☰

Tabview Youtube

把Youtube Videos中的評論及影片清單製作成Tabs

目前為 2022-11-15 提交的版本，檢視 最新版本。

  1. /*
  2.  
  3. MIT License
  4.  
  5. Copyright (c) 2021 cyfung1031
  6.  
  7. Permission is hereby granted, free of charge, to any person obtaining a copy
  8. of this software and associated documentation files (the "Software"), to deal
  9. in the Software without restriction, including without limitation the rights
  10. to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
  11. copies of the Software, and to permit persons to whom the Software is
  12. furnished to do so, subject to the following conditions:
  13.  
  14. The above copyright notice and this permission notice shall be included in all
  15. copies or substantial portions of the Software.
  16.  
  17. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
  18. IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
  19. FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
  20. AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
  21. LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  22. OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  23. SOFTWARE.
  24.  
  25. */
  26. // ==UserScript==
  27. // @name         Tabview Youtube
  28. // @name:en      Tabview Youtube
  29. // @name:ja      Tabview Youtube
  30. // @name:zh-TW   Tabview Youtube
  31. // @name:zh-CN   Tabview Youtube
  32. // @namespace    http://tampermonkey.net/
  33. // @version     3.1.2
  34. // @license     MIT
  35. // @description     Make comments and lists into tabs for YouTube Videos
  36. // @description:en  Make comments and lists into tabs for YouTube Videos
  37. // @description:ja  YouTube動画のコメントやリストなどをタブに作成します
  38. // @description:zh-TW  把Youtube Videos中的評論及影片清單製作成Tabs
  39. // @description:zh-CN  把Youtube Videos中的评论及视频列表制作成Tabs
  40. // @author       CY Fung
  41. // @match     https://www.youtube.com/*
  42. // @icon         https://github.com/cyfung1031/Tabview-Youtube/raw/main/images/icon128p.png
  43. // @run-at      document-start
  44. // @grant       GM_getResourceText
  45. // @resource     contentCSS https://raw.githubusercontent.com/cyfung1031/Tabview-Youtube/6d0a55a2f5cd906137a217b0f9f3493612df4c67/css/style_content.css
  46. // @resource     injectionJS1 https://raw.githubusercontent.com/cyfung1031/Tabview-Youtube/e4582972990301143bab5a318f802136c6a5a921/js/injection_script_1.js
  47. // @require      https://cdnjs.cloudflare.com/ajax/libs/cash/8.1.1/cash.min.js
  48. // @noframes
  49. // ==/UserScript==
  50.  
  51. /* jshint esversion:8 */
  52.  
  53. function main($){
  54.     // MIT License
  55.     // https://github.com/cyfung1031/Tabview-Youtube/raw/main/js/content.js
  56.  
  57.  
  58.  
  59.  
  60.  
  61.  
  62.  
  63.  
  64.  
  65.  
  66.  
  67.  
  68.  
  69.  
  70.  
  71.  
  72.  
  73.  
  74. -(function() {
  75.   
  76.   function inIframe() {
  77.     try {
  78.       return window.self !== window.top;
  79.     } catch (e) {
  80.       return true;
  81.     }
  82.   }
  83.  
  84.   if (inIframe()) return;
  85.  
  86.   if (!$) return;
  87.  
  88.   /**
  89.    * SVG resources:
  90.    * <div>Icons made by <a href="https://www.flaticon.com/authors/smashicons" title="Smashicons">Smashicons</a> from <a href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a></div>
  91.    */
  92.  
  93.   const scriptVersionForExternal = '2022/05/07';
  94.  
  95.   const isMyScriptInChromeRuntime = () => typeof GM === 'undefined' && typeof((((window || 0).chrome || 0).runtime || 0).getURL) == 'function'
  96.  
  97.   const svgComments = `<path d="M40.068 13.465l-34.138.07A5.94 5.94 0 0 0 0 19.465v21.141a5.94 5.94 0 0 0 5.93 5.929H12v10a1 
  98.   1 0 0 0 1.74.673l9.704-10.675 16.626-.068A5.94 5.94 0 0 0 46 40.536V19.395a5.94 5.94 0 0 0-5.932-5.93zM10 23.465h13a1 
  99.   1 0 1 1 0 2H10a1 1 0 1 1 0-2zm26 14H10a1 1 0 1 1 0-2h26a1 1 0 1 1 0 2zm0-6H10a1 1 0 1 1 0-2h26a1 1 0 1 1 0 
  100.   2zm18.072-28.93l-34.142-.07A5.94 5.94 0 0 0 14 8.395v3.124l26.064-.054c4.377 0 7.936 3.557 7.936 7.93v21.07.071 
  101.   2.087l3.26 3.586a1 1 0 0 0 1.74-.673v-10h1.07A5.94 5.94 0 0 0 60 29.607V8.465a5.94 5.94 0 0 0-5.928-5.93z"/>`.trim();
  102.  
  103.   const svgVideos = `<path d="M298 33c0-13.255-10.745-24-24-24H24C10.745 9 0 19.745 0 33v232c0 13.255 10.745 24 24 
  104.   24h250c13.255 0 24-10.745 24-24V33zM91 39h43v34H91V39zM61 259H30v-34h31v34zm0-186H30V39h31v34zm73 
  105.   186H91v-34h43v34zm-11-82.292v-55.417c0-8.25 5.868-11.302 12.77-6.783l40.237 26.272c6.902 4.519 6.958 11.914.056 
  106.   16.434l-40.321 26.277c-6.902 4.52-12.742 1.467-12.742-6.783zM207 259h-43v-34h43v34zm0-186h-43V39h43v34zm61 
  107.   186h-31v-34h31v34zm0-186h-31V39h31v34z"/>`.trim();
  108.  
  109.   const svgInfo = `<path d="M11.812 0C5.289 0 0 5.289 0 11.812s5.289 11.813 11.812 11.813 11.813-5.29 11.813-11.813S18.335 
  110.   0 11.812 0zm2.459 18.307c-.608.24-1.092.422-1.455.548s-.783.189-1.262.189c-.736 
  111.   0-1.309-.18-1.717-.539s-.611-.814-.611-1.367c0-.215.015-.435.045-.659a8.23 8.23 0 0 1 
  112.   .147-.759l.761-2.688c.067-.258.125-.503.171-.731a3.24 3.24 0 0 0 
  113.   .068-.633c0-.342-.071-.582-.212-.717s-.412-.201-.813-.201c-.196 
  114.   0-.398.029-.605.09s-.383.12-.529.176l.201-.828c.498-.203.975-.377 1.43-.521s.885-.218 1.29-.218c.731 0 1.295.178 
  115.   1.692.53s.594.812.594 1.376c0 .117-.014.323-.041.617a4.13 4.13 0 0 1-.152.811l-.757 
  116.   2.68c-.062.215-.117.461-.167.736s-.073.485-.073.626c0 .356.079.599.239.728s.435.194.827.194a2.4 2.4 0 0 0 .626-.097 
  117.   3.56 3.56 0 0 0 .506-.17l-.203.827zm-.134-10.878c-.353.328-.778.492-1.275.492s-.924-.164-1.28-.492a1.57 1.57 0 
  118.   0 1-.533-1.193c0-.465.18-.865.533-1.196a1.81 1.81 0 0 1 1.28-.497 1.79 1.79 0 0 1 1.275.497c.353.331.53.731.53 
  119.   1.196s-.177.865-.53 1.193z"/>`.trim();
  120.  
  121.   const svgPlayList = `<path d="M0 64h256v42.667H0zm0 85.333h256V192H0zm0 85.334h170.667v42.667H0zm341.333 
  122.   0v-85.334h-42.666v85.334h-85.334v42.666h85.334v85.334h42.666v-85.334h85.334v-42.666z"/>`.trim();
  123.  
  124.  
  125.   const DEBUG_LOG = false
  126.  
  127.   const LAYOUT_VAILD = 1;
  128.  
  129.   const LAYOUT_TWO_COLUMNS = 2;
  130.   const LAYOUT_THEATER = 4;
  131.   const LAYOUT_FULLSCREEN = 8;
  132.   const LAYOUT_CHATROOM = 16;
  133.   const LAYOUT_CHATROOM_COLLASPED = 32;
  134.   const LAYOUT_TAB_EXPANDED = 64;
  135.   const LAYOUT_ENGAGEMENT_PANEL_EXPAND = 128;
  136.   const LAYOUT_CHATROOM_EXPANDED = 256;
  137.  
  138.  
  139.   let pageType = null;
  140.  
  141.   /*
  142.  
  143.   yt-action yt-add-element-to-app yt-autonav-pause-blur yt-autonav-pause-focus
  144. yt-autonav-pause-guide-closed yt-autonav-pause-guide-opened yt-autonav-pause-player
  145. yt-autonav-pause-player-ended yt-autonav-pause-scroll yt-autoplay-on-changed
  146. yt-close-tou-form yt-consent-bump-display-changed yt-focus-searchbox
  147. yt-get-context-provider yt-guide-close yt-guide-hover yt-guide-toggle
  148. yt-history-load yt-history-pop yt-load-invalidation-continuation
  149. yt-load-next-continuation yt-load-reload-continuation yt-load-tou-form
  150. yt-masthead-height-changed yt-navigate yt-navigate-cache yt-navigate-error
  151. yt-navigate-finish yt-navigate-redirect yt-navigate-set-page-offset
  152. yt-navigate-start yt-next-continuation-data-updated yt-open-hotkey-dialog
  153. yt-open-tou-form-loading-state yt-page-data-fetched yt-page-data-updated
  154. yt-page-data-will-update yt-page-manager-navigate-start yt-page-navigate-start
  155. yt-page-type-changed yt-player-attached yt-player-detached yt-player-released
  156. yt-player-requested yt-player-updated yt-popup-canceled yt-popup-closed
  157. yt-popup-opened yt-preconnect-urls yt-register-action yt-report-form-closed
  158. yt-report-form-opened yt-request-panel-mode-change yt-retrieve-location
  159. yt-service-request-completed yt-service-request-error yt-service-request-sent
  160. yt-set-theater-mode-enabled yt-show-survey yt-subscription-changed
  161. yt-swatch-changed yt-theater-mode-allowed yt-unregister-action yt-update-title
  162. yt-update-unseen-notification-count yt-viewport-scanned yt-visibility-refresh
  163.  
  164. */
  165.  
  166.  
  167.  
  168.   const nullFunc = function(){}
  169.   const _console = new Proxy(console, {
  170.     get(target, prop, receiver){
  171.       if(!DEBUG_LOG && prop==='log'){
  172.         return nullFunc
  173.       }
  174.       return Reflect.get(...arguments)
  175.     }
  176.   });
  177.  
  178.   const isPassiveArgSupport = (typeof IntersectionObserver==='function');
  179.   // https://caniuse.com/?search=observer
  180.   // https://caniuse.com/?search=addEventListener%20passive
  181.  
  182.   const bubblePassive = isPassiveArgSupport?{capture:false, passive:true}:false;
  183.   const capturePassive = isPassiveArgSupport?{capture:true, passive:true}:true;
  184.  
  185.  
  186.   
  187.   _console.log(38489)
  188.  
  189.  
  190.   const querySelectorFromAnchor = HTMLElement.prototype.querySelector; // nodeType==1 // since 2022/07/12
  191.   const querySelectorAllFromAnchor = HTMLElement.prototype.querySelectorAll; // nodeType==1 // since 2022/07/12
  192.   const closestDOM = HTMLElement.prototype.closest;
  193.   const elementRemove = HTMLElement.prototype.remove;
  194.   const elementInsertBefore = HTMLElement.prototype.insertBefore; // since 2022/07/12
  195.   const elementContains = HTMLElement.prototype.contains; // since 2022/07/12
  196.  
  197.   const querySelectorFromAnchorFizzy = (root, id, selector)=>{
  198.     if(!root) return null;
  199.     if(root.id===id && root.matches(selector))return root;
  200.     return querySelectorFromAnchor.call(root, selector) || null;
  201.   }
  202.  
  203.  
  204.   function maxUInt(s, d){
  205.     let t = (d>s?d:s);
  206.     return t>0?t:0;
  207.   }
  208.  
  209.   function scriptInjector(script_id, url_chrome, response_id){
  210.  
  211.     let res={
  212.       script_id: script_id,
  213.       inject: function(){
  214.  
  215.         let res = this, script_id = this.script_id;
  216.  
  217.         if(!document.querySelector(`script#${script_id}`)){
  218.           if (res.runtime_url){
  219.             addScriptByURL(res.runtime_url).id = script_id;
  220.           } else {
  221.             addScript(`${res.injection_script}`).id = script_id;
  222.           }
  223.         }
  224.  
  225.       }
  226.     }
  227.     res.script_id = script_id;
  228.     
  229.     if (isMyScriptInChromeRuntime()){
  230.       res.runtime_url = window.chrome.runtime.getURL(url_chrome)
  231.     } else {
  232.       res.injection_script = GM_getResourceText(response_id);
  233.     }
  234.  
  235.     return res;
  236.  
  237.  
  238.  
  239.   }
  240.  
  241.   /*
  242.   const script_inject_facp = scriptInjector(
  243.     'userscript-tabview-injection-facp',
  244.     'js/injectionScript_fixAutoComplete.js',
  245.     "injectionFixAutoComplete");
  246.     */
  247.  
  248.   const script_inject_js1 = scriptInjector(
  249.     'userscript-tabview-injection-1',
  250.     'js/injection_script_1.js',
  251.     "injectionJS1");
  252.     
  253.    
  254.  
  255.   
  256.   /** @type {(o: Object | null) => WeakRef | null} */
  257.   const mWeakRef = typeof WeakRef === 'function' ? (o => o ? new WeakRef(o) : null) : (o => o || null); // typeof InvalidVar == 'undefined'
  258.  
  259.   /** @type {(wr: Object | null) => Object | null} */
  260.   const kRef = (wr => (wr && wr.deref) ? wr.deref() : wr);
  261.  
  262.  
  263.  
  264.   const nonCryptoRandStr_base = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789'
  265.   function nonCryptoRandStr(/** @type {number} */ n){
  266.     const result = new Array(n);
  267.     const baseStr = nonCryptoRandStr_base;
  268.     const bLen = baseStr.length;
  269.     for ( let i = 0; i < n; i++ ) {
  270.       let t = null
  271.       do {
  272.         t = baseStr.charAt(Math.floor(Math.random() * bLen));
  273.       }while(i===0 && 10-t>0)
  274.       result[i]=t;
  275.    }
  276.    return result.join('');
  277.   }
  278.  
  279. /**
  280.  * Class definition
  281.  * @property {string} propName - propriety description
  282.  * ...
  283.  */
  284.   class ObserverRegister{
  285.     
  286.     constructor(/** @type {()=>MutationObserver | IntersectionObserver} */ observerCreator){
  287.       let uid = null;
  288.       const uidStore = ObserverRegister.uidStore;
  289.       do{
  290.         uid = nonCryptoRandStr(5);
  291.       }while(uidStore[uid])
  292.       uidStore[uid] = true;
  293.       
  294.       /**
  295.        * uid is the unique string for each observer
  296.        * @type {string}
  297.        * @public
  298.        */
  299.       this.uid = uid;
  300.       
  301.       /**
  302.        * observerCreator is a function to create the observer
  303.        * @type {Function}
  304.        * @public
  305.        */
  306.       this.observerCreator = observerCreator
  307.       
  308.       /**
  309.        * observer is the actual observer object
  310.        * @type {MutationObserver | IntersectionObserver}
  311.        * @public
  312.        */
  313.       this.observer = null;
  314.     }
  315.     bindElement(/** @type {HTMLElement} */ elm, ...args){
  316.       if(elm.hasAttribute(`o3r-${this.uid}`))return false;
  317.       elm.setAttribute(`o3r-${this.uid}`,'')
  318.       if(this.observer===null){
  319.         this.observer=this.observerCreator();
  320.       }
  321.       this.observer.observe(elm, ...args)
  322.       return true
  323.     }
  324.     clear(/** @type {boolean} */ flag){
  325.       if(this.observer !== null){
  326.         //const uidStore = ObserverRegister.uidStore;
  327.         if(flag === true){
  328.           this.observer.takeRecords();
  329.           this.observer.disconnect();
  330.         }
  331.         this.observer = null;
  332.         for(const s of document.querySelectorAll(`[o3r-${this.uid}]`)) s.removeAttribute(`o3r-${this.uid}`)
  333.         //uidStore[this.uid]=false;
  334.         //this.uid = null;
  335.       }
  336.     }
  337.   }
  338.  
  339.   /**
  340.  * 'uidStore' is the static store of strings used.
  341.  * @static
  342.  */
  343.   ObserverRegister.uidStore = {}; //backward compatible with FireFox 55.
  344.  
  345.  
  346.   const mtoMutation_body = new ObserverRegister(()=>{
  347.     return new MutationObserver(FP.mtoBodyF)
  348.   }); 
  349.  
  350.   const mtoFlexyAttr = new ObserverRegister(()=>{
  351.     return new MutationObserver(mtf_attrFlexy)
  352.   }); 
  353.  
  354.   const mtoVisibility_EngagementPanel = new ObserverRegister(()=>{
  355.     return new MutationObserver(FP.mtf_attrEngagementPanel)
  356.   });
  357.   const sa_epanel = mtoVisibility_EngagementPanel.uid;
  358.  
  359.   const mtoVisibility_Playlist = new ObserverRegister(()=>{
  360.     return new AttributeMutationObserver({
  361.       "hidden": FP.mtf_attrPlaylist
  362.     })
  363.   })
  364.   const sa_playlist = mtoVisibility_Playlist.uid;
  365.  
  366.   const mtoVisibility_Comments = new ObserverRegister(()=>{
  367.     return new AttributeMutationObserver({
  368.       "hidden": FP.mtf_attrComments
  369.     })
  370.   })
  371.   const sa_comments = mtoVisibility_Comments.uid;
  372.  
  373.  
  374.   const mtoVisibility_Chatroom = new ObserverRegister(()=>{
  375.     return new AttributeMutationObserver({
  376.       "collapsed": FP.mtf_attrChatroom
  377.     })
  378.   })
  379.   const sa_chatroom = mtoVisibility_Chatroom.uid;
  380.  
  381.  
  382.  
  383.  
  384.  
  385.   class ScriptEF {
  386.     constructor() {
  387.       this._id = scriptEC;
  388.     }
  389.     isValid() {
  390.       return this._id === scriptEC;
  391.     }
  392.   }
  393.  
  394.   class Timeout {
  395.  
  396.     set(f, d, repeatCount) {
  397.       if (this.cid > 0) return;
  398.       let sEF = new ScriptEF();
  399.       if (repeatCount > 0) {
  400.  
  401.         let rc = repeatCount;
  402.         const g = () => {
  403.           this.cid = 0;
  404.           if (!sEF.isValid()) return;
  405.           let res = f();
  406.           if (--rc <= 0) return;
  407.           if (res === true) this.cid = timeline.setTimeout(g, d);
  408.         }
  409.         g();
  410.  
  411.       } else {
  412.  
  413.         const g = () => {
  414.           this.cid = 0;
  415.           if (!sEF.isValid()) return;
  416.           if (f() === true) this.cid = timeline.setTimeout(g, d);
  417.         }
  418.         this.cid = timeline.setTimeout(g, d);
  419.       }
  420.     }
  421.  
  422.     clear() {
  423.       if (this.cid > 0) timeline.clearTimeout(this.cid);
  424.     }
  425.  
  426.     isEmpty() {
  427.       return !this.cid
  428.     }
  429.  
  430.  
  431.   }
  432.  
  433.   class Mutex {
  434.  
  435.     constructor() {
  436.       this.p = Promise.resolve()
  437.     }
  438.  
  439.     lockWith(f) {
  440.  
  441.       this.p = this.p.then(() => {
  442.         return new Promise(f)
  443.       }).catch(console.warn)
  444.     }
  445.  
  446.   }
  447.  
  448.  
  449.  
  450.   function prettyElm(/** @type {Element} */ elm) {
  451.     if (!elm || !elm.nodeName) return null;
  452.     const eId = elm.id || null;
  453.     const eClsName = elm.className || null;
  454.     return [elm.nodeName.toLowerCase(), typeof eId == 'string' ? "#" + eId : '', typeof eClsName == 'string' ? '.' + eClsName.replace(/\s+/g, '.') : ''].join('').trim();
  455.   }
  456.  
  457.   function extractTextContent(/** @type {Node} */ elm) {
  458.     return elm.textContent.replace(/\s+/g, '').replace(/[^\da-zA-Z\u4E00-\u9FFF\u00C0-\u00FF\u00C0-\u02AF\u1E00-\u1EFF\u0590-\u05FF\u0400-\u052F\u0E00-\u0E7F\u0600-\u06FF\u0750-\u077F\u1100-\u11FF\u3130-\u318F\uAC00-\uD7AF\u3040-\u30FF\u31F0-\u31FF]/g, '')
  459.   }
  460.  
  461.   function addScript(/** @type {string} */ scriptText) {
  462.     const scriptNode = document.createElement('script');
  463.     scriptNode.type = 'text/javascript';
  464.     scriptNode.textContent = scriptText;
  465.     try {
  466.       document.documentElement.appendChild(scriptNode);
  467.     } catch (e) {
  468.       console.log('addScript Error', e)
  469.     }
  470.     return scriptNode;
  471.   }
  472.  
  473.   function addScriptByURL(/** @type {string} */ scriptURL) {
  474.     const scriptNode = document.createElement('script');
  475.     scriptNode.type = 'text/javascript';
  476.     scriptNode.src = scriptURL;
  477.     try {
  478.       document.documentElement.appendChild(scriptNode);
  479.     } catch (e) {
  480.       console.log('addScriptByURL Error', e)
  481.     }
  482.     return scriptNode;
  483.   }
  484.  
  485.   function addStyle(/** @type {string} */ styleText, /** @type {HTMLElement | Document} */ container) {
  486.     const styleNode = document.createElement('style');
  487.     //styleNode.type = 'text/css';
  488.     styleNode.textContent = styleText;
  489.     (container || document.documentElement).appendChild(styleNode);
  490.     return styleNode;
  491.   }
  492.  
  493.  
  494.   const stopIframePropagation = function(/** @type {Event} */ evt){
  495.     if(scriptEnable && ((evt||0).target||0).nodeName === 'IFRAME'){
  496.       evt.stopImmediatePropagation();
  497.       evt.stopPropagation();
  498.     }
  499.   }
  500.   document.addEventListener('mouseover', stopIframePropagation, true)
  501.   document.addEventListener('mouseout', stopIframePropagation, true)
  502.   document.addEventListener('mousedown', stopIframePropagation, true)
  503.   document.addEventListener('mouseup', stopIframePropagation, true)
  504.   document.addEventListener('keydown', stopIframePropagation, true)
  505.   document.addEventListener('keyup', stopIframePropagation, true)
  506.   document.addEventListener('mouseenter', stopIframePropagation, true)
  507.   document.addEventListener('mouseleave', stopIframePropagation, true)
  508.  
  509.  
  510.  
  511.   function isDOMVisible(/** @type {HTMLElement} */ elem) {
  512.     // jQuery version : https://github.com/jquery/jquery/blob/a684e6ba836f7c553968d7d026ed7941e1a612d8/src/css/hiddenVisibleSelectors.js
  513.     return !!(elem.offsetWidth || elem.offsetHeight || elem.getClientRects().length);
  514.   }
  515.  
  516.   function isNonEmptyString(s) {
  517.     return typeof s == 'string' && s.length > 0;
  518.   }
  519.  
  520.  
  521.   async function nativeCall(/** @type {EventTarget} */ dom, /** @type {any[]} */ detail) {
  522.     //console.log(1231)
  523.     dom.dispatchEvent(new CustomEvent("userscript-call-dom", { detail: detail }))
  524.     //console.log(1232)
  525.   }
  526.  
  527.   async function nativeFunc(/** @type {EventTarget} */ dom, /** @type {string} */ property, /** @type {any} */ args) {
  528.     dom.dispatchEvent(new CustomEvent("userscript-call-dom-func", { detail: { property, args } }))
  529.   }
  530.  
  531.   // async function nativeValue(dom, property, args) {
  532.   //   dom.dispatchEvent(new CustomEvent("userscript-call-dom-value", { detail: { property, args } }))
  533.   // }
  534.   // async function nativeFuncStacked(/** @type {string} */ selector, /** @type {string} */ property, /** @type {any} */ args){
  535.   //   document.dispatchEvent(new CustomEvent("userscript-call-dom-func-stacked", { detail: { selector, property, args } }))
  536.   // }
  537.   // async function nativeValueStacked(selector, property, args){
  538.   //   document.dispatchEvent(new CustomEvent("userscript-call-dom-value-stacked", { detail: { selector, property, args } }))
  539.   // }
  540.   // async function nativeConstStacked(selector, property, args){
  541.   //   document.dispatchEvent(new CustomEvent("userscript-call-dom-const-stacked", { detail: { selector, property, args } }))
  542.   // }
  543.  
  544.   function isCommentsK(ytdFlexyElm){
  545.     
  546.     return (ytdFlexyElm.getAttribute('tabview-youtube-comments')||'').indexOf('K')>=0
  547.  
  548.   }
  549.  
  550.   function akAttr(/** @type {HTMLElement} */ cssElm, /** @type {String} */ attrName, /** @type {boolean} */ isNegative, /** @type {string | any} */ flag) {
  551.     // isNegative => incomplete loading
  552.  
  553.     let u = parseInt(cssElm.getAttribute(attrName) || 0) || 0;
  554.     let ak = Math.abs(u);
  555.  
  556.     if (ak > 100 && isNegative && u < 0) {
  557.  
  558.     } else if (ak > 100 && !isNegative && u > 0) {
  559.  
  560.     } else {
  561.       if (ak <= 100) {
  562.         ak = 101;
  563.       } else {
  564.         ak++;
  565.         if (ak >= 800) ak = 101;
  566.       }
  567.       // 101, 102, ... 799, 101 
  568.     }
  569.  
  570.     cssElm.setAttribute(attrName, `${ isNegative ? -ak : ak }${ flag || '' }`)
  571.   }
  572.  
  573.  
  574.  
  575.   let timeout_resize_for_layout_change = new Timeout();
  576.  
  577.   function dispatchWindowResize(){
  578.     // for youtube to detect layout resize for adjusting Player tools
  579.     return window.dispatchEvent(new Event('resize'));
  580.   }
  581.  
  582.  
  583.  
  584.   function layoutStatusChanged(/** @type {number} */ old_layoutStatus, /** @type {number} */ new_layoutStatus) {
  585.  
  586.  
  587.     if (old_layoutStatus === new_layoutStatus) return;
  588.  
  589.     const cssElm = kRef(ytdFlexy);
  590.  
  591.     if (!cssElm) return;
  592.  
  593.     const BF_TWOCOL_N_THEATER = LAYOUT_TWO_COLUMNS|LAYOUT_THEATER
  594.  
  595.     let new_isExpandedChat = !!(new_layoutStatus & LAYOUT_CHATROOM_EXPANDED)
  596.  
  597.     let new_isTabExpanded = !!(new_layoutStatus & LAYOUT_TAB_EXPANDED);
  598.     let new_isFullScreen = !!(new_layoutStatus & LAYOUT_FULLSCREEN);
  599.     let new_isExpandEPanel = !!(new_layoutStatus & LAYOUT_ENGAGEMENT_PANEL_EXPAND);
  600.  
  601.     
  602.  
  603.  
  604.     function showTabOrChat() {
  605.  
  606.       layoutStatusMutex.lockWith(unlock => {
  607.  
  608.         if (lstTab.lastPanel == '#chatroom') {
  609.  
  610.           if (new_isTabExpanded) switchTabActivity(null)
  611.           if (!new_isExpandedChat) ytBtnExpandChat();
  612.  
  613.         } else if (lstTab.lastPanel && lstTab.lastPanel.indexOf('#engagement-panel-') == 0) {
  614.  
  615.           if (new_isTabExpanded) switchTabActivity(null)
  616.           if (!new_isExpandEPanel) ytBtnOpenEngagementPanel(lstTab.lastPanel);
  617.  
  618.         } else {
  619.  
  620.           if (new_isExpandedChat) ytBtnCollapseChat()
  621.           if (!new_isTabExpanded) {setToActiveTab();}
  622.  
  623.         }
  624.  
  625.         timeline.setTimeout(unlock, 40);
  626.  
  627.       })
  628.     }
  629.  
  630.     function hideTabAndChat() {
  631.  
  632.       layoutStatusMutex.lockWith(unlock => {
  633.  
  634.         if (new_isTabExpanded) switchTabActivity(null)
  635.         if (new_isExpandedChat) ytBtnCollapseChat()
  636.         if (new_isExpandEPanel) ytBtnCloseEngagementPanels();
  637.  
  638.  
  639.         timeline.setTimeout(unlock, 40);
  640.  
  641.       })
  642.  
  643.     }
  644.  
  645.     const statusCollaspedFalse = !!(new_layoutStatus & (LAYOUT_TAB_EXPANDED|LAYOUT_ENGAGEMENT_PANEL_EXPAND|LAYOUT_CHATROOM_EXPANDED))
  646.     const statusCollaspedTrue = !statusCollaspedFalse
  647.     
  648.  
  649.     let changes = (old_layoutStatus & LAYOUT_VAILD) ? old_layoutStatus ^ new_layoutStatus : 0;
  650.  
  651.     let chat_collasped_changed = !!(changes & LAYOUT_CHATROOM_COLLASPED)
  652.     let chat_expanded_changed = !!(changes & LAYOUT_CHATROOM_EXPANDED)
  653.     let tab_expanded_changed = !!(changes & LAYOUT_TAB_EXPANDED)
  654.     let theater_mode_changed = !!(changes & LAYOUT_THEATER)
  655.     let column_mode_changed = !!(changes & LAYOUT_TWO_COLUMNS)
  656.     let fullscreen_mode_changed = !!(changes & LAYOUT_FULLSCREEN)
  657.     let epanel_expanded_changed = !!(changes & LAYOUT_ENGAGEMENT_PANEL_EXPAND)
  658.  
  659.     
  660.     
  661.     let BF_LayoutCh_Panel = (changes & (LAYOUT_TAB_EXPANDED|LAYOUT_CHATROOM_EXPANDED|LAYOUT_ENGAGEMENT_PANEL_EXPAND))
  662.     let tab_change = BF_LayoutCh_Panel;
  663.     let isChatOrTabExpandTriggering = !!((new_layoutStatus) & BF_LayoutCh_Panel);
  664.     let isChatOrTabCollaspeTriggering = !!((~new_layoutStatus) & BF_LayoutCh_Panel);
  665.  
  666.  
  667.  
  668.     let moreThanOneShown = (new_isTabExpanded + new_isExpandedChat + new_isExpandEPanel) > 1
  669.  
  670.     let requestVideoResize = false;
  671.  
  672.     // two column; not theater; tab collapse; chat expand; ep expand
  673.     const IF_01a = LAYOUT_TWO_COLUMNS|LAYOUT_THEATER|LAYOUT_TAB_EXPANDED|LAYOUT_CHATROOM|LAYOUT_CHATROOM_COLLASPED|LAYOUT_ENGAGEMENT_PANEL_EXPAND;
  674.     const IF_01b = LAYOUT_TWO_COLUMNS|0|0|LAYOUT_CHATROOM|0|LAYOUT_ENGAGEMENT_PANEL_EXPAND;
  675.  
  676.     
  677.     // two column; not theater;
  678.     const IF_02a = BF_TWOCOL_N_THEATER;
  679.     const IF_02b = LAYOUT_TWO_COLUMNS;
  680.  
  681.     // two column; not theater; tab expand; chat expand; 
  682.     const IF_03a = LAYOUT_TWO_COLUMNS|LAYOUT_THEATER|LAYOUT_TAB_EXPANDED|LAYOUT_CHATROOM|LAYOUT_CHATROOM_COLLASPED;
  683.     const IF_03b = LAYOUT_TWO_COLUMNS|0|LAYOUT_TAB_EXPANDED|LAYOUT_CHATROOM|0;
  684.  
  685.     
  686.     // two column; tab expand; chat expand; 
  687.     const IF_06a = LAYOUT_TWO_COLUMNS|LAYOUT_TAB_EXPANDED|LAYOUT_CHATROOM|LAYOUT_CHATROOM_COLLASPED;
  688.     const IF_06b = LAYOUT_TWO_COLUMNS|LAYOUT_TAB_EXPANDED|LAYOUT_CHATROOM|0;
  689.  
  690.     
  691.     // two column; theater;
  692.     const IF_04a = BF_TWOCOL_N_THEATER;
  693.     const IF_04b = BF_TWOCOL_N_THEATER;
  694.  
  695.     // not fullscreen; two column; not theater; not tab expand; not EP expand; not expand chat
  696.     const IF_05a = LAYOUT_FULLSCREEN|LAYOUT_TWO_COLUMNS|LAYOUT_THEATER|LAYOUT_TAB_EXPANDED|LAYOUT_ENGAGEMENT_PANEL_EXPAND|LAYOUT_CHATROOM_EXPANDED;
  697.     const IF_05b = 0|LAYOUT_TWO_COLUMNS|0|0|0|0;
  698.  
  699.  
  700.  
  701.     if(new_isFullScreen){
  702.  
  703.  
  704.       if (tab_change == LAYOUT_CHATROOM_EXPANDED && (new_layoutStatus & IF_06a) === IF_06b && statusCollaspedFalse && !column_mode_changed) {
  705.  
  706.         // two column; tab expand; chat expand; 
  707.     
  708.           switchTabActivity(null);
  709.  
  710.  
  711.           
  712.       }
  713.  
  714.       if( !!(tab_change & LAYOUT_CHATROOM_EXPANDED) && new_isExpandedChat ){
  715.         //tab_change = LAYOUT_CHATROOM_EXPANDED
  716.         //tab_change = LAYOUT_CHATROOM_EXPANDED|LAYOUT_TAB_EXPANDED
  717.         
  718.         timeline.setTimeout(() => {
  719.           let scrollElement = document.querySelector('ytd-app[scrolling]')
  720.           if(!scrollElement) return;
  721.           // single column view; click button; scroll to tab content area 100%
  722.           let chatFrame = document.querySelector('ytd-live-chat-frame#chat');
  723.           if (chatFrame && isChatExpand()) {
  724.             _console.log(7290,1)
  725.             chatFrame.scrollIntoView(true);
  726.           }
  727.         }, 60)
  728.  
  729.       }
  730.  
  731.       
  732.       
  733.  
  734.  
  735.       if (!!(tab_change & LAYOUT_ENGAGEMENT_PANEL_EXPAND) && new_isExpandEPanel) {
  736.         
  737.         timeline.setTimeout(() => {
  738.           let scrollElement = document.querySelector('ytd-app[scrolling]')
  739.           if(!scrollElement) return;
  740.           // single column view; click button; scroll to tab content area 100%
  741.           let epPanel = document.querySelector('ytd-engagement-panel-section-list-renderer[visibility="ENGAGEMENT_PANEL_VISIBILITY_EXPANDED"]');
  742.           if (epPanel ) {
  743.             _console.log(7290,2)
  744.  
  745.             let pi=50;
  746.             let cid = setInterval(()=>{
  747.               if(--pi) epPanel.scrollIntoView(true); else clearInterval(cid)
  748.             },17)
  749.             //
  750.           }
  751.         }, 60)
  752.  
  753.       }
  754.  
  755.  
  756.  
  757.     }else if (fullscreen_mode_changed) {
  758.  
  759.  
  760.       
  761.  
  762.       if( !new_isFullScreen && statusCollaspedTrue && isWideScreenWithTwoColumns() && !isTheater()){
  763.         showTabOrChat();
  764.         requestVideoResize = true;
  765.       } else if( !new_isFullScreen && statusCollaspedFalse && isWideScreenWithTwoColumns() && isTheater()){
  766.         ytBtnCancelTheater();
  767.         requestVideoResize = true;
  768.       }
  769.  
  770.  
  771.  
  772.     } else if((new_layoutStatus & IF_01a) === IF_01b && !column_mode_changed && (tab_change==LAYOUT_CHATROOM_EXPANDED || tab_change==LAYOUT_ENGAGEMENT_PANEL_EXPAND) ){
  773.  
  774.     // two column; not theater; tab collapse; chat expand; ep expand
  775.  
  776.  
  777.  
  778.       if(epanel_expanded_changed){
  779.         layoutStatusMutex.lockWith(unlock => {
  780.           ytBtnCollapseChat();
  781.           setTimeout(unlock,13)
  782.         })
  783.       }else if(chat_collasped_changed){
  784.         layoutStatusMutex.lockWith(unlock => {
  785.           ytBtnCloseEngagementPanels();
  786.           setTimeout(unlock,13)
  787.         })
  788.  
  789.       }
  790.  
  791.     } else if (!tab_change && column_mode_changed && (new_layoutStatus & IF_02a) === IF_02b && moreThanOneShown) {
  792.  
  793.     // two column; not theater;
  794.     // moreThanOneShown
  795.  
  796.       showTabOrChat();
  797.       requestVideoResize = true;
  798.  
  799.     } else if (tab_change == LAYOUT_CHATROOM_EXPANDED && (new_layoutStatus & IF_03a) === IF_03b && statusCollaspedFalse && !column_mode_changed) {
  800.  
  801.     // two column; not theater; tab expand; chat expand; 
  802.  
  803.       switchTabActivity(null);
  804.       requestVideoResize = true;
  805.  
  806.     } else if (isChatOrTabExpandTriggering && (new_layoutStatus & IF_04a) === IF_04b && statusCollaspedFalse && (changes & BF_TWOCOL_N_THEATER) === 0 ) {
  807.  
  808.       ytBtnCancelTheater();
  809.       requestVideoResize = true;
  810.  
  811.     } else if ((new_layoutStatus & IF_04a) === IF_04b && statusCollaspedFalse) {
  812.  
  813.       hideTabAndChat();
  814.       requestVideoResize = true;
  815.  
  816.     } else if (isChatOrTabCollaspeTriggering && (new_layoutStatus & IF_02a) === IF_02b && statusCollaspedTrue && !column_mode_changed) {
  817.  
  818.       if(tab_change==LAYOUT_ENGAGEMENT_PANEL_EXPAND){
  819.  
  820.         lstTab.lastPanel = null;
  821.  
  822.         if(new_isFullScreen){
  823.  
  824.         }else{
  825.           showTabOrChat();
  826.         }
  827.       }else if(tab_change==LAYOUT_CHATROOM_EXPANDED){
  828.  
  829.         lstTab.lastPanel = null;
  830.  
  831.         if(new_isFullScreen){
  832.  
  833.         }else{
  834.           showTabOrChat();
  835.         }
  836.       }else{
  837.  
  838.         
  839.         if(new_isFullScreen){
  840.  
  841.         }else{
  842.  
  843.         ytBtnSetTheater();
  844.  
  845.         }
  846.  
  847.       }
  848.  
  849.       requestVideoResize = true;
  850.  
  851.     } else if (!tab_change && !!(changes & BF_TWOCOL_N_THEATER) && (new_layoutStatus & IF_02a) === IF_02b && statusCollaspedTrue) {
  852.  
  853.       showTabOrChat();
  854.       requestVideoResize = true;
  855.  
  856.     } else if ( (new_layoutStatus & IF_05a) === IF_05b ) {
  857.       // bug fix for restoring from mini player
  858.  
  859.       layoutStatusMutex.lockWith(unlock => {
  860.         setToActiveTab();
  861.         timeline.setTimeout(unlock, 40);
  862.       })
  863.  
  864.       requestVideoResize = true;
  865.  
  866.     } else if (tab_expanded_changed) {
  867.  
  868.       requestVideoResize = true;
  869.  
  870.     }
  871.  
  872.  
  873.  
  874.  
  875.  
  876.     if (requestVideoResize) {
  877.  
  878.       timeout_resize_for_layout_change.clear();
  879.       timeout_resize_for_layout_change.set(() => {
  880.         dispatchWindowResize();
  881.       }, 92)
  882.  
  883.     }
  884.  
  885.  
  886.  
  887.  
  888.   }
  889.  
  890.   function fixLayoutStatus(x){
  891.  
  892.  
  893.     const new_isExpandedChat = !(x & LAYOUT_CHATROOM_COLLASPED) && (x & LAYOUT_CHATROOM)
  894.  
  895.     return new_isExpandedChat ? (x | LAYOUT_CHATROOM_EXPANDED) : (x & ~LAYOUT_CHATROOM_EXPANDED);
  896.  
  897.   }
  898.  
  899.  
  900.   const wls = new Proxy({
  901.     /** @type {number | null} */
  902.     layoutStatus:undefined
  903.   }, {
  904.     get: function(target, prop) {
  905.       return target[prop];
  906.     },
  907.     set: function(target, prop, value) {
  908.       if(prop=='layoutStatus'){
  909.           
  910.         if (value === 0) {
  911.           target[prop] = value;
  912.           return;
  913.         }else if(target[prop]===value){
  914.           return;
  915.         }else{
  916.           if (!target.layoutStatus_pending) {
  917.             target.layoutStatus_pending = true;
  918.             const old_layoutStatus = target[prop];
  919.             target[prop] = value;
  920.             layoutStatusMutex.lockWith(unlock => {
  921.               target.layoutStatus_pending = false;
  922.               layoutStatusChanged((old_layoutStatus), (target[prop]));
  923.               timeline.setTimeout(unlock, 40)
  924.             })
  925.             return;
  926.           }
  927.         }
  928.       }
  929.       target[prop] = value;
  930.     },
  931.     has: function(target, prop) {
  932.       return (prop in target);
  933.     }
  934.   });
  935.  
  936.  
  937.  
  938.  
  939.  
  940.  
  941.   const svgElm = (w, h, vw, vh, p) => `<svg width="${w}" height="${h}" viewBox="0 0 ${vw} ${vh}" preserveAspectRatio="xMidYMid meet">${p}</svg>`
  942.  
  943.   let settings = {
  944.     defaultTab: "#tab-videos"
  945.   };
  946.  
  947.  
  948.  
  949.   function isVideoPlaying(video) {
  950.     return video.currentTime > 0 && !video.paused && !video.ended && video.readyState > video.HAVE_CURRENT_DATA;
  951.   }
  952.  
  953.   function wAttr(elm, attr, kv) {
  954.     if (!elm || kv === null) {} else if (kv === true) { elm.setAttribute(attr, '') } else if (kv === false) { elm.removeAttribute(attr) } else if (typeof kv == 'string') { elm.setAttribute(attr, kv) }
  955.   }
  956.  
  957.   function hideTabBtn(tabBtn) {
  958.     //console.log('hideTabBtn', tabBtn)
  959.     let isActiveBefore = tabBtn.classList.contains('active');
  960.     tabBtn.classList.add("tab-btn-hidden");
  961.     if (isActiveBefore) {
  962.       setToActiveTab();
  963.     }
  964.   }
  965.  
  966.   function hasAttribute(obj, key) {
  967.     return obj && obj.hasAttribute(key);
  968.   }
  969.  
  970.   function isTheater() {
  971.     const cssElm = kRef(ytdFlexy);
  972.     return (cssElm && cssElm.hasAttribute('theater'))
  973.   }
  974.  
  975.   function isFullScreen() {
  976.     const cssElm = kRef(ytdFlexy);
  977.     return (cssElm && cssElm.hasAttribute('fullscreen'))
  978.   }
  979.  
  980.   function isChatExpand() {
  981.     const cssElm = kRef(ytdFlexy);
  982.     return cssElm && cssElm.hasAttribute('userscript-chatblock') && !cssElm.hasAttribute('userscript-chat-collapsed')
  983.   }
  984.  
  985.   function isWideScreenWithTwoColumns() {
  986.     const cssElm = kRef(ytdFlexy);
  987.     return (cssElm && cssElm.hasAttribute('is-two-columns_'))
  988.   }
  989.  
  990.   function isAnyActiveTab() {
  991.     return $('#right-tabs .tab-btn.active').length > 0
  992.   }
  993.  
  994.   function isEngagementPanelExpanded() { //note: not checking the visual elements
  995.     const cssElm = kRef(ytdFlexy);
  996.     return (cssElm && +cssElm.getAttribute('userscript-engagement-panel') > 0)
  997.   }
  998.  
  999.   function engagement_panels_() {
  1000.  
  1001.     let res = [];
  1002.     let shownRes = [];
  1003.  
  1004.     let v = 0,
  1005.       k = 1,
  1006.       count = 0;
  1007.       
  1008.     for (const ePanel of document.querySelectorAll(
  1009.       `ytd-watch-flexy ytd-engagement-panel-section-list-renderer[o3r-${sa_epanel}]`
  1010.       )) {
  1011.  
  1012.       let visibility = ePanel.getAttribute('visibility') //ENGAGEMENT_PANEL_VISIBILITY_EXPANDED //ENGAGEMENT_PANEL_VISIBILITY_HIDDEN
  1013.  
  1014.       switch (visibility) {
  1015.         case 'ENGAGEMENT_PANEL_VISIBILITY_EXPANDED':
  1016.           v |= k;
  1017.           count++;
  1018.           shownRes.push(ePanel)
  1019.           res.push({ ePanel, k, visible: true });
  1020.           break;
  1021.         case 'ENGAGEMENT_PANEL_VISIBILITY_HIDDEN':
  1022.           res.push({ ePanel, k, visible: false });
  1023.           break;
  1024.         default:
  1025.           res.push({ ePanel, k, visible: false });
  1026.       }
  1027.  
  1028.       k = k << 1;
  1029.  
  1030.     }
  1031.     return { list: res, value: v, count: count, shownRes };
  1032.   }
  1033.  
  1034.  
  1035.   function ytBtnOpenEngagementPanel(/** @type {number | string} */ panel_id) {
  1036.  
  1037.     if (typeof panel_id == 'string') {
  1038.       panel_id = panel_id.replace('#engagement-panel-', '');
  1039.       panel_id = parseInt(panel_id);
  1040.     }
  1041.     if (panel_id >= 0) {} else return false;
  1042.  
  1043.     let panels = engagement_panels_();
  1044.  
  1045.     for (const { ePanel, k, visible } of panels.list) {
  1046.       if ((panel_id & k) === k) {
  1047.         if (!visible) ePanel.setAttribute('visibility', "ENGAGEMENT_PANEL_VISIBILITY_EXPANDED");
  1048.       } else {
  1049.         if (visible) ytBtnCloseEngagementPanel(ePanel);
  1050.       }
  1051.     }
  1052.  
  1053.   }
  1054.  
  1055.   function ytBtnCloseEngagementPanel(/** @type {HTMLElement} */ s) {
  1056.     //ePanel.setAttribute('visibility',"ENGAGEMENT_PANEL_VISIBILITY_HIDDEN");
  1057.     let button = querySelectorFromAnchor.call(s,'ytd-watch-flexy ytd-engagement-panel-title-header-renderer #header > #visibility-button');
  1058.  
  1059.     if (button){
  1060.       button = 
  1061.         querySelectorFromAnchor.call(button, 'div.yt-spec-touch-feedback-shape') || 
  1062.         querySelectorFromAnchor.call(button, 'ytd-button-renderer');
  1063.       if(button) button.click();
  1064.     }
  1065.  
  1066.   }
  1067.  
  1068.   function ytBtnCloseEngagementPanels() {
  1069.     if (isEngagementPanelExpanded()) {
  1070.       for (const s of document.querySelectorAll(
  1071.         `ytd-watch-flexy ytd-engagement-panel-section-list-renderer[o3r-${sa_epanel}]`
  1072.         )) {
  1073.         if (s.getAttribute('visibility') == "ENGAGEMENT_PANEL_VISIBILITY_EXPANDED") ytBtnCloseEngagementPanel(s);
  1074.       }
  1075.     }
  1076.   }
  1077.  
  1078.   function ytBtnSetTheater() {
  1079.     if (!isTheater()) {
  1080.       const sizeBtn = document.querySelector('ytd-watch-flexy #ytd-player button.ytp-size-button')
  1081.       if (sizeBtn) sizeBtn.click();
  1082.     }
  1083.   }
  1084.  
  1085.   function ytBtnCancelTheater() {
  1086.     if (isTheater()) {
  1087.       const sizeBtn = document.querySelector('ytd-watch-flexy #ytd-player button.ytp-size-button')
  1088.       if (sizeBtn) sizeBtn.click();
  1089.     }
  1090.   }
  1091.  
  1092.   function ytBtnExpandChat() {
  1093.     let button = document.querySelector('ytd-live-chat-frame#chat[collapsed] > .ytd-live-chat-frame#show-hide-button')
  1094.     if (button){
  1095.       button = 
  1096.         querySelectorFromAnchor.call(button, 'div.yt-spec-touch-feedback-shape') || 
  1097.         querySelectorFromAnchor.call(button, 'ytd-toggle-button-renderer');
  1098.       if(button) button.click();
  1099.     }
  1100.   }
  1101.  
  1102.   function ytBtnCollapseChat() {
  1103.     let button = document.querySelector('ytd-live-chat-frame#chat:not([collapsed]) > .ytd-live-chat-frame#show-hide-button')
  1104.     if (button){
  1105.       button = 
  1106.         querySelectorFromAnchor.call(button, 'div.yt-spec-touch-feedback-shape') || 
  1107.         querySelectorFromAnchor.call(button, 'ytd-toggle-button-renderer');
  1108.       if(button) button.click();
  1109.     }
  1110.   }
  1111.  
  1112.  
  1113.   const Q = {}
  1114.  
  1115.  
  1116.  
  1117.   function chatFrameContentDocument() {
  1118.     // non-null if iframe exist && contentDocument && readyState = complete
  1119.     /** @type {HTMLIFrameElement | null} */ 
  1120.     let iframe = document.querySelector('ytd-live-chat-frame iframe#chatframe');
  1121.     if (!iframe) return null; //iframe must be there
  1122.     /** @type {Document | null} */ 
  1123.     let cDoc = null;
  1124.     try {
  1125.       cDoc = iframe.contentDocument;
  1126.     } catch (e) {}
  1127.     if (!cDoc) return null;
  1128.     if (cDoc.readyState != 'complete') return null; //we must wait for its completion
  1129.  
  1130.     return cDoc;
  1131.  
  1132.   }
  1133.  
  1134.   function chatFrameElement(/** @type {string} */ cssSelector) {
  1135.     let cDoc = chatFrameContentDocument();
  1136.     if (!cDoc) return null;
  1137.     /** @type {HTMLElement | null} */ 
  1138.     let elm = null;
  1139.     try {
  1140.       elm = cDoc.querySelector(cssSelector)
  1141.     } catch (e) {
  1142.       console.log('iframe error', e)
  1143.     }
  1144.     return elm;
  1145.   }
  1146.  
  1147.  
  1148.  
  1149.  
  1150.   function fixTabs() {
  1151.  
  1152.  
  1153.     if (!scriptEnable) return;
  1154.  
  1155.  
  1156.     let queryElement = document.querySelector('*:not(#tab-videos) > #related:not([non-placeholder-videos]) > ytd-watch-next-secondary-results-renderer')
  1157.  
  1158.     let isRelocated = !!queryElement;
  1159.  
  1160.  
  1161.  
  1162.     if (isRelocated) {
  1163.  
  1164.       let relocatedRelated = closestDOM.call(queryElement, '#related'); // NOT NULL
  1165.  
  1166.       let right_tabs = document.querySelector('#right-tabs');
  1167.       let tab_videos = querySelectorFromAnchor.call(right_tabs,"#tab-videos");
  1168.  
  1169.       if (!right_tabs || !tab_videos) return;
  1170.  
  1171.       for (const s of querySelectorAllFromAnchor.call(relocatedRelated,'#related')) {
  1172.         s.setAttribute('non-placeholder-videos', '')
  1173.       }
  1174.  
  1175.       let target_container = document.querySelector('ytd-watch-flexy:not([is-two-columns_]) #primary-inner, ytd-watch-flexy[is-two-columns_] #secondary-inner')
  1176.  
  1177.       if (target_container) target_container.append(right_tabs) // last-child
  1178.  
  1179.  
  1180.       let videos_related = relocatedRelated; // NOT NULL
  1181.       $('[placeholder-videos]').removeAttr('placeholder-videos');
  1182.       $('[placeholder-for-youtube-play-next-queue]').removeAttr('placeholder-for-youtube-play-next-queue');
  1183.  
  1184.       tab_videos.appendChild(videos_related);
  1185.       let videos_results_renderer = querySelectorFromAnchor.call(relocatedRelated,"ytd-watch-next-secondary-results-renderer");
  1186.       if (videos_results_renderer) videos_results_renderer.setAttribute('data-dom-changed-by-tabview-youtube', scriptVersionForExternal);
  1187.       videos_related.setAttribute('placeholder-for-youtube-play-next-queue', '')
  1188.       videos_related.setAttribute('placeholder-videos', '')
  1189.  
  1190.       $('[placeholder-videos]').on("scroll", windowScroll);
  1191.  
  1192.  
  1193.  
  1194.  
  1195.     }
  1196.  
  1197.  
  1198.  
  1199.     /** @type {HTMLElement | null} */ 
  1200.     let chatroom = null;
  1201.     if (chatroom = document.querySelector('*:not([data-positioner="before|#chat"]) + ytd-live-chat-frame#chat, ytd-live-chat-frame#chat:first-child')) {
  1202.  
  1203.       let positioner = document.querySelector('tabview-youtube-positioner[data-positioner="before|#chat"]');
  1204.       if (positioner) positioner.remove();
  1205.  
  1206.  
  1207.       if (document.querySelector('.YouTubeLiveFilledUpView')) {
  1208.         // no relocation
  1209.       } else {
  1210.  
  1211.         $(chatroom).insertBefore('#right-tabs')
  1212.  
  1213.       }
  1214.  
  1215.  
  1216.       $(positioner ? positioner : document.createElement('tabview-youtube-positioner')).attr('data-positioner', 'before|#chat').insertBefore(chatroom)
  1217.  
  1218.  
  1219.  
  1220.     }
  1221.  
  1222.  
  1223.   }
  1224.  
  1225.   function handlerAutoCompleteExist() {
  1226.  
  1227.  
  1228.     /** @type {HTMLElement} */ 
  1229.     let autoComplete = this;
  1230.  
  1231.     autoComplete.removeEventListener('autocomplete-sc-exist', handlerAutoCompleteExist, false)
  1232.  
  1233.     let domId = autoComplete.getAttribute('data-autocomplete-input-id')
  1234.     let searchBox = autoComplete.ownerDocument.querySelector(`[data-autocomplete-results-id="${domId}"]`)
  1235.  
  1236.     if (!domId || !searchBox) return;
  1237.  
  1238.     let positioner = searchBox.nextSibling;
  1239.     if (positioner && positioner.nodeName.toLowerCase() == "autocomplete-positioner") {} else if (positioner && positioner.nodeName.toLowerCase() != "autocomplete-positioner") {
  1240.       $(positioner = document.createElement("autocomplete-positioner")).insertAfter(searchBox);
  1241.     } else {
  1242.       $(positioner = document.createElement("autocomplete-positioner")).prependTo(searchBox.parentNode);
  1243.     }
  1244.     $(autoComplete).prependTo(positioner);
  1245.  
  1246.     positioner.style.setProperty('--sb-margin-bottom', getComputedStyle(searchBox).marginBottom)
  1247.     positioner.style.setProperty('--height', searchBox.offsetHeight + 'px')
  1248.  
  1249.   }
  1250.  
  1251.   function mtf_fixAutoCompletePosition(/** @type {HTMLElement} */ elmAutoComplete) {
  1252.  
  1253.  
  1254.     elmAutoComplete.setAttribute('autocomplete-disable-updatesc', '')
  1255.     elmAutoComplete.addEventListener('autocomplete-sc-exist', handlerAutoCompleteExist, false)
  1256.  
  1257.     let tf = ()=>{
  1258.       if(!document.documentElement.hasAttribute('tabview-injection-js-1-ready')) return setTimeout(tf, 300);
  1259.       document.dispatchEvent(new CustomEvent('tabview-fix-autocomplete'))
  1260.     }
  1261.     tf();
  1262.     //script_inject_facp.inject();
  1263.  
  1264.   }
  1265.  
  1266.   function mtf_AfterFixTabs() {
  1267.  
  1268.  
  1269.     /** @type {HTMLElement | null} */ 
  1270.     let ytdFlexyElm = kRef(ytdFlexy);
  1271.     if (!scriptEnable || !ytdFlexyElm) return;
  1272.  
  1273.     /** @type {HTMLElement | null} */
  1274.     const rootElement = ytdFlexyElm;
  1275.  
  1276.  
  1277.  
  1278.     const autocomplete = querySelectorFromAnchor.call(rootElement,'[placeholder-for-youtube-play-next-queue] input#suggestions-search + autocomplete-positioner > .autocomplete-suggestions[data-autocomplete-input-id]:not([position-fixed-by-tabview-youtube])')
  1279.  
  1280.     if (autocomplete) {
  1281.  
  1282.       const searchBox = document.querySelector('[placeholder-for-youtube-play-next-queue] input#suggestions-search')
  1283.  
  1284.  
  1285.       if (searchBox) {
  1286.  
  1287.  
  1288.         autocomplete.parentNode.setAttribute('position-fixed-by-tabview-youtube', '');
  1289.         autocomplete.setAttribute('position-fixed-by-tabview-youtube', '');
  1290.         autocomplete.setAttribute('userscript-scrollbar-render', '')
  1291.  
  1292.         if (!searchBox.hasAttribute('is-set-click-to-toggle')) {
  1293.           searchBox.setAttribute('is-set-click-to-toggle', '')
  1294.           searchBox.addEventListener('click', function() {
  1295.  
  1296.  
  1297.             setTimeout(() => {
  1298.               const autocomplete = document.querySelector(`.autocomplete-suggestions[data-autocomplete-input-id="${ this.getAttribute('data-autocomplete-results-id') }"]`)
  1299.  
  1300.               if (!autocomplete) return;
  1301.  
  1302.               const isNotEmpty = (autocomplete.textContent || '').length > 0 && (this.value || '').length > 0;
  1303.  
  1304.               if (isNotEmpty) {
  1305.  
  1306.                 let elmVisible = isDOMVisible(autocomplete)
  1307.  
  1308.                 if (elmVisible) $(autocomplete).hide();
  1309.                 else $(autocomplete).show();
  1310.  
  1311.               }
  1312.  
  1313.             }, 20);
  1314.  
  1315.           })
  1316.  
  1317.           let timeoutOnce_searchbox_keyup = new Timeout();
  1318.           searchBox.addEventListener('keyup', function() {
  1319.  
  1320.             timeoutOnce_searchbox_keyup.set(() => {
  1321.  
  1322.               const autocomplete = document.querySelector(`.autocomplete-suggestions[data-autocomplete-input-id="${ this.getAttribute('data-autocomplete-results-id') }"]`)
  1323.  
  1324.               if (!autocomplete) return;
  1325.  
  1326.  
  1327.               const isNotEmpty = (autocomplete.textContent || '').length > 0 && (this.value || '').length > 0
  1328.  
  1329.               if (isNotEmpty) {
  1330.  
  1331.                 let elmVisible = isDOMVisible(autocomplete)
  1332.  
  1333.                 if (!elmVisible) $(autocomplete).show();
  1334.  
  1335.               }
  1336.  
  1337.             }, 20);
  1338.  
  1339.           })
  1340.  
  1341.         }
  1342.  
  1343.  
  1344.  
  1345.       }
  1346.  
  1347.     }
  1348.  
  1349.  
  1350.  
  1351.  
  1352.     let currentLastVideo = querySelectorFromAnchor.call(rootElement,'[placeholder-videos] #items ytd-compact-video-renderer:last-of-type')
  1353.     let prevLastVideo = kRef(_cachedLastVideo);
  1354.  
  1355.     if (prevLastVideo !== currentLastVideo && currentLastVideo) {
  1356.       _cachedLastVideo = mWeakRef(currentLastVideo);
  1357.     }
  1358.  
  1359.     if (prevLastVideo !== currentLastVideo && currentLastVideo && prevLastVideo) {
  1360.  
  1361.       let isPrevRemoved = !prevLastVideo.parentNode
  1362.  
  1363.  
  1364.       function getVideoListHash() {
  1365.  
  1366.         let res = [...document.querySelectorAll('[placeholder-videos] #items ytd-compact-video-renderer')].map(renderer => {
  1367.           return querySelectorFromAnchor.call(renderer,'a[href*="watch"][href*="v="]').getAttribute('href')
  1368.  
  1369.         }).join('|')
  1370.         // /watch?v=XXXXX|/watch?v=XXXXXX|/watch?v=XXXXXX
  1371.  
  1372.         // alternative - DOM.data.videoId
  1373.         // let elms = document.querySelectorAll('[placeholder-videos] #items ytd-compact-video-renderer')
  1374.         // let res = [...elms].map(elm=>elm.data.videoId||'').join('|') ;
  1375.  
  1376.         if (res.indexOf('||') >= 0) {
  1377.           res = '';
  1378.         }
  1379.  
  1380.         return res ? res : null;
  1381.       }
  1382.  
  1383.       if (isPrevRemoved) {
  1384.  
  1385.         // this is the replacement of videos instead of addition
  1386.  
  1387.         const searchBox = document.querySelector('[placeholder-for-youtube-play-next-queue] input#suggestions-search')
  1388.  
  1389.         let currentPlayListHash = getVideoListHash() || null;
  1390.  
  1391.         if (!currentPlayListHash) {
  1392.  
  1393.         } else if (!videoListBeforeSearch && searchBox) {
  1394.  
  1395.           videoListBeforeSearch = currentPlayListHash;
  1396.           if (videoListBeforeSearch) {
  1397.             //console.log('fromSearch', videoListBeforeSearch)
  1398.  
  1399.             requestAnimationFrame(function() {
  1400.  
  1401.               let renderer = document.querySelector('[placeholder-videos] ytd-watch-next-secondary-results-renderer');
  1402.               if (searchBox && searchBox.parentNode) searchBox.blur();
  1403.  
  1404.               if (renderer) {
  1405.                 let scrollParent = renderer.parentNode;
  1406.                 if (scrollParent.scrollHeight > scrollParent.offsetHeight) {
  1407.                   let targetTop = renderer.offsetTop;
  1408.                   if (searchBox && searchBox.parentNode == scrollParent) targetTop -= searchBox.offsetHeight
  1409.                   scrollParent.scrollTop = targetTop - scrollParent.firstChild.offsetTop;
  1410.                 }
  1411.               }
  1412.  
  1413.             });
  1414.  
  1415.           }
  1416.  
  1417.         } else if (videoListBeforeSearch) {
  1418.  
  1419.           if (currentPlayListHash != videoListBeforeSearch) {
  1420.  
  1421.             videoListBeforeSearch = null;
  1422.             //console.log('fromSearch', videoListBeforeSearch)
  1423.  
  1424.  
  1425.           }
  1426.  
  1427.         }
  1428.  
  1429.  
  1430.       }
  1431.  
  1432.  
  1433.     }
  1434.  
  1435.  
  1436.  
  1437.  
  1438.   }
  1439.  
  1440.   function base_ChatExist() {
  1441.  
  1442.     let ytdFlexyElm = kRef(ytdFlexy);
  1443.     if (!scriptEnable || !ytdFlexyElm) return null;
  1444.  
  1445.     // no mutation triggering if the changes are inside the iframe 
  1446.  
  1447.     // 1) Detection of #continuations inside iframe
  1448.     // iframe ownerDocument is accessible due to same origin
  1449.     // if the chatroom is collasped, no determination of live chat or replay (as no #continuations and somehow a blank iframe doc)
  1450.  
  1451.     // 2) Detection of meta tag
  1452.     // This is fastest but not reliable. It is somehow a bug that the navigation might not update the meta tag content
  1453.  
  1454.     // 3) Detection of HTMLElement inside video player for live video
  1455.  
  1456.     // (1)+(3) = solution
  1457.  
  1458.     let attr_chatblock = null
  1459.     let attr_chatcollapsed = null;
  1460.  
  1461.     const elmChat = document.querySelector('ytd-live-chat-frame#chat')
  1462.     let elmCont = null;
  1463.     if (elmChat) {
  1464.       elmCont = chatFrameElement('yt-live-chat-renderer #continuations')
  1465.  
  1466.  
  1467.       let s = 0;
  1468.       if (elmCont) {
  1469.         //not found if it is collasped.
  1470.         s |= querySelectorFromAnchor.call(elmCont,'yt-timed-continuation') ? 1 : 0;
  1471.         s |= querySelectorFromAnchor.call(elmCont,'yt-live-chat-replay-continuation, yt-player-seek-continuation') ? 2 : 0;
  1472.         //s |= elmCont.querySelector('yt-live-chat-restricted-participation-renderer')?4:0;
  1473.         if (s == 1) {
  1474.           attr_chatblock = 'chat-live';
  1475.         }else if (s == 2) attr_chatblock = 'chat-playback';
  1476.  
  1477.         if (s == 1) $("span#tab3-txt-loader").text('');
  1478.  
  1479.       } else if (!ytdFlexyElm.hasAttribute('userscript-chatblock')) {
  1480.         // live chat frame but type not known
  1481.           
  1482.         attr_chatblock = '';
  1483.  
  1484.       }
  1485.       //keep unknown as original    
  1486.       
  1487.       
  1488.       let isCollapsed = !!elmChat.hasAttribute('collapsed');
  1489.       attr_chatcollapsed = isCollapsed;
  1490.  
  1491.     } else {
  1492.       attr_chatblock = false;
  1493.       attr_chatcollapsed = false;
  1494.  
  1495.     }
  1496.  
  1497.     return { attr_chatblock, attr_chatcollapsed }
  1498.  
  1499.   }
  1500.  
  1501.  
  1502.  
  1503.  
  1504.  
  1505.  
  1506.   let t_heated_BodyScroll = 0;
  1507.  
  1508.   function windowScroll() {
  1509.     let ct = Date.now();
  1510.     if (ct - t_heated_BodyScroll < 6) return; // avoid duplicate calling
  1511.     t_heated_BodyScroll = ct;
  1512.     window.dispatchEvent(new Event("scroll")); // dispatch Scroll Event to Window for content display
  1513.   }
  1514.  
  1515. /* items - > special case (2022/11/09) */ 
  1516.  
  1517.  
  1518.  
  1519.   // continuous check for element relocation
  1520.   function mtf_append_comments() {
  1521.     
  1522.     /** @type {HTMLElement | null} */
  1523.     let ytdFlexyElm = kRef(ytdFlexy);
  1524.     if (!scriptEnable || !ytdFlexyElm) return;
  1525.  
  1526.     /** @type {HTMLElement | null} */
  1527.     const rootElement = ytdFlexyElm;
  1528.  
  1529.     let comments = querySelectorFromAnchorFizzy(rootElement,'comments', '#primary ytd-watch-metadata ~ ytd-comments#comments');
  1530.     if (comments) {
  1531.       
  1532.       _console.log(3202) 
  1533.       $(comments).appendTo('#tab-comments').attr('data-dom-changed-by-tabview-youtube', scriptVersionForExternal)
  1534.     }
  1535.   }
  1536.  
  1537.   // continuous check for element relocation
  1538.   function mtf_liveChatBtnF() {
  1539.     
  1540.     /** @type {HTMLElement | null} */
  1541.     let ytdFlexyElm = kRef(ytdFlexy);
  1542.     if (!scriptEnable || !ytdFlexyElm) return;
  1543.  
  1544.     /** @type {HTMLElement | null} */
  1545.     const rootElement = ytdFlexyElm;
  1546.  
  1547.     let button = querySelectorFromAnchor.call(rootElement,'ytd-live-chat-frame#chat > .ytd-live-chat-frame#show-hide-button:nth-child(n+2)');
  1548.     if (button){
  1549.       let parentNode = closestDOM.call(button, 'ytd-live-chat-frame#chat');
  1550.       if (!parentNode){
  1551.         console.log('parentNode failed')
  1552.       } else if( HTMLElement.prototype.prepend ){
  1553.         // using prepend
  1554.         HTMLElement.prototype.prepend.call(parentNode, button)
  1555.  
  1556.       } else{
  1557.         // using insertBefore
  1558.         try{
  1559.           elementInsertBefore.call(parentNode, button, parentNode.firstChild);
  1560.         }catch(e){
  1561.           console.log('element insert failed in old browser CE')
  1562.         }
  1563.       }
  1564.     } 
  1565.     //if (button) button.parentNode.insertBefore(button, button.parentNode.firstChild)
  1566.   }
  1567.  
  1568.  
  1569.  
  1570.   // continuous check for element relocation
  1571.   // fired at begining & window resize, etc
  1572.   function mtf_append_playlist(playlist) {
  1573.  
  1574.     /** @type {HTMLElement | null} */
  1575.     let ytdFlexyElm = kRef(ytdFlexy);
  1576.     if (!scriptEnable || !ytdFlexyElm || !playlist) return;
  1577.  
  1578.  
  1579.     let ple1 = querySelectorFromAnchor.call(playlist, "*:not(#ytd-userscript-playlist) > ytd-playlist-panel-renderer#playlist:not(.ytd-miniplayer) #items.ytd-playlist-panel-renderer:not(:empty)");
  1580.     
  1581.  
  1582.     if (ple1) { 
  1583.  
  1584.       
  1585.       let ct = Date.now();
  1586.  
  1587.       let truePlaylist = closestDOM.call(ple1, 'ytd-playlist-panel-renderer#playlist');
  1588.       if(!truePlaylist || truePlaylist.nodeType!==1) truePlaylist = null;
  1589.       else {
  1590.  
  1591.         let tab_list = document.querySelector("#tab-list");
  1592.  
  1593.         if(!tab_list) return;
  1594.  
  1595.         truePlaylist.setAttribute('tabview-true-playlist', ct)
  1596.  
  1597.  
  1598.         for (const s of document.querySelectorAll(`ytd-playlist-panel-renderer#playlist:not([tabview-true-playlist="${ct}"])`)){
  1599.           s.removeAttribute('tabview-true-playlist')
  1600.         }
  1601.   
  1602.         let $wrapper = getWrapper('ytd-userscript-playlist')
  1603.         $wrapper.append(truePlaylist).appendTo(tab_list);
  1604.         truePlaylist.setAttribute('data-dom-changed-by-tabview-youtube', scriptVersionForExternal)
  1605.         setDisplayedPlaylist(); // relocation after re-layout
  1606.   
  1607.         requestAnimationFrame(() => {
  1608.           let ytdFlexyElm = kRef(ytdFlexy);
  1609.           if (!scriptEnable || !ytdFlexyElm) return;
  1610.           if (!switchTabActivity_lastTab && (ytdFlexyElm.getAttribute('tabview-selection') + '').indexOf('#tab-') === 0 && /https\:\/\/www\.youtube\.com\/watch.*[\?\&]list=[\w\-\_]+/.test(location.href)) {
  1611.             if (setToActiveTab('#tab-list')) switchTabActivity_lastTab = '#tab-list';
  1612.           }
  1613.         })
  1614.  
  1615.       }
  1616.  
  1617.  
  1618.  
  1619.     }
  1620.   }
  1621.  
  1622.  
  1623.   // content fix - info & playlist
  1624.   // fired at begining, and keep for in case any change
  1625.   function mtf_fix_details() {
  1626.  
  1627.     if (!scriptEnable) return;
  1628.  
  1629.  
  1630.     let contentToggleBtn = document.querySelector('ytd-watch-flexy #tab-info ytd-expander tp-yt-paper-button#less.ytd-expander:not([hidden]), #tab-info ytd-expander tp-yt-paper-button#more.ytd-expander:not([hidden])')
  1631.  
  1632.     if(contentToggleBtn){
  1633.  
  1634.       (()=> {
  1635.         const domElement = contentToggleBtn;
  1636.         contentToggleBtn = null;
  1637.         // if(!domElement.parentElement) return; // not working in pseudo custom element - parentNode = documentFragment
  1638.         const expander = closestDOM.call(domElement, 'ytd-watch-flexy #tab-info ytd-expander')
  1639.  
  1640.         if(!expander || expander.nodeType!==1) return; // checking whether it is still on the page
  1641.         
  1642.         if(expander.style.getPropertyValue('--ytd-expander-collapsed-height')){
  1643.           expander.style.setProperty('--ytd-expander-collapsed-height','')
  1644.         }
  1645.         nativeCall(expander, [
  1646.           {'property':'canToggleJobId','value':1}, // false disable calculateCanCollapse in childrenChanged
  1647.           {'property':'alwaysToggleable','value':false}, // this is checked in childrenChanged
  1648.           {'property':'recomputeOnResize','value':false}, // no need to check toggleable
  1649.           {'property':'isToggled','value':true}, // show full content
  1650.           {'property':'canToggle','value':false}, // hide show more or less btn
  1651.           {'property':'collapsedHeight','value':999999} // disable collapsed height check
  1652.         ])
  1653.  
  1654.       })();
  1655.     }
  1656.  
  1657.     let strcturedInfo=document.querySelector('ytd-watch-flexy #tab-info ytd-structured-description-content-renderer.style-scope.ytd-video-secondary-info-renderer[hidden]')
  1658.     if(strcturedInfo){
  1659.  
  1660.       (()=>{
  1661.  
  1662.         strcturedInfo.removeAttribute('hidden');
  1663.       })();
  1664.     }
  1665.  
  1666. /*
  1667.     let inlineInfoExpander = document.querySelector('ytd-watch-flexy #description.ytd-watch-metadata ytd-text-inline-expander#description-inline-expander.ytd-watch-metadata yt-formatted-string[split-lines].ytd-text-inline-expander');
  1668.     let vsInfoExpander = document.querySelector('#tab-info ytd-expander.ytd-video-secondary-info-renderer #description.ytd-video-secondary-info-renderer yt-formatted-string[split-lines].ytd-video-secondary-info-renderer')
  1669.     console.log(23234, inlineInfoExpander, vsInfoExpander, inlineInfoExpander.textContent, vsInfoExpander.textContent)
  1670.     if(inlineInfoExpander && vsInfoExpander && inlineInfoExpander.textContent===vsInfoExpander.textContent){
  1671.  
  1672.       inlineInfoExpander.classList.add('tabview-hidden-info')
  1673.  
  1674.     }*/
  1675.  
  1676.  
  1677.  
  1678.  
  1679.     // just in case the playlist is collapsed
  1680.     let playlist = document.querySelector('#tab-list ytd-playlist-panel-renderer#playlist')
  1681.     if(playlist && playlist.matches('[collapsed], [collapsible]')) {
  1682.       
  1683.       (()=> {
  1684.         
  1685.         const domElement = playlist;
  1686.         playlist = null;
  1687.         // if(!domElement.parentElement || domElement.nodeType!==1) return; // not working in pseudo custom element - parentNode = documentFragment
  1688.         const tablist = closestDOM.call(domElement, 'ytd-watch-flexy #tab-list')
  1689.  
  1690.         if(!tablist || tablist.nodeType!==1) return; // checking whether it is still on the page
  1691.  
  1692.         if (domElement.hasAttribute('collapsed')) wAttr(domElement, 'collapsed', false);
  1693.         if (domElement.hasAttribute('collapsible')) wAttr(domElement, 'collapsible', false);
  1694.       })();
  1695.     }
  1696.  
  1697.  
  1698.  
  1699.   }
  1700.  
  1701.  
  1702.  
  1703.   let mTime = Date.now()-152000000;
  1704.   //let loadedComments = [];
  1705.  
  1706.   const innerCommentsFuncs=[
  1707.     // comments
  1708.     function(){
  1709.               
  1710.       _console.log(2907,1)
  1711.  
  1712.       let span = document.querySelector("span#tab3-txt-loader")
  1713.       let r = '0';
  1714.       let txt = this.elm.textContent
  1715.       if (typeof txt == 'string') {
  1716.         let m = txt.match(/[\d\,\s]+/)
  1717.         if (m) {
  1718.           r = m[0].trim()
  1719.         }
  1720.       }
  1721.       
  1722.       if (span){
  1723.         let tab_btn = closestDOM.call(span,'.tab-btn[userscript-tab-content="#tab-comments"]')
  1724.         if(tab_btn)tab_btn.setAttribute('loaded-comment','normal')
  1725.         span.textContent = r;
  1726.       }  
  1727.       
  1728.       setCommentSection(1); 
  1729.     },
  1730.     // message
  1731.     function(){
  1732.       _console.log(2907,2)
  1733.       let span = document.querySelector("span#tab3-txt-loader")
  1734.       if (span){
  1735.         let tab_btn = closestDOM.call(span,'.tab-btn[userscript-tab-content="#tab-comments"]')
  1736.         if(tab_btn)tab_btn.setAttribute('loaded-comment','message')
  1737.         span.textContent ='\u200B';
  1738.       } 
  1739.       
  1740.       setCommentSection(1); 
  1741.     }
  1742.   ]
  1743.  
  1744.     /** @type {WeakMap<HTMLElement>} */
  1745.   let loadedCommentsDT = new WeakMap();
  1746.  
  1747.   let cmTime = 0;
  1748.  
  1749.  
  1750.  
  1751.  
  1752.   function _innerCommentsLoader() {
  1753.  
  1754.     /** @type {HTMLElement | null} */
  1755.     let ytdFlexyElm = kRef(ytdFlexy);
  1756.     if (!scriptEnable || !ytdFlexyElm) return;
  1757.  
  1758.     _console.log(3434, pageType)
  1759.     if (pageType!=='watch') return;
  1760.  
  1761.  
  1762.  
  1763.     //console.log(823100,rootElement)
  1764.  
  1765.     /** @type {Array<HTMLElement>} */
  1766.     let qmElms = [...document.querySelectorAll('ytd-comments#comments #count.ytd-comments-header-renderer, ytd-comments#comments ytd-item-section-renderer.ytd-comments#sections #header ~ #contents > ytd-message-renderer.ytd-item-section-renderer')]
  1767.  
  1768.  
  1769.     let eTime = +`${Date.now()-mTime}00`; 
  1770.  
  1771.     let res = new Array(qmElms.length);
  1772.     res.newFound = false;
  1773.  
  1774.     
  1775.  
  1776.     let ci = 0;
  1777.     let latest = -1;
  1778.  
  1779.     let retrival = cmTime;
  1780.     cmTime = eTime;
  1781.   
  1782.     for(const qmElm of qmElms){
  1783.  
  1784.       let mgz = 0
  1785.       if (qmElm.id === 'count') {
  1786.         //#count.ytd-comments-header-renderer
  1787.         mgz = 1;
  1788.       } else if ((qmElm.textContent || '').trim()) {
  1789.         //ytd-message-renderer.ytd-item-section-renderer
  1790.         mgz = 2;
  1791.         // it is possible to get the message before the header generation.
  1792.         // sample link - https://www.youtube.com/watch?v=PVUZ8Nvr1ic
  1793.         // sample link - https://www.youtube.com/watch?v=yz8AiQc1Bk8
  1794.       }
  1795.  
  1796.       if(mgz>0){
  1797.  
  1798.  
  1799.         let lastUpdate = loadedCommentsDT.get(qmElm)||0;
  1800.         let diff = retrival-lastUpdate
  1801.         _console.log(2907, diff)
  1802.         let isNew = (diff>4 || diff<-4);
  1803.         if(!isNew){
  1804.           loadedCommentsDT.set(qmElm,eTime);
  1805.         }else{
  1806.           loadedCommentsDT.set(qmElm,eTime+1);
  1807.           res.newFound = true;
  1808.           latest = ci;
  1809.         }
  1810.         
  1811.         res[ci]={
  1812.           status: mgz,
  1813.           text: qmElm.textContent,
  1814.           elm: qmElm,
  1815.           isNew: isNew,
  1816.           isLatest: false, //set afterwards
  1817.           f: innerCommentsFuncs[mgz-1]
  1818.         }
  1819.  
  1820.         
  1821.         ci++;
  1822.         
  1823.       }
  1824.  
  1825.  
  1826.     }
  1827.     if(res.length>ci) res.length=ci;
  1828.     
  1829.     if(latest>=0){
  1830.       res[latest].isLatest = true;
  1831.     }
  1832.  
  1833.  
  1834.  
  1835.  
  1836.  
  1837.     _console.log(2908, res)
  1838.  
  1839.     return res;
  1840.  
  1841.  
  1842.   }
  1843.  
  1844.   // function _innerCommentsLoader() {
  1845.  
  1846.   //   /** @type {HTMLElement | null} */
  1847.   //   let ytdFlexyElm = kRef(ytdFlexy);
  1848.   //   if (!scriptEnable || !ytdFlexyElm) return;
  1849.  
  1850.   //   if (deferredVarYTDHidden) return;
  1851.  
  1852.  
  1853.  
  1854.   //   //console.log(823100,rootElement)
  1855.  
  1856.   //   /** @type {Array<HTMLElement>} */
  1857.   //   let qmElms = [...document.querySelectorAll('ytd-comments#comments #count.ytd-comments-header-renderer, ytd-comments#comments ytd-item-section-renderer.ytd-comments#sections #header ~ #contents > ytd-message-renderer.ytd-item-section-renderer')]
  1858.  
  1859.  
  1860.   //   let di = 0;
  1861.   //   let dz = false;
  1862.   //   /** @type {WeakSet<HTMLElement>} */
  1863.   //   let dS = new WeakSet()
  1864.   //   for (const loadedComment of loadedComments) {
  1865.   //     let loadedCommentElm = loadedComment ? kRef(loadedComment) : null;
  1866.  
  1867.   //     if (!loadedCommentElm || !qmElms.includes(loadedCommentElm)) {
  1868.   //       loadedComments[di] = null;
  1869.   //       dz = true;
  1870.   //     } else {
  1871.   //       dS.add(loadedCommentElm)
  1872.   //     }
  1873.   //     di++;
  1874.   //   }
  1875.   //   if (dz) {
  1876.   //     loadedComments = loadedComments.filter(e => !!e)
  1877.   //   }
  1878.  
  1879.   //   let res = new Array(qmElms.length);
  1880.   //   res.newFound = false;
  1881.  
  1882.   //   let ci = 0;
  1883.   //   for (const qmElm of qmElms) {
  1884.  
  1885.   //     let mgz = 0
  1886.   //     if (qmElm.id === 'count') {
  1887.   //       //#count.ytd-comments-header-renderer
  1888.   //       mgz = 1;
  1889.   //     } else if ((qmElm.textContent || '').trim()) {
  1890.   //       //ytd-message-renderer.ytd-item-section-renderer
  1891.   //       mgz = 2;
  1892.   //       // it is possible to get the message before the header generation.
  1893.   //       // sample link - https://www.youtube.com/watch?v=PVUZ8Nvr1ic
  1894.   //       // sample link - https://www.youtube.com/watch?v=yz8AiQc1Bk8
  1895.   //     }
  1896.  
  1897.   //     if (mgz > 0) {
  1898.  
  1899.   //       let isNew = !dS.has(qmElm)
  1900.   //       if (isNew) {
  1901.   //         loadedComments.push(mWeakRef(qmElm))
  1902.   //         res.newFound = true;
  1903.   //       }
  1904.  
  1905.   //       res[ci] = {
  1906.   //         status: mgz,
  1907.   //         text: qmElm.textContent,
  1908.   //         elm: qmElm,
  1909.   //         isNew: isNew,
  1910.   //         f: innerCommentsFuncs[mgz-1]
  1911.   //       }
  1912.  
  1913.   //     }
  1914.  
  1915.   //     ci++;
  1916.  
  1917.   //   }
  1918.  
  1919.   //   let lastElm = kRef(loadedComments[loadedComments.length - 1])
  1920.  
  1921.   //   for (const entry of res) {
  1922.   //     entry.isLatest = entry.elm === lastElm;
  1923.   //   }
  1924.  
  1925.   //   dS = null
  1926.  
  1927.  
  1928.  
  1929.   //   _console.log(2908, res)
  1930.  
  1931.   //   return res;
  1932.  
  1933.  
  1934.   // }
  1935.  
  1936.  
  1937.   
  1938.   function restoreFetching(){
  1939.  
  1940.  
  1941.     if(mtf_forceCheckLiveVideo_disable===2) return;
  1942.  
  1943.  
  1944.     let ytdFlexyElm = kRef(ytdFlexy);
  1945.     if(!ytdFlexyElm) return;
  1946.  
  1947.     _console.log(2901)
  1948.  
  1949.     if(isCommentsK(ytdFlexyElm))return;
  1950.  
  1951.     _console.log(2902)
  1952.  
  1953.     let visibleComments = querySelectorFromAnchor.call(ytdFlexyElm, 'ytd-comments#comments:not([hidden])')
  1954.     if(!visibleComments) return;
  1955.  
  1956.     _console.log(2903) 
  1957.  
  1958.     
  1959.     fetchPendings.length= 0 ;
  1960.     fetched=false;
  1961.  
  1962.     akAttr(ytdFlexyElm, 'tabview-youtube-comments', false, 'K');
  1963.  
  1964.     const tabBtn = document.querySelector('[userscript-tab-content="#tab-comments"]');
  1965.     let span = querySelectorFromAnchor.call(tabBtn,'span#tab3-txt-loader');
  1966.     tabBtn.removeAttribute('loaded-comment')
  1967.     span.innerHTML='';
  1968.  
  1969.     if(tabBtn){
  1970.       tabBtn.classList.remove("tab-btn-hidden")
  1971.     }
  1972.       
  1973.     _console.log(2905)
  1974.  
  1975.  
  1976.  
  1977.   }
  1978.  
  1979.   let fetched = false;
  1980.   let pendingFetch = null;
  1981.   const comments_ulfx = (innerCommentsLoaderRet)=> {
  1982.  
  1983.     if (!scriptEnable || !ytdFlexy || !kRef(ytdFlexy)) return;
  1984.  
  1985.     if (pageType!=='watch') return;
  1986.  
  1987.     _console.log(980, 1)
  1988.  
  1989.  
  1990.     let newFound = innerCommentsLoaderRet.newFound;
  1991.  
  1992.     let b = innerCommentsLoaderRet
  1993.  
  1994.     _console.log(980, 2, !newFound)
  1995.  
  1996.     if (!newFound) {
  1997.       if (b.length === 1) {
  1998.         _console.log(980, 3, 1)
  1999.         let entry = b[0]
  2000.         pendingFetch = entry;
  2001.       }
  2002.       return;
  2003.     } 
  2004.  
  2005.     pendingFetch=null;
  2006.  
  2007.     if (b.length === 1) {
  2008.  
  2009.       _console.log(980, 3, 3)
  2010.       let entry = b[0]
  2011.       entry.f();
  2012.       fetched = true;
  2013.  
  2014.     } else if (b.length > 1) {
  2015.  
  2016.       _console.log(980, 3, 5)
  2017.       let yy = null;
  2018.       for (const entry of b) {
  2019.         if (entry.isLatest === true && entry.isNew) {
  2020.           yy = entry;
  2021.           break;
  2022.         }
  2023.       }
  2024.  
  2025.       _console.log(980, 3, 6, yy)
  2026.       if (yy) {
  2027.         yy.f();
  2028.         fetched = true;
  2029.       }
  2030.  
  2031.     }
  2032.     
  2033.     _console.log(2907, innerCommentsLoaderRet)
  2034.  
  2035.   };
  2036.  
  2037.  
  2038.   let mtc_nr_comments=0;
  2039.   const cssOnceFunc_comments = (comments)=>{
  2040.       
  2041.     // once per {ytd-comments#comments} detection
  2042.  
  2043.     let ytdFlexyElm = kRef(ytdFlexy);
  2044.     if (!scriptEnable || !ytdFlexyElm) return;
  2045.  
  2046.     if (!comments) return;
  2047.     _console.log(3901)
  2048.  
  2049.     if(mtoVisibility_Comments.bindElement(comments)){
  2050.       mtoVisibility_Comments.observer.check(9);
  2051.     }
  2052.     
  2053.  
  2054.   };
  2055.  
  2056.   const cssOnceFunc_teaserInfo = (teaserInfo)=>{
  2057.     //obsolete?
  2058.  
  2059.       // for Teaser UI
  2060.       // once per {#description-and-actions.style-scope.ytd-watch-metadata > #description > ytd-text-inline-expander} detection
  2061.  
  2062.       let ytdFlexyElm = kRef(ytdFlexy);
  2063.       if (!scriptEnable || !ytdFlexyElm) return ;
  2064.       let addedInfo = document.querySelector('#tab-info ytd-expander[tabview-info-expander]');
  2065.  
  2066.       if(!addedInfo) return;
  2067.  
  2068.       if(!document.documentElement.hasAttribute('tabview-injection-js-1-ready')) return;
  2069.  
  2070.       _console.log(3903)
  2071.  
  2072.       teaserInfo.setAttribute('tabview-removed-duplicate','')
  2073.  
  2074.  
  2075.       teaserInfo.dispatchEvent(new CustomEvent('tabview-no-duplicate-info'))
  2076.       //console.log(56)
  2077.  
  2078.  
  2079.  
  2080.   }
  2081.  
  2082.   function setOnlyOneEPanel(ePanel){
  2083.  
  2084.     layoutStatusMutex.lockWith(unlock => {
  2085.  
  2086.       let cPanels = engagement_panels_();
  2087.       for (const entry of cPanels.list) {
  2088.         if (entry.ePanel != ePanel && entry.visible) ytBtnCloseEngagementPanel(entry.ePanel);
  2089.       }
  2090.       setTimeout(unlock, 30)
  2091.  
  2092.     })
  2093.  
  2094.   }
  2095.  
  2096.   function immHidden(){
  2097.  
  2098.     //if(t_preheat_ImmHidden>Date.now()) return setTimeout(immHidden,400); // avoid timeline reset due to change of video
  2099.     
  2100.     let comments = document.querySelector('ytd-comments#comments')
  2101.  
  2102.     if(!comments.hasAttribute('hidden')) return; // visible comments content
  2103.  
  2104.  
  2105.     if(pageType==='watch' && Q.comments_section_loaded===1){
  2106.  
  2107.       emptyCommentSection();
  2108.  
  2109.     }
  2110.  
  2111.   }
  2112.  
  2113.   const FP = {
  2114.  
  2115.     mtoBodyF: ( /** @type {MutationRecord[]} */ mutations, /** @type {MutationObserver} */ observer) => {
  2116.       //subtree DOM mutation checker - {body} \single \subtree
  2117.  
  2118.       if (!scriptEnable) return;
  2119.       if (pageType!=='watch') return;
  2120.  
  2121.       for (const mutation of mutations) {
  2122.         for (const addedNode of mutation.addedNodes){
  2123.           if (addedNode.nodeType === 1) {
  2124.             if (addedNode.nodeName == "DIV" && addedNode.matches('.autocomplete-suggestion:not([autocomplete-disable-updatesc])') ) {
  2125.               mtf_fixAutoCompletePosition(addedNode)
  2126.             }else if(addedNode.nodeName == "DIV" && (addedNode.id==='lyricscontainer' || addedNode.id==='showlyricsbutton')){
  2127.  
  2128.               goYoutubeGeniusLyrics();
  2129.  
  2130.             }
  2131.           }
  2132.         }
  2133.       }
  2134.  
  2135.     },
  2136.  
  2137.     mtf_attrPlaylist: (attrName, newValue) => {
  2138.       //attr mutation checker - {ytd-playlist-panel-renderer#playlist} \single
  2139.       //::attr ~ hidden    
  2140.       //console.log(1210)
  2141.  
  2142.       _console.log(21311)
  2143.       if (!scriptEnable) return;
  2144.       if (pageType!=='watch') return;
  2145.       let cssElm = kRef(ytdFlexy);
  2146.       if (!cssElm) return;
  2147.  
  2148.       _console.log(21312)
  2149.  
  2150.       let playlist = document.querySelector('ytd-playlist-panel-renderer#playlist[tabview-true-playlist]')
  2151.       let isAnyPlaylistExist = playlist && !playlist.hasAttribute('hidden');
  2152.       const tabBtn = document.querySelector('[userscript-tab-content="#tab-list"]');
  2153.       //console.log(1212.2, isPlaylistHidden, playlist.getAttribute('hidden'))
  2154.       if (tabBtn) {
  2155.         //console.log('attr playlist changed')
  2156.         let isPlaylistTabHidden = tabBtn.classList.contains('tab-btn-hidden')
  2157.         if (isPlaylistTabHidden && isAnyPlaylistExist) {
  2158.           //console.log('attr playlist changed - no hide')
  2159.           tabBtn.classList.remove("tab-btn-hidden");
  2160.         } else if (!isPlaylistTabHidden && !isAnyPlaylistExist) {
  2161.           //console.log('attr playlist changed - add hide')
  2162.           hideTabBtn(tabBtn);
  2163.         }
  2164.       }
  2165.       /* visible layout for triggering hidden removal */
  2166.       akAttr(cssElm, 'tabview-youtube-playlist', !isAnyPlaylistExist);
  2167.     },
  2168.     mtf_attrComments: (attrName, newValue) => {
  2169.       //attr mutation checker - {ytd-comments#comments} \single
  2170.       //::attr ~ hidden
  2171.  
  2172.       // *** consider this can happen immediately after pop state. timeout / interval might clear out.
  2173.  
  2174.       if (pageType!=='watch') return;
  2175.  
  2176.       let comments = document.querySelector('ytd-comments#comments')
  2177.       const tabBtn = document.querySelector('[userscript-tab-content="#tab-comments"]');
  2178.       if (!comments || !tabBtn) return;
  2179.       let isCommentHidden = comments.hasAttribute('hidden')
  2180.       //console.log('attr comments changed')
  2181.  
  2182.       
  2183.       
  2184.  
  2185.       
  2186.       let ytdFlexyElm = kRef(ytdFlexy);
  2187.       if (!scriptEnable || !ytdFlexyElm) return;
  2188.  
  2189.       if( mtf_forceCheckLiveVideo_disable === 2 ){
  2190.  
  2191.       }else if (!isCommentHidden) {
  2192.  
  2193.  
  2194.  
  2195.           akAttr(ytdFlexyElm, 'tabview-youtube-comments', false, 'K');
  2196.           emptyCommentSection();
  2197.           tabBtn.classList.remove("tab-btn-hidden") //if contains
  2198.  
  2199.         
  2200.  
  2201.       } else if (isCommentHidden) {
  2202.         
  2203.  
  2204.         akAttr(ytdFlexyElm, 'tabview-youtube-comments', true, 'K'); 
  2205.         immHidden();
  2206.  
  2207.       }
  2208.  
  2209.  
  2210.     },
  2211.  
  2212.  
  2213.     mtf_attrChatroom: (attrName, newValue) => {
  2214.       //attr mutation checker - {ytd-live-chat-frame#chat} \single
  2215.       //::attr ~ collapsed
  2216.  
  2217.       let ytdFlexyElm = kRef(ytdFlexy);
  2218.       if (!scriptEnable || !ytdFlexyElm) return;
  2219.       if (pageType!=='watch') return;
  2220.  
  2221.       layoutStatusMutex.lockWith(unlock => {
  2222.  
  2223.         const chatBlock = document.querySelector('ytd-live-chat-frame#chat')
  2224.         const cssElm = kRef(ytdFlexy)
  2225.  
  2226.         if (!chatBlock || !cssElm) {
  2227.           unlock();
  2228.           return;
  2229.         }
  2230.  
  2231.         if (pageType!=='watch') {
  2232.           unlock();
  2233.           return;
  2234.         }
  2235.  
  2236.         if (!cssElm.hasAttribute('userscript-chatblock')) wAttr(cssElm, 'userscript-chatblock', true);
  2237.         
  2238.         _console.log(332,ytdFlexyElm.hasAttribute('userscript-chatblock'))
  2239.         let isCollapsed = !!chatBlock.hasAttribute('collapsed');
  2240.         wAttr(cssElm, 'userscript-chat-collapsed', isCollapsed);
  2241.  
  2242.         if (cssElm.hasAttribute('userscript-chatblock') && !isCollapsed) lstTab.lastPanel = '#chatroom';
  2243.  
  2244.         if (!isCollapsed && document.querySelector('#right-tabs .tab-btn.active') && isWideScreenWithTwoColumns() && !isTheater()) {
  2245.           switchTabActivity(null);
  2246.           timeline.setTimeout(unlock, 40);
  2247.         } else {
  2248.           unlock();
  2249.         }
  2250.  
  2251.         if (isCollapsed) {
  2252.           chatBlock.removeAttribute('yt-userscript-iframe-loaded');
  2253.         }
  2254.  
  2255.       })
  2256.  
  2257.  
  2258.  
  2259.  
  2260.     },
  2261.  
  2262.     mtf_attrEngagementPanel: ( /** @type {MutationRecord[]} */ mutations, /** @type {MutationObserver} */ observer) => {
  2263.       //attr mutation checker - {ytd-engagement-panel-section-list-renderer} \mutiple
  2264.       //::attr ~ visibility
  2265.  
  2266.       let ytdFlexyElm = kRef(ytdFlexy);
  2267.       if (!scriptEnable || !ytdFlexyElm) return;
  2268.  
  2269.       //multiple instance
  2270.       if (mutations) {
  2271.         for (const mutation of mutations) {
  2272.           let ePanel = mutation.target;
  2273.           if (ePanel.getAttribute('visibility') == 'ENGAGEMENT_PANEL_VISIBILITY_EXPANDED') {
  2274.             setOnlyOneEPanel(ePanel);
  2275.             break;
  2276.           }
  2277.         }
  2278.       }
  2279.       if (pageType!=='watch') return;
  2280.  
  2281.       layoutStatusMutex.lockWith(unlock => {
  2282.  
  2283.         const ePanel = document.querySelector('ytd-watch-flexy ytd-engagement-panel-section-list-renderer')
  2284.         const cssElm = kRef(ytdFlexy)
  2285.  
  2286.         if (!ePanel || !cssElm) {
  2287.           unlock();
  2288.           return;
  2289.         }
  2290.         let previousValue = +cssElm.getAttribute('userscript-engagement-panel') || 0;
  2291.  
  2292.         let { shownRes, value, count } = engagement_panels_();
  2293.         let nextValue = value;
  2294.         let nextCount = count;
  2295.  
  2296.  
  2297.         if (nextCount == 0 && cssElm.hasAttribute('userscript-engagement-panel')) {
  2298.           storeLastPanel=null;
  2299.           wAttr(cssElm, 'userscript-engagement-panel', false);
  2300.           unlock();
  2301.         } else {
  2302.  
  2303.           if ((nextCount > 1) || (cssElm.hasAttribute('userscript-engagement-panel') && previousValue === nextValue)) {
  2304.             unlock();
  2305.             return;
  2306.           }
  2307.  
  2308.           cssElm.setAttribute('userscript-engagement-panel', nextValue);
  2309.  
  2310.           let b = false;
  2311.           if (previousValue != nextValue && nextValue > 0) {
  2312.             lstTab.lastPanel = `#engagement-panel-${nextValue}`;
  2313.             b = true;
  2314.             storeLastPanel = mWeakRef( shownRes[0])
  2315.             //console.log(9999, shownRes[0])
  2316.           }
  2317.  
  2318.           if (b && document.querySelector('#right-tabs .tab-btn.active') && isWideScreenWithTwoColumns() && !isTheater()) {
  2319.             switchTabActivity(null);
  2320.             timeline.setTimeout(unlock, 40);
  2321.           } else {
  2322.             unlock();
  2323.           }
  2324.         }
  2325.  
  2326.       })
  2327.  
  2328.  
  2329.  
  2330.  
  2331.     },
  2332.  
  2333.     mtf_initalAttr_chatroom: () => {
  2334.       // every per [new] {ytd-live-chat-frame#chat} detection - reset after mini-playview
  2335.       
  2336.       let ytdFlexyElm = kRef(ytdFlexy);
  2337.       if (!scriptEnable || !ytdFlexyElm) return true;
  2338.  
  2339.       const rootElement = ytdFlexyElm;
  2340.  
  2341.  
  2342.       if (!mgChatFrame.inPage()) {
  2343.  
  2344.         mtoVisibility_Chatroom.clear(true);
  2345.  
  2346.         let chatroom = querySelectorFromAnchor.call(rootElement,`ytd-live-chat-frame#chat:not([${sa_chatroom}]`)
  2347.         if (chatroom) {
  2348.           mgChatFrame.setVar(chatroom);
  2349.  
  2350.           //console.log(124,chatroom)
  2351.           if(mtoVisibility_Chatroom.bindElement(chatroom)){
  2352.             mtoVisibility_Chatroom.observer.check(9)
  2353.           }
  2354.  
  2355.           chatroom = null
  2356.         }
  2357.       }
  2358.       return true;
  2359.  
  2360.     },
  2361.  
  2362.  
  2363.  
  2364.  
  2365.  
  2366.  
  2367.   }
  2368.  
  2369.  
  2370.  
  2371.  
  2372.  
  2373.   /** @type {WeakRef | null} */ 
  2374.   let displayedPlaylist = null;
  2375.   
  2376.   /** @type {WeakRef | null} */ 
  2377.   let scrollingVideosList = null;
  2378.  
  2379.   let scriptEnable = false;
  2380.   let scriptEC = 0;
  2381.   let lstTab = null;
  2382.   
  2383.   function lstTabInit(){
  2384.     lstTab = 
  2385.     {
  2386.       lastTab: null,
  2387.       lastPanel: null,
  2388.       last: null
  2389.     };
  2390.   }
  2391.  
  2392.   let _cachedLastVideo = null;
  2393.   let videoListBeforeSearch = null;
  2394.  
  2395.   /** @type {WeakRef | null} */ 
  2396.   let ytdFlexy = null;
  2397.  
  2398.   function pluginUnhook() {
  2399.     _pluginUnhook();
  2400.     emptyCommentSection();
  2401.   }
  2402.  
  2403.   function _pluginUnhook() {
  2404.  
  2405.     //console.log(8001)
  2406.  
  2407.     videoListBeforeSearch = null;
  2408.     _cachedLastVideo = null;
  2409.     lstTabInit()
  2410.     displayedPlaylist = null;
  2411.     scrollingVideosList = null;
  2412.     scriptEnable = false;
  2413.     scriptEC++;
  2414.     if (scriptEC > 788888888) scriptEC = 188888888;
  2415.     ytdFlexy = null;
  2416.     wls.layoutStatus = 0;
  2417.  
  2418.     //console.log('unc01')
  2419.  
  2420.     mtoVisibility_EngagementPanel.clear(true)
  2421.     mtoVisibility_Playlist.clear(true)
  2422.     mtoVisibility_Comments.clear(true)
  2423.  
  2424.     mgChatFrame.kVar = null;
  2425.     mtoVisibility_Chatroom.clear(true)
  2426.     mtoFlexyAttr.clear(true)
  2427.  
  2428.     
  2429.  
  2430.     for (const elem of document.querySelectorAll(
  2431.       ['ytd-expander[tabview-info-expander]'].join(', ')
  2432.       )) {
  2433.         elem.removeAttribute('tabview-info-expander');
  2434.     }
  2435.  
  2436.     
  2437.     mtoMutation_body.clear(true)
  2438.     Q.mtf_chatBlockQ = null;
  2439.  
  2440.  
  2441.     
  2442.  
  2443.   }
  2444.  
  2445.   
  2446.  
  2447.  
  2448.   let pageLang = 'en';
  2449.   const langWords ={
  2450.     'en':{
  2451.       //'share':'Share',
  2452.       'info':'Info',
  2453.       'videos':'Videos',
  2454.       'playlist':'Playlist'
  2455.     },
  2456.     'jp':{
  2457.       //'share':'共有',
  2458.       'info':'情報',
  2459.       'videos':'動画',
  2460.       'playlist':'再生リスト'
  2461.     },
  2462.     'tw':{
  2463.       //'share':'分享',
  2464.       'info':'資訊',
  2465.       'videos':'影片',
  2466.       'playlist':'播放清單'
  2467.     },
  2468.     'cn':{
  2469.       //'share':'分享',
  2470.       'info':'资讯',
  2471.       'videos':'视频',
  2472.       'playlist':'播放列表'
  2473.     },
  2474.     'du':{
  2475.       //'share':'Teilen',
  2476.       'info':'Info',
  2477.       'videos':'Videos',
  2478.       'playlist':'Playlist'
  2479.     },
  2480.     'fr':{
  2481.       //'share':'Partager',
  2482.       'info':'Info',
  2483.       'videos':'Vidéos',
  2484.       'playlist':'Playlist'
  2485.     },
  2486.     'kr':{
  2487.       //'share':'공유',
  2488.       'info':'정보',
  2489.       'videos':'동영상',
  2490.       'playlist':'재생목록'
  2491.     }
  2492.   };
  2493.  
  2494.   function getWord(tag){
  2495.     return langWords[pageLang][tag]||langWords['en'][tag]||'';
  2496.   }
  2497.  
  2498.  
  2499.   function getTabsHTML() {
  2500.  
  2501.     const sTabBtnVideos = `${svgElm(16,16,298,298,svgVideos)}<span>${getWord('videos')}</span>`;
  2502.     const sTabBtnInfo = `${svgElm(16,16,23.625,23.625,svgInfo)}<span>${getWord('info')}</span>`;
  2503.     const sTabBtnPlayList = `${svgElm(16,16,426.667,426.667,svgPlayList)}<span>${getWord('playlist')}</span>`;
  2504.  
  2505.     let str1 = `
  2506.         <paper-ripple class="style-scope yt-icon-button">
  2507.             <div id="background" class="style-scope paper-ripple" style="opacity:0;"></div>
  2508.             <div id="waves" class="style-scope paper-ripple"></div>
  2509.         </paper-ripple>
  2510.         `;
  2511.  
  2512.     let str_fbtns = `
  2513.     <div class="font-size-right">
  2514.     <div class="font-size-btn font-size-plus">
  2515.     <svg width="12" height="12" viewbox="0 0 50 50" preserveAspectRatio="xMidYMid meet" 
  2516.     stroke="currentColor" stroke-width="6" stroke-linecap="round" vector-effect="non-scaling-size">
  2517.       <path d="M12 25h26"/><path d="M25 12v26"/>
  2518.     </svg>
  2519.     </div><div class="font-size-btn font-size-minus">
  2520.     <svg width="12" height="12" viewbox="0 0 50 50" preserveAspectRatio="xMidYMid meet"
  2521.     stroke="currentColor" stroke-width="6" stroke-linecap="round" vector-effect="non-scaling-size">
  2522.       <path d="M12 25h26"/>
  2523.     </svg>
  2524.     </div>
  2525.     </div>
  2526.     `.replace(/[\r\n]+/g,'');
  2527.  
  2528.     const str_tabs = [
  2529.             `<a id="tab-btn1" data-name="info" userscript-tab-content="#tab-info" class="tab-btn">${sTabBtnInfo}${str1}${str_fbtns}</a>`,
  2530.             `<a id="tab-btn3" userscript-tab-content="#tab-comments" data-name="comments" class="tab-btn">${svgElm(16,16,60,60,svgComments)}<span id="tab3-txt-loader"></span>${str1}${str_fbtns}</a>`,
  2531.             `<a id="tab-btn4" userscript-tab-content="#tab-videos" data-name="videos" class="tab-btn">${sTabBtnVideos}${str1}${str_fbtns}</a>`,
  2532.             `<a id="tab-btn5" userscript-tab-content="#tab-list" class="tab-btn tab-btn-hidden">${sTabBtnPlayList}${str1}${str_fbtns}</a>`
  2533.         ].join('');
  2534.  
  2535.     let addHTML = `
  2536.         <div id="right-tabs">
  2537.             <header>
  2538.                 <div id="material-tabs">
  2539.                     ${str_tabs}
  2540.                 </div>
  2541.             </header>
  2542.             <div class="tab-content">
  2543.                 <div id="tab-info" class="tab-content-cld tab-content-hidden" userscript-scrollbar-render></div>
  2544.                 <div id="tab-comments" class="tab-content-cld tab-content-hidden" userscript-scrollbar-render></div>
  2545.                 <div id="tab-videos" class="tab-content-cld tab-content-hidden" userscript-scrollbar-render></div>
  2546.                 <div id="tab-list" class="tab-content-cld tab-content-hidden" userscript-scrollbar-render></div>
  2547.             </div>
  2548.         </div>
  2549.         `;
  2550.  
  2551.     return addHTML;
  2552.  
  2553.   }
  2554.  
  2555.   function getLang(){
  2556.  
  2557.     let lang = 'en';
  2558.     let htmlLang = ((document||0).documentElement||0).lang||'';
  2559.     switch (htmlLang) {
  2560.       case 'en':
  2561.       case 'en-GB':
  2562.         lang = 'en';
  2563.         break;
  2564.       case 'de':
  2565.       case 'de-DE':
  2566.         lang = 'du';
  2567.         break;
  2568.       case 'fr':
  2569.       case 'fr-CA':
  2570.       case 'fr-FR':
  2571.         lang = 'fr';
  2572.         break;
  2573.       case 'zh-Hant':
  2574.       case 'zh-Hant-HK':
  2575.       case 'zh-Hant-TW':
  2576.         lang = 'tw';
  2577.         break;
  2578.       case 'zh-Hans':
  2579.       case 'zh-Hans-CN':
  2580.         lang = 'cn';
  2581.         break;
  2582.       case 'ja':
  2583.       case 'ja-JP':
  2584.         lang = 'jp';
  2585.         break;
  2586.       case 'ko':
  2587.       case 'ko-KR':
  2588.         lang = 'kr';
  2589.         break;
  2590.       default:
  2591.         lang = 'en';
  2592.     }
  2593.     
  2594.     if(langWords[lang]) pageLang = lang; else pageLang = 'en';
  2595.  
  2596.   }
  2597.  
  2598.   function checkEvtTarget(evt, nodeNames){
  2599.     return nodeNames.includes((((evt||0).target||0).nodeName||0));
  2600.   }
  2601.  
  2602.  
  2603.  
  2604.   let cid_nav_end = 0;
  2605.   let rc_nav_end = 0;
  2606.  
  2607.   const symbol_noRepeat = Symbol();
  2608.  
  2609.   function globalHook(eventType, func){
  2610.  
  2611.     
  2612.     document.addEventListener(eventType,function(evt){
  2613.       if(evt[symbol_noRepeat])return;
  2614.       evt[symbol_noRepeat]=true;
  2615.  
  2616.       new Promise(()=>{
  2617.  
  2618.         func(evt);
  2619.  
  2620.       })
  2621.  
  2622.     },capturePassive)
  2623.  
  2624.   }
  2625.  
  2626.   
  2627.  
  2628.   let initializerResolve = null;
  2629.  
  2630.   let initializerLock = new Promise(resolve=>{initializerResolve=resolve});
  2631.  
  2632.   const S_GENERAL_RENDERERS = ['YTD-TOGGLE-BUTTON-RENDERER','YTD-MENU-RENDERER']
  2633.  
  2634.  
  2635.  
  2636.  
  2637.   function pageCheck(){
  2638.     // yt-rendererstamper-finished
  2639.     // yt-player-updated
  2640.     // yt-page-data-updated
  2641.     // yt-watch-comments-ready
  2642.     // [is-two-columns_] attr changed
  2643.     
  2644.     let m_teaser_info = document.querySelector('#description-and-actions.style-scope.ytd-watch-metadata > #description ytd-text-inline-expander:not([tabview-removed-duplicate])')
  2645.     if(m_teaser_info) cssOnceFunc_teaserInfo(m_teaser_info)
  2646.     
  2647.     FP.mtf_initalAttr_chatroom(); 
  2648.     
  2649.     mtf_append_comments();
  2650.     mtf_liveChatBtnF();
  2651.     fixTabs();
  2652.     mtf_AfterFixTabs();
  2653.  
  2654.   }
  2655.  
  2656.   globalHook('yt-rendererstamper-finished',(evt)=>{
  2657.     
  2658.  
  2659.     
  2660.     if(!evt || !evt.target || evt.target.nodeType !== 1) return;
  2661.  
  2662.     _console.log(evt.target.nodeName,904, evt.type, evt.detail);
  2663.     (async ()=>{
  2664.  
  2665.       await initializerLock;
  2666.  
  2667.     const nodeName = evt.target.nodeName.toUpperCase();
  2668.     const node = evt.target
  2669.     _console.log(evt.target.nodeName,905, evt.type)
  2670.  
  2671.     
  2672.     if(!S_GENERAL_RENDERERS.includes(nodeName)){
  2673.  
  2674.       mtc_nr_comments = Date.now();
  2675.       
  2676.  
  2677.       switch(nodeName){
  2678.         case 'YTD-ENGAGEMENT-PANEL-SECTION-LIST-RENDERER':
  2679.           // ignore; trigger by page-updated
  2680.           break;
  2681.         default:
  2682.           _console.log(782,1, nodeName)
  2683.           pageCheck();
  2684.       }
  2685.     }
  2686.  
  2687.     
  2688.     _console.log(2774, evt.type, !!document.querySelector('ytd-live-chat-frame#chat'))
  2689.     //console.log(2344, document.querySelector('ytd-live-chat-frame#chat')?5:2)
  2690.     
  2691.     //console.log(555, document.querySelectorAll('#meta-contents ytd-expander').length)
  2692.     if(nodeName === 'YTD-MENU-RENDERER'){
  2693.       //console.log('YTD-MENU-RENDERER !! ', evt.target)
  2694.     }
  2695.  
  2696.     if(nodeName === 'YTD-PLAYLIST-PANEL-RENDERER'){
  2697.       //("yt-playlist-data-updated");
  2698.       //yt-playlist-reloading
  2699.       mtf_append_playlist(node);
  2700.       
  2701.       let m_playlist = document.querySelector(`ytd-playlist-panel-renderer#playlist[tabview-true-playlist]:not([o3r-${sa_playlist}])`)
  2702.  
  2703.       // once per {ytd-playlist-panel-renderer#playlist} detection
  2704.  
  2705.       _console.log(3902, !!m_playlist)
  2706.  
  2707.       let ytdFlexyElm = kRef(ytdFlexy);
  2708.       if (!scriptEnable || !ytdFlexyElm){}
  2709.       else if (m_playlist){
  2710.  
  2711.         if(mtoVisibility_Playlist.bindElement(m_playlist)){
  2712.           mtoVisibility_Playlist.observer.check(9); //delay check required for browser bug - hidden changed not triggered 
  2713.         }
  2714.         m_playlist = null;
  2715.  
  2716.       }
  2717.  
  2718.        
  2719.       
  2720.       FP.mtf_attrPlaylist();
  2721.  
  2722.     }else if (nodeName ==='YTD-WATCH-METADATA'){
  2723.       
  2724.  
  2725.     }else if (nodeName ==='YTD-COMMENTS-HEADER-RENDERER'){
  2726.       _console.log(3205,1)
  2727.  
  2728.  
  2729.         
  2730.         let innerCommentsLoaderRet = _innerCommentsLoader();
  2731.         comments_ulfx(innerCommentsLoaderRet);
  2732.         _console.log(3205,3)
  2733.  
  2734.       
  2735.       if(!fetched && pendingFetch){
  2736.         requestAnimationFrame(()=>{
  2737.  
  2738.           pendingFetch.f();
  2739.           fetched= true;
  2740.           fetchCommentsFinished();
  2741.           fetched=false;pendingFetch=null;
  2742.         })
  2743.       }
  2744.       
  2745.  
  2746.       if(fetched){
  2747.         fetchCommentsFinished();
  2748.         fetched=false;pendingFetch=null;
  2749.       }
  2750.  
  2751.       
  2752.  
  2753.  
  2754.  
  2755.     }else if(nodeName==='YTD-ENGAGEMENT-PANEL-SECTION-LIST-RENDERER'){
  2756.  
  2757.  
  2758.       let ytdFlexyElm = kRef(ytdFlexy);
  2759.       if (scriptEnable && ytdFlexyElm) {
  2760.  
  2761.  
  2762.         let match = node.matches(`ytd-watch-flexy ytd-engagement-panel-section-list-renderer:not([o3r-${sa_epanel}])`);
  2763.         if(match){
  2764.  
  2765.  
  2766.           mtoVisibility_EngagementPanel.bindElement(node, {
  2767.             attributes: true,
  2768.             attributeFilter: ['visibility'],
  2769.             attributeOldValue: true
  2770.           })
  2771.           
  2772.   
  2773.  
  2774.  
  2775.         }
  2776.  
  2777.  
  2778.  
  2779.       }
  2780.   
  2781.  
  2782.     }
  2783.  
  2784.  
  2785.  
  2786.     })()
  2787.     
  2788.  
  2789.   })
  2790.  
  2791.   
  2792.   globalHook('yt-player-updated',(evt)=>{
  2793.  
  2794.  
  2795.     
  2796.     if(!evt || !evt.target || evt.target.nodeType !== 1) return;
  2797.  
  2798.     mtc_nr_comments = Date.now();
  2799.  
  2800.     _console.log(evt.target.nodeName,904, evt.type);
  2801.     
  2802.     _innerCommentsLoader();
  2803.     //restoreFetching(); //yt-player-updated might happen after comments ready
  2804.     if(!fetched){
  2805.       window.dispatchEvent(new Event("scroll")); 
  2806.     }
  2807.     
  2808.     pageCheck();
  2809.  
  2810.     (async ()=>{
  2811.       
  2812.       await initializerLock;
  2813.       
  2814.       let nodeName = evt.target.nodeName.toUpperCase()
  2815.       
  2816.       _console.log(nodeName,905, evt.type)
  2817.  
  2818.       _console.log(2344,evt.type, document.querySelector('ytd-live-chat-frame#chat')?5:2)
  2819.  
  2820.  
  2821.       if(nodeName === 'YTD-PLAYER'){
  2822.  
  2823.         _console.log(2554, nodeName, evt.type, evt.detail )
  2824.  
  2825.         let m_comments = document.querySelector(`ytd-comments#comments:not([o3r-${sa_comments}])`);
  2826.         if(m_comments) cssOnceFunc_comments(m_comments);
  2827.     
  2828.         FP.mtf_initalAttr_chatroom(); 
  2829.  
  2830.       }
  2831.  
  2832.     })();
  2833.  
  2834.     
  2835.  
  2836.  
  2837.   })
  2838.  
  2839.  
  2840.   
  2841.   globalHook('yt-page-data-updated',(evt)=>{
  2842.  
  2843.     if(!evt || !evt.target || evt.target.nodeType !== 1) return;
  2844.  
  2845.     _console.log(evt.target.nodeName,904, evt.type);
  2846.  
  2847.  
  2848.     mtc_nr_comments = Date.now();
  2849.  
  2850.  
  2851.     
  2852.     FP.mtf_attrEngagementPanel();
  2853.     
  2854.     _innerCommentsLoader();
  2855.     if(!fetched){
  2856.       window.dispatchEvent(new Event("scroll")); 
  2857.     }
  2858.  
  2859.     pageCheck();
  2860.  
  2861.     (async ()=>{
  2862.  
  2863.       
  2864.       await initializerLock;
  2865.       
  2866.       _console.log(evt.target.nodeName,905, evt.type)
  2867.  
  2868.       
  2869.       _console.log(2774, !!document.querySelector('ytd-live-chat-frame#chat'))
  2870.  
  2871.       _console.log(2344,evt.type, document.querySelector('ytd-live-chat-frame#chat')?5:2)
  2872.       
  2873.       _console.log(544, document.querySelectorAll('#meta-contents'))
  2874.       _console.log(546, document.querySelectorAll('#meta-contents ytd-expander'))
  2875.       let expander = document.querySelector('#meta-contents ytd-expander:not([tabview-info-expander])')
  2876.       if(expander){
  2877.         
  2878.  
  2879.         // once per $$native-info-description$$ {#meta-contents ytd-expander} detection
  2880.         // append the detailed meta contents to the tab-info
  2881.  
  2882.         let ytdFlexyElm = kRef(ytdFlexy);
  2883.         if (!scriptEnable || !ytdFlexyElm) return ;
  2884.  
  2885.         if (!expander) return ;
  2886.         expander.setAttribute('tabview-info-expander','')
  2887.         $(expander).appendTo("#tab-info").attr('data-dom-changed-by-tabview-youtube', scriptVersionForExternal)
  2888.  
  2889.  
  2890.  
  2891.       }
  2892.       
  2893.       mtf_fix_details();
  2894.     })();
  2895.  
  2896.     
  2897.  
  2898.  
  2899.   }) 
  2900.  
  2901.  
  2902.   globalHook('yt-page-data-fetched',(evt)=>{
  2903.  
  2904.     if(!evt || !evt.target || evt.target.nodeType !== 1) return;
  2905.  
  2906.     mtc_nr_comments = Date.now();
  2907.  
  2908.     let nodeName = evt.target.nodeName.toUpperCase()
  2909.  
  2910.     _console.log(nodeName,904, evt.type);
  2911.     
  2912.     
  2913.  
  2914.     let d_page = ((evt.detail||0).pageData||0).page;
  2915.  
  2916.     pageType = d_page;
  2917.     if(d_page=='watch'){
  2918.       
  2919.       document.documentElement.classList.toggle('tabview-normal-player', true)
  2920.     }else{
  2921.       document.documentElement.classList.toggle('tabview-normal-player', false)
  2922.  
  2923.     }
  2924.  
  2925.     
  2926.     dispatchWindowResize(); // player control positioning
  2927.     
  2928.  
  2929.     (async ()=>{
  2930.       
  2931.       await initializerLock;
  2932.       
  2933.       _console.log(nodeName,905, evt.type);
  2934.  
  2935.       _console.log(2344,evt.type, document.querySelector('ytd-live-chat-frame#chat')?5:2)
  2936.  
  2937.       if(nodeName==='YTD-APP'){ 
  2938.         _console.log(2554, nodeName, evt.type, evt.detail )
  2939.           newVideoPage(evt.detail);
  2940.       }
  2941.  
  2942.     })();
  2943.     
  2944.  
  2945.  
  2946.   })
  2947.  
  2948.   globalHook('yt-watch-comments-ready',(evt)=>{
  2949.     
  2950.     if(!evt || !evt.target || evt.target.nodeType !== 1) return;
  2951.  
  2952.     mtc_nr_comments = Date.now();
  2953.  
  2954.     let nodeName = evt.target.nodeName.toUpperCase()
  2955.     _console.log(nodeName,904, evt.type, evt.detail);
  2956.  
  2957.     
  2958.     //fetchCommentsFinished();
  2959.     
  2960.     window.dispatchEvent(new Event("scroll")); 
  2961.  
  2962.     pageCheck();
  2963.  
  2964.     (async ()=>{
  2965.       
  2966.       await initializerLock;
  2967.       _console.log(nodeName,905, evt.type);
  2968.         
  2969.  
  2970.       if(nodeName==='YTD-WATCH-FLEXY'){
  2971.         
  2972.         let m_comments = document.querySelector(`ytd-comments#comments:not([o3r-${sa_comments}])`);
  2973.         if(m_comments) cssOnceFunc_comments(m_comments);
  2974.  
  2975.  
  2976.  
  2977.         if(mtf_forceCheckLiveVideo_disable===2){
  2978.  
  2979.         }else{
  2980.  
  2981.           
  2982.  
  2983.           _console.log(3713, fetched)
  2984.  
  2985.           if(document.querySelector(`ytd-comments#comments`).hasAttribute('hidden')){
  2986.  
  2987.             //unavailable apart from live chat
  2988.  
  2989.             _disableComments();
  2990.             
  2991.           _console.log(3713, 3)
  2992.  
  2993.  
  2994.           }else{
  2995.                     
  2996.             let innerCommentsLoaderRet = _innerCommentsLoader();
  2997.             comments_ulfx(innerCommentsLoaderRet); 
  2998.                     
  2999.           _console.log(3713, 5)
  3000.  
  3001.  
  3002.  
  3003.             if(fetched|| pendingFetch ){
  3004.               
  3005.           _console.log(3713, 6)
  3006.    
  3007.               // if there is only message, no rendering event occur after yt-watch-comments-ready
  3008.               timeline.setTimeout(()=>{
  3009.                   if(!fetched && pendingFetch){
  3010.                       pendingFetch.f();
  3011.                       fetched= true;
  3012.                   }
  3013.                   if(fetched){
  3014.                     fetchCommentsFinished();
  3015.                     fetched=false;pendingFetch=null;
  3016.                   }
  3017.               },800)
  3018.   
  3019.             }
  3020.  
  3021.           }
  3022.  
  3023.   
  3024.           _console.log(3714, fetched, !!pendingFetch)
  3025.  
  3026.  
  3027.            
  3028.          
  3029.  
  3030.         }
  3031.          
  3032.  
  3033.         
  3034.  
  3035.       }
  3036.  
  3037.     })();
  3038.  
  3039.  
  3040.   })
  3041.  
  3042.   function onNavigationEnd(evt) {
  3043.     console.log('yt-navigate-finish')
  3044.  
  3045.  
  3046.  
  3047.     globalHook('yt-navigate',(evt)=>{
  3048.  
  3049.       if(!evt || !evt.target || evt.target.nodeType !== 1) return;
  3050.       _console.log(evt.target.nodeName, evt.type)
  3051.  
  3052.       
  3053.  
  3054.  
  3055.     })
  3056.  
  3057.  
  3058.     
  3059.     globalHook('ytd-playlist-lockup-now-playing-active',(evt)=>{
  3060.  
  3061.       if(!evt || !evt.target || evt.target.nodeType !== 1) return;
  3062.       _console.log(evt.target.nodeName, evt.type)
  3063.  
  3064.  
  3065.     })
  3066.  
  3067.     
  3068.     globalHook('yt-service-request-completed',(evt)=>{
  3069.  
  3070.       if(!evt || !evt.target || evt.target.nodeType !== 1) return;
  3071.       _console.log(evt.target.nodeName, evt.type)
  3072.  
  3073.  
  3074.     })
  3075.     globalHook('yt-commerce-action-done',(evt)=>{
  3076.  
  3077.       if(!evt || !evt.target || evt.target.nodeType !== 1) return;
  3078.       _console.log(evt.target.nodeName, evt.type)
  3079.  
  3080.  
  3081.     })
  3082.     globalHook('yt-navigate',(evt)=>{
  3083.  
  3084.       if(!evt || !evt.target || evt.target.nodeType !== 1) return;
  3085.       _console.log(evt.target.nodeName, evt.type)
  3086.  
  3087.  
  3088.     })
  3089.  
  3090.  
  3091.     globalHook('yt-execute-service-endpoint',(evt)=>{
  3092.  
  3093.       if(!evt || !evt.target || evt.target.nodeType !== 1) return;
  3094.       _console.log(evt.target.nodeName, evt.type)
  3095.  
  3096.       _console.log(2774, evt.type, !!document.querySelector('ytd-live-chat-frame#chat'))
  3097.  
  3098.  
  3099.     })
  3100.  
  3101.  
  3102.  
  3103.     globalHook('yt-request-panel-mode-change',(evt)=>{
  3104.  
  3105.       if(!evt || !evt.target || evt.target.nodeType !== 1) return;
  3106.       _console.log(evt.target.nodeName, evt.type)
  3107.  
  3108.  
  3109.     })
  3110.  
  3111.     
  3112.     window.addEventListener("message", (evt) => {
  3113.       if(evt.origin === location.origin && evt.data.tabview){
  3114.  
  3115.         let data = evt.data.tabview;
  3116.  
  3117.         if(data.eventType=== "yt-page-type-changed"){
  3118.           let detail = data.eventDetail
  3119.           let {newPageType, oldPageType} = detail;
  3120.           if(newPageType && oldPageType ){
  3121.  
  3122.             let bool = false;
  3123.             if(newPageType == 'ytd-watch-flexy'){
  3124.               bool = true;
  3125.  
  3126.               pageType = 'watch';
  3127.             }else if(newPageType=='ytd-browse'){
  3128.               
  3129.               pageType = 'browse';
  3130.             }
  3131.  
  3132.             //if(newPageType=='ytd-browse'){
  3133.  
  3134.             //}
  3135.             document.documentElement.classList.toggle('tabview-normal-player', bool)
  3136.             
  3137.             dispatchWindowResize(); // player control positioning
  3138.             
  3139.           }
  3140.         }
  3141.  
  3142.         console.log(37192,evt)
  3143.  
  3144.       }
  3145.     }, bubblePassive);
  3146. /*
  3147.   document.addEventListener('yt-page-type-changed',(evt)=>{
  3148.  
  3149.     console.log(3553,evt,evt.detail,evt.target.data)
  3150.   },false);
  3151. */
  3152.     
  3153.     globalHook('yt-visibility-refresh',(evt)=>{
  3154.  
  3155.       if(!evt || !evt.target /*|| evt.target.nodeType !== 1*/) return;
  3156.       _console.log(evt.target.nodeName||'', evt.type)
  3157.  
  3158.       _console.log(2784, evt.type, kRef(ytdFlexy).hasAttribute('hidden'),evt.detail)
  3159.       _console.log(evt.detail)
  3160.  
  3161.  
  3162.     })
  3163.  
  3164.     
  3165.  
  3166.     //document.addEventListener('')
  3167.  
  3168.     globalHook('yt-request-panel-mode-change',(evt)=>{
  3169.  
  3170.       if(!evt || !evt.target || evt.target.nodeType !== 1) return;
  3171.       _console.log(evt.target.nodeName, evt.type)
  3172.  
  3173.       _console.log(2774, evt.type, !!document.querySelector('ytd-live-chat-frame#chat'))
  3174.  
  3175.  
  3176.     })
  3177.     globalHook('yt-navigate-finish',(evt)=>{
  3178.  
  3179.       if(!evt || !evt.target || evt.target.nodeType !== 1) return;
  3180.       _console.log(evt.target.nodeName, evt.type)
  3181.  
  3182.       _console.log(2774, evt.type, !!document.querySelector('ytd-live-chat-frame#chat'))
  3183.  
  3184.       
  3185.       let m_comments = document.querySelector(`ytd-comments#comments:not([o3r-${sa_comments}])`);
  3186.       if(m_comments) cssOnceFunc_comments(m_comments);
  3187.  
  3188.  
  3189.     })
  3190.  
  3191.     globalHook('app-reset-layout',(evt)=>{
  3192.  
  3193.       if(!evt || !evt.target || evt.target.nodeType !== 1) return;
  3194.       _console.log(evt.target.nodeName, evt.type)
  3195.  
  3196.       _console.log(2774, evt.type, !!document.querySelector('ytd-live-chat-frame#chat'))
  3197.  
  3198.  
  3199.     })
  3200.     globalHook('yt-guide-close',(evt)=>{
  3201.  
  3202.       if(!evt || !evt.target || evt.target.nodeType !== 1) return;
  3203.       _console.log(evt.target.nodeName, evt.type)
  3204.  
  3205.       _console.log(2774, evt.type, !!document.querySelector('ytd-live-chat-frame#chat'))
  3206.  
  3207.  
  3208.     })
  3209.     globalHook('yt-page-data-will-change',(evt)=>{
  3210.  
  3211.       if(!evt || !evt.target || evt.target.nodeType !== 1) return;
  3212.       _console.log(evt.target.nodeName, evt.type)
  3213.  
  3214.  
  3215.     })
  3216.  
  3217.     globalHook('yt-retrieve-location',(evt)=>{
  3218.  
  3219.       if(!evt || !evt.target || evt.target.nodeType !== 1) return;
  3220.       _console.log(evt.target.nodeName, evt.type)
  3221.  
  3222.  
  3223.     })
  3224.  
  3225.  
  3226.     
  3227.  
  3228.     globalHook('yt-refit',(evt)=>{
  3229.       
  3230.       if(!evt || !evt.target || evt.target.nodeType !== 1) return;
  3231.       _console.log(evt.target.nodeName, evt.type)
  3232.       
  3233.       _console.log(2774, evt.type, !!document.querySelector('ytd-live-chat-frame#chat'))
  3234.     })
  3235.     globalHook('addon-attached',(evt)=>{
  3236.       
  3237.       if(!evt || !evt.target || evt.target.nodeType !== 1) return;
  3238.       _console.log(evt.target.nodeName, evt.type)
  3239.       
  3240.       _console.log(2774, evt.type, !!document.querySelector('ytd-live-chat-frame#chat'))
  3241.     })
  3242.     globalHook('yt-live-chat-context-menu-opened',(evt)=>{
  3243.       
  3244.       if(!evt || !evt.target || evt.target.nodeType !== 1) return;
  3245.       _console.log(evt.target.nodeName, evt.type)
  3246.       
  3247.       _console.log(2774, evt.type, !!document.querySelector('ytd-live-chat-frame#chat'))
  3248.     })
  3249.  
  3250.     globalHook('yt-live-chat-context-menu-closed',(evt)=>{
  3251.       
  3252.       if(!evt || !evt.target || evt.target.nodeType !== 1) return;
  3253.       _console.log(evt.target.nodeName, evt.type)
  3254.       
  3255.       _console.log(2774, evt.type, !!document.querySelector('ytd-live-chat-frame#chat'))
  3256.     })
  3257.  
  3258.     globalHook('yt-commentbox-resize',(evt)=>{
  3259.       
  3260.       if(!evt || !evt.target || evt.target.nodeType !== 1) return;
  3261.       _console.log(evt.target.nodeName, evt.type)
  3262.     })
  3263.  
  3264.     
  3265.     globalHook('yt-rich-grid-layout-refreshed',(evt)=>{
  3266.       
  3267.       if(!evt || !evt.target || evt.target.nodeType !== 1) return;
  3268.       _console.log(2327, evt.target.nodeName, evt.type)
  3269.     })
  3270.  
  3271.  
  3272.     
  3273.     globalHook('data-changed',(evt)=>{
  3274.  
  3275.       if(!evt || !evt.target || evt.target.nodeType !== 1) return;
  3276.       
  3277.       let nodeName = evt.target.nodeName.toUpperCase()
  3278.       _console.log(nodeName, evt.type)
  3279.  
  3280.       if(nodeName==='YTD-ITEM-SECTION-RENDERER' || nodeName==='YTD-COMMENTS'){
  3281.  
  3282.         _console.log(344)
  3283.  
  3284.  
  3285.       }
  3286.  
  3287.  
  3288.     })
  3289.  
  3290.     globalHook('animationend',(evt)=>{
  3291.  
  3292.       if(!evt || !evt.target || evt.target.nodeType !== 1) return;
  3293.       _console.log(evt.target.nodeName, evt.type)
  3294.  
  3295.  
  3296.     })
  3297.  
  3298.     
  3299.     globalHook('yt-dismissible-item-dismissed',(evt)=>{
  3300.  
  3301.       if(!evt || !evt.target || evt.target.nodeType !== 1) return;
  3302.       _console.log(evt.target.nodeName, evt.type)
  3303.  
  3304.  
  3305.     })
  3306.     globalHook('yt-dismissible-item-undismissed',function(evt){
  3307.  
  3308.       if(!evt || !evt.target || evt.target.nodeType !== 1) return;
  3309.       _console.log(evt.target.nodeName, evt.type)
  3310.  
  3311.  
  3312.     })
  3313.  
  3314.     
  3315.     globalHook('yt-load-next-continuation',function(evt){
  3316.  
  3317.       if(!evt || !evt.target || evt.target.nodeType !== 1) return;
  3318.       _console.log(evt.target.nodeName, evt.type)
  3319.  
  3320.  
  3321.     })
  3322.  
  3323.     
  3324.     globalHook('yt-load-reload-continuation',function(evt){
  3325.  
  3326.       if(!evt || !evt.target || evt.target.nodeType !== 1) return;
  3327.       _console.log(evt.target.nodeName, evt.type)
  3328.  
  3329.  
  3330.     })
  3331.     
  3332.  
  3333.     
  3334.     globalHook('yt-toggle-button',function(evt){
  3335.  
  3336.       if(!evt || !evt.target || evt.target.nodeType !== 1) return;
  3337.       _console.log(evt.target.nodeName, evt.type)
  3338.  
  3339.  
  3340.     })
  3341.  
  3342.     document.dispatchEvent(new CustomEvent('tabview-v-change')) //possible duplicated
  3343.     
  3344.     
  3345.     document.documentElement.setAttribute('youtube-ready','')
  3346.     
  3347.     script_inject_js1.inject();
  3348.     document.documentElement.dispatchEvent(new CustomEvent('tabview-ce-hack'))
  3349.  
  3350.     //document.dispatchEvent(new CustomEvent('tabview-youtube-comments-check'))
  3351.  
  3352.     forceConfig();
  3353.     /*
  3354.     console.log(window.ytcfg)
  3355.     try{
  3356.     window.ytcfg.set({
  3357.       "EXPERIMENT_FLAGS": {"kevlar_watch_metadata_refresh":false}})
  3358.     }catch(e){}
  3359.     // ytcfg.set({EXPERIMENT_FLAGS:{"kevlar_watch_metadata_refresh":true}})
  3360.     */
  3361.  
  3362.  
  3363.     let mRet =
  3364.       (/^https?\:\/\/(\w+\.)*youtube\.com\/watch\?(\w+\=[^\/\?\&]+\&|\w+\=?\&)*v=[\w\-\_]+/.test(window.location.href) ? 1 : 0) +
  3365.       (document.querySelector('ytd-watch-flexy[tabview-selection]') ? 2 : 0);
  3366.  
  3367.     if (mRet === 1) {
  3368.  
  3369.  
  3370.       document.addEventListener('load',function(evt){
  3371.  
  3372.         if( checkEvtTarget(evt, ['IFRAME']) && evt.target.matches('body iframe.style-scope.ytd-live-chat-frame#chatframe')){
  3373.  
  3374.           let iframe = evt.target;
  3375.           new Promise(resolve=>{
  3376.  
  3377.             let k = 270
  3378.             let cid = setInterval(()=>{
  3379.               
  3380.               if(k--<1) {
  3381.                 clearInterval(cid);
  3382.                 resolve(false);
  3383.               }
  3384.  
  3385.               let cDoc = iframe.contentDocument; 
  3386.               if (!cDoc) return null;
  3387.               if (cDoc.readyState != 'complete') return;
  3388.               if (!cDoc.querySelector('body')) {
  3389.                 clearInterval(cid);
  3390.                 resolve(false);
  3391.               }
  3392.  
  3393.               if(!cDoc.querySelector('yt-live-chat-app')) return;
  3394.  
  3395.               clearInterval(cid);
  3396.  
  3397.               if(!document.contains(iframe)) return resolve(false);
  3398.  
  3399.               resolve(cDoc);
  3400.           
  3401.  
  3402.  
  3403.             },17)
  3404.             
  3405.  
  3406.           }).then((res)=>{
  3407.  
  3408.             if(res){
  3409.               callFind(res)
  3410.             }
  3411.  
  3412.           })
  3413.  
  3414.  
  3415.  
  3416.         }
  3417.       }, capturePassive)
  3418.  
  3419.  
  3420.       pluginUnhook(); // in case not triggered by popstate - say mini playing
  3421.  
  3422.       let timeout = 4; // max. 4 animation frames
  3423.  
  3424.       let tf = () => {
  3425.  
  3426.         if (--timeout > 0 && !document.querySelector('#player video')) return requestAnimationFrame(tf);
  3427.  
  3428.         let ytdFlexyElm = document.querySelector('ytd-watch-flexy')
  3429.  
  3430.         if(!ytdFlexyElm) return;
  3431.  
  3432.  
  3433.         scriptEnable = true;
  3434.         scriptEC++;
  3435.  
  3436.  
  3437.         ytdFlexy = mWeakRef(ytdFlexyElm)
  3438.  
  3439.         let timeoutR_findRelated = new Timeout();
  3440.         timeoutR_findRelated.set(function() {
  3441.           let ytdFlexyElm = kRef(ytdFlexy);
  3442.           if(!ytdFlexyElm) return true;
  3443.           let related = querySelectorFromAnchor.call(ytdFlexyElm,"#related");
  3444.           if (!related) return true;
  3445.           foundRelated(related);
  3446.         }, 100, 10)
  3447.  
  3448.         function foundRelated(related) {
  3449.           let promise = Promise.resolve();
  3450.           if (!document.querySelector("#right-tabs")) {
  3451.             promise = promise.then(() => {
  3452.               getLang();
  3453.               $(getTabsHTML()).insertBefore(related).attr('data-dom-created-by-tabview-youtube', scriptVersionForExternal);
  3454.             })
  3455.           }
  3456.           promise.then(runAfterTabAppended)
  3457.         }
  3458.  
  3459.       }
  3460.  
  3461.       tf();
  3462.  
  3463.     } else if (mRet === 3) {
  3464.  
  3465.       if(!scriptEnable) return;
  3466.  
  3467.       let elmComments = document.querySelector('ytd-comments#comments')
  3468.  
  3469.       if (elmComments && querySelectorFromAnchor.call(elmComments,'ytd-item-section-renderer#sections.style-scope.ytd-comments')){
  3470.         nativeFunc(elmComments, "loadComments")
  3471.       }
  3472.  
  3473.     } else if (mRet === 0) {
  3474.       
  3475.  
  3476.       pluginUnhook(); // in case not triggered by popstate - say mini playing
  3477.  
  3478.     }
  3479.  
  3480.  
  3481.  
  3482.  
  3483.     if(scriptEnable) {
  3484.  
  3485.  
  3486.       let m_comments = document.querySelector(`ytd-comments#comments:not([o3r-${sa_comments}])`);
  3487.       if(m_comments) cssOnceFunc_comments(m_comments);
  3488.  
  3489.       
  3490.       if(cid_nav_end>0) {
  3491.         clearInterval(cid_nav_end)
  3492.         cid_nav_end = 0;
  3493.       }
  3494.  
  3495.       rc_nav_end = 0;
  3496.       cid_nav_end=setInterval(()=>{
  3497.  
  3498.         if(rc_nav_end<1000) rc_nav_end++;
  3499.  
  3500.         // regular check for different issues with UI display status
  3501.         // until the initialization of the page finished + 4700ms
  3502.  
  3503.         if(rc_nav_end<20){ // <=15s
  3504.  
  3505.           let playlist = document.querySelector('ytd-playlist-panel-renderer#playlist[tabview-true-playlist]')
  3506.           if(playlist){    
  3507.             playlist.dispatchEvent(new CustomEvent("userscript-fix-playlist-display", { detail: {} }))
  3508.           }
  3509.   
  3510.           let chatroomBtn = document.querySelector('ytd-live-chat-frame#chat #show-hide-button.ytd-live-chat-frame')
  3511.           if(chatroomBtn){
  3512.             // in case text is different from the visual state
  3513.             chatroomBtn.dispatchEvent(new CustomEvent("userscript-fix-chatroombtn-text", { detail: {} }))
  3514.           }
  3515.  
  3516.         }
  3517.  
  3518.         
  3519.         let clearTimer = false;
  3520.         if(rc_nav_end<80){ // <=63s
  3521.           let cTime = Date.now();
  3522.  
  3523.         
  3524.           if(cTime - mtc_nr_comments<1270) return;
  3525.           if(!mtc_nr_comments || cTime - mtc_nr_comments>2870){
  3526.             clearTimer = true; // last check
  3527.           }
  3528.  
  3529.           
  3530.       
  3531.  
  3532.         }else{
  3533.           clearTimer = true;
  3534.         }
  3535.         
  3536.         if(clearTimer && cid_nav_end>0) {
  3537.           clearInterval(cid_nav_end)
  3538.           cid_nav_end = 0;
  3539.         }
  3540.  
  3541.       },800)
  3542.  
  3543.  
  3544.       initializerResolve();
  3545.  
  3546.     }
  3547.  
  3548.   }
  3549.  
  3550.  
  3551.   function setToActiveTab(defaultTab) {
  3552.     if (isTheater() && isWideScreenWithTwoColumns()) return;
  3553.     const jElm = document.querySelector(`a[userscript-tab-content="${switchTabActivity_lastTab}"]:not(.tab-btn-hidden)`) ||
  3554.       document.querySelector(`a[userscript-tab-content="${(defaultTab||settings.defaultTab)}"]:not(.tab-btn-hidden)`) ||
  3555.       document.querySelector("a[userscript-tab-content]:not(.tab-btn-hidden)") ||
  3556.       null;
  3557.     switchTabActivity(jElm);
  3558.     return !!jElm;
  3559.   }
  3560.  
  3561.   function getWrapper(wrapperId) {
  3562.     let $wrapper = $(`#${wrapperId}`);
  3563.     if (!$wrapper[0]) $wrapper = $(`<div id="${wrapperId}"></div>`)
  3564.     return $wrapper.first();
  3565.   }
  3566.  
  3567.  
  3568.   function runAfterTabAppended() {
  3569.  
  3570.     document.documentElement.setAttribute('plugin-tabview-youtube', '')
  3571.  
  3572.     const ytdFlexyElm = kRef(ytdFlexy)
  3573.     if(!ytdFlexyElm) return;
  3574.     if (!ytdFlexyElm.hasAttribute('tabview-selection')) ytdFlexyElm.setAttribute('tabview-selection', '')
  3575.  
  3576.     // append the next videos 
  3577.     // it exists as "related" is already here
  3578.     fixTabs();
  3579.  
  3580.     setToActiveTab(); // just switch to the default tab
  3581.     prepareTabBtn();
  3582.  
  3583.  
  3584.     mtoFlexyAttr.clear(true)
  3585.     mtf_checkFlexy()
  3586.  
  3587.  
  3588.     document.querySelector("#right-tabs .tab-content").addEventListener('scroll', windowScroll, true);
  3589.  
  3590.  
  3591.  
  3592.     // for automcomplete plugin or other userscript plugins
  3593.     // document.body for Firefox >= 60
  3594.     mtoMutation_body.bindElement(document.querySelector('body'), {
  3595.       childList: true,
  3596.       subtree: false,
  3597.       attributes: false
  3598.     })
  3599.  
  3600.  
  3601.  
  3602.     
  3603.  
  3604.  
  3605.  
  3606.   }
  3607.  
  3608.  
  3609.   function fetchCommentsFinished() {
  3610.     let ytdFlexyElm = kRef(ytdFlexy);
  3611.     if (!scriptEnable || !ytdFlexyElm) return;
  3612.     if(mtf_forceCheckLiveVideo_disable===2) return;
  3613.     akAttr(ytdFlexyElm, 'tabview-youtube-comments', false, 'LS') 
  3614.     _console.log(2909,1)
  3615.   }
  3616.  
  3617.   function setCommentSection( /** @type {number} */ value) {
  3618.  
  3619.     Q.comments_section_loaded = value;
  3620.  
  3621.   }
  3622.  
  3623.  
  3624.   function emptyCommentSection(){
  3625.     
  3626.  
  3627.     let tab_btn = document.querySelector('.tab-btn[userscript-tab-content="#tab-comments"]')
  3628.  
  3629.  
  3630.     if(tab_btn){
  3631.  
  3632.       let span = querySelectorFromAnchor.call(tab_btn,'span#tab3-txt-loader');
  3633.  
  3634.       tab_btn.removeAttribute('loaded-comment')
  3635.         
  3636.       if(span){
  3637.         span.textContent='';
  3638.       }
  3639.     }
  3640.  
  3641.  
  3642.     setCommentSection(0);
  3643.  
  3644.  
  3645.   }
  3646.  
  3647.  
  3648.  
  3649.   function _disableComments() {
  3650.      
  3651.  
  3652.     _console.log(2909,1)
  3653.     if (!scriptEnable) return;
  3654.     let cssElm = kRef(ytdFlexy);
  3655.     if (!cssElm) return;
  3656.  
  3657.     _console.log(2909,2)
  3658.  
  3659.     
  3660.     let comments = document.querySelector('ytd-comments#comments')
  3661.     if(mtf_forceCheckLiveVideo_disable===2){
  3662.       // earlier than DOM change
  3663.     }else{
  3664.       if(comments && !comments.hasAttribute('hidden')) return; // visible comments content)
  3665.     }
  3666.       
  3667.     if(Q.comments_section_loaded===2) return; //already disabled
  3668.     
  3669.  
  3670.  
  3671.     _console.log(2909,3)
  3672.     
  3673.  
  3674.     _console.log(2909,4) 
  3675.     setCommentSection(2);
  3676.  
  3677.     _console.log(2909,5) 
  3678.  
  3679.     let tabBtn = document.querySelector('.tab-btn[userscript-tab-content="#tab-comments"]');
  3680.     if(tabBtn) {
  3681.       let span = querySelectorFromAnchor.call(tabBtn,'span#tab3-txt-loader');
  3682.       tabBtn.removeAttribute('loaded-comment')
  3683.       if (!tabBtn.classList.contains('tab-btn-hidden')) {
  3684.         //console.log('hide', comments, comments && comments.hasAttribute('hidden'))
  3685.         hideTabBtn(tabBtn)
  3686.       }
  3687.       if(span){
  3688.         span.textContent='';
  3689.       }
  3690.     }
  3691.  
  3692.     akAttr(cssElm, 'tabview-youtube-comments', true, 'D');
  3693.     
  3694.     _console.log(2909,10)
  3695.  
  3696.  
  3697.   }
  3698.  
  3699.  
  3700.  
  3701.  
  3702.   let layoutStatusMutex = new Mutex();
  3703.  
  3704.   function forceDisplayChatReplay() {
  3705.     let items = chatFrameElement('yt-live-chat-item-list-renderer #items');
  3706.     if (items && items.childElementCount !== 0) return;
  3707.  
  3708.     let ytd_player = document.querySelector('ytd-player#ytd-player');
  3709.     if (!ytd_player) return;
  3710.     let videoElm = querySelectorFromAnchor.call(ytd_player,'video');
  3711.     if (!videoElm) return;
  3712.  
  3713.     let video = videoElm;
  3714.     if (videoElm && video.currentTime > 0 && !video.ended && video.readyState > video.HAVE_CURRENT_DATA) {
  3715.       let chat = document.querySelector('ytd-live-chat-frame#chat');
  3716.       if (chat) {
  3717.         nativeFunc(chat, "postToContentWindow", [{ "yt-player-video-progress": videoElm.currentTime }])
  3718.       }
  3719.     }
  3720.  
  3721.   }
  3722.  
  3723.  
  3724.  
  3725.   function addIframeStyle(cDoc){
  3726.  
  3727.  
  3728.     
  3729.     if(cDoc.querySelector('#userscript-tabview-chatroom-css')) return false; 
  3730.  
  3731.     addStyle(`     
  3732.  
  3733.  
  3734.     body #input-panel.yt-live-chat-renderer::after {
  3735.          background: transparent;
  3736.     }
  3737.      .style-scope.yt-live-chat-item-list-renderer{
  3738.          box-sizing: border-box;
  3739.      }
  3740.  
  3741.      yt-live-chat-text-message-renderer:nth-last-child(-n+30):hover #menu.yt-live-chat-text-message-renderer{
  3742.          transition-delay: 87ms;
  3743.     }
  3744.  
  3745.      yt-live-chat-text-message-renderer #menu.yt-live-chat-text-message-renderer{
  3746.          transition-delay: 1ms;
  3747.     }
  3748.  
  3749.      #item.style-scope.yt-live-chat-item-list-renderer, #item-scroller.style-scope.yt-live-chat-item-list-renderer{
  3750.          transition-delay: 42ms;
  3751.     }
  3752.  
  3753.      yt-live-chat-item-list-renderer img[alt] {
  3754.          pointer-events: auto;
  3755.     }
  3756.  
  3757.      body yt-live-chat-item-list-renderer img[alt] ~ tp-yt-paper-tooltip, body yt-live-chat-item-list-renderer #image ~ tp-yt-paper-tooltip {
  3758.          --paper-tooltip-delay-in: 120ms !important;
  3759.          white-space: nowrap;
  3760.     }
  3761.  
  3762.     #items.style-scope.yt-live-chat-item-list-renderer > yt-live-chat-text-message-renderer.yt-live-chat-item-list-renderer{
  3763.       --tabview-chat-message-display: block;
  3764.       --tabview-chat-message-mt: 2px;
  3765.       --tabview-chat-message-mb: 4px;
  3766.     }
  3767.  
  3768.     #message.yt-live-chat-text-message-renderer {
  3769.      display: var(--tabview-chat-message-display);
  3770.      margin-top: var(--tabview-chat-message-mt);
  3771.      margin-bottom: var(--tabview-chat-message-mb);
  3772.    }
  3773.  
  3774.    [collapsed] #message.yt-live-chat-text-message-renderer{
  3775.      --tabview-chat-message-display: 'VOID';
  3776.      --tabview-chat-message-mt: 'VOID';
  3777.      --tabview-chat-message-mb: 'VOID';
  3778.    }
  3779.  
  3780.  
  3781.  
  3782.  
  3783.     @supports (contain: layout paint style){
  3784.  
  3785.      
  3786.      body yt-live-chat-app{
  3787.            contain: size layout paint style;
  3788.            content-visibility: auto;
  3789.            transform: translate3d(0,0,0);
  3790.            overflow: hidden;
  3791.      }
  3792.  
  3793.  
  3794.      #items.style-scope.yt-live-chat-item-list-renderer, 
  3795.      #item-offset.style-scope.yt-live-chat-item-list-renderer {      
  3796.        contain: layout paint style;      
  3797.      }
  3798.  
  3799.      #item-scroller.style-scope.yt-live-chat-item-list-renderer{
  3800.        contain: size style;
  3801.      }
  3802.  
  3803.      #contents.style-scope.yt-live-chat-item-list-renderer, 
  3804.      #chat.style-scope.yt-live-chat-renderer, 
  3805.      img.style-scope.yt-img-shadow[width][height]{
  3806.          contain: size layout paint style;
  3807.     }
  3808.       
  3809.          .style-scope.yt-live-chat-ticker-renderer[role="button"][aria-label], 
  3810.          .style-scope.yt-live-chat-ticker-renderer[role="button"][aria-label] > #container {
  3811.              contain: layout paint style;
  3812.         }
  3813.  
  3814.  
  3815.         yt-img-shadow#author-photo.style-scope{
  3816.             contain: layout paint style;
  3817.             content-visibility: auto;
  3818.             contain-intrinsic-size: 24px 24px;
  3819.        }
  3820.  
  3821.          yt-live-chat-text-message-renderer:not([author-is-owner]) #author-photo.style-scope.yt-live-chat-text-message-renderer, yt-live-chat-text-message-renderer:not([author-is-owner]) yt-live-chat-author-chip.style-scope.yt-live-chat-text-message-renderer{
  3822.              pointer-events: none;
  3823.         }
  3824.  
  3825.          yt-live-chat-text-message-renderer:not([author-is-owner]) span#message.style-scope.yt-live-chat-text-message-renderer > img.emoji.yt-formatted-string.style-scope.yt-live-chat-text-message-renderer {
  3826.              cursor: default;
  3827.         }
  3828.  
  3829.         
  3830.         yt-live-chat-text-message-renderer:not([author-is-owner]) span#message.style-scope.yt-live-chat-text-message-renderer, 
  3831.         yt-live-chat-paid-message-renderer #message.yt-live-chat-paid-message-renderer,
  3832.          yt-live-chat-text-message-renderer:not([author-is-owner]) #timestamp.style-scope.yt-live-chat-text-message-renderer, 
  3833.          yt-live-chat-membership-item-renderer #header-content.style-scope.yt-live-chat-membership-item-renderer, 
  3834.          yt-live-chat-membership-item-renderer #timestamp.style-scope.yt-live-chat-membership-item-renderer, 
  3835.          yt-live-chat-paid-message-renderer #header-content.yt-live-chat-paid-message-renderer, 
  3836.          yt-live-chat-paid-message-renderer #timestamp.style-scope.yt-live-chat-paid-message-renderer, 
  3837.          yt-live-chat-paid-sticker-renderer #content.style-scope.yt-live-chat-paid-sticker-renderer, 
  3838.          yt-live-chat-paid-sticker-renderer #timestamp.style-scope.yt-live-chat-paid-sticker-renderer {
  3839.              cursor: default;
  3840.              pointer-events: none;
  3841.         }
  3842.  
  3843.          yt-live-chat-text-message-renderer.style-scope.yt-live-chat-item-list-renderer, 
  3844.          yt-live-chat-membership-item-renderer.style-scope.yt-live-chat-item-list-renderer, 
  3845.          yt-live-chat-paid-message-renderer.style-scope.yt-live-chat-item-list-renderer,
  3846.          yt-live-chat-banner-manager.style-scope.yt-live-chat-item-list-renderer {
  3847.              contain: layout style;
  3848.         }
  3849.  
  3850.          tp-yt-paper-tooltip[style*="inset"][role="tooltip"] {
  3851.              contain: layout paint style;
  3852.         }
  3853.              
  3854.  
  3855.     }
  3856.  
  3857.  
  3858.     #chat-messages tp-yt-iron-dropdown#dropdown.style-scope.tp-yt-paper-menu-button{
  3859.       margin-right: var(--ytd-margin-12x);
  3860.     }
  3861.  
  3862.      
  3863.              `, cDoc.documentElement).id='userscript-tabview-chatroom-css'
  3864.  
  3865.              return true;
  3866.  
  3867.   }
  3868.  
  3869.   let _last_iframe = null;
  3870.  
  3871.   function callFind(cDoc){
  3872.  
  3873.     _last_iframe = cDoc;
  3874.     if(!cDoc)return;
  3875.  
  3876.     if(addIframeStyle(cDoc)===false)return;
  3877.  
  3878.     let frc= 0;
  3879.     let cid = 0;
  3880.     
  3881.     let fullReady = ()=>{
  3882.       
  3883.       if(!cDoc.documentElement.hasAttribute('style') && ++frc<900) return;
  3884.       clearInterval(cid);
  3885.       
  3886.       if (!scriptEnable || !isChatExpand()) return;
  3887.  
  3888.       let iframe = document.querySelector('ytd-live-chat-frame iframe#chatframe');
  3889.  
  3890.       if(!document.contains(iframe)) return;
  3891.  
  3892.       if (cDoc.querySelector('yt-live-chat-renderer #continuations')) { 
  3893.         $(document.querySelector('ytd-live-chat-frame#chat')).attr('yt-userscript-iframe-loaded', '')
  3894.       }
  3895.  
  3896.       forceDisplayChatReplay();
  3897.       iframe.dispatchEvent(new CustomEvent("tabview-chatroom-ready"))
  3898.  
  3899.     }
  3900.     cid = setInterval(fullReady,10)
  3901.     fullReady();
  3902.     
  3903.  
  3904.  
  3905.  
  3906.     
  3907.   }
  3908.  
  3909.   function flexyAttr_toggleFlag(mFlag, b, flag) {
  3910.     return b ? (mFlag | flag) : (mFlag & ~flag) ;
  3911.   }
  3912.  
  3913.   function flexAttr_toLayoutStatus(nls, attributeName) {
  3914.  
  3915.     let attrElm, b, v;
  3916.     switch (attributeName) {
  3917.       case 'theater':
  3918.         b = isTheater();
  3919.         nls = flexyAttr_toggleFlag(nls, b, LAYOUT_THEATER);
  3920.         break;
  3921.       case 'userscript-chat-collapsed':
  3922.       case 'userscript-chatblock':
  3923.         attrElm = kRef(ytdFlexy);
  3924.         if (hasAttribute(attrElm, 'userscript-chat-collapsed')) {
  3925.           nls = flexyAttr_toggleFlag(nls, true, LAYOUT_CHATROOM | LAYOUT_CHATROOM_COLLASPED);
  3926.         } else {
  3927.           nls = flexyAttr_toggleFlag(nls, hasAttribute(attrElm, 'userscript-chatblock'), LAYOUT_CHATROOM);
  3928.           nls = flexyAttr_toggleFlag(nls, false, LAYOUT_CHATROOM_COLLASPED);
  3929.         }
  3930.         break;
  3931.       case 'is-two-columns_':
  3932.         b = isWideScreenWithTwoColumns();
  3933.         nls = flexyAttr_toggleFlag(nls, b, LAYOUT_TWO_COLUMNS);
  3934.         break;
  3935.  
  3936.       case 'tabview-selection':
  3937.         attrElm = kRef(ytdFlexy);
  3938.         b = isNonEmptyString(attrElm.getAttribute('tabview-selection'));
  3939.         nls = flexyAttr_toggleFlag(nls, b, LAYOUT_TAB_EXPANDED);
  3940.         break;
  3941.  
  3942.       case 'fullscreen':
  3943.         attrElm = kRef(ytdFlexy);
  3944.         b = attrElm.hasAttribute('fullscreen');
  3945.         nls = flexyAttr_toggleFlag(nls, b, LAYOUT_FULLSCREEN);
  3946.         break;
  3947.  
  3948.       case 'userscript-engagement-panel':
  3949.         attrElm = kRef(ytdFlexy);
  3950.         v = attrElm.getAttribute('userscript-engagement-panel');
  3951.         b = (+v > 0)
  3952.         nls = flexyAttr_toggleFlag(nls, b, LAYOUT_ENGAGEMENT_PANEL_EXPAND);
  3953.         break;
  3954.  
  3955.     }
  3956.  
  3957.     return nls;
  3958.  
  3959.  
  3960.   }
  3961.  
  3962.   let mtf_attrFlexy = (mutations, observer) => {
  3963.  
  3964.     //attr mutation checker - $$ytdFlexyElm$$ {ytd-watch-flexy} \single
  3965.     //::attr    
  3966.     // ~ 'userscript-chat-collapsed', 'userscript-chatblock', 'theater', 'is-two-columns_', 
  3967.     // ~ 'tabview-selection', 'fullscreen', 'userscript-engagement-panel', 
  3968.     // ~ 'hidden'
  3969.  
  3970.     //console.log(15330, scriptEnable, kRef(ytdFlexy), mutations)
  3971.  
  3972.     if (!scriptEnable) return;
  3973.  
  3974.     const cssElm = kRef(ytdFlexy)
  3975.     if (!cssElm) return;
  3976.  
  3977.     if (!mutations) return;
  3978.  
  3979.     
  3980.     
  3981.  
  3982.  
  3983.     const old_layoutStatus = wls.layoutStatus
  3984.     if (old_layoutStatus === 0) return;
  3985.     let new_layoutStatus = old_layoutStatus;
  3986.  
  3987.     let checkedChat = false;
  3988.  
  3989.     for (const mutation of mutations) {
  3990.       new_layoutStatus = flexAttr_toLayoutStatus(new_layoutStatus, mutation.attributeName);
  3991.       if (mutation.attributeName == 'userscript-chat-collapsed' || mutation.attributeName == 'userscript-chatblock') {
  3992.  
  3993.         if(!checkedChat){
  3994.           checkedChat = true; // avoid double call
  3995.  
  3996.           if (cssElm.getAttribute('userscript-chatblock') === 'chat-live') {
  3997.             // assigned new attribute - "chat-live" => disable comments section
  3998.             
  3999.             _disableComments();
  4000.           }
  4001.  
  4002.           if (!cssElm.hasAttribute('userscript-chatblock')) {
  4003.             // might or might not collapsed before
  4004.             timeline.setTimeout(() => {
  4005.               if (!scriptEnable) return;
  4006.               //delayed call => check with the "no active focus" condition with chatroom status
  4007.               if (!isAnyActiveTab() && !isChatExpand() && !isTheater() && isWideScreenWithTwoColumns() && !isFullScreen()) {
  4008.                 setToActiveTab();
  4009.               }
  4010.             }, 240);
  4011.           }
  4012.         }
  4013.  
  4014.       }else if(mutation.attributeName == 'userscript-engagement-panel'){
  4015.         // assume any other active component such as tab content and chatroom
  4016.         
  4017.         if (+(cssElm.getAttribute('userscript-engagement-panel')||0)===0 && +mutation.oldValue>0) {
  4018.           timeline.setTimeout(() => {
  4019.             if (!scriptEnable) return;
  4020.             //delayed call => check with the "no active focus" condition with engagement panel status
  4021.             if (!isAnyActiveTab() && !isEngagementPanelExpanded() && !isTheater() && isWideScreenWithTwoColumns() && !isFullScreen() && !isChatExpand()) {
  4022.               setToActiveTab();
  4023.             }
  4024.           }, 240);
  4025.         }
  4026.       }
  4027.     }
  4028.  
  4029.     new_layoutStatus = fixLayoutStatus(new_layoutStatus);
  4030.  
  4031.  
  4032.     if (new_layoutStatus !== old_layoutStatus) {
  4033.       wls.layoutStatus = new_layoutStatus
  4034.  
  4035.       // resize => is-two-columns_
  4036.       if (((new_layoutStatus ^ old_layoutStatus) & LAYOUT_TWO_COLUMNS) === LAYOUT_TWO_COLUMNS) {
  4037.         requestAnimationFrame(() => {
  4038.           pageCheck();
  4039.           singleColumnScrolling(true); //initalize sticky
  4040.         })
  4041.       }
  4042.  
  4043.     } 
  4044.  
  4045.   }
  4046.  
  4047.   const mtf_checkFlexy = () => {
  4048.     // once per $$native-ytd-watch-flexy$$ {ytd-watch-flexy} detection
  4049.  
  4050.     let ytdFlexyElm = kRef(ytdFlexy);
  4051.     if (!scriptEnable || !ytdFlexyElm) return true;
  4052.  
  4053.  
  4054.     wls.layoutStatus = 0;
  4055.  
  4056.     let isFlexyHidden = (ytdFlexyElm.hasAttribute('hidden'));
  4057.  
  4058.     if (!isFlexyHidden) {
  4059.       let rChatExist = base_ChatExist();
  4060.       if (rChatExist) {
  4061.         let { attr_chatblock, attr_chatcollapsed } = rChatExist;
  4062.         if (attr_chatblock === null) {
  4063.           //remove attribute if it is unknown
  4064.           attr_chatblock = false;
  4065.           attr_chatcollapsed = false;
  4066.         }
  4067.         wAttr(ytdFlexyElm, 'userscript-chatblock', attr_chatblock)
  4068.         
  4069.         _console.log(322,ytdFlexyElm.hasAttribute('userscript-chatblock'))
  4070.         wAttr(ytdFlexyElm, 'userscript-chat-collapsed', attr_chatcollapsed)
  4071.       }
  4072.     }
  4073.  
  4074.     let rTabSelection = [...querySelectorAllFromAnchor.call(ytdFlexyElm,'.tab-btn[userscript-tab-content]')]
  4075.       .map(elm => ({ elm, hidden: elm.classList.contains('tab-btn-hidden') }));
  4076.  
  4077.     if(rTabSelection.length === 0){
  4078.       wAttr(ytdFlexyElm, 'tabview-selection', false);
  4079.     }else{
  4080.       rTabSelection=rTabSelection.filter(entry => entry.hidden !== true); // all available tabs
  4081.       if (rTabSelection.length === 0) wAttr(ytdFlexyElm, 'tabview-selection', '');
  4082.     }
  4083.     rTabSelection = null;
  4084.       
  4085.     let rEP = engagement_panels_();
  4086.     if (rEP && rEP.count > 0) wAttr(ytdFlexyElm, 'userscript-engagement-panel', false);
  4087.     //else wAttr(ytdFlexyElm, 'userscript-engagement-panel', rEP.value + ""); // can be 0
  4088.     else if(rEP.value>0) wAttr(ytdFlexyElm, 'userscript-engagement-panel', rEP.value + ""); // can be 0
  4089.  
  4090.     let ls = LAYOUT_VAILD;
  4091.     ls = flexAttr_toLayoutStatus(ls, 'theater')
  4092.     ls = flexAttr_toLayoutStatus(ls, 'userscript-chat-collapsed')
  4093.     ls = flexAttr_toLayoutStatus(ls, 'userscript-chatblock')
  4094.     ls = flexAttr_toLayoutStatus(ls, 'is-two-columns_')
  4095.     ls = flexAttr_toLayoutStatus(ls, 'tabview-selection')
  4096.     ls = flexAttr_toLayoutStatus(ls, 'fullscreen')
  4097.     ls = flexAttr_toLayoutStatus(ls, 'userscript-engagement-panel')
  4098.  
  4099.     fixLayoutStatus(ls)
  4100.  
  4101.  
  4102.     wls.layoutStatus = ls
  4103.  
  4104.     mtoFlexyAttr.bindElement(ytdFlexyElm,{
  4105.       attributes: true,
  4106.       attributeFilter: ['userscript-chat-collapsed', 'userscript-chatblock', 'theater', 'is-two-columns_', 'tabview-selection', 'fullscreen', 'userscript-engagement-panel', 'hidden'],
  4107.       attributeOldValue: true
  4108.     })
  4109.  
  4110.  
  4111.  
  4112.     let columns = document.querySelector('ytd-page-manager#page-manager #columns')
  4113.     if (columns) {
  4114.       wAttr(columns, 'userscript-scrollbar-render', true);
  4115.     }
  4116.  
  4117.     return false;
  4118.   }
  4119.   
  4120.  
  4121.   function checkVisibleEngagementPanel(){
  4122.     
  4123.     if(storeLastPanel){
  4124.  
  4125.       let elm_storeLastPanel = kRef(storeLastPanel);
  4126.  
  4127.       if(elm_storeLastPanel && !isDOMVisible(elm_storeLastPanel) ){
  4128.         storeLastPanel=null;
  4129.         ytBtnCloseEngagementPanels();
  4130.       }
  4131.  
  4132.     }
  4133.  
  4134.   }
  4135.  
  4136.  
  4137.  
  4138.  
  4139.  
  4140.   let switchTabActivity_lastTab = null
  4141.  
  4142.   function setDisplayedPlaylist() {
  4143.     //override the default youtube coding event prevention
  4144.     let cssElm = kRef(ytdFlexy);
  4145.     if (!scriptEnable || !cssElm) return;
  4146.     displayedPlaylist = mWeakRef(document.querySelector('ytd-watch-flexy #tab-list:not(.tab-content-hidden) ytd-playlist-panel-renderer[tabview-true-playlist]') || null);
  4147.   }
  4148.  
  4149.  
  4150.   
  4151.  
  4152.   function switchTabActivity(activeLink) {
  4153.     if (!scriptEnable) return;
  4154.  
  4155.     const ytdFlexyElm = kRef(ytdFlexy);
  4156.  
  4157.     if (!ytdFlexyElm) return;
  4158.  
  4159.     if (activeLink && activeLink.classList.contains('tab-btn-hidden')) return; // not allow to switch to hide tab
  4160.  
  4161.     //if (isTheater() && isWideScreenWithTwoColumns()) activeLink = null;
  4162.  
  4163.  
  4164.     function runAtEnd() {
  4165.  
  4166.       
  4167.     //console.log(12312)
  4168.  
  4169.       if (activeLink) {
  4170.         lstTab.lastTab = activeLink.getAttribute('userscript-tab-content')
  4171.         lstTab.lastPanel = null;
  4172.       }
  4173.  
  4174.       displayedPlaylist = null;
  4175.       scrollingVideosList = null;
  4176.  
  4177.       if (activeLink && lstTab.lastTab == '#tab-list') {
  4178.         setDisplayedPlaylist();
  4179.       } else if (activeLink && lstTab.lastTab == '#tab-videos') {
  4180.         scrollingVideosList = mWeakRef(document.querySelector('ytd-watch-flexy #tab-videos:not(.tab-content-hidden) [placeholder-videos]'));
  4181.       }
  4182.  
  4183.  
  4184.       ytdFlexyElm.setAttribute('tabview-selection', activeLink ? lstTab.lastTab : '')
  4185.  
  4186.       if (activeLink && lstTab.lastTab == '#tab-comments' && (ytdFlexyElm.getAttribute('tabview-youtube-comments') || '').lastIndexOf('S') >= 0) {
  4187.  
  4188.         
  4189.         if(mtf_forceCheckLiveVideo_disable===2) {}
  4190.         else{
  4191.           akAttr(ytdFlexyElm, 'tabview-youtube-comments', false, 'L');
  4192.           
  4193.     _console.log(2909,3)
  4194.  
  4195.         }
  4196.  
  4197.       }
  4198.  
  4199.  
  4200.  
  4201.     }
  4202.  
  4203.     const links = document.querySelectorAll('#material-tabs a[userscript-tab-content]');
  4204.  
  4205.     //console.log(701, activeLink)
  4206.  
  4207.     for (const link of links) {
  4208.       let content = document.querySelector(link.getAttribute('userscript-tab-content'));
  4209.       if (link && content) {
  4210.         if (link !== activeLink) {
  4211.           link.classList.remove("active");
  4212.           content.classList.add("tab-content-hidden");
  4213.         } else {
  4214.           //console.log(3343)
  4215.           link.classList.add("active");
  4216.           content.classList.remove("tab-content-hidden");
  4217.           //timeline.setTimeout(()=>content.focus(),400);
  4218.  
  4219.         }
  4220.       }
  4221.     }
  4222.  
  4223.     runAtEnd();
  4224.  
  4225.  
  4226.   }
  4227.  
  4228.  
  4229.   const STORE_VERSION = 1;
  4230.   const STORE_key = 'userscript-tabview-settings';
  4231.   function getStore(){
  4232.     let s = localStorage[STORE_key];
  4233.     function resetStore(){
  4234.       let ret = {
  4235.         version: 1,
  4236.       };
  4237.       localStorage[STORE_key]=JSON.stringify(ret);
  4238.       return ret;
  4239.     }
  4240.     if(!s) return resetStore();
  4241.     let obj = null;
  4242.     try{
  4243.       obj = JSON.parse(s);
  4244.     }catch(e){}
  4245.     return obj && obj.version === STORE_VERSION ? obj : resetStore();
  4246.   }
  4247.  
  4248.   function setStore(obj){
  4249.     if(!obj || typeof obj !=='object') return false;
  4250.     if(obj.version !== STORE_VERSION) return false;
  4251.     localStorage[STORE_key]=JSON.stringify(obj);
  4252.     return true;
  4253.   }
  4254.  
  4255.   let tabsUiScript_setclick = false;
  4256.  
  4257.   function prepareTabBtn() {
  4258.  
  4259.     const materialTab = document.querySelector("#material-tabs")
  4260.     if (!materialTab) return;
  4261.  
  4262.     let noActiveTab = !!document.querySelector('ytd-watch-flexy[userscript-chatblock]:not([userscript-chat-collapsed])')
  4263.  
  4264.     const activeLink = querySelectorFromAnchor.call(materialTab,'a[userscript-tab-content].active:not(.tab-btn-hidden)')
  4265.     if (activeLink) switchTabActivity(noActiveTab ? null : activeLink)
  4266.  
  4267.     if (!tabsUiScript_setclick) {
  4268.       tabsUiScript_setclick = true;
  4269.       $(materialTab).on("click", "a", function(evt) {
  4270.  
  4271.         //console.log(8510)
  4272.         let ytdFlexyElm = kRef(ytdFlexy);
  4273.         if (!scriptEnable || !ytdFlexyElm) return null;
  4274.  
  4275.         if (!this.hasAttribute('userscript-tab-content')) return;
  4276.  
  4277.         if (evt.target.matches('.font-size-btn')) return;
  4278.  
  4279.  
  4280.         evt.preventDefault();
  4281.  
  4282.         //console.log(8511)
  4283.  
  4284.  
  4285.         //console.log(8513)
  4286.         new Promise(requestAnimationFrame).then(() => {
  4287.  
  4288.  
  4289.           //console.log(8514)
  4290.           layoutStatusMutex.lockWith(unlock => {
  4291.  
  4292.             //console.log(8515)
  4293.             switchTabActivity_lastTab = this.getAttribute('userscript-tab-content');
  4294.  
  4295.             let isActiveAndVisible = this.classList.contains('tab-btn') && this.classList.contains('active') && !this.classList.contains('tab-btn-hidden')
  4296.  
  4297.             if( isFullScreen() ){
  4298.  
  4299.               console.log(isActiveAndVisible, this)
  4300.               if(isActiveAndVisible){
  4301.                 timeline.setTimeout(unlock, 80);
  4302.                 switchTabActivity(null);
  4303.               }else{
  4304.  
  4305.                 if (isChatExpand() && isWideScreenWithTwoColumns()) {
  4306.                   ytBtnCollapseChat();
  4307.                 } else if (isEngagementPanelExpanded() && isWideScreenWithTwoColumns()) {
  4308.                   ytBtnCloseEngagementPanels();
  4309.                 } 
  4310.  
  4311.  
  4312.                 timeline.setTimeout(() => {
  4313.                   let scrollElement = document.querySelector('ytd-app[scrolling]')
  4314.                   if(!scrollElement) return;
  4315.                   // single column view; click button; scroll to tab content area 100%
  4316.                   let rightTabs = document.querySelector('#right-tabs');
  4317.                   let pTop = rightTabs.getBoundingClientRect().top - scrollElement.getBoundingClientRect().top
  4318.                   if (rightTabs && pTop > 0 && this.classList.contains('active')) { 
  4319.                     rightTabs.scrollIntoView(true);
  4320.                   }
  4321.                 }, 60)
  4322.  
  4323.                 timeline.setTimeout(unlock, 80);
  4324.                 switchTabActivity(this)
  4325.               }
  4326.  
  4327.               
  4328.             } else if (isWideScreenWithTwoColumns() && !isTheater() && isActiveAndVisible) {
  4329.               //optional
  4330.               timeline.setTimeout(unlock, 80);
  4331.               switchTabActivity(null);
  4332.               ytBtnSetTheater();
  4333.             } else if (isActiveAndVisible) {
  4334.               timeline.setTimeout(unlock, 80);
  4335.               switchTabActivity(null);
  4336.             } else {
  4337.  
  4338.               if (isChatExpand() && isWideScreenWithTwoColumns()) {
  4339.                 ytBtnCollapseChat();
  4340.               } else if (isEngagementPanelExpanded() && isWideScreenWithTwoColumns()) {
  4341.                 ytBtnCloseEngagementPanels();
  4342.               } else if (isWideScreenWithTwoColumns() && isTheater() && !isFullScreen()) {
  4343.                 ytBtnCancelTheater();
  4344.               }
  4345.  
  4346.               timeline.setTimeout(() => {
  4347.                 // single column view; click button; scroll to tab content area 100%
  4348.                 let rightTabs = document.querySelector('#right-tabs');
  4349.                 if (!isWideScreenWithTwoColumns() && rightTabs && rightTabs.offsetTop > 0 && this.classList.contains('active')) {
  4350.                   let tabButtonBar = document.querySelector('#material-tabs');
  4351.                   let tabButtonBarHeight = tabButtonBar ? tabButtonBar.offsetHeight : 0;
  4352.                   window.scrollTo(0, rightTabs.offsetTop - tabButtonBarHeight);
  4353.                 }
  4354.               }, 60)
  4355.               // _console.log(8519)
  4356.  
  4357.               timeline.setTimeout(unlock, 80)
  4358.               switchTabActivity(this)
  4359.  
  4360.               
  4361.  
  4362.             }
  4363.  
  4364.  
  4365.           })
  4366.  
  4367.         })
  4368.  
  4369.  
  4370.  
  4371.  
  4372.       }); 
  4373.  
  4374.       function updateCSS_fontsize(){
  4375.  
  4376.         let store = getStore();
  4377.         
  4378.         let ytdFlexyElm = kRef(ytdFlexy);
  4379.         if(ytdFlexyElm){
  4380.           if(store['font-size-#tab-info']) ytdFlexyElm.style.setProperty('--ut2257-info', store['font-size-#tab-info'])
  4381.           if(store['font-size-#tab-comments']) ytdFlexyElm.style.setProperty('--ut2257-comments', store['font-size-#tab-comments'])
  4382.           if(store['font-size-#tab-videos']) ytdFlexyElm.style.setProperty('--ut2257-videos', store['font-size-#tab-videos'])
  4383.           if(store['font-size-#tab-list']) ytdFlexyElm.style.setProperty('--ut2257-list', store['font-size-#tab-list'])
  4384.         }
  4385.  
  4386.       }
  4387.  
  4388.       $(materialTab).on("click", ".font-size-btn", function(evt){
  4389.  
  4390.         evt.preventDefault();
  4391.         evt.stopPropagation();
  4392.         evt.stopImmediatePropagation();
  4393.  
  4394.         let value = evt.target.matches('.font-size-plus')?1: evt.target.matches('.font-size-minus')?-1 :0;
  4395.  
  4396.         let active_tab_content = closestDOM.call(evt.target,'[userscript-tab-content]').getAttribute('userscript-tab-content'); 
  4397.  
  4398.         let store = getStore();
  4399.         let settingKey = `font-size-${active_tab_content}`
  4400.         if(!store[settingKey]) store[settingKey] = 1.0;
  4401.         if(value<0) store[settingKey] -= 0.05;
  4402.         else if(value>0) store[settingKey] += 0.05;
  4403.         if(store[settingKey]<0.1) store[settingKey] = 0.1;
  4404.         else if(store[settingKey]>10) store[settingKey] = 10.0;
  4405.         setStore(store);
  4406.  
  4407.  
  4408.         updateCSS_fontsize();
  4409.  
  4410.  
  4411.         //console.log(this.textContent)
  4412.  
  4413.  
  4414.       });
  4415.  
  4416.       updateCSS_fontsize();
  4417.  
  4418.  
  4419.  
  4420.     }
  4421.  
  4422.   }
  4423.  
  4424.  
  4425.   // ---------------------------------------------------------------------------------------------
  4426.   document.addEventListener("yt-navigate-finish", onNavigationEnd, bubblePassive)
  4427.   //yt-navigate-redirect
  4428.   //"yt-page-data-fetched"
  4429.   //yt-navigate-error
  4430.   //yt-navigate-start
  4431.   //yt-page-manager-navigate-start
  4432.   //"yt-navigate"
  4433.   //"yt-navigate-cache
  4434.  
  4435.   document.addEventListener("yt-navigate-cache",()=>{
  4436.     console.log('yt-navigate-cache')
  4437.   },bubblePassive)
  4438.   document.addEventListener("yt-navigate-redirect",()=>{
  4439.     console.log('yt-navigate-redirect')
  4440.  
  4441.  
  4442.  
  4443.     script_inject_js1.inject();
  4444.  
  4445.     
  4446.   },bubblePassive)
  4447.  
  4448.   function onReady(){
  4449.     //might be earlier than yt-navigation-finish
  4450.     console.log('html-onReady')
  4451.     if(location.pathname=='/watch') script_inject_js1.inject();
  4452.   }
  4453.  
  4454.   if(document.readyState!=='loading'){
  4455.     onReady();
  4456.   }else{
  4457.     document.addEventListener('DOMContentLoaded', onReady, bubblePassive)
  4458.   }
  4459.  
  4460.   function forceConfig(){
  4461.     
  4462.     
  4463.     
  4464.   }
  4465.  
  4466.   document.addEventListener("yt-navigate-start",()=>{
  4467.     console.log('yt-navigate-start') // not always trigger before navigate-end
  4468.     
  4469.  
  4470.     script_inject_js1.inject();
  4471.     forceConfig();
  4472.   },bubblePassive)
  4473.  
  4474.   document.addEventListener("yt-page-manager-navigate-start",()=>{
  4475.     console.log('yt-page-manager-navigate-start')
  4476.     forceConfig();
  4477.   },bubblePassive)
  4478.  
  4479.  
  4480.  
  4481.   // ---------------------------------------------------------------------------------------------
  4482.  
  4483.   let scrolling_lastD = 0;
  4484.  
  4485.   const singleColumnScrolling = function(/** @type {boolean} */ scrolling_lastF) {
  4486.     
  4487.     if (!scriptEnable || pageType!=='watch') return;
  4488.  
  4489.     let pageY = 0;
  4490.  
  4491.     if(scrolling_lastD === 0){
  4492.       if( (wls.layoutStatus & LAYOUT_TWO_COLUMNS) === LAYOUT_TWO_COLUMNS){
  4493.         return;
  4494.       }
  4495.       pageY = scrollY;
  4496.       if (pageY < 10 && !scrolling_lastF) return;
  4497.     }else{
  4498.       pageY = scrollY;
  4499.     }
  4500.  
  4501.     let targetElm, header, navElm;
  4502.     
  4503.  
  4504.     _console.log(7891,'scrolling')
  4505.  
  4506.     Promise.resolve().then(() => {
  4507.  
  4508.       targetElm = document.querySelector("#right-tabs");
  4509.       if (!targetElm) return;
  4510.       header = querySelectorFromAnchor.call(targetElm,"header");
  4511.       if (!header) return;
  4512.       navElm = document.querySelector('#masthead-container, #masthead')
  4513.       if (!navElm) return;
  4514.       let navHeight = navElm ? navElm.offsetHeight : 0
  4515.  
  4516.       let elmY = targetElm.offsetTop
  4517.  
  4518.       let xyz = [elmY + navHeight, pageY, elmY - navHeight]
  4519.  
  4520.       let xyStatus = 0
  4521.       if (xyz[1] < xyz[2] && xyz[2] < xyz[0]) {
  4522.         // 1
  4523.         xyStatus = 1
  4524.       }
  4525.  
  4526.       if (xyz[0] > xyz[1] && xyz[1] > xyz[2]) {
  4527.  
  4528.         //2
  4529.         xyStatus = 2
  4530.  
  4531.       }
  4532.  
  4533.       if (xyz[2] < xyz[0] && xyz[0] < xyz[1]) {
  4534.         // 3
  4535.  
  4536.         xyStatus = 3
  4537.  
  4538.  
  4539.       }
  4540.  
  4541.       return xyStatus;
  4542.  
  4543.     }).then((xyStatus) => {
  4544.  
  4545.       if ((xyStatus == 2 || xyStatus == 3) && (scrolling_lastD === 0 || scrolling_lastF)) {
  4546.         scrolling_lastD = 1;
  4547.         let {
  4548.           offsetHeight
  4549.         } = header
  4550.         let {
  4551.           offsetWidth
  4552.         } = targetElm
  4553.  
  4554.         targetElm.style.setProperty("--userscript-sticky-width", offsetWidth + 'px')
  4555.         targetElm.style.setProperty("--userscript-sticky", offsetHeight + 'px')
  4556.  
  4557.         wAttr(targetElm, 'userscript-sticky', true);
  4558.  
  4559.       } else if ((xyStatus == 1) && (scrolling_lastD === 1 || scrolling_lastF)) {
  4560.         scrolling_lastD = 0;
  4561.  
  4562.         wAttr(targetElm, 'userscript-sticky', false);
  4563.       }
  4564.  
  4565.  
  4566.       targetElm = null;
  4567.       header = null;
  4568.       navElm = null;
  4569.  
  4570.     });
  4571.  
  4572.   };
  4573.  
  4574.   window.addEventListener("scroll", function() {
  4575.     singleColumnScrolling(false)
  4576.   }, bubblePassive)
  4577.  
  4578.   //let lastResizeAt = 0;
  4579.   window.addEventListener('resize', function() {
  4580.  
  4581.     if (!scriptEnable) return;
  4582.     if (pageType!=='watch') return;
  4583.     //lastResizeAt = Date.now();
  4584.  
  4585.     if((wls.layoutStatus & LAYOUT_TWO_COLUMNS) !== LAYOUT_TWO_COLUMNS){
  4586.  
  4587.       requestAnimationFrame(() => {
  4588.         singleColumnScrolling(true)
  4589.       })
  4590.  
  4591.     }
  4592.  
  4593.  
  4594.   }, bubblePassive)
  4595.  
  4596.  
  4597.  
  4598.   function resetBuggyLayoutForNewVideoPage() {
  4599.  
  4600.     
  4601.     let ytdFlexyElm = kRef(ytdFlexy);
  4602.     if (!ytdFlexyElm) return;
  4603.  
  4604.     //(flexy is visible and watch video page) 
  4605.  
  4606.     scriptEnable = true;
  4607.  
  4608.     //mtf_forceCheckLiveVideo_disable = 0;
  4609.     _console.log(27056)
  4610.  
  4611.  
  4612.     let new_layoutStatus = wls.layoutStatus
  4613.  
  4614.     new_layoutStatus & (LAYOUT_CHATROOM_COLLASPED | LAYOUT_CHATROOM)
  4615.  
  4616.     const new_isExpandedChat = !(new_layoutStatus & LAYOUT_CHATROOM_COLLASPED) && (new_layoutStatus & LAYOUT_CHATROOM)
  4617.     const new_isCollaspedChat = (new_layoutStatus & LAYOUT_CHATROOM_COLLASPED) && (new_layoutStatus & LAYOUT_CHATROOM)
  4618.  
  4619.     const new_isTwoColumns = new_layoutStatus & LAYOUT_TWO_COLUMNS;
  4620.     const new_isTheater = new_layoutStatus & LAYOUT_THEATER;
  4621.     const new_isTabExpanded = new_layoutStatus & LAYOUT_TAB_EXPANDED;
  4622.     const new_isFullScreen = new_layoutStatus & LAYOUT_FULLSCREEN;
  4623.     const new_isExpandEPanel = new_layoutStatus & LAYOUT_ENGAGEMENT_PANEL_EXPAND;
  4624.  
  4625.     if (ytdFlexyElm.getAttribute('tabview-selection') === '' && new_isTwoColumns && !new_isTheater && !new_isTabExpanded && !new_isFullScreen && !new_isExpandEPanel && !new_isExpandedChat) {
  4626.       // e.g. engage panel removed after miniview and change video
  4627.       setToActiveTab();
  4628.     } else if (new_isExpandEPanel && querySelectorAllFromAnchor.call(ytdFlexyElm, 'ytd-engagement-panel-section-list-renderer[visibility="ENGAGEMENT_PANEL_VISIBILITY_EXPANDED"]').length === 0) {
  4629.       wls.layoutStatus = new_layoutStatus & (~LAYOUT_ENGAGEMENT_PANEL_EXPAND)
  4630.     }
  4631.  
  4632.  
  4633.  
  4634.  
  4635.   }
  4636.  
  4637.   function newVideoPage(evt_detail) {
  4638.  
  4639.     console.log('newVideoPage')
  4640.     pendingFetch = null
  4641.     fetched = false;
  4642.  
  4643.     document.dispatchEvent(new CustomEvent('tabview-v-change')) //possible duplicated
  4644.  
  4645.  
  4646.  
  4647.     //console.log('newVideoPage-', 150, location.href)
  4648.  
  4649.     let ytdFlexyElm = kRef(ytdFlexy);
  4650.     if (!ytdFlexyElm) return;
  4651.  
  4652.  
  4653.     timeline.reset();
  4654.     layoutStatusMutex = new Mutex();
  4655.  
  4656.     //console.log('newVideoPage-', 350, location.href)
  4657.  
  4658.  
  4659.     if (pageType === 'watch') {
  4660.       resetBuggyLayoutForNewVideoPage();
  4661.  
  4662.     }
  4663.  
  4664.  
  4665.  
  4666.  
  4667.  
  4668.  
  4669.     pendingFetch = null;
  4670.     _innerCommentsLoader();
  4671.     if (!fetched) {
  4672.       window.dispatchEvent(new Event("scroll"));
  4673.     }
  4674.  
  4675.     let liveChatRenderer = null;
  4676.     let isReplay = null;
  4677.     try {
  4678.  
  4679.       liveChatRenderer = evt_detail.pageData.response.contents.twoColumnWatchNextResults.conversationBar.liveChatRenderer
  4680.     } catch (e) { }
  4681.     if (liveChatRenderer) {
  4682.  
  4683.       if (liveChatRenderer.isReplay === true) isReplay = true;
  4684.     }
  4685.  
  4686.     const chatBlockR = liveChatRenderer ? (isReplay ? 3 : 1) : 0
  4687.     const initialDisplayState = liveChatRenderer ? liveChatRenderer.initialDisplayState : null;
  4688.  
  4689.  
  4690.  
  4691.  
  4692.     let f = () => {
  4693.  
  4694.       _console.log(932, 1, 1)
  4695.       let ytdFlexyElm = kRef(ytdFlexy);
  4696.       if (!scriptEnable || !ytdFlexyElm) return;
  4697.  
  4698.       _console.log(932, 1, 2)
  4699.       if (pageType !== 'watch') return;
  4700.  
  4701.       _console.log(932, 1, 3)
  4702.  
  4703.       if (Q.mtf_chatBlockQ !== chatBlockR) {
  4704.         Q.mtf_chatBlockQ = chatBlockR
  4705.  
  4706.         let [attr_chatblock, attr_chatcollapsed] = (chatBlockR & 1) ? [
  4707.           chatBlockR === 1 ? 'chat-live' : chatBlockR === 3 ? 'chat-playback' : false,
  4708.           initialDisplayState === 'LIVE_CHAT_DISPLAY_STATE_COLLAPSED' ? true : false
  4709.         ] : [false, false];
  4710.  
  4711.         _console.log(932, 2, attr_chatblock, attr_chatcollapsed)
  4712.  
  4713.         //LIVE_CHAT_DISPLAY_STATE_COLLAPSED
  4714.         //LIVE_CHAT_DISPLAY_STATE_EXPANDED
  4715.         wAttr(ytdFlexyElm, 'userscript-chatblock', attr_chatblock)
  4716.         wAttr(ytdFlexyElm, 'userscript-chat-collapsed', attr_chatcollapsed)
  4717.  
  4718.         _console.log(932, 3, ytdFlexyElm.hasAttribute('userscript-chatblock'))
  4719.  
  4720.  
  4721.  
  4722.  
  4723.         if (pageType === 'watch') { // reset info when hidden
  4724.           checkVisibleEngagementPanel();
  4725.         }
  4726.  
  4727.         if (attr_chatblock == 'chat-live') {
  4728.  
  4729.           _console.log(932, 4)
  4730.  
  4731.           mtf_forceCheckLiveVideo_disable = 2;
  4732.  
  4733.           _disableComments();
  4734.  
  4735.  
  4736.         } else {
  4737.  
  4738.           _console.log(932, 5)
  4739.           mtf_forceCheckLiveVideo_disable = 0;
  4740.           setCommentSection(0);
  4741.           restoreFetching();
  4742.  
  4743.           _console.log(932, 6, mtf_forceCheckLiveVideo_disable)
  4744.  
  4745.           if (mtf_forceCheckLiveVideo_disable !== 2) {
  4746.  
  4747.             const tabBtn = document.querySelector('[userscript-tab-content="#tab-comments"].tab-btn-hidden')
  4748.             if (tabBtn) {
  4749.               emptyCommentSection();
  4750.               tabBtn.classList.remove("tab-btn-hidden")
  4751.             }
  4752.  
  4753.           }
  4754.  
  4755.  
  4756.  
  4757.         }
  4758.  
  4759.  
  4760.       } else {
  4761.  
  4762.         // restore Fetching only
  4763.  
  4764.  
  4765.         let [attr_chatblock, attr_chatcollapsed] = (chatBlockR & 1) ? [
  4766.           chatBlockR === 1 ? 'chat-live' : chatBlockR === 3 ? 'chat-playback' : false,
  4767.           initialDisplayState === 'LIVE_CHAT_DISPLAY_STATE_COLLAPSED' ? true : false
  4768.         ] : [false, false];
  4769.  
  4770.         if (mtf_forceCheckLiveVideo_disable !== 2 && (attr_chatblock === false || attr_chatblock === 'chat-playback')) {
  4771.  
  4772.  
  4773.           setCommentSection(0);
  4774.           restoreFetching();
  4775.  
  4776.         }
  4777.  
  4778.  
  4779.  
  4780.       }
  4781.  
  4782.     }
  4783.  
  4784.     f();
  4785.  
  4786.  
  4787.  
  4788.  
  4789.  
  4790.   }
  4791.  
  4792.  
  4793.  
  4794.   document.addEventListener('wheel', function(evt) {
  4795.  
  4796.     if (!scriptEnable) return;
  4797.     const displayedPlaylist_element = kRef(displayedPlaylist);
  4798.     if (displayedPlaylist_element && elementContains.call(displayedPlaylist_element, evt.target)) {
  4799.       evt.stopPropagation();
  4800.       evt.stopImmediatePropagation();
  4801.     }
  4802.   }, capturePassive);
  4803.  
  4804.  
  4805.   function setVideosTwoColumns(/** @type {number} */ flag, /** @type {boolean} */ bool) {
  4806.  
  4807.     //two columns to one column
  4808.  
  4809.     /*
  4810.         [placeholder-videos] ytd-watch-next-secondary-results-renderer.style-scope.ytd-watch-flexy
  4811.  
  4812.         is-two-columns =""  => no is-two-columns
  4813.         
  4814.         
  4815.         
  4816.         [placeholder-videos] tp-yt-paper-spinner#spinner.style-scope.ytd-continuation-item-renderer
  4817.         
  4818.         no hidden => hidden =""
  4819.         
  4820.         
  4821.         [placeholder-videos] div#button.style-scope.ytd-continuation-item-renderer
  4822.         
  4823.         
  4824.         hidden ="" => no hidden
  4825.         
  4826.  
  4827.         */
  4828.  
  4829.     let cssSelector1 = '[placeholder-videos] ytd-watch-next-secondary-results-renderer.style-scope.ytd-watch-flexy'
  4830.  
  4831.     let cssSelector2 = '[placeholder-videos] tp-yt-paper-spinner#spinner.style-scope.ytd-continuation-item-renderer'
  4832.  
  4833.     let cssSelector3 = '[placeholder-videos] div#button.style-scope.ytd-continuation-item-renderer'
  4834.  
  4835.     let res = {}
  4836.     if (flag & 1) {
  4837.       res.m1 = document.querySelector(cssSelector1)
  4838.       if (res.m1) wAttr(res.m1, 'is-two-columns', bool ? '' : false);
  4839.     }
  4840.  
  4841.     if (flag & 2) {
  4842.       res.m2 = document.querySelector(cssSelector2)
  4843.       if (res.m2) wAttr(res.m2, 'hidden', bool ? false : '');
  4844.     }
  4845.  
  4846.     if (flag & 4) {
  4847.       res.m3 = document.querySelector(cssSelector3)
  4848.       if (res.m3) wAttr(res.m3, 'hidden', bool ? '' : false);
  4849.     }
  4850.  
  4851.  
  4852.     return res
  4853.  
  4854.  
  4855.  
  4856.  
  4857.   }
  4858.  
  4859.   let lastScrollFetch = 0;
  4860.   // function isScrolledToEnd(){
  4861.   //     return (window.innerHeight + window.pageYOffset) >= document.scrollingElement.scrollHeight - 2;
  4862.   // }
  4863.   let lastOffsetTop = 0;
  4864.   window.addEventListener('scroll', function(evt) {
  4865.  
  4866.     //console.log(evt.target)
  4867.  
  4868.     if (!scriptEnable) return;
  4869.  
  4870.     let isTwoCol = (wls.layoutStatus & LAYOUT_TWO_COLUMNS) === LAYOUT_TWO_COLUMNS
  4871.     if(isTwoCol) return;
  4872.  
  4873.     if (!kRef(scrollingVideosList)) return;
  4874.     if (videoListBeforeSearch) return;
  4875.  
  4876.  
  4877.  
  4878.     let visibleHeight = document.scrollingElement.clientHeight;
  4879.     let totalHeight = document.scrollingElement.scrollHeight;
  4880.  
  4881.     if (totalHeight < visibleHeight * 1.5) return; // filter out two column view;
  4882.  
  4883.     let z = window.pageYOffset + visibleHeight;
  4884.     let h_advanced = totalHeight - (visibleHeight > 5 * 40 ? visibleHeight * 0.5 : 40);
  4885.  
  4886.  
  4887.  
  4888.     if (z > h_advanced) {
  4889.  
  4890.       let ct = Date.now();
  4891.       if (ct - lastScrollFetch < 500) return; //prevent continuous calling
  4892.  
  4893.       lastScrollFetch = ct;
  4894.  
  4895.       let res = setVideosTwoColumns(2 | 4, true)
  4896.       if (res.m3 && res.m2) {
  4897.  
  4898.         //wait for DOM change, just in case
  4899.         requestAnimationFrame(() => {
  4900.           let { offsetTop } = res.m2 // as visibility of m2 & m3 switched.
  4901.  
  4902.           if (offsetTop - lastOffsetTop < 40) return; // in case bug, or repeating calling.  // the next button shall below the this button 
  4903.           lastOffsetTop = offsetTop
  4904.  
  4905.           res.m2.parentNode.dispatchEvent(new Event('yt-service-request-sent-button-renderer'))
  4906.  
  4907.           res = null
  4908.         })
  4909.  
  4910.       } else {
  4911.  
  4912.         res = null
  4913.       }
  4914.  
  4915.  
  4916.     }
  4917.  
  4918.  
  4919.  
  4920.  
  4921.   }, bubblePassive)
  4922.  
  4923.  
  4924.   let fetchPendings = [];
  4925.   let mtf_forceCheckLiveVideo_disable = 0;
  4926.  
  4927.   let storeLastPanel = null;
  4928.  
  4929.   
  4930.  
  4931.  
  4932.  
  4933.  
  4934.   let mgChatFrame = {
  4935.     setVar(elm) {
  4936.       mgChatFrame.kVar = mWeakRef(elm)
  4937.     },
  4938.     getVar() {
  4939.       return kRef(mgChatFrame.kVar)
  4940.     },
  4941.     inPage() {
  4942.       let elm = mgChatFrame.getVar();
  4943.       if (!elm) return false;
  4944.       let ytdFlexyElm = kRef(ytdFlexy);
  4945.       if(!ytdFlexyElm) return false;
  4946.       return elementContains.call(ytdFlexyElm, elm)
  4947.     }
  4948.   };
  4949.  
  4950.   const timeline = {
  4951.     // after initialized (initObserver)
  4952.     cn1:{},
  4953.     cn2:{},
  4954.     setTimeout( /** @type {TimerHandler} */ f,/** @type {number} */ d){
  4955.       let cid = setTimeout(f,d)
  4956.       timeline.cn1[cid]=true
  4957.       return cid;
  4958.     },
  4959.     clearTimeout(/** @type {number} */ cid){
  4960.       timeline.cn1[cid]=false; return clearTimeout(cid)
  4961.     },
  4962.     setInterval(/** @type {TimerHandler} */ f,/** @type {number} */ d){
  4963.       let cid = setInterval(f,d);
  4964.       timeline.cn2[cid]=true
  4965.       return cid;
  4966.     },
  4967.     clearInterval(/** @type {number} */ cid){
  4968.       timeline.cn2[cid]=false; return clearInterval(cid)
  4969.     },
  4970.     reset(){
  4971.       for(let cid in timeline.cn1) timeline.cn1[cid] && clearTimeout(cid)
  4972.       for(let cid in timeline.cn2) timeline.cn2[cid] && clearInterval(cid)
  4973.       timeline.cn1={}
  4974.       timeline.cn2={}
  4975.     }
  4976.   }
  4977.  
  4978.   class AttributeMutationObserver extends MutationObserver {
  4979.     constructor(flist){
  4980.       super((mutations, observer)=>{
  4981.         for(const mutation of mutations){
  4982.           if (mutation.type === 'attributes') {
  4983.             this.checker(mutation.target, mutation.attributeName)
  4984.           }
  4985.         }
  4986.       })
  4987.       this.flist=flist;
  4988.       this.res={}
  4989.     }
  4990.     
  4991.     takeRecords(){
  4992.       super.takeRecords();
  4993.     }
  4994.     disconnect(){
  4995.       this._target = null;
  4996.       super.disconnect();
  4997.     }
  4998.     observe(/** @type {Node} */ target){
  4999.       if(this._target) return; 
  5000.       //console.log(123124, target)
  5001.       this._target = mWeakRef(target);
  5002.       
  5003.       //console.log(123125, kRef(this._target))
  5004.       const options = {
  5005.         attributes: true,
  5006.         attributeFilter: Object.keys(this.flist),
  5007.         //attributeFilter: [ "status", "username" ],
  5008.         attributeOldValue: true
  5009.       }
  5010.       super.observe(target, options)
  5011.     }
  5012.     checker(/** @type {Node} */ target,/** @type {string} */ attributeName){
  5013.       let nv = target.getAttribute(attributeName);
  5014.       if(this.res[attributeName]!==nv){
  5015.         this.res[attributeName] = nv
  5016.         let f = this.flist[attributeName];
  5017.         if(f) f(attributeName, nv);
  5018.  
  5019.       }
  5020.     }
  5021.     check(delay = 0){
  5022.       setTimeout(()=>{
  5023.         let target = kRef(this._target)
  5024.         if(target!==null){
  5025.           for(const key of Object.keys(this.flist)){
  5026.             this.checker(target,key)
  5027.           }
  5028.         }else{
  5029.           console.log('target is null') //disconnected??
  5030.         }
  5031.         target = null;
  5032.       },delay)
  5033.     }
  5034.   } 
  5035.  
  5036.   function goYoutubeGeniusLyrics() {
  5037.  
  5038.     setTimeout(function $f() {
  5039.  
  5040.       if (!document.documentElement.hasAttribute('w-engagement-panel-genius-lyrics')) return setTimeout($f, 100)
  5041.  
  5042.       document.documentElement.dispatchEvent(new CustomEvent('engagement-panel-genius-lyrics'))
  5043.  
  5044.  
  5045.     }, 100)
  5046.  
  5047.  
  5048.  
  5049.   }
  5050.  
  5051.  
  5052.  
  5053.   //Object.keys($0).filter(key=>!(key in $0.constructor.prototype))
  5054.  
  5055.   //Object.getOwnPropertyNames(window).filter(k=>k.startsWith('HTML'))
  5056.   //Object.getOwnPropertyNames(window).filter(k=>k.startsWith('HTML')).filter(k=>$0 instanceof window[k])
  5057.  
  5058.  
  5059.   /* --------------------------- browser's bug in -webkit-box ----------------------------------------- */
  5060.  
  5061.   /*
  5062.    fix bug for comment section - version 1.8.7 
  5063.   This issue is the bug in browser's rendering
  5064.    I guess, this is due to the lines clamp with display:-webkit-box 
  5065.    use stupid coding to let it re-render when its content become visible
  5066.    
  5067.   /*
  5068.  
  5069.   ytd-expander[should-use-number-of-lines][collapsed] > #content.ytd-expander {
  5070.       color: var(--yt-spec-text-primary);
  5071.       display: -webkit-box;
  5072.       overflow: hidden;
  5073.       max-height: none;
  5074.       -webkit-box-orient: vertical;
  5075.       -webkit-line-clamp: var(--ytd-expander-max-lines, 4);
  5076.   }
  5077.  
  5078.   // v1.8.36 imposed a effective solution for fixing this bug
  5079.  
  5080.   */
  5081.  
  5082.   /* --------------------------- browser's bug in -webkit-box ----------------------------------------- */
  5083.  
  5084.  
  5085.   /**
  5086.    * 
  5087.  
  5088.  
  5089. f.initChildrenObserver=function(){var a=this;this.observer=new MutationObserver(function(){return a.childrenChanged()});
  5090. this.observer.observe(this.$.content,{subtree:!0,childList:!0,attributes:!0});this.childrenChanged()};
  5091. f.childrenChanged=function(){var a=this;this.alwaysToggleable?this.canToggle=this.alwaysToggleable:this.canToggleJobId||(this.canToggleJobId=window.requestAnimationFrame(function(){$h(function(){a.canToggleJobId=0;a.calculateCanCollapse()})}))};
  5092.  
  5093.  
  5094. f.onIronResize=function(){this.recomputeOnResize&&this.childrenChanged()};
  5095.  
  5096.  
  5097. onButtonClick_:function(){this.fire("yt-close-upsell-dialog")},
  5098. computeHasHeader_:function(a){return!!a.headerBackgroundImage}});var geb;var heb;var ieb;var jeb;var xI=function(){var a=L.apply(this,arguments)||this;a.alignAuto=!1;a.collapsed=!0;a.isToggled=!1;a.alwaysCollapsed=!1;a.canToggle=!0;a.collapsedHeight=80;a.disableToggle=!1;a.alwaysToggleable=!1;a.reversed=!1;a.shouldUseNumberOfLines=!1;a.recomputeOnResize=!1;a.canToggleJobId=0;return a};
  5099. n(xI,L);f=xI.prototype;f.alwaysToggleableChanged=function(){this.alwaysToggleable&&(this.canToggle=!0)};
  5100.  
  5101.  
  5102. f.calculateCanCollapse=function(){this.canToggle=this.shouldUseNumberOfLines?this.alwaysToggleable||this.$.content.offsetHeight<this.$.content.scrollHeight:this.alwaysToggleable||this.$.content.scrollHeight>this.collapsedHeight};
  5103. f.detachObserver=function(){this.observer&&this.observer.disconnect()};
  5104.  
  5105.    * 
  5106.    * 
  5107.    * 
  5108.    */
  5109.  
  5110.  
  5111.  
  5112.  
  5113. })();
  5114.  
  5115.  
  5116.  
  5117.  
  5118.  
  5119.  
  5120.  
  5121.  
  5122.  
  5123.  
  5124.  
  5125.  
  5126.  
  5127.  
  5128.  
  5129.  
  5130.  
  5131.  
  5132.  
  5133.  
  5134.  
  5135.  
  5136.  
  5137.  
  5138.  
  5139.  
  5140.  
  5141.  
  5142.  
  5143.  
  5144.  
  5145.  
  5146.  
  5147.  
  5148.  
  5149.  
  5150.  
  5151.  
  5152.  
  5153.  
  5154.  
  5155.     // https://github.com/cyfung1031/Tabview-Youtube/raw/main/js/content.js
  5156.  
  5157. }
  5158.  
  5159.  
  5160. ;!(function $$() {
  5161.     'use strict';
  5162.  
  5163.     if(document.documentElement==null) return window.requestAnimationFrame($$)
  5164.  
  5165.     const cssTxt = GM_getResourceText("contentCSS");
  5166.  
  5167.     function addStyle (styleText) {
  5168.       const styleNode = document.createElement('style');
  5169.       styleNode.type = 'text/css';
  5170.       styleNode.textContent = styleText;
  5171.       document.documentElement.appendChild(styleNode);
  5172.       return styleNode;
  5173.     }
  5174.  
  5175.     addStyle (cssTxt);
  5176.  
  5177.     main(window.$);
  5178.  
  5179.  
  5180.     // Your code here...
  5181. })();

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址