☰

Tabview YouTube Totara

To make tabs for Info, Comments, Videos and Playlist

  1. // ==UserScript==
  2. // @name                  Tabview YouTube Totara
  3. // @version               5.0.109
  4. // @namespace             https://www.youtube.com/
  5. // @author                CY Fung
  6. // @license               MIT
  7. // @match                 https://www.youtube.com/*
  8.  
  9. // @name:zh-TW            Tabview YouTube Totara
  10. // @name:ja               Tabview YouTube Totara
  11. // @description           To make tabs for Info, Comments, Videos and Playlist
  12.  
  13. // @description:es        Para crear pestañas para Información, Comentarios, Videos y Lista de reproducción
  14. // @description:fr        Pour créer des onglets pour Infos, Commentaires, Vidéos et Playlist
  15. // @description:de        Um Tabs für Informationen, Kommentare, Videos und Playlist zu erstellen
  16. // @description:zh        制作信息、评论、视频和播放列表的标签
  17. // @description:zh-CN     制作信息、评论、视频和播放列表的标签
  18. // @description:zh-TW     製作資訊、評論、影片和播放列表的標籤
  19. // @description:zh-HK     製作資訊、評論、影片視頻和播放列表的標籤
  20. // @description:ja        情報、コメント、動画、および再生リストのタブを作成するために
  21. // @description:ko        정보, 댓글, 동영상 및 재생 목록에 대한 탭 만들기
  22. // @description:ru        Чтобы создать вкладки для Информации, Комментариев, Видео и Плейлиста
  23. // @description:pt        Para fazer abas para Informações, Comentários, Vídeos e Playlist
  24. // @description:ar        لإنشاء علامات تبويب للمعلومات والتعليقات والفيديو وقائمة التشغيل
  25.  
  26. // @icon                  https://raw.githubusercontent.com/tabview-youtube/Tabview-YouTube-Totara/main/images/icon128p.png
  27. // @supportURL            https://github.com/tabview-youtube/Tabview-YouTube-Totara
  28. // @run-at                document-start
  29. // @grant                 GM_getResourceText
  30. // @grant                 GM.getResourceText
  31. // @grant                 GM_registerMenuCommand
  32. // @grant                 GM_addElement
  33. // @noframes
  34. // @exclude               /^https?://\w+\.youtube\.com\/live_chat.*$/
  35. // @exclude               /^https?://\S+\.(txt|png|jpg|jpeg|gif|xml|svg|manifest|log|ini)[^\/]*$/
  36. // @require               https://cdn.jsdelivr.net/gh/cyfung1031/userscript-supports@c2b707e4977f77792042d4a5015fb188aae4772e/library/nextBrowserTick.min.js
  37. //
  38. // ==/UserScript==
  39.  
  40. /*
  41.  
  42. MIT License
  43.  
  44. Copyright (c) 2024 cyfung1031
  45.  
  46. Permission is hereby granted, free of charge, to any person obtaining a copy
  47. of this software and associated documentation files (the "Software"), to deal
  48. in the Software without restriction, including without limitation the rights
  49. to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
  50. copies of the Software, and to permit persons to whom the Software is
  51. furnished to do so, subject to the following conditions:
  52.  
  53. The above copyright notice and this permission notice shall be included in all
  54. copies or substantial portions of the Software.
  55.  
  56. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
  57. IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
  58. FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
  59. AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
  60. LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  61. OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  62. SOFTWARE.
  63.  
  64. */
  65.  
  66. if (typeof trustedTypes !== 'undefined' && trustedTypes.defaultPolicy === null) {
  67.   let s = s => s;
  68.   trustedTypes.createPolicy('default', { createHTML: s, createScriptURL: s, createScript: s });
  69. }
  70.  
  71. const defaultPolicy = (typeof trustedTypes !== 'undefined' && trustedTypes.defaultPolicy) || { createHTML: s => s };
  72. function createHTML(s) {
  73.   return defaultPolicy.createHTML(s);
  74. }
  75.  
  76. let trustHTMLErr = null;
  77. try {
  78.   document.createElement('div').innerHTML = createHTML('1');
  79. } catch (e) {
  80.   trustHTMLErr = e;
  81. }
  82.  
  83. if (trustHTMLErr) {
  84.   console.log(`trustHTMLErr`, trustHTMLErr);
  85.   trustHTMLErr(); // exit userscript
  86. }
  87.  
  88.  
  89. // -----------------------------------------------------------------------------------------------------------------------------
  90.  
  91. const VAL_ROUNDED_A1 = 12;
  92.  
  93. const executionScript = (communicationKey) => {
  94.  
  95.   const DEBUG_5084 = false;
  96.  
  97.  
  98.   if (typeof trustedTypes !== 'undefined' && trustedTypes.defaultPolicy === null) {
  99.     let s = s => s;
  100.     trustedTypes.createPolicy('default', { createHTML: s, createScriptURL: s, createScript: s });
  101.   }
  102.   
  103.   const defaultPolicy = (typeof trustedTypes !== 'undefined' && trustedTypes.defaultPolicy) || { createHTML: s => s };
  104.   function createHTML(s) {
  105.     return defaultPolicy.createHTML(s);
  106.   }
  107.  
  108.   let trustHTMLErr = null;
  109.   try {
  110.     document.createElement('div').innerHTML = createHTML('1');
  111.   } catch (e) {
  112.     trustHTMLErr = e;
  113.   }
  114.  
  115.   if (trustHTMLErr) {
  116.     console.log(`trustHTMLErr`, trustHTMLErr);
  117.     trustHTMLErr(); // exit userscript
  118.   }
  119.  
  120.   try {
  121.  
  122.     let executionFinished = 0;
  123.  
  124.     if (typeof CustomElementRegistry === 'undefined') return;
  125.     if (CustomElementRegistry.prototype.define000) return;
  126.     if (typeof CustomElementRegistry.prototype.define !== 'function') return;
  127.  
  128.     /** @type {HTMLElement} */
  129.     const HTMLElement_ = HTMLElement.prototype.constructor;
  130.  
  131.     /**
  132.      *  @param {Element} elm
  133.      * @param {string} selector
  134.      * @returns {Element | null}
  135.      *  */
  136.     const qsOne = (elm, selector) => {
  137.       return HTMLElement_.prototype.querySelector.call(elm, selector);
  138.     }
  139.  
  140.     /**
  141.      *  @param {Element} elm
  142.      * @param {string} selector
  143.      * @returns {NodeListOf<Element>}
  144.      *  */
  145.     const qsAll = (elm, selector) => {
  146.       return HTMLElement_.prototype.querySelectorAll.call(elm, selector);
  147.     }
  148.  
  149.     const pdsBaseDF = Object.getOwnPropertyDescriptors(DocumentFragment.prototype);
  150.  
  151.     Object.defineProperties(DocumentFragment.prototype, {
  152.       replaceChildren000: pdsBaseDF.replaceChildren,
  153.     });
  154.  
  155.     const pdsBaseNode = Object.getOwnPropertyDescriptors(Node.prototype);
  156.     // console.log(pdsBaseElement.setAttribute, pdsBaseElement.getAttribute)
  157.  
  158.     Object.defineProperties(Node.prototype, {
  159.       appendChild000: pdsBaseNode.appendChild,
  160.       insertBefore000: pdsBaseNode.insertBefore
  161.     });
  162.  
  163.     // class BaseElement extends Element{
  164.  
  165.     // }
  166.     const pdsBaseElement = Object.getOwnPropertyDescriptors(Element.prototype);
  167.     // console.log(pdsBaseElement.setAttribute, pdsBaseElement.getAttribute)
  168.  
  169.     Object.defineProperties(Element.prototype, {
  170.       setAttribute000: pdsBaseElement.setAttribute,
  171.       getAttribute000: pdsBaseElement.getAttribute,
  172.       hasAttribute000: pdsBaseElement.hasAttribute,
  173.       removeAttribute000: pdsBaseElement.removeAttribute,
  174.       querySelector000: pdsBaseElement.querySelector,
  175.       replaceChildren000: pdsBaseElement.replaceChildren
  176.     });
  177.  
  178.     Element.prototype.setAttribute111 = function (p, v) {
  179.       v = `${v}`;
  180.       if (this.getAttribute000(p) === v) return;
  181.       this.setAttribute000(p, v)
  182.     }
  183.  
  184.     Element.prototype.incAttribute111 = function (p){
  185.       let v = +this.getAttribute000(p) || 0;
  186.       v = v > 1e9 ? v + 1 : 9;
  187.       this.setAttribute000(p, `${v}`);
  188.       return v;
  189.     }
  190.  
  191.     Element.prototype.assignChildern111 = function (previousSiblings, node, nextSiblings) {
  192.       // assume all previousSiblings, node, and nextSiblings are on the page
  193.       //  -> only remove triggering is needed
  194.       let nodeList = [];
  195.       for (let t = this.firstChild; t instanceof Node; t = t.nextSibling) {
  196.         if (t === node) continue;
  197.         nodeList.push(t);
  198.       }
  199.  
  200.       inPageRearrange = true;
  201.       if (node.parentNode === this) {
  202.         let fm = new DocumentFragment();
  203.         if (nodeList.length > 0) {
  204.           fm.replaceChildren000(...nodeList);
  205.           // nodeList.length = 0;
  206.         }
  207.         // nodeList = null;
  208.         if (previousSiblings && previousSiblings.length > 0) {
  209.           fm.replaceChildren000(...previousSiblings);
  210.           this.insertBefore000(fm, node);
  211.         }
  212.         if (nextSiblings && nextSiblings.length > 0) {
  213.           fm.replaceChildren000(...nextSiblings);
  214.           this.appendChild000(fm);
  215.         }
  216.         fm.replaceChildren000();
  217.         fm = null;
  218.       } else {
  219.         if (!previousSiblings) previousSiblings = [];
  220.         if (!nextSiblings) nextSiblings = [];
  221.         this.replaceChildren000(...previousSiblings, node, ...nextSiblings);
  222.       }
  223.       inPageRearrange = false;
  224.       if (nodeList.length > 0) {
  225.         for (const t of nodeList) {
  226.           if (t instanceof Element && t.isConnected === false) t.remove(); // remove triggering
  227.         }
  228.       }
  229.       nodeList.length = 0;
  230.       nodeList = null;
  231.     }
  232.  
  233.  
  234.     // ==============================================================================================================================================================================================================================================================================
  235.  
  236.     const DISABLE_FLAGS_SHADYDOM_FREE = true;
  237.  
  238.     /**
  239.      * 
  240.      * Minified Code from https://greatest.deepsurf.us/en/scripts/475632-ytconfighacks/code (ytConfigHacks)
  241.      * Date: 2024.04.17
  242.      * Minifier: https://www.toptal.com/developers/javascript-minifier
  243.      * 
  244.      */
  245.     (() => {
  246.       let e = "undefined" != typeof unsafeWindow ? unsafeWindow : this instanceof Window ?
  247.         this : window; if (!e._ytConfigHacks) {
  248.           let t = 4; class n extends Set {
  249.             add(e) {
  250.               if (t <= 0) return console.warn(
  251.                 "yt.config_ is already applied on the page."); "function" == typeof e && super.add(e)
  252.             }
  253.           } let a = (async () => { })()
  254.             .constructor, i = e._ytConfigHacks = new n, l = () => { let t = e.ytcsi.originalYtcsi; t && (e.ytcsi = t, l = null) },
  255.             c = null, o = () => {
  256.               if (t >= 1) {
  257.                 let n = (e.yt || 0).config_ || (e.ytcfg || 0).data_ || 0; if ("string" == typeof n.
  258.                   INNERTUBE_API_KEY && "object" == typeof n.EXPERIMENT_FLAGS) for (let a of (--t <= 0 && l && l(), c = !0, i)) a(n)
  259.               }
  260.             }, f = 1,
  261.             d = t => {
  262.               if (t = t || e.ytcsi) return e.ytcsi = new Proxy(t, { get: (e, t, n) => "originalYtcsi" === t ? e : (o(), c && --f <= 0 && l && l(), e[t]) })
  263.                 , !0
  264.             }; d() || Object.defineProperty(e, "ytcsi", {
  265.               get() { }, set: t => (t && (delete e.ytcsi, d(t)), !0), enumerable: !1, configurable: !0
  266.             }); let { addEventListener: s, removeEventListener: y } = Document.prototype; function r(t) {
  267.               o(),
  268.                 t && e.removeEventListener("DOMContentLoaded", r, !1)
  269.             } new a(e => {
  270.               if ("undefined" != typeof AbortSignal) s.call(document,
  271.                 "yt-page-data-fetched", e, { once: !0 }), s.call(document, "yt-navigate-finish", e, { once: !0 }), s.call(document, "spfdone", e,
  272.                   { once: !0 }); else {
  273.                 let t = () => {
  274.                   e(), y.call(document, "yt-page-data-fetched", t, !1), y.call(document, "yt-navigate-finish", t, !1),
  275.                     y.call(document, "spfdone", t, !1)
  276.                 }; s.call(document, "yt-page-data-fetched", t, !1), s.call(document, "yt-navigate-finish", t, !1),
  277.                   s.call(document, "spfdone", t, !1)
  278.               }
  279.             }).then(o), new a(e => {
  280.               if ("undefined" != typeof AbortSignal) s.call(document, "yt-action", e,
  281.                 { once: !0, capture: !0 }); else { let t = () => { e(), y.call(document, "yt-action", t, !0) }; s.call(document, "yt-action", t, !0) }
  282.             }).then(o),
  283.               a.resolve().then(() => { "loading" !== document.readyState ? r() : e.addEventListener("DOMContentLoaded", r, !1) })
  284.         }
  285.     })();
  286.  
  287.     let configOnce = false;
  288.     window._ytConfigHacks.add((config_) => {
  289.       if (configOnce) return;
  290.       configOnce = true;
  291.  
  292.       const EXPERIMENT_FLAGS = config_.EXPERIMENT_FLAGS || 0;
  293.       const EXPERIMENTS_FORCED_FLAGS = config_.EXPERIMENTS_FORCED_FLAGS || 0;
  294.       for (const flags of [EXPERIMENT_FLAGS, EXPERIMENTS_FORCED_FLAGS]) {
  295.         if (flags) {
  296.           // flags.kevlar_watch_metadata_refresh_no_old_secondary_data = false;
  297.           // flags.live_chat_overflow_hide_chat = false;
  298.           flags.web_watch_chat_hide_button_killswitch = false;
  299.           flags.web_watch_theater_chat = false; // for re-openable chat (ytd-watch-flexy's liveChatCollapsed is always undefined)
  300.           flags.suppress_error_204_logging = true;
  301.           flags.kevlar_watch_grid = false;  // A/B testing for watch grid
  302.  
  303.           if (DISABLE_FLAGS_SHADYDOM_FREE) {
  304.             flags.enable_shadydom_free_scoped_node_methods = false;
  305.             flags.enable_shadydom_free_scoped_query_methods = false;
  306.             flags.enable_shadydom_free_scoped_readonly_properties_batch_one = false;
  307.             flags.enable_shadydom_free_parent_node = false;
  308.             flags.enable_shadydom_free_children = false;
  309.             flags.enable_shadydom_free_last_child = false;
  310.           }
  311.         }
  312.       }
  313.  
  314.     });
  315.  
  316.     // ==============================================================================================================================================================================================================================================================================
  317.  
  318.  
  319.     /* globals WeakRef:false */
  320.  
  321.     /** @type {(o: Object | null) => WeakRef | null} */
  322.     const mWeakRef = typeof WeakRef === 'function' ? (o => o ? new WeakRef(o) : null) : (o => o || null); // typeof InvalidVar == 'undefined'
  323.  
  324.     /** @type {(wr: Object | null) => Object | null} */
  325.     const kRef = (wr => (wr && wr.deref) ? wr.deref() : wr);
  326.  
  327.  
  328.     /** @type {globalThis.PromiseConstructor} */
  329.     const Promise = (async () => { })().constructor; // YouTube hacks Promise in WaterFox Classic and "Promise.resolve(0)" nevers resolve.
  330.  
  331.     const delayPn = delay => new Promise((fn => setTimeout(fn, delay)));
  332.  
  333.     const insp = o => o ? (o.polymerController || o.inst || o || 0) : (o || 0);
  334.  
  335.     const setTimeout_ = setTimeout.bind(window);
  336.  
  337.     const PromiseExternal = ((resolve_, reject_) => {
  338.       const h = (resolve, reject) => { resolve_ = resolve; reject_ = reject };
  339.       return class PromiseExternal extends Promise {
  340.         constructor(cb = h) {
  341.           super(cb);
  342.           if (cb === h) {
  343.             /** @type {(value: any) => void} */
  344.             this.resolve = resolve_;
  345.             /** @type {(reason?: any) => void} */
  346.             this.reject = reject_;
  347.           }
  348.         }
  349.       };
  350.     })();
  351.  
  352.     // ------------------------------------------------------------------------ nextBrowserTick ------------------------------------------------------------------------
  353.     var nextBrowserTick = void 0 !== nextBrowserTick && nextBrowserTick.version >= 2 ? nextBrowserTick : (() => {
  354.        "use strict"; const e = "undefined" != typeof self ? self : "undefined" != typeof global ? global : this; 
  355.        let t = !0; if (! function n(s) {
  356.          return s ? t = !1 : e.postMessage && !e.importScripts && e.addEventListener ? (e.addEventListener("message", n, !1), e.postMessage("$$$", "*"), e.removeEventListener("message", n, !1), t) : void 0 
  357.         }()) return void console.warn("Your browser environment cannot use nextBrowserTick");
  358.          const n = (async () => {})().constructor; let s = null; 
  359.          const o = new Map, { floor: r, random: i } = Math; let l;
  360.         do { l = `$$nextBrowserTick$$${(i()+8).toString().slice(2)}$$` } while (l in e); const a = l,
  361.         c = a.length + 9;
  362.         e[a] = 1;
  363.         e.addEventListener("message", (e => { if (0 !== o.size) { const t = (e || 0).data; if ("string" == typeof t && t.length === c && e.source === (e.target || 1)) { const e = o.get(t);
  364.             e && ("p" === t[0] && (s = null), o.delete(t), e()) } } }), !1); const d = (t = o) => { if (t === o) { if (s) return s; let t;
  365.         do { t = `p${a}${r(314159265359*i()+314159265359).toString(36)}` } while (o.has(t)); return s = new n((e => { o.set(t, e) })), e.postMessage(t, "*"), t = null, s } { let n;
  366.         do { n = `f${a}${r(314159265359*i()+314159265359).toString(36)}` } while (o.has(n));
  367.         o.set(n, t), e.postMessage(n, "*") } }; return d.version = 2, d })();
  368.  
  369.     // ------------------------------------------------------------------------ nextBrowserTick ------------------------------------------------------------------------
  370.  
  371.     const isPassiveArgSupport = (typeof IntersectionObserver === 'function');
  372.     const bubblePassive = isPassiveArgSupport ? { capture: false, passive: true } : false;
  373.     const capturePassive = isPassiveArgSupport ? { capture: true, passive: true } : true;
  374.  
  375.  
  376.  
  377.     class Attributer {
  378.       constructor(list) {
  379.         this.list = list;
  380.         this.flag = 0;
  381.       }
  382.       makeString() {
  383.         let k = 1;
  384.         let s = '';
  385.         let i = 0;
  386.         while (this.flag >= k) {
  387.           if (this.flag & k) {
  388.             s += this.list[i];
  389.           }
  390.           i++;
  391.           k <<= 1;
  392.         }
  393.         return s;
  394.       }
  395.     }
  396.  
  397.     const mLoaded = new Attributer('icp');
  398.  
  399.     const wrSelfMap = new WeakMap();
  400.  
  401.     /** @type {Object.<string, Element | null>} */
  402.     const elements = new Proxy({
  403.       related: null,
  404.       comments: null,
  405.       infoExpander: null,
  406.     }, {
  407.       get(target, prop) {
  408.         return kRef(target[prop]);
  409.       },
  410.       set(target, prop, value) {
  411.         if (value) {
  412.           let wr = wrSelfMap.get(value);
  413.           if (!wr) {
  414.             wr = mWeakRef(value);
  415.             wrSelfMap.set(value, wr);
  416.           }
  417.           target[prop] = wr;
  418.         } else {
  419.           target[prop] = null;
  420.         }
  421.         return true;
  422.       }
  423.     });
  424.     const getMainInfo = () => {
  425.       const infoExpander = elements.infoExpander;
  426.       if (!infoExpander) return null;
  427.       const mainInfo = infoExpander.matches('[tyt-main-info]') ? infoExpander : infoExpander.querySelector000('[tyt-main-info]');
  428.       return mainInfo || null;
  429.     }
  430.     const asyncWrap = (asyncFn) => {
  431.       return () => {
  432.         Promise.resolve().then(asyncFn);
  433.       };
  434.     }
  435.  
  436.  
  437.     let pageType = null;
  438.  
  439.     let pageLang = 'en';
  440.     const langWords = {
  441.       'en': {
  442.         //'share':'Share',
  443.         'info': 'Info',
  444.         'videos': 'Videos',
  445.         'playlist': 'Playlist'
  446.       },
  447.       'jp': {
  448.         //'share':'共有',
  449.         'info': '情報',
  450.         'videos': '動画',
  451.         'playlist': '再生リスト'
  452.       },
  453.       'tw': {
  454.         //'share':'分享',
  455.         'info': '資訊',
  456.         'videos': '影片',
  457.         'playlist': '播放清單'
  458.       },
  459.       'cn': {
  460.         //'share':'分享',
  461.         'info': '资讯',
  462.         'videos': '视频',
  463.         'playlist': '播放列表'
  464.       },
  465.       'du': {
  466.         //'share':'Teilen',
  467.         'info': 'Info',
  468.         'videos': 'Videos',
  469.         'playlist': 'Playlist'
  470.       },
  471.       'fr': {
  472.         //'share':'Partager',
  473.         'info': 'Info',
  474.         'videos': 'Vidéos',
  475.         'playlist': 'Playlist'
  476.       },
  477.       'kr': {
  478.         //'share':'공유',
  479.         'info': '정보',
  480.         'videos': '동영상',
  481.         'playlist': '재생목록'
  482.       },
  483.       'ru': {
  484.         //'share':'Поделиться',
  485.         'info': 'Описание',
  486.         'videos': 'Видео',
  487.         'playlist': 'Плейлист'
  488.       }
  489.     };
  490.  
  491.     const svgComments = `<path d="M80 27H12A12 12 90 0 0 0 39v42a12 12 90 0 0 12 12h12v20a2 2 90 0 0 3.4 2L47 93h33a12 
  492.   12 90 0 0 12-12V39a12 12 90 0 0-12-12zM20 47h26a2 2 90 1 1 0 4H20a2 2 90 1 1 0-4zm52 28H20a2 2 90 1 1 0-4h52a2 2 90 
  493.   1 1 0 4zm0-12H20a2 2 90 1 1 0-4h52a2 2 90 1 1 0 4zm36-58H40a12 12 90 0 0-12 12v6h52c9 0 16 7 16 16v42h0v4l7 7a2 2 90 
  494.   0 0 3-1V71h2a12 12 90 0 0 12-12V17a12 12 90 0 0-12-12z"/>`.trim();
  495.  
  496.     const svgVideos = `<path d="M89 10c0-4-3-7-7-7H7c-4 0-7 3-7 7v70c0 4 3 7 7 7h75c4 0 7-3 7-7V10zm-62 2h13v10H27V12zm-9 
  497.   66H9V68h9v10zm0-56H9V12h9v10zm22 56H27V68h13v10zm-3-25V36c0-2 2-3 4-2l12 8c2 1 2 4 0 5l-12 8c-2 1-4 0-4-2zm25 
  498.   25H49V68h13v10zm0-56H49V12h13v10zm18 56h-9V68h9v10zm0-56h-9V12h9v10z"/>`.trim();
  499.  
  500.     const svgInfo = `<path d="M30 0C13.3 0 0 13.3 0 30s13.3 30 30 30 30-13.3 30-30S46.7 0 30 0zm6.2 46.6c-1.5.5-2.6 
  501.   1-3.6 1.3a10.9 10.9 0 0 1-3.3.5c-1.7 0-3.3-.5-4.3-1.4a4.68 4.68 0 0 1-1.6-3.6c0-.4.2-1 .2-1.5a20.9 20.9 90 0 1 
  502.   .3-2l2-6.8c.1-.7.3-1.3.4-1.9a8.2 8.2 90 0 0 .3-1.6c0-.8-.3-1.4-.7-1.8s-1-.5-2-.5a4.53 4.53 0 0 0-1.6.3c-.5.2-1 
  503.   .2-1.3.4l.6-2.1c1.2-.5 2.4-1 3.5-1.3s2.3-.6 3.3-.6c1.9 0 3.3.6 4.3 1.3s1.5 2.1 1.5 3.5c0 .3 0 .9-.1 1.6a10.4 10.4 
  504.   90 0 1-.4 2.2l-1.9 6.7c-.2.5-.2 1.1-.4 1.8s-.2 1.3-.2 1.6c0 .9.2 1.6.6 1.9s1.1.5 2.1.5a6.1 6.1 90 0 0 1.5-.3 9 9 90 
  505.   0 0 1.4-.4l-.6 2.2zm-3.8-35.2a1 1 0 010 8.6 1 1 0 010-8.6z"/>`.trim();
  506.  
  507.     const svgPlayList = `<path d="M0 3h12v2H0zm0 4h12v2H0zm0 4h8v2H0zm16 0V7h-2v4h-4v2h4v4h2v-4h4v-2z"/>`.trim();
  508.  
  509.     const svgDiag1 = `<svg stroke="currentColor" fill="none"><path d="M8 2h2v2M7 5l3-3m-6 8H2V8m0 2l3-3"/></svg>`;
  510.     const svgDiag2 = `<svg stroke="currentColor" fill="none"><path d="M7 3v2h2M7 5l3-3M5 9V7H3m-1 3l3-3"/></svg>`;
  511.  
  512.  
  513.     const getGMT = () => {
  514.       let m = new Date('2023-01-01T00:00:00Z');
  515.       return m.getDate() === 1 ? `+${m.getHours()}` : `-${24 - m.getHours()}`;
  516.     };
  517.  
  518.     function getWord(tag) {
  519.       return langWords[pageLang][tag] || langWords['en'][tag] || '';
  520.     }
  521.  
  522.     const svgElm = (w, h, vw, vh, p, m) => `<svg${m ? ` class=${m}` : ''} width="${w}" height="${h}" viewBox="0 0 ${vw} ${vh}" preserveAspectRatio="xMidYMid meet">${p}</svg>`
  523.  
  524.     let hiddenTabsByUserCSS = 0;
  525.  
  526.     function getTabsHTML() {
  527.  
  528.       const sTabBtnVideos = `${svgElm(16, 16, 90, 90, svgVideos)}<span>${getWord('videos')}</span>`;
  529.       const sTabBtnInfo = `${svgElm(16, 16, 60, 60, svgInfo)}<span>${getWord('info')}</span>`;
  530.       const sTabBtnPlayList = `${svgElm(16, 16, 20, 20, svgPlayList)}<span>${getWord('playlist')}</span>`;
  531.  
  532.       let str1 = `
  533.         <paper-ripple class="style-scope yt-icon-button">
  534.             <div id="background" class="style-scope paper-ripple" style="opacity:0;"></div>
  535.             <div id="waves" class="style-scope paper-ripple"></div>
  536.         </paper-ripple>
  537.         `;
  538.  
  539.       let str_fbtns = `
  540.     <div class="font-size-right">
  541.     <div class="font-size-btn font-size-plus" tyt-di="8rdLQ">
  542.     <svg width="12" height="12" viewbox="0 0 50 50" preserveAspectRatio="xMidYMid meet" 
  543.     stroke="currentColor" stroke-width="6" stroke-linecap="round" vector-effect="non-scaling-size">
  544.       <path d="M12 25H38M25 12V38"/>
  545.     </svg>
  546.     </div><div class="font-size-btn font-size-minus" tyt-di="8rdLQ">
  547.     <svg width="12" height="12" viewbox="0 0 50 50" preserveAspectRatio="xMidYMid meet"
  548.     stroke="currentColor" stroke-width="6" stroke-linecap="round" vector-effect="non-scaling-size">
  549.       <path d="M12 25h26"/>
  550.     </svg>
  551.     </div>
  552.     </div>
  553.     `.replace(/[\r\n]+/g, '');
  554.  
  555.       const str_tabs = [
  556.         `<a id="tab-btn1" tyt-di="q9Kjc" tyt-tab-content="#tab-info" class="tab-btn${(hiddenTabsByUserCSS & 1) === 1 ? ' tab-btn-hidden' : ''}">${sTabBtnInfo}${str1}${str_fbtns}</a>`,
  557.         `<a id="tab-btn3" tyt-di="q9Kjc" tyt-tab-content="#tab-comments" class="tab-btn${(hiddenTabsByUserCSS & 2) === 2 ? ' tab-btn-hidden' : ''}">${svgElm(16, 16, 120, 120, svgComments)}<span id="tyt-cm-count"></span>${str1}${str_fbtns}</a>`,
  558.         `<a id="tab-btn4" tyt-di="q9Kjc" tyt-tab-content="#tab-videos" class="tab-btn${(hiddenTabsByUserCSS & 4) === 4 ? ' tab-btn-hidden' : ''}">${sTabBtnVideos}${str1}${str_fbtns}</a>`,
  559.         `<a id="tab-btn5" tyt-di="q9Kjc" tyt-tab-content="#tab-list" class="tab-btn tab-btn-hidden">${sTabBtnPlayList}${str1}${str_fbtns}</a>`
  560.       ].join('');
  561.  
  562.       let addHTML = `
  563.         <div id="right-tabs">
  564.             <tabview-view-pos-thead></tabview-view-pos-thead>
  565.             <header>
  566.                 <div id="material-tabs">
  567.                     ${str_tabs}
  568.                 </div>
  569.             </header>
  570.             <div class="tab-content">
  571.                 <div id="tab-info" class="tab-content-cld tab-content-hidden" tyt-hidden userscript-scrollbar-render></div>
  572.                 <div id="tab-comments" class="tab-content-cld tab-content-hidden" tyt-hidden userscript-scrollbar-render></div>
  573.                 <div id="tab-videos" class="tab-content-cld tab-content-hidden" tyt-hidden userscript-scrollbar-render></div>
  574.                 <div id="tab-list" class="tab-content-cld tab-content-hidden" tyt-hidden userscript-scrollbar-render></div>
  575.             </div>
  576.         </div>
  577.         `;
  578.  
  579.       return addHTML;
  580.  
  581.     }
  582.  
  583.  
  584.     function getLang() {
  585.  
  586.       let lang = 'en';
  587.       let htmlLang = ((document || 0).documentElement || 0).lang || '';
  588.       switch (htmlLang) {
  589.         case 'en':
  590.         case 'en-GB':
  591.           lang = 'en';
  592.           break;
  593.         case 'de':
  594.         case 'de-DE':
  595.           lang = 'du';
  596.           break;
  597.         case 'fr':
  598.         case 'fr-CA':
  599.         case 'fr-FR':
  600.           lang = 'fr';
  601.           break;
  602.         case 'zh-Hant':
  603.         case 'zh-Hant-HK':
  604.         case 'zh-Hant-TW':
  605.           lang = 'tw';
  606.           break;
  607.         case 'zh-Hans':
  608.         case 'zh-Hans-CN':
  609.           lang = 'cn';
  610.           break;
  611.         case 'ja':
  612.         case 'ja-JP':
  613.           lang = 'jp';
  614.           break;
  615.         case 'ko':
  616.         case 'ko-KR':
  617.           lang = 'kr';
  618.           break;
  619.         case 'ru':
  620.         case 'ru-RU':
  621.           lang = 'ru';
  622.           break;
  623.         default:
  624.           lang = 'en';
  625.       }
  626.  
  627.       return lang;
  628.  
  629.     }
  630.  
  631.     function getLangForPage() {
  632.  
  633.       let lang = getLang();
  634.  
  635.       if (langWords[lang]) pageLang = lang; else pageLang = 'en';
  636.  
  637.     }
  638.  
  639.     /** @type {Object.<string, number>} */
  640.     const _locks = {}
  641.  
  642.     const lockGet = new Proxy(_locks,
  643.       {
  644.         get(target, prop) {
  645.           return (target[prop] || 0);
  646.         },
  647.         set(target, prop, val) {
  648.           return true;
  649.         }
  650.       }
  651.     );
  652.  
  653.     const lockSet = new Proxy(_locks,
  654.       {
  655.         get(target, prop) {
  656.           if (target[prop] > 1e9) target[prop] = 9;
  657.           return (target[prop] = (target[prop] || 0) + 1);
  658.         },
  659.         set(target, prop, val) {
  660.           return true;
  661.         }
  662.       }
  663.     );
  664.  
  665.     // note: xxxxxxxxxAsyncLock is not expected for calling multiple time in a short period.
  666.     //       it is just to split the process into microTasks.
  667.  
  668.     const videosElementProvidedPromise = new PromiseExternal();
  669.     const navigateFinishedPromise = new PromiseExternal();
  670.  
  671.     let isRightTabsInserted = false;
  672.     const rightTabsProvidedPromise = new PromiseExternal();
  673.  
  674.     const infoExpanderElementProvidedPromise = new PromiseExternal();
  675.  
  676.     const cmAttr = document.createComment('1');
  677.     const cmAttrStack = [];
  678.     const cmAttrStackPush = (f) => {
  679.       cmAttrStack.push(f);
  680.       cmAttr.data = `${(cmAttr.data & 7) + 1}`;
  681.     }
  682.     const cmAttrObs = new MutationObserver(() => {
  683.       const l = cmAttrStack.length;
  684.       for (let i = 0; i < l; i++) {
  685.         cmAttrStack[i]();
  686.       }
  687.     });
  688.     cmAttrObs.observe(cmAttr, { characterData: true });
  689.  
  690.  
  691.     const funcCanCollapse = function (s) {
  692.       if (!s) return;
  693.       this.canToggle = this.shouldUseNumberOfLines && (this.alwaysCollapsed || this.collapsed)
  694.         ? this.alwaysToggleable || this.$.content.offsetHeight < this.$.content.scrollHeight
  695.         : this.alwaysToggleable || this.$.content.scrollHeight > this.collapsedHeight
  696.     };
  697.  
  698.     const aoChatAttrChangeFn = async (lockId) => {
  699.       if (lockGet['aoChatAttrAsyncLock'] !== lockId) return;
  700.  
  701.       const chatElm = elements.chat;
  702.       const ytdFlexyElm = elements.flexy;
  703.       // console.log(1882, chatElm, ytdFlexyElm)
  704.       if (chatElm && ytdFlexyElm) {
  705.  
  706.         const isChatCollapsed = chatElm.hasAttribute000('collapsed');
  707.         if (isChatCollapsed) {
  708.  
  709.           ytdFlexyElm.setAttribute111('tyt-chat-collapsed', '')
  710.         } else {
  711.  
  712.           ytdFlexyElm.removeAttribute000('tyt-chat-collapsed')
  713.         }
  714.  
  715.         ytdFlexyElm.setAttribute111('tyt-chat', isChatCollapsed ? '-' : '+');
  716.  
  717.       }
  718.     };
  719.  
  720.     // const aoInfoAttrChangeFn = async (lockId) => {
  721.     //   if (lockGet['aoInfoAttrAsyncLock'] !== lockId) return;
  722.     // };
  723.  
  724.     // const zoInfoAttrChangeFn = async (lockId) => {
  725.     //   if (lockGet['zoInfoAttrAsyncLock'] !== lockId) return;
  726.     // };
  727.  
  728.     const aoPlayListAttrChangeFn = async (lockId) => {
  729.       if (lockGet['aoPlayListAttrAsyncLock'] !== lockId) return;
  730.  
  731.       const playlistElm = elements.playlist;
  732.       const ytdFlexyElm = elements.flexy;
  733.       // console.log(1882, chatElm, ytdFlexyElm)
  734.       if (playlistElm && ytdFlexyElm) {
  735.         if (playlistElm.hasAttribute000('collapsed')) {
  736.           ytdFlexyElm.removeAttribute000('tyt-playlist-expanded')
  737.         } else {
  738.  
  739.           ytdFlexyElm.setAttribute111('tyt-playlist-expanded', '')
  740.         }
  741.       }else if(ytdFlexyElm){
  742.  
  743.         ytdFlexyElm.removeAttribute000('tyt-playlist-expanded')
  744.       }
  745.     };
  746.  
  747.     const aoChat = new MutationObserver(()=>{
  748.       Promise.resolve(lockSet['aoChatAttrAsyncLock']).then(aoChatAttrChangeFn).catch(console.warn);
  749.     });
  750.  
  751.     // const aoInfo = new MutationObserver(()=>{
  752.     //   Promise.resolve(lockSet['aoInfoAttrAsyncLock']).then(aoInfoAttrChangeFn).catch(console.warn);
  753.     // });
  754.  
  755.     // const zoInfo = new MutationObserver(()=>{
  756.     //   Promise.resolve(lockSet['zoInfoAttrAsyncLock']).then(zoInfoAttrChangeFn).catch(console.warn);
  757.     // });
  758.  
  759.     const aoPlayList = new MutationObserver(()=>{
  760.       Promise.resolve(lockSet['aoPlayListAttrAsyncLock']).then(aoPlayListAttrChangeFn).catch(console.warn);
  761.     });
  762.  
  763.     const aoComment = new MutationObserver(async (mutations) => {
  764.       const commentsArea = elements.comments;
  765.       const ytdFlexyElm = elements.flexy;
  766.  
  767.       //tyt-comments-video-id //tyt-comments-data-status // hidden
  768.       if (!commentsArea) return;
  769.       let bfHidden = false;
  770.       let bfCommentsVideoId = false;
  771.       let bfCommentDisabled = false;
  772.       for (const mutation of mutations) {
  773.         if (mutation.attributeName === 'hidden' && mutation.target === commentsArea) {
  774.           bfHidden = true;
  775.         } else if (mutation.attributeName === 'tyt-comments-video-id' && mutation.target === commentsArea) {
  776.           bfCommentsVideoId = true;
  777.         } else if (mutation.attributeName === 'tyt-comments-data-status' && mutation.target === commentsArea) {
  778.           bfCommentDisabled = true;
  779.         }
  780.       }
  781.  
  782.       if (bfHidden) {
  783.  
  784.         if (!commentsArea.hasAttribute000('hidden')) {
  785.           Promise.resolve(commentsArea).then(eventMap['settingCommentsVideoId']).catch(console.warn);
  786.         }
  787.  
  788.         Promise.resolve(lockSet['removeKeepCommentsScrollerLock']).then(removeKeepCommentsScroller).catch(console.warn);
  789.       }
  790.  
  791.       if ((bfHidden || bfCommentsVideoId || bfCommentDisabled) && ytdFlexyElm) {
  792.  
  793.         const commentsDataStatus = +commentsArea.getAttribute000('tyt-comments-data-status');
  794.         if (commentsDataStatus === 2) {
  795.           ytdFlexyElm.setAttribute111('tyt-comment-disabled', '')
  796.         } else if (commentsDataStatus === 1) {
  797.           ytdFlexyElm.removeAttribute000('tyt-comment-disabled')
  798.         }
  799.  
  800.         Promise.resolve(lockSet['checkCommentsShouldBeHiddenLock']).then(eventMap['checkCommentsShouldBeHidden']).catch(console.warn);
  801.  
  802.  
  803.         const lockId = lockSet['rightTabReadyLock01'];
  804.         await rightTabsProvidedPromise.then();
  805.         if (lockGet['rightTabReadyLock01'] !== lockId) return;
  806.         
  807.         if (elements.comments !== commentsArea) return;
  808.         if (commentsArea.isConnected === false) return;
  809.         // console.log(7932, 'comments');
  810.  
  811.         if (commentsArea.closest('#tab-comments')) {
  812.           const shouldTabVisible = !commentsArea.closest('[hidden]');
  813.           document.querySelector('[tyt-tab-content="#tab-comments"]').classList.toggle('tab-btn-hidden', !shouldTabVisible);
  814.         }
  815.  
  816.       }
  817.  
  818.  
  819.     });
  820.  
  821.     const ioComment = new IntersectionObserver((entries) => {
  822.  
  823.       for (const entry of entries) {
  824.         const target = entry.target;
  825.         const cnt = insp(target);
  826.         if (entry.isIntersecting && target instanceof HTMLElement_ && typeof cnt.calculateCanCollapse === 'function') {
  827.           lockSet['removeKeepCommentsScrollerLock'];
  828.           cnt.calculateCanCollapse(true);
  829.           target.setAttribute111('io-intersected', '');
  830.           const ytdFlexyElm = elements.flexy;
  831.           if (ytdFlexyElm && !ytdFlexyElm.hasAttribute000('keep-comments-scroller')) {
  832.             ytdFlexyElm.setAttribute111('keep-comments-scroller', '');
  833.           }
  834.         } else if (target.hasAttribute000('io-intersected')) {
  835.  
  836.           target.removeAttribute000('io-intersected');
  837.         }
  838.       }
  839.  
  840.     }, {
  841.       threshold: [0],
  842.       rootMargin: "32px" // enlarging viewport for getting intersection earlier
  843.     });
  844.  
  845.  
  846.     let bFixForResizedTabLater = false;
  847.     let lastRoRightTabsWidth = 0;
  848.     const roRightTabs = new ResizeObserver((entries) => {
  849.       const entry = entries[entries.length - 1];
  850.       const width = Math.round(entry.borderBoxSize.inlineSize);
  851.       if (lastRoRightTabsWidth !== width) {
  852.         lastRoRightTabsWidth = width;
  853.         if ((tabAStatus & 2) === 2) {
  854.           bFixForResizedTabLater = false;
  855.           Promise.resolve(1).then(eventMap['fixForTabDisplay']);
  856.         } else {
  857.           bFixForResizedTabLater = true;
  858.         }
  859.       }
  860.       // console.log('resize')
  861.     });
  862.  
  863.     const switchToTab = (activeLink) => {
  864.  
  865.       if (typeof activeLink === 'string') {
  866.         activeLink = document.querySelector(`a[tyt-tab-content="${activeLink}"]`) || null;
  867.       }
  868.  
  869.       const ytdFlexyElm = elements.flexy;
  870.  
  871.  
  872.       const links = document.querySelectorAll('#material-tabs a[tyt-tab-content]');
  873.  
  874.       //console.log(701, activeLink)
  875.  
  876.       for (const link of links) {
  877.         const content = document.querySelector(link.getAttribute000('tyt-tab-content'));
  878.         if (link && content) {
  879.           if (link !== activeLink) {
  880.             link.classList.remove("active");
  881.             content.classList.add("tab-content-hidden");
  882.             if (!content.hasAttribute000("tyt-hidden")) {
  883.               content.setAttribute111("tyt-hidden", ""); // for https://greatest.deepsurf.us/en/scripts/456108
  884.             }
  885.           } else {
  886.             link.classList.add("active");
  887.             if (content.hasAttribute000("tyt-hidden")) {
  888.               content.removeAttribute000("tyt-hidden"); // for https://greatest.deepsurf.us/en/scripts/456108
  889.             }
  890.             content.classList.remove("tab-content-hidden");
  891.           }
  892.         }
  893.       }
  894.  
  895.       const switchingTo = activeLink ? activeLink.getAttribute000('tyt-tab-content') : '';
  896.       if (switchingTo) {
  897.         lastTab = lastPanel = switchingTo
  898.       }
  899.  
  900.       if (ytdFlexyElm.getAttribute000('tyt-chat') === '') ytdFlexyElm.removeAttribute000('tyt-chat');
  901.       ytdFlexyElm.setAttribute111('tyt-tab', switchingTo);
  902.  
  903.       if (switchingTo) {
  904.         bFixForResizedTabLater = false;
  905.         Promise.resolve(0).then(eventMap['fixForTabDisplay']);
  906.       }
  907.  
  908.     }
  909.  
  910.     let tabAStatus = 0;
  911.     const calculationFn = (r = 0, flag) => {
  912.       const ytdFlexyElm = elements.flexy;
  913.       if (!ytdFlexyElm) return r;
  914.       if (flag & 1) {
  915.         r |= 1;
  916.         if (!ytdFlexyElm.hasAttribute000('theater')) r -= 1;
  917.       }
  918.       if (flag & 2) {
  919.         r |= 2;
  920.         if (!ytdFlexyElm.getAttribute000('tyt-tab')) r -= 2;
  921.       }
  922.       if (flag & 4) {
  923.         r |= 4;
  924.         if (ytdFlexyElm.getAttribute000('tyt-chat') !== '-') r -= 4;
  925.       }
  926.       if (flag & 8) {
  927.         r |= 8;
  928.         if (ytdFlexyElm.getAttribute000('tyt-chat') !== '+') r -= 8;
  929.       }
  930.       if (flag & 16) {
  931.         r |= 16;
  932.         if (!ytdFlexyElm.hasAttribute000('is-two-columns_')) r -= 16;
  933.       }
  934.       if (flag & 32) {
  935.         r |= 32;
  936.         if (!ytdFlexyElm.hasAttribute000('tyt-egm-panel_')) r -= 32;
  937.       }
  938.       if (flag & 64) {
  939.  
  940.         r |= 64;
  941.         if (!document.fullscreenElement) r -= 64;
  942.       }
  943.  
  944.       if (flag & 128) {
  945.         r |= 128;
  946.         if (!ytdFlexyElm.hasAttribute000('tyt-playlist-expanded')) r -= 128;
  947.       }
  948.       return r;
  949.  
  950.     }
  951.  
  952.     function isTheater() {
  953.       const ytdFlexyElm = elements.flexy;
  954.       return (ytdFlexyElm && ytdFlexyElm.hasAttribute000('theater'))
  955.     }
  956.  
  957.     function ytBtnSetTheater() {
  958.       if (!isTheater()) {
  959.         const sizeBtn = document.querySelector('ytd-watch-flexy #ytd-player button.ytp-size-button')
  960.         if (sizeBtn) sizeBtn.click();
  961.       }
  962.     }
  963.  
  964.     function ytBtnCancelTheater() {
  965.       if (isTheater()) {
  966.         const sizeBtn = document.querySelector('ytd-watch-flexy #ytd-player button.ytp-size-button')
  967.         if (sizeBtn) sizeBtn.click();
  968.       }
  969.     }
  970.  
  971.  
  972.     function ytBtnExpandChat() {
  973.       let button = document.querySelector('ytd-live-chat-frame#chat[collapsed] > .ytd-live-chat-frame#show-hide-button')
  974.       if (button) {
  975.         button =
  976.           button.querySelector000('div.yt-spec-touch-feedback-shape') ||
  977.           button.querySelector000('ytd-toggle-button-renderer');
  978.         if (button) button.click();
  979.       }
  980.     }
  981.  
  982.     function ytBtnCollapseChat() {
  983.       let button = document.querySelector('ytd-live-chat-frame#chat:not([collapsed]) > .ytd-live-chat-frame#show-hide-button')
  984.       if (button) {
  985.         button =
  986.           button.querySelector000('div.yt-spec-touch-feedback-shape') ||
  987.           button.querySelector000('ytd-toggle-button-renderer');
  988.         if (button) button.click();
  989.       }
  990.     }
  991.  
  992.     function ytBtnEgmPanelCore(arr) {
  993.  
  994.       if (!arr) return
  995.       if (!('length' in arr)) arr = [arr]
  996.  
  997.       const ytdFlexyElm = elements.flexy;
  998.       if (!ytdFlexyElm) return;
  999.  
  1000.       let actions = []
  1001.  
  1002.       for (const entry of arr) {
  1003.  
  1004.         if (!entry) continue;
  1005.  
  1006.         let panelId = entry.panelId
  1007.  
  1008.         let toHide = entry.toHide
  1009.         let toShow = entry.toShow
  1010.  
  1011.         if (toHide === true && !toShow) {
  1012.  
  1013.           actions.push({
  1014.             "changeEngagementPanelVisibilityAction": {
  1015.               "targetId": panelId,
  1016.               "visibility": "ENGAGEMENT_PANEL_VISIBILITY_HIDDEN"
  1017.             }
  1018.           })
  1019.  
  1020.         } else if (toShow === true && !toHide) {
  1021.  
  1022.           actions.push({
  1023.             "showEngagementPanelEndpoint": {
  1024.               "panelIdentifier": panelId
  1025.             }
  1026.           })
  1027.  
  1028.         }
  1029.  
  1030.         if (actions.length > 0) {
  1031.           const cnt = insp(ytdFlexyElm);
  1032.  
  1033.           cnt.resolveCommand(
  1034.             {
  1035.               "signalServiceEndpoint": {
  1036.                 "signal": "CLIENT_SIGNAL",
  1037.                 "actions": actions
  1038.               }
  1039.             },
  1040.  
  1041.             {},
  1042.             false);
  1043.         }
  1044.         actions = null;
  1045.  
  1046.       }
  1047.     }
  1048.  
  1049.     /*
  1050.     function ytBtnCloseEngagementPanel( s) {
  1051.       //ePanel.setAttribute('visibility',"ENGAGEMENT_PANEL_VISIBILITY_HIDDEN");
  1052.    
  1053.       let panelId = s.getAttribute('target-id')
  1054.       scriptletDeferred.debounce(() => {
  1055.         document.dispatchEvent(new CustomEvent('tyt-engagement-panel-visibility-change', {
  1056.           detail: {
  1057.             panelId,
  1058.             toHide: true
  1059.           }
  1060.         }))
  1061.       })
  1062.    
  1063.     }
  1064.     
  1065.     function ytBtnCloseEngagementPanels() {
  1066.       if (isEngagementPanelExpanded()) {
  1067.         for (const s of document.querySelectorAll(
  1068.           `ytd-watch-flexy[flexy][tyt-tab] #panels.ytd-watch-flexy ytd-engagement-panel-section-list-renderer[target-id][visibility]:not([hidden])`
  1069.         )) {
  1070.           if (s.getAttribute('visibility') == "ENGAGEMENT_PANEL_VISIBILITY_EXPANDED") ytBtnCloseEngagementPanel(s);
  1071.         }
  1072.       }
  1073.     }
  1074.     */
  1075.  
  1076.  
  1077.     function ytBtnCloseEngagementPanels() {
  1078.  
  1079.       const actions = [];
  1080.       for (const panelElm of document.querySelectorAll(
  1081.         `ytd-watch-flexy[flexy][tyt-tab] #panels.ytd-watch-flexy ytd-engagement-panel-section-list-renderer[target-id][visibility]:not([hidden])`
  1082.       )) {
  1083.         if (panelElm.getAttribute('visibility') == "ENGAGEMENT_PANEL_VISIBILITY_EXPANDED" && !panelElm.closest('[hidden]')) {
  1084.           actions.push({
  1085.             panelId: panelElm.getAttribute000('target-id'),
  1086.             toHide: true
  1087.           });
  1088.         }
  1089.       }
  1090.       ytBtnEgmPanelCore(actions);
  1091.     }
  1092.  
  1093.  
  1094.     function ytBtnOpenPlaylist() {
  1095.  
  1096.       const cnt = insp(elements.playlist);
  1097.       if (cnt && typeof cnt.collapsed === 'boolean') {
  1098.         cnt.collapsed = false;
  1099.       }
  1100.     }
  1101.     function ytBtnClosePlaylist() {
  1102.  
  1103.       const cnt = insp(elements.playlist);
  1104.       if (cnt && typeof cnt.collapsed === 'boolean') {
  1105.         cnt.collapsed = true;
  1106.       }
  1107.     }
  1108.  
  1109.     const updateChatLocation498 = function () {
  1110.       /*
  1111.    
  1112.               updateChatLocation: function() {
  1113.               if (this.is !== "ytd-watch-grid" && y("web_watch_theater_chat")) {
  1114.                   var a = T(this.hostElement).querySelector("#chat-container")
  1115.                     , b = this.theater && (!this.fullscreen || y("web_watch_fullscreen_panels"));
  1116.                   this.watchWhileWindowSizeSufficient && this.liveChatPresentAndExpanded && b ? y("web_watch_theater_chat_beside_player") ? (b = T(this.hostElement).querySelector("#panels-full-bleed-container"),
  1117.                   (a == null ? void 0 : a.parentElement) !== b && b.append(a),
  1118.                   this.panelsBesidePlayer = !0) : y("web_watch_theater_fixed_chat") && (b = T(this.hostElement).querySelector("#columns"),
  1119.                   (a == null ? void 0 : a.parentElement) !== b && b.append(a),
  1120.                   this.fixedPanels = !0) : (y("web_watch_theater_chat_beside_player") ? this.panelsBesidePlayer = !1 : y("web_watch_theater_fixed_chat") && (this.fixedPanels = !1),
  1121.                   b = T(this.hostElement).querySelector("#playlist"),
  1122.                   a && b ? Fh(a, b) : Gm(new zk("Missing element when updating chat location",{
  1123.                       "chatContainer defined": !!a,
  1124.                       "playlist defined": !!b
  1125.                   })));
  1126.                   this.updatePageMediaQueries();
  1127.                   this.schedulePlayerSizeUpdate_()
  1128.               }
  1129.           },
  1130.    
  1131.           */
  1132.  
  1133.       // console.log('updateChatLocation498')
  1134.       if (this.is !== "ytd-watch-grid") {
  1135.         this.updatePageMediaQueries();
  1136.         this.schedulePlayerSizeUpdate_()
  1137.       }
  1138.  
  1139.     }
  1140.  
  1141.     const mirrorNodeWS = new WeakMap();
  1142.  
  1143.     /*
  1144.       const infoFix = () => {
  1145.         const infoExpander = elements.infoExpander;
  1146.         const ytdFlexyElm = elements.flexy;
  1147.         if (!infoExpander || !ytdFlexyElm) return;
  1148.         console.log(386, infoExpander, infoExpander.matches('#tab-info > [class]'))
  1149.         if (!infoExpander.matches('#tab-info > [class]')) return;
  1150.         // const elms = [...document.querySelectorAll('ytd-watch-metadata.ytd-watch-flexy div[slot="extra-content"], ytd-watch-metadata.ytd-watch-flexy ytd-metadata-row-container-renderer')].filter(elm=>{
  1151.         //   if(elm.parentNode.closest('div[slot="extra-content"], ytd-metadata-row-container-renderer')) return false;
  1152.         //    return true;
  1153.         // });
  1154.     
  1155.     
  1156.     
  1157.         const requireElements = [...document.querySelectorAll('ytd-watch-metadata.ytd-watch-flexy div[slot="extra-content"] > *, ytd-watch-metadata.ytd-watch-flexy #extra-content > *')].filter(elm => {
  1158.           return typeof elm.is == 'string'
  1159.         }).map(elm => {
  1160.           const is = elm.is;
  1161.           while (elm instanceof HTMLElement_) {
  1162.             const q = [...elm.querySelectorAll(is)].filter(e => insp(e).data);
  1163.             if (q.length >= 1) return q[0];
  1164.             elm = elm.parentNode;
  1165.           }
  1166.         }).filter(elm => !!elm && typeof elm.is === 'string');
  1167.         console.log(requireElements)
  1168.     
  1169.         const source = requireElements.map(entry=>({
  1170.           data: insp(entry).data,
  1171.           tag: insp(entry).is,
  1172.           elm: entry
  1173.         }))
  1174.     
  1175.         if (!document.querySelector('noscript#aythl')) {
  1176.           const noscript = document.createElement('noscript')
  1177.           noscript.id = 'aythl';
  1178.           ytdFlexyElm.insertBefore000(noscript, ytdFlexyElm.firstChild);
  1179.     
  1180.         }
  1181.         const noscript = document.querySelector('noscript#aythl');
  1182.     
  1183.         const clones = new Set();
  1184.         for (const {data, tag, elm} of source) {
  1185.     
  1186.           // const cloneNode = document.createElement(tag);
  1187.           let cloneNode = elm.cloneNode(true);
  1188.           // noscript.appendChild(cloneNode);
  1189.           // insp(cloneNode).data = null;
  1190.           insp(cloneNode).data = data;
  1191.           source.clone = cloneNode;
  1192.           clones.add(cloneNode);
  1193.         }
  1194.     
  1195.     
  1196.         // const elms = [...document.querySelectorAll('ytd-watch-metadata.ytd-watch-flexy div[slot="extra-content"]')].filter(elm => {
  1197.         //   if (elm.parentNode.closest('div[slot="extra-content"], ytd-metadata-row-container-renderer')) return false;
  1198.         //   return true;
  1199.         // });
  1200.     
  1201.         // let arr = [];
  1202.         // for(const elm of elms){
  1203.         //   if(elm.hasAttribute('slot')) arr.push(...elm.childNodes);
  1204.         //   else arr.push(elm);
  1205.         // }
  1206.         // arr = arr.filter(e=>e && e.nodeType === 1);
  1207.         // console.log(386,arr)
  1208.     
  1209.         // const clones = arr.map(e=>e.cloneNode(true));
  1210.     
  1211.         // for(let node = infoExpander.nextSibling; node instanceof Node; node = node.nextSibling) node.remove();
  1212.     
  1213.         // infoExpander.parentNode.assignChildern111(null, infoExpander, [...clones]);
  1214.         let removal = [];
  1215.         for(let node = infoExpander.nextSibling; node instanceof Node; node = node.nextSibling)removal.push(node);
  1216.         for(const node of removal) node.remove();
  1217.         for(const node of clones) infoExpander.parentNode.appendChild(node);
  1218.         
  1219.     
  1220.         for (const {data, tag, elm, clone} of source) {
  1221.     
  1222.           insp(clone).data = null;
  1223.           insp(clone).data = data;
  1224.         }
  1225.     
  1226.         // console.log(infoExpander.parentNode.childNodes)
  1227.       }
  1228.     */
  1229.  
  1230.     const dummyNode = document.createElement('noscript');
  1231.  
  1232.     // const __j4838__ = Symbol();
  1233.     const __j4836__ = Symbol();
  1234.     const __j5744__ = Symbol(); // original element
  1235.     const __j5733__ = Symbol(); // __lastChanged__
  1236.  
  1237.     const monitorDataChangedByDOMMutation = async function (mutations) {
  1238.  
  1239.       const nodeWR = this;
  1240.       const node = kRef(nodeWR);
  1241.       if (!node) return;
  1242.  
  1243.       const cnt = insp(node);
  1244.       const __lastChanged__ = cnt[__j5733__];
  1245.  
  1246.  
  1247.       const val = cnt.data ? (cnt.data[__j4836__] || 1) : 0;
  1248.  
  1249.       if (__lastChanged__ !== val) {
  1250.         cnt[__j5733__] = val > 0 ? (cnt.data[__j4836__] = Date.now()) : 0;
  1251.  
  1252.         await Promise.resolve(); // required for making sufficient delay for data rendering
  1253.         attributeInc(node, 'tyt-data-change-counter'); // next macro task
  1254.  
  1255.       }
  1256.  
  1257.     }
  1258.  
  1259.     const moChangeReflection = function (mutations) {
  1260.  
  1261.       const nodeWR = this;
  1262.       const node = kRef(nodeWR);
  1263.       if (!node) return;
  1264.       const originElement = kRef(node[__j5744__] || null) || null;
  1265.       if (!originElement) return;
  1266.  
  1267.       const cnt = insp(node);
  1268.       const oriCnt = insp(originElement);
  1269.  
  1270.       if (mutations) {
  1271.  
  1272.         let bfDataChangeCounter = false;
  1273.         for (const mutation of mutations) {
  1274.  
  1275.           if (mutation.attributeName === 'tyt-clone-refresh-count' && mutation.target === originElement) {
  1276.             bfDataChangeCounter = true;
  1277.           } else if (mutation.attributeName === 'tyt-data-change-counter' && mutation.target === originElement) {
  1278.             bfDataChangeCounter = true;
  1279.           }
  1280.         }
  1281.         if (bfDataChangeCounter && oriCnt.data) {
  1282.           node.replaceWith(dummyNode);
  1283.           cnt.data = Object.assign({}, oriCnt.data);
  1284.           dummyNode.replaceWith(node);
  1285.         }
  1286.  
  1287.       }
  1288.     }
  1289.  
  1290.     /*
  1291.     const moChangeReflection = async function (mutations) {
  1292.   
  1293.       const nodeWR = this;
  1294.       const node = kRef(nodeWR);
  1295.       if (!node) return;
  1296.       const originElement = kRef(node[__j5744__] || null) || null;
  1297.       if (!originElement) return;
  1298.   
  1299.       const cnt = insp(node);
  1300.       const oriCnt = insp(originElement);
  1301.   
  1302.       if(mutations){
  1303.   
  1304.         let bfDataChangeCounter = false;
  1305.         for (const mutation of mutations) {
  1306.           if (mutation.attributeName === 'tyt-data-change-counter' && mutation.target === originElement) {
  1307.             bfDataChangeCounter = true;
  1308.           }
  1309.         }
  1310.         if(bfDataChangeCounter && oriCnt.data){
  1311.           node.replaceWith(dummyNode);
  1312.           cnt.data = Object.assign({}, oriCnt.data);
  1313.           dummyNode.replaceWith(node);
  1314.         }
  1315.   
  1316.       } 
  1317.   
  1318.       // console.log(8348, originElement)
  1319.   
  1320.       if (cnt.isAttached === false) {
  1321.         // do nothing
  1322.         // don't call infoFix() as it shall be only called in ytd-expander::attached and yt-navigate-finish
  1323.       } else if (oriCnt.isAttached === false && cnt.isAttached === true) {
  1324.         if (node.isConnected && node.parentNode instanceof HTMLElement_) {
  1325.           node.parentNode.removeChild(node);
  1326.         } else {
  1327.           node.remove();
  1328.         }
  1329.         if (oriCnt.data !== null) {
  1330.           cnt.data = null;
  1331.         }
  1332.       } else if (oriCnt.isAttached === true && cnt.isAttached === true) {
  1333.         if (!oriCnt.data) {
  1334.           if(cnt.data){
  1335.             cnt.data = null;
  1336.           }
  1337.         } else if (!cnt.data || oriCnt.data[__j4838__] !== cnt.data[__j4838__]) {
  1338.           oriCnt.data[__j4838__] = Date.now();
  1339.           await Promise.resolve(); // required for making sufficient delay for data rendering
  1340.           attributeInc(originElement, 'tyt-data-change-counter'); // next macro task
  1341.         }
  1342.       }
  1343.   
  1344.     };
  1345.     */
  1346.  
  1347.     const attributeInc = (elm, prop) => {
  1348.       let v = (+elm.getAttribute000(prop) || 0) + 1;
  1349.       if (v > 1e9) v = 9;
  1350.       elm.setAttribute000(prop, v);
  1351.       return v;
  1352.     }
  1353.  
  1354.  
  1355.     /**
  1356.         * UC[-_a-zA-Z0-9+=.]{22}
  1357.         * https://support.google.com/youtube/answer/6070344?hl=en
  1358.         * The channel ID is the 24 character alphanumeric string that starts with 'UC' in the channel URL.
  1359.     */
  1360.  
  1361.     const isChannelId = (x) => {
  1362.       if (typeof x === 'string' && x.length === 24) {
  1363.         return /UC[-_a-zA-Z0-9+=.]{22}/.test(x);
  1364.       }
  1365.       return false;
  1366.     }
  1367.  
  1368.  
  1369.     const infoFix = (lockId) => {
  1370.       if (lockId !== null && lockGet['infoFixLock'] !== lockId) return;
  1371.       // console.log('((infoFix))')
  1372.       const infoExpander = elements.infoExpander;
  1373.       const infoContainer = (infoExpander ? infoExpander.parentNode : null) || document.querySelector('#tab-info');
  1374.       const ytdFlexyElm = elements.flexy;
  1375.       if (!infoContainer || !ytdFlexyElm) return;
  1376.       // console.log(386, infoExpander, infoExpander.matches('#tab-info > [class]'))
  1377.       if (infoExpander) {
  1378.         const match = infoExpander.matches('#tab-info > [class]') || infoExpander.matches('#tab-info > [tyt-main-info]');
  1379.         if (!match) return;
  1380.       }
  1381.       // const elms = [...document.querySelectorAll('ytd-watch-metadata.ytd-watch-flexy div[slot="extra-content"], ytd-watch-metadata.ytd-watch-flexy ytd-metadata-row-container-renderer')].filter(elm=>{
  1382.       //   if(elm.parentNode.closest('div[slot="extra-content"], ytd-metadata-row-container-renderer')) return false;
  1383.       //    return true;
  1384.       // });
  1385.  
  1386.       const requireElements = [...document.querySelectorAll('ytd-watch-metadata.ytd-watch-flexy div[slot="extra-content"] > *, ytd-watch-metadata.ytd-watch-flexy #extra-content > *')].filter(elm => {
  1387.         return typeof elm.is == 'string'
  1388.       }).map(elm => {
  1389.         const is = elm.is;
  1390.         while (elm instanceof HTMLElement_) {
  1391.           const q = [...elm.querySelectorAll(is)].filter(e => insp(e).data);
  1392.           if (q.length >= 1) return q[0];
  1393.           elm = elm.parentNode;
  1394.         }
  1395.       }).filter(elm => !!elm && typeof elm.is === 'string');
  1396.       // console.log(9162, requireElements)
  1397.  
  1398.       // if (!infoExpander && !requireElements.length) return;
  1399.  
  1400.       const source = requireElements.map(entry => {
  1401.         const inst = insp(entry);
  1402.         return {
  1403.           data: inst.data,
  1404.           tag: inst.is,
  1405.           elm: entry
  1406.         };
  1407.       });
  1408.  
  1409.       let noscript_ = document.querySelector('noscript#aythl');
  1410.       if (!noscript_) {
  1411.         noscript_ = document.createElement('noscript')
  1412.         noscript_.id = 'aythl';
  1413.  
  1414.         inPageRearrange = true;
  1415.         ytdFlexyElm.insertBefore000(noscript_, ytdFlexyElm.firstChild);
  1416.         inPageRearrange = false;
  1417.       }
  1418.       const noscript = noscript_;
  1419.  
  1420.  
  1421.       let requiredUpdate = false;
  1422.       const mirrorElmSet = new Set();
  1423.       const targetParent = infoContainer;
  1424.       for (const { data, tag: tag, elm: s } of source) {
  1425.  
  1426.         let mirrorNode = mirrorNodeWS.get(s)
  1427.         mirrorNode = mirrorNode ? kRef(mirrorNode) : mirrorNode;
  1428.         if (!mirrorNode) {
  1429.           const cnt = insp(s);
  1430.           const cProto = cnt.constructor.prototype;
  1431.  
  1432.           const element = document.createElement(tag);
  1433.           noscript.appendChild(element); // appendChild to trigger .attached()
  1434.           mirrorNode = element
  1435.           mirrorNode[__j5744__] = mWeakRef(s);
  1436.  
  1437.           const nodeWR = mWeakRef(mirrorNode);
  1438.           // if(!(insp(s)._dataChanged438)){
  1439.           //   insp(s)._dataChanged438 = async function(){
  1440.  
  1441.           //     await Promise.resolve(); // required for making sufficient delay for data rendering
  1442.           //     attributeInc(originElement, 'tyt-data-change-counter'); // next macro task
  1443.           //     moChangeReflection.call(nodeWR);
  1444.           //   }
  1445.           // }
  1446.  
  1447.  
  1448.  
  1449.  
  1450.           new MutationObserver(moChangeReflection.bind(nodeWR)).observe(s, { attributes: true, attributeFilter: ['tyt-clone-refresh-count', 'tyt-data-change-counter'] });
  1451.  
  1452.  
  1453.           s.jy8432 = 1;
  1454.           if (!(cProto instanceof Node) && !cProto._dataChanged496 && typeof cProto._createPropertyObserver === 'function') {
  1455.  
  1456.  
  1457.             cProto._dataChanged496 = function () {
  1458.               const cnt = this;
  1459.               const node = cnt.hostElement || cnt;
  1460.               if (node.jy8432) {
  1461.  
  1462.                 // console.log('hello _dataChanged496', this.is);
  1463.                 // await Promise.resolve(); // required for making sufficient delay for data rendering
  1464.                 attributeInc(node, 'tyt-data-change-counter'); // next macro task
  1465.               }
  1466.  
  1467.  
  1468.             }
  1469.  
  1470.             cProto._createPropertyObserver('data', '_dataChanged496', undefined)
  1471.  
  1472.           } else if (!(cProto instanceof Node) && !cProto._dataChanged496 && cProto.useSignals === true && insp(s).signalProxy) {
  1473.  
  1474.             const dataSignal = cnt?.signalProxy?.signalCache?.data;
  1475.             if (dataSignal && typeof dataSignal.setWithPath === 'function' && !dataSignal.setWithPath573 && !dataSignal.controller573) {
  1476.               dataSignal.controller573 = mWeakRef(cnt);
  1477.               dataSignal.setWithPath573 = dataSignal.setWithPath;
  1478.               dataSignal.setWithPath = function () {
  1479.                 const cnt = (kRef(this.controller573 || null) || null);
  1480.                 cnt && typeof cnt._dataChanged496k === 'function' && Promise.resolve(cnt).then(cnt._dataChanged496k).catch(console.warn);
  1481.                 return this.setWithPath573(...arguments)
  1482.               }
  1483.               cProto._dataChanged496 = function () {
  1484.                 const cnt = this;
  1485.                 const node = cnt.hostElement || cnt;
  1486.                 if (node.jy8432) {
  1487.                   // console.log('hello _dataChanged496', this.is);
  1488.                   // await Promise.resolve(); // required for making sufficient delay for data rendering
  1489.                   attributeInc(node, 'tyt-data-change-counter'); // next macro task
  1490.                 }
  1491.               }
  1492.               cProto._dataChanged496k = ((cnt) => cnt._dataChanged496());
  1493.  
  1494.             }
  1495.  
  1496.           }
  1497.  
  1498.  
  1499.           if (!cProto._dataChanged496) {
  1500.  
  1501.             new MutationObserver(monitorDataChangedByDOMMutation.bind(mirrorNode[__j5744__])).observe(s, { attributes: true, childList: true, subtree: true });
  1502.  
  1503.           }
  1504.  
  1505.  
  1506.           // new MutationObserver(moChangeReflection.bind(nodeWR)).observe(s, {attributes: true, childList: true, subtree: true});
  1507.  
  1508.           mirrorNodeWS.set(s, nodeWR);
  1509.           requiredUpdate = true;
  1510.         } else {
  1511.  
  1512.           if (mirrorNode.parentNode !== targetParent) {
  1513.             requiredUpdate = true;
  1514.           }
  1515.         }
  1516.         if (!requiredUpdate) {
  1517.           const cloneNodeCnt = insp(mirrorNode);
  1518.           if (cloneNodeCnt.data !== data) {
  1519.             // if(mirrorNode.parentNode !== noscript){
  1520.             //   noscript.appendChild(mirrorNode);
  1521.             // }
  1522.             // mirrorNode.replaceWith(dummyNode);
  1523.             // cloneNodeCnt.data = data;
  1524.             // dummyNode.replaceWith(mirrorNode);
  1525.             requiredUpdate = true;
  1526.           }
  1527.         }
  1528.  
  1529.  
  1530.         mirrorElmSet.add(mirrorNode);
  1531.         source.mirrored = mirrorNode;
  1532.  
  1533.       }
  1534.  
  1535.       const mirroElmArr = [...mirrorElmSet];
  1536.       mirrorElmSet.clear();
  1537.  
  1538.       if (!requiredUpdate) {
  1539.         let e = infoExpander ? -1 : 0;
  1540.         // DOM Tree Check
  1541.         for (let n = targetParent.firstChild; n instanceof Node; n = n.nextSibling) {
  1542.           let target = e < 0 ? infoExpander : mirroElmArr[e];
  1543.           e++;
  1544.           if (n !== target) {
  1545.             // target can be undefined if index overflow
  1546.             requiredUpdate = true;
  1547.             break;
  1548.           }
  1549.         }
  1550.         if (!requiredUpdate && e !== mirroElmArr.length + 1) requiredUpdate = true;
  1551.       }
  1552.  
  1553.       if (requiredUpdate) {
  1554.         if (infoExpander) {
  1555.           targetParent.assignChildern111(null, infoExpander, mirroElmArr);
  1556.         } else {
  1557.           targetParent.replaceChildren000(...mirroElmArr);
  1558.         }
  1559.         for (const mirrorElm of mirroElmArr) {
  1560.           // trigger data assignment and record refresh count by manual update
  1561.           const j = attributeInc(mirrorElm, 'tyt-clone-refresh-count');
  1562.           const oriElm = kRef(mirrorElm[__j5744__] || null) || null;
  1563.           if (oriElm) {
  1564.             oriElm.setAttribute111('tyt-clone-refresh-count', j)
  1565.           }
  1566.         }
  1567.       }
  1568.  
  1569.       mirroElmArr.length = 0;
  1570.       source.length = 0;
  1571.  
  1572.     }
  1573.  
  1574.     const layoutFix = (lockId) => {
  1575.       if (lockGet['layoutFixLock'] !== lockId) return;
  1576.       // console.log('((layoutFix))')
  1577.  
  1578.       const secondaryWrapper = document.querySelector('#secondary-inner.style-scope.ytd-watch-flexy > secondary-wrapper');
  1579.       // console.log(3838, !!chatContainer, !!(secondaryWrapper && secondaryInner), secondaryInner?.firstChild, secondaryInner?.lastChild , secondaryWrapper?.parentNode === secondaryInner)
  1580.       if (secondaryWrapper) {
  1581.         const secondaryInner = secondaryWrapper.parentNode;
  1582.  
  1583.         const chatContainer = document.querySelector('#columns.style-scope.ytd-watch-flexy [tyt-chat-container]');
  1584.         if (secondaryInner.firstChild !== secondaryInner.lastChild || (chatContainer && !chatContainer.closest('secondary-wrapper'))) {
  1585.           // console.log(38381)
  1586.           let w = [];
  1587.           let w2 = [];
  1588.           for (let node = secondaryInner.firstChild; node instanceof Node; node = node.nextSibling) {
  1589.             if (node === chatContainer && chatContainer) {
  1590.  
  1591.             } else if (node === secondaryWrapper) {
  1592.  
  1593.               for (let node2 = secondaryWrapper.firstChild; node2 instanceof Node; node2 = node2.nextSibling) {
  1594.                 if (node2 === chatContainer && chatContainer) {
  1595.                 } else {
  1596.                   if (node2.id === 'right-tabs' && chatContainer) {
  1597.                     w2.push(chatContainer);
  1598.                   }
  1599.                   w2.push(node2);
  1600.                 }
  1601.               }
  1602.             } else {
  1603.               w.push(node);
  1604.             }
  1605.           }
  1606.           // console.log('qww', w, w2)
  1607.  
  1608.           inPageRearrange = true;
  1609.           secondaryWrapper.replaceChildren000(...w, ...w2);
  1610.           inPageRearrange = false;
  1611.           const chatElm = elements.chat;
  1612.           const chatCnt = insp(chatElm);
  1613.           if (chatCnt && typeof chatCnt.urlChanged === 'function' && secondaryWrapper.contains(chatElm)) {
  1614.  
  1615.             // setTimeout(() => chatCnt.urlChanged, 136);
  1616.             if (typeof chatCnt.urlChangedAsync12 === 'function') {
  1617.               console.log('elements.chat urlChangedAsync12', 61);
  1618.               chatCnt.urlChanged();
  1619.             } else {
  1620.               console.log('elements.chat urlChangedAsync12', 62);
  1621.               setTimeout(() => chatCnt.urlChanged(), 136);
  1622.             }
  1623.           }
  1624.         }
  1625.       }
  1626.  
  1627.     }
  1628.  
  1629.     let lastPanel = '';
  1630.     let lastTab = '';
  1631.     // let fixInitialTabState = 0;
  1632.  
  1633.     const aoEgmPanels = new MutationObserver(() => {
  1634.       // console.log(5094,3);
  1635.       Promise.resolve(lockSet['updateEgmPanelsLock']).then(updateEgmPanels).catch(console.warn);
  1636.     });
  1637.  
  1638.     const removeKeepCommentsScroller = async (lockId) => {
  1639.       if (lockGet['removeKeepCommentsScrollerLock'] !== lockId) return;
  1640.       await Promise.resolve();
  1641.       if (lockGet['removeKeepCommentsScrollerLock'] !== lockId) return;
  1642.       const ytdFlexyFlm = elements.flexy;
  1643.       if (ytdFlexyFlm) {
  1644.         ytdFlexyFlm.removeAttribute000('keep-comments-scroller');
  1645.       }
  1646.     }
  1647.  
  1648.     const updateEgmPanels = async (lockId) => {
  1649.       if (lockId !== lockGet['updateEgmPanelsLock']) return;
  1650.       await navigateFinishedPromise.then().catch(console.warn);
  1651.       if (lockId !== lockGet['updateEgmPanelsLock']) return;
  1652.       // console.log('updateEgmPanels::called');
  1653.       const ytdFlexyElm = elements.flexy;
  1654.       if (!ytdFlexyElm) return;
  1655.       let newVisiblePanels = [];
  1656.       let newHiddenPanels = [];
  1657.       let allVisiblePanels = [];
  1658.       for (const panelElm of document.querySelectorAll('[tyt-egm-panel][target-id][visibility]')) {
  1659.         const visibility = panelElm.getAttribute000('visibility');
  1660.  
  1661.         if (visibility === 'ENGAGEMENT_PANEL_VISIBILITY_HIDDEN' || panelElm.closest('[hidden]')) {
  1662.           if (panelElm.hasAttribute000('tyt-visible-at')) {
  1663.             panelElm.removeAttribute000('tyt-visible-at');
  1664.             newHiddenPanels.push(panelElm);
  1665.           }
  1666.  
  1667.         } else if (visibility === 'ENGAGEMENT_PANEL_VISIBILITY_EXPANDED' && !panelElm.closest('[hidden]')) {
  1668.           let visibleAt = panelElm.getAttribute000('tyt-visible-at');
  1669.           if (!visibleAt) {
  1670.             panelElm.setAttribute111('tyt-visible-at', Date.now());
  1671.             newVisiblePanels.push(panelElm);
  1672.           }
  1673.           allVisiblePanels.push(panelElm);
  1674.         }
  1675.       }
  1676.       if (newVisiblePanels.length >= 1 && allVisiblePanels.length >= 2) {
  1677.         const targetVisible = newVisiblePanels[newVisiblePanels.length - 1];
  1678.  
  1679.         const actions = [];
  1680.         for (const panelElm of allVisiblePanels) {
  1681.           if (panelElm === targetVisible) continue;
  1682.           actions.push({
  1683.             panelId: panelElm.getAttribute000('target-id'),
  1684.             toHide: true
  1685.           });
  1686.         }
  1687.  
  1688.         if (actions.length >= 1) {
  1689.           ytBtnEgmPanelCore(actions);
  1690.         }
  1691.  
  1692.       }
  1693.       if (allVisiblePanels.length >= 1) {
  1694.         ytdFlexyElm.setAttribute111('tyt-egm-panel_', '');
  1695.       } else {
  1696.         ytdFlexyElm.removeAttribute000('tyt-egm-panel_');
  1697.       }
  1698.       newVisiblePanels.length = 0;
  1699.       newVisiblePanels = null;
  1700.       newHiddenPanels.length = 0;
  1701.       newHiddenPanels = null;
  1702.       allVisiblePanels.length = 0;
  1703.       allVisiblePanels = null;
  1704.     }
  1705.  
  1706.     const checkElementExist = (css, exclude) => {
  1707.       for (const p of document.querySelectorAll(css)) {
  1708.         if (!p.closest(exclude)) return p;
  1709.       }
  1710.       return null;
  1711.     }
  1712.  
  1713.     let fixInitialTabStateK = 0;
  1714.  
  1715.     const { handleNavigateFactory } = (() => {
  1716.  
  1717.  
  1718.       let isLoadStartListened = false;
  1719.  
  1720.       function findLcComment(lc) {
  1721.         if (arguments.length === 1) {
  1722.  
  1723.           let element = document.querySelector(`#tab-comments ytd-comments ytd-comment-renderer #header-author a[href*="lc=${lc}"]`);
  1724.           if (element) {
  1725.             let commentRendererElm = closestFromAnchor.call(element, 'ytd-comment-renderer');
  1726.             if (commentRendererElm && lc) {
  1727.               return {
  1728.                 lc,
  1729.                 commentRendererElm
  1730.               }
  1731.             }
  1732.           }
  1733.         } else if (arguments.length === 0) {
  1734.  
  1735.           let element = document.querySelector(`#tab-comments ytd-comments ytd-comment-renderer > #linked-comment-badge span:not(:empty)`);
  1736.           if (element) {
  1737.             let commentRendererElm = closestFromAnchor.call(element, 'ytd-comment-renderer');
  1738.             if (commentRendererElm) {
  1739.  
  1740.               let header = _querySelector.call(commentRendererElm, '#header-author');
  1741.               if (header) {
  1742.  
  1743.                 let anchor = _querySelector.call(header, 'a[href*="lc="]');
  1744.                 if (anchor) {
  1745.                   let href = (anchor.getAttribute('href') || '');
  1746.                   let m = /[&?]lc=([\w_.-]+)/.exec(href); // dot = sub-comment
  1747.                   if (m) {
  1748.                     lc = m[1];
  1749.                   }
  1750.                 }
  1751.               }
  1752.  
  1753.             }
  1754.             if (commentRendererElm && lc) {
  1755.               return {
  1756.                 lc,
  1757.                 commentRendererElm
  1758.               }
  1759.             }
  1760.           }
  1761.         }
  1762.  
  1763.         return null;
  1764.  
  1765.       }
  1766.  
  1767.  
  1768.       function lcSwapFuncA(targetLcId, currentLcId) {
  1769.  
  1770.  
  1771.         let done = 0;
  1772.         try {
  1773.           // console.log(currentLcId, targetLcId)
  1774.  
  1775.           let r1 = findLcComment(currentLcId).commentRendererElm;
  1776.           let r2 = findLcComment(targetLcId).commentRendererElm;
  1777.  
  1778.  
  1779.           if (typeof insp(r1).data.linkedCommentBadge === 'object' && typeof insp(r2).data.linkedCommentBadge === 'undefined') {
  1780.  
  1781.             let p = Object.assign({}, insp(r1).data.linkedCommentBadge)
  1782.  
  1783.             if (((p || 0).metadataBadgeRenderer || 0).trackingParams) {
  1784.               delete p.metadataBadgeRenderer.trackingParams;
  1785.             }
  1786.  
  1787.             const v1 = findContentsRenderer(r1)
  1788.             const v2 = findContentsRenderer(r2)
  1789.  
  1790.  
  1791.             if (v1.parent === v2.parent && (v2.parent.nodeName === 'YTD-COMMENTS' || v2.parent.nodeName === 'YTD-ITEM-SECTION-RENDERER')) {
  1792.  
  1793.             } else {
  1794.               // currently not supported
  1795.               return false;
  1796.             }
  1797.  
  1798.  
  1799.  
  1800.             if (v2.index >= 0) {
  1801.               if (v2.parent.nodeName === 'YTD-COMMENT-REPLIES-RENDERER') {
  1802.  
  1803.  
  1804.                 if (lcSwapFuncB(targetLcId, currentLcId, p)) {
  1805.                   done = 1;
  1806.                 }
  1807.  
  1808.                 done = 1;
  1809.               } else {
  1810.                 const v2pCnt = insp(v2.parent);
  1811.                 const v2Conents = (v2pCnt.data || 0).contents || 0;
  1812.                 if (!v2Conents) console.warn('v2Conents is not found');
  1813.  
  1814.                 v2pCnt.data = Object.assign({}, v2pCnt.data, { contents: [].concat([v2Conents[v2.index]], v2Conents.slice(0, v2.index), v2Conents.slice(v2.index + 1)) });
  1815.  
  1816.                 if (lcSwapFuncB(targetLcId, currentLcId, p)) {
  1817.                   done = 1;
  1818.                 }
  1819.               }
  1820.  
  1821.  
  1822.             }
  1823.  
  1824.  
  1825.  
  1826.           }
  1827.  
  1828.  
  1829.  
  1830.         } catch (e) {
  1831.           console.warn(e)
  1832.         }
  1833.         return done === 1;
  1834.       }
  1835.  
  1836.  
  1837.       function lcSwapFuncB(targetLcId, currentLcId, _p) {
  1838.  
  1839.         let done = 0;
  1840.         try {
  1841.  
  1842.           let r1 = findLcComment(currentLcId).commentRendererElm;
  1843.           let r1cnt = insp(r1);
  1844.           let r2 = findLcComment(targetLcId).commentRendererElm;
  1845.           let r2cnt = insp(r2);
  1846.  
  1847.           const r1d = r1cnt.data;
  1848.           let p = Object.assign({}, _p)
  1849.           r1d.linkedCommentBadge = null;
  1850.           delete r1d.linkedCommentBadge;
  1851.  
  1852.           let q = Object.assign({}, r1d);
  1853.           q.linkedCommentBadge = null;
  1854.           delete q.linkedCommentBadge;
  1855.  
  1856.           r1cnt.data = Object.assign({}, q);
  1857.           r2cnt.data = Object.assign({}, r2cnt.data, { linkedCommentBadge: p });
  1858.  
  1859.           done = 1;
  1860.  
  1861.         } catch (e) {
  1862.           console.warn(e)
  1863.         }
  1864.         return done === 1;
  1865.       }
  1866.  
  1867.       const loadStartFx = async (evt) => {
  1868.  
  1869.         let media = (evt || 0).target || 0;
  1870.         if (media.nodeName === 'VIDEO' || media.nodeName === 'AUDIO') { }
  1871.         else return;
  1872.  
  1873.         const newMedia = media;
  1874.  
  1875.         const media1 = common.getMediaElement(0); // document.querySelector('#movie_player video[src]');
  1876.         const media2 = common.getMediaElements(2); // document.querySelectorAll('ytd-browse[role="main"] video[src]');
  1877.  
  1878.         if (media1 !== null && media2.length > 0) {
  1879.           if (newMedia !== media1 && media1.paused === false) {
  1880.             if (isVideoPlaying(media1)) {
  1881.               Promise.resolve(newMedia).then(video => video.paused === false && video.pause()).catch(console.warn);
  1882.             }
  1883.           } else if (newMedia === media1) {
  1884.             for (const s of media2) {
  1885.               if (s.paused === false) {
  1886.                 Promise.resolve(s).then(s => s.paused === false && s.pause()).catch(console.warn);
  1887.                 break;
  1888.               }
  1889.             }
  1890.           } else {
  1891.             Promise.resolve(media1).then(video1 => video1.paused === false && video1.pause()).catch(console.warn);
  1892.           }
  1893.         }
  1894.  
  1895.       }
  1896.  
  1897.       const getBrowsableEndPoint = (req) => {
  1898.  
  1899.         let valid = false;
  1900.         let endpoint = req ? req.command : null;
  1901.         if (endpoint && (endpoint.commandMetadata || 0).webCommandMetadata && endpoint.watchEndpoint) {
  1902.           let videoId = endpoint.watchEndpoint.videoId;
  1903.           let url = endpoint.commandMetadata.webCommandMetadata.url;
  1904.  
  1905.           if (typeof videoId === 'string' && typeof url === 'string' && url.indexOf('lc=') > 0) {
  1906.  
  1907.             let m = /^\/watch\?v=([\w_-]+)&lc=([\w_.-]+)$/.exec(url); // dot = sub-comment
  1908.             if (m && m[1] === videoId) {
  1909.  
  1910.  
  1911.               /*
  1912.               {
  1913.                 "style": "BADGE_STYLE_TYPE_SIMPLE",
  1914.                 "label": "注目のコメント",
  1915.                 "trackingParams": "XXXXXX"
  1916.             }
  1917.               */
  1918.  
  1919.               let targetLc = findLcComment(m[2])
  1920.               let currentLc = targetLc ? findLcComment() : null;
  1921.  
  1922.               if (targetLc && currentLc) {
  1923.  
  1924.  
  1925.                 let done = targetLc.lc === currentLc.lc ? 1 : lcSwapFuncA(targetLc.lc, currentLc.lc) ? 1 : 0
  1926.  
  1927.                 if (done === 1) {
  1928.  
  1929.                   common.xReplaceState(history.state, url);
  1930.                   return;
  1931.                 }
  1932.               }
  1933.             }
  1934.  
  1935.           }
  1936.  
  1937.         }
  1938.  
  1939.  
  1940.  
  1941.         /*
  1942.             
  1943.             {
  1944.               "type": 0,
  1945.               "command": endpoint,
  1946.               "form": {
  1947.                 "tempData": {},
  1948.                 "reload": false
  1949.               }
  1950.             }
  1951.   
  1952.         */
  1953.  
  1954.         if (endpoint && (endpoint.commandMetadata || 0).webCommandMetadata && endpoint.browseEndpoint && isChannelId(endpoint.browseEndpoint.browseId)) {
  1955.           valid = true;
  1956.  
  1957.         } else if (endpoint && (endpoint.browseEndpoint || endpoint.searchEndpoint) && !endpoint.urlEndpoint && !endpoint.watchEndpoint) {
  1958.  
  1959.           if (endpoint.browseEndpoint && endpoint.browseEndpoint.browseId === "FEwhat_to_watch") {
  1960.             // valid = false;
  1961.             const playerMedia = common.getMediaElement(1);
  1962.             if (playerMedia && playerMedia.paused === false) valid = true; // home page
  1963.           } else if (endpoint.commandMetadata && endpoint.commandMetadata.webCommandMetadata) {
  1964.  
  1965.             let meta = endpoint.commandMetadata.webCommandMetadata
  1966.             if (meta && /*meta.apiUrl &&*/ meta.url && meta.webPageType) {
  1967.               valid = true;
  1968.             }
  1969.  
  1970.           }
  1971.         }
  1972.  
  1973.         if (!valid) endpoint = null;
  1974.  
  1975.         return endpoint;
  1976.       }
  1977.  
  1978.       const shouldUseMiniPlayer = ()=>{
  1979.  
  1980.         const isSubTypeExist = document.querySelector('ytd-page-manager#page-manager > ytd-browse[page-subtype]');
  1981.  
  1982.         if(isSubTypeExist) return true;
  1983.  
  1984.         const movie_player = [...document.querySelectorAll('#movie_player')].filter(e => !e.closest('[hidden]'))[0];
  1985.         if (movie_player) {
  1986.           const media = qsOne(movie_player, 'video[class], audio[class]');
  1987.           if (media && media.currentTime > 3 && media.duration - media.currentTime > 3 && media.paused === false) {
  1988.             return true;
  1989.           }
  1990.         }
  1991.         return false;
  1992.         // return true;
  1993.         // return !!document.querySelector('ytd-page-manager#page-manager > ytd-browse[page-subtype]');
  1994.       }
  1995.  
  1996.       const conditionFulfillment = (req) => {
  1997.         const endpoint = req ? req.command : null;
  1998.         if (!endpoint) return;
  1999.  
  2000.         if (endpoint && (endpoint.commandMetadata || 0).webCommandMetadata && endpoint.watchEndpoint) {
  2001.         } else if (endpoint && (endpoint.commandMetadata || 0).webCommandMetadata && endpoint.browseEndpoint && isChannelId(endpoint.browseEndpoint.browseId)) {
  2002.         } else if (endpoint && (endpoint.browseEndpoint || endpoint.searchEndpoint) && !endpoint.urlEndpoint && !endpoint.watchEndpoint) {
  2003.         } else {
  2004.           return false;
  2005.         }
  2006.  
  2007.  
  2008.         if (!shouldUseMiniPlayer()) return false;
  2009.  
  2010.         /*
  2011.           // user would like to switch page immediately without playing the video;
  2012.           // attribute appear after playing video for more than 2s
  2013.           if (!document.head.dataset.viTime) return false;
  2014.           else {
  2015.             let currentVideo = common.getMediaElement(0);
  2016.             if (currentVideo && currentVideo.readyState > currentVideo.HAVE_CURRENT_DATA && currentVideo.currentTime > 2.2 && currentVideo.duration - 2.2 < currentVideo.currentTime) {
  2017.               // disable miniview browsing if the media is near to the end
  2018.               return false;
  2019.             }
  2020.           }
  2021.         */
  2022.  
  2023.  
  2024.         if (pageType !== "watch") return false;
  2025.  
  2026.  
  2027.         if (!checkElementExist('ytd-watch-flexy #player button.ytp-miniplayer-button.ytp-button', '[hidden]')) {
  2028.           return false;
  2029.         }
  2030.  
  2031.         return true;
  2032.       }
  2033.  
  2034.       let u38 = 0;
  2035.       const fixChannelAboutPopup = async (t38)=>{
  2036.  
  2037.         let promise = new PromiseExternal();
  2038.         const f = () => {
  2039.           promise && promise.resolve();
  2040.           promise = null;
  2041.         }
  2042.         document.addEventListener('yt-navigate-finish', f, false);
  2043.         await promise.then();
  2044.         promise = null;
  2045.         document.removeEventListener('yt-navigate-finish', f, false);
  2046.         if (t38 !== u38) return;
  2047.         setTimeout(() => {
  2048.           const currentAbout = [...document.querySelectorAll('ytd-about-channel-renderer')].filter(e => !e.closest('[hidden]'))[0];
  2049.           let okay = false;
  2050.           if (!currentAbout) okay = true;
  2051.           else {
  2052.             const popupContainer = currentAbout.closest('ytd-popup-container');
  2053.             if (popupContainer) {
  2054.               const cnt = insp(popupContainer);
  2055.               let arr = null;
  2056.               try {
  2057.                 arr = cnt.handleGetOpenedPopupsAction_()
  2058.               } catch (e) {
  2059.  
  2060.               }
  2061.               if (arr && arr.length === 0) okay = true;
  2062.             } else {
  2063.               okay = false;
  2064.             }
  2065.           }
  2066.           if (okay) {
  2067.             const descriptionModel = [...document.querySelectorAll('yt-description-preview-view-model')].filter(e => !e.closest('[hidden]'))[0];
  2068.             if (descriptionModel) {
  2069.               const button = [...descriptionModel.querySelectorAll('button')].filter(e => !e.closest('[hidden]') && `${e.textContent}`.trim().length > 0)[0];
  2070.               if (button) {
  2071.                 button.click();
  2072.               }
  2073.             }
  2074.           }
  2075.         }, 80); 
  2076.  
  2077.       }
  2078.       const handleNavigateFactory = (handleNavigate) => {
  2079.  
  2080.         return function (req) {
  2081.  
  2082.           if (u38 > 1e9) u38 = 9;
  2083.           const t38 = ++u38;
  2084.  
  2085.           const $this = this;
  2086.           const $arguments = arguments;
  2087.  
  2088.           let endpoint = null;
  2089.  
  2090.  
  2091.           if (conditionFulfillment(req)) {
  2092.  
  2093.  
  2094.             endpoint = getBrowsableEndPoint(req);
  2095.  
  2096.           }
  2097.  
  2098.  
  2099.           if (!endpoint || !shouldUseMiniPlayer()) return handleNavigate.apply($this, $arguments);
  2100.  
  2101.           // console.log('tabview-script-handleNavigate')
  2102.  
  2103.           const ytdAppElm = document.querySelector('ytd-app');
  2104.           const ytdAppCnt = insp(ytdAppElm);
  2105.  
  2106.           let object = null;
  2107.           try {
  2108.             object = ytdAppCnt.data.response.currentVideoEndpoint.watchEndpoint || null;
  2109.           } catch (e) {
  2110.             object = null;
  2111.           }
  2112.  
  2113.           if (typeof object !== 'object') object = null;
  2114.  
  2115.           const once = { once: true }; // browsers supporting async function can also use once option.
  2116.  
  2117.           if (object !== null && !('playlistId' in object)) {
  2118.  
  2119.             let wObject = mWeakRef(object)
  2120.  
  2121.             const N = 3;
  2122.  
  2123.             let count = 0;
  2124.  
  2125.             /*
  2126.               
  2127.               rcb(b) => a = playlistId = undefinded
  2128.               
  2129.               var scb = function(a, b, c, d) {
  2130.                       a.isInitialized() && (B("kevlar_miniplayer_navigate_to_shorts_killswitch") ? c || d ? ("watch" !== Xu(b) && "shorts" !== Xu(b) && os(a.miniplayerEl, "yt-cache-miniplayer-page-action", [b]),
  2131.                       qs(a.miniplayerEl, "yt-deactivate-miniplayer-action")) : "watch" === Xu(b) && rcb(b) && (qt.getInstance().playlistWatchPageActivation = !0,
  2132.                       a.activateMiniplayer(b)) : c ? ("watch" !== Xu(b) && os(a.miniplayerEl, "yt-cache-miniplayer-page-action", [b]),
  2133.                       qs(a.miniplayerEl, "yt-deactivate-miniplayer-action")) : d ? qs(a.miniplayerEl, "yt-pause-miniplayer-action") : "watch" === Xu(b) && rcb(b) && (qt.getInstance().playlistWatchPageActivation = !0,
  2134.                       a.activateMiniplayer(b)))
  2135.                   };
  2136.     
  2137.             */
  2138.  
  2139.             Object.defineProperty((kRef(wObject) || {}), 'playlistId', {
  2140.               get() {
  2141.                 count++;
  2142.                 if (count === N) {
  2143.                   delete this.playlistId;
  2144.                 }
  2145.                 return '*';
  2146.               },
  2147.               set(value) {
  2148.                 delete this.playlistId; // remove property definition
  2149.                 this.playlistId = value; // assign as normal property
  2150.               },
  2151.               enumerable: false,
  2152.               configurable: true
  2153.             });
  2154.  
  2155.             let playlistClearout = null;
  2156.  
  2157.             let timeoutid = 0;
  2158.             Promise.race([
  2159.               new Promise(r => {
  2160.                 timeoutid = setTimeout(r, 4000)
  2161.               }),
  2162.               new Promise(r => {
  2163.                 playlistClearout = () => {
  2164.                   if (timeoutid > 0) {
  2165.                     clearTimeout(timeoutid);
  2166.                     timeoutid = 0;
  2167.                   }
  2168.                   r();
  2169.                 }
  2170.                 document.addEventListener('yt-page-type-changed', playlistClearout, once);
  2171.               })
  2172.             ]).then(() => {
  2173.  
  2174.               if (timeoutid !== 0) {
  2175.                 playlistClearout && document.removeEventListener('yt-page-type-changed', playlistClearout, once);
  2176.                 timeoutid = 0;
  2177.               }
  2178.               playlistClearout = null;
  2179.               count = N - 1;
  2180.               let object = kRef(wObject)
  2181.               wObject = null;
  2182.               return object ? object.playlistId : null;
  2183.             }).catch(console.warn);
  2184.  
  2185.           }
  2186.  
  2187.           if (!isLoadStartListened) {
  2188.             isLoadStartListened = true;
  2189.             document.addEventListener('loadstart', loadStartFx, true)
  2190.           }
  2191.  
  2192.           const endpointURL = `${(endpoint?.commandMetadata?.webCommandMetadata?.url || '' )}`;
  2193.  
  2194.           if (endpointURL && endpointURL.endsWith('/about') && /\/channel\/UC[-_a-zA-Z0-9+=.]{22}\/about/.test(endpointURL)) {
  2195.             fixChannelAboutPopup(t38);
  2196.           }
  2197.  
  2198.           handleNavigate.apply($this, $arguments);
  2199.  
  2200.  
  2201.         }
  2202.  
  2203.       };
  2204.  
  2205.       return { handleNavigateFactory };
  2206.  
  2207.  
  2208.     })();
  2209.  
  2210.     const common = (() => {
  2211.  
  2212.  
  2213.       let mediaModeLock = 0;
  2214.       const _getMediaElement = (i) => {
  2215.         if (mediaModeLock === 0) {
  2216.           let e = document.querySelector('.video-stream.html5-main-video') || document.querySelector('#movie_player video, #movie_player audio') || document.querySelector('body video[src], body audio[src]');
  2217.           if (e) {
  2218.             if (e.nodeName === 'VIDEO') mediaModeLock = 1;
  2219.             else if (e.nodeName === 'AUDIO') mediaModeLock = 2;
  2220.           }
  2221.         }
  2222.         if (!mediaModeLock) return null;
  2223.         if (mediaModeLock === 1) {
  2224.           switch (i) {
  2225.             case 1:
  2226.               return ('ytd-player#ytd-player video[src]');
  2227.             case 2:
  2228.               return ('ytd-browse[role="main"] video[src]');
  2229.             case 0:
  2230.             default:
  2231.               return ('#movie_player video[src]');
  2232.           }
  2233.         } else if (mediaModeLock === 2) {
  2234.           switch (i) {
  2235.             case 1:
  2236.               return ('ytd-player#ytd-player audio.video-stream.html5-main-video[src]');
  2237.             case 2:
  2238.               return ('ytd-browse[role="main"] audio.video-stream.html5-main-video[src]');
  2239.             case 0:
  2240.             default:
  2241.               return ('#movie_player audio.video-stream.html5-main-video[src]');
  2242.           }
  2243.         }
  2244.         return null;
  2245.       }
  2246.  
  2247.       return {
  2248.  
  2249.  
  2250.         xReplaceState(s, u) {
  2251.           try {
  2252.             history.replaceState(s, '', u);
  2253.           } catch (e) {
  2254.             // in case error occurs if replaceState is replaced by any external script / extension
  2255.           }
  2256.           if (s.endpoint) {
  2257.             try {
  2258.               const ytdAppElm = document.querySelector('ytd-app');
  2259.               const ytdAppCnt = insp(ytdAppElm);
  2260.               ytdAppCnt.replaceState(s.endpoint, '', u)
  2261.             } catch (e) {
  2262.             }
  2263.           }
  2264.         },
  2265.         getMediaElement(i) {
  2266.           let s = _getMediaElement(i) || '';
  2267.           if (s) return document.querySelector(s);
  2268.           return null;
  2269.         },
  2270.         getMediaElements(i) {
  2271.           let s = _getMediaElement(i) || '';
  2272.           if (s) return document.querySelectorAll(s);
  2273.           return [];
  2274.         }
  2275.       };
  2276.     })();
  2277.  
  2278.     let inPageRearrange = false;
  2279.     let tmpLastVideoId = '';
  2280.     // const nsMap = new Map();
  2281.  
  2282.     const getCurrentVideoId = ()=>{
  2283.       const ytdFlexyElm = elements.flexy;
  2284.       const ytdFlexyCnt = insp(ytdFlexyElm);
  2285.       if(ytdFlexyCnt && typeof ytdFlexyCnt.videoId === 'string') return ytdFlexyCnt.videoId;
  2286.       if(ytdFlexyElm && typeof ytdFlexyElm.videoId === 'string') return ytdFlexyElm.videoId;
  2287.       console.log('video id not found');
  2288.       return '';
  2289.     };
  2290.  
  2291.     const holdInlineExpanderAlwaysExpanded = (inlineExpanderCnt) => {
  2292.       console.log('holdInlineExpanderAlwaysExpanded')
  2293.       if (inlineExpanderCnt.alwaysShowExpandButton === true) inlineExpanderCnt.alwaysShowExpandButton = false;
  2294.       if (typeof (inlineExpanderCnt.collapseLabel || 0) === 'string') inlineExpanderCnt.collapseLabel = '';
  2295.       if (typeof (inlineExpanderCnt.expandLabel || 0) === 'string') inlineExpanderCnt.expandLabel = '';
  2296.       if (inlineExpanderCnt.showCollapseButton === true) inlineExpanderCnt.showCollapseButton = false;
  2297.       if (inlineExpanderCnt.showExpandButton === true) inlineExpanderCnt.showExpandButton = false;
  2298.       if (inlineExpanderCnt.expandButton instanceof HTMLElement_) {
  2299.         inlineExpanderCnt.expandButton = null;
  2300.         inlineExpanderCnt.expandButton.remove();
  2301.       }
  2302.     };
  2303.  
  2304.     const fixInlineExpanderDisplay = (inlineExpanderCnt) => {
  2305.       try {
  2306.         inlineExpanderCnt.updateIsAttributedExpanded();
  2307.       } catch (e) { }
  2308.       try {
  2309.         inlineExpanderCnt.updateIsFormattedExpanded();
  2310.       } catch (e) { }
  2311.       try {
  2312.         inlineExpanderCnt.updateTextOnSnippetTypeChange();
  2313.       } catch (e) { }
  2314.       try {
  2315.         inlineExpanderCnt.updateStyles();
  2316.       } catch (e) { }
  2317.     };
  2318.  
  2319.     const fixInlineExpanderMethods = (inlineExpanderCnt) => {
  2320.       if (inlineExpanderCnt && !inlineExpanderCnt.__$$idncjk8487$$__) {
  2321.         inlineExpanderCnt.__$$idncjk8487$$__ = true;
  2322.         inlineExpanderCnt.updateTextOnSnippetTypeChange = function () {
  2323.           true || this.isResetMutation && this.mutationCallback();
  2324.         }
  2325.         // inlineExpanderCnt.hasAttributedStringText = true;
  2326.         inlineExpanderCnt.isResetMutation = true;
  2327.         fixInlineExpanderDisplay(inlineExpanderCnt); // do the initial fix
  2328.       }
  2329.     };
  2330.  
  2331.     const fixInlineExpanderContent = () => {
  2332.       // console.log(21886,1)
  2333.       const mainInfo = getMainInfo();
  2334.       if (!mainInfo) return;
  2335.       // console.log(21886,2)
  2336.       const inlineExpanderElm = mainInfo.querySelector('ytd-text-inline-expander');
  2337.       const inlineExpanderCnt = insp(inlineExpanderElm);
  2338.       fixInlineExpanderMethods(inlineExpanderCnt);
  2339.  
  2340.       // console.log(21886, 3)
  2341.       // if (inlineExpanderCnt && inlineExpanderCnt.isExpanded === true && plugin.autoExpandInfoDesc.activated) {
  2342.       //   // inlineExpanderCnt.isExpandedChanged();
  2343.       //   // holdInlineExpanderAlwaysExpanded(inlineExpanderCnt);
  2344.       // }
  2345.       // if(inlineExpanderCnt){
  2346.       //   // console.log(21886,4, inlineExpanderCnt.isExpanded, inlineExpanderCnt.isTruncated)
  2347.       //   if (inlineExpanderCnt.isExpanded === false && inlineExpanderCnt.isTruncated === true) {
  2348.       //     // console.log(21881)
  2349.       //     inlineExpanderCnt.isTruncated = false;
  2350.       //   }
  2351.       // }
  2352.     }
  2353.  
  2354.     const plugin = {
  2355.       'minibrowser': {
  2356.         activated: false,
  2357.         toUse: true, // depends on shouldUseMiniPlayer()
  2358.         activate() {
  2359.  
  2360.           if (this.activated) return;
  2361.  
  2362.           const isPassiveArgSupport = (typeof IntersectionObserver === 'function');
  2363.           // https://caniuse.com/?search=observer
  2364.           // https://caniuse.com/?search=addEventListener%20passive
  2365.  
  2366.           if (!isPassiveArgSupport) return;
  2367.  
  2368.           this.activated = true;
  2369.  
  2370.           const ytdAppElm = document.querySelector('ytd-app');
  2371.           const ytdAppCnt = insp(ytdAppElm);
  2372.  
  2373.  
  2374.           if (!ytdAppCnt) return;
  2375.  
  2376.           const cProto = ytdAppCnt.constructor.prototype;
  2377.  
  2378.           if (!cProto.handleNavigate) return;
  2379.  
  2380.           if (cProto.handleNavigate.__ma355__) return;
  2381.  
  2382.           cProto.handleNavigate = handleNavigateFactory(cProto.handleNavigate);
  2383.  
  2384.           cProto.handleNavigate.__ma355__ = 1;
  2385.         }
  2386.       },
  2387.       'autoExpandInfoDesc': {
  2388.         activated: false,
  2389.         toUse: false, // false by default; once the expand is clicked, maintain the feature until the browser is closed.
  2390.         /** @type { MutationObserver | null } */
  2391.         mo: null,
  2392.         promiseReady: new PromiseExternal(),
  2393.         moFn(lockId) {
  2394.  
  2395.           if (lockGet['autoExpandInfoDescAttrAsyncLock'] !== lockId) return;
  2396.  
  2397.           const mainInfo = getMainInfo();
  2398.  
  2399.           if (!mainInfo) return;
  2400.           switch (((mainInfo || 0).nodeName || '').toLowerCase()) {
  2401.             case 'ytd-expander':
  2402.               if (mainInfo.hasAttribute000('collapsed')) {
  2403.                 let success = false;
  2404.                 try {
  2405.                   insp(mainInfo).handleMoreTap(new Event("tap"));
  2406.                   success = true;
  2407.                 } catch (e) {
  2408.                 }
  2409.                 if (success) mainInfo.setAttribute111('tyt-no-less-btn', '');
  2410.               }
  2411.               break;
  2412.             case 'ytd-expandable-video-description-body-renderer':
  2413.               const inlineExpanderElm = mainInfo.querySelector('ytd-text-inline-expander');
  2414.               const inlineExpanderCnt = insp(inlineExpanderElm);
  2415.               if (inlineExpanderCnt && inlineExpanderCnt.isExpanded === false) {
  2416.                 inlineExpanderCnt.isExpanded = true;
  2417.                 inlineExpanderCnt.isExpandedChanged();
  2418.                 // holdInlineExpanderAlwaysExpanded(inlineExpanderCnt);
  2419.               }
  2420.               break;
  2421.           }
  2422.  
  2423.  
  2424.  
  2425.         },
  2426.         activate() {
  2427.           if (this.activated) return;
  2428.  
  2429.           this.moFn = this.moFn.bind(this);
  2430.           this.mo = new MutationObserver(() => {
  2431.             Promise.resolve(lockSet['autoExpandInfoDescAttrAsyncLock']).then(this.moFn).catch(console.warn);
  2432.           });
  2433.           this.activated = true;
  2434.           this.promiseReady.resolve();
  2435.         },
  2436.         async onMainInfoSet(mainInfo){
  2437.           await this.promiseReady.then();
  2438.           if (mainInfo.nodeName.toLowerCase() === 'ytd-expander') {
  2439.             this.mo.observe(mainInfo, { attributes: true, attributeFilter: ['collapsed', 'attr-8ifv7'] });
  2440.           } else {
  2441.             this.mo.observe(mainInfo, { attributes: true, attributeFilter: ['attr-8ifv7'] });
  2442.           }
  2443.           mainInfo.incAttribute111('attr-8ifv7');
  2444.         }
  2445.       },
  2446.       'fullChannelNameOnHover': {
  2447.         activated: false,
  2448.         toUse: true,
  2449.         /** @type { MutationObserver | null } */
  2450.         mo: null,
  2451.         /** @type { ResizeObserver | null} */
  2452.         ro: null,
  2453.         promiseReady: new PromiseExternal(),
  2454.         checkResize: 0,
  2455.         mouseEnterFn(evt) {
  2456.  
  2457.           const target = evt ? evt.target : null;
  2458.           if (!(target instanceof HTMLElement_)) return;
  2459.           const metaDataElm = target.closest('ytd-watch-metadata');
  2460.           metaDataElm.classList.remove('tyt-metadata-hover-resized');
  2461.           this.checkResize = Date.now() + 300;
  2462.           metaDataElm.classList.add('tyt-metadata-hover');
  2463.           // console.log('mouseEnter')
  2464.  
  2465.         },
  2466.         mouseLeaveFn(evt) {
  2467.           const target = evt ? evt.target : null;
  2468.           if (!(target instanceof HTMLElement_)) return;
  2469.           const metaDataElm = target.closest('ytd-watch-metadata');
  2470.           metaDataElm.classList.remove('tyt-metadata-hover-resized');
  2471.           metaDataElm.classList.remove('tyt-metadata-hover');
  2472.           // console.log('mouseLeaveFn')
  2473.  
  2474.         },
  2475.         moFn(lockId) {
  2476.  
  2477.           if (lockGet['fullChannelNameOnHoverAttrAsyncLock'] !== lockId) return;
  2478.  
  2479.           const uploadInfo = document.querySelector('#primary.ytd-watch-flexy ytd-watch-metadata #upload-info');
  2480.           if (!uploadInfo) return;
  2481.  
  2482.           const evtOpt = { passive: true, capture: false };
  2483.           uploadInfo.removeEventListener('pointerenter', this.mouseEnterFn, evtOpt);
  2484.           uploadInfo.removeEventListener('pointerleave', this.mouseLeaveFn, evtOpt);
  2485.  
  2486.           uploadInfo.addEventListener('pointerenter', this.mouseEnterFn, evtOpt);
  2487.           uploadInfo.addEventListener('pointerleave', this.mouseLeaveFn, evtOpt);
  2488.  
  2489.  
  2490.  
  2491.         },
  2492.         async onNavigateFinish() {
  2493.           await this.promiseReady.then();
  2494.           const uploadInfo = document.querySelector('#primary.ytd-watch-flexy ytd-watch-metadata #upload-info');
  2495.           if (!uploadInfo) return;
  2496.           this.mo.observe(uploadInfo, { attributes: true, attributeFilter: ['hidden', 'attr-3wb0k'] });
  2497.           uploadInfo.incAttribute111('attr-3wb0k');
  2498.           this.ro.observe(uploadInfo);
  2499.         },
  2500.         activate() {
  2501.  
  2502.           if (this.activated) return;
  2503.  
  2504.           const isPassiveArgSupport = (typeof IntersectionObserver === 'function');
  2505.           // https://caniuse.com/?search=observer
  2506.           // https://caniuse.com/?search=addEventListener%20passive
  2507.  
  2508.           if (!isPassiveArgSupport) return;
  2509.  
  2510.           this.activated = true;
  2511.  
  2512.           this.mouseEnterFn = this.mouseEnterFn.bind(this);
  2513.           this.mouseLeaveFn = this.mouseLeaveFn.bind(this);
  2514.  
  2515.           this.moFn = this.moFn.bind(this);
  2516.           this.mo = new MutationObserver(() => {
  2517.             Promise.resolve(lockSet['fullChannelNameOnHoverAttrAsyncLock']).then(this.moFn).catch(console.warn);
  2518.           });
  2519.           this.ro = new ResizeObserver((mutations) => {
  2520.  
  2521.             if (Date.now() > this.checkResize) return;
  2522.             for (const mutation of mutations) {
  2523.               const uploadInfo = mutation.target;
  2524.               if (uploadInfo && mutation.contentRect.width > 0 && mutation.contentRect.height > 0) {
  2525.  
  2526.                 const metaDataElm = uploadInfo.closest('ytd-watch-metadata');
  2527.                 if (metaDataElm.classList.contains('tyt-metadata-hover')) {
  2528.  
  2529.                   metaDataElm.classList.add('tyt-metadata-hover-resized');
  2530.                 }
  2531.  
  2532.                 break;
  2533.  
  2534.               }
  2535.             }
  2536.           });
  2537.           this.promiseReady.resolve();
  2538.         }
  2539.       }
  2540.     }
  2541.  
  2542.     if (sessionStorage.__$$tmp_UseAutoExpandInfoDesc$$__) plugin.autoExpandInfoDesc.toUse = true;
  2543.  
  2544.     // let shouldFixInfo = false;
  2545.     const __attachedSymbol__ = Symbol();
  2546.  
  2547.     const makeInitAttached = (tag)=>{
  2548.       const inPageRearrange_ = inPageRearrange;
  2549.       inPageRearrange = false;
  2550.       for (const elm of document.querySelectorAll(`${tag}`)) {
  2551.         const cnt = insp(elm) || 0;
  2552.         if (typeof cnt.attached498 === 'function' && !elm[__attachedSymbol__]) Promise.resolve(elm).then(eventMap[`${tag}::attached`]).catch(console.warn);
  2553.       }
  2554.       inPageRearrange = inPageRearrange_;
  2555.     };
  2556.  
  2557.     const getGeneralChatElement = async () => {
  2558.       for (let i = 2; i-- > 0;) {
  2559.         let t = document.querySelector('#columns.style-scope.ytd-watch-flexy ytd-live-chat-frame#chat');
  2560.         if (t instanceof Element) return t;
  2561.         if (i > 0) {
  2562.           // try later
  2563.           console.log('ytd-live-chat-frame::attached - delayPn(200)')
  2564.           await delayPn(200);
  2565.         }
  2566.       }
  2567.       return null;
  2568.     };
  2569.  
  2570.     const nsTemplateObtain = () => {
  2571.       let nsTemplate = document.querySelector('ytd-watch-flexy noscript[ns-template]');
  2572.       if (!nsTemplate) {
  2573.         nsTemplate = document.createElement('noscript');
  2574.         nsTemplate.setAttribute('ns-template', '');
  2575.         document.querySelector('ytd-watch-flexy').appendChild(nsTemplate);
  2576.       }
  2577.       return nsTemplate;
  2578.     };
  2579.  
  2580.     const isPageDOM = (elm, selector) => {
  2581.       if (!elm || !(elm instanceof Element) || !(elm.nodeName)) return false;
  2582.       if (!elm.closest(selector)) return false;
  2583.       if (elm.isConnected !== true) return false;
  2584.       return true;
  2585.     };
  2586.  
  2587.     const invalidFlexyParent = (hostElement) => {
  2588.       if (hostElement instanceof HTMLElement) {
  2589.         const hasFlexyParent = HTMLElement.prototype.closest.call(hostElement, 'ytd-watch-flexy');  // eg short
  2590.         if (!hasFlexyParent) return true;
  2591.         const currentFlexy = elements.flexy;
  2592.         if (currentFlexy && currentFlexy !== hasFlexyParent) return true;
  2593.       }
  2594.       return false;
  2595.     }
  2596.  
  2597.     // const mutationComment = document.createComment('1');
  2598.     // let mutationPromise = new PromiseExternal();
  2599.     // const mutationPromiseObs = new MutationObserver(()=>{
  2600.     //   mutationPromise.resolve();
  2601.     //   mutationPromise = new PromiseExternal();
  2602.     // });
  2603.     // mutationPromiseObs.observe(mutationComment, {characterData: true});
  2604.  
  2605.     let headerMutationObserver = null;
  2606.     let headerMutationTmpNode = null;
  2607.  
  2608.     const eventMap = {
  2609.  
  2610.       'ceHack': () => {
  2611.         mLoaded.flag |= 2;
  2612.         document.documentElement.setAttribute111('tabview-loaded', mLoaded.makeString());
  2613.  
  2614.         retrieveCE('ytd-watch-flexy').then(eventMap['ytd-watch-flexy::defined']).catch(console.warn);
  2615.         retrieveCE('ytd-expander').then(eventMap['ytd-expander::defined']).catch(console.warn);
  2616.         retrieveCE('ytd-watch-next-secondary-results-renderer').then(eventMap['ytd-watch-next-secondary-results-renderer::defined']).catch(console.warn);
  2617.         retrieveCE('ytd-comments-header-renderer').then(eventMap['ytd-comments-header-renderer::defined']).catch(console.warn);
  2618.         retrieveCE('ytd-live-chat-frame').then(eventMap['ytd-live-chat-frame::defined']).catch(console.warn);
  2619.         retrieveCE('ytd-comments').then(eventMap['ytd-comments::defined']).catch(console.warn);
  2620.         retrieveCE('ytd-engagement-panel-section-list-renderer').then(eventMap['ytd-engagement-panel-section-list-renderer::defined']).catch(console.warn);
  2621.         retrieveCE('ytd-watch-metadata').then(eventMap['ytd-watch-metadata::defined']).catch(console.warn);
  2622.         retrieveCE('ytd-playlist-panel-renderer').then(eventMap['ytd-playlist-panel-renderer::defined']).catch(console.warn);
  2623.         retrieveCE('ytd-expandable-video-description-body-renderer').then(eventMap['ytd-expandable-video-description-body-renderer::defined']).catch(console.warn);
  2624.  
  2625.       },
  2626.  
  2627.       'fixForTabDisplay': (isResize) => {
  2628.         // isResize is true if the layout is resized (not due to tab switching)
  2629.         // youtube components shall handle the resize issue. can skip some checkings.
  2630.  
  2631.         bFixForResizedTabLater = false;
  2632.         for (const element of document.querySelectorAll('[io-intersected]')) {
  2633.           const cnt = insp(element);
  2634.           if (element instanceof HTMLElement_ && typeof cnt.calculateCanCollapse === 'function') {
  2635.             try {
  2636.               cnt.calculateCanCollapse(true);
  2637.             } catch (e) { }
  2638.           }
  2639.         }
  2640.  
  2641.         if (!isResize && lastTab === '#tab-info') {
  2642.           // #tab-info is now shown.
  2643.           // to fix the sizing issue (description info cards in tab info)
  2644.           for (const element of document.querySelectorAll('#tab-info ytd-video-description-infocards-section-renderer, #tab-info yt-chip-cloud-renderer, #tab-info ytd-horizontal-card-list-renderer')) {
  2645.             const cnt = insp(element);
  2646.             if (element instanceof HTMLElement_ && typeof cnt.notifyResize === 'function') {
  2647.               try {
  2648.                 cnt.notifyResize();
  2649.               } catch (e) { }
  2650.             }
  2651.           }
  2652.           // to fix expand/collapse sizing issue (inline-expander in tab info)
  2653.           // for example, expand button is required but not shown as it was rendered in the hidden state
  2654.           for (const element of document.querySelectorAll('#tab-info ytd-text-inline-expander')) {
  2655.             const cnt = insp(element);
  2656.             if (element instanceof HTMLElement_ && typeof cnt.resize === 'function') {
  2657.               cnt.resize(false); // reflow due to offsetWidth calling
  2658.             }
  2659.             fixInlineExpanderDisplay(cnt); // just in case
  2660.           }
  2661.         }
  2662.  
  2663.       },
  2664.  
  2665.       'ytd-watch-flexy::defined': (cProto) => {
  2666.  
  2667.         if (!cProto.updateChatLocation498 && typeof cProto.updateChatLocation === 'function' && cProto.updateChatLocation.length === 0) {
  2668.           cProto.updateChatLocation498 = cProto.updateChatLocation;
  2669.           cProto.updateChatLocation = updateChatLocation498;
  2670.         }
  2671.  
  2672.       },
  2673.  
  2674.  
  2675.  
  2676.       'ytd-watch-next-secondary-results-renderer::defined': (cProto) => {
  2677.         if (!cProto.attached498 && typeof cProto.attached === 'function') {
  2678.           cProto.attached498 = cProto.attached;
  2679.           cProto.attached = function () {
  2680.             if (!inPageRearrange) Promise.resolve(this.hostElement).then(eventMap['ytd-watch-next-secondary-results-renderer::attached']).catch(console.warn);
  2681.             return this.attached498();
  2682.           }
  2683.         }
  2684.         if (!cProto.detached498 && typeof cProto.detached === 'function') {
  2685.           cProto.detached498 = cProto.detached;
  2686.           cProto.detached = function () {
  2687.             if (!inPageRearrange) Promise.resolve(this.hostElement).then(eventMap['ytd-watch-next-secondary-results-renderer::detached']).catch(console.warn);
  2688.             return this.detached498();
  2689.           }
  2690.         }
  2691.  
  2692.         makeInitAttached('ytd-watch-next-secondary-results-renderer');
  2693.  
  2694.       },
  2695.  
  2696.       'ytd-watch-next-secondary-results-renderer::attached': (hostElement) => {
  2697.  
  2698.         if (invalidFlexyParent(hostElement)) return;
  2699.  
  2700.         // if (inPageRearrange) return;
  2701.         DEBUG_5084 && console.log(5084, 'ytd-watch-next-secondary-results-renderer::attached');
  2702.         if (hostElement instanceof Element) hostElement[__attachedSymbol__] = true;
  2703.         if (!(hostElement instanceof HTMLElement_) || !(hostElement.classList.length > 0) || hostElement.closest('noscript')) return;
  2704.         if (hostElement.isConnected !== true) return;
  2705.         // if (hostElement.__connectedFlg__ !== 4) return;
  2706.         // hostElement.__connectedFlg__ = 5;
  2707.         if (hostElement instanceof HTMLElement_ && hostElement.matches('#columns #related ytd-watch-next-secondary-results-renderer') && !hostElement.matches('#right-tabs ytd-watch-next-secondary-results-renderer, [hidden] ytd-watch-next-secondary-results-renderer')) {
  2708.           elements.related = hostElement.closest('#related');
  2709.           hostElement.setAttribute111('tyt-videos-list', '');
  2710.         }
  2711.         // console.log('ytd-watch-next-secondary-results-renderer::attached', hostElement);
  2712.       },
  2713.  
  2714.       'ytd-watch-next-secondary-results-renderer::detached': (hostElement) => {
  2715.         // if (inPageRearrange) return;
  2716.         DEBUG_5084 && console.log(5084, 'ytd-watch-next-secondary-results-renderer::detached');
  2717.         if (!(hostElement instanceof HTMLElement_) || hostElement.closest('noscript')) return;
  2718.         if (hostElement.isConnected !== false) return;
  2719.         // if (hostElement.__connectedFlg__ !== 8) return;
  2720.         // hostElement.__connectedFlg__ = 9;
  2721.         if (hostElement.hasAttribute000('tyt-videos-list')) {
  2722.           elements.related = null;
  2723.           hostElement.removeAttribute000('tyt-videos-list');
  2724.         }
  2725.         console.log('ytd-watch-next-secondary-results-renderer::detached', hostElement);
  2726.       },
  2727.  
  2728.  
  2729.       'settingCommentsVideoId': (hostElement) => {
  2730.         if (!(hostElement instanceof HTMLElement_) || !(hostElement.classList.length > 0) || hostElement.closest('noscript')) return;
  2731.         const cnt = insp(hostElement);
  2732.         const commentsArea = elements.comments;
  2733.         if (commentsArea !== hostElement || hostElement.isConnected !== true || cnt.isAttached !== true || !cnt.data || cnt.hidden !== false) return;
  2734.         const ytdFlexyElm = elements.flexy;
  2735.         const ytdFlexyCnt = ytdFlexyElm ? insp(ytdFlexyElm) : null;
  2736.         if (ytdFlexyCnt && ytdFlexyCnt.videoId) {
  2737.           hostElement.setAttribute111('tyt-comments-video-id', ytdFlexyCnt.videoId)
  2738.         } else {
  2739.           hostElement.removeAttribute000('tyt-comments-video-id')
  2740.         }
  2741.       },
  2742.       'checkCommentsShouldBeHidden': (lockId) => {
  2743.  
  2744.         if (lockGet['checkCommentsShouldBeHiddenLock'] !== lockId) return;
  2745.  
  2746.         // commentsArea's attribute: tyt-comments-video-id
  2747.         // ytdFlexyElm's attribute: video-id
  2748.  
  2749.  
  2750.         const commentsArea = elements.comments;
  2751.         const ytdFlexyElm = elements.flexy;
  2752.         if (commentsArea && ytdFlexyElm && !commentsArea.hasAttribute000('hidden')) {
  2753.           const ytdFlexyCnt = insp(ytdFlexyElm);
  2754.           if (typeof ytdFlexyCnt.videoId === 'string') {
  2755.             const commentsVideoId = commentsArea.getAttribute('tyt-comments-video-id');
  2756.             if (commentsVideoId && commentsVideoId !== ytdFlexyCnt.videoId) {
  2757.               commentsArea.setAttribute111('hidden', '');
  2758.               // removeKeepCommentsScroller();
  2759.             }
  2760.           }
  2761.         }
  2762.  
  2763.       },
  2764.       'ytd-comments::defined': (cProto) => {
  2765.  
  2766.         if (!cProto.attached498 && typeof cProto.attached === 'function') {
  2767.           cProto.attached498 = cProto.attached;
  2768.           cProto.attached = function () {
  2769.             if (!inPageRearrange) Promise.resolve(this.hostElement).then(eventMap['ytd-comments::attached']).catch(console.warn);
  2770.             // Promise.resolve(this.hostElement).then(eventMap['ytd-comments::dataChanged_']).catch(console.warn);
  2771.             return this.attached498();
  2772.           }
  2773.         }
  2774.         if (!cProto.detached498 && typeof cProto.detached === 'function') {
  2775.           cProto.detached498 = cProto.detached;
  2776.           cProto.detached = function () {
  2777.             if (!inPageRearrange) Promise.resolve(this.hostElement).then(eventMap['ytd-comments::detached']).catch(console.warn);
  2778.             // Promise.resolve(this.hostElement).then(eventMap['ytd-comments::dataChanged_']).catch(console.warn);
  2779.             return this.detached498();
  2780.           }
  2781.         }
  2782.  
  2783.         cProto._createPropertyObserver('data', '_dataChanged498', undefined)
  2784.         cProto._dataChanged498 = function () {
  2785.           // console.log('_dataChanged498', this.hostElement)
  2786.           Promise.resolve(this.hostElement).then(eventMap['ytd-comments::_dataChanged498']).catch(console.warn);
  2787.         }
  2788.  
  2789.  
  2790.         // if (!cProto.dataChanged498_ && typeof cProto.dataChanged_ === 'function') {
  2791.         //   cProto.dataChanged498_ = cProto.dataChanged_;
  2792.         //   cProto.dataChanged_ = function () {
  2793.         //     Promise.resolve(this.hostElement).then(eventMap['ytd-comments::dataChanged_']).catch(console.warn);
  2794.         //     return this.dataChanged498_();
  2795.         //   }
  2796.         // }
  2797.  
  2798.         makeInitAttached('ytd-comments');
  2799.  
  2800.       },
  2801.  
  2802.       'ytd-comments::_dataChanged498': (hostElement) => {
  2803.         // console.log(18984, hostElement.hasAttribute('tyt-comments-area'))
  2804.         if (!hostElement.hasAttribute000('tyt-comments-area')) return;
  2805.         let commentsDataStatus = 0;
  2806.         const cnt = insp(hostElement);
  2807.         const data = cnt ? cnt.data : null
  2808.         const contents = data ? data.contents : null;
  2809.         if (data) {
  2810.           if (contents && contents.length === 1 && contents[0].messageRenderer) {
  2811.             commentsDataStatus = 2;
  2812.           }
  2813.           if (contents && contents.length > 1 && contents[0].commentThreadRenderer) {
  2814.             commentsDataStatus = 1;
  2815.           }
  2816.         }
  2817.         if (commentsDataStatus) {
  2818.           hostElement.setAttribute111('tyt-comments-data-status', commentsDataStatus);
  2819.           // ytdFlexyElm.setAttribute111('tyt-comment-disabled', '')
  2820.         } else {
  2821.           // ytdFlexyElm.removeAttribute000('tyt-comment-disabled')
  2822.           hostElement.removeAttribute000('tyt-comments-data-status')
  2823.         }
  2824.         Promise.resolve(hostElement).then(eventMap['settingCommentsVideoId']).catch(console.warn);
  2825.       },
  2826.  
  2827.       'ytd-comments::attached': async (hostElement) => {
  2828.  
  2829.         if (invalidFlexyParent(hostElement)) return;
  2830.  
  2831.         // if (inPageRearrange) return;
  2832.         DEBUG_5084 && console.log(5084, 'ytd-comments::attached');
  2833.         if (hostElement instanceof Element) hostElement[__attachedSymbol__] = true;
  2834.         if (!(hostElement instanceof HTMLElement_) || !(hostElement.classList.length > 0) || hostElement.closest('noscript')) return;
  2835.         if (hostElement.isConnected !== true) return;
  2836.         // if (hostElement.__connectedFlg__ !== 4) return;
  2837.         // hostElement.__connectedFlg__ = 5;
  2838.         if (!hostElement || hostElement.id !== 'comments') return;
  2839.         // if (!hostElement || hostElement.closest('[hidden]')) return;
  2840.         elements.comments = hostElement;
  2841.         console.log('ytd-comments::attached')
  2842.         Promise.resolve(hostElement).then(eventMap['settingCommentsVideoId']).catch(console.warn);
  2843.  
  2844.         aoComment.observe(hostElement, { attributes: true });
  2845.         hostElement.setAttribute111('tyt-comments-area', '');
  2846.  
  2847.         const lockId = lockSet['rightTabReadyLock02'];
  2848.         await rightTabsProvidedPromise.then();
  2849.         if (lockGet['rightTabReadyLock02'] !== lockId) return;
  2850.  
  2851.         if (elements.comments !== hostElement) return;
  2852.         if (hostElement.isConnected === false) return;
  2853.         console.log(7932, 'comments');
  2854.  
  2855.         // if(!elements.comments || elements.comments.isConnected === false) return;
  2856.         if (hostElement && !hostElement.closest('#right-tabs')) {
  2857.           document.querySelector('#tab-comments').assignChildern111(null, hostElement, null);
  2858.         } else {
  2859.  
  2860.           const shouldTabVisible = elements.comments && elements.comments.closest('#tab-comments') && !elements.comments.closest('[hidden]');
  2861.  
  2862.           document.querySelector('[tyt-tab-content="#tab-comments"]').classList.toggle('tab-btn-hidden', !shouldTabVisible);
  2863.  
  2864.           //   document.querySelector('#tab-comments').classList.remove('tab-content-hidden')
  2865.           //   document.querySelector('[tyt-tab-content="#tab-comments"]').classList.remove('tab-btn-hidden')
  2866.  
  2867.           Promise.resolve(lockSet['removeKeepCommentsScrollerLock']).then(removeKeepCommentsScroller).catch(console.warn);
  2868.  
  2869.         }
  2870.  
  2871.       },
  2872.       'ytd-comments::detached': (hostElement) => {
  2873.         // if (inPageRearrange) return;
  2874.         DEBUG_5084 && console.log(5084, 'ytd-comments::detached');
  2875.         // console.log(858, hostElement)
  2876.         if (!(hostElement instanceof HTMLElement_) || hostElement.closest('noscript')) return;
  2877.         if (hostElement.isConnected !== false) return;
  2878.         // if (hostElement.__connectedFlg__ !== 8) return;
  2879.         // hostElement.__connectedFlg__ = 9;
  2880.  
  2881.         if (hostElement.hasAttribute000('tyt-comments-area')) {
  2882.           // foComments.disconnect();
  2883.           // foComments.takeRecords();
  2884.           hostElement.removeAttribute000('tyt-comments-area');
  2885.           // document.querySelector('#tab-comments').classList.add('tab-content-hidden')
  2886.           // document.querySelector('[tyt-tab-content="#tab-comments"]').classList.add('tab-btn-hidden')
  2887.  
  2888.  
  2889.           aoComment.disconnect();
  2890.           aoComment.takeRecords();
  2891.           elements.comments = null;
  2892.  
  2893.           document.querySelector('[tyt-tab-content="#tab-comments"]').classList.add('tab-btn-hidden');
  2894.  
  2895.           Promise.resolve(lockSet['removeKeepCommentsScrollerLock']).then(removeKeepCommentsScroller).catch(console.warn);
  2896.         }
  2897.  
  2898.  
  2899.       },
  2900.  
  2901.  
  2902.       'ytd-comments-header-renderer::defined': (cProto) => {
  2903.  
  2904.         if (!cProto.attached498 && typeof cProto.attached === 'function') {
  2905.           cProto.attached498 = cProto.attached;
  2906.           cProto.attached = function () {
  2907.             if (!inPageRearrange) Promise.resolve(this.hostElement).then(eventMap['ytd-comments-header-renderer::attached']).catch(console.warn);
  2908.             Promise.resolve(this.hostElement).then(eventMap['ytd-comments-header-renderer::dataChanged']).catch(console.warn); // force dataChanged on attached
  2909.             return this.attached498();
  2910.           }
  2911.         }
  2912.         if (!cProto.detached498 && typeof cProto.detached === 'function') {
  2913.           cProto.detached498 = cProto.detached;
  2914.           cProto.detached = function () {
  2915.             if (!inPageRearrange) Promise.resolve(this.hostElement).then(eventMap['ytd-comments-header-renderer::detached']).catch(console.warn);
  2916.             return this.detached498();
  2917.           }
  2918.         }
  2919.  
  2920.         if (!cProto.dataChanged498 && typeof cProto.dataChanged === 'function') {
  2921.           cProto.dataChanged498 = cProto.dataChanged;
  2922.           cProto.dataChanged = function () {
  2923.             Promise.resolve(this.hostElement).then(eventMap['ytd-comments-header-renderer::dataChanged']).catch(console.warn);
  2924.             return this.dataChanged498();
  2925.           }
  2926.         }
  2927.  
  2928.  
  2929.         makeInitAttached('ytd-comments-header-renderer');
  2930.  
  2931.  
  2932.       },
  2933.  
  2934.  
  2935.       'ytd-comments-header-renderer::attached': (hostElement) => {
  2936.  
  2937.         if (invalidFlexyParent(hostElement)) return;
  2938.  
  2939.         // if (inPageRearrange) return;
  2940.         DEBUG_5084 && console.log(5084, 'ytd-comments-header-renderer::attached');
  2941.         if (hostElement instanceof Element) hostElement[__attachedSymbol__] = true;
  2942.         if (!(hostElement instanceof HTMLElement_) || !(hostElement.classList.length > 0) || hostElement.closest('noscript')) return;
  2943.         if (hostElement.isConnected !== true) return;
  2944.         // if (hostElement.__connectedFlg__ !== 4) return;
  2945.         // hostElement.__connectedFlg__ = 5;
  2946.         if (!hostElement || !hostElement.classList.contains('ytd-item-section-renderer')) return;
  2947.         // console.log(12991, 'ytd-comments-header-renderer::attached')
  2948.         const targetElement = document.querySelector('[tyt-comments-area] ytd-comments-header-renderer');
  2949.         if (hostElement === targetElement) {
  2950.           hostElement.setAttribute111('tyt-comments-header-field', '');
  2951.         } else {
  2952.           const parentNode = hostElement.parentNode;
  2953.           if (parentNode instanceof HTMLElement_ && parentNode.querySelector('[tyt-comments-header-field]')) {
  2954.             hostElement.setAttribute111('tyt-comments-header-field', '')
  2955.           }
  2956.         }
  2957.  
  2958.       },
  2959.  
  2960.       'ytd-comments-header-renderer::detached': (hostElement) => {
  2961.         // if (inPageRearrange) return;
  2962.         DEBUG_5084 && console.log(5084, 'ytd-comments-header-renderer::detached');
  2963.  
  2964.         if (!(hostElement instanceof HTMLElement_) || hostElement.closest('noscript')) return;
  2965.         if (hostElement.isConnected !== false) return;
  2966.         // if (hostElement.__connectedFlg__ !== 8) return;
  2967.         // hostElement.__connectedFlg__ = 9;
  2968.         // console.log(12992, 'ytd-comments-header-renderer::detached')
  2969.         if (hostElement.hasAttribute000('field-of-cm-count')) {
  2970.           hostElement.removeAttribute000('field-of-cm-count');
  2971.  
  2972.           const cmCount = document.querySelector('#tyt-cm-count');
  2973.           if (cmCount && !document.querySelector('#tab-comments ytd-comments-header-renderer[field-of-cm-count]')) {
  2974.             cmCount.textContent = '';
  2975.           }
  2976.         }
  2977.         if (hostElement.hasAttribute000('tyt-comments-header-field')) {
  2978.           hostElement.removeAttribute000('tyt-comments-header-field');
  2979.         }
  2980.  
  2981.       },
  2982.  
  2983.       'ytd-comments-header-renderer::dataChanged': (hostElement) => {
  2984.  
  2985.         if (!(hostElement instanceof HTMLElement_) || !(hostElement.classList.length > 0) || hostElement.closest('noscript')) return;
  2986.  
  2987.         const ytdFlexyElm = elements.flexy;
  2988.  
  2989.         let b = false;
  2990.         const cnt = insp(hostElement);
  2991.         if (cnt && hostElement.closest('#tab-comments') && document.querySelector('#tab-comments ytd-comments-header-renderer') === hostElement) {
  2992.           b = true;
  2993.         } else if (hostElement instanceof HTMLElement_ && hostElement.parentNode instanceof HTMLElement_ && hostElement.parentNode.querySelector('[tyt-comments-header-field]')) {
  2994.           b = true;
  2995.         }
  2996.         if (b) {
  2997.           hostElement.setAttribute111('tyt-comments-header-field', '')
  2998.           ytdFlexyElm && ytdFlexyElm.removeAttribute000('tyt-comment-disabled');
  2999.         }
  3000.  
  3001.         if (hostElement.hasAttribute000('tyt-comments-header-field') && hostElement.isConnected === true) {
  3002.           if (!headerMutationObserver) {
  3003.             headerMutationObserver = new MutationObserver(eventMap['ytd-comments-header-renderer::deferredCounterUpdate']);
  3004.           }
  3005.           headerMutationObserver.observe(hostElement.parentNode, { subtree: false, childList: true })
  3006.           if (!headerMutationTmpNode) headerMutationTmpNode = document.createElementNS('http://www.w3.org/2000/svg', 'defs');
  3007.           const tmpNode = headerMutationTmpNode;
  3008.           hostElement.insertAdjacentElement("afterend", tmpNode);
  3009.           tmpNode.remove();
  3010.         }
  3011.       },
  3012.  
  3013.       'ytd-comments-header-renderer::deferredCounterUpdate': () => {
  3014.  
  3015.         const nodes = document.querySelectorAll('#tab-comments ytd-comments-header-renderer[class]');
  3016.         if (nodes.length === 1) {
  3017.           const hostElement = nodes[0];
  3018.           const cnt = insp(hostElement);
  3019.           const data = cnt.data;
  3020.           if (!data) return;
  3021.           let ez = '';
  3022.           if (data.commentsCount && data.commentsCount.runs && data.commentsCount.runs.length >= 1) {
  3023.             let max = -1;
  3024.             const z = data.commentsCount.runs.map(e => {
  3025.               let c = e.text.replace(/\D+/g, '').length;
  3026.               if (c > max) max = c;
  3027.               return [e.text, c];
  3028.             }).filter(a => a[1] === max);
  3029.             if (z.length >= 1) {
  3030.               ez = z[0][0];
  3031.             }
  3032.           } else if (data.countText && data.countText.runs && data.countText.runs.length >= 1) {
  3033.             let max = -1;
  3034.             const z = data.countText.runs.map(e => {
  3035.               let c = e.text.replace(/\D+/g, '').length;
  3036.               if (c > max) max = c;
  3037.               return [e.text, c];
  3038.             }).filter(a => a[1] === max);
  3039.             if (z.length >= 1) {
  3040.               ez = z[0][0];
  3041.             }
  3042.           }
  3043.           const cmCount = document.querySelector('#tyt-cm-count');
  3044.           if (ez) {
  3045.             hostElement.setAttribute111('field-of-cm-count', '');
  3046.             cmCount && (cmCount.textContent = ez.trim());
  3047.           } else {
  3048.             hostElement.removeAttribute000('field-of-cm-count');
  3049.             cmCount && (cmCount.textContent = '');
  3050.             console.warn('no text for #tyt-cm-count')
  3051.           }
  3052.         }
  3053.       },
  3054.  
  3055.       'ytd-expander::defined': (cProto) => {
  3056.         if (!cProto.attached498 && typeof cProto.attached === 'function') {
  3057.           cProto.attached498 = cProto.attached;
  3058.           cProto.attached = function () {
  3059.             if (!inPageRearrange) Promise.resolve(this.hostElement).then(eventMap['ytd-expander::attached']).catch(console.warn);
  3060.             return this.attached498();
  3061.           }
  3062.         }
  3063.         if (!cProto.detached498 && typeof cProto.detached === 'function') {
  3064.           cProto.detached498 = cProto.detached;
  3065.           cProto.detached = function () {
  3066.             if (!inPageRearrange) Promise.resolve(this.hostElement).then(eventMap['ytd-expander::detached']).catch(console.warn);
  3067.             return this.detached498();
  3068.           }
  3069.         }
  3070.         if (!cProto.calculateCanCollapse498 && typeof cProto.calculateCanCollapse === 'function') {
  3071.           cProto.calculateCanCollapse498 = cProto.calculateCanCollapse;
  3072.           cProto.calculateCanCollapse = funcCanCollapse;
  3073.  
  3074.  
  3075.         }
  3076.  
  3077.         if (!cProto.childrenChanged498 && typeof cProto.childrenChanged === 'function') {
  3078.           cProto.childrenChanged498 = cProto.childrenChanged;
  3079.           cProto.childrenChanged = function () {
  3080.             Promise.resolve(this.hostElement).then(eventMap['ytd-expander::childrenChanged']).catch(console.warn);
  3081.             return this.childrenChanged498();
  3082.           }
  3083.         }
  3084.  
  3085.         /*
  3086.  
  3087.         console.log('ytd-expander::defined 01');
  3088.         
  3089.         CustomElementRegistry.prototype.get.call(customElements, 'ytd-expander').prototype.connectedCallback = connectedCallbackY(CustomElementRegistry.prototype.get.call(customElements, 'ytd-expander').prototype.connectedCallback)
  3090.         CustomElementRegistry.prototype.get.call(customElements, 'ytd-expander').prototype.disconnectedCallback = disconnectedCallbackY(CustomElementRegistry.prototype.get.call(customElements, 'ytd-expander').prototype.disconnectedCallback)
  3091.         
  3092.         console.log('ytd-expander::defined 02');
  3093.  
  3094.         */
  3095.  
  3096.         makeInitAttached('ytd-expander');
  3097.  
  3098.       },
  3099.  
  3100.  
  3101.       'ytd-expander::childrenChanged': (hostElement) => {
  3102.  
  3103.         if (hostElement instanceof Node && hostElement.hasAttribute000('hidden') && hostElement.hasAttribute000('tyt-main-info') && hostElement.firstElementChild) {
  3104.           hostElement.removeAttribute('hidden');
  3105.         }
  3106.       },
  3107.  
  3108.       'ytd-expandable-video-description-body-renderer::defined': (cProto) => {
  3109.  
  3110.  
  3111.         if (!cProto.attached498 && typeof cProto.attached === 'function') {
  3112.           cProto.attached498 = cProto.attached;
  3113.           cProto.attached = function () {
  3114.             if (!inPageRearrange) Promise.resolve(this.hostElement).then(eventMap['ytd-expandable-video-description-body-renderer::attached']).catch(console.warn);
  3115.             return this.attached498();
  3116.           }
  3117.         }
  3118.         if (!cProto.detached498 && typeof cProto.detached === 'function') {
  3119.           cProto.detached498 = cProto.detached;
  3120.           cProto.detached = function () {
  3121.             if (!inPageRearrange) Promise.resolve(this.hostElement).then(eventMap['ytd-expandable-video-description-body-renderer::detached']).catch(console.warn);
  3122.             return this.detached498();
  3123.           }
  3124.         }
  3125.  
  3126.         makeInitAttached('ytd-expandable-video-description-body-renderer')
  3127.  
  3128.  
  3129.       },
  3130.  
  3131.       'ytd-expandable-video-description-body-renderer::attached': async (hostElement) => {
  3132.  
  3133.  
  3134.         if(hostElement instanceof HTMLElement_ && isPageDOM(hostElement,'[tyt-info-renderer]') && !hostElement.matches('[tyt-main-info]')){
  3135.   
  3136.  
  3137.           elements.infoExpander = hostElement;
  3138.           console.log(128384, elements.infoExpander)
  3139.  
  3140.  
  3141.           // console.log(1299, hostElement.parentNode, isRightTabsInserted)
  3142.  
  3143.           infoExpanderElementProvidedPromise.resolve();
  3144.           hostElement.setAttribute111('tyt-main-info', '');
  3145.           if (plugin.autoExpandInfoDesc.toUse) {
  3146.             plugin.autoExpandInfoDesc.onMainInfoSet(hostElement);
  3147.           }
  3148.  
  3149.           const lockId = lockSet['rightTabReadyLock03'];
  3150.           await rightTabsProvidedPromise.then();
  3151.           if (lockGet['rightTabReadyLock03'] !== lockId) return;
  3152.  
  3153.           if (elements.infoExpander !== hostElement) return;
  3154.           if (hostElement.isConnected === false) return;
  3155.           console.log(7932, 'infoExpander');
  3156.  
  3157.           elements.infoExpander.classList.add('tyt-main-info'); // add a classname for it
  3158.  
  3159.           const infoExpander = elements.infoExpander;
  3160.           // const infoExpanderBack = elements.infoExpanderBack;
  3161.  
  3162.           
  3163.           // console.log(5438,infoExpander, qt);
  3164.           
  3165.           // const dummy = document.createElement('noscript');
  3166.           // dummy.setAttribute000('id', 'info-expander-vid');
  3167.           // dummy.setAttribute000('video-id', getCurrentVideoId());
  3168.           // infoExpander.insertBefore000(dummy, infoExpander.firstChild);
  3169.  
  3170.           // aoInfo.observe(infoExpander, { attributes: true, attributeFilter: ['tyt-display-for', 'tyt-video-id'] });
  3171.           // zoInfo.observe(infoExpanderBack, { attributes: true, attributeFilter: ['hidden', 'attr-w20ts'], childList: true, subtree: true});
  3172.           // new MutationObserver(()=>{
  3173.           //   console.log(591499)
  3174.           // }).observe(infoExpanderBack, {childList: true, subtree: true})
  3175.  
  3176.           const inlineExpanderElm = infoExpander.querySelector('ytd-text-inline-expander');
  3177.           if (inlineExpanderElm) {
  3178.             const mo = new MutationObserver(() => {
  3179.               const p = document.querySelector('#tab-info ytd-text-inline-expander');
  3180.               sessionStorage.__$$tmp_UseAutoExpandInfoDesc$$__ = p && p.hasAttribute('is-expanded') ? '1' : '';
  3181.               if (p) fixInlineExpanderContent();
  3182.             });
  3183.             mo.observe(inlineExpanderElm, { attributes: ['is-expanded', 'attr-6v8qu', 'hidden'], subtree: true }); // hidden + subtree to trigger the fn by delayedUpdate
  3184.             inlineExpanderElm.incAttribute111('attr-6v8qu');
  3185.             const cnt = insp(inlineExpanderElm);
  3186.  
  3187.             if (cnt) fixInlineExpanderDisplay(cnt);
  3188.  
  3189.           }
  3190.  
  3191.  
  3192.           if (infoExpander && !infoExpander.closest('#right-tabs')) {
  3193.             document.querySelector('#tab-info').assignChildern111(null, infoExpander, null);
  3194.           } else {
  3195.  
  3196.             if (document.querySelector('[tyt-tab-content="#tab-info"]')) {
  3197.               const shouldTabVisible = elements.infoExpander && elements.infoExpander.closest('#tab-info');
  3198.               document.querySelector('[tyt-tab-content="#tab-info"]').classList.toggle('tab-btn-hidden', !shouldTabVisible);
  3199.             }
  3200.           }
  3201.  
  3202.           
  3203.           Promise.resolve(lockSet['infoFixLock']).then(infoFix).catch(console.warn); // required when the page is switched from channel to watch
  3204.  
  3205.           // if (infoExpander && infoExpander.closest('#right-tabs')) Promise.resolve(lockSet['infoFixLock']).then(infoFix).catch(console.warn);
  3206.  
  3207.           // infoExpanderBack.incAttribute111('attr-w20ts');
  3208.  
  3209.           // return;
  3210.         }
  3211.  
  3212.  
  3213.         DEBUG_5084 && console.log(5084, 'ytd-expandable-video-description-body-renderer::attached');
  3214.         if (hostElement instanceof Element) hostElement[__attachedSymbol__] = true;
  3215.         if (!(hostElement instanceof HTMLElement_) || !(hostElement.classList.length > 0) || hostElement.closest('noscript')) return;
  3216.         if (hostElement.isConnected !== true) return;
  3217.  
  3218.         if (isPageDOM(hostElement, '#tab-info [tyt-main-info]')) {
  3219.  
  3220.           // const cnt = insp(hostElement);
  3221.           // if(cnt.data){
  3222.           //   cnt.data = Object.assign({}, cnt.data);
  3223.           // }
  3224.  
  3225.  
  3226.         } else if (!hostElement.closest('#tab-info')) {
  3227.  
  3228.  
  3229.           const bodyRenderer = hostElement;
  3230.           let bodyRendererNew = document.querySelector('ytd-expandable-video-description-body-renderer[tyt-info-renderer]');
  3231.           if (!bodyRendererNew) {
  3232.             bodyRendererNew = document.createElement('ytd-expandable-video-description-body-renderer');
  3233.             bodyRendererNew.setAttribute('tyt-info-renderer', '');
  3234.             nsTemplateObtain().appendChild(bodyRendererNew);
  3235.           }
  3236.           // document.querySelector('#tab-info').assignChildern111(null, bodyRendererNew, null);
  3237.  
  3238.           
  3239.           const cnt = insp(bodyRendererNew);
  3240.           cnt.data = Object.assign({}, insp(bodyRenderer).data);
  3241.  
  3242.           const inlineExpanderElm = bodyRendererNew.querySelector('ytd-text-inline-expander');
  3243.           const inlineExpanderCnt = insp(inlineExpanderElm);
  3244.           fixInlineExpanderMethods(inlineExpanderCnt);
  3245.  
  3246.           // insp(bodyRendererNew).data = insp(bodyRenderer).data;
  3247.  
  3248.           // if((bodyRendererNew.hasAttribute('hidden')?1:0)^(bodyRenderer.hasAttribute('hidden')?1:0)){
  3249.           //   if(bodyRenderer.hasAttribute('hidden')) bodyRendererNew.setAttribute('hidden', '');
  3250.           //   else bodyRendererNew.removeAttribute('hidden');
  3251.           // }
  3252.  
  3253.           elements.infoExpanderRendererBack = bodyRenderer;
  3254.           elements.infoExpanderRendererFront = bodyRendererNew;
  3255.           bodyRenderer.setAttribute('tyt-info-renderer-back', '');
  3256.           bodyRendererNew.setAttribute('tyt-info-renderer-front', '');
  3257.  
  3258.           // elements.infoExpanderBack = {{ytd-expander}};
  3259.  
  3260.  
  3261.         }
  3262.  
  3263.       
  3264.  
  3265.       },
  3266.  
  3267.       'ytd-expandable-video-description-body-renderer::detached': async (hostElement) => {
  3268.         if (!(hostElement instanceof HTMLElement_) || hostElement.closest('noscript')) return;
  3269.         if (hostElement.isConnected !== false) return;
  3270.         // if (hostElement.__connectedFlg__ !== 8) return;
  3271.         // hostElement.__connectedFlg__ = 9;
  3272.         // console.log(5992, hostElement)
  3273.         if (hostElement.hasAttribute000('tyt-main-info')) {
  3274.           DEBUG_5084 && console.log(5084, 'ytd-expandable-video-description-body-renderer::detached');
  3275.           elements.infoExpander = null;
  3276.           hostElement.removeAttribute000('tyt-main-info');
  3277.         }
  3278.       },
  3279.  
  3280.       'ytd-expander::attached': async (hostElement) => {
  3281.  
  3282.         if (invalidFlexyParent(hostElement)) return;
  3283.  
  3284.         // if (inPageRearrange) return;
  3285.         if (hostElement instanceof Element) hostElement[__attachedSymbol__] = true;
  3286.         if (!(hostElement instanceof HTMLElement_) || !(hostElement.classList.length > 0) || hostElement.closest('noscript')) return;
  3287.         if (hostElement.isConnected !== true) return;
  3288.         // if (hostElement.__connectedFlg__ !== 4) return;
  3289.         // hostElement.__connectedFlg__ = 5;
  3290.         // console.log(4959, hostElement)
  3291.         
  3292.     
  3293.         if (hostElement instanceof HTMLElement_ && hostElement.matches('[tyt-comments-area] #contents ytd-expander#expander') && !hostElement.matches('[hidden] ytd-expander#expander')) {
  3294.  
  3295.           hostElement.setAttribute111('tyt-content-comment-entry', '')
  3296.           ioComment.observe(hostElement);
  3297.         } 
  3298.         
  3299.         // --------------
  3300.  
  3301.         // else if (hostElement instanceof HTMLElement_ && hostElement.matches('ytd-expander#expander.style-scope.ytd-expandable-video-description-body-renderer')) {
  3302.         //   //  && !hostElement.matches('#right-tabs ytd-expander#expander, [hidden] ytd-expander#expander')
  3303.  
  3304.         //   console.log(5084, 'ytd-expander::attached');
  3305.         //   const bodyRenderer = hostElement.closest('ytd-expandable-video-description-body-renderer');
  3306.         //   let bodyRendererNew = document.querySelector('ytd-expandable-video-description-body-renderer[tyt-info-renderer]');
  3307.         //   if (!bodyRendererNew) {
  3308.         //     bodyRendererNew = document.createElement('ytd-expandable-video-description-body-renderer');
  3309.         //     bodyRendererNew.setAttribute('tyt-info-renderer', '');
  3310.         //     nsTemplateObtain().appendChild(bodyRendererNew);
  3311.         //   }
  3312.         //   // document.querySelector('#tab-info').assignChildern111(null, bodyRendererNew, null);
  3313.  
  3314.         //   insp(bodyRendererNew).data = insp(bodyRenderer).data;
  3315.         //   // if((bodyRendererNew.hasAttribute('hidden')?1:0)^(bodyRenderer.hasAttribute('hidden')?1:0)){
  3316.         //   //   if(bodyRenderer.hasAttribute('hidden')) bodyRendererNew.setAttribute('hidden', '');
  3317.         //   //   else bodyRendererNew.removeAttribute('hidden');
  3318.         //   // }
  3319.  
  3320.         //   elements.infoExpanderRendererBack = bodyRenderer;
  3321.         //   elements.infoExpanderRendererFront = bodyRendererNew;
  3322.         //   bodyRenderer.setAttribute('tyt-info-renderer-back','')
  3323.         //   bodyRendererNew.setAttribute('tyt-info-renderer-front','')
  3324.  
  3325.         //   elements.infoExpanderBack = hostElement;
  3326.           
  3327.         // }
  3328.  
  3329.         // --------------
  3330.  
  3331.         // console.log('ytd-expander::attached', hostElement);
  3332.  
  3333.  
  3334.  
  3335.       },
  3336.  
  3337.       'ytd-expander::detached': (hostElement) => {
  3338.         // if (inPageRearrange) return;
  3339.         if (!(hostElement instanceof HTMLElement_) || hostElement.closest('noscript')) return;
  3340.         if (hostElement.isConnected !== false) return;
  3341.         // if (hostElement.__connectedFlg__ !== 8) return;
  3342.         // hostElement.__connectedFlg__ = 9;
  3343.         // console.log(5992, hostElement)
  3344.         if (hostElement.hasAttribute000('tyt-content-comment-entry')) {
  3345.           ioComment.unobserve(hostElement);
  3346.           hostElement.removeAttribute000('tyt-content-comment-entry')
  3347.         } else if (hostElement.hasAttribute000('tyt-main-info')) {
  3348.           DEBUG_5084 && console.log(5084, 'ytd-expander::detached');
  3349.           elements.infoExpander = null;
  3350.           hostElement.removeAttribute000('tyt-main-info');
  3351.         }
  3352.         // console.log('ytd-expander::detached', hostElement);
  3353.       },
  3354.  
  3355.  
  3356.       'ytd-live-chat-frame::defined': (cProto) => {
  3357.  
  3358.         let lastDomAction = 0;
  3359.  
  3360.         if (!cProto.attached498 && typeof cProto.attached === 'function') {
  3361.           cProto.attached498 = cProto.attached;
  3362.           cProto.attached = function () {
  3363.             lastDomAction = Date.now();
  3364.             // console.log('chat868-attached', Date.now());
  3365.             if (!inPageRearrange) Promise.resolve(this.hostElement).then(eventMap['ytd-live-chat-frame::attached']).catch(console.warn);
  3366.             return this.attached498();
  3367.           }
  3368.         }
  3369.         if (!cProto.detached498 && typeof cProto.detached === 'function') {
  3370.           cProto.detached498 = cProto.detached;
  3371.           cProto.detached = function () {
  3372.             lastDomAction = Date.now();
  3373.             // console.log('chat868-detached', Date.now());
  3374.             if (!inPageRearrange) Promise.resolve(this.hostElement).then(eventMap['ytd-live-chat-frame::detached']).catch(console.warn);
  3375.             return this.detached498();
  3376.           }
  3377.         }
  3378.  
  3379.         if (typeof cProto.urlChanged === 'function' && !cProto.urlChanged66 && !cProto.urlChangedAsync12 && cProto.urlChanged.length === 0) {
  3380.           cProto.urlChanged66 = cProto.urlChanged;
  3381.           let ath = 0;
  3382.           cProto.urlChangedAsync12 = async function () {
  3383.             await this.__urlChangedAsyncT689__;
  3384.             const t = ath = (ath & 1073741823) + 1;
  3385.             const chatframe = this.chatframe || (this.$ || 0).chatframe || 0;
  3386.             if (chatframe instanceof HTMLIFrameElement) {
  3387.               if (chatframe.contentDocument === null) {
  3388.                 await Promise.resolve('#').catch(console.warn);
  3389.                 if (t !== ath) return;
  3390.               }
  3391.               await new Promise(resolve => setTimeout_(resolve, 1)).catch(console.warn); // neccessary for Brave
  3392.               if (t !== ath) return;
  3393.               const isBlankPage = !this.data || this.collapsed;
  3394.               const p1 = new Promise(resolve => setTimeout_(resolve, 706)).catch(console.warn);
  3395.               const p2 = new Promise(resolve => {
  3396.                 (new IntersectionObserver((entries, observer) => {
  3397.                   for (const entry of entries) {
  3398.                     const rect = entry.boundingClientRect || 0;
  3399.                     if (isBlankPage || (rect.width > 0 && rect.height > 0)) {
  3400.                       observer.disconnect();
  3401.                       resolve('#');
  3402.                       break;
  3403.                     }
  3404.                   }
  3405.                 })).observe(chatframe);
  3406.               }).catch(console.warn);
  3407.               await Promise.race([p1, p2]);
  3408.               if (t !== ath) return;
  3409.             }
  3410.             this.urlChanged66();
  3411.           }
  3412.           cProto.urlChanged = function () {
  3413.             const t = this.__urlChangedAsyncT688__ = (this.__urlChangedAsyncT688__ & 1073741823) + 1;
  3414.             nextBrowserTick(() => {
  3415.               if (t !== this.__urlChangedAsyncT688__) return;
  3416.               this.urlChangedAsync12();
  3417.             });
  3418.           }
  3419.         }
  3420.  
  3421.         makeInitAttached('ytd-live-chat-frame');
  3422.  
  3423.       },
  3424.  
  3425.       'ytd-live-chat-frame::attached': async (hostElement) => {
  3426.  
  3427.         if (invalidFlexyParent(hostElement)) return;
  3428.  
  3429.         // if (inPageRearrange) return;
  3430.         DEBUG_5084 && console.log(5084, 'ytd-live-chat-frame::attached');
  3431.         if (hostElement instanceof Element) hostElement[__attachedSymbol__] = true;
  3432.         if (!(hostElement instanceof HTMLElement_) || !(hostElement.classList.length > 0) || hostElement.closest('noscript')) return;
  3433.         if (hostElement.isConnected !== true) return;
  3434.         // if (hostElement.__connectedFlg__ !== 4) return;
  3435.         // hostElement.__connectedFlg__ = 5;
  3436.         if (!hostElement || hostElement.id !== 'chat') return;
  3437.         console.log('ytd-live-chat-frame::attached')
  3438.  
  3439.         const lockId = lockSet['ytdLiveAttachedLock'];
  3440.         const chatElem = await getGeneralChatElement();
  3441.         if (lockGet['ytdLiveAttachedLock'] !== lockId) return;
  3442.  
  3443.         if (chatElem === hostElement) {
  3444.           elements.chat = chatElem;
  3445.           aoChat.observe(chatElem, { attributes: true });
  3446.           const isFlexyReady = (elements.flexy instanceof Element);
  3447.           chatElem.setAttribute111('tyt-active-chat-frame', isFlexyReady ? 'CF': 'C');
  3448.  
  3449.           const chatContainer = chatElem ? (chatElem.closest('#chat-container') || chatElem) : null;
  3450.           if (chatContainer && !chatContainer.hasAttribute000('tyt-chat-container')) {
  3451.             for (const p of document.querySelectorAll('[tyt-chat-container]')) {
  3452.               p.removeAttribute000('[tyt-chat-container]');
  3453.             }
  3454.             chatContainer.setAttribute111('tyt-chat-container', '')
  3455.           }
  3456.           const cnt = insp(hostElement);
  3457.           const q = cnt.__urlChangedAsyncT688__;
  3458.           const p = cnt.__urlChangedAsyncT689__ = new PromiseExternal();
  3459.           setTimeout_(() => {
  3460.             if (p !== cnt.__urlChangedAsyncT689__) return;
  3461.             if (cnt.isAttached === true && hostElement.isConnected === true) {
  3462.               p.resolve();
  3463.               if (q === cnt.__urlChangedAsyncT688__) {
  3464.                 cnt.urlChanged();
  3465.               }
  3466.             }
  3467.           }, 320);
  3468.           Promise.resolve(lockSet['layoutFixLock']).then(layoutFix);
  3469.         } else {
  3470.           console.log('Issue found in ytd-live-chat-frame::attached', chatElem, hostElement);
  3471.         }
  3472.       },
  3473.  
  3474.       'ytd-live-chat-frame::detached': (hostElement) => {
  3475.         // if (inPageRearrange) return;
  3476.         DEBUG_5084 && console.log(5084, 'ytd-live-chat-frame::detached');
  3477.  
  3478.         if (!(hostElement instanceof HTMLElement_) || hostElement.closest('noscript')) return;
  3479.         if (hostElement.isConnected !== false) return;
  3480.         // if (hostElement.__connectedFlg__ !== 8) return;
  3481.         // hostElement.__connectedFlg__ = 9;
  3482.         console.log('ytd-live-chat-frame::detached')
  3483.         if (hostElement.hasAttribute000('tyt-active-chat-frame')) {
  3484.           aoChat.disconnect();
  3485.           aoChat.takeRecords();
  3486.           hostElement.removeAttribute000('tyt-active-chat-frame');
  3487.           elements.chat = null;
  3488.  
  3489.           const ytdFlexyElm = elements.flexy;
  3490.           if (ytdFlexyElm) {
  3491.             ytdFlexyElm.removeAttribute000('tyt-chat-collapsed')
  3492.             ytdFlexyElm.setAttribute111('tyt-chat', '');
  3493.           }
  3494.         }
  3495.  
  3496.       },
  3497.  
  3498.       'ytd-engagement-panel-section-list-renderer::defined': (cProto) => {
  3499.  
  3500.         if (!cProto.attached498 && typeof cProto.attached === 'function') {
  3501.           cProto.attached498 = cProto.attached;
  3502.           cProto.attached = function () {
  3503.             if (!inPageRearrange) Promise.resolve(this.hostElement).then(eventMap['ytd-engagement-panel-section-list-renderer::attached']).catch(console.warn);
  3504.             return this.attached498();
  3505.           }
  3506.         }
  3507.         if (!cProto.detached498 && typeof cProto.detached === 'function') {
  3508.           cProto.detached498 = cProto.detached;
  3509.           cProto.detached = function () {
  3510.             if (!inPageRearrange) Promise.resolve(this.hostElement).then(eventMap['ytd-engagement-panel-section-list-renderer::detached']).catch(console.warn);
  3511.             return this.detached498();
  3512.           }
  3513.         }
  3514.         makeInitAttached('ytd-engagement-panel-section-list-renderer');
  3515.       },
  3516.  
  3517.       'ytd-engagement-panel-section-list-renderer::bindTarget': (hostElement) => {
  3518.  
  3519.  
  3520.         if (hostElement.matches('#panels.ytd-watch-flexy > ytd-engagement-panel-section-list-renderer[target-id][visibility]')) {
  3521.           hostElement.setAttribute111('tyt-egm-panel', '');
  3522.           Promise.resolve(lockSet['updateEgmPanelsLock']).then(updateEgmPanels).catch(console.warn);
  3523.           aoEgmPanels.observe(hostElement, { attributes: true, attributeFilter: ['visibility', 'hidden'] });
  3524.  
  3525.           // console.log(5094, 2, 'ytd-engagement-panel-section-list-renderer::attached', hostElement);
  3526.         }
  3527.  
  3528.       },
  3529.  
  3530.  
  3531.       'ytd-engagement-panel-section-list-renderer::attached': (hostElement) => {
  3532.  
  3533.         if (invalidFlexyParent(hostElement)) return;
  3534.  
  3535.         // if (inPageRearrange) return;
  3536.  
  3537.         DEBUG_5084 && console.log(5084, 'ytd-engagement-panel-section-list-renderer::attached');
  3538.         if (hostElement instanceof Element) hostElement[__attachedSymbol__] = true;
  3539.         if (!(hostElement instanceof HTMLElement_) || !(hostElement.classList.length > 0) || hostElement.closest('noscript')) return;
  3540.         if (hostElement.isConnected !== true) return;
  3541.         // if (hostElement.__connectedFlg__ !== 4) return;
  3542.         // hostElement.__connectedFlg__ = 5;
  3543.         // console.log('ytd-engagement-panel-section-list-renderer::attached', hostElement)
  3544.         // console.log(5094, 1, 'ytd-engagement-panel-section-list-renderer::attached', hostElement);
  3545.  
  3546.         if (!hostElement.matches('#panels.ytd-watch-flexy > ytd-engagement-panel-section-list-renderer')) return;
  3547.  
  3548.  
  3549.         if (hostElement.hasAttribute000('target-id') && hostElement.hasAttribute000('visibility')) {
  3550.  
  3551.           Promise.resolve(hostElement).then(eventMap['ytd-engagement-panel-section-list-renderer::bindTarget']).catch(console.warn);
  3552.         } else {
  3553.  
  3554.           hostElement.setAttribute000('tyt-egm-panel-jclmd', '');
  3555.           moEgmPanelReady.observe(hostElement, { attributes: true, attributeFilter: ['visibility', 'target-id'] });
  3556.  
  3557.         }
  3558.       },
  3559.  
  3560.       'ytd-engagement-panel-section-list-renderer::detached': (hostElement) => {
  3561.         // if (inPageRearrange) return;
  3562.  
  3563.         DEBUG_5084 && console.log(5084, 'ytd-engagement-panel-section-list-renderer::detached');
  3564.         if (!(hostElement instanceof HTMLElement_) || hostElement.closest('noscript')) return;
  3565.         if (hostElement.isConnected !== false) return;
  3566.         // if (hostElement.__connectedFlg__ !== 8) return;
  3567.         // hostElement.__connectedFlg__ = 9;
  3568.         if (hostElement.hasAttribute000('tyt-egm-panel')) {
  3569.           hostElement.removeAttribute000('tyt-egm-panel');
  3570.           Promise.resolve(lockSet['updateEgmPanelsLock']).then(updateEgmPanels).catch(console.warn);
  3571.         } else if (hostElement.hasAttribute000('tyt-egm-panel-jclmd')) {
  3572.           hostElement.removeAttribute000('tyt-egm-panel-jclmd');
  3573.           moEgmPanelReadyClearFn();
  3574.         }
  3575.       },
  3576.  
  3577.       'ytd-watch-metadata::defined': (cProto) => {
  3578.  
  3579.         if (!cProto.attached498 && typeof cProto.attached === 'function') {
  3580.           cProto.attached498 = cProto.attached;
  3581.           cProto.attached = function () {
  3582.             if (!inPageRearrange) Promise.resolve(this.hostElement).then(eventMap['ytd-watch-metadata::attached']).catch(console.warn);
  3583.             return this.attached498();
  3584.           }
  3585.         }
  3586.         if (!cProto.detached498 && typeof cProto.detached === 'function') {
  3587.           cProto.detached498 = cProto.detached;
  3588.           cProto.detached = function () {
  3589.             if (!inPageRearrange) Promise.resolve(this.hostElement).then(eventMap['ytd-watch-metadata::detached']).catch(console.warn);
  3590.             return this.detached498();
  3591.           }
  3592.         }
  3593.  
  3594.         makeInitAttached('ytd-watch-metadata');
  3595.       },
  3596.  
  3597.  
  3598.  
  3599.       'ytd-watch-metadata::attached': (hostElement) => {
  3600.  
  3601.         if (invalidFlexyParent(hostElement)) return;
  3602.  
  3603.         // if (inPageRearrange) return;
  3604.  
  3605.         DEBUG_5084 && console.log(5084, 'ytd-watch-metadata::attached');
  3606.         if (hostElement instanceof Element) hostElement[__attachedSymbol__] = true;
  3607.         if (!(hostElement instanceof HTMLElement_) || !(hostElement.classList.length > 0) || hostElement.closest('noscript')) return;
  3608.         if (hostElement.isConnected !== true) return;
  3609.         // if (hostElement.__connectedFlg__ !== 4) return;
  3610.         // hostElement.__connectedFlg__ = 5;
  3611.  
  3612.         if (plugin.fullChannelNameOnHover.activated) plugin.fullChannelNameOnHover.onNavigateFinish();
  3613.       },
  3614.  
  3615.       'ytd-watch-metadata::detached': (hostElement) => {
  3616.         // if (inPageRearrange) return;
  3617.  
  3618.         DEBUG_5084 && console.log(5084, 'ytd-watch-metadata::detached');
  3619.         if (!(hostElement instanceof HTMLElement_) || hostElement.closest('noscript')) return;
  3620.         if (hostElement.isConnected !== false) return;
  3621.         // if (hostElement.__connectedFlg__ !== 8) return;
  3622.         // hostElement.__connectedFlg__ = 9;
  3623.  
  3624.       },
  3625.  
  3626.  
  3627.  
  3628.       'ytd-playlist-panel-renderer::defined': (cProto) => {
  3629.  
  3630.         if (!cProto.attached498 && typeof cProto.attached === 'function') {
  3631.           cProto.attached498 = cProto.attached;
  3632.           cProto.attached = function () {
  3633.             if (!inPageRearrange) Promise.resolve(this.hostElement).then(eventMap['ytd-playlist-panel-renderer::attached']).catch(console.warn);
  3634.             return this.attached498();
  3635.           }
  3636.         }
  3637.         if (!cProto.detached498 && typeof cProto.detached === 'function') {
  3638.           cProto.detached498 = cProto.detached;
  3639.           cProto.detached = function () {
  3640.             if (!inPageRearrange) Promise.resolve(this.hostElement).then(eventMap['ytd-playlist-panel-renderer::detached']).catch(console.warn);
  3641.             return this.detached498();
  3642.           }
  3643.         }
  3644.  
  3645.         makeInitAttached('ytd-playlist-panel-renderer');
  3646.       },
  3647.  
  3648.  
  3649.  
  3650.       'ytd-playlist-panel-renderer::attached': (hostElement) => {
  3651.  
  3652.         if (invalidFlexyParent(hostElement)) return;
  3653.  
  3654.         // if (inPageRearrange) return;
  3655.  
  3656.         DEBUG_5084 && console.log(5084, 'ytd-playlist-panel-renderer::attached');
  3657.         if (hostElement instanceof Element) hostElement[__attachedSymbol__] = true;
  3658.         if (!(hostElement instanceof HTMLElement_) || !(hostElement.classList.length > 0) || hostElement.closest('noscript')) return;
  3659.         if (hostElement.isConnected !== true) return;
  3660.         // if (hostElement.__connectedFlg__ !== 4) return;
  3661.         // hostElement.__connectedFlg__ = 5;
  3662.  
  3663.         elements.playlist = hostElement;
  3664.  
  3665.         aoPlayList.observe(hostElement,  { attributes: true, attributeFilter: ['hidden', 'collapsed', 'attr-1y6nu'] });
  3666.         hostElement.incAttribute111('attr-1y6nu')
  3667.  
  3668.  
  3669.       },
  3670.  
  3671.       'ytd-playlist-panel-renderer::detached': (hostElement) => {
  3672.         // if (inPageRearrange) return;
  3673.  
  3674.         DEBUG_5084 && console.log(5084, 'ytd-playlist-panel-renderer::detached');
  3675.         if (!(hostElement instanceof HTMLElement_) || hostElement.closest('noscript')) return;
  3676.         if (hostElement.isConnected !== false) return;
  3677.         // if (hostElement.__connectedFlg__ !== 8) return;
  3678.         // hostElement.__connectedFlg__ = 9;
  3679.  
  3680.       },
  3681.  
  3682.  
  3683.  
  3684.  
  3685.  
  3686.       '_yt_playerProvided': () => {
  3687.         mLoaded.flag |= 4;
  3688.         document.documentElement.setAttribute111('tabview-loaded', mLoaded.makeString());
  3689.       },
  3690.       'relatedElementProvided': (target) => {
  3691.         if (target.closest('[hidden]')) return;
  3692.         elements.related = target;
  3693.         console.log('relatedElementProvided')
  3694.         videosElementProvidedPromise.resolve();
  3695.       },
  3696.       'onceInfoExpanderElementProvidedPromised': () => {
  3697.         console.log('hide-default-text-inline-expander');
  3698.         const ytdFlexyElm = elements.flexy;
  3699.         if (ytdFlexyElm) {
  3700.           ytdFlexyElm.setAttribute111('hide-default-text-inline-expander', '');
  3701.         }
  3702.       },
  3703.  
  3704.       'refreshSecondaryInner': (lockId) => {
  3705.  
  3706.  
  3707.         if (lockGet['refreshSecondaryInnerLock'] !== lockId) return;
  3708.         /*
  3709.    
  3710.         ytd-watch-flexy:not([panels-beside-player]):not([fixed-panels]) #panels-full-bleed-container.ytd-watch-flexy{
  3711.             display: none;}
  3712.    
  3713.   #player-full-bleed-container.ytd-watch-flexy{
  3714.       position: relative;
  3715.       flex: 1;}
  3716.    
  3717.         */
  3718.  
  3719.         const ytdFlexyElm = elements.flexy;
  3720.         // if(ytdFlexyElm && ytdFlexyElm.matches('ytd-watch-flexy[fixed-panels][theater]')){
  3721.         //   // ytdFlexyElm.fixedPanels = true;
  3722.         //   ytdFlexyElm.removeAttribute000('fixed-panels');
  3723.         // }
  3724.  
  3725.         if (ytdFlexyElm && ytdFlexyElm.matches('ytd-watch-flexy[theater][flexy][full-bleed-player]:not([full-bleed-no-max-width-columns])')) {
  3726.           // ytdFlexyElm.fullBleedNoMaxWidthColumns = true;
  3727.           ytdFlexyElm.setAttribute111('full-bleed-no-max-width-columns', '');
  3728.         }
  3729.  
  3730.         const related = elements.related;
  3731.         if (related && related.isConnected && !related.closest('#right-tabs #tab-videos')) {
  3732.           document.querySelector('#tab-videos').assignChildern111(null, related, null);
  3733.         }
  3734.         const infoExpander = elements.infoExpander;
  3735.         if (infoExpander && infoExpander.isConnected && !infoExpander.closest('#right-tabs #tab-info')) {
  3736.           document.querySelector('#tab-info').assignChildern111(null, infoExpander, null);
  3737.         } else {
  3738.           // if (infoExpander && ytdFlexyElm && shouldFixInfo) {
  3739.           //   shouldFixInfo = false;
  3740.           //   Promise.resolve(lockSet['infoFixLock']).then(infoFix).catch(console.warn);
  3741.           // }
  3742.         }
  3743.  
  3744.         const commentsArea = elements.comments;
  3745.         if (commentsArea) {
  3746.           const isConnected = commentsArea.isConnected;
  3747.           if (isConnected && !commentsArea.closest('#right-tabs #tab-comments')) {
  3748.             const tab = document.querySelector('#tab-comments');
  3749.             tab.assignChildern111(null, commentsArea, null);
  3750.           } else {
  3751.             // if (!isConnected || tab.classList.contains('tab-content-hidden')) removeKeepCommentsScroller();
  3752.           }
  3753.         }
  3754.  
  3755.  
  3756.  
  3757.  
  3758.  
  3759.  
  3760.  
  3761.       },
  3762.  
  3763.       'yt-navigate-finish': (evt) => {
  3764.  
  3765.         const ytdAppElm = document.querySelector('ytd-page-manager#page-manager.style-scope.ytd-app');
  3766.         const ytdAppCnt = insp(ytdAppElm);
  3767.         pageType = ytdAppCnt ? (ytdAppCnt.data || 0).page : null;
  3768.  
  3769.         if (!document.querySelector('ytd-watch-flexy #player')) return;
  3770.         // shouldFixInfo = true;
  3771.         // console.log('yt-navigate-finish')
  3772.         const flexyArr = [...document.querySelectorAll('ytd-watch-flexy')].filter(e => !e.closest('[hidden]') && e.querySelector('#player'));
  3773.         if (flexyArr.length === 1) {
  3774.           // const lockId = lockSet['yt-navigate-finish-videos'];
  3775.           elements.flexy = flexyArr[0];
  3776.           if (isRightTabsInserted) {
  3777.             Promise.resolve(lockSet['refreshSecondaryInnerLock']).then(eventMap['refreshSecondaryInner']).catch(console.warn);
  3778.             Promise.resolve(lockSet['removeKeepCommentsScrollerLock']).then(removeKeepCommentsScroller).catch(console.warn);
  3779.           } else {
  3780.             navigateFinishedPromise.resolve();
  3781.             if (plugin.minibrowser.toUse) plugin.minibrowser.activate();
  3782.             if (plugin.autoExpandInfoDesc.toUse) plugin.autoExpandInfoDesc.activate();
  3783.             if (plugin.fullChannelNameOnHover.toUse) plugin.fullChannelNameOnHover.activate();
  3784.           }
  3785.           const chat = elements.chat;
  3786.           if (chat instanceof Element) {
  3787.             chat.setAttribute111('tyt-active-chat-frame', 'CF'); // chat and flexy ready
  3788.           }
  3789.           const infoExpander = elements.infoExpander;
  3790.           if (infoExpander && infoExpander.closest('#right-tabs')){
  3791.             Promise.resolve(lockSet['infoFixLock']).then(infoFix).catch(console.warn);
  3792.           }
  3793.           Promise.resolve(lockSet['layoutFixLock']).then(layoutFix);
  3794.           if (plugin.fullChannelNameOnHover.activated) plugin.fullChannelNameOnHover.onNavigateFinish();
  3795.         }
  3796.       },
  3797.  
  3798.       'onceInsertRightTabs': () => {
  3799.  
  3800.  
  3801.         // if(lockId !== lockGet['yt-navigate-finish-videos']) return;
  3802.         const related = elements.related;
  3803.         let rightTabs = document.querySelector('#right-tabs');
  3804.         if (!document.querySelector('#right-tabs') && related) {
  3805.           getLangForPage();
  3806.           let docTmp = document.createElement('template');
  3807.           docTmp.innerHTML = createHTML(getTabsHTML());
  3808.           let newElm = docTmp.content.firstElementChild;
  3809.           if (newElm !== null) {
  3810.             inPageRearrange = true;
  3811.             related.parentNode.insertBefore000(newElm, related);
  3812.             inPageRearrange = false;
  3813.           }
  3814.           rightTabs = newElm;
  3815.           rightTabs.querySelector('[tyt-tab-content="#tab-comments"]').classList.add('tab-btn-hidden');
  3816.  
  3817.           const secondaryWrapper = document.createElement('secondary-wrapper');
  3818.           const secondaryInner = document.querySelector('#secondary-inner.style-scope.ytd-watch-flexy');
  3819.           
  3820.           inPageRearrange = true;
  3821.           secondaryWrapper.replaceChildren000(...secondaryInner.childNodes);
  3822.           secondaryInner.insertBefore000(secondaryWrapper, secondaryInner.firstChild);
  3823.           inPageRearrange = false;
  3824.  
  3825.           rightTabs.querySelector('#material-tabs').addEventListener('click', eventMap['tabs-btn-click'], true)
  3826.  
  3827.           inPageRearrange = true;
  3828.           if (!rightTabs.closest('secondary-wrapper')) secondaryWrapper.appendChild000(rightTabs);
  3829.           inPageRearrange = false;
  3830.  
  3831.         }
  3832.         if (rightTabs) {
  3833.           isRightTabsInserted = true;
  3834.           const ioTabBtns = new IntersectionObserver((entries) => {
  3835.             for (const entry of entries) {
  3836.               const rect = entry.boundingClientRect;
  3837.               entry.target.classList.toggle('tab-btn-visible', rect.width && rect.height)
  3838.             }
  3839.           }, { rootMargin: '0px' });
  3840.           for (const btn of document.querySelectorAll('.tab-btn[tyt-tab-content]')) {
  3841.             ioTabBtns.observe(btn);
  3842.           }
  3843.           if (!related.closest('#right-tabs')) {
  3844.             document.querySelector('#tab-videos').assignChildern111(null, related, null);
  3845.           }
  3846.           const infoExpander = elements.infoExpander;
  3847.           if (infoExpander && !infoExpander.closest('#right-tabs')) {
  3848.             document.querySelector('#tab-info').assignChildern111(null, infoExpander, null);
  3849.           }
  3850.           const commentsArea = elements.comments;
  3851.           if (commentsArea && !commentsArea.closest('#right-tabs')) {
  3852.             document.querySelector('#tab-comments').assignChildern111(null, commentsArea, null);
  3853.           }
  3854.           rightTabsProvidedPromise.resolve();
  3855.           roRightTabs.disconnect();
  3856.           roRightTabs.observe(rightTabs);
  3857.           const ytdFlexyElm = elements.flexy;
  3858.           const aoFlexy = new MutationObserver(eventMap['aoFlexyFn']);
  3859.           aoFlexy.observe(ytdFlexyElm, { attributes: true });
  3860.           // Promise.resolve(lockSet['tabsStatusCorrectionLock']).then(eventMap['tabsStatusCorrection']).catch(console.warn);
  3861.  
  3862.           Promise.resolve(lockSet['fixInitialTabStateLock']).then(eventMap['fixInitialTabStateFn']).catch(console.warn);
  3863.  
  3864.           ytdFlexyElm.incAttribute111('attr-7qlsy'); // tabsStatusCorrectionLock and video-id
  3865.  
  3866.  
  3867.           
  3868.         }
  3869.  
  3870.       },
  3871.  
  3872.       'aoFlexyFn': () => {
  3873.  
  3874.         Promise.resolve(lockSet['checkCommentsShouldBeHiddenLock']).then(eventMap['checkCommentsShouldBeHidden']).catch(console.warn);
  3875.  
  3876.         Promise.resolve(lockSet['refreshSecondaryInnerLock']).then(eventMap['refreshSecondaryInner']).catch(console.warn);
  3877.  
  3878.         Promise.resolve(lockSet['tabsStatusCorrectionLock']).then(eventMap['tabsStatusCorrection']).catch(console.warn);
  3879.  
  3880.         const videoId = getCurrentVideoId();
  3881.         if (videoId !== tmpLastVideoId) {
  3882.           tmpLastVideoId = videoId;
  3883.           Promise.resolve(lockSet['updateOnVideoIdChangedLock']).then(eventMap['updateOnVideoIdChanged']).catch(console.warn);
  3884.         }
  3885.  
  3886.       },
  3887.  
  3888.       'twoColumnChanged10': (lockId) => {
  3889.  
  3890.         if (lockId !== lockGet['twoColumnChanged10Lock']) return;
  3891.         for (const continuation of document.querySelectorAll('#tab-videos ytd-watch-next-secondary-results-renderer ytd-continuation-item-renderer')) {
  3892.           if (continuation.closest('[hidden]')) continue;
  3893.           const cnt = insp(continuation);
  3894.           if (typeof cnt.showButton === 'boolean') {
  3895.             if (cnt.showButton === false) continue;
  3896.             cnt.showButton = false;
  3897.             const behavior = (cnt.ytRendererBehavior || cnt);
  3898.             if (typeof behavior.invalidate === 'function') {
  3899.               behavior.invalidate(!1);
  3900.             }
  3901.           }
  3902.         }
  3903.  
  3904.       },
  3905.  
  3906.       'tabsStatusCorrection': (lockId) => {
  3907.         if (lockId !== lockGet['tabsStatusCorrectionLock']) return;
  3908.         const ytdFlexyElm = elements.flexy;
  3909.         if (!ytdFlexyElm) return;
  3910.         const p = tabAStatus;
  3911.         const q = calculationFn(p, 1 | 2 | 4 | 8 | 16 | 32 | 64 | 128);
  3912.  
  3913.         let resetForPanelDisappeared = false;
  3914.         if (p !== q) {
  3915.           console.log(388, p, q)
  3916.           let actioned = false;
  3917.           if ((p & 128) === 0 && (q & 128) === 128) {
  3918.             lastPanel = 'playlist'
  3919.           } else if ((p & 8) === 0 && (q & 8) === 8) {
  3920.             lastPanel = 'chat'
  3921.           } else if ((((p & 4) == 4 && (q & (4 | 8)) == (0 | 0)) || ((p & 8) == 8 && (q & (4 | 8)) === (0 | 0))) && lastPanel === 'chat') {
  3922.             // 24 -> 16 = -8; 'd'
  3923.             lastPanel = (lastTab || '');
  3924.             resetForPanelDisappeared = true;
  3925.           } else if ((p & (4 | 8)) === 8 && (q & (4 | 8)) === 4 && lastPanel === 'chat') {
  3926.             // click close
  3927.             lastPanel = (lastTab || '');
  3928.             resetForPanelDisappeared = true;
  3929.           } else if ((p & 128) === 128 && (q & 128) === 0 && lastPanel === 'playlist') {
  3930.  
  3931.             lastPanel = (lastTab || '');
  3932.             resetForPanelDisappeared = true;
  3933.           }
  3934.           tabAStatus = q;
  3935.  
  3936.           let bFixForResizedTab = false;
  3937.  
  3938.           if ((q ^ 2) === 2 && bFixForResizedTabLater) {
  3939.             bFixForResizedTab = true;
  3940.           }
  3941.  
  3942.           if ((p & 16) === 16 & (q & 16) === 0) {
  3943.             Promise.resolve(lockSet['twoColumnChanged10Lock']).then(eventMap['twoColumnChanged10']).catch(console.warn);
  3944.           }
  3945.  
  3946.           if ((((p & 2) === 2) ^ ((q & 2) === 2)) && ((q & 2) === 2)) {
  3947.             bFixForResizedTab = true;
  3948.           }
  3949.  
  3950.           // p->q +2
  3951.           if ((p & 2) === 0 && (q & 2) === 2 && (p & 128) === 128 && (q & 128) === 128) {
  3952.             lastPanel = (lastTab || '');
  3953.             ytBtnClosePlaylist();
  3954.             actioned = true;
  3955.           }
  3956.  
  3957.           // p->q +8
  3958.           if ((p & (8 | 128)) === (0 | 128) && (q & (8 | 128)) === (8 | 128) && lastPanel === 'chat') {
  3959.             lastPanel = (lastTab || '');
  3960.             ytBtnClosePlaylist();
  3961.             actioned = true;
  3962.           }
  3963.  
  3964.           // p->q +128
  3965.           if ((p & (2 | 128)) === (2 | 0) && (q & (2 | 128)) === (2 | 128) && lastPanel === 'playlist') {
  3966.             switchToTab(null);
  3967.             actioned = true;
  3968.           }
  3969.  
  3970.           // p->q +128
  3971.           if ((p & (8 | 128)) === (8 | 0) && (q & (8 | 128)) === (8 | 128) && lastPanel === 'playlist') {
  3972.             lastPanel = (lastTab || '');
  3973.             ytBtnCollapseChat();
  3974.             actioned = true;
  3975.           }
  3976.  
  3977.  
  3978.           // p->q +128
  3979.           if ((p & (1 | 16 | 128)) == (1 | 16) && (q & (1 | 16 | 128)) == (1 | 16 | 128)) {
  3980.             ytBtnCancelTheater();
  3981.             actioned = true;
  3982.           }
  3983.  
  3984.           // p->q +1
  3985.           if ((p & (1 | 16 | 128)) == (16 | 128) && (q & (1 | 16 | 128)) == (1 | 16 | 128)) {
  3986.             lastPanel = (lastTab || '');
  3987.             ytBtnClosePlaylist();
  3988.             actioned = true;
  3989.           }
  3990.  
  3991.           if ((q & 64) === 64) {
  3992.             actioned = false;
  3993.           } else if ((p & 64) == 64 && (q & 64) === 0) {
  3994.             // p->q -64
  3995.  
  3996.             if ((q & 32) === 32) {
  3997.               ytBtnCloseEngagementPanels();
  3998.             }
  3999.  
  4000.             if ((q & (2 | 8)) === (2 | 8)) {
  4001.               if (lastPanel === 'chat') {
  4002.  
  4003.                 switchToTab(null);
  4004.                 actioned = true;
  4005.               } else if (lastPanel) {
  4006.                 ytBtnCollapseChat();
  4007.                 actioned = true;
  4008.               }
  4009.             }
  4010.  
  4011.           } else if ((p & (1 | 2 | 8 | 16 | 32)) === (1 | 0 | 0 | 16 | 0) && (q & (1 | 2 | 8 | 16 | 32)) === (1 | 0 | 8 | 16 | 0)) {
  4012.             // p->q +8
  4013.             ytBtnCancelTheater();
  4014.             actioned = true;
  4015.           } else if ((p & (1 | 16 | 32)) === (0 | 16 | 0) && (q & (1 | 16 | 32)) === (0 | 16 | 32) && (q & (2 | 8)) > 0) {
  4016.             // p->q +32
  4017.             if (q & 2) {
  4018.               switchToTab(null);
  4019.               actioned = true;
  4020.             }
  4021.             if (q & 8) {
  4022.               ytBtnCollapseChat();
  4023.               actioned = true;
  4024.             }
  4025.           } else if ((p & (1 | 16 | 8 | 2)) === (16 | 8) && (q & (1 | 16 | 8 | 2)) === (16) && (q & 128) === 0) {
  4026.             // p->q -8
  4027.             if (lastTab) {
  4028.               switchToTab(lastTab)
  4029.               actioned = true;
  4030.             }
  4031.  
  4032.           } else if ((p & 1) === 0 && (q & 1) === 1) {
  4033.             // p->q +1
  4034.             if ((q & 32) === 32) {
  4035.               ytBtnCloseEngagementPanels();
  4036.             }
  4037.             if ((p & 9) === 8 && (q & 9) === 9) {
  4038.               ytBtnCollapseChat();
  4039.             }
  4040.             switchToTab(null)
  4041.             actioned = true;
  4042.  
  4043.           } else if ((p & 3) === 1 && (q & 3) === 3) {
  4044.             // p->q +2
  4045.             ytBtnCancelTheater();
  4046.             actioned = true;
  4047.           } else if ((p & 10) === 2 && (q & 10) === 10) {
  4048.             // p->q +8
  4049.             switchToTab(null)
  4050.             actioned = true;
  4051.  
  4052.           } else if ((p & (8 | 32)) === (0 | 32) && (q & (8 | 32)) === (8 | 32)) {
  4053.             // p->q +8
  4054.             ytBtnCloseEngagementPanels();
  4055.             actioned = true;
  4056.  
  4057.  
  4058.           } else if ((p & (2 | 32)) === (0 | 32) && (q & (2 | 32)) === (2 | 32)) {
  4059.             // p->q +2
  4060.             ytBtnCloseEngagementPanels();
  4061.             actioned = true;
  4062.  
  4063.           } else if ((p & (2 | 8)) === (0 | 8) && (q & (2 | 8)) === (2 | 8)) {
  4064.             // p->q +2
  4065.             ytBtnCollapseChat();
  4066.             actioned = true;
  4067.             // if( lastPanel && (p & (1|16) === 16)  && (q & (1 | 16 | 8 | 2)) === (16) ){
  4068.             //   switchToTab(lastTab)
  4069.             //   actioned = true;
  4070.             // }
  4071.           } else if ((p & 1) === 1 && (q & (1 | 32)) === (0 | 0)) {
  4072.             // p->q -1
  4073.             if (lastPanel === 'chat') {
  4074.               ytBtnExpandChat()
  4075.               actioned = true;
  4076.             } else if (lastPanel === lastTab && lastTab) {
  4077.               switchToTab(lastTab)
  4078.               actioned = true;
  4079.             }
  4080.           }
  4081.  
  4082.  
  4083.           // 24 20
  4084.           // 8 16   4 16
  4085.  
  4086.           if (!actioned && (q & 128) === 128) {
  4087.             lastPanel = 'playlist'
  4088.             if ((q & 2) === 2) {
  4089.               switchToTab(null)
  4090.               actioned = true;
  4091.             }
  4092.           }
  4093.  
  4094.           if ((p & 2) === 2 && (q & (2 | 128)) === (0 | 128)) {
  4095.             // p->q -2
  4096.  
  4097.           } else if ((p & 8) === 8 && (q & (8 | 128)) === (0 | 128)) {
  4098.             // p->q -8
  4099.  
  4100.           } else if (!actioned && (p & (1 | 16)) === 16 && (q & (1 | 16 | 8 | 2 | 32 | 64)) === (16 | 0 | 0)) {
  4101.             console.log(388, 'd')
  4102.             if (lastPanel === 'chat') {
  4103.               console.log(388, 'd1c')
  4104.               ytBtnExpandChat()
  4105.               actioned = true;
  4106.  
  4107.             } else if (lastPanel === 'playlist') {
  4108.               console.log(388, 'd1p')
  4109.               ytBtnOpenPlaylist()
  4110.               actioned = true;
  4111.  
  4112.             } else if (lastTab) {
  4113.               console.log(388, 'd2t')
  4114.               switchToTab(lastTab)
  4115.               actioned = true;
  4116.             } else if (resetForPanelDisappeared) {
  4117.               // if lastTab is undefined
  4118.               console.log(388, 'd2d')
  4119.               Promise.resolve(lockSet['fixInitialTabStateLock']).then(eventMap['fixInitialTabStateFn']).catch(console.warn);
  4120.               actioned = true;
  4121.             }
  4122.           }
  4123.  
  4124.  
  4125.           if (bFixForResizedTab) {
  4126.             bFixForResizedTabLater = false;
  4127.             Promise.resolve(0).then(eventMap['fixForTabDisplay']).catch(console.warn);
  4128.           }
  4129.  
  4130.           if (((p & 16) === 16) ^ ((q & 16) === 16)) {
  4131.             Promise.resolve(lockSet['infoFixLock']).then(infoFix).catch(console.warn);
  4132.             Promise.resolve(lockSet['removeKeepCommentsScrollerLock']).then(removeKeepCommentsScroller).catch(console.warn);
  4133.             Promise.resolve(lockSet['layoutFixLock']).then(layoutFix).catch(console.warn);
  4134.           }
  4135.         }
  4136.  
  4137.       },
  4138.  
  4139.       'updateOnVideoIdChanged': (lockId) => {
  4140.         if (lockId !== lockGet['updateOnVideoIdChangedLock']) return;
  4141.         const videoId = tmpLastVideoId;
  4142.         if (!videoId) return;
  4143.         
  4144.         const bodyRenderer = elements.infoExpanderRendererBack;
  4145.         const bodyRendererNew = elements.infoExpanderRendererFront;
  4146.  
  4147.         if(bodyRendererNew && bodyRenderer){
  4148.  
  4149.           insp(bodyRendererNew).data = insp(bodyRenderer).data;
  4150.           // if ((bodyRendererNew.hasAttribute('hidden') ? 1 : 0) ^ (bodyRenderer.hasAttribute('hidden') ? 1 : 0)) {
  4151.           //   if (bodyRenderer.hasAttribute('hidden')) bodyRendererNew.setAttribute('hidden', '');
  4152.           //   else bodyRendererNew.removeAttribute('hidden');
  4153.           // }
  4154.  
  4155.         }
  4156.  
  4157.  
  4158.         Promise.resolve(lockSet['infoFixLock']).then(infoFix).catch(console.warn);
  4159.       },
  4160.  
  4161.       'fixInitialTabStateFn': async (lockId) => {
  4162.         // console.log('fixInitialTabStateFn 0a');
  4163.         if (lockGet['fixInitialTabStateLock'] !== lockId) return;
  4164.         // console.log('fixInitialTabStateFn 0b');
  4165.         const delayTime = fixInitialTabStateK > 0 ? 200 : 1;
  4166.         await delayPn(delayTime);
  4167.         if (lockGet['fixInitialTabStateLock'] !== lockId) return;
  4168.         // console.log('fixInitialTabStateFn 0c');
  4169.         const kTab = document.querySelector('[tyt-tab]');
  4170.         const qTab = (!kTab || kTab.getAttribute('tyt-tab') === '') ? checkElementExist('ytd-watch-flexy[is-two-columns_]', '[hidden]') : null;
  4171.         if (checkElementExist('ytd-playlist-panel-renderer#playlist', '[hidden], [collapsed]')) {
  4172.           console.log('fixInitialTabStateFn 1p');
  4173.           switchToTab(null);
  4174.         } else if (checkElementExist('ytd-live-chat-frame#chat', '[hidden], [collapsed]')) {
  4175.           console.log('fixInitialTabStateFn 1a');
  4176.           switchToTab(null);
  4177.           if (checkElementExist('ytd-watch-flexy[theater]', '[hidden]')) {
  4178.             ytBtnCollapseChat();
  4179.           }
  4180.         } else if (qTab) {
  4181.           const hasTheater = qTab.hasAttribute('theater');
  4182.           if (!hasTheater) {
  4183.             console.log('fixInitialTabStateFn 1b');
  4184.             const btn0 = document.querySelector('.tab-btn-visible') // or default button
  4185.             if (btn0) {
  4186.               switchToTab(btn0);
  4187.             } else {
  4188.               switchToTab(null);
  4189.             }
  4190.           } else {
  4191.             console.log('fixInitialTabStateFn 1c');
  4192.             switchToTab(null);
  4193.           }
  4194.         } else {
  4195.           console.log('fixInitialTabStateFn 1z');
  4196.         }
  4197.         // console.log('fixInitialTabStateFn 0d');
  4198.         fixInitialTabStateK++;
  4199.       },
  4200.  
  4201.       'tabs-btn-click': (evt) => {
  4202.  
  4203.         const target = evt.target;
  4204.         if (target instanceof HTMLElement_ && target.classList.contains('tab-btn') && target.hasAttribute000('tyt-tab-content')) {
  4205.  
  4206.           evt.preventDefault();
  4207.           evt.stopPropagation();
  4208.           evt.stopImmediatePropagation();
  4209.  
  4210.  
  4211.           const activeLink = target;
  4212.  
  4213.           switchToTab(activeLink);
  4214.  
  4215.         }
  4216.  
  4217.       }
  4218.  
  4219.     }
  4220.  
  4221.     Promise.all([videosElementProvidedPromise, navigateFinishedPromise]).then(eventMap['onceInsertRightTabs']).catch(console.warn);
  4222.     Promise.all([navigateFinishedPromise, infoExpanderElementProvidedPromise]).then(eventMap['onceInfoExpanderElementProvidedPromised']).catch(console.warn);
  4223.  
  4224.     const isCustomElementsProvided = typeof customElements !== "undefined" && typeof (customElements || 0).whenDefined === "function";
  4225.  
  4226.     const promiseForCustomYtElementsReady = isCustomElementsProvided ? Promise.resolve(0) : new Promise((callback) => {
  4227.       const EVENT_KEY_ON_REGISTRY_READY = "ytI-ce-registry-created";
  4228.       if (typeof customElements === 'undefined') {
  4229.         if (!('__CE_registry' in document)) {
  4230.           // https://github.com/webcomponents/polyfills/
  4231.           Object.defineProperty(document, '__CE_registry', {
  4232.             get() {
  4233.               // return undefined
  4234.             },
  4235.             set(nv) {
  4236.               if (typeof nv == 'object') {
  4237.                 delete this.__CE_registry;
  4238.                 this.__CE_registry = nv;
  4239.                 this.dispatchEvent(new CustomEvent(EVENT_KEY_ON_REGISTRY_READY));
  4240.               }
  4241.               return true;
  4242.             },
  4243.             enumerable: false,
  4244.             configurable: true
  4245.           })
  4246.         }
  4247.         let eventHandler = (evt) => {
  4248.           document.removeEventListener(EVENT_KEY_ON_REGISTRY_READY, eventHandler, false);
  4249.           const f = callback;
  4250.           callback = null;
  4251.           eventHandler = null;
  4252.           f();
  4253.         };
  4254.         document.addEventListener(EVENT_KEY_ON_REGISTRY_READY, eventHandler, false);
  4255.       } else {
  4256.         callback();
  4257.       }
  4258.     });
  4259.  
  4260.     const _retrieveCE = async (nodeName) => {
  4261.       try {
  4262.         isCustomElementsProvided || (await promiseForCustomYtElementsReady);
  4263.         await customElements.whenDefined(nodeName);
  4264.       } catch (e) {
  4265.         console.warn(e);
  4266.       }
  4267.     }
  4268.  
  4269.  
  4270.     const retrieveCE = async (nodeName) => {
  4271.       try {
  4272.         isCustomElementsProvided || (await promiseForCustomYtElementsReady);
  4273.         await customElements.whenDefined(nodeName);
  4274.         const dummy = document.querySelector(nodeName) || document.createElement(nodeName);
  4275.         const cProto = insp(dummy).constructor.prototype;
  4276.         return cProto;
  4277.       } catch (e) {
  4278.         console.warn(e);
  4279.       }
  4280.     }
  4281.  
  4282.  
  4283.     const moOverallRes = {
  4284.       _yt_playerProvided: () => (((window || 0)._yt_player || 0) || 0)
  4285.     }
  4286.  
  4287.     let promiseWaitNext = null;
  4288.     const moOverall = new MutationObserver(() => {
  4289.       if (promiseWaitNext) {
  4290.         promiseWaitNext.resolve();
  4291.         promiseWaitNext = null;
  4292.       }
  4293.  
  4294.       if (typeof moOverallRes._yt_playerProvided === 'function') {
  4295.         const r = moOverallRes._yt_playerProvided();
  4296.         if (r) {
  4297.           moOverallRes._yt_playerProvided = r;
  4298.           eventMap._yt_playerProvided();
  4299.         }
  4300.       }
  4301.     });
  4302.  
  4303.     moOverall.observe(document, { subtree: true, childList: true });
  4304.  
  4305.  
  4306.     const moEgmPanelReady = new MutationObserver(mutations => {
  4307.       for (const mutation of mutations) {
  4308.         const target = mutation.target;
  4309.         if (!target.hasAttribute000('tyt-egm-panel-jclmd')) continue;
  4310.         if (target.hasAttribute000('target-id') && target.hasAttribute000('visibility')) {
  4311.           target.removeAttribute000('tyt-egm-panel-jclmd');
  4312.           moEgmPanelReadyClearFn();
  4313.           Promise.resolve(target).then(eventMap['ytd-engagement-panel-section-list-renderer::bindTarget']).catch(console.warn);
  4314.         }
  4315.       }
  4316.     });
  4317.  
  4318.     const moEgmPanelReadyClearFn = () => {
  4319.  
  4320.       if (document.querySelector('[tyt-egm-panel-jclmd]') === null) {
  4321.         moEgmPanelReady.takeRecords();
  4322.         moEgmPanelReady.disconnect();
  4323.       }
  4324.  
  4325.     };
  4326.  
  4327.     document.addEventListener('yt-navigate-finish', eventMap['yt-navigate-finish'], false);
  4328.  
  4329.     document.addEventListener('animationstart', evt => {
  4330.       const f = eventMap[evt.animationName];
  4331.       if (typeof f === 'function') f(evt.target);
  4332.     }, capturePassive);
  4333.  
  4334.     // console.log('hi122')
  4335.  
  4336.  
  4337.     mLoaded.flag |= 1;
  4338.     document.documentElement.setAttribute111('tabview-loaded', mLoaded.makeString());
  4339.  
  4340.     promiseForCustomYtElementsReady.then(eventMap['ceHack']).catch(console.warn);
  4341.  
  4342.  
  4343.     executionFinished = 1;
  4344.  
  4345.  
  4346.  
  4347.   } catch (e) {
  4348.     console.log('error 0xF491');
  4349.     console.error(e);
  4350.   }
  4351.  
  4352. };
  4353. const styles = {
  4354.   'main': `
  4355.  
  4356.  
  4357.   @keyframes relatedElementProvided {
  4358.     0% {
  4359.         background-position-x: 3px;
  4360.     }
  4361.     100% {
  4362.         background-position-x: 4px;
  4363.     }
  4364.   }
  4365.     
  4366.   html[tabview-loaded="icp"] #related.ytd-watch-flexy {
  4367.     animation: relatedElementProvided 1ms linear 0s 1 normal forwards;
  4368.   }
  4369.     
  4370.   html[tabview-loaded="icp"] #right-tabs #related.ytd-watch-flexy,
  4371.   html[tabview-loaded="icp"] [hidden] #related.ytd-watch-flexy {
  4372.     animation: initial;
  4373.   }
  4374.  
  4375.   
  4376.  
  4377.  
  4378.   
  4379.     
  4380.   html[tabview-loaded="icp"] #right-tabs ytd-expander#expander,
  4381.   html[tabview-loaded="icp"] [hidden] ytd-expander#expander,
  4382.   html[tabview-loaded="icp"] ytd-comments ytd-expander#expander{
  4383.     animation: initial;
  4384.   }
  4385.  
  4386.  
  4387.  
  4388.  
  4389.  
  4390.   #secondary.ytd-watch-flexy {
  4391.     position: relative;
  4392.   }
  4393.  
  4394.   #secondary-inner.style-scope.ytd-watch-flexy {
  4395.     height: 100%;
  4396.   }
  4397.  
  4398.   /*
  4399.   ytd-watch-flexy[tyt-tab^="#"] #secondary-inner.style-scope.ytd-watch-flexy::after {
  4400.     display: block;
  4401.     content:'';
  4402.     height: 100vh;
  4403.   }
  4404.     */
  4405.  
  4406.   secondary-wrapper {
  4407.     display: flex;
  4408.     flex-direction: column;
  4409.     flex-wrap: nowrap;
  4410.     box-sizing: border-box;
  4411.     padding: 0;
  4412.     margin: 0;
  4413.     border: 0;
  4414.     height: 100%;
  4415.     max-height: calc(100vh - var(--ytd-toolbar-height, 56px));
  4416.     position: absolute;
  4417.     top: 0;
  4418.     right: 0;
  4419.     left: 0;
  4420.     contain: strict;
  4421.  
  4422.     /*     border-right: var(--ytd-margin-6x) solid transparent; */
  4423.     padding-top: var(--ytd-margin-6x);
  4424.     padding-right: var(--ytd-margin-6x);
  4425.     padding-bottom: var(--ytd-margin-6x);
  4426.   }
  4427.  
  4428.  
  4429.  
  4430.   #right-tabs {
  4431.       position: relative;
  4432.       display: flex;
  4433.       padding: 0;
  4434.       margin: 0;    
  4435.       flex-grow: 1;
  4436.       flex-direction: column;
  4437.   }
  4438.  
  4439.   [tyt-tab=""] #right-tabs{
  4440.     flex-grow: 0;
  4441.   }
  4442.  
  4443.   [tyt-tab=""] #right-tabs .tab-content{
  4444.       border: 0;
  4445.   }
  4446.  
  4447.   #right-tabs .tab-content {
  4448.     flex-grow: 1;
  4449.   }
  4450.  
  4451.   ytd-watch-flexy[hide-default-text-inline-expander] #primary.style-scope.ytd-watch-flexy ytd-text-inline-expander {
  4452.     display: none;
  4453.   }
  4454.  
  4455.  
  4456.   ytd-watch-flexy:not([keep-comments-scroller]) #tab-comments.tab-content-hidden {
  4457.     --comment-pre-load-sizing: 90px;
  4458.     visibility: collapse;
  4459.     z-index: -1;
  4460.     position: fixed !important;
  4461.     left: 2px;
  4462.     top: 2px;
  4463.     width: var(--comment-pre-load-sizing) !important;
  4464.     height: var(--comment-pre-load-sizing) !important;
  4465.     display: block !important;
  4466.     pointer-events: none !important;
  4467.     overflow:hidden;
  4468.     contain:strict;
  4469.     border: 0;
  4470.     margin: 0;
  4471.     padding: 0;
  4472.   }
  4473.  
  4474.   /*
  4475.   ytd-watch-flexy:not([keep-comments-scroller]) #tab-comments.tab-content-hidden ytd-comments#comments > * {
  4476.     display: none !important;
  4477.   }
  4478.     */
  4479.  
  4480.   ytd-watch-flexy:not([keep-comments-scroller]) #tab-comments.tab-content-hidden ytd-comments#comments > ytd-item-section-renderer#sections {
  4481.     display: block !important;
  4482.     overflow:hidden;
  4483.     height: var(--comment-pre-load-sizing);
  4484.     width: var(--comment-pre-load-sizing);
  4485.     contain:strict;
  4486.     border: 0;
  4487.     margin: 0;
  4488.     padding: 0;
  4489.   }
  4490.  
  4491.   /*
  4492.   ytd-watch-flexy:not([keep-comments-scroller]) #tab-comments.tab-content-hidden ytd-comments#comments > ytd-item-section-renderer#sections > * {
  4493.     display: none !important;
  4494.   }
  4495.  
  4496.   */
  4497.  
  4498.   ytd-watch-flexy:not([keep-comments-scroller]) #tab-comments.tab-content-hidden ytd-comments#comments > ytd-item-section-renderer#sections > #contents {
  4499.     display: flex !important;
  4500.     flex-direction: row;
  4501.     gap: 60px;
  4502.     overflow:hidden;
  4503.     height: var(--comment-pre-load-sizing);
  4504.     width: var(--comment-pre-load-sizing);
  4505.     contain:strict;
  4506.     border: 0;
  4507.     margin: 0;
  4508.     padding: 0;
  4509.   }
  4510.     
  4511.   /*
  4512.   ytd-watch-flexy:not([keep-comments-scroller]) #tab-comments.tab-content-hidden ytd-comments#comments > ytd-item-section-renderer#sections > #contents > * {
  4513.     display: block !important;
  4514.     visibility: collapse !important;
  4515.     overflow: hidden;
  4516.     margin: calc(2 * var(--comment-pre-load-sizing)) !important;
  4517.     width: var(--comment-pre-load-sizing);
  4518.     height: var(--comment-pre-load-sizing);
  4519.     box-sizing: content-box;
  4520.     contain:strict;
  4521.     border: 0;
  4522.     padding: 0;
  4523.   }
  4524.     */
  4525.  
  4526.   
  4527.   ytd-watch-flexy:not([keep-comments-scroller]) #tab-comments.tab-content-hidden ytd-comments#comments #contents {
  4528.     --comment-pre-load-display: none;
  4529.   }
  4530.  
  4531.   ytd-watch-flexy:not([keep-comments-scroller]) #tab-comments.tab-content-hidden ytd-comments#comments #contents > *:only-of-type,
  4532.   ytd-watch-flexy:not([keep-comments-scroller]) #tab-comments.tab-content-hidden ytd-comments#comments #contents > *:last-child {
  4533.     --comment-pre-load-display: block;
  4534.   }
  4535.  
  4536.   ytd-watch-flexy:not([keep-comments-scroller]) #tab-comments.tab-content-hidden ytd-comments#comments #contents > * {
  4537.     display: var(--comment-pre-load-display) !important;
  4538.   }
  4539.  
  4540.   #right-tabs #material-tabs {
  4541.     position: relative;
  4542.     display: flex;
  4543.     padding: 0;
  4544.     /*outline: 1px solid var(--tyt-x-border-color);*/
  4545.     /*outline: 1px solid var(--ytd-searchbox-legacy-border-color);*/
  4546.     /* 2023/05/05 chaged from outline to border */
  4547.     border: 1px solid var(--ytd-searchbox-legacy-border-color);
  4548.     /* border-bottom:0; */
  4549.     overflow: hidden;
  4550.   }
  4551.  
  4552.   [tyt-tab] #right-tabs #material-tabs {
  4553.     border-radius: var(--tyt-rounded-a1) var(--tyt-rounded-a1) var(--tyt-rounded-a1) var(--tyt-rounded-a1);
  4554.   }
  4555.  
  4556.   [tyt-tab^="#"] #right-tabs #material-tabs {
  4557.     border-radius: var(--tyt-rounded-a1) var(--tyt-rounded-a1) 0 0;
  4558.   }
  4559.  
  4560.   ytd-watch-flexy[flexy]:not([is-two-columns_]) #right-tabs #material-tabs {
  4561.       outline: 0;
  4562.   }
  4563.  
  4564.   #right-tabs #material-tabs a.tab-btn[tyt-tab-content] > * {
  4565.     pointer-events: none;
  4566.   }
  4567.  
  4568.   #right-tabs #material-tabs a.tab-btn[tyt-tab-content] > .font-size-right {
  4569.     pointer-events: initial;
  4570.     display: none; /* not yet supported */
  4571.   }
  4572.  
  4573.       
  4574.   ytd-watch-flexy #right-tabs .tab-content {
  4575.       padding: 0;
  4576.       box-sizing: border-box;
  4577.       display: block;
  4578.       /*--yt-spec-brand-background-primary:var(--yt-spec-general-background-a);*/
  4579.       /*outline: 1px solid var(--tyt-x-border-color);*/
  4580.       /* outline: 1px solid var(--ytd-searchbox-legacy-border-color); */
  4581.       /* 2023/05/05 chaged from outline to border */
  4582.       border: 1px solid var(--ytd-searchbox-legacy-border-color);
  4583.       border-top:0;
  4584.       position: relative;
  4585.       top: 0;
  4586.       display: flex;
  4587.       flex-direction: row;
  4588.       overflow: hidden;
  4589.       border-radius: 0 0 var(--tyt-rounded-a1) var(--tyt-rounded-a1);
  4590.   }
  4591.  
  4592.   ytd-watch-flexy[is-two-columns_] #right-tabs .tab-content {
  4593.   /*
  4594.       height: var(--tyt-tabs-content-height);
  4595.       contain: size layout paint;
  4596.       */
  4597.   }
  4598.  
  4599.   ytd-watch-flexy:not([is-two-columns_]) #right-tabs .tab-content {
  4600.       height: 100%;
  4601.   }
  4602.  
  4603.   ytd-watch-flexy #right-tabs .tab-content-cld {
  4604.       box-sizing: border-box;
  4605.       position: relative;
  4606.       display: block;
  4607.       width: 100%;
  4608.       overflow: auto;
  4609.       --tab-content-padding: var(--ytd-margin-4x);
  4610.       padding: var(--tab-content-padding);
  4611.       contain: layout paint;
  4612.  
  4613.   }
  4614.  
  4615.   .tab-content-cld,
  4616.   #right-tabs,
  4617.   .tab-content {
  4618.       transition: none;
  4619.       animation: none;
  4620.   }
  4621.  
  4622.   ytd-watch-flexy[is-two-columns_] #right-tabs .tab-content-cld {
  4623.       height: 100%;
  4624.       width: 100%;
  4625.       contain: size layout paint style;
  4626.       position: absolute;
  4627.   }
  4628.  
  4629.   ytd-watch-flexy #right-tabs .tab-content-cld.tab-content-hidden {
  4630.       display: none;
  4631.       width: 100%;
  4632.       /* width fix */
  4633.       contain: size layout paint style;
  4634.   }
  4635.  
  4636.  
  4637.  
  4638.  
  4639.  
  4640.  
  4641.   @supports (color: var(--tabview-tab-btn-define)) {
  4642.  
  4643.   /* give background color; otherwise it will be transparent in dark mode, single column*/
  4644.   ytd-watch-flexy #right-tabs .tab-btn {
  4645.       background: var(--yt-spec-general-background-a);
  4646.   }
  4647.  
  4648.   html {
  4649.       --tyt-tab-btn-flex-grow: 1;
  4650.       --tyt-tab-btn-flex-basis: 0%;
  4651.       --tyt-tab-bar-color-1-def: #ff4533;
  4652.       --tyt-tab-bar-color-2-def: var(--yt-brand-light-red);
  4653.       --tyt-tab-bar-color-1:var(--main-color, var(--tyt-tab-bar-color-1-def));
  4654.       --tyt-tab-bar-color-2:var(--main-color, var(--tyt-tab-bar-color-2-def));
  4655.   }
  4656.  
  4657.   ytd-watch-flexy #right-tabs .tab-btn[tyt-tab-content] {
  4658.  
  4659.       flex-grow: 1;
  4660.       flex-shrink: 1;
  4661.       flex-basis: 0%;
  4662.       
  4663.       flex-grow: var(--tyt-tab-btn-flex-grow);
  4664.       flex-basis: var(--tyt-tab-btn-flex-basis);
  4665.       position: relative;
  4666.       display: inline-block;
  4667.       text-decoration: none;
  4668.       text-transform: uppercase;
  4669.       --tyt-tab-btn-color: var(--yt-spec-text-secondary);
  4670.       color: var(--tyt-tab-btn-color);
  4671.       text-align: center;
  4672.       padding: 14px 8px 10px;
  4673.       border: 0;
  4674.       border-bottom: 4px solid transparent;
  4675.       font-weight: 500;
  4676.       font-size: 12px;
  4677.       line-height: 18px;
  4678.       cursor: pointer;
  4679.       transition: border 200ms linear 100ms;
  4680.       background-color: var(--ytd-searchbox-legacy-button-color);
  4681.       text-transform: var(--yt-button-text-transform, inherit);
  4682.       user-select: none !important;
  4683.  
  4684.       overflow: hidden;
  4685.       white-space: nowrap;
  4686.       /*text-overflow: ellipsis;*/
  4687.       text-overflow: clip;
  4688.  
  4689.   }
  4690.  
  4691.  
  4692.   /* .tab-btn[tyt-tab-content] */
  4693.  
  4694.   ytd-watch-flexy #right-tabs .tab-btn[tyt-tab-content]>svg {
  4695.       height: 18px;
  4696.       padding-right: 0px;
  4697.       vertical-align: bottom;
  4698.       opacity: .5;
  4699.       margin-right: 0px;
  4700.       color: var(--yt-button-color, inherit);
  4701.       fill: var(--iron-icon-fill-color, currentcolor);
  4702.       stroke: var(--iron-icon-stroke-color, none);
  4703.   }
  4704.  
  4705.   ytd-watch-flexy #right-tabs .tab-btn {
  4706.       --tabview-btn-txt-ml: 8px;
  4707.   }
  4708.   ytd-watch-flexy[tyt-comment-disabled] #right-tabs .tab-btn[tyt-tab-content="#tab-comments"] {
  4709.       --tabview-btn-txt-ml: 0px;
  4710.   }
  4711.  
  4712.   ytd-watch-flexy #right-tabs .tab-btn[tyt-tab-content]>svg+span {
  4713.       margin-left: var(--tabview-btn-txt-ml);
  4714.   }
  4715.  
  4716.   ytd-watch-flexy #right-tabs .tab-btn[tyt-tab-content] svg {
  4717.       pointer-events: none;
  4718.   }
  4719.  
  4720.   ytd-watch-flexy #right-tabs .tab-btn[tyt-tab-content].active {
  4721.       font-weight: 500;
  4722.       outline: 0;
  4723.       --tyt-tab-btn-color: var(--yt-spec-text-primary);
  4724.       background-color: var(--ytd-searchbox-legacy-button-focus-color);
  4725.       border-bottom: 4px var(--tyt-tab-bar-color-1) solid;
  4726.       border-bottom-color: var(--tyt-tab-bar-color-2);
  4727.   }
  4728.  
  4729.   ytd-watch-flexy #right-tabs .tab-btn[tyt-tab-content].active svg {
  4730.       opacity: .9
  4731.   }
  4732.  
  4733.   ytd-watch-flexy #right-tabs .tab-btn[tyt-tab-content]:not(.active):hover {
  4734.       background-color: var(--ytd-searchbox-legacy-button-hover-color);
  4735.       --tyt-tab-btn-color: var(--yt-spec-text-primary);
  4736.   }
  4737.  
  4738.   ytd-watch-flexy #right-tabs .tab-btn[tyt-tab-content]:not(.active):hover svg {
  4739.       opacity: .9
  4740.   }
  4741.  
  4742.   ytd-watch-flexy #right-tabs .tab-btn[tyt-tab-content] {
  4743.       user-select: none !important;
  4744.   }
  4745.  
  4746.   ytd-watch-flexy #right-tabs .tab-btn[tyt-tab-content].tab-btn-hidden {
  4747.       display: none;
  4748.   }
  4749.  
  4750.   ytd-watch-flexy[tyt-comment-disabled] #right-tabs .tab-btn[tyt-tab-content="#tab-comments"],
  4751.   ytd-watch-flexy[tyt-comment-disabled] #right-tabs .tab-btn[tyt-tab-content="#tab-comments"]:hover {
  4752.       --tyt-tab-btn-color: var(--yt-spec-icon-disabled);
  4753.   }
  4754.  
  4755.   ytd-watch-flexy[tyt-comment-disabled] #right-tabs .tab-btn[tyt-tab-content="#tab-comments"] span#tyt-cm-count:empty{
  4756.     display:none;
  4757.   }
  4758.  
  4759.  
  4760.   ytd-watch-flexy #right-tabs .tab-btn span#tyt-cm-count:empty::after {
  4761.       display: inline-block;
  4762.       width: 4em;
  4763.       text-align: left;
  4764.       font-size: inherit;
  4765.       color: currentColor;
  4766.       transform: scaleX(0.8);
  4767.   }
  4768.  
  4769.   }
  4770.  
  4771.   @supports (color: var(--tyt-cm-count-define)){
  4772.  
  4773.   ytd-watch-flexy {
  4774.       --tyt-x-loading-content-letter-spacing: 2px;
  4775.   }
  4776.  
  4777.   html {
  4778.       --tabview-text-loading: "Loading";
  4779.       --tabview-text-fetching: "Fetching";
  4780.       --tabview-panel-loading: var(--tabview-text-loading);
  4781.   }
  4782.  
  4783.   html:lang(ja) {
  4784.       --tabview-text-loading: "読み込み中";
  4785.       --tabview-text-fetching: "フェッチ..";
  4786.   }
  4787.  
  4788.   html:lang(ko) {
  4789.       --tabview-text-loading: "로딩..";
  4790.       --tabview-text-fetching: "가져오기..";
  4791.   }
  4792.  
  4793.   html:lang(zh-Hant) {
  4794.       /* 資訊科技名詞 @ https://terms.naer.edu.tw/ */
  4795.       --tabview-text-loading: "載入中";
  4796.       --tabview-text-fetching: "擷取中";
  4797.   }
  4798.  
  4799.   html:lang(zh-Hans) {
  4800.       --tabview-text-loading: "加载中";
  4801.       --tabview-text-fetching: "抓取中";
  4802.   }
  4803.  
  4804.   html:lang(ru) {
  4805.       --tabview-text-loading: "Загрузка";
  4806.       --tabview-text-fetching: "Получение";
  4807.   }
  4808.  
  4809.   ytd-watch-flexy #right-tabs .tab-btn span#tyt-cm-count:empty::after {
  4810.       content: var(--tabview-text-loading);
  4811.       letter-spacing: var(--tyt-x-loading-content-letter-spacing);
  4812.   }
  4813.  
  4814.   }
  4815.  
  4816.  
  4817.   @supports (color: var(--tabview-font-size-btn-define)) {
  4818.  
  4819.   .font-size-right {
  4820.       display: inline-flex;
  4821.       flex-direction: column;
  4822.       position: absolute;
  4823.       right: 0;
  4824.       top: 0;
  4825.       bottom: 0;
  4826.       width: 16px;
  4827.       padding: 4px 0;
  4828.       justify-content: space-evenly;
  4829.       align-content: space-evenly;
  4830.       pointer-events: none;
  4831.   }
  4832.  
  4833.   html body ytd-watch-flexy.style-scope .font-size-btn {
  4834.       user-select: none !important;
  4835.   }
  4836.  
  4837.   .font-size-btn {
  4838.       --tyt-font-size-btn-display: none;
  4839.       display: var(--tyt-font-size-btn-display, none);
  4840.       /* hide zoom btn for FireFox */
  4841.       width: 12px;
  4842.       height: 12px;
  4843.       color: var(--yt-spec-text-secondary);
  4844.       background-color: var(--yt-spec-badge-chip-background);
  4845.       box-sizing: border-box;
  4846.       cursor: pointer;
  4847.       transform-origin: left top;
  4848.       margin: 0;
  4849.       padding: 0;
  4850.       position: relative;
  4851.       font-family: 'Menlo', 'Lucida Console', 'Monaco', 'Consolas', monospace;
  4852.       line-height: 100%;
  4853.       font-weight: 900;
  4854.       transition: background-color 90ms linear, color 90ms linear;
  4855.       pointer-events: all;
  4856.   }
  4857.  
  4858.   .font-size-btn:hover {
  4859.       background-color: var(--yt-spec-text-primary);
  4860.       color: var(--yt-spec-general-background-a);
  4861.   }
  4862.  
  4863.   @supports (zoom: 0.5) {
  4864.  
  4865.       .tab-btn .font-size-btn {
  4866.           --tyt-font-size-btn-display: none;
  4867.       }
  4868.  
  4869.       .tab-btn.active:hover .font-size-btn {
  4870.           --tyt-font-size-btn-display: inline-block;
  4871.       }
  4872.  
  4873.   }
  4874.  
  4875.   }
  4876.  
  4877.  
  4878.   body ytd-watch-flexy:not([is-two-columns_]) #columns.ytd-watch-flexy{
  4879.     flex-direction: column;
  4880.   }
  4881.  
  4882.   body ytd-watch-flexy:not([is-two-columns_]) #secondary.ytd-watch-flexy {
  4883.     display: block;
  4884.     width: 100%;
  4885.     box-sizing: border-box;
  4886.   }
  4887.  
  4888.   body ytd-watch-flexy:not([is-two-columns_]) #secondary.ytd-watch-flexy secondary-wrapper {
  4889.  
  4890.       padding-left: var(--ytd-margin-6x);
  4891.       contain: content;
  4892.       height: initial;
  4893.  
  4894.  
  4895.   }
  4896.  
  4897.   body ytd-watch-flexy:not([is-two-columns_]) #secondary.ytd-watch-flexy secondary-wrapper #right-tabs {
  4898.     overflow: auto;
  4899.  
  4900.   }
  4901.  
  4902.   [tyt-chat="+"] secondary-wrapper > [tyt-chat-container]{
  4903.       flex-grow: 1;
  4904.       flex-shrink: 0;
  4905.       display: flex;
  4906.       flex-direction: column;
  4907.   }
  4908.  
  4909.   [tyt-chat="+"] secondary-wrapper > [tyt-chat-container] > #chat{
  4910.       flex-grow: 1;
  4911.   }
  4912.  
  4913.   ytd-watch-flexy[is-two-columns_]:not([theater]) #columns.style-scope.ytd-watch-flexy {
  4914.       min-height: calc(100vh - var(--ytd-toolbar-height, 56px));
  4915.   }
  4916.  
  4917.   ytd-watch-flexy[is-two-columns_] ytd-live-chat-frame#chat {
  4918.       min-height: initial !important;
  4919.       height: initial !important;
  4920.   }
  4921.  
  4922.   ytd-watch-flexy[tyt-tab^="#"]:not([is-two-columns_]):not([tyt-chat="+"]) #right-tabs {
  4923.       min-height: var(--ytd-watch-flexy-chat-max-height)
  4924.   }
  4925.  
  4926.   body ytd-watch-flexy:not([is-two-columns_]) #chat.ytd-watch-flexy {
  4927.     margin-top: 0;
  4928.  
  4929.   }
  4930.  
  4931.   body ytd-watch-flexy:not([is-two-columns_]) ytd-watch-metadata.ytd-watch-flexy {
  4932.     margin-bottom: 0;
  4933.   }
  4934.  
  4935.   ytd-watch-metadata.ytd-watch-flexy ytd-metadata-row-container-renderer {
  4936.     display: none;
  4937.   }
  4938.  
  4939.   /*
  4940.   #tab-info #items.style-scope.ytd-video-description-infocards-section-renderer {
  4941.  
  4942.     display: inline-flex;
  4943.     flex-wrap: wrap;
  4944.     row-gap: 8px;
  4945.   }
  4946.  
  4947.   #tab-info #left-arrow-container.style-scope.ytd-video-description-infocards-section-renderer,
  4948.   #tab-info #left-arrow.style-scope.ytd-video-description-infocards-section-renderer,
  4949.   #tab-info #right-arrow-container.style-scope.ytd-video-description-infocards-section-renderer,
  4950.   #tab-info #right-arrow.style-scope.ytd-video-description-infocards-section-renderer {
  4951.     visibility: collapse;
  4952.   }
  4953.     */
  4954.  
  4955.   /*
  4956.   #tab-info #social-links.style-scope.ytd-video-description-infocards-section-renderer > #left-arrow-container.ytd-video-description-infocards-section-renderer{
  4957.   left:0;
  4958.   }
  4959.   #tab-info #social-links.style-scope.ytd-video-description-infocards-section-renderer > #right-arrow-container.ytd-video-description-infocards-section-renderer{
  4960.   right:0;
  4961.   }
  4962.  
  4963.   #tab-info #social-links.style-scope.ytd-video-description-infocards-section-renderer > #scroll-container.ytd-video-description-infocards-section-renderer{
  4964.   margin: 0 32px;
  4965.   }
  4966.   */
  4967.  
  4968.   #tab-info [show-expand-button] #expand-sizer.ytd-text-inline-expander{
  4969.     visibility: initial;
  4970.   }
  4971.  
  4972.  
  4973.   #tab-info #social-links.style-scope.ytd-video-description-infocards-section-renderer > #left-arrow-container.ytd-video-description-infocards-section-renderer > #left-arrow{
  4974.     border: 6px solid transparent;
  4975.     opacity: 0.65;
  4976.     }
  4977.     #tab-info #social-links.style-scope.ytd-video-description-infocards-section-renderer > #right-arrow-container.ytd-video-description-infocards-section-renderer >#right-arrow{
  4978.     border: 6px solid transparent;
  4979.     opacity: 0.65;
  4980.     }
  4981.  
  4982.  
  4983.  
  4984.   #tab-info #social-links.style-scope.ytd-video-description-infocards-section-renderer > #left-arrow-container.ytd-video-description-infocards-section-renderer > #left-arrow:hover{
  4985.     opacity: 1;
  4986.     }
  4987.     #tab-info #social-links.style-scope.ytd-video-description-infocards-section-renderer > #right-arrow-container.ytd-video-description-infocards-section-renderer >#right-arrow:hover{
  4988.  
  4989.       opacity: 1;
  4990.       }
  4991.  
  4992.  
  4993.     #tab-info #social-links.style-scope.ytd-video-description-infocards-section-renderer >  div#left-arrow-container::before {
  4994.       content: '';
  4995.       background: transparent;
  4996.       width: 40px;
  4997.       display: block;
  4998.       height: 40px;
  4999.       position: absolute;
  5000.       left: -20px;
  5001.       top: 0;
  5002.       z-index: -1;
  5003.   }
  5004.     #tab-info #social-links.style-scope.ytd-video-description-infocards-section-renderer >  div#right-arrow-container::before {
  5005.       content: '';
  5006.       background: transparent;
  5007.       width: 40px;
  5008.       display: block;
  5009.       height: 40px;
  5010.       position: absolute;
  5011.       right: -20px;
  5012.       top: 0;
  5013.       z-index: -1;
  5014.   }
  5015.  
  5016.  
  5017.  
  5018.   body ytd-watch-flexy[is-two-columns_][tyt-egm-panel_] #columns.style-scope.ytd-watch-flexy #panels.style-scope.ytd-watch-flexy{
  5019.       flex-grow: 1;
  5020.       flex-shrink: 0;
  5021.       display: flex;
  5022.       flex-direction: column;
  5023.   }
  5024.  
  5025.  
  5026.   body ytd-watch-flexy[is-two-columns_][tyt-egm-panel_] #columns.style-scope.ytd-watch-flexy #panels.style-scope.ytd-watch-flexy ytd-engagement-panel-section-list-renderer[target-id][visibility="ENGAGEMENT_PANEL_VISIBILITY_EXPANDED"]{
  5027.  
  5028.       height: initial;
  5029.       max-height: initial;
  5030.       min-height: initial;
  5031.       flex-grow: 1;
  5032.       flex-shrink: 0;
  5033.       display: flex;
  5034.       flex-direction: column;
  5035.  
  5036.       
  5037.   }
  5038.  
  5039.  
  5040.   body ytd-watch-flexy[is-two-columns_][tyt-egm-panel_] #columns.style-scope.ytd-watch-flexy #panels.style-scope.ytd-watch-flexy ytd-engagement-panel-section-list-renderer[target-id][visibility="ENGAGEMENT_PANEL_VISIBILITY_EXPANDED"] #content.style-scope.ytd-engagement-panel-section-list-renderer{
  5041.  
  5042.   /*
  5043.   height: initial;
  5044.   max-height: initial;
  5045.   min-height: initial;
  5046.       flex-grow: 1;
  5047.       flex-shrink: 0;
  5048.       margin: 0;
  5049.       padding: 0;
  5050.       border: 0;
  5051.       display: flex;
  5052.       flex-direction: column;
  5053.       */
  5054.   }
  5055.  
  5056.  
  5057.   body ytd-watch-flexy[is-two-columns_][tyt-egm-panel_] #columns.style-scope.ytd-watch-flexy #panels.style-scope.ytd-watch-flexy ytd-engagement-panel-section-list-renderer[target-id][visibility="ENGAGEMENT_PANEL_VISIBILITY_EXPANDED"] #content.style-scope.ytd-engagement-panel-section-list-renderer > [panel-target-id]{
  5058.  
  5059.   /*
  5060.   height: initial;
  5061.   max-height: initial;
  5062.   min-height: initial;
  5063.       flex-grow: 1;
  5064.       flex-shrink: 0;
  5065.       margin: 0;
  5066.       padding: 0;
  5067.       border: 0;
  5068.       */
  5069.   }
  5070.  
  5071.  
  5072.   secondary-wrapper [visibility="ENGAGEMENT_PANEL_VISIBILITY_EXPANDED"] ytd-transcript-renderer:not(:empty),
  5073.   secondary-wrapper [visibility="ENGAGEMENT_PANEL_VISIBILITY_EXPANDED"] #body.ytd-transcript-renderer:not(:empty),
  5074.     secondary-wrapper [visibility="ENGAGEMENT_PANEL_VISIBILITY_EXPANDED"]  #content.ytd-transcript-renderer:not(:empty){
  5075.  
  5076.     flex-grow: 1;
  5077.   height: initial;
  5078.   max-height: initial;
  5079.   min-height: initial;
  5080.   }
  5081.  
  5082.   secondary-wrapper #content.ytd-engagement-panel-section-list-renderer{
  5083.  
  5084.       position: relative;
  5085.   }
  5086.  
  5087.   /*
  5088.   @supports (contain: strict) {
  5089.  
  5090.   secondary-wrapper #content.ytd-engagement-panel-section-list-renderer > [panel-target-id]:only-child{
  5091.  
  5092.       contain: strict;
  5093.       max-height: 100%;
  5094.   }
  5095.  
  5096.   }
  5097.  
  5098.  
  5099.   @supports not (contain: strict) {
  5100.  
  5101.   secondary-wrapper #content.ytd-engagement-panel-section-list-renderer > [panel-target-id]:only-child{
  5102.  
  5103.       position: absolute;
  5104.       max-height: 100%;
  5105.   }
  5106.  
  5107.   }
  5108.   */
  5109.  
  5110.  
  5111.   secondary-wrapper #content.ytd-engagement-panel-section-list-renderer > [panel-target-id]:only-child{
  5112.     /* https://www.youtube.com/watch?v=zLak0dxBKpM Transcript Panel Language Toggle */
  5113.     contain: style size;
  5114.   }
  5115.  
  5116.   secondary-wrapper #content.ytd-engagement-panel-section-list-renderer ytd-transcript-segment-list-renderer.ytd-transcript-search-panel-renderer {
  5117.     flex-grow: 1;
  5118.     contain: strict;
  5119.   }
  5120.  
  5121.   secondary-wrapper #content.ytd-engagement-panel-section-list-renderer ytd-transcript-segment-renderer.style-scope.ytd-transcript-segment-list-renderer {
  5122.     contain: layout paint style;
  5123.   }
  5124.  
  5125.   secondary-wrapper #content.ytd-engagement-panel-section-list-renderer ytd-transcript-segment-renderer.style-scope.ytd-transcript-segment-list-renderer > .segment {
  5126.     contain: layout paint style;
  5127.   }
  5128.  
  5129.  
  5130.  
  5131.   
  5132.  
  5133.  
  5134.  
  5135.   body ytd-watch-flexy[theater] #secondary.ytd-watch-flexy {
  5136.       margin-top: var(--ytd-margin-3x);
  5137.       padding-top: 0;
  5138.   }
  5139.  
  5140.   body ytd-watch-flexy[theater] secondary-wrapper {
  5141.       margin-top: 0;
  5142.       padding-top: 0;
  5143.   }
  5144.  
  5145.   body ytd-watch-flexy[theater] #chat.ytd-watch-flexy{
  5146.       margin-bottom:  var(--ytd-margin-2x);
  5147.   }
  5148.  
  5149.   #tab-comments ytd-comments#comments [field-of-cm-count]{
  5150.     margin-top:0;
  5151.   }
  5152.     /*
  5153.  
  5154.   #tab-info #social-links.ytd-video-description-infocards-section-renderer {
  5155.     margin-bottom:0;
  5156.   }
  5157.   #tab-info #social-links.ytd-video-description-infocards-section-renderer ~ #infocards-section {
  5158.       margin-top: 16px;
  5159.   }
  5160.  
  5161.   #tab-info ytd-structured-description-content-renderer ytd-video-description-infocards-section-renderer.ytd-structured-description-content-renderer{
  5162.   padding-bottom:0;
  5163.   }
  5164.   */
  5165.  
  5166.   #tab-info > ytd-expandable-video-description-body-renderer {
  5167.     margin-bottom: var(--ytd-margin-3x);
  5168.   }
  5169.  
  5170.   #tab-info [class]:last-child {
  5171.     margin-bottom: 0;
  5172.     padding-bottom: 0;
  5173.   }
  5174.  
  5175.  
  5176.   #tab-info ytd-rich-metadata-row-renderer ytd-rich-metadata-renderer {
  5177.     max-width: initial;
  5178.   }
  5179.  
  5180.   ytd-watch-flexy[is-two-columns_] secondary-wrapper #chat.ytd-watch-flexy {
  5181.     margin-bottom: var(--ytd-margin-3x);
  5182.   }
  5183.  
  5184.   ytd-watch-flexy[tyt-tab] tp-yt-paper-tooltip {
  5185.       white-space: nowrap;
  5186.       contain: content;
  5187.   }
  5188.  
  5189.  
  5190.   ytd-watch-info-text tp-yt-paper-tooltip.style-scope.ytd-watch-info-text{
  5191.     margin-bottom: -300px;
  5192.     margin-top: -96px;
  5193.   }
  5194.  
  5195.  
  5196.   [hide-default-text-inline-expander] #bottom-row #description.ytd-watch-metadata {
  5197.   
  5198.   font-size: 1.2rem;
  5199.   line-height: 1.8rem;
  5200.  
  5201.   }
  5202.  
  5203.   [hide-default-text-inline-expander] #bottom-row #description.ytd-watch-metadata yt-animated-rolling-number{
  5204.       font-size: inherit;
  5205.   }
  5206.  
  5207.  
  5208.   [hide-default-text-inline-expander] #bottom-row #description.ytd-watch-metadata #info-container.style-scope.ytd-watch-info-text{
  5209.     align-items: center;
  5210.   }
  5211.  
  5212.  
  5213.   ytd-watch-flexy[hide-default-text-inline-expander]{
  5214.     --tyt-bottom-watch-metadata-margin: 6px;
  5215.   }
  5216.  
  5217.   [hide-default-text-inline-expander] #bottom-row #description.ytd-watch-metadata > #description-inner.ytd-watch-metadata{
  5218.  
  5219.     margin: 6px 12px; 
  5220.  
  5221.   }
  5222.  
  5223.   [hide-default-text-inline-expander] ytd-watch-metadata[title-headline-xs] h1.ytd-watch-metadata {
  5224.  
  5225.     font-size: 1.8rem;
  5226.   }
  5227.  
  5228.  
  5229.   
  5230.  
  5231.   ytd-watch-flexy[is-two-columns_][hide-default-text-inline-expander] #below.style-scope.ytd-watch-flexy ytd-merch-shelf-renderer{
  5232.       padding: 0;
  5233.       border: 0;
  5234.       margin:0;
  5235.   }
  5236.  
  5237.  
  5238.   ytd-watch-flexy[is-two-columns_][hide-default-text-inline-expander] #below.style-scope.ytd-watch-flexy ytd-watch-metadata.ytd-watch-flexy {
  5239.     margin-bottom: 6px;
  5240.   }
  5241.  
  5242.   #tab-info yt-video-attribute-view-model .yt-video-attribute-view-model--horizontal .yt-video-attribute-view-model__link-container .yt-video-attribute-view-model__hero-section {
  5243.     flex-shrink:0;
  5244.   }
  5245.  
  5246.  
  5247.   #tab-info yt-video-attribute-view-model .yt-video-attribute-view-model__overflow-menu{
  5248.     background: var(--yt-emoji-picker-category-background-color);
  5249.     border-radius: 99px;
  5250.   }
  5251.  
  5252.   #tab-info yt-video-attribute-view-model .yt-video-attribute-view-model--image-square.yt-video-attribute-view-model--image-large .yt-video-attribute-view-model__hero-section{
  5253.  
  5254.     max-height: 128px;
  5255.   }
  5256.  
  5257.   #tab-info yt-video-attribute-view-model .yt-video-attribute-view-model--image-large .yt-video-attribute-view-model__hero-section{
  5258.  
  5259.     max-width: 128px;
  5260.   }
  5261.  
  5262.   #tab-info ytd-reel-shelf-renderer #items.yt-horizontal-list-renderer ytd-reel-item-renderer.yt-horizontal-list-renderer {
  5263.     max-width: 142px;
  5264.   }
  5265.  
  5266.   ytd-watch-info-text#ytd-watch-info-text.style-scope.ytd-watch-metadata #view-count.style-scope.ytd-watch-info-text{
  5267.     align-items: center;
  5268.     
  5269.     }
  5270.  
  5271.  
  5272.   ytd-watch-info-text#ytd-watch-info-text.style-scope.ytd-watch-metadata #date-text.style-scope.ytd-watch-info-text{
  5273.     align-items: center;
  5274.     
  5275.     }
  5276.  
  5277.  
  5278.   ytd-watch-info-text:not([detailed]) #info.ytd-watch-info-text a.yt-simple-endpoint.yt-formatted-string {
  5279.  
  5280.   pointer-events: none;
  5281.   }
  5282.  
  5283.  
  5284.   body ytd-app > ytd-popup-container > tp-yt-iron-dropdown > #contentWrapper >  [slot="dropdown-content"] {
  5285.  
  5286.       backdrop-filter: none ;
  5287.   }
  5288.  
  5289.   #tab-info [tyt-clone-refresh-count] {
  5290.     overflow: visible !important;
  5291.   }
  5292.  
  5293.   /* css unknown sizing bug */
  5294.   #tab-info #items.ytd-horizontal-card-list-renderer yt-video-attribute-view-model.ytd-horizontal-card-list-renderer {
  5295.       contain: layout;
  5296.     }
  5297.  
  5298.  
  5299.   /* https://www.youtube.com/watch?v=2h3pbdTPu6Q */
  5300.  
  5301.   #tab-info #thumbnail-container.ytd-structured-description-channel-lockup-renderer {
  5302.     
  5303.       flex-shrink: 0;
  5304.   }
  5305.   #tab-info ytd-media-lockup-renderer[is-compact] #thumbnail-container.ytd-media-lockup-renderer {
  5306.     
  5307.       flex-shrink: 0;
  5308.   }
  5309.  
  5310.   /* https://www.youtube.com/watch?v=cV2gBU6hKfY */
  5311.   secondary-wrapper ytd-donation-unavailable-renderer{
  5312.     --ytd-margin-6x:var(--ytd-margin-2x);
  5313.     --ytd-margin-5x:var(--ytd-margin-2x);
  5314.     --ytd-margin-4x:var(--ytd-margin-2x);
  5315.     --ytd-margin-3x:var(--ytd-margin-2x);
  5316.   }
  5317.  
  5318.  
  5319.   [tyt-no-less-btn] #less{
  5320.     display: none;
  5321.   }
  5322.  
  5323.   .tyt-metadata-hover-resized #purchase-button,
  5324.   .tyt-metadata-hover-resized #sponsor-button,
  5325.   .tyt-metadata-hover-resized #analytics-button,
  5326.   .tyt-metadata-hover-resized #subscribe-button
  5327.   {
  5328.     display: none !important;
  5329.   }
  5330.  
  5331.   .tyt-metadata-hover #upload-info {
  5332.     max-width: max-content;
  5333.     min-width: max-content;
  5334.     flex-basis: 100vw;
  5335.     flex-shrink: 0;
  5336.   }
  5337.  
  5338.   #tab-info ytd-structured-description-playlist-lockup-renderer[collections] #playlist-thumbnail.style-scope.ytd-structured-description-playlist-lockup-renderer {
  5339.       max-width: 100%;
  5340.   }
  5341.  
  5342.   #tab-info ytd-structured-description-playlist-lockup-renderer[collections] #lockup-container.ytd-structured-description-playlist-lockup-renderer{
  5343.       padding: 1px;
  5344.   }
  5345.  
  5346.   #tab-info ytd-structured-description-playlist-lockup-renderer[collections] #thumbnail.ytd-structured-description-playlist-lockup-renderer {
  5347.       outline: 1px solid rgba(127, 127, 127, 0.5);
  5348.   }
  5349.  
  5350.   /* minor spacing fix */
  5351.  
  5352.   /* https://www.youtube.com/watch?v=wAcY2fx0UWQ */
  5353.   ytd-live-chat-frame#chat[collapsed] ytd-message-renderer ~ #show-hide-button.ytd-live-chat-frame>ytd-toggle-button-renderer.ytd-live-chat-frame
  5354.   {
  5355.     padding:0;
  5356.   }
  5357.  
  5358.   .tyt-info-invisible {
  5359.   display: none;
  5360.   }
  5361.  
  5362.   [tyt-playlist-expanded] secondary-wrapper > ytd-playlist-panel-renderer#playlist {
  5363.       overflow: auto;
  5364.       flex-shrink: 1;
  5365.       flex-grow: 1;
  5366.       max-height: unset !important;
  5367.   }
  5368.  
  5369.   [tyt-playlist-expanded] secondary-wrapper > ytd-playlist-panel-renderer#playlist > #container {
  5370.     max-height: unset !important;
  5371.   }
  5372.  
  5373.   secondary-wrapper ytd-playlist-panel-renderer{
  5374.     --ytd-margin-6x: var(--ytd-margin-3x);
  5375.   }
  5376.  
  5377.   ytd-watch-flexy[theater] ytd-playlist-panel-renderer[collapsible][collapsed] .header.ytd-playlist-panel-renderer {
  5378.     padding: 6px 8px;
  5379.   }
  5380.   ytd-watch-flexy[theater] #playlist.ytd-watch-flexy {
  5381.     margin-bottom: var(--ytd-margin-2x);
  5382.   }
  5383.  
  5384.   ytd-watch-flexy[theater] #right-tabs .tab-btn[tyt-tab-content] {
  5385.     padding: 8px 4px 6px;
  5386.     border-bottom: 0px solid transparent;
  5387.   }
  5388.  
  5389.   ytd-watch-flexy {
  5390.     --tyt-bottom-watch-metadata-margin: 12px;  
  5391.   }
  5392.   ytd-watch-flexy[rounded-info-panel], 
  5393.   ytd-watch-flexy[rounded-player-large] {
  5394.     --tyt-rounded-a1: ${VAL_ROUNDED_A1}px;
  5395.   }
  5396.  
  5397.   #bottom-row.style-scope.ytd-watch-metadata .item.ytd-watch-metadata {
  5398.     margin-right: var(--tyt-bottom-watch-metadata-margin, 12px);
  5399.     margin-top: var(--tyt-bottom-watch-metadata-margin, 12px);
  5400.   }
  5401.  
  5402.   /* fix cinematics lighting issue */
  5403.   #cinematics {
  5404.     contain: layout style size;
  5405.   }
  5406.  
  5407.   `
  5408. };
  5409. (async () => {
  5410.   const communicationKey = `ck-${Date.now()}-${Math.floor(Math.random() * 314159265359 + 314159265359).toString(36)}`;
  5411.  
  5412.   /** @type {globalThis.PromiseConstructor} */
  5413.   const Promise = (async () => { })().constructor; // YouTube hacks Promise in WaterFox Classic and "Promise.resolve(0)" nevers resolve.
  5414.  
  5415.   if (!document.documentElement) {
  5416.     await Promise.resolve(0);
  5417.     while (!document.documentElement) {
  5418.       await new Promise(resolve => nextBrowserTick(resolve)).then().catch(console.warn);
  5419.     }
  5420.   }
  5421.   const sourceURL = 'debug://tabview-youtube/tabview.execution.js'
  5422.   const textContent = `(${executionScript})("${communicationKey}");${"\n\n"}//# sourceURL=${sourceURL}${'\n'}`
  5423.  
  5424.   // const isMyScriptInChromeRuntime = () => typeof GM === 'undefined' && typeof ((((window || 0).chrome || 0).runtime || 0).getURL) === 'function';
  5425.   // const isGMAvailable = () => typeof GM !== 'undefined' && !isMyScriptInChromeRuntime();
  5426.  
  5427.   // if(isMyScriptInChromeRuntime()){
  5428.   //   let button = document.createElement('button');
  5429.   //   button.setAttribute('onclick', textContent);
  5430.   //   button.click();
  5431.   //   button = null;
  5432.   // }else{
  5433.   //   GM_addElement('script', {
  5434.   //     textContent: textContent
  5435.   //   });
  5436.   // }
  5437.  
  5438.   let button = document.createElement('button');
  5439.   button.setAttribute('onclick', createHTML(textContent)); // max size 10 million bytes
  5440.   button.click();
  5441.   button = null;
  5442.  
  5443.  
  5444.   let style = document.createElement('style');
  5445.   const sourceURLMainCSS = 'debug://tabview-youtube/tabview.main.css';
  5446.   style.textContent = `${styles['main'].trim()}${'\n\n'}/*# sourceURL=${sourceURLMainCSS} */${'\n'}`;
  5447.   document.documentElement.appendChild(style);
  5448.  
  5449.  
  5450. })();