☰

Tabview YouTube Totara

制作信息、评论、视频和播放列表的标签

当前为 2024-08-03 提交的版本，查看 最新版本。

  1. /*
  2.  
  3. MIT License
  4.  
  5. Copyright (c) 2024 cyfung1031
  6.  
  7. Permission is hereby granted, free of charge, to any person obtaining a copy
  8. of this software and associated documentation files (the "Software"), to deal
  9. in the Software without restriction, including without limitation the rights
  10. to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
  11. copies of the Software, and to permit persons to whom the Software is
  12. furnished to do so, subject to the following conditions:
  13.  
  14. The above copyright notice and this permission notice shall be included in all
  15. copies or substantial portions of the Software.
  16.  
  17. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
  18. IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
  19. FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
  20. AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
  21. LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  22. OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  23. SOFTWARE.
  24.  
  25. */
  26. // ==UserScript==
  27. // @name                  Tabview YouTube Totara
  28. // @namespace             https://www.youtube.com/
  29. // @author                CY Fung
  30. // @license               MIT
  31. // @match                 https://www.youtube.com/*
  32. // @exclude               /^https?://\w+\.youtube\.com\/live_chat.*$/
  33. // @exclude               /^https?://\S+\.(txt|png|jpg|jpeg|gif|xml|svg|manifest|log|ini)[^\/]*$/
  34.  
  35. // @version               5.0.009
  36. // @author                CY Fung
  37. // @description           To make tabs for Info, Comments, Videos and Playlist
  38.  
  39. // @description:es        Para crear pestañas para Información, Comentarios, Videos y Lista de reproducción
  40. // @description:fr        Pour créer des onglets pour Infos, Commentaires, Vidéos et Playlist
  41. // @description:de        Um Tabs für Informationen, Kommentare, Videos und Playlist zu erstellen
  42. // @description:zh        制作信息、评论、视频和播放列表的标签
  43. // @description:zh-CN     制作信息、评论、视频和播放列表的标签
  44. // @description:zh-TW     製作資訊、評論、影片和播放列表的標籤
  45. // @description:zh-HK     製作資訊、評論、影片視頻和播放列表的標籤
  46. // @description:ja        情報、コメント、動画、および再生リストのタブを作成するために
  47. // @description:ko        정보, 댓글, 동영상 및 재생 목록에 대한 탭 만들기
  48. // @description:ru        Чтобы создать вкладки для Информации, Комментариев, Видео и Плейлиста
  49. // @description:pt        Para fazer abas para Informações, Comentários, Vídeos e Playlist
  50. // @description:ar        لإنشاء علامات تبويب للمعلومات والتعليقات والفيديو وقائمة التشغيل
  51.  
  52. // @icon                  https://raw.githubusercontent.com/tabview-youtube/Tabview-YouTube-Totara/main/images/icon128p.png
  53. // @supportURL            https://github.com/tabview-youtube/Tabview-YouTube-Totara
  54. // @run-at                document-start
  55. // @grant                 GM_getResourceText
  56. // @grant                 GM.getResourceText
  57. // @grant                 GM_registerMenuCommand
  58. // @grant                 GM_addElement
  59. // @noframes
  60. // @require               https://cdn.jsdelivr.net/gh/cyfung1031/userscript-supports@7221a4efffd49d852de0074ec503d4febb99f28b/library/nextBrowserTick.min.js
  61. //
  62. // ==/UserScript==
  63.  
  64.  
  65. !window.TTP && (() => {
  66.   // credit to Benjamin Philipp
  67.   // original source: https://greasyfork.org/en/scripts/433051-trusted-types-helper
  68.  
  69.   // --------------------------------------------------- Trusted Types Helper ---------------------------------------------------
  70.  
  71.   const overwrite_default = false; // If a default policy already exists, it might be best not to overwrite it, but to try and set a custom policy and use it to manually generate trusted types. Try at your own risk
  72.   const prefix = `TTP`;
  73.   var passThroughFunc = function (string, sink) {
  74.     return string; // Anything passing through this function will be returned without change
  75.   }
  76.   var TTPName = "passthrough";
  77.   var TTP_default, TTP = { createHTML: passThroughFunc, createScript: passThroughFunc, createScriptURL: passThroughFunc }; // We can use TTP.createHTML for all our assignments even if we don't need or even have Trusted Types; this should make fallbacks and polyfills easy
  78.   var needsTrustedHTML = false;
  79.   function doit() {
  80.     try {
  81.       if (typeof window.isSecureContext !== 'undefined' && window.isSecureContext) {
  82.         if (window.trustedTypes && window.trustedTypes.createPolicy) {
  83.           needsTrustedHTML = true;
  84.           if (trustedTypes.defaultPolicy) {
  85.             log("TT Default Policy exists");
  86.             if (overwrite_default)
  87.               TTP = window.trustedTypes.createPolicy("default", TTP);
  88.             else
  89.               TTP = window.trustedTypes.createPolicy(TTPName, TTP); // Is the default policy permissive enough? If it already exists, best not to overwrite it
  90.             TTP_default = trustedTypes.defaultPolicy;
  91.  
  92.             log("Created custom passthrough policy, in case the default policy is too restrictive: Use Policy '" + TTPName + "' in var 'TTP':", TTP);
  93.           }
  94.           else {
  95.             TTP_default = TTP = window.trustedTypes.createPolicy("default", TTP);
  96.           }
  97.           log("Trusted-Type Policies: TTP:", TTP, "TTP_default:", TTP_default);
  98.         }
  99.       }
  100.     } catch (e) {
  101.       log(e);
  102.     }
  103.   }
  104.  
  105.   function log(...args) {
  106.     if ("undefined" != typeof (prefix) && !!prefix)
  107.       args = [prefix + ":", ...args];
  108.     if ("undefined" != typeof (debugging) && !!debugging)
  109.       args = [...args, new Error().stack.replace(/^\s*(Error|Stack trace):?\n/gi, "").replace(/^([^\n]*\n)/, "\n")];
  110.     console.log(...args);
  111.   }
  112.  
  113.   doit();
  114.  
  115.   // --------------------------------------------------- Trusted Types Helper ---------------------------------------------------
  116.  
  117.   window.TTP = TTP;
  118.  
  119. })();
  120.  
  121. function createHTML(s) {
  122.   if (typeof TTP !== 'undefined' && typeof TTP.createHTML === 'function') return TTP.createHTML(s);
  123.   return s;
  124. }
  125.  
  126. let trustHTMLErr = null;
  127. try {
  128.   document.createElement('div').innerHTML = createHTML('1');
  129. } catch (e) {
  130.   trustHTMLErr = e;
  131. }
  132.  
  133. if (trustHTMLErr) {
  134.   console.log(`trustHTMLErr`, trustHTMLErr);
  135.   trustHTMLErr(); // exit userscript
  136. }
  137.  
  138.  
  139. // -----------------------------------------------------------------------------------------------------------------------------
  140.  
  141. const executionScript = (communicationKey) => {
  142.  
  143.  
  144.  
  145.   !window.TTP && (() => {
  146.     // credit to Benjamin Philipp
  147.     // original source: https://greasyfork.org/en/scripts/433051-trusted-types-helper
  148.  
  149.     // --------------------------------------------------- Trusted Types Helper ---------------------------------------------------
  150.  
  151.     const overwrite_default = false; // If a default policy already exists, it might be best not to overwrite it, but to try and set a custom policy and use it to manually generate trusted types. Try at your own risk
  152.     const prefix = `TTP`;
  153.     var passThroughFunc = function (string, sink) {
  154.       return string; // Anything passing through this function will be returned without change
  155.     }
  156.     var TTPName = "passthrough";
  157.     var TTP_default, TTP = { createHTML: passThroughFunc, createScript: passThroughFunc, createScriptURL: passThroughFunc }; // We can use TTP.createHTML for all our assignments even if we don't need or even have Trusted Types; this should make fallbacks and polyfills easy
  158.     var needsTrustedHTML = false;
  159.     function doit() {
  160.       try {
  161.         if (typeof window.isSecureContext !== 'undefined' && window.isSecureContext) {
  162.           if (window.trustedTypes && window.trustedTypes.createPolicy) {
  163.             needsTrustedHTML = true;
  164.             if (trustedTypes.defaultPolicy) {
  165.               log("TT Default Policy exists");
  166.               if (overwrite_default)
  167.                 TTP = window.trustedTypes.createPolicy("default", TTP);
  168.               else
  169.                 TTP = window.trustedTypes.createPolicy(TTPName, TTP); // Is the default policy permissive enough? If it already exists, best not to overwrite it
  170.               TTP_default = trustedTypes.defaultPolicy;
  171.  
  172.               log("Created custom passthrough policy, in case the default policy is too restrictive: Use Policy '" + TTPName + "' in var 'TTP':", TTP);
  173.             }
  174.             else {
  175.               TTP_default = TTP = window.trustedTypes.createPolicy("default", TTP);
  176.             }
  177.             log("Trusted-Type Policies: TTP:", TTP, "TTP_default:", TTP_default);
  178.           }
  179.         }
  180.       } catch (e) {
  181.         log(e);
  182.       }
  183.     }
  184.  
  185.     function log(...args) {
  186.       if ("undefined" != typeof (prefix) && !!prefix)
  187.         args = [prefix + ":", ...args];
  188.       if ("undefined" != typeof (debugging) && !!debugging)
  189.         args = [...args, new Error().stack.replace(/^\s*(Error|Stack trace):?\n/gi, "").replace(/^([^\n]*\n)/, "\n")];
  190.       console.log(...args);
  191.     }
  192.  
  193.     doit();
  194.  
  195.     // --------------------------------------------------- Trusted Types Helper ---------------------------------------------------
  196.  
  197.     window.TTP = TTP;
  198.  
  199.   })();
  200.  
  201.   function createHTML(s) {
  202.     if (typeof TTP !== 'undefined' && typeof TTP.createHTML === 'function') return TTP.createHTML(s);
  203.     return s;
  204.   }
  205.  
  206.   let trustHTMLErr = null;
  207.   try {
  208.     document.createElement('div').innerHTML = createHTML('1');
  209.   } catch (e) {
  210.     trustHTMLErr = e;
  211.   }
  212.  
  213.   if (trustHTMLErr) {
  214.     console.log(`trustHTMLErr`, trustHTMLErr);
  215.     trustHTMLErr(); // exit userscript
  216.   }
  217.  
  218.   try {
  219.  
  220.     executionFinished = 0;
  221.     // const connectedCallbackX = function () {
  222.     //   console.log(59391, this.is, 'connectedCallbackX');
  223.     //   if (typeof this.connectedCallback000 === 'function') {
  224.     //     return this.connectedCallback000(...arguments);
  225.     //   }
  226.     // }
  227.     // const disconnectedCallbackX = function () {
  228.     //   console.log(59392, this.is, 'disconnectedCallbackX');
  229.     //   if (typeof this.disconnectedCallback000 === 'function') {
  230.     //     return this.disconnectedCallback000(...arguments);
  231.     //   }
  232.     // }
  233.  
  234.  
  235.     const connectedCallbackY = function (callback) {
  236.       return function () {
  237.         // console.log(59391, this.is, 'connectedCallbackY');
  238.         if (executionFinished && typeof (this || 0).is === 'string') {
  239.           const f = eventMap[`${this.is}::connectedCallback`];
  240.           if (f) {
  241.             const hostElement = this.hostElement || this;
  242.             if (hostElement instanceof HTMLElement) {
  243.               hostElement.__connectedFlg__ = 4;
  244.               hostElement && Promise.resolve(hostElement).then(f).catch(console.warn);
  245.             }
  246.           }
  247.         }
  248.         if (typeof callback === 'function') {
  249.           return callback.call(this, ...arguments);
  250.         }
  251.       }
  252.     }
  253.     const disconnectedCallbackY = function (callback) {
  254.       return function () {
  255.         // console.log(59392, this.is, 'disconnectedCallbackY');
  256.         if (executionFinished && typeof (this || 0).is === 'string') {
  257.           const f = eventMap[`${this.is}::disconnectedCallback`];
  258.           if (f) {
  259.             const hostElement = this.hostElement || this;
  260.             if (hostElement instanceof HTMLElement) {
  261.               hostElement.__connectedFlg__ = 8;
  262.               hostElement && Promise.resolve(hostElement).then(f).catch(console.warn);
  263.             }
  264.           }
  265.         }
  266.         if (typeof callback === 'function') {
  267.           return callback.call(this, ...arguments);
  268.         }
  269.       }
  270.     }
  271.  
  272.     if (typeof CustomElementRegistry === 'undefined') return;
  273.     if (CustomElementRegistry.prototype.define000) return;
  274.     if (typeof CustomElementRegistry.prototype.define !== 'function') return;
  275.     CustomElementRegistry.prototype.define000 = CustomElementRegistry.prototype.define;
  276.     CustomElementRegistry.prototype.define = function (a, b, ...args) {
  277.       // b.prototype.connectedCallback000 =b.prototype.connectedCallback;
  278.       // b.prototype.disconnectedCallback000 =b.prototype.disconnectedCallback;
  279.       b.prototype.connectedCallback = connectedCallbackY(b.prototype.connectedCallback);
  280.       b.prototype.disconnectedCallback = disconnectedCallbackY(b.prototype.disconnectedCallback);
  281.       // b.prototype.__ce_tag__ = a;
  282.       // b.__ce_tag__ = a;
  283.       if (this instanceof CustomElementRegistry) {
  284.         return this.define000(a, b, ...args);
  285.       } else {
  286.         return customElements.define000(a, b, ...args);
  287.       }
  288.     }
  289.  
  290.     const pdsBaseDF = Object.getOwnPropertyDescriptors(DocumentFragment.prototype);
  291.  
  292.     Object.defineProperties(DocumentFragment.prototype, {
  293.       replaceChildren000: pdsBaseDF.replaceChildren,
  294.     });
  295.  
  296.     const pdsBaseNode = Object.getOwnPropertyDescriptors(Node.prototype);
  297.     // console.log(pdsBaseElement.setAttribute, pdsBaseElement.getAttribute)
  298.  
  299.     Object.defineProperties(Node.prototype, {
  300.       removeChild000: pdsBaseNode.removeChild,
  301.       appendChild000: pdsBaseNode.appendChild,
  302.       insertBefore000: pdsBaseNode.insertBefore
  303.     });
  304.  
  305.     // class BaseElement extends Element{
  306.  
  307.     // }
  308.     const pdsBaseElement = Object.getOwnPropertyDescriptors(Element.prototype);
  309.     // console.log(pdsBaseElement.setAttribute, pdsBaseElement.getAttribute)
  310.  
  311.     Object.defineProperties(Element.prototype, {
  312.       setAttribute000: pdsBaseElement.setAttribute,
  313.       getAttribute000: pdsBaseElement.getAttribute,
  314.       hasAttribute000: pdsBaseElement.hasAttribute,
  315.       removeAttribute000: pdsBaseElement.removeAttribute,
  316.       querySelector000: pdsBaseElement.querySelector,
  317.       replaceChildren000: pdsBaseElement.replaceChildren,
  318.       remove000: pdsBaseElement.remove
  319.     });
  320.  
  321.     Element.prototype.setAttribute111 = function (p, v) {
  322.       v = `${v}`;
  323.       if (this.getAttribute000(p) === v) return;
  324.       this.setAttribute000(p, v)
  325.     }
  326.  
  327.     Element.prototype.assignChildern111 = function (previousSiblings, node, nextSiblings) {
  328.       if (node.parentNode === this) {
  329.         let nodeList = [];
  330.         for (let t = this.firstChild; t instanceof Node; t = t.nextSibling) {
  331.           if (t === node) continue;
  332.           nodeList.push(t);
  333.         }
  334.         let fm = new DocumentFragment();
  335.         if (nodeList.length > 0) {
  336.           fm.replaceChildren000(...nodeList);
  337.           nodeList.length = 0;
  338.         }
  339.         nodeList = null;
  340.         if (previousSiblings && previousSiblings.length > 0) {
  341.           fm.replaceChildren000(...previousSiblings);
  342.           this.insertBefore000(fm, node);
  343.         }
  344.         if (nextSiblings && nextSiblings.length > 0) {
  345.           fm.replaceChildren000(...nextSiblings);
  346.           this.appendChild000(fm);
  347.         }
  348.         fm.replaceChildren000();
  349.         fm = null;
  350.       } else {
  351.         if (!previousSiblings) previousSiblings = [];
  352.         if (!nextSiblings) nextSiblings = [];
  353.         this.replaceChildren000(...previousSiblings, node, ...nextSiblings);
  354.       }
  355.     }
  356.  
  357.  
  358.     // ==============================================================================================================================================================================================================================================================================
  359.  
  360.     const DISABLE_FLAGS_SHADYDOM_FREE = true;
  361.  
  362.     /**
  363.      * 
  364.      * Minified Code from https://greasyfork.org/en/scripts/475632-ytconfighacks/code (ytConfigHacks)
  365.      * Date: 2024.04.17
  366.      * Minifier: https://www.toptal.com/developers/javascript-minifier
  367.      * 
  368.      */
  369.     (() => {
  370.       let e = "undefined" != typeof unsafeWindow ? unsafeWindow : this instanceof Window ?
  371.         this : window; if (!e._ytConfigHacks) {
  372.           let t = 4; class n extends Set {
  373.             add(e) {
  374.               if (t <= 0) return console.warn(
  375.                 "yt.config_ is already applied on the page."); "function" == typeof e && super.add(e)
  376.             }
  377.           } let a = (async () => { })()
  378.             .constructor, i = e._ytConfigHacks = new n, l = () => { let t = e.ytcsi.originalYtcsi; t && (e.ytcsi = t, l = null) },
  379.             c = null, o = () => {
  380.               if (t >= 1) {
  381.                 let n = (e.yt || 0).config_ || (e.ytcfg || 0).data_ || 0; if ("string" == typeof n.
  382.                   INNERTUBE_API_KEY && "object" == typeof n.EXPERIMENT_FLAGS) for (let a of (--t <= 0 && l && l(), c = !0, i)) a(n)
  383.               }
  384.             }, f = 1,
  385.             d = t => {
  386.               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]) })
  387.                 , !0
  388.             }; d() || Object.defineProperty(e, "ytcsi", {
  389.               get() { }, set: t => (t && (delete e.ytcsi, d(t)), !0), enumerable: !1, configurable: !0
  390.             }); let { addEventListener: s, removeEventListener: y } = Document.prototype; function r(t) {
  391.               o(),
  392.                 t && e.removeEventListener("DOMContentLoaded", r, !1)
  393.             } new a(e => {
  394.               if ("undefined" != typeof AbortSignal) s.call(document,
  395.                 "yt-page-data-fetched", e, { once: !0 }), s.call(document, "yt-navigate-finish", e, { once: !0 }), s.call(document, "spfdone", e,
  396.                   { once: !0 }); else {
  397.                 let t = () => {
  398.                   e(), y.call(document, "yt-page-data-fetched", t, !1), y.call(document, "yt-navigate-finish", t, !1),
  399.                     y.call(document, "spfdone", t, !1)
  400.                 }; s.call(document, "yt-page-data-fetched", t, !1), s.call(document, "yt-navigate-finish", t, !1),
  401.                   s.call(document, "spfdone", t, !1)
  402.               }
  403.             }).then(o), new a(e => {
  404.               if ("undefined" != typeof AbortSignal) s.call(document, "yt-action", e,
  405.                 { once: !0, capture: !0 }); else { let t = () => { e(), y.call(document, "yt-action", t, !0) }; s.call(document, "yt-action", t, !0) }
  406.             }).then(o),
  407.               a.resolve().then(() => { "loading" !== document.readyState ? r() : e.addEventListener("DOMContentLoaded", r, !1) })
  408.         }
  409.     })();
  410.  
  411.     let configOnce = false;
  412.     window._ytConfigHacks.add((config_) => {
  413.       if (configOnce) return;
  414.       configOnce = true;
  415.  
  416.       const EXPERIMENT_FLAGS = config_.EXPERIMENT_FLAGS || 0;
  417.       const EXPERIMENTS_FORCED_FLAGS = config_.EXPERIMENTS_FORCED_FLAGS || 0;
  418.       for (const flags of [EXPERIMENT_FLAGS, EXPERIMENTS_FORCED_FLAGS]) {
  419.         if (flags) {
  420.           // flags.kevlar_watch_metadata_refresh_no_old_secondary_data = false;
  421.           // flags.live_chat_overflow_hide_chat = false;
  422.           flags.web_watch_chat_hide_button_killswitch = false;
  423.           flags.web_watch_theater_chat = false; // for re-openable chat (ytd-watch-flexy's liveChatCollapsed is always undefined)
  424.           flags.suppress_error_204_logging = true;
  425.           flags.kevlar_watch_grid = false;  // A/B testing for watch grid
  426.  
  427.           if (DISABLE_FLAGS_SHADYDOM_FREE) {
  428.             flags.enable_shadydom_free_scoped_node_methods = false;
  429.             flags.enable_shadydom_free_scoped_query_methods = false;
  430.             flags.enable_shadydom_free_scoped_readonly_properties_batch_one = false;
  431.             flags.enable_shadydom_free_parent_node = false;
  432.             flags.enable_shadydom_free_children = false;
  433.             flags.enable_shadydom_free_last_child = false;
  434.           }
  435.         }
  436.       }
  437.  
  438.     });
  439.  
  440.     // ==============================================================================================================================================================================================================================================================================
  441.  
  442.  
  443.     /* globals WeakRef:false */
  444.  
  445.     /** @type {(o: Object | null) => WeakRef | null} */
  446.     const mWeakRef = typeof WeakRef === 'function' ? (o => o ? new WeakRef(o) : null) : (o => o || null); // typeof InvalidVar == 'undefined'
  447.  
  448.     /** @type {(wr: Object | null) => Object | null} */
  449.     const kRef = (wr => (wr && wr.deref) ? wr.deref() : wr);
  450.  
  451.  
  452.     /** @type {globalThis.PromiseConstructor} */
  453.     const Promise = (async () => { })().constructor; // YouTube hacks Promise in WaterFox Classic and "Promise.resolve(0)" nevers resolve.
  454.  
  455.     const delayPn = delay => new Promise((fn => setTimeout(fn, delay)));
  456.  
  457.     const insp = o => o ? (o.polymerController || o.inst || o || 0) : (o || 0);
  458.  
  459.     const PromiseExternal = ((resolve_, reject_) => {
  460.       const h = (resolve, reject) => { resolve_ = resolve; reject_ = reject };
  461.       return class PromiseExternal extends Promise {
  462.         constructor(cb = h) {
  463.           super(cb);
  464.           if (cb === h) {
  465.             /** @type {(value: any) => void} */
  466.             this.resolve = resolve_;
  467.             /** @type {(reason?: any) => void} */
  468.             this.reject = reject_;
  469.           }
  470.         }
  471.       };
  472.     })();
  473.  
  474.     // ------------------------------------------------------------------------ nextBrowserTick ------------------------------------------------------------------------
  475.     !function (e) {
  476.       "use strict"; if (e.nextBrowserTick) return; if (!function () {
  477.         if (e.postMessage && !e.importScripts && e.addEventListener) {
  478.           let t = !0, s = () => { t = !1 };
  479.           return e.addEventListener("message", s, !1), e.postMessage("", "*"), e.removeEventListener("message", s, !1), t
  480.         }
  481.       }())
  482.         return void console.warn("Your browser environment cannot use nextBrowserTick"); const t = (async () => { })().constructor,
  483.           s = ((e, s) => { const n = (t, n) => { e = t, s = n }; return class extends t { constructor(t = n) { super(t), t === n && (this.resolve = e, this.reject = s) } } })();
  484.       let n, r = null; do { n = `$$nextBrowserTick$$${(Math.random() + 8).toString().slice(2)}$$` } while (n in e); const o = n; e[o] = 1; e.addEventListener("message",
  485.         (e => { (null !== r ? (e || 0).data : 0) === o && e.source === (e.target || 1) && r.resolve(r = null) }), !1), e.nextBrowserTick = t => {
  486.           r || (r = new s, e.postMessage(o, "*")),
  487.             r.then(t).catch(console.warn)
  488.         }
  489.     }("undefined" == typeof self ? "undefined" == typeof global ? this : global : self);
  490.  
  491.     // ------------------------------------------------------------------------ nextBrowserTick ------------------------------------------------------------------------
  492.  
  493.     const isPassiveArgSupport = (typeof IntersectionObserver === 'function');
  494.     const bubblePassive = isPassiveArgSupport ? { capture: false, passive: true } : false;
  495.     const capturePassive = isPassiveArgSupport ? { capture: true, passive: true } : true;
  496.  
  497.  
  498.  
  499.     class Attributer {
  500.       constructor(list) {
  501.         this.list = list;
  502.         this.flag = 0;
  503.       }
  504.       makeString() {
  505.         let k = 1;
  506.         let s = '';
  507.         let i = 0;
  508.         while (this.flag >= k) {
  509.           if (this.flag & k) {
  510.             s += this.list[i];
  511.           }
  512.           i++;
  513.           k <<= 1;
  514.         }
  515.         return s;
  516.       }
  517.     }
  518.  
  519.     const mLoaded = new Attributer('icp');
  520.  
  521.     const wrSelfMap = new WeakMap();
  522.  
  523.     /** @type {Object.<string, Element | null>} */
  524.     const elements = new Proxy({
  525.       related: null,
  526.       comments: null,
  527.       infoExpander: null,
  528.     }, {
  529.       get(target, prop) {
  530.         return kRef(target[prop]);
  531.       },
  532.       set(target, prop, value) {
  533.         if (value) {
  534.           let wr = wrSelfMap.get(value);
  535.           if (!wr) {
  536.             wr = mWeakRef(value);
  537.             wrSelfMap.set(value, wr);
  538.           }
  539.           target[prop] = wr;
  540.         } else {
  541.           target[prop] = null;
  542.         }
  543.         return true;
  544.       }
  545.     });
  546.  
  547.  
  548.     let pageType = null;
  549.  
  550.     let pageLang = 'en';
  551.     const langWords = {
  552.       'en': {
  553.         //'share':'Share',
  554.         'info': 'Info',
  555.         'videos': 'Videos',
  556.         'playlist': 'Playlist'
  557.       },
  558.       'jp': {
  559.         //'share':'共有',
  560.         'info': '情報',
  561.         'videos': '動画',
  562.         'playlist': '再生リスト'
  563.       },
  564.       'tw': {
  565.         //'share':'分享',
  566.         'info': '資訊',
  567.         'videos': '影片',
  568.         'playlist': '播放清單'
  569.       },
  570.       'cn': {
  571.         //'share':'分享',
  572.         'info': '资讯',
  573.         'videos': '视频',
  574.         'playlist': '播放列表'
  575.       },
  576.       'du': {
  577.         //'share':'Teilen',
  578.         'info': 'Info',
  579.         'videos': 'Videos',
  580.         'playlist': 'Playlist'
  581.       },
  582.       'fr': {
  583.         //'share':'Partager',
  584.         'info': 'Info',
  585.         'videos': 'Vidéos',
  586.         'playlist': 'Playlist'
  587.       },
  588.       'kr': {
  589.         //'share':'공유',
  590.         'info': '정보',
  591.         'videos': '동영상',
  592.         'playlist': '재생목록'
  593.       },
  594.       'ru': {
  595.         //'share':'Поделиться',
  596.         'info': 'Описание',
  597.         'videos': 'Видео',
  598.         'playlist': 'Плейлист'
  599.       }
  600.     };
  601.  
  602.     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 
  603.   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 
  604.   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 
  605.   0 0 3-1V71h2a12 12 90 0 0 12-12V17a12 12 90 0 0-12-12z"/>`.trim();
  606.  
  607.     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 
  608.   66H9V68h9v10zm0-56H9V12h9v10zm22 56H27V68h13v10zm-3-25V36c0-2 2-3 4-2l12 8c2 1 2 4 0 5l-12 8c-2 1-4 0-4-2zm25 
  609.   25H49V68h13v10zm0-56H49V12h13v10zm18 56h-9V68h9v10zm0-56h-9V12h9v10z"/>`.trim();
  610.  
  611.     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 
  612.   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 
  613.   .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 
  614.   .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 
  615.   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 
  616.   0 0 1.4-.4l-.6 2.2zm-3.8-35.2a1 1 0 010 8.6 1 1 0 010-8.6z"/>`.trim();
  617.  
  618.     const svgPlayList = `<path d="M0 3h12v2H0zm0 4h12v2H0zm0 4h8v2H0zm16 0V7h-2v4h-4v2h4v4h2v-4h4v-2z"/>`.trim();
  619.  
  620.     const svgDiag1 = `<svg stroke="currentColor" fill="none"><path d="M8 2h2v2M7 5l3-3m-6 8H2V8m0 2l3-3"/></svg>`;
  621.     const svgDiag2 = `<svg stroke="currentColor" fill="none"><path d="M7 3v2h2M7 5l3-3M5 9V7H3m-1 3l3-3"/></svg>`;
  622.  
  623.  
  624.     const getGMT = () => {
  625.       let m = new Date('2023-01-01T00:00:00Z');
  626.       return m.getDate() === 1 ? `+${m.getHours()}` : `-${24 - m.getHours()}`;
  627.     };
  628.  
  629.     function getWord(tag) {
  630.       return langWords[pageLang][tag] || langWords['en'][tag] || '';
  631.     }
  632.  
  633.     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>`
  634.  
  635.     let hiddenTabsByUserCSS = 0;
  636.  
  637.     function getTabsHTML() {
  638.  
  639.       const sTabBtnVideos = `${svgElm(16, 16, 90, 90, svgVideos)}<span>${getWord('videos')}</span>`;
  640.       const sTabBtnInfo = `${svgElm(16, 16, 60, 60, svgInfo)}<span>${getWord('info')}</span>`;
  641.       const sTabBtnPlayList = `${svgElm(16, 16, 20, 20, svgPlayList)}<span>${getWord('playlist')}</span>`;
  642.  
  643.       let str1 = `
  644.         <paper-ripple class="style-scope yt-icon-button">
  645.             <div id="background" class="style-scope paper-ripple" style="opacity:0;"></div>
  646.             <div id="waves" class="style-scope paper-ripple"></div>
  647.         </paper-ripple>
  648.         `;
  649.  
  650.       let str_fbtns = `
  651.     <div class="font-size-right">
  652.     <div class="font-size-btn font-size-plus" tyt-di="8rdLQ">
  653.     <svg width="12" height="12" viewbox="0 0 50 50" preserveAspectRatio="xMidYMid meet" 
  654.     stroke="currentColor" stroke-width="6" stroke-linecap="round" vector-effect="non-scaling-size">
  655.       <path d="M12 25H38M25 12V38"/>
  656.     </svg>
  657.     </div><div class="font-size-btn font-size-minus" tyt-di="8rdLQ">
  658.     <svg width="12" height="12" viewbox="0 0 50 50" preserveAspectRatio="xMidYMid meet"
  659.     stroke="currentColor" stroke-width="6" stroke-linecap="round" vector-effect="non-scaling-size">
  660.       <path d="M12 25h26"/>
  661.     </svg>
  662.     </div>
  663.     </div>
  664.     `.replace(/[\r\n]+/g, '');
  665.  
  666.       const str_tabs = [
  667.         `<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>`,
  668.         `<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>`,
  669.         `<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>`,
  670.         `<a id="tab-btn5" tyt-di="q9Kjc" tyt-tab-content="#tab-list" class="tab-btn tab-btn-hidden">${sTabBtnPlayList}${str1}${str_fbtns}</a>`
  671.       ].join('');
  672.  
  673.       let addHTML = `
  674.         <div id="right-tabs">
  675.             <tabview-view-pos-thead></tabview-view-pos-thead>
  676.             <header>
  677.                 <div id="material-tabs">
  678.                     ${str_tabs}
  679.                 </div>
  680.             </header>
  681.             <div class="tab-content">
  682.                 <div id="tab-info" class="tab-content-cld tab-content-hidden" tyt-hidden userscript-scrollbar-render></div>
  683.                 <div id="tab-comments" class="tab-content-cld tab-content-hidden" tyt-hidden userscript-scrollbar-render></div>
  684.                 <div id="tab-videos" class="tab-content-cld tab-content-hidden" tyt-hidden userscript-scrollbar-render></div>
  685.                 <div id="tab-list" class="tab-content-cld tab-content-hidden" tyt-hidden userscript-scrollbar-render></div>
  686.             </div>
  687.         </div>
  688.         `;
  689.  
  690.       return addHTML;
  691.  
  692.     }
  693.  
  694.  
  695.     function getLang() {
  696.  
  697.       let lang = 'en';
  698.       let htmlLang = ((document || 0).documentElement || 0).lang || '';
  699.       switch (htmlLang) {
  700.         case 'en':
  701.         case 'en-GB':
  702.           lang = 'en';
  703.           break;
  704.         case 'de':
  705.         case 'de-DE':
  706.           lang = 'du';
  707.           break;
  708.         case 'fr':
  709.         case 'fr-CA':
  710.         case 'fr-FR':
  711.           lang = 'fr';
  712.           break;
  713.         case 'zh-Hant':
  714.         case 'zh-Hant-HK':
  715.         case 'zh-Hant-TW':
  716.           lang = 'tw';
  717.           break;
  718.         case 'zh-Hans':
  719.         case 'zh-Hans-CN':
  720.           lang = 'cn';
  721.           break;
  722.         case 'ja':
  723.         case 'ja-JP':
  724.           lang = 'jp';
  725.           break;
  726.         case 'ko':
  727.         case 'ko-KR':
  728.           lang = 'kr';
  729.           break;
  730.         case 'ru':
  731.         case 'ru-RU':
  732.           lang = 'ru';
  733.           break;
  734.         default:
  735.           lang = 'en';
  736.       }
  737.  
  738.       return lang;
  739.  
  740.     }
  741.  
  742.     function getLangForPage() {
  743.  
  744.       let lang = getLang();
  745.  
  746.       if (langWords[lang]) pageLang = lang; else pageLang = 'en';
  747.  
  748.     }
  749.  
  750.     /** @type {Object.<string, number>} */
  751.     const _locks = {}
  752.  
  753.     const lockGet = new Proxy(_locks,
  754.       {
  755.         get(target, prop) {
  756.           return (target[prop] || 0);
  757.         },
  758.         set(target, prop, val) {
  759.           return true;
  760.         }
  761.       }
  762.     );
  763.  
  764.     const lockSet = new Proxy(_locks,
  765.       {
  766.         get(target, prop) {
  767.           if (target[prop] > 1e9) target[prop] = 9;
  768.           return (target[prop] = (target[prop] || 0) + 1);
  769.         },
  770.         set(target, prop, val) {
  771.           return true;
  772.         }
  773.       }
  774.     );
  775.  
  776.     const videosElementProvidedPromise = new PromiseExternal();
  777.     const navigateFinishedPromise = new PromiseExternal();
  778.  
  779.     let isRightTabsInserted = false;
  780.     const rightTabsProvidedPromise = new PromiseExternal();
  781.  
  782.     const infoExpanderElementProvidedPromise = new PromiseExternal();
  783.  
  784.  
  785.     const funcCanCollapse = function (s) {
  786.       if (!s) return;
  787.       this.canToggle = this.shouldUseNumberOfLines && (this.alwaysCollapsed || this.collapsed)
  788.         ? this.alwaysToggleable || this.$.content.offsetHeight < this.$.content.scrollHeight
  789.         : this.alwaysToggleable || this.$.content.scrollHeight > this.collapsedHeight
  790.     };
  791.  
  792.     const aoChat = new MutationObserver(() => {
  793.       const chatElm = elements.chat;
  794.       const ytdFlexyElm = elements.flexy;
  795.       // console.log(1882, chatElm, ytdFlexyElm)
  796.       if (chatElm && ytdFlexyElm) {
  797.         if (chatElm.hasAttribute000('collapsed')) {
  798.  
  799.           ytdFlexyElm.setAttribute111('tyt-chat-collapsed', '')
  800.         } else {
  801.  
  802.           ytdFlexyElm.removeAttribute000('tyt-chat-collapsed')
  803.         }
  804.  
  805.         ytdFlexyElm.setAttribute111('tyt-chat', chatElm.hasAttribute000('collapsed') ? '-' : '+');
  806.  
  807.       }
  808.     });
  809.  
  810.     const aoComment = new MutationObserver((mutations) => {
  811.       const commentsArea = elements.comments;
  812.       const ytdFlexyElm = elements.flexy;
  813.  
  814.       //tyt-comments-video-id //tyt-comments-data-status // hidden
  815.       if (!commentsArea) return;
  816.       let bfHidden = false;
  817.       let bfCommentsVideoId = false;
  818.       let bfCommentDisabled = false;
  819.       for (const mutation of mutations) {
  820.         if (mutation.attributeName === 'hidden' && mutation.target === commentsArea) {
  821.           bfHidden = true;
  822.         } else if (mutation.attributeName === 'tyt-comments-video-id' && mutation.target === commentsArea) {
  823.           bfCommentsVideoId = true;
  824.         } else if (mutation.attributeName === 'tyt-comments-data-status' && mutation.target === commentsArea) {
  825.           bfCommentDisabled = true;
  826.         }
  827.       }
  828.  
  829.       if (bfHidden) {
  830.  
  831.         if (!commentsArea.hasAttribute000('hidden')) {
  832.           Promise.resolve(commentsArea).then(eventMap['settingCommentsVideoId']).catch(console.warn);
  833.         }
  834.  
  835.         Promise.resolve(lockSet['removeKeepCommentsScrollerLock']).then(removeKeepCommentsScroller).catch(console.warn);
  836.       }
  837.  
  838.       if ((bfHidden || bfCommentsVideoId || bfCommentDisabled) && ytdFlexyElm) {
  839.  
  840.         const commentsDataStatus = +commentsArea.getAttribute000('tyt-comments-data-status');
  841.         if (commentsDataStatus === 2) {
  842.           ytdFlexyElm.setAttribute111('tyt-comment-disabled', '')
  843.         } else if (commentsDataStatus === 1) {
  844.           ytdFlexyElm.removeAttribute000('tyt-comment-disabled')
  845.         }
  846.  
  847.         Promise.resolve(lockSet['checkCommentsShouldBeHiddenLock']).then(eventMap['checkCommentsShouldBeHidden']).catch(console.warn);
  848.  
  849.  
  850.         if (isRightTabsInserted && commentsArea.closest('#tab-comments')) {
  851.           if (commentsArea.closest('[hidden]')) {
  852.             // document.querySelector('#tab-comments').classList.add('tab-content-hidden')
  853.             document.querySelector('[tyt-tab-content="#tab-comments"]').classList.add('tab-btn-hidden')
  854.           } else {
  855.             // document.querySelector('#tab-comments').classList.remove('tab-content-hidden')
  856.             document.querySelector('[tyt-tab-content="#tab-comments"]').classList.remove('tab-btn-hidden')
  857.           }
  858.         }
  859.  
  860.       }
  861.  
  862.  
  863.     });
  864.  
  865.     const ioComment = new IntersectionObserver((entries) => {
  866.  
  867.       for (const entry of entries) {
  868.         const target = entry.target;
  869.         const cnt = insp(target);
  870.         if (entry.isIntersecting && target instanceof HTMLElement && typeof cnt.calculateCanCollapse === 'function') {
  871.           lockSet['removeKeepCommentsScrollerLock'];
  872.           cnt.calculateCanCollapse(true);
  873.           target.setAttribute111('io-intersected', '');
  874.           const ytdFlexyElm = elements.flexy;
  875.           if (ytdFlexyElm && !ytdFlexyElm.hasAttribute000('keep-comments-scroller')) {
  876.             ytdFlexyElm.setAttribute111('keep-comments-scroller', '');
  877.           }
  878.         } else if (target.hasAttribute000('io-intersected')) {
  879.  
  880.           target.removeAttribute000('io-intersected');
  881.         }
  882.       }
  883.  
  884.     }, {
  885.       threshold: [0],
  886.       rootMargin: "32px" // enlarging viewport for getting intersection earlier
  887.     });
  888.  
  889.  
  890.     let bFixForResizedTabLater = false;
  891.     let lastRoRightTabsWidth = 0;
  892.     const roRightTabs = new ResizeObserver((entries) => {
  893.       const entry = entries[entries.length - 1];
  894.       const width = Math.round(entry.borderBoxSize.inlineSize);
  895.       if (lastRoRightTabsWidth !== width) {
  896.         lastRoRightTabsWidth = width;
  897.         if ((tabAStatus & 2) === 2) {
  898.           bFixForResizedTabLater = false;
  899.           Promise.resolve(1).then(eventMap['fixForTabDisplay']);
  900.         } else {
  901.           bFixForResizedTabLater = true;
  902.         }
  903.       }
  904.       console.log('resize')
  905.     });
  906.  
  907.     const switchToTab = (activeLink) => {
  908.  
  909.       if (typeof activeLink === 'string') {
  910.         activeLink = document.querySelector(`a[tyt-tab-content="${activeLink}"]`) || null;
  911.       }
  912.  
  913.       const ytdFlexyElm = elements.flexy;
  914.  
  915.  
  916.       const links = document.querySelectorAll('#material-tabs a[tyt-tab-content]');
  917.  
  918.       //console.log(701, activeLink)
  919.  
  920.       for (const link of links) {
  921.         const content = document.querySelector(link.getAttribute000('tyt-tab-content'));
  922.         if (link && content) {
  923.           if (link !== activeLink) {
  924.             link.classList.remove("active");
  925.             content.classList.add("tab-content-hidden");
  926.             if (!content.hasAttribute000("tyt-hidden")) {
  927.               content.setAttribute111("tyt-hidden", ""); // for https://greasyfork.org/en/scripts/456108
  928.             }
  929.           } else {
  930.             link.classList.add("active");
  931.             if (content.hasAttribute000("tyt-hidden")) {
  932.               content.removeAttribute000("tyt-hidden"); // for https://greasyfork.org/en/scripts/456108
  933.             }
  934.             content.classList.remove("tab-content-hidden");
  935.           }
  936.         }
  937.       }
  938.  
  939.       const switchingTo = activeLink ? activeLink.getAttribute000('tyt-tab-content') : '';
  940.       if (switchingTo) {
  941.         lastTab = lastPanel = switchingTo
  942.       }
  943.  
  944.       ytdFlexyElm.setAttribute111('tyt-tab', switchingTo);
  945.  
  946.       if (switchingTo) {
  947.         bFixForResizedTabLater = false;
  948.         Promise.resolve(0).then(eventMap['fixForTabDisplay']);
  949.       }
  950.  
  951.     }
  952.  
  953.     let tabAStatus = 0;
  954.     const calculationFn = (r = 0, flag) => {
  955.       const ytdFlexyElm = elements.flexy;
  956.       if (!ytdFlexyElm) return r;
  957.       if (flag & 1) {
  958.         r |= 1;
  959.         if (!ytdFlexyElm.hasAttribute000('theater')) r -= 1;
  960.       }
  961.       if (flag & 2) {
  962.         r |= 2;
  963.         if (!ytdFlexyElm.getAttribute000('tyt-tab')) r -= 2;
  964.       }
  965.       if (flag & 4) {
  966.         r |= 4;
  967.         if (ytdFlexyElm.getAttribute000('tyt-chat') !== '-') r -= 4;
  968.       }
  969.       if (flag & 8) {
  970.         r |= 8;
  971.         if (ytdFlexyElm.getAttribute000('tyt-chat') !== '+') r -= 8;
  972.       }
  973.       if (flag & 16) {
  974.         r |= 16;
  975.         if (!ytdFlexyElm.hasAttribute000('is-two-columns_')) r -= 16;
  976.       }
  977.       if (flag & 32) {
  978.         r |= 32;
  979.         if (!ytdFlexyElm.hasAttribute000('tyt-egm-panel_')) r -= 32;
  980.       }
  981.       if (flag & 64) {
  982.  
  983.         r |= 64;
  984.         if (!document.fullscreenElement) r -= 64;
  985.       }
  986.       return r;
  987.  
  988.     }
  989.  
  990.     function isTheater() {
  991.       const ytdFlexyElm = elements.flexy;
  992.       return (ytdFlexyElm && ytdFlexyElm.hasAttribute000('theater'))
  993.     }
  994.  
  995.     function ytBtnSetTheater() {
  996.       if (!isTheater()) {
  997.         const sizeBtn = document.querySelector('ytd-watch-flexy #ytd-player button.ytp-size-button')
  998.         if (sizeBtn) sizeBtn.click();
  999.       }
  1000.     }
  1001.  
  1002.     function ytBtnCancelTheater() {
  1003.       if (isTheater()) {
  1004.         const sizeBtn = document.querySelector('ytd-watch-flexy #ytd-player button.ytp-size-button')
  1005.         if (sizeBtn) sizeBtn.click();
  1006.       }
  1007.     }
  1008.  
  1009.  
  1010.     function ytBtnExpandChat() {
  1011.       let button = document.querySelector('ytd-live-chat-frame#chat[collapsed] > .ytd-live-chat-frame#show-hide-button')
  1012.       if (button) {
  1013.         button =
  1014.           button.querySelector000('div.yt-spec-touch-feedback-shape') ||
  1015.           button.querySelector000('ytd-toggle-button-renderer');
  1016.         if (button) button.click();
  1017.       }
  1018.     }
  1019.  
  1020.     function ytBtnCollapseChat() {
  1021.       let button = document.querySelector('ytd-live-chat-frame#chat:not([collapsed]) > .ytd-live-chat-frame#show-hide-button')
  1022.       if (button) {
  1023.         button =
  1024.           button.querySelector000('div.yt-spec-touch-feedback-shape') ||
  1025.           button.querySelector000('ytd-toggle-button-renderer');
  1026.         if (button) button.click();
  1027.       }
  1028.     }
  1029.  
  1030.     function ytBtnEgmPanelCore(arr) {
  1031.  
  1032.       if (!arr) return
  1033.       if (!('length' in arr)) arr = [arr]
  1034.  
  1035.       const ytdFlexyElm = elements.flexy;
  1036.       if (!ytdFlexyElm) return;
  1037.  
  1038.       let actions = []
  1039.  
  1040.       for (const entry of arr) {
  1041.  
  1042.         if (!entry) continue;
  1043.  
  1044.         let panelId = entry.panelId
  1045.  
  1046.         let toHide = entry.toHide
  1047.         let toShow = entry.toShow
  1048.  
  1049.         if (toHide === true && !toShow) {
  1050.  
  1051.           actions.push({
  1052.             "changeEngagementPanelVisibilityAction": {
  1053.               "targetId": panelId,
  1054.               "visibility": "ENGAGEMENT_PANEL_VISIBILITY_HIDDEN"
  1055.             }
  1056.           })
  1057.  
  1058.         } else if (toShow === true && !toHide) {
  1059.  
  1060.           actions.push({
  1061.             "showEngagementPanelEndpoint": {
  1062.               "panelIdentifier": panelId
  1063.             }
  1064.           })
  1065.  
  1066.         }
  1067.  
  1068.         if (actions.length > 0) {
  1069.           const cnt = insp(ytdFlexyElm);
  1070.  
  1071.           cnt.resolveCommand(
  1072.             {
  1073.               "signalServiceEndpoint": {
  1074.                 "signal": "CLIENT_SIGNAL",
  1075.                 "actions": actions
  1076.               }
  1077.             },
  1078.  
  1079.             {},
  1080.             false);
  1081.         }
  1082.         actions = null;
  1083.  
  1084.       }
  1085.     }
  1086.  
  1087.     /*
  1088.     function ytBtnCloseEngagementPanel( s) {
  1089.       //ePanel.setAttribute('visibility',"ENGAGEMENT_PANEL_VISIBILITY_HIDDEN");
  1090.    
  1091.       let panelId = s.getAttribute('target-id')
  1092.       scriptletDeferred.debounce(() => {
  1093.         document.dispatchEvent(new CustomEvent('tyt-engagement-panel-visibility-change', {
  1094.           detail: {
  1095.             panelId,
  1096.             toHide: true
  1097.           }
  1098.         }))
  1099.       })
  1100.    
  1101.     }
  1102.     
  1103.     function ytBtnCloseEngagementPanels() {
  1104.       if (isEngagementPanelExpanded()) {
  1105.         for (const s of document.querySelectorAll(
  1106.           `ytd-watch-flexy[flexy][tyt-tab] #panels.ytd-watch-flexy ytd-engagement-panel-section-list-renderer[target-id][visibility]:not([hidden])`
  1107.         )) {
  1108.           if (s.getAttribute('visibility') == "ENGAGEMENT_PANEL_VISIBILITY_EXPANDED") ytBtnCloseEngagementPanel(s);
  1109.         }
  1110.       }
  1111.     }
  1112.     */
  1113.  
  1114.  
  1115.     function ytBtnCloseEngagementPanels() {
  1116.  
  1117.       const actions = [];
  1118.       for (const panelElm of document.querySelectorAll(
  1119.         `ytd-watch-flexy[flexy][tyt-tab] #panels.ytd-watch-flexy ytd-engagement-panel-section-list-renderer[target-id][visibility]:not([hidden])`
  1120.       )) {
  1121.         if (panelElm.getAttribute('visibility') == "ENGAGEMENT_PANEL_VISIBILITY_EXPANDED" && !panelElm.closest('[hidden]')) {
  1122.           actions.push({
  1123.             panelId: panelElm.getAttribute000('target-id'),
  1124.             toHide: true
  1125.           });
  1126.         }
  1127.       }
  1128.       ytBtnEgmPanelCore(actions);
  1129.     }
  1130.  
  1131.     const updateChatLocation498 = function () {
  1132.       /*
  1133.    
  1134.               updateChatLocation: function() {
  1135.               if (this.is !== "ytd-watch-grid" && y("web_watch_theater_chat")) {
  1136.                   var a = T(this.hostElement).querySelector("#chat-container")
  1137.                     , b = this.theater && (!this.fullscreen || y("web_watch_fullscreen_panels"));
  1138.                   this.watchWhileWindowSizeSufficient && this.liveChatPresentAndExpanded && b ? y("web_watch_theater_chat_beside_player") ? (b = T(this.hostElement).querySelector("#panels-full-bleed-container"),
  1139.                   (a == null ? void 0 : a.parentElement) !== b && b.append(a),
  1140.                   this.panelsBesidePlayer = !0) : y("web_watch_theater_fixed_chat") && (b = T(this.hostElement).querySelector("#columns"),
  1141.                   (a == null ? void 0 : a.parentElement) !== b && b.append(a),
  1142.                   this.fixedPanels = !0) : (y("web_watch_theater_chat_beside_player") ? this.panelsBesidePlayer = !1 : y("web_watch_theater_fixed_chat") && (this.fixedPanels = !1),
  1143.                   b = T(this.hostElement).querySelector("#playlist"),
  1144.                   a && b ? Fh(a, b) : Gm(new zk("Missing element when updating chat location",{
  1145.                       "chatContainer defined": !!a,
  1146.                       "playlist defined": !!b
  1147.                   })));
  1148.                   this.updatePageMediaQueries();
  1149.                   this.schedulePlayerSizeUpdate_()
  1150.               }
  1151.           },
  1152.    
  1153.           */
  1154.  
  1155.       console.log('updateChatLocation498')
  1156.       if (this.is !== "ytd-watch-grid") {
  1157.         this.updatePageMediaQueries();
  1158.         this.schedulePlayerSizeUpdate_()
  1159.       }
  1160.  
  1161.     }
  1162.  
  1163.     const mirrorNodeWS = new WeakMap();
  1164.  
  1165.     /*
  1166.       const infoFix = () => {
  1167.         const infoExpander = elements.infoExpander;
  1168.         const ytdFlexyElm = elements.flexy;
  1169.         if (!infoExpander || !ytdFlexyElm) return;
  1170.         console.log(386, infoExpander, infoExpander.matches('#tab-info > [class]'))
  1171.         if (!infoExpander.matches('#tab-info > [class]')) return;
  1172.         // 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=>{
  1173.         //   if(elm.parentNode.closest('div[slot="extra-content"], ytd-metadata-row-container-renderer')) return false;
  1174.         //    return true;
  1175.         // });
  1176.     
  1177.     
  1178.     
  1179.         const requireElements = [...document.querySelectorAll('ytd-watch-metadata.ytd-watch-flexy div[slot="extra-content"] > *, ytd-watch-metadata.ytd-watch-flexy #extra-content > *')].filter(elm => {
  1180.           return typeof elm.is == 'string'
  1181.         }).map(elm => {
  1182.           const is = elm.is;
  1183.           while (elm instanceof HTMLElement) {
  1184.             const q = [...elm.querySelectorAll(is)].filter(e => insp(e).data);
  1185.             if (q.length >= 1) return q[0];
  1186.             elm = elm.parentNode;
  1187.           }
  1188.         }).filter(elm => !!elm && typeof elm.is === 'string');
  1189.         console.log(requireElements)
  1190.     
  1191.         const source = requireElements.map(entry=>({
  1192.           data: insp(entry).data,
  1193.           tag: insp(entry).is,
  1194.           elm: entry
  1195.         }))
  1196.     
  1197.         if (!document.querySelector('noscript#aythl')) {
  1198.           const noscript = document.createElement('noscript')
  1199.           noscript.id = 'aythl';
  1200.           ytdFlexyElm.insertBefore000(noscript, ytdFlexyElm.firstChild);
  1201.     
  1202.         }
  1203.         const noscript = document.querySelector('noscript#aythl');
  1204.     
  1205.         const clones = new Set();
  1206.         for (const {data, tag, elm} of source) {
  1207.     
  1208.           // const cloneNode = document.createElement(tag);
  1209.           let cloneNode = elm.cloneNode(true);
  1210.           // noscript.appendChild(cloneNode);
  1211.           // insp(cloneNode).data = null;
  1212.           insp(cloneNode).data = data;
  1213.           source.clone = cloneNode;
  1214.           clones.add(cloneNode);
  1215.         }
  1216.     
  1217.     
  1218.         // const elms = [...document.querySelectorAll('ytd-watch-metadata.ytd-watch-flexy div[slot="extra-content"]')].filter(elm => {
  1219.         //   if (elm.parentNode.closest('div[slot="extra-content"], ytd-metadata-row-container-renderer')) return false;
  1220.         //   return true;
  1221.         // });
  1222.     
  1223.         // let arr = [];
  1224.         // for(const elm of elms){
  1225.         //   if(elm.hasAttribute('slot')) arr.push(...elm.childNodes);
  1226.         //   else arr.push(elm);
  1227.         // }
  1228.         // arr = arr.filter(e=>e && e.nodeType === 1);
  1229.         // console.log(386,arr)
  1230.     
  1231.         // const clones = arr.map(e=>e.cloneNode(true));
  1232.     
  1233.         // for(let node = infoExpander.nextSibling; node instanceof Node; node = node.nextSibling) node.remove();
  1234.     
  1235.         // infoExpander.parentNode.assignChildern111(null, infoExpander, [...clones]);
  1236.         let removal = [];
  1237.         for(let node = infoExpander.nextSibling; node instanceof Node; node = node.nextSibling)removal.push(node);
  1238.         for(const node of removal) node.remove();
  1239.         for(const node of clones) infoExpander.parentNode.appendChild(node);
  1240.         
  1241.     
  1242.         for (const {data, tag, elm, clone} of source) {
  1243.     
  1244.           insp(clone).data = null;
  1245.           insp(clone).data = data;
  1246.         }
  1247.     
  1248.         // console.log(infoExpander.parentNode.childNodes)
  1249.       }
  1250.     */
  1251.  
  1252.     const dummyNode = document.createElement('noscript');
  1253.  
  1254.     // const __j4838__ = Symbol();
  1255.     const __j4836__ = Symbol();
  1256.     const __j5744__ = Symbol(); // original element
  1257.     const __j5733__ = Symbol(); // __lastChanged__
  1258.  
  1259.     const monitorDataChangedByDOMMutation = async function (mutations) {
  1260.  
  1261.       const nodeWR = this;
  1262.       const node = kRef(nodeWR);
  1263.       if (!node) return;
  1264.  
  1265.       const cnt = insp(node);
  1266.       const __lastChanged__ = cnt[__j5733__];
  1267.  
  1268.  
  1269.       const val = cnt.data ? (cnt.data[__j4836__] || 1) : 0;
  1270.  
  1271.       if (__lastChanged__ !== val) {
  1272.         cnt[__j5733__] = val > 0 ? (cnt.data[__j4836__] = Date.now()) : 0;
  1273.  
  1274.         await Promise.resolve(); // required for making sufficient delay for data rendering
  1275.         attributeInc(node, 'tyt-data-change-counter'); // next macro task
  1276.  
  1277.       }
  1278.  
  1279.     }
  1280.  
  1281.     const moChangeReflection = function (mutations) {
  1282.  
  1283.       const nodeWR = this;
  1284.       const node = kRef(nodeWR);
  1285.       if (!node) return;
  1286.       const originElement = kRef(node[__j5744__] || null) || null;
  1287.       if (!originElement) return;
  1288.  
  1289.       const cnt = insp(node);
  1290.       const oriCnt = insp(originElement);
  1291.  
  1292.       if (mutations) {
  1293.  
  1294.         let bfDataChangeCounter = false;
  1295.         for (const mutation of mutations) {
  1296.  
  1297.           if (mutation.attributeName === 'tyt-clone-refresh-count' && mutation.target === originElement) {
  1298.             bfDataChangeCounter = true;
  1299.           } else if (mutation.attributeName === 'tyt-data-change-counter' && mutation.target === originElement) {
  1300.             bfDataChangeCounter = true;
  1301.           }
  1302.         }
  1303.         if (bfDataChangeCounter && oriCnt.data) {
  1304.           node.replaceWith(dummyNode);
  1305.           cnt.data = Object.assign({}, oriCnt.data);
  1306.           dummyNode.replaceWith(node);
  1307.         }
  1308.  
  1309.       }
  1310.     }
  1311.  
  1312.     /*
  1313.     const moChangeReflection = async function (mutations) {
  1314.   
  1315.       const nodeWR = this;
  1316.       const node = kRef(nodeWR);
  1317.       if (!node) return;
  1318.       const originElement = kRef(node[__j5744__] || null) || null;
  1319.       if (!originElement) return;
  1320.   
  1321.       const cnt = insp(node);
  1322.       const oriCnt = insp(originElement);
  1323.   
  1324.       if(mutations){
  1325.   
  1326.         let bfDataChangeCounter = false;
  1327.         for (const mutation of mutations) {
  1328.           if (mutation.attributeName === 'tyt-data-change-counter' && mutation.target === originElement) {
  1329.             bfDataChangeCounter = true;
  1330.           }
  1331.         }
  1332.         if(bfDataChangeCounter && oriCnt.data){
  1333.           node.replaceWith(dummyNode);
  1334.           cnt.data = Object.assign({}, oriCnt.data);
  1335.           dummyNode.replaceWith(node);
  1336.         }
  1337.   
  1338.       } 
  1339.   
  1340.       // console.log(8348, originElement)
  1341.   
  1342.       if (cnt.isAttached === false) {
  1343.         // do nothing
  1344.         // don't call infoFix() as it shall be only called in ytd-expander::attached and yt-navigate-finish
  1345.       } else if (oriCnt.isAttached === false && cnt.isAttached === true) {
  1346.         if (node.isConnected && node.parentNode instanceof HTMLElement) {
  1347.           node.parentNode.removeChild(node);
  1348.         } else {
  1349.           node.remove();
  1350.         }
  1351.         if (oriCnt.data !== null) {
  1352.           cnt.data = null;
  1353.         }
  1354.       } else if (oriCnt.isAttached === true && cnt.isAttached === true) {
  1355.         if (!oriCnt.data) {
  1356.           if(cnt.data){
  1357.             cnt.data = null;
  1358.           }
  1359.         } else if (!cnt.data || oriCnt.data[__j4838__] !== cnt.data[__j4838__]) {
  1360.           oriCnt.data[__j4838__] = Date.now();
  1361.           await Promise.resolve(); // required for making sufficient delay for data rendering
  1362.           attributeInc(originElement, 'tyt-data-change-counter'); // next macro task
  1363.         }
  1364.       }
  1365.   
  1366.     };
  1367.     */
  1368.  
  1369.     const attributeInc = (elm, prop) => {
  1370.       let v = (+elm.getAttribute000(prop) || 0) + 1;
  1371.       if (v > 1e9) v = 9;
  1372.       elm.setAttribute000(prop, v);
  1373.       return v;
  1374.     }
  1375.  
  1376.  
  1377.  
  1378.     const infoFix = (lockId) => {
  1379.       if (lockGet['infoFixLock'] !== lockId) return;
  1380.       console.log('((infoFix))')
  1381.       const infoExpander = elements.infoExpander;
  1382.       const ytdFlexyElm = elements.flexy;
  1383.       if (!infoExpander || !ytdFlexyElm) return;
  1384.       // console.log(386, infoExpander, infoExpander.matches('#tab-info > [class]'))
  1385.       if (!infoExpander.matches('#tab-info > [class]')) return;
  1386.       // 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=>{
  1387.       //   if(elm.parentNode.closest('div[slot="extra-content"], ytd-metadata-row-container-renderer')) return false;
  1388.       //    return true;
  1389.       // });
  1390.  
  1391.  
  1392.  
  1393.       const requireElements = [...document.querySelectorAll('ytd-watch-metadata.ytd-watch-flexy div[slot="extra-content"] > *, ytd-watch-metadata.ytd-watch-flexy #extra-content > *')].filter(elm => {
  1394.         return typeof elm.is == 'string'
  1395.       }).map(elm => {
  1396.         const is = elm.is;
  1397.         while (elm instanceof HTMLElement) {
  1398.           const q = [...elm.querySelectorAll(is)].filter(e => insp(e).data);
  1399.           if (q.length >= 1) return q[0];
  1400.           elm = elm.parentNode;
  1401.         }
  1402.       }).filter(elm => !!elm && typeof elm.is === 'string');
  1403.       // console.log(9162, requireElements)
  1404.  
  1405.       const source = requireElements.map(entry => ({
  1406.         data: insp(entry).data,
  1407.         tag: insp(entry).is,
  1408.         elm: entry
  1409.       }));
  1410.  
  1411.       if (!document.querySelector('noscript#aythl')) {
  1412.         const noscript = document.createElement('noscript')
  1413.         noscript.id = 'aythl';
  1414.         ytdFlexyElm.insertBefore000(noscript, ytdFlexyElm.firstChild);
  1415.  
  1416.       }
  1417.       const noscript = document.querySelector('noscript#aythl');
  1418.  
  1419.  
  1420.       let requiredUpdate = false;
  1421.       const mirrorElmSet = new Set();
  1422.       const targetParent = infoExpander.parentNode;
  1423.       for (const { data, tag: tag, elm: s } of source) {
  1424.  
  1425.         let mirrorNode = mirrorNodeWS.get(s)
  1426.         mirrorNode = mirrorNode ? kRef(mirrorNode) : mirrorNode;
  1427.         if (!mirrorNode) {
  1428.           const cnt = insp(s);
  1429.           const cProto = cnt.constructor.prototype;
  1430.  
  1431.           const element = document.createElement(tag);
  1432.           noscript.appendChild(element); // appendChild to trigger .attached()
  1433.           mirrorNode = element
  1434.           mirrorNode[__j5744__] = mWeakRef(s);
  1435.  
  1436.           const nodeWR = mWeakRef(mirrorNode);
  1437.           // if(!(insp(s)._dataChanged438)){
  1438.           //   insp(s)._dataChanged438 = async function(){
  1439.  
  1440.           //     await Promise.resolve(); // required for making sufficient delay for data rendering
  1441.           //     attributeInc(originElement, 'tyt-data-change-counter'); // next macro task
  1442.           //     moChangeReflection.call(nodeWR);
  1443.           //   }
  1444.           // }
  1445.  
  1446.  
  1447.  
  1448.  
  1449.           new MutationObserver(moChangeReflection.bind(nodeWR)).observe(s, { attributes: true, attributeFilter: ['tyt-clone-refresh-count', 'tyt-data-change-counter'] });
  1450.  
  1451.  
  1452.           s.jy8432 = 1;
  1453.           if (!(cProto instanceof Node) && !cProto._dataChanged496 && typeof cProto._createPropertyObserver === 'function') {
  1454.  
  1455.  
  1456.             cProto._dataChanged496 = function () {
  1457.               const cnt = this;
  1458.               const node = cnt.hostElement || cnt;
  1459.               if (node.jy8432) {
  1460.  
  1461.                 console.log('hello _dataChanged496', this.is);
  1462.                 // await Promise.resolve(); // required for making sufficient delay for data rendering
  1463.                 attributeInc(node, 'tyt-data-change-counter'); // next macro task
  1464.               }
  1465.  
  1466.  
  1467.             }
  1468.  
  1469.             cProto._createPropertyObserver('data', '_dataChanged496', undefined)
  1470.  
  1471.           } else if (!(cProto instanceof Node) && !cProto._dataChanged496 && cProto.useSignals === true && insp(s).signalProxy) {
  1472.  
  1473.             const dataSignal = cnt?.signalProxy?.signalCache?.data;
  1474.             if (dataSignal && typeof dataSignal.setWithPath === 'function' && !dataSignal.setWithPath573 && !dataSignal.controller573) {
  1475.               dataSignal.controller573 = mWeakRef(cnt);
  1476.               dataSignal.setWithPath573 = dataSignal.setWithPath;
  1477.               dataSignal.setWithPath = function () {
  1478.                 const cnt = (kRef(this.controller573 || null) || null);
  1479.                 cnt && typeof cnt._dataChanged496k === 'function' && Promise.resolve(cnt).then(cnt._dataChanged496k).catch(console.warn);
  1480.                 return this.setWithPath573(...arguments)
  1481.               }
  1482.               cProto._dataChanged496 = function () {
  1483.                 const cnt = this;
  1484.                 const node = cnt.hostElement || cnt;
  1485.                 if (node.jy8432) {
  1486.                   console.log('hello _dataChanged496', this.is);
  1487.                   // await Promise.resolve(); // required for making sufficient delay for data rendering
  1488.                   attributeInc(node, 'tyt-data-change-counter'); // next macro task
  1489.                 }
  1490.               }
  1491.               cProto._dataChanged496k = (cnt) => cnt._dataChanged496();
  1492.  
  1493.             }
  1494.  
  1495.           }
  1496.  
  1497.  
  1498.           if (!cProto._dataChanged496) {
  1499.  
  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.  
  1539.       if (!requiredUpdate) {
  1540.         // DOM Tree Check
  1541.         let e = 0;
  1542.         for (let n = targetParent.firstChild; n instanceof Node; n = n.nextSibling) {
  1543.           let target = e === 0 ? infoExpander : mirroElmArr[e - 1];
  1544.           e++;
  1545.           if (n !== target) {
  1546.             // target can be undefined if index overflow
  1547.             requiredUpdate = true;
  1548.             break;
  1549.           }
  1550.         }
  1551.         if (!requiredUpdate && e !== mirroElmArr.length + 1) requiredUpdate = true;
  1552.       }
  1553.  
  1554.       if (requiredUpdate) {
  1555.         targetParent.assignChildern111(null, infoExpander, mirroElmArr);
  1556.         for (const mirrorElm of mirroElmArr) {
  1557.           // trigger data assignment and record refresh count by manual update
  1558.           const j = attributeInc(mirrorElm, 'tyt-clone-refresh-count');
  1559.           const oriElm = kRef(mirrorElm[__j5744__] || null) || null;
  1560.           if (oriElm) {
  1561.             oriElm.setAttribute111('tyt-clone-refresh-count', j)
  1562.           }
  1563.         }
  1564.       }
  1565.  
  1566.       mirroElmArr.length = 0;
  1567.       source.length = 0;
  1568.  
  1569.     }
  1570.  
  1571.     const layoutFix = (lockId) => {
  1572.       if (lockGet['layoutFixLock'] !== lockId) return;
  1573.       console.log('((layoutFix))')
  1574.  
  1575.       const secondaryWrapper = document.querySelector('#secondary-inner.style-scope.ytd-watch-flexy > secondary-wrapper');
  1576.       // console.log(3838, !!chatContainer, !!(secondaryWrapper && secondaryInner), secondaryInner?.firstChild, secondaryInner?.lastChild , secondaryWrapper?.parentNode === secondaryInner)
  1577.       if (secondaryWrapper) {
  1578.         const secondaryInner = secondaryWrapper.parentNode;
  1579.  
  1580.         const chatContainer = document.querySelector('#columns.style-scope.ytd-watch-flexy [tyt-chat-container]');
  1581.         if (secondaryInner.firstChild !== secondaryInner.lastChild || (chatContainer && !chatContainer.closest('secondary-wrapper'))) {
  1582.           console.log(38381)
  1583.           let w = [];
  1584.           let w2 = [];
  1585.           for (let node = secondaryInner.firstChild; node instanceof Node; node = node.nextSibling) {
  1586.             if (node === chatContainer && chatContainer) {
  1587.  
  1588.             } else if (node === secondaryWrapper) {
  1589.  
  1590.               for (let node2 = secondaryWrapper.firstChild; node2 instanceof Node; node2 = node2.nextSibling) {
  1591.                 if (node2 === chatContainer && chatContainer) {
  1592.                 } else {
  1593.                   if (node2.id === 'right-tabs' && chatContainer) {
  1594.                     w2.push(chatContainer);
  1595.                   }
  1596.                   w2.push(node2);
  1597.                 }
  1598.               }
  1599.             } else {
  1600.               w.push(node);
  1601.             }
  1602.           }
  1603.           secondaryWrapper.replaceChildren000(...w, ...w2);
  1604.           // if(chatCnt && typeof chatCnt.urlChanged === 'function'){
  1605.           //   setTimeout(()=>chatCnt.urlChanged, 100);
  1606.           // }
  1607.         }
  1608.       }
  1609.  
  1610.     }
  1611.  
  1612.     let lastPanel = '';
  1613.     let lastTab = '';
  1614.     // let fixInitialTabState = 0;
  1615.  
  1616.     const aoEgmPanels = new MutationObserver(() => {
  1617.       Promise.resolve(lockSet['updateEgmPanelsLock']).then(updateEgmPanels).catch(console.warn);
  1618.     });
  1619.  
  1620.     const removeKeepCommentsScroller = async (lockId) => {
  1621.       if (lockGet['removeKeepCommentsScrollerLock'] !== lockId) return;
  1622.       await Promise.resolve();
  1623.       if (lockGet['removeKeepCommentsScrollerLock'] !== lockId) return;
  1624.       const ytdFlexyFlm = elements.flexy;
  1625.       if (ytdFlexyFlm) {
  1626.         ytdFlexyFlm.removeAttribute000('keep-comments-scroller');
  1627.       }
  1628.     }
  1629.  
  1630.     const updateEgmPanels = async (lockId) => {
  1631.       if (lockId !== lockGet['updateEgmPanelsLock']) return;
  1632.       await navigateFinishedPromise.then().catch(console.warn);
  1633.       if (lockId !== lockGet['updateEgmPanelsLock']) return;
  1634.       const ytdFlexyElm = elements.flexy;
  1635.       if (!ytdFlexyElm) return;
  1636.       let newVisiblePanels = [];
  1637.       let newHiddenPanels = [];
  1638.       let allVisiblePanels = [];
  1639.       for (const panelElm of document.querySelectorAll('[tyt-egm-panel][target-id][visibility]')) {
  1640.         const visibility = panelElm.getAttribute000('visibility');
  1641.  
  1642.         if (visibility === 'ENGAGEMENT_PANEL_VISIBILITY_HIDDEN' || panelElm.closest('[hidden]')) {
  1643.           if (panelElm.hasAttribute000('tyt-visible-at')) {
  1644.             panelElm.removeAttribute000('tyt-visible-at');
  1645.             newHiddenPanels.push(panelElm);
  1646.           }
  1647.  
  1648.         } else if (visibility === 'ENGAGEMENT_PANEL_VISIBILITY_EXPANDED' && !panelElm.closest('[hidden]')) {
  1649.           let visibleAt = panelElm.getAttribute000('tyt-visible-at');
  1650.           if (!visibleAt) {
  1651.             panelElm.setAttribute111('tyt-visible-at', Date.now());
  1652.             newVisiblePanels.push(panelElm);
  1653.           }
  1654.           allVisiblePanels.push(panelElm);
  1655.         }
  1656.       }
  1657.       if (newVisiblePanels.length >= 1 && allVisiblePanels.length >= 2) {
  1658.         const targetVisible = newVisiblePanels[newVisiblePanels.length - 1];
  1659.  
  1660.         const actions = [];
  1661.         for (const panelElm of allVisiblePanels) {
  1662.           if (panelElm === targetVisible) continue;
  1663.           actions.push({
  1664.             panelId: panelElm.getAttribute000('target-id'),
  1665.             toHide: true
  1666.           });
  1667.         }
  1668.  
  1669.         if (actions.length >= 1) {
  1670.           ytBtnEgmPanelCore(actions);
  1671.         }
  1672.  
  1673.       }
  1674.       if (allVisiblePanels.length >= 1) {
  1675.         ytdFlexyElm.setAttribute111('tyt-egm-panel_', '');
  1676.       } else {
  1677.         ytdFlexyElm.removeAttribute000('tyt-egm-panel_');
  1678.       }
  1679.       newVisiblePanels.length = 0;
  1680.       newVisiblePanels = null;
  1681.       newHiddenPanels.length = 0;
  1682.       newHiddenPanels = null;
  1683.       allVisiblePanels.length = 0;
  1684.       allVisiblePanels = null;
  1685.     }
  1686.  
  1687.     const checkElementExist = (css, exclude) => {
  1688.       for (const p of document.querySelectorAll(css)) {
  1689.         if (!p.closest(exclude)) return true;
  1690.       }
  1691.       return false;
  1692.     }
  1693.  
  1694.     const { handleNavigateFactory } = (() => {
  1695.  
  1696.  
  1697.       let isLoadStartListened = false;
  1698.  
  1699.       function findLcComment(lc) {
  1700.         if (arguments.length === 1) {
  1701.  
  1702.           let element = document.querySelector(`#tab-comments ytd-comments ytd-comment-renderer #header-author a[href*="lc=${lc}"]`);
  1703.           if (element) {
  1704.             let commentRendererElm = closestFromAnchor.call(element, 'ytd-comment-renderer');
  1705.             if (commentRendererElm && lc) {
  1706.               return {
  1707.                 lc,
  1708.                 commentRendererElm
  1709.               }
  1710.             }
  1711.           }
  1712.         } else if (arguments.length === 0) {
  1713.  
  1714.           let element = document.querySelector(`#tab-comments ytd-comments ytd-comment-renderer > #linked-comment-badge span:not(:empty)`);
  1715.           if (element) {
  1716.             let commentRendererElm = closestFromAnchor.call(element, 'ytd-comment-renderer');
  1717.             if (commentRendererElm) {
  1718.  
  1719.               let header = _querySelector.call(commentRendererElm, '#header-author');
  1720.               if (header) {
  1721.  
  1722.                 let anchor = _querySelector.call(header, 'a[href*="lc="]');
  1723.                 if (anchor) {
  1724.                   let href = (anchor.getAttribute('href') || '');
  1725.                   let m = /[&?]lc=([\w_.-]+)/.exec(href); // dot = sub-comment
  1726.                   if (m) {
  1727.                     lc = m[1];
  1728.                   }
  1729.                 }
  1730.               }
  1731.  
  1732.             }
  1733.             if (commentRendererElm && lc) {
  1734.               return {
  1735.                 lc,
  1736.                 commentRendererElm
  1737.               }
  1738.             }
  1739.           }
  1740.         }
  1741.  
  1742.         return null;
  1743.  
  1744.       }
  1745.  
  1746.  
  1747.       function lcSwapFuncA(targetLcId, currentLcId) {
  1748.  
  1749.  
  1750.         let done = 0;
  1751.         try {
  1752.           // console.log(currentLcId, targetLcId)
  1753.  
  1754.           let r1 = findLcComment(currentLcId).commentRendererElm;
  1755.           let r2 = findLcComment(targetLcId).commentRendererElm;
  1756.  
  1757.  
  1758.           if (typeof insp(r1).data.linkedCommentBadge === 'object' && typeof insp(r2).data.linkedCommentBadge === 'undefined') {
  1759.  
  1760.             let p = Object.assign({}, insp(r1).data.linkedCommentBadge)
  1761.  
  1762.             if (((p || 0).metadataBadgeRenderer || 0).trackingParams) {
  1763.               delete p.metadataBadgeRenderer.trackingParams;
  1764.             }
  1765.  
  1766.             const v1 = findContentsRenderer(r1)
  1767.             const v2 = findContentsRenderer(r2)
  1768.  
  1769.  
  1770.             if (v1.parent === v2.parent && (v2.parent.nodeName === 'YTD-COMMENTS' || v2.parent.nodeName === 'YTD-ITEM-SECTION-RENDERER')) {
  1771.  
  1772.             } else {
  1773.               // currently not supported
  1774.               return false;
  1775.             }
  1776.  
  1777.  
  1778.  
  1779.             if (v2.index >= 0) {
  1780.               if (v2.parent.nodeName === 'YTD-COMMENT-REPLIES-RENDERER') {
  1781.  
  1782.  
  1783.                 if (lcSwapFuncB(targetLcId, currentLcId, p)) {
  1784.                   done = 1;
  1785.                 }
  1786.  
  1787.                 done = 1;
  1788.               } else {
  1789.                 const v2pCnt = insp(v2.parent);
  1790.                 const v2Conents = (v2pCnt.data || 0).contents || 0;
  1791.                 if (!v2Conents) console.warn('v2Conents is not found');
  1792.  
  1793.                 v2pCnt.data = Object.assign({}, v2pCnt.data, { contents: [].concat([v2Conents[v2.index]], v2Conents.slice(0, v2.index), v2Conents.slice(v2.index + 1)) });
  1794.  
  1795.                 if (lcSwapFuncB(targetLcId, currentLcId, p)) {
  1796.                   done = 1;
  1797.                 }
  1798.               }
  1799.  
  1800.  
  1801.             }
  1802.  
  1803.  
  1804.  
  1805.           }
  1806.  
  1807.  
  1808.  
  1809.         } catch (e) {
  1810.           console.warn(e)
  1811.         }
  1812.         return done === 1;
  1813.       }
  1814.  
  1815.  
  1816.       function lcSwapFuncB(targetLcId, currentLcId, _p) {
  1817.  
  1818.         let done = 0;
  1819.         try {
  1820.  
  1821.           let r1 = findLcComment(currentLcId).commentRendererElm;
  1822.           let r1cnt = insp(r1);
  1823.           let r2 = findLcComment(targetLcId).commentRendererElm;
  1824.           let r2cnt = insp(r2);
  1825.  
  1826.           const r1d = r1cnt.data;
  1827.           let p = Object.assign({}, _p)
  1828.           r1d.linkedCommentBadge = null;
  1829.           delete r1d.linkedCommentBadge;
  1830.  
  1831.           let q = Object.assign({}, r1d);
  1832.           q.linkedCommentBadge = null;
  1833.           delete q.linkedCommentBadge;
  1834.  
  1835.           r1cnt.data = Object.assign({}, q);
  1836.           r2cnt.data = Object.assign({}, r2cnt.data, { linkedCommentBadge: p });
  1837.  
  1838.           done = 1;
  1839.  
  1840.         } catch (e) {
  1841.           console.warn(e)
  1842.         }
  1843.         return done === 1;
  1844.       }
  1845.  
  1846.       const loadStartFx = async (evt) => {
  1847.  
  1848.         let media = (evt || 0).target || 0;
  1849.         if (media.nodeName === 'VIDEO' || media.nodeName === 'AUDIO') { }
  1850.         else return;
  1851.  
  1852.         const newMedia = media;
  1853.  
  1854.         const media1 = getMediaElement(0); // document.querySelector('#movie_player video[src]');
  1855.         const media2 = getMediaElements(2); // document.querySelectorAll('ytd-browse[role="main"] video[src]');
  1856.  
  1857.         if (media1 !== null && media2.length > 0) {
  1858.           if (newMedia !== media1 && media1.paused === false) {
  1859.             if (isVideoPlaying(media1)) {
  1860.               Promise.resolve(newMedia).then(video => video.paused === false && video.pause()).catch(console.warn);
  1861.             }
  1862.           } else if (newMedia === media1) {
  1863.             for (const s of media2) {
  1864.               if (s.paused === false) {
  1865.                 Promise.resolve(s).then(s => s.paused === false && s.pause()).catch(console.warn);
  1866.                 break;
  1867.               }
  1868.             }
  1869.           } else {
  1870.             Promise.resolve(media1).then(video1 => video1.paused === false && video1.pause()).catch(console.warn);
  1871.           }
  1872.         }
  1873.  
  1874.       }
  1875.  
  1876.       const getBrowsableEndPoint = (req) => {
  1877.  
  1878.         let valid = false;
  1879.         let endpoint = req ? req.command : null;
  1880.         if (endpoint && (endpoint.commandMetadata || 0).webCommandMetadata && endpoint.watchEndpoint) {
  1881.           let videoId = endpoint.watchEndpoint.videoId;
  1882.           let url = endpoint.commandMetadata.webCommandMetadata.url;
  1883.  
  1884.           if (typeof videoId === 'string' && typeof url === 'string' && url.indexOf('lc=') > 0) {
  1885.  
  1886.             let m = /^\/watch\?v=([\w_-]+)&lc=([\w_.-]+)$/.exec(url); // dot = sub-comment
  1887.             if (m && m[1] === videoId) {
  1888.  
  1889.  
  1890.               /*
  1891.               {
  1892.                 "style": "BADGE_STYLE_TYPE_SIMPLE",
  1893.                 "label": "注目のコメント",
  1894.                 "trackingParams": "XXXXXX"
  1895.             }
  1896.               */
  1897.  
  1898.               let targetLc = findLcComment(m[2])
  1899.               let currentLc = targetLc ? findLcComment() : null;
  1900.  
  1901.               if (targetLc && currentLc) {
  1902.  
  1903.  
  1904.                 let done = targetLc.lc === currentLc.lc ? 1 : lcSwapFuncA(targetLc.lc, currentLc.lc) ? 1 : 0
  1905.  
  1906.                 if (done === 1) {
  1907.  
  1908.                   common.xReplaceState(history.state, url);
  1909.                   return;
  1910.                 }
  1911.               }
  1912.             }
  1913.  
  1914.           }
  1915.  
  1916.         }
  1917.  
  1918.         /*
  1919.             
  1920.             {
  1921.               "type": 0,
  1922.               "command": endpoint,
  1923.               "form": {
  1924.                 "tempData": {},
  1925.                 "reload": false
  1926.               }
  1927.             }
  1928.   
  1929.         */
  1930.  
  1931.  
  1932.         if (endpoint && (endpoint.browseEndpoint || endpoint.searchEndpoint) && !endpoint.urlEndpoint && !endpoint.watchEndpoint) {
  1933.  
  1934.           if (endpoint.browseEndpoint && endpoint.browseEndpoint.browseId === "FEwhat_to_watch") {
  1935.             // valid = false;
  1936.             const playerMedia = common.getMediaElement(1);
  1937.             if (playerMedia && playerMedia.paused === false) valid = true; // home page
  1938.           } else if (endpoint.commandMetadata && endpoint.commandMetadata.webCommandMetadata) {
  1939.  
  1940.             let meta = endpoint.commandMetadata.webCommandMetadata
  1941.             if (meta && /*meta.apiUrl &&*/ meta.url && meta.webPageType) {
  1942.               valid = true;
  1943.             }
  1944.  
  1945.           }
  1946.         }
  1947.  
  1948.         if (!valid) endpoint = null;
  1949.  
  1950.         return endpoint;
  1951.       }
  1952.  
  1953.       const conditionFulfillment = (req) => {
  1954.         const endpoint = req ? req.command : null;
  1955.         if (!endpoint) return;
  1956.  
  1957.         if (endpoint && (endpoint.commandMetadata || 0).webCommandMetadata && endpoint.watchEndpoint) {
  1958.         } else if (endpoint && (endpoint.browseEndpoint || endpoint.searchEndpoint) && !endpoint.urlEndpoint && !endpoint.watchEndpoint) {
  1959.         } else {
  1960.           return false;
  1961.         }
  1962.  
  1963.  
  1964.         if (!document.querySelector('ytd-page-manager#page-manager > ytd-browse[page-subtype]')) return false;
  1965.  
  1966.  
  1967.         /*
  1968.           // user would like to switch page immediately without playing the video;
  1969.           // attribute appear after playing video for more than 2s
  1970.           if (!document.head.dataset.viTime) return false;
  1971.           else {
  1972.             let currentVideo = common.getMediaElement(0);
  1973.             if (currentVideo && currentVideo.readyState > currentVideo.HAVE_CURRENT_DATA && currentVideo.currentTime > 2.2 && currentVideo.duration - 2.2 < currentVideo.currentTime) {
  1974.               // disable miniview browsing if the media is near to the end
  1975.               return false;
  1976.             }
  1977.           }
  1978.         */
  1979.  
  1980.  
  1981.         if (pageType !== "watch") return false;
  1982.  
  1983.  
  1984.         if (!checkElementExist('ytd-watch-flexy #player button.ytp-miniplayer-button.ytp-button', '[hidden]')) {
  1985.           return false;
  1986.         }
  1987.  
  1988.         return true;
  1989.       }
  1990.  
  1991.       const handleNavigateFactory = (handleNavigate) => {
  1992.  
  1993.         return function (req) {
  1994.  
  1995.           const $this = this;
  1996.           const $arguments = arguments;
  1997.  
  1998.           let endpoint = null;
  1999.  
  2000.  
  2001.           if (conditionFulfillment(req)) {
  2002.  
  2003.  
  2004.             endpoint = getBrowsableEndPoint(req);
  2005.  
  2006.           }
  2007.  
  2008.  
  2009.           if (!endpoint || !document.querySelector('ytd-page-manager#page-manager > ytd-browse[page-subtype]')) return handleNavigate.apply($this, $arguments);
  2010.  
  2011.           // console.log('tabview-script-handleNavigate')
  2012.  
  2013.           const ytdAppElm = document.querySelector('ytd-app');
  2014.           const ytdAppCnt = insp(ytdAppElm);
  2015.  
  2016.           let object = null;
  2017.           try {
  2018.             object = ytdAppCnt.data.response.currentVideoEndpoint.watchEndpoint || null;
  2019.           } catch (e) {
  2020.             object = null;
  2021.           }
  2022.  
  2023.           if (typeof object !== 'object') object = null;
  2024.  
  2025.           const once = { once: true }; // browsers supporting async function can also use once option.
  2026.  
  2027.           if (object !== null && !('playlistId' in object)) {
  2028.  
  2029.             let wObject = mWeakRef(object)
  2030.  
  2031.             const N = 3;
  2032.  
  2033.             let count = 0;
  2034.  
  2035.             /*
  2036.               
  2037.               rcb(b) => a = playlistId = undefinded
  2038.               
  2039.               var scb = function(a, b, c, d) {
  2040.                       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]),
  2041.                       qs(a.miniplayerEl, "yt-deactivate-miniplayer-action")) : "watch" === Xu(b) && rcb(b) && (qt.getInstance().playlistWatchPageActivation = !0,
  2042.                       a.activateMiniplayer(b)) : c ? ("watch" !== Xu(b) && os(a.miniplayerEl, "yt-cache-miniplayer-page-action", [b]),
  2043.                       qs(a.miniplayerEl, "yt-deactivate-miniplayer-action")) : d ? qs(a.miniplayerEl, "yt-pause-miniplayer-action") : "watch" === Xu(b) && rcb(b) && (qt.getInstance().playlistWatchPageActivation = !0,
  2044.                       a.activateMiniplayer(b)))
  2045.                   };
  2046.     
  2047.             */
  2048.  
  2049.             Object.defineProperty((kRef(wObject) || {}), 'playlistId', {
  2050.               get() {
  2051.                 count++;
  2052.                 if (count === N) {
  2053.                   delete this.playlistId;
  2054.                 }
  2055.                 return '*';
  2056.               },
  2057.               set(value) {
  2058.                 delete this.playlistId; // remove property definition
  2059.                 this.playlistId = value; // assign as normal property
  2060.               },
  2061.               enumerable: false,
  2062.               configurable: true
  2063.             });
  2064.  
  2065.             let playlistClearout = null;
  2066.  
  2067.             let timeoutid = 0;
  2068.             Promise.race([
  2069.               new Promise(r => {
  2070.                 timeoutid = setTimeout(r, 4000)
  2071.               }),
  2072.               new Promise(r => {
  2073.                 playlistClearout = () => {
  2074.                   if (timeoutid > 0) {
  2075.                     clearTimeout(timeoutid);
  2076.                     timeoutid = 0;
  2077.                   }
  2078.                   r();
  2079.                 }
  2080.                 document.addEventListener('yt-page-type-changed', playlistClearout, once);
  2081.               })
  2082.             ]).then(() => {
  2083.  
  2084.               if (timeoutid !== 0) {
  2085.                 playlistClearout && document.removeEventListener('yt-page-type-changed', playlistClearout, once);
  2086.                 timeoutid = 0;
  2087.               }
  2088.               playlistClearout = null;
  2089.               count = N - 1;
  2090.               let object = kRef(wObject)
  2091.               wObject = null;
  2092.               return object ? object.playlistId : null;
  2093.             }).catch(console.warn);
  2094.  
  2095.           }
  2096.  
  2097.           if (!isLoadStartListened) {
  2098.             isLoadStartListened = true;
  2099.             document.addEventListener('loadstart', loadStartFx, true)
  2100.           }
  2101.  
  2102.           handleNavigate.apply($this, $arguments);
  2103.  
  2104.         }
  2105.  
  2106.       };
  2107.  
  2108.       return { handleNavigateFactory };
  2109.  
  2110.  
  2111.     })();
  2112.  
  2113.     const common = (() => {
  2114.  
  2115.  
  2116.       let mediaModeLock = 0;
  2117.       const _getMediaElement = (i) => {
  2118.         if (mediaModeLock === 0) {
  2119.           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]');
  2120.           if (e) {
  2121.             if (e.nodeName === 'VIDEO') mediaModeLock = 1;
  2122.             else if (e.nodeName === 'AUDIO') mediaModeLock = 2;
  2123.           }
  2124.         }
  2125.         if (!mediaModeLock) return null;
  2126.         if (mediaModeLock === 1) {
  2127.           switch (i) {
  2128.             case 1:
  2129.               return ('ytd-player#ytd-player video[src]');
  2130.             case 2:
  2131.               return ('ytd-browse[role="main"] video[src]');
  2132.             case 0:
  2133.             default:
  2134.               return ('#movie_player video[src]');
  2135.           }
  2136.         } else if (mediaModeLock === 2) {
  2137.           switch (i) {
  2138.             case 1:
  2139.               return ('ytd-player#ytd-player audio.video-stream.html5-main-video[src]');
  2140.             case 2:
  2141.               return ('ytd-browse[role="main"] audio.video-stream.html5-main-video[src]');
  2142.             case 0:
  2143.             default:
  2144.               return ('#movie_player audio.video-stream.html5-main-video[src]');
  2145.           }
  2146.         }
  2147.         return null;
  2148.       }
  2149.  
  2150.       return {
  2151.  
  2152.  
  2153.         xReplaceState(s, u) {
  2154.           try {
  2155.             history.replaceState(s, '', u);
  2156.           } catch (e) {
  2157.             // in case error occurs if replaceState is replaced by any external script / extension
  2158.           }
  2159.           if (s.endpoint) {
  2160.             try {
  2161.               const ytdAppElm = document.querySelector('ytd-app');
  2162.               const ytdAppCnt = insp(ytdAppElm);
  2163.               ytdAppCnt.replaceState(s.endpoint, '', u)
  2164.             } catch (e) {
  2165.             }
  2166.           }
  2167.         },
  2168.         getMediaElement(i) {
  2169.           let s = _getMediaElement(i) || '';
  2170.           if (s) return document.querySelector(s);
  2171.           return null;
  2172.         },
  2173.         getMediaElements(i) {
  2174.           let s = _getMediaElement(i) || '';
  2175.           if (s) return document.querySelectorAll(s);
  2176.           return [];
  2177.         }
  2178.       };
  2179.     })();
  2180.  
  2181.  
  2182.     const plugin = {
  2183.       'minibrowser': {
  2184.         enabled: false,
  2185.         enable() {
  2186.  
  2187.           if (plugin.minibrowser.enabled) return;
  2188.  
  2189.           const isPassiveArgSupport = (typeof IntersectionObserver === 'function');
  2190.           // https://caniuse.com/?search=observer
  2191.           // https://caniuse.com/?search=addEventListener%20passive
  2192.  
  2193.           if (!isPassiveArgSupport) return;
  2194.  
  2195.           plugin.minibrowser.enabled = true;
  2196.  
  2197.           const ytdAppElm = document.querySelector('ytd-app');
  2198.           const ytdAppCnt = insp(ytdAppElm);
  2199.  
  2200.  
  2201.           if (!ytdAppCnt) return;
  2202.  
  2203.           const cProto = ytdAppCnt.constructor.prototype;
  2204.  
  2205.           if (!cProto.handleNavigate) return;
  2206.  
  2207.           if (cProto.handleNavigate.__ma355__) return;
  2208.  
  2209.           cProto.handleNavigate = handleNavigateFactory(cProto.handleNavigate);
  2210.  
  2211.           cProto.handleNavigate.__ma355__ = 1;
  2212.         }
  2213.       }
  2214.     }
  2215.  
  2216.     let shouldFixInfo = false;
  2217.  
  2218.     const eventMap = {
  2219.  
  2220.       'ceHack': () => {
  2221.         mLoaded.flag |= 2;
  2222.         document.documentElement.setAttribute111('tabview-loaded', mLoaded.makeString());
  2223.  
  2224.         retrieveCE('ytd-watch-flexy').then(eventMap['ytd-watch-flexy::defined']).catch(console.warn);
  2225.         retrieveCE('ytd-expander').then(eventMap['ytd-expander::defined']).catch(console.warn);
  2226.         retrieveCE('ytd-watch-next-secondary-results-renderer').then(eventMap['ytd-watch-next-secondary-results-renderer::defined']).catch(console.warn);
  2227.         retrieveCE('ytd-comments-header-renderer').then(eventMap['ytd-comments-header-renderer::defined']).catch(console.warn);
  2228.         retrieveCE('ytd-live-chat-frame').then(eventMap['ytd-live-chat-frame::defined']).catch(console.warn);
  2229.         retrieveCE('ytd-comments').then(eventMap['ytd-comments::defined']).catch(console.warn);
  2230.         retrieveCE('ytd-engagement-panel-section-list-renderer').then(eventMap['ytd-engagement-panel-section-list-renderer:defined']).catch(console.warn);
  2231.  
  2232.       },
  2233.  
  2234.       'fixForTabDisplay': (isResize) => {
  2235.  
  2236.         bFixForResizedTabLater = false;
  2237.         for (const element of document.querySelectorAll('[io-intersected]')) {
  2238.           const cnt = insp(element);
  2239.           if (element instanceof HTMLElement && typeof cnt.calculateCanCollapse === 'function') {
  2240.             try {
  2241.               cnt.calculateCanCollapse(true);
  2242.             } catch (e) { }
  2243.           }
  2244.         }
  2245.  
  2246.         if (!isResize) {
  2247.           for (const element of document.querySelectorAll('ytd-video-description-infocards-section-renderer, yt-chip-cloud-renderer, ytd-horizontal-card-list-renderer')) {
  2248.             const cnt = insp(element);
  2249.             if (element instanceof HTMLElement && typeof cnt.notifyResize === 'function') {
  2250.               try {
  2251.                 cnt.notifyResize();
  2252.               } catch (e) { }
  2253.             }
  2254.           }
  2255.         }
  2256.  
  2257.       },
  2258.  
  2259.       'ytd-watch-flexy::defined': (cProto) => {
  2260.  
  2261.         if (!cProto.updateChatLocation498 && typeof cProto.updateChatLocation === 'function' && cProto.updateChatLocation.length === 0) {
  2262.           cProto.updateChatLocation498 = cProto.updateChatLocation;
  2263.           cProto.updateChatLocation = updateChatLocation498;
  2264.         }
  2265.  
  2266.       },
  2267.  
  2268.  
  2269.  
  2270.       'ytd-watch-next-secondary-results-renderer::defined': (cProto) => {
  2271.         // if (!cProto.attached498 && typeof cProto.attached === 'function') {
  2272.         //   cProto.attached498 = cProto.attached;
  2273.         //   cProto.attached = function () {
  2274.         //     Promise.resolve(this.hostElement).then(eventMap['ytd-watch-next-secondary-results-renderer::attached']).catch(console.warn);
  2275.         //     return this.attached498();
  2276.         //   }
  2277.         // }
  2278.         // if (!cProto.detached498 && typeof cProto.detached === 'function') {
  2279.         //   cProto.detached498 = cProto.detached;
  2280.         //   cProto.detached = function () {
  2281.         //     Promise.resolve(this.hostElement).then(eventMap['ytd-watch-next-secondary-results-renderer::detached']).catch(console.warn);
  2282.         //     return this.detached498();
  2283.         //   }
  2284.         // }
  2285.       },
  2286.  
  2287.       'ytd-watch-next-secondary-results-renderer::connectedCallback': (hostElement) => {
  2288.         if (!(hostElement instanceof HTMLElement) || !(hostElement.classList.length > 0) || hostElement.closest('noscript')) return;
  2289.         if (hostElement.isConnected !== true) return;
  2290.         if (hostElement.__connectedFlg__ !== 4) return;
  2291.         hostElement.__connectedFlg__ = 5;
  2292.         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')) {
  2293.           elements.related = hostElement.closest('#related');
  2294.           hostElement.setAttribute111('tyt-videos-list', '');
  2295.         }
  2296.         console.log('ytd-watch-next-secondary-results-renderer::attached', hostElement);
  2297.       },
  2298.  
  2299.       'ytd-watch-next-secondary-results-renderer::disconnectedCallback': (hostElement) => {
  2300.         if (!(hostElement instanceof HTMLElement) || hostElement.closest('noscript')) return;
  2301.         if (hostElement.isConnected !== false) return;
  2302.         if (hostElement.__connectedFlg__ !== 8) return;
  2303.         hostElement.__connectedFlg__ = 9;
  2304.         if (hostElement.hasAttribute000('tyt-videos-list')) {
  2305.           elements.related = null;
  2306.           hostElement.removeAttribute000('tyt-videos-list');
  2307.         }
  2308.         console.log('ytd-watch-next-secondary-results-renderer::detached', hostElement);
  2309.       },
  2310.  
  2311.  
  2312.       'settingCommentsVideoId': (hostElement) => {
  2313.         if (!(hostElement instanceof HTMLElement) || !(hostElement.classList.length > 0) || hostElement.closest('noscript')) return;
  2314.         const cnt = insp(hostElement);
  2315.         const commentsArea = elements.comments;
  2316.         if (commentsArea !== hostElement || hostElement.isConnected !== true || cnt.isAttached !== true || !cnt.data || cnt.hidden !== false) return;
  2317.         const ytdFlexyElm = elements.flexy;
  2318.         const ytdFlexyCnt = ytdFlexyElm ? insp(ytdFlexyElm) : null;
  2319.         if (ytdFlexyCnt && ytdFlexyCnt.videoId) {
  2320.           hostElement.setAttribute111('tyt-comments-video-id', ytdFlexyCnt.videoId)
  2321.         } else {
  2322.           hostElement.removeAttribute000('tyt-comments-video-id')
  2323.         }
  2324.       },
  2325.       'checkCommentsShouldBeHidden': (lockId) => {
  2326.  
  2327.         if (lockGet['checkCommentsShouldBeHiddenLock'] !== lockId) return;
  2328.  
  2329.         // commentsArea's attribute: tyt-comments-video-id
  2330.         // ytdFlexyElm's attribute: video-id
  2331.  
  2332.  
  2333.         const commentsArea = elements.comments;
  2334.         const ytdFlexyElm = elements.flexy;
  2335.         if (commentsArea && ytdFlexyElm && !commentsArea.hasAttribute000('hidden')) {
  2336.           const ytdFlexyCnt = insp(ytdFlexyElm);
  2337.           if (typeof ytdFlexyCnt.videoId === 'string') {
  2338.             const commentsVideoId = commentsArea.getAttribute('tyt-comments-video-id');
  2339.             if (commentsVideoId && commentsVideoId !== ytdFlexyCnt.videoId) {
  2340.               commentsArea.setAttribute111('hidden', '');
  2341.               // removeKeepCommentsScroller();
  2342.             }
  2343.           }
  2344.         }
  2345.  
  2346.       },
  2347.       'ytd-comments::defined': (cProto) => {
  2348.  
  2349.         if (!cProto.attached498 && typeof cProto.attached === 'function') {
  2350.           cProto.attached498 = cProto.attached;
  2351.           cProto.attached = function () {
  2352.             // Promise.resolve(this.hostElement).then(eventMap['ytd-comments::attached']).catch(console.warn);
  2353.             // Promise.resolve(this.hostElement).then(eventMap['ytd-comments::dataChanged_']).catch(console.warn);
  2354.             return this.attached498();
  2355.           }
  2356.         }
  2357.         if (!cProto.detached498 && typeof cProto.detached === 'function') {
  2358.           cProto.detached498 = cProto.detached;
  2359.           cProto.detached = function () {
  2360.             // Promise.resolve(this.hostElement).then(eventMap['ytd-comments::detached']).catch(console.warn);
  2361.             // Promise.resolve(this.hostElement).then(eventMap['ytd-comments::dataChanged_']).catch(console.warn);
  2362.             return this.detached498();
  2363.           }
  2364.         }
  2365.  
  2366.         cProto._createPropertyObserver('data', '_dataChanged498', undefined)
  2367.         cProto._dataChanged498 = function () {
  2368.           console.log('_dataChanged498', this.hostElement)
  2369.           Promise.resolve(this.hostElement).then(eventMap['ytd-comments::_dataChanged498']).catch(console.warn);
  2370.         }
  2371.  
  2372.  
  2373.         // if (!cProto.dataChanged498_ && typeof cProto.dataChanged_ === 'function') {
  2374.         //   cProto.dataChanged498_ = cProto.dataChanged_;
  2375.         //   cProto.dataChanged_ = function () {
  2376.         //     Promise.resolve(this.hostElement).then(eventMap['ytd-comments::dataChanged_']).catch(console.warn);
  2377.         //     return this.dataChanged498_();
  2378.         //   }
  2379.         // }
  2380.       },
  2381.  
  2382.       'ytd-comments::_dataChanged498': (hostElement) => {
  2383.         // console.log(18984, hostElement.hasAttribute('tyt-comments-area'))
  2384.         if (!hostElement.hasAttribute000('tyt-comments-area')) return;
  2385.         let commentsDataStatus = 0;
  2386.         const cnt = insp(hostElement);
  2387.         const data = cnt ? cnt.data : null
  2388.         const contents = data ? data.contents : null;
  2389.         if (data) {
  2390.           if (contents && contents.length === 1 && contents[0].messageRenderer) {
  2391.             commentsDataStatus = 2;
  2392.           }
  2393.           if (contents && contents.length > 1 && contents[0].commentThreadRenderer) {
  2394.             commentsDataStatus = 1;
  2395.           }
  2396.         }
  2397.         if (commentsDataStatus) {
  2398.           hostElement.setAttribute111('tyt-comments-data-status', commentsDataStatus);
  2399.           // ytdFlexyElm.setAttribute111('tyt-comment-disabled', '')
  2400.         } else {
  2401.           // ytdFlexyElm.removeAttribute000('tyt-comment-disabled')
  2402.           hostElement.removeAttribute000('tyt-comments-data-status')
  2403.         }
  2404.         Promise.resolve(hostElement).then(eventMap['settingCommentsVideoId']).catch(console.warn);
  2405.       },
  2406.  
  2407.       'ytd-comments::connectedCallback': async (hostElement) => {
  2408.         if (!(hostElement instanceof HTMLElement) || !(hostElement.classList.length > 0) || hostElement.closest('noscript')) return;
  2409.         if (hostElement.isConnected !== true) return;
  2410.         if (hostElement.__connectedFlg__ !== 4) return;
  2411.         hostElement.__connectedFlg__ = 5;
  2412.         if (!hostElement || hostElement.id !== 'comments') return;
  2413.         // if (!hostElement || hostElement.closest('[hidden]')) return;
  2414.         elements.comments = hostElement;
  2415.         console.log('ytd-comments::attached')
  2416.         Promise.resolve(hostElement).then(eventMap['settingCommentsVideoId']).catch(console.warn);
  2417.         if (isRightTabsInserted) {
  2418.  
  2419.           if (elements.comments !== hostElement) return;
  2420.           if (hostElement.isConnected === false) return;
  2421.           // if(!elements.comments || elements.comments.isConnected === false) return;
  2422.           if (hostElement && !hostElement.closest('#right-tabs')) {
  2423.             document.querySelector('#tab-comments').assignChildern111(null, hostElement, null);
  2424.           } else {
  2425.  
  2426.             if (elements.comments && elements.comments.closest('#tab-comments') && !elements.comments.closest('[hidden]')) {
  2427.               document.querySelector('[tyt-tab-content="#tab-comments"]').classList.remove('tab-btn-hidden');
  2428.             } else {
  2429.               document.querySelector('[tyt-tab-content="#tab-comments"]').classList.add('tab-btn-hidden');
  2430.             }
  2431.  
  2432.             //   document.querySelector('#tab-comments').classList.remove('tab-content-hidden')
  2433.             //   document.querySelector('[tyt-tab-content="#tab-comments"]').classList.remove('tab-btn-hidden')
  2434.  
  2435.             Promise.resolve(lockSet['removeKeepCommentsScrollerLock']).then(removeKeepCommentsScroller).catch(console.warn);
  2436.  
  2437.           }
  2438.  
  2439.  
  2440.  
  2441.  
  2442.         }
  2443.  
  2444.         aoComment.observe(hostElement, { attributes: true });
  2445.         hostElement.setAttribute111('tyt-comments-area', '');
  2446.  
  2447.  
  2448.       },
  2449.       'ytd-comments::disconnectedCallback': (hostElement) => {
  2450.         // console.log(858, hostElement)
  2451.         if (!(hostElement instanceof HTMLElement) || hostElement.closest('noscript')) return;
  2452.         if (hostElement.isConnected !== false) return;
  2453.         if (hostElement.__connectedFlg__ !== 8) return;
  2454.         hostElement.__connectedFlg__ = 9;
  2455.  
  2456.         if (hostElement.hasAttribute000('tyt-comments-area')) {
  2457.           foComments.disconnect();
  2458.           foComments.takeRecords();
  2459.           hostElement.removeAttribute000('tyt-comments-area');
  2460.           // document.querySelector('#tab-comments').classList.add('tab-content-hidden')
  2461.           // document.querySelector('[tyt-tab-content="#tab-comments"]').classList.add('tab-btn-hidden')
  2462.  
  2463.  
  2464.           aoComment.disconnect();
  2465.           aoComment.takeRecords();
  2466.           elements.comments = null;
  2467.  
  2468.           document.querySelector('[tyt-tab-content="#tab-comments"]').classList.add('tab-btn-hidden');
  2469.  
  2470.           Promise.resolve(lockSet['removeKeepCommentsScrollerLock']).then(removeKeepCommentsScroller).catch(console.warn);
  2471.         }
  2472.  
  2473.  
  2474.       },
  2475.  
  2476.  
  2477.       'ytd-comments-header-renderer::defined': (cProto) => {
  2478.  
  2479.         if (!cProto.attached498 && typeof cProto.attached === 'function') {
  2480.           cProto.attached498 = cProto.attached;
  2481.           cProto.attached = function () {
  2482.             // Promise.resolve(this.hostElement).then(eventMap['ytd-comments-header-renderer::attached']).catch(console.warn);
  2483.             Promise.resolve(this.hostElement).then(eventMap['ytd-comments-header-renderer::dataChanged']).catch(console.warn); // force dataChanged on attached
  2484.             return this.attached498();
  2485.           }
  2486.         }
  2487.         if (!cProto.detached498 && typeof cProto.detached === 'function') {
  2488.           cProto.detached498 = cProto.detached;
  2489.           cProto.detached = function () {
  2490.             // Promise.resolve(this.hostElement).then(eventMap['ytd-comments-header-renderer::detached']).catch(console.warn);
  2491.             return this.detached498();
  2492.           }
  2493.         }
  2494.  
  2495.         if (!cProto.dataChanged498 && typeof cProto.dataChanged === 'function') {
  2496.           cProto.dataChanged498 = cProto.dataChanged;
  2497.           cProto.dataChanged = function () {
  2498.             Promise.resolve(this.hostElement).then(eventMap['ytd-comments-header-renderer::dataChanged']).catch(console.warn);
  2499.             return this.dataChanged498();
  2500.           }
  2501.         }
  2502.  
  2503.       },
  2504.  
  2505.  
  2506.       'ytd-comments-header-renderer::connectedCallback': (hostElement) => {
  2507.  
  2508.         if (!(hostElement instanceof HTMLElement) || !(hostElement.classList.length > 0) || hostElement.closest('noscript')) return;
  2509.         if (hostElement.isConnected !== true) return;
  2510.         if (hostElement.__connectedFlg__ !== 4) return;
  2511.         hostElement.__connectedFlg__ = 5;
  2512.         if (!hostElement || !hostElement.classList.contains('ytd-item-section-renderer')) return;
  2513.         console.log(12991, 'ytd-comments-header-renderer::connectedCallback')
  2514.         const targetElement = document.querySelector('[tyt-comments-area] ytd-comments-header-renderer');
  2515.         if (hostElement === targetElement) {
  2516.           hostElement.setAttribute111('tyt-comments-header-field', '');
  2517.         } else {
  2518.           const parentNode = hostElement.parentNode;
  2519.           if (parentNode instanceof HTMLElement && parentNode.querySelector('[tyt-comments-header-field]')) {
  2520.             hostElement.setAttribute111('tyt-comments-header-field', '')
  2521.           }
  2522.         }
  2523.  
  2524.       },
  2525.  
  2526.       'ytd-comments-header-renderer::disconnectedCallback': (hostElement) => {
  2527.  
  2528.         if (!(hostElement instanceof HTMLElement) || hostElement.closest('noscript')) return;
  2529.         if (hostElement.isConnected !== false) return;
  2530.         if (hostElement.__connectedFlg__ !== 8) return;
  2531.         hostElement.__connectedFlg__ = 9;
  2532.         console.log(12992, 'ytd-comments-header-renderer::disconnectedCallback')
  2533.         if (hostElement.hasAttribute000('field-of-cm-count')) {
  2534.  
  2535.           const cmCount = document.querySelector('#tyt-cm-count');
  2536.           if (cmCount) {
  2537.             cmCount.textContent = '';
  2538.             hostElement.removeAttribute000('field-of-cm-count');
  2539.  
  2540.           }
  2541.         }
  2542.         if (hostElement.hasAttribute000('tyt-comments-header-field')) {
  2543.           hostElement.removeAttribute000('tyt-comments-header-field');
  2544.         }
  2545.  
  2546.       },
  2547.  
  2548.       'ytd-comments-header-renderer::dataChanged': (hostElement) => {
  2549.  
  2550.         if (!(hostElement instanceof HTMLElement) || !(hostElement.classList.length > 0) || hostElement.closest('noscript')) return;
  2551.  
  2552.         const ytdFlexyElm = elements.flexy;
  2553.  
  2554.         let b = false;
  2555.         const cnt = insp(hostElement);
  2556.         if (cnt && hostElement.closest('#tab-comments') && document.querySelector('#tab-comments ytd-comments-header-renderer') === hostElement) {
  2557.           b = true;
  2558.         } else if (hostElement instanceof HTMLElement && hostElement.parentNode instanceof HTMLElement && hostElement.parentNode.querySelector('[tyt-comments-header-field]')) {
  2559.           b = true;
  2560.         }
  2561.         if (b) {
  2562.           hostElement.setAttribute111('tyt-comments-header-field', '')
  2563.           ytdFlexyElm && ytdFlexyElm.removeAttribute000('tyt-comment-disabled');
  2564.         }
  2565.  
  2566.         // console.log(1841, [...document.querySelectorAll('#tab-comments ytd-comments-header-renderer')], document.querySelector('#tab-comments ytd-comments-header-renderer') === hostElement, !!hostElement?.parentNode?.querySelector('[tyt-comments-header-field]'))
  2567.  
  2568.         if (hostElement.hasAttribute000('tyt-comments-header-field') && hostElement.isConnected === true) {
  2569.  
  2570.           // console.log(1842, [...document.querySelectorAll('#tab-comments ytd-comments-header-renderer')], document.querySelector('#tab-comments ytd-comments-header-renderer') === hostElement, !!hostElement?.parentNode?.querySelector('[tyt-comments-header-field]'))
  2571.  
  2572.           const data = cnt.data;
  2573.           let ez = '';
  2574.           if (data.commentsCount && data.commentsCount.runs && data.commentsCount.runs.length >= 1) {
  2575.             let max = -1;
  2576.             const z = data.commentsCount.runs.map(e => {
  2577.               let c = e.text.replace(/\D+/g, '').length;
  2578.               if (c > max) max = c;
  2579.               return [e.text, c];
  2580.             }).filter(a => a[1] === max);
  2581.             if (z.length >= 1) {
  2582.               ez = z[0][0];
  2583.             }
  2584.           } else if (data.countText && data.countText.runs && data.countText.runs.length >= 1) {
  2585.             let max = -1;
  2586.             const z = data.countText.runs.map(e => {
  2587.               let c = e.text.replace(/\D+/g, '').length;
  2588.               if (c > max) max = c;
  2589.               return [e.text, c];
  2590.             }).filter(a => a[1] === max);
  2591.             if (z.length >= 1) {
  2592.               ez = z[0][0];
  2593.             }
  2594.           }
  2595.           const cmCount = document.querySelector('#tyt-cm-count');
  2596.           if (ez) {
  2597.             hostElement.setAttribute111('field-of-cm-count', '');
  2598.             cmCount && (cmCount.textContent = ez.trim());
  2599.           } else {
  2600.             hostElement.removeAttribute000('field-of-cm-count');
  2601.             cmCount && (cmCount.textContent = '');
  2602.             console.warn('no text for #tyt-cm-count')
  2603.           }
  2604.         }
  2605.       },
  2606.  
  2607.       'ytd-expander::defined': (cProto) => {
  2608.         // if (!cProto.attached498 && typeof cProto.attached === 'function') {
  2609.         //   cProto.attached498 = cProto.attached;
  2610.         //   cProto.attached = function () {
  2611.         //     Promise.resolve(this.hostElement).then(eventMap['ytd-expander::attached']).catch(console.warn);
  2612.         //     return this.attached498();
  2613.         //   }
  2614.         // }
  2615.         // if (!cProto.detached498 && typeof cProto.detached === 'function') {
  2616.         //   cProto.detached498 = cProto.detached;
  2617.         //   cProto.detached = function () {
  2618.         //     Promise.resolve(this.hostElement).then(eventMap['ytd-expander::detached']).catch(console.warn);
  2619.         //     return this.detached498();
  2620.         //   }
  2621.         // }
  2622.         if (!cProto.calculateCanCollapse498 && typeof cProto.calculateCanCollapse === 'function') {
  2623.           cProto.calculateCanCollapse498 = cProto.calculateCanCollapse;
  2624.           cProto.calculateCanCollapse = funcCanCollapse;
  2625.  
  2626.  
  2627.         }
  2628.       },
  2629.  
  2630.       'ytd-expander::connectedCallback': (hostElement) => {
  2631.         if (!(hostElement instanceof HTMLElement) || !(hostElement.classList.length > 0) || hostElement.closest('noscript')) return;
  2632.         if (hostElement.isConnected !== true) return;
  2633.         if (hostElement.__connectedFlg__ !== 4) return;
  2634.         hostElement.__connectedFlg__ = 5;
  2635.         // console.log(4959, hostElement)
  2636.  
  2637.         if (hostElement instanceof HTMLElement && hostElement.matches('[tyt-comments-area] #contents ytd-expander#expander') && !hostElement.matches('[hidden] ytd-expander#expander')) {
  2638.  
  2639.           hostElement.setAttribute111('tyt-content-comment-entry', '')
  2640.           ioComment.observe(hostElement);
  2641.         } else if (hostElement instanceof HTMLElement && hostElement.matches('ytd-expander#expander.style-scope.ytd-expandable-video-description-body-renderer')) {
  2642.           //  && !hostElement.matches('#right-tabs ytd-expander#expander, [hidden] ytd-expander#expander')
  2643.  
  2644.           elements.infoExpander = hostElement
  2645.           // console.log(1299, hostElement.parentNode, isRightTabsInserted)
  2646.           if (isRightTabsInserted) {
  2647.             const infoExpander = elements.infoExpander;
  2648.             if (infoExpander && !infoExpander.closest('#right-tabs')) {
  2649.               document.querySelector('#tab-info').assignChildern111(null, infoExpander, null);
  2650.             } else {
  2651.  
  2652.               if (document.querySelector('[tyt-tab-content="#tab-info"]')) {
  2653.                 if (elements.infoExpander && elements.infoExpander.closest('#tab-info')) {
  2654.                   document.querySelector('[tyt-tab-content="#tab-info"]').classList.remove('tab-btn-hidden');
  2655.                 } else {
  2656.                   document.querySelector('[tyt-tab-content="#tab-info"]').classList.add('tab-btn-hidden');
  2657.                 }
  2658.               }
  2659.               if (infoExpander) Promise.resolve(lockSet['infoFixLock']).then(infoFix).catch(console.warn);
  2660.             }
  2661.             infoExpanderElementProvidedPromise.resolve();
  2662.           }
  2663.           hostElement.setAttribute111('tyt-main-info', '');
  2664.         }
  2665.         // console.log('ytd-expander::attached', hostElement);
  2666.  
  2667.  
  2668.  
  2669.       },
  2670.  
  2671.       'ytd-expander::disconnectedCallback': (hostElement) => {
  2672.         if (!(hostElement instanceof HTMLElement) || hostElement.closest('noscript')) return;
  2673.         if (hostElement.isConnected !== false) return;
  2674.         if (hostElement.__connectedFlg__ !== 8) return;
  2675.         hostElement.__connectedFlg__ = 9;
  2676.         // console.log(5992, hostElement)
  2677.         if (hostElement.hasAttribute000('tyt-content-comment-entry')) {
  2678.           ioComment.unobserve(hostElement);
  2679.           hostElement.removeAttribute000('tyt-content-comment-entry')
  2680.         } else if (hostElement.hasAttribute000('tyt-main-info')) {
  2681.           elements.infoExpander = null;
  2682.           hostElement.removeAttribute000('tyt-main-info');
  2683.         }
  2684.         // console.log('ytd-expander::detached', hostElement);
  2685.       },
  2686.  
  2687.  
  2688.       'ytd-live-chat-frame::defined': (cProto) => {
  2689.  
  2690.         // if (!cProto.attached498 && typeof cProto.attached === 'function') {
  2691.         //   cProto.attached498 = cProto.attached;
  2692.         //   cProto.attached = function () {
  2693.         //     Promise.resolve(this.hostElement).then(eventMap['ytd-live-chat-frame::attached']).catch(console.warn);
  2694.         //     return this.attached498();
  2695.         //   }
  2696.         // }
  2697.         // if (!cProto.detached498 && typeof cProto.detached === 'function') {
  2698.         //   cProto.detached498 = cProto.detached;
  2699.         //   cProto.detached = function () {
  2700.         //     Promise.resolve(this.hostElement).then(eventMap['ytd-live-chat-frame::detached']).catch(console.warn);
  2701.         //     return this.detached498();
  2702.         //   }
  2703.         // }
  2704.  
  2705.         if (typeof cProto.urlChanged === 'function' && !cProto.urlChanged66 && !cProto.urlChangedAsync12 && cProto.urlChanged.length === 0) {
  2706.           cProto.urlChanged66 = cProto.urlChanged;
  2707.           let ath = 0;
  2708.           cProto.urlChangedAsync12 = async function () {
  2709.             if (ath > 1e9) ath = 9;
  2710.             const t = ++ath;
  2711.             const chatframe = this.chatframe || (this.$ || 0).chatframe || 0;
  2712.             if (chatframe) {
  2713.               if (chatframe.contentDocument === null) await Promise.resolve();
  2714.               if (t !== ath) return;
  2715.               try {
  2716.                 let win = chatframe.contentWindow;
  2717.                 win && await (new Promise(r => win.setTimeout(r)).catch(console.warn));
  2718.                 win = null;
  2719.               } catch (e) { }
  2720.               win = null;
  2721.               if (t !== ath) return;
  2722.             }
  2723.             this.urlChanged66();
  2724.           }
  2725.           cProto.urlChanged = function () {
  2726.             this.urlChangedAsync12();
  2727.           }
  2728.         }
  2729.       },
  2730.  
  2731.       'ytd-live-chat-frame::connectedCallback': (hostElement) => {
  2732.  
  2733.         if (!(hostElement instanceof HTMLElement) || !(hostElement.classList.length > 0) || hostElement.closest('noscript')) return;
  2734.         if (hostElement.isConnected !== true) return;
  2735.         if (hostElement.__connectedFlg__ !== 4) return;
  2736.         hostElement.__connectedFlg__ = 5;
  2737.         if (!hostElement || hostElement.id !== 'chat') return;
  2738.         console.log('ytd-live-chat-frame::attached')
  2739.         const chatElem = document.querySelector('#columns.style-scope.ytd-watch-flexy ytd-live-chat-frame#chat');
  2740.         if (chatElem === hostElement) {
  2741.           elements.chat = chatElem;
  2742.           aoChat.observe(hostElement, { attributes: true });
  2743.           hostElement.setAttribute111('tyt-active-chat-frame', '');
  2744.  
  2745.           const chatContainer = chatElem ? (chatElem.closest('#chat-container') || chatElem) : null;
  2746.           if (chatContainer && !chatContainer.hasAttribute000('tyt-chat-container')) {
  2747.             for (const p of document.querySelectorAll('[tyt-chat-container]')) {
  2748.               p.removeAttribute000('[tyt-chat-container]');
  2749.             }
  2750.             chatContainer.setAttribute111('tyt-chat-container', '')
  2751.           }
  2752.           Promise.resolve(lockSet['layoutFixLock']).then(layoutFix);
  2753.         }
  2754.       },
  2755.  
  2756.       'ytd-live-chat-frame::disconnectedCallback': (hostElement) => {
  2757.  
  2758.         if (!(hostElement instanceof HTMLElement) || hostElement.closest('noscript')) return;
  2759.         if (hostElement.isConnected !== false) return;
  2760.         if (hostElement.__connectedFlg__ !== 8) return;
  2761.         hostElement.__connectedFlg__ = 9;
  2762.         console.log('ytd-live-chat-frame::detached')
  2763.         if (hostElement.hasAttribute000('tyt-active-chat-frame')) {
  2764.           aoChat.disconnect();
  2765.           aoChat.takeRecords();
  2766.           hostElement.removeAttribute000('tyt-active-chat-frame');
  2767.           elements.chat = null;
  2768.  
  2769.           const ytdFlexyElm = elements.flexy;
  2770.           if (ytdFlexyElm) {
  2771.             ytdFlexyElm.removeAttribute000('tyt-chat-collapsed')
  2772.             ytdFlexyElm.setAttribute111('tyt-chat', '');
  2773.           }
  2774.         }
  2775.  
  2776.       },
  2777.  
  2778.       'ytd-engagement-panel-section-list-renderer:defined': (cProto) => {
  2779.  
  2780.         // if (!cProto.attached498 && typeof cProto.attached === 'function') {
  2781.         //   cProto.attached498 = cProto.attached;
  2782.         //   cProto.attached = function () {
  2783.         //     Promise.resolve(this.hostElement).then(eventMap['ytd-engagement-panel-section-list-renderer::attached']).catch(console.warn);
  2784.         //     return this.attached498();
  2785.         //   }
  2786.         // }
  2787.         // if (!cProto.detached498 && typeof cProto.detached === 'function') {
  2788.         //   cProto.detached498 = cProto.detached;
  2789.         //   cProto.detached = function () {
  2790.         //     Promise.resolve(this.hostElement).then(eventMap['ytd-engagement-panel-section-list-renderer::detached']).catch(console.warn);
  2791.         //     return this.detached498();
  2792.         //   }
  2793.         // }
  2794.       },
  2795.  
  2796.       'ytd-engagement-panel-section-list-renderer::connectedCallback': (hostElement) => {
  2797.         if (!(hostElement instanceof HTMLElement) || !(hostElement.classList.length > 0) || hostElement.closest('noscript')) return;
  2798.         if (hostElement.isConnected !== true) return;
  2799.         if (hostElement.__connectedFlg__ !== 4) return;
  2800.         hostElement.__connectedFlg__ = 5;
  2801.         // console.log('ytd-engagement-panel-section-list-renderer::attached', hostElement)
  2802.         if (hostElement.matches('#panels.ytd-watch-flexy > ytd-engagement-panel-section-list-renderer[target-id][visibility]')) {
  2803.           hostElement.setAttribute111('tyt-egm-panel', '');
  2804.           Promise.resolve(lockSet['updateEgmPanelsLock']).then(updateEgmPanels).catch(console.warn);
  2805.           aoEgmPanels.observe(hostElement, { attributes: true, attributeFilter: ['visibility', 'hidden'] });
  2806.         }
  2807.       },
  2808.  
  2809.       'ytd-engagement-panel-section-list-renderer::disconnectedCallback': (hostElement) => {
  2810.         if (!(hostElement instanceof HTMLElement) || hostElement.closest('noscript')) return;
  2811.         if (hostElement.isConnected !== false) return;
  2812.         if (hostElement.__connectedFlg__ !== 8) return;
  2813.         hostElement.__connectedFlg__ = 9;
  2814.         hostElement.removeAttribute('tyt-egm-panel', '');
  2815.         Promise.resolve(lockSet['updateEgmPanelsLock']).then(updateEgmPanels).catch(console.warn);
  2816.       },
  2817.  
  2818.       '_yt_playerProvided': () => {
  2819.         mLoaded.flag |= 4;
  2820.         document.documentElement.setAttribute111('tabview-loaded', mLoaded.makeString());
  2821.       },
  2822.       'relatedElementProvided': (target) => {
  2823.         if (target.closest('[hidden]')) return;
  2824.         elements.related = target;
  2825.         console.log('relatedElementProvided')
  2826.         videosElementProvidedPromise.resolve();
  2827.       },
  2828.       'onceInfoExpanderElementProvidedPromised': () => {
  2829.         const ytdFlexyElm = elements.flexy;
  2830.         if (ytdFlexyElm) {
  2831.           ytdFlexyElm.setAttribute111('hide-default-text-inline-expander', '');
  2832.         }
  2833.       },
  2834.  
  2835.       'refreshSecondaryInner': (lockId) => {
  2836.  
  2837.  
  2838.         if (lockGet['refreshSecondaryInnerLock'] !== lockId) return;
  2839.         /*
  2840.    
  2841.         ytd-watch-flexy:not([panels-beside-player]):not([fixed-panels]) #panels-full-bleed-container.ytd-watch-flexy{
  2842.             display: none;}
  2843.    
  2844.   #player-full-bleed-container.ytd-watch-flexy{
  2845.       position: relative;
  2846.       flex: 1;}
  2847.    
  2848.         */
  2849.  
  2850.         const ytdFlexyElm = elements.flexy;
  2851.         // if(ytdFlexyElm && ytdFlexyElm.matches('ytd-watch-flexy[fixed-panels][theater]')){
  2852.         //   // ytdFlexyElm.fixedPanels = true;
  2853.         //   ytdFlexyElm.removeAttribute000('fixed-panels');
  2854.         // }
  2855.  
  2856.         if (ytdFlexyElm && ytdFlexyElm.matches('ytd-watch-flexy[theater][flexy][full-bleed-player]:not([full-bleed-no-max-width-columns])')) {
  2857.           // ytdFlexyElm.fullBleedNoMaxWidthColumns = true;
  2858.           ytdFlexyElm.setAttribute111('full-bleed-no-max-width-columns', '');
  2859.         }
  2860.  
  2861.         const related = elements.related;
  2862.         if (related && related.isConnected && !related.closest('#right-tabs #tab-videos')) {
  2863.           document.querySelector('#tab-videos').assignChildern111(null, related, null);
  2864.         }
  2865.         const infoExpander = elements.infoExpander;
  2866.         if (infoExpander && infoExpander.isConnected && !infoExpander.closest('#right-tabs #tab-info')) {
  2867.           document.querySelector('#tab-info').assignChildern111(null, infoExpander, null);
  2868.         } else {
  2869.           if (infoExpander && ytdFlexyElm && shouldFixInfo) {
  2870.             shouldFixInfo = false;
  2871.             Promise.resolve(lockSet['infoFixLock']).then(infoFix).catch(console.warn);
  2872.           }
  2873.         }
  2874.  
  2875.         const commentsArea = elements.comments;
  2876.         if (commentsArea) {
  2877.           const isConnected = commentsArea.isConnected;
  2878.           if (isConnected && !commentsArea.closest('#right-tabs #tab-comments')) {
  2879.             const tab = document.querySelector('#tab-comments');
  2880.             tab.assignChildern111(null, commentsArea, null);
  2881.           } else {
  2882.             // if (!isConnected || tab.classList.contains('tab-content-hidden')) removeKeepCommentsScroller();
  2883.           }
  2884.         }
  2885.  
  2886.  
  2887.  
  2888.  
  2889.  
  2890.  
  2891.  
  2892.       },
  2893.  
  2894.       'yt-navigate-finish': (evt) => {
  2895.  
  2896.         const ytdAppElm = document.querySelector('ytd-page-manager#page-manager.style-scope.ytd-app');
  2897.         const ytdAppCnt = insp(ytdAppElm);
  2898.         pageType = ytdAppCnt ? (ytdAppCnt.data || 0).page : null;
  2899.  
  2900.         if (!document.querySelector('ytd-watch-flexy #player')) return;
  2901.         shouldFixInfo = true;
  2902.         console.log('yt-navigate-finish')
  2903.         const flexyArr = [...document.querySelectorAll('ytd-watch-flexy')].filter(e => !e.closest('[hidden]') && e.querySelector('#player'));
  2904.         if (flexyArr.length === 1) {
  2905.           // const lockId = lockSet['yt-navigate-finish-videos'];
  2906.           elements.flexy = flexyArr[0];
  2907.           if (isRightTabsInserted) {
  2908.             Promise.resolve(lockSet['refreshSecondaryInnerLock']).then(eventMap['refreshSecondaryInner']).catch(console.warn);
  2909.             Promise.resolve(lockSet['removeKeepCommentsScrollerLock']).then(removeKeepCommentsScroller).catch(console.warn);
  2910.           } else {
  2911.             navigateFinishedPromise.resolve();
  2912.             plugin.minibrowser.enable();
  2913.           }
  2914.         }
  2915.         shouldFixInfo = true;
  2916.         Promise.resolve(lockSet['layoutFixLock']).then(layoutFix);
  2917.       },
  2918.  
  2919.       'onceInsertRightTabs': () => {
  2920.  
  2921.  
  2922.         // if(lockId !== lockGet['yt-navigate-finish-videos']) return;
  2923.         const related = elements.related;
  2924.         let rightTabs = document.querySelector('#right-tabs');
  2925.         if (!document.querySelector('#right-tabs') && related) {
  2926.           getLangForPage();
  2927.           let docTmp = document.createElement('template');
  2928.           docTmp.innerHTML = createHTML(getTabsHTML());
  2929.           let newElm = docTmp.content.firstElementChild;
  2930.           if (newElm !== null) {
  2931.             related.parentNode.insertBefore000(newElm, related);
  2932.           }
  2933.           rightTabs = newElm;
  2934.           rightTabs.querySelector('[tyt-tab-content="#tab-comments"]').classList.add('tab-btn-hidden');
  2935.  
  2936.           const secondaryWrapper = document.createElement('secondary-wrapper');
  2937.           const secondaryInner = document.querySelector('#secondary-inner.style-scope.ytd-watch-flexy');
  2938.           secondaryWrapper.replaceChildren000(...secondaryInner.childNodes);
  2939.           secondaryInner.insertBefore000(secondaryWrapper, secondaryInner.firstChild);
  2940.  
  2941.           rightTabs.querySelector('#material-tabs').addEventListener('click', eventMap['tabs-btn-click'], true)
  2942.  
  2943.           if (!rightTabs.closest('secondary-wrapper')) secondaryWrapper.appendChild000(rightTabs);
  2944.  
  2945.         }
  2946.         if (rightTabs) {
  2947.           isRightTabsInserted = true;
  2948.           const ioTabBtns = new IntersectionObserver((entries) => {
  2949.             for (const entry of entries) {
  2950.               const rect = entry.boundingClientRect;
  2951.               entry.target.classList.toggle('tab-btn-visible', rect.width && rect.height)
  2952.             }
  2953.           }, { rootMargin: '0px' });
  2954.           for (const btn of document.querySelectorAll('.tab-btn[tyt-tab-content]')) {
  2955.             ioTabBtns.observe(btn);
  2956.           }
  2957.           if (!related.closest('#right-tabs')) {
  2958.             document.querySelector('#tab-videos').assignChildern111(null, related, null);
  2959.           }
  2960.           const infoExpander = elements.infoExpander;
  2961.           if (infoExpander && !infoExpander.closest('#right-tabs')) {
  2962.             document.querySelector('#tab-info').assignChildern111(null, infoExpander, null);
  2963.           }
  2964.           const commentsArea = elements.comments;
  2965.           if (commentsArea && !commentsArea.closest('#right-tabs')) {
  2966.             document.querySelector('#tab-comments').assignChildern111(null, commentsArea, null);
  2967.           }
  2968.           rightTabsProvidedPromise.resolve();
  2969.           roRightTabs.disconnect();
  2970.           roRightTabs.observe(rightTabs);
  2971.           const ytdFlexyElm = elements.flexy;
  2972.           const ao = new MutationObserver(eventMap['aoFlexyFn']);
  2973.           ao.observe(ytdFlexyElm, { attributes: true });
  2974.           Promise.resolve(lockSet['tabsStatusCorrectionLock']).then(eventMap['tabsStatusCorrection']).catch(console.warn);
  2975.  
  2976.           delayPn(1).then(eventMap['fixInitialTabStateFn']).catch(console.warn);
  2977.         }
  2978.  
  2979.       },
  2980.  
  2981.       'aoFlexyFn': () => {
  2982.  
  2983.         Promise.resolve(lockSet['checkCommentsShouldBeHiddenLock']).then(eventMap['checkCommentsShouldBeHidden']).catch(console.warn);
  2984.  
  2985.         Promise.resolve(lockSet['refreshSecondaryInnerLock']).then(eventMap['refreshSecondaryInner']).catch(console.warn);
  2986.  
  2987.         Promise.resolve(lockSet['tabsStatusCorrectionLock']).then(eventMap['tabsStatusCorrection']).catch(console.warn);
  2988.  
  2989.       },
  2990.  
  2991.       'twoColumnChanged10': (lockId) => {
  2992.  
  2993.         if (lockId !== lockGet['twoColumnChanged10Lock']) return;
  2994.         for (const continuation of document.querySelectorAll('#tab-videos ytd-watch-next-secondary-results-renderer ytd-continuation-item-renderer')) {
  2995.           if (continuation.closest('[hidden]')) continue;
  2996.           const cnt = insp(continuation);
  2997.           if (typeof cnt.showButton === 'boolean') {
  2998.             if (cnt.showButton === false) continue;
  2999.             cnt.showButton = false;
  3000.             const behavior = (cnt.ytRendererBehavior || cnt);
  3001.             if (typeof behavior.invalidate === 'function') {
  3002.               behavior.invalidate(!1);
  3003.             }
  3004.           }
  3005.         }
  3006.  
  3007.       },
  3008.  
  3009.       'tabsStatusCorrection': (lockId) => {
  3010.         if (lockId !== lockGet['tabsStatusCorrectionLock']) return;
  3011.         const ytdFlexyElm = elements.flexy;
  3012.         if (!ytdFlexyElm) return;
  3013.         const p = tabAStatus;
  3014.         const q = calculationFn(p, 3 | 4 | 8 | 16 | 32 | 64);
  3015.  
  3016.         if (p !== q) {
  3017.           console.log(388, p, q)
  3018.           let actioned = false;
  3019.           if ((p & 8) === 0 && (q & 8) === 8) {
  3020.             lastPanel = 'chat'
  3021.           }
  3022.           tabAStatus = q;
  3023.  
  3024.           let bFixForResizedTab = false;
  3025.  
  3026.           if ((q ^ 2) === 2 && bFixForResizedTabLater) {
  3027.             bFixForResizedTab = true;
  3028.           }
  3029.  
  3030.           if ((p & 16) === 16 & (q & 16) === 0) {
  3031.             Promise.resolve(lockSet['twoColumnChanged10Lock']).then(eventMap['twoColumnChanged10']).catch(console.warn);
  3032.           }
  3033.  
  3034.           if ((((p & 2) === 2) ^ ((q & 2) === 2)) && ((q & 2) === 2)) {
  3035.             bFixForResizedTab = true;
  3036.           }
  3037.  
  3038.           if ((q & 64) === 64) {
  3039.             actioned = false;
  3040.           } else if ((p & 64) == 64 && (q & 64) === 0) {
  3041.  
  3042.             if ((q & 32) === 32) {
  3043.               ytBtnCloseEngagementPanels();
  3044.             }
  3045.  
  3046.             if ((q & (2 | 8)) === (2 | 8)) {
  3047.               if (lastPanel === 'chat') {
  3048.  
  3049.                 switchToTab(null);
  3050.                 actioned = true;
  3051.               } else if (lastPanel) {
  3052.                 ytBtnCollapseChat();
  3053.                 actioned = true;
  3054.               }
  3055.             }
  3056.  
  3057.           } else if ((p & (1 | 2 | 8 | 16 | 32)) === (1 | 0 | 0 | 16 | 0) && (q & (1 | 2 | 8 | 16 | 32)) === (1 | 0 | 8 | 16 | 0)) {
  3058.             ytBtnCancelTheater();
  3059.             actioned = true;
  3060.           } else if ((p & (1 | 16 | 32)) === (0 | 16 | 0) && (q & (1 | 16 | 32)) === (0 | 16 | 32) && (q & (2 | 8)) > 0) {
  3061.             if (q & 2) {
  3062.               switchToTab(null);
  3063.               actioned = true;
  3064.             }
  3065.             if (q & 8) {
  3066.               ytBtnCollapseChat();
  3067.               actioned = true;
  3068.             }
  3069.           } else if ((p & (1 | 16 | 8 | 2)) === (16 | 8) && (q & (1 | 16 | 8 | 2)) === (16)) {
  3070.             if (lastTab) {
  3071.               switchToTab(lastTab)
  3072.               actioned = true;
  3073.             }
  3074.  
  3075.           } else if ((p & 1) === 0 && (q & 1) === 1) {
  3076.             if ((q & 32) === 32) {
  3077.               ytBtnCloseEngagementPanels();
  3078.             }
  3079.             if ((p & 9) === 8 && (q & 9) === 9) {
  3080.               ytBtnCollapseChat();
  3081.             }
  3082.             switchToTab(null)
  3083.             actioned = true;
  3084.  
  3085.           } else if ((p & 3) === 1 && (q & 3) === 3) {
  3086.             ytBtnCancelTheater();
  3087.             actioned = true;
  3088.           } else if ((p & 10) === 2 && (q & 10) === 10) {
  3089.  
  3090.             switchToTab(null)
  3091.             actioned = true;
  3092.  
  3093.           } else if ((p & (8 | 32)) === (0 | 32) && (q & (8 | 32)) === (8 | 32)) {
  3094.  
  3095.             ytBtnCloseEngagementPanels();
  3096.             actioned = true;
  3097.  
  3098.  
  3099.           } else if ((p & (2 | 32)) === (0 | 32) && (q & (2 | 32)) === (2 | 32)) {
  3100.  
  3101.             ytBtnCloseEngagementPanels();
  3102.             actioned = true;
  3103.  
  3104.           } else if ((p & (2 | 8)) === (0 | 8) && (q & (2 | 8)) === (2 | 8)) {
  3105.  
  3106.             ytBtnCollapseChat();
  3107.             actioned = true;
  3108.             // if( lastPanel && (p & (1|16) === 16)  && (q & (1 | 16 | 8 | 2)) === (16) ){
  3109.             //   switchToTab(lastTab)
  3110.             //   actioned = true;
  3111.             // }
  3112.           } else if ((p & 1) === 1 && (q & (1 | 32)) === (0 | 0)) {
  3113.             if (lastPanel === 'chat') {
  3114.               ytBtnExpandChat()
  3115.               actioned = true;
  3116.             } else if (lastPanel === lastTab && lastTab) {
  3117.               switchToTab(lastTab)
  3118.               actioned = true;
  3119.             }
  3120.           }
  3121.  
  3122.  
  3123.           // 24 20
  3124.           // 8 16   4 16
  3125.  
  3126.  
  3127.           if (!actioned && (p & (1 | 16)) === 16 && (q & (1 | 16 | 8 | 2 | 32 | 64)) === (16 | 0 | 0)) {
  3128.             console.log(388, 'd')
  3129.             if (lastPanel === 'chat') {
  3130.               ytBtnExpandChat()
  3131.               actioned = true;
  3132.             } else if (lastTab) {
  3133.               switchToTab(lastTab)
  3134.               actioned = true;
  3135.             }
  3136.           }
  3137.  
  3138.  
  3139.           if (bFixForResizedTab) {
  3140.             bFixForResizedTabLater = false;
  3141.             Promise.resolve(0).then(eventMap['fixForTabDisplay']).catch(console.warn);
  3142.           }
  3143.  
  3144.           if (((p & 16) === 16) ^ ((q & 16) === 16)) {
  3145.             Promise.resolve(lockSet['infoFixLock']).then(infoFix).catch(console.warn);
  3146.             Promise.resolve(lockSet['removeKeepCommentsScrollerLock']).then(removeKeepCommentsScroller).catch(console.warn);
  3147.             Promise.resolve(lockSet['layoutFixLock']).then(layoutFix).catch(console.warn);
  3148.           }
  3149.         }
  3150.  
  3151.       },
  3152.  
  3153.       'fixInitialTabStateFn': () => {
  3154.         if (checkElementExist('ytd-live-chat-frame#chat', '[hidden], [collapsed]')) {
  3155.           switchToTab(null);
  3156.           if (checkElementExist('ytd-watch-flexy[theater]', '[hidden]')) {
  3157.             ytBtnCollapseChat();
  3158.           }
  3159.         } else if (checkElementExist('ytd-watch-flexy[is-two-columns_]:not([theater])', '[hidden]') && !document.querySelector('[tyt-tab]')) {
  3160.           let btn0 = document.querySelector('.tab-btn-visible') // or default button
  3161.           if (btn0) {
  3162.             switchToTab(btn0);
  3163.           } else {
  3164.             switchToTab(null);
  3165.           }
  3166.         } else if (checkElementExist('ytd-watch-flexy[is-two-columns_][theater]', '[hidden]') && !document.querySelector('[tyt-tab]')) {
  3167.           switchToTab(null);
  3168.         }
  3169.       },
  3170.  
  3171.       'tabs-btn-click': (evt) => {
  3172.  
  3173.         const target = evt.target;
  3174.         if (target instanceof HTMLElement && target.classList.contains('tab-btn') && target.hasAttribute000('tyt-tab-content')) {
  3175.  
  3176.           evt.preventDefault();
  3177.           evt.stopPropagation();
  3178.           evt.stopImmediatePropagation();
  3179.  
  3180.  
  3181.           const activeLink = target;
  3182.  
  3183.           switchToTab(activeLink);
  3184.  
  3185.         }
  3186.  
  3187.       }
  3188.  
  3189.     }
  3190.  
  3191.     Promise.all([videosElementProvidedPromise, navigateFinishedPromise]).then(eventMap['onceInsertRightTabs']).catch(console.warn);
  3192.     Promise.all([navigateFinishedPromise, infoExpanderElementProvidedPromise]).then(eventMap['onceInfoExpanderElementProvidedPromised']).catch(console.warn);
  3193.  
  3194.     const isCustomElementsProvided = typeof customElements !== "undefined" && typeof (customElements || 0).whenDefined === "function";
  3195.  
  3196.     const promiseForCustomYtElementsReady = isCustomElementsProvided ? Promise.resolve(0) : new Promise((callback) => {
  3197.       const EVENT_KEY_ON_REGISTRY_READY = "ytI-ce-registry-created";
  3198.       if (typeof customElements === 'undefined') {
  3199.         if (!('__CE_registry' in document)) {
  3200.           // https://github.com/webcomponents/polyfills/
  3201.           Object.defineProperty(document, '__CE_registry', {
  3202.             get() {
  3203.               // return undefined
  3204.             },
  3205.             set(nv) {
  3206.               if (typeof nv == 'object') {
  3207.                 delete this.__CE_registry;
  3208.                 this.__CE_registry = nv;
  3209.                 this.dispatchEvent(new CustomEvent(EVENT_KEY_ON_REGISTRY_READY));
  3210.               }
  3211.               return true;
  3212.             },
  3213.             enumerable: false,
  3214.             configurable: true
  3215.           })
  3216.         }
  3217.         let eventHandler = (evt) => {
  3218.           document.removeEventListener(EVENT_KEY_ON_REGISTRY_READY, eventHandler, false);
  3219.           const f = callback;
  3220.           callback = null;
  3221.           eventHandler = null;
  3222.           f();
  3223.         };
  3224.         document.addEventListener(EVENT_KEY_ON_REGISTRY_READY, eventHandler, false);
  3225.       } else {
  3226.         callback();
  3227.       }
  3228.     });
  3229.  
  3230.     const _retrieveCE = async (nodeName) => {
  3231.       try {
  3232.         isCustomElementsProvided || (await promiseForCustomYtElementsReady);
  3233.         await customElements.whenDefined(nodeName);
  3234.       } catch (e) {
  3235.         console.warn(e);
  3236.       }
  3237.     }
  3238.  
  3239.  
  3240.     const retrieveCE = async (nodeName) => {
  3241.       try {
  3242.         isCustomElementsProvided || (await promiseForCustomYtElementsReady);
  3243.         await customElements.whenDefined(nodeName);
  3244.         const dummy = document.querySelector(nodeName) || document.createElement(nodeName);
  3245.         const cProto = insp(dummy).constructor.prototype;
  3246.         return cProto;
  3247.       } catch (e) {
  3248.         console.warn(e);
  3249.       }
  3250.     }
  3251.  
  3252.  
  3253.     const moOverallRes = {
  3254.       _yt_playerProvided: () => (((window || 0)._yt_player || 0) || 0)
  3255.     }
  3256.  
  3257.     const moOverall = new MutationObserver(() => {
  3258.  
  3259.       if (typeof moOverallRes._yt_playerProvided === 'function') {
  3260.         const r = moOverallRes._yt_playerProvided();
  3261.         if (r) {
  3262.           moOverallRes._yt_playerProvided = r;
  3263.           eventMap._yt_playerProvided();
  3264.         }
  3265.       }
  3266.     });
  3267.  
  3268.     moOverall.observe(document, { subtree: true, childList: true });
  3269.  
  3270.     document.addEventListener('yt-navigate-finish', eventMap['yt-navigate-finish'], false);
  3271.  
  3272.     document.addEventListener('animationstart', evt => {
  3273.       const f = eventMap[evt.animationName];
  3274.       if (typeof f === 'function') f(evt.target);
  3275.     }, capturePassive);
  3276.  
  3277.     console.log('hi122')
  3278.  
  3279.  
  3280.     mLoaded.flag |= 1;
  3281.     document.documentElement.setAttribute111('tabview-loaded', mLoaded.makeString());
  3282.  
  3283.     promiseForCustomYtElementsReady.then(eventMap['ceHack']).catch(console.warn);
  3284.  
  3285.  
  3286.     executionFinished = 1;
  3287.  
  3288.  
  3289.  
  3290.   } catch (e) {
  3291.     console.log('error 0xF491');
  3292.     console.error(e);
  3293.   }
  3294.  
  3295. };
  3296. const styles = {
  3297.   'main': `
  3298.  
  3299.  
  3300.   @keyframes relatedElementProvided {
  3301.     0% {
  3302.         background-position-x: 3px;
  3303.     }
  3304.     100% {
  3305.         background-position-x: 4px;
  3306.     }
  3307.   }
  3308.     
  3309.   html[tabview-loaded="icp"] #related.ytd-watch-flexy {
  3310.     animation: relatedElementProvided 1ms linear 0s 1 normal forwards;
  3311.   }
  3312.     
  3313.   html[tabview-loaded="icp"] #right-tabs #related.ytd-watch-flexy,
  3314.   html[tabview-loaded="icp"] [hidden] #related.ytd-watch-flexy {
  3315.     animation: initial;
  3316.   }
  3317.  
  3318.   
  3319.  
  3320.  
  3321.   
  3322.     
  3323.   html[tabview-loaded="icp"] #right-tabs ytd-expander#expander,
  3324.   html[tabview-loaded="icp"] [hidden] ytd-expander#expander,
  3325.   html[tabview-loaded="icp"] ytd-comments ytd-expander#expander{
  3326.     animation: initial;
  3327.   }
  3328.  
  3329.  
  3330.  
  3331.  
  3332.  
  3333.   #secondary.ytd-watch-flexy {
  3334.     position: relative;
  3335.   }
  3336.  
  3337.   #secondary-inner.style-scope.ytd-watch-flexy {
  3338.     height: 100%;
  3339.   }
  3340.  
  3341.   /*
  3342.   ytd-watch-flexy[tyt-tab^="#"] #secondary-inner.style-scope.ytd-watch-flexy::after {
  3343.     display: block;
  3344.     content:'';
  3345.     height: 100vh;
  3346.   }
  3347.     */
  3348.  
  3349.   secondary-wrapper {
  3350.     display: flex;
  3351.     flex-direction: column;
  3352.     flex-wrap: nowrap;
  3353.     box-sizing: border-box;
  3354.     padding: 0;
  3355.     margin: 0;
  3356.     border: 0;
  3357.     height: 100%;
  3358.     max-height: calc(100vh - var(--ytd-toolbar-height, 56px));
  3359.     position: absolute;
  3360.     top: 0;
  3361.     right: 0;
  3362.     left: 0;
  3363.     contain: strict;
  3364.  
  3365.     /*     border-right: var(--ytd-margin-6x) solid transparent; */
  3366.     padding-top: var(--ytd-margin-6x);
  3367.     padding-right: var(--ytd-margin-6x);
  3368.     padding-bottom: var(--ytd-margin-6x);
  3369.   }
  3370.  
  3371.  
  3372.  
  3373.   #right-tabs {
  3374.       position: relative;
  3375.       display: flex;
  3376.       padding: 0;
  3377.       margin: 0;    
  3378.       flex-grow: 1;
  3379.       flex-direction: column;
  3380.   }
  3381.  
  3382.   [tyt-tab=""] #right-tabs{
  3383.     flex-grow: 0;
  3384.   }
  3385.  
  3386.   [tyt-tab=""] #right-tabs .tab-content{
  3387.       border: 0;
  3388.   }
  3389.  
  3390.   #right-tabs .tab-content {
  3391.     flex-grow: 1;
  3392.   }
  3393.  
  3394.   ytd-watch-flexy[hide-default-text-inline-expander] #primary.style-scope.ytd-watch-flexy ytd-text-inline-expander {
  3395.     display: none;
  3396.   }
  3397.  
  3398.  
  3399.   ytd-watch-flexy:not([keep-comments-scroller]) #tab-comments.tab-content-hidden {
  3400.     --comment-pre-load-sizing: 90px;
  3401.     visibility: collapse;
  3402.     z-index: -1;
  3403.     position: fixed !important;
  3404.     left: 2px;
  3405.     top: 2px;
  3406.     width: var(--comment-pre-load-sizing) !important;
  3407.     height: var(--comment-pre-load-sizing) !important;
  3408.     display: block !important;
  3409.     pointer-events: none !important;
  3410.     overflow:hidden;
  3411.     contain:strict;
  3412.     border: 0;
  3413.     margin: 0;
  3414.     padding: 0;
  3415.   }
  3416.  
  3417.   ytd-watch-flexy:not([keep-comments-scroller]) #tab-comments.tab-content-hidden ytd-comments#comments > * {
  3418.     display: none !important;
  3419.   }
  3420.  
  3421.   ytd-watch-flexy:not([keep-comments-scroller]) #tab-comments.tab-content-hidden ytd-comments#comments > ytd-item-section-renderer#sections {
  3422.     display: block !important;
  3423.     overflow:hidden;
  3424.     height: var(--comment-pre-load-sizing);
  3425.     width: var(--comment-pre-load-sizing);
  3426.     contain:strict;
  3427.     border: 0;
  3428.     margin: 0;
  3429.     padding: 0;
  3430.   }
  3431.  
  3432.   ytd-watch-flexy:not([keep-comments-scroller]) #tab-comments.tab-content-hidden ytd-comments#comments > ytd-item-section-renderer#sections > * {
  3433.     display: none !important;
  3434.   }
  3435.   ytd-watch-flexy:not([keep-comments-scroller]) #tab-comments.tab-content-hidden ytd-comments#comments > ytd-item-section-renderer#sections > #contents {
  3436.     display: flex !important;
  3437.     flex-direction: row;
  3438.     gap: 60px;
  3439.     overflow:hidden;
  3440.     height: var(--comment-pre-load-sizing);
  3441.     width: var(--comment-pre-load-sizing);
  3442.     contain:strict;
  3443.     border: 0;
  3444.     margin: 0;
  3445.     padding: 0;
  3446.   }
  3447.     
  3448.   ytd-watch-flexy:not([keep-comments-scroller]) #tab-comments.tab-content-hidden ytd-comments#comments > ytd-item-section-renderer#sections > #contents > * {
  3449.     display: block !important;
  3450.     visibility: collapse !important;
  3451.     overflow: hidden;
  3452.     margin: calc(2 * var(--comment-pre-load-sizing)) !important;
  3453.     width: var(--comment-pre-load-sizing);
  3454.     height: var(--comment-pre-load-sizing);
  3455.     box-sizing: content-box;
  3456.     contain:strict;
  3457.     border: 0;
  3458.     padding: 0;
  3459.   }
  3460.  
  3461.   
  3462.     
  3463.   ytd-watch-flexy:not([keep-comments-scroller]) #tab-comments.tab-content-hidden ytd-comments#comments > ytd-item-section-renderer#sections > #contents > *:empty {
  3464.     display: none !important;
  3465.     visibility: collapse !important;
  3466.     overflow: hidden;
  3467.     margin: 0px !important;
  3468.     width: 0px;
  3469.     height: 0px;
  3470.     box-sizing: content-box;
  3471.     contain:strict;
  3472.   }
  3473.     
  3474.   ytd-watch-flexy:not([keep-comments-scroller]) #tab-comments.tab-content-hidden ytd-comments#comments > ytd-item-section-renderer#sections > #contents > ytd-continuation-item-renderer {
  3475.     display: block !important;
  3476.     visibility: collapse !important;
  3477.     overflow: initial;
  3478.     margin: 0px !important;
  3479.     width: 1px;
  3480.     height: 1px;
  3481.     box-sizing: initial;
  3482.     contain:strict;
  3483.   }
  3484.  
  3485.   
  3486.   ytd-watch-flexy:not([keep-comments-scroller]) #tab-comments.tab-content-hidden ytd-comments#comments > ytd-item-section-renderer#sections > #contents > * > * {
  3487.     display: none !important;
  3488.     visibility: collapse !important;
  3489.     overflow: hidden;
  3490.     margin: 0px !important;
  3491.     width: 0px;
  3492.     height: 0px;
  3493.     box-sizing: content-box;
  3494.     contain:strict;
  3495.   }
  3496.     
  3497.  
  3498.   
  3499.  
  3500.   #right-tabs #material-tabs {
  3501.     position: relative;
  3502.     display: flex;
  3503.     padding: 0;
  3504.     /*outline: 1px solid var(--tyt-x-border-color);*/
  3505.     /*outline: 1px solid var(--ytd-searchbox-legacy-border-color);*/
  3506.     /* 2023/05/05 chaged from outline to border */
  3507.     border: 1px solid var(--ytd-searchbox-legacy-border-color);
  3508.     /* border-bottom:0; */
  3509. }
  3510.  
  3511. ytd-watch-flexy[flexy]:not([is-two-columns_]) #right-tabs #material-tabs {
  3512.     outline: 0;
  3513. }
  3514.  
  3515. #right-tabs #material-tabs a.tab-btn[tyt-tab-content] > * {
  3516.   pointer-events: none;
  3517. }
  3518.  
  3519. #right-tabs #material-tabs a.tab-btn[tyt-tab-content] > .font-size-right {
  3520.   pointer-events: initial;
  3521.   display: none; /* not yet supported */
  3522. }
  3523.  
  3524.     
  3525. ytd-watch-flexy #right-tabs .tab-content {
  3526.     padding: 0;
  3527.     box-sizing: border-box;
  3528.     display: block;
  3529.     /*--yt-spec-brand-background-primary:var(--yt-spec-general-background-a);*/
  3530.     /*outline: 1px solid var(--tyt-x-border-color);*/
  3531.     /* outline: 1px solid var(--ytd-searchbox-legacy-border-color); */
  3532.     /* 2023/05/05 chaged from outline to border */
  3533.     border: 1px solid var(--ytd-searchbox-legacy-border-color);
  3534.     border-top:0;
  3535.     position: relative;
  3536.     top: 0;
  3537.     display: flex;
  3538.     flex-direction: row;
  3539.     overflow: hidden;
  3540. }
  3541.  
  3542. ytd-watch-flexy[is-two-columns_] #right-tabs .tab-content {
  3543. /*
  3544.     height: var(--tyt-tabs-content-height);
  3545.     contain: size layout paint;
  3546.     */
  3547. }
  3548.  
  3549. ytd-watch-flexy:not([is-two-columns_]) #right-tabs .tab-content {
  3550.     height: 100%;
  3551. }
  3552.  
  3553. ytd-watch-flexy #right-tabs .tab-content-cld {
  3554.     box-sizing: border-box;
  3555.     position: relative;
  3556.     display: block;
  3557.     width: 100%;
  3558.     overflow: auto;
  3559.     --tab-content-padding: var(--ytd-margin-4x);
  3560.     padding: var(--tab-content-padding);
  3561.     contain: layout paint;
  3562.  
  3563. }
  3564.  
  3565. .tab-content-cld,
  3566. #right-tabs,
  3567. .tab-content {
  3568.     transition: none;
  3569.     animation: none;
  3570. }
  3571.  
  3572. ytd-watch-flexy[is-two-columns_] #right-tabs .tab-content-cld {
  3573.     height: 100%;
  3574.     width: 100%;
  3575.     contain: size layout paint style;
  3576.     position: absolute;
  3577. }
  3578.  
  3579. ytd-watch-flexy #right-tabs .tab-content-cld.tab-content-hidden {
  3580.     display: none;
  3581.     width: 100%;
  3582.     /* width fix */
  3583.     contain: size layout paint style;
  3584. }
  3585.  
  3586.  
  3587.  
  3588.  
  3589.  
  3590.  
  3591. @supports (color: var(--tabview-tab-btn-define)) {
  3592.  
  3593. /* give background color; otherwise it will be transparent in dark mode, single column*/
  3594. ytd-watch-flexy #right-tabs .tab-btn {
  3595.     background: var(--yt-spec-general-background-a);
  3596. }
  3597.  
  3598. html {
  3599.     --tyt-tab-btn-flex-grow: 1;
  3600.     --tyt-tab-btn-flex-basis: 0%;
  3601.     --tyt-tab-bar-color-1-def: #ff4533;
  3602.     --tyt-tab-bar-color-2-def: var(--yt-brand-light-red);
  3603.     --tyt-tab-bar-color-1:var(--main-color, var(--tyt-tab-bar-color-1-def));
  3604.     --tyt-tab-bar-color-2:var(--main-color, var(--tyt-tab-bar-color-2-def));
  3605. }
  3606.  
  3607. ytd-watch-flexy #right-tabs .tab-btn[tyt-tab-content] {
  3608.  
  3609.     flex-grow: 1;
  3610.     flex-shrink: 1;
  3611.     flex-basis: 0%;
  3612.     
  3613.     flex-grow: var(--tyt-tab-btn-flex-grow);
  3614.     flex-basis: var(--tyt-tab-btn-flex-basis);
  3615.     position: relative;
  3616.     display: inline-block;
  3617.     text-decoration: none;
  3618.     text-transform: uppercase;
  3619.     --tyt-tab-btn-color: var(--yt-spec-text-secondary);
  3620.     color: var(--tyt-tab-btn-color);
  3621.     text-align: center;
  3622.     padding: 14px 8px 10px;
  3623.     border: 0;
  3624.     border-bottom: 4px solid transparent;
  3625.     font-weight: 500;
  3626.     font-size: 12px;
  3627.     line-height: 18px;
  3628.     cursor: pointer;
  3629.     transition: border 200ms linear 100ms;
  3630.     background-color: var(--ytd-searchbox-legacy-button-color);
  3631.     text-transform: var(--yt-button-text-transform, inherit);
  3632.     user-select: none !important;
  3633.  
  3634.     overflow: hidden;
  3635.     white-space: nowrap;
  3636.     /*text-overflow: ellipsis;*/
  3637.     text-overflow: clip;
  3638.  
  3639. }
  3640.  
  3641.  
  3642. /* .tab-btn[tyt-tab-content] */
  3643.  
  3644. ytd-watch-flexy #right-tabs .tab-btn[tyt-tab-content]>svg {
  3645.     height: 18px;
  3646.     padding-right: 0px;
  3647.     vertical-align: bottom;
  3648.     opacity: .5;
  3649.     margin-right: 0px;
  3650.     color: var(--yt-button-color, inherit);
  3651.     fill: var(--iron-icon-fill-color, currentcolor);
  3652.     stroke: var(--iron-icon-stroke-color, none);
  3653. }
  3654.  
  3655. ytd-watch-flexy #right-tabs .tab-btn {
  3656.     --tabview-btn-txt-ml: 8px;
  3657. }
  3658. ytd-watch-flexy[tyt-comment-disabled] #right-tabs .tab-btn[tyt-tab-content="#tab-comments"] {
  3659.     --tabview-btn-txt-ml: 0px;
  3660. }
  3661.  
  3662. ytd-watch-flexy #right-tabs .tab-btn[tyt-tab-content]>svg+span {
  3663.     margin-left: var(--tabview-btn-txt-ml);
  3664. }
  3665.  
  3666. ytd-watch-flexy #right-tabs .tab-btn[tyt-tab-content] svg {
  3667.     pointer-events: none;
  3668. }
  3669.  
  3670. ytd-watch-flexy #right-tabs .tab-btn[tyt-tab-content].active {
  3671.     font-weight: 500;
  3672.     outline: 0;
  3673.     --tyt-tab-btn-color: var(--yt-spec-text-primary);
  3674.     background-color: var(--ytd-searchbox-legacy-button-focus-color);
  3675.     border-bottom: 4px var(--tyt-tab-bar-color-1) solid;
  3676.     border-bottom-color: var(--tyt-tab-bar-color-2);
  3677. }
  3678.  
  3679. ytd-watch-flexy #right-tabs .tab-btn[tyt-tab-content].active svg {
  3680.     opacity: .9
  3681. }
  3682.  
  3683. ytd-watch-flexy #right-tabs .tab-btn[tyt-tab-content]:not(.active):hover {
  3684.     background-color: var(--ytd-searchbox-legacy-button-hover-color);
  3685.     --tyt-tab-btn-color: var(--yt-spec-text-primary);
  3686. }
  3687.  
  3688. ytd-watch-flexy #right-tabs .tab-btn[tyt-tab-content]:not(.active):hover svg {
  3689.     opacity: .9
  3690. }
  3691.  
  3692. ytd-watch-flexy #right-tabs .tab-btn[tyt-tab-content] {
  3693.     user-select: none !important;
  3694. }
  3695.  
  3696. ytd-watch-flexy #right-tabs .tab-btn[tyt-tab-content].tab-btn-hidden {
  3697.     display: none;
  3698. }
  3699.  
  3700. ytd-watch-flexy[tyt-comment-disabled] #right-tabs .tab-btn[tyt-tab-content="#tab-comments"],
  3701. ytd-watch-flexy[tyt-comment-disabled] #right-tabs .tab-btn[tyt-tab-content="#tab-comments"]:hover {
  3702.     --tyt-tab-btn-color: var(--yt-spec-icon-disabled);
  3703. }
  3704.  
  3705. ytd-watch-flexy[tyt-comment-disabled] #right-tabs .tab-btn[tyt-tab-content="#tab-comments"] span#tyt-cm-count:empty{
  3706.   display:none;
  3707. }
  3708.  
  3709.  
  3710. ytd-watch-flexy #right-tabs .tab-btn span#tyt-cm-count:empty::after {
  3711.     display: inline-block;
  3712.     width: 4em;
  3713.     text-align: left;
  3714.     font-size: inherit;
  3715.     color: currentColor;
  3716.     transform: scaleX(0.8);
  3717. }
  3718.  
  3719. }
  3720.  
  3721. @supports (color: var(--tyt-cm-count-define)){
  3722.  
  3723. ytd-watch-flexy {
  3724.     --tyt-x-loading-content-letter-spacing: 2px;
  3725. }
  3726.  
  3727. html {
  3728.     --tabview-text-loading: "Loading";
  3729.     --tabview-text-fetching: "Fetching";
  3730.     --tabview-panel-loading: var(--tabview-text-loading);
  3731. }
  3732.  
  3733. html:lang(ja) {
  3734.     --tabview-text-loading: "読み込み中";
  3735.     --tabview-text-fetching: "フェッチ..";
  3736. }
  3737.  
  3738. html:lang(ko) {
  3739.     --tabview-text-loading: "로딩..";
  3740.     --tabview-text-fetching: "가져오기..";
  3741. }
  3742.  
  3743. html:lang(zh-Hant) {
  3744.     /* 資訊科技名詞 @ https://terms.naer.edu.tw/ */
  3745.     --tabview-text-loading: "載入中";
  3746.     --tabview-text-fetching: "擷取中";
  3747. }
  3748.  
  3749. html:lang(zh-Hans) {
  3750.     --tabview-text-loading: "加载中";
  3751.     --tabview-text-fetching: "抓取中";
  3752. }
  3753.  
  3754. html:lang(ru) {
  3755.     --tabview-text-loading: "Загрузка";
  3756.     --tabview-text-fetching: "Получение";
  3757. }
  3758.  
  3759. ytd-watch-flexy #right-tabs .tab-btn span#tyt-cm-count:empty::after {
  3760.     content: var(--tabview-text-loading);
  3761.     letter-spacing: var(--tyt-x-loading-content-letter-spacing);
  3762. }
  3763.  
  3764. }
  3765.  
  3766.  
  3767. @supports (color: var(--tabview-font-size-btn-define)) {
  3768.  
  3769. .font-size-right {
  3770.     display: inline-flex;
  3771.     flex-direction: column;
  3772.     position: absolute;
  3773.     right: 0;
  3774.     top: 0;
  3775.     bottom: 0;
  3776.     width: 16px;
  3777.     padding: 4px 0;
  3778.     justify-content: space-evenly;
  3779.     align-content: space-evenly;
  3780.     pointer-events: none;
  3781. }
  3782.  
  3783. html body ytd-watch-flexy.style-scope .font-size-btn {
  3784.     user-select: none !important;
  3785. }
  3786.  
  3787. .font-size-btn {
  3788.     --tyt-font-size-btn-display: none;
  3789.     display: var(--tyt-font-size-btn-display, none);
  3790.     /* hide zoom btn for FireFox */
  3791.     width: 12px;
  3792.     height: 12px;
  3793.     color: var(--yt-spec-text-secondary);
  3794.     background-color: var(--yt-spec-badge-chip-background);
  3795.     box-sizing: border-box;
  3796.     cursor: pointer;
  3797.     transform-origin: left top;
  3798.     margin: 0;
  3799.     padding: 0;
  3800.     position: relative;
  3801.     font-family: 'Menlo', 'Lucida Console', 'Monaco', 'Consolas', monospace;
  3802.     line-height: 100%;
  3803.     font-weight: 900;
  3804.     transition: background-color 90ms linear, color 90ms linear;
  3805.     pointer-events: all;
  3806. }
  3807.  
  3808. .font-size-btn:hover {
  3809.     background-color: var(--yt-spec-text-primary);
  3810.     color: var(--yt-spec-general-background-a);
  3811. }
  3812.  
  3813. @supports (zoom: 0.5) {
  3814.  
  3815.     .tab-btn .font-size-btn {
  3816.         --tyt-font-size-btn-display: none;
  3817.     }
  3818.  
  3819.     .tab-btn.active:hover .font-size-btn {
  3820.         --tyt-font-size-btn-display: inline-block;
  3821.     }
  3822.  
  3823. }
  3824.  
  3825. }
  3826.  
  3827.  
  3828. body ytd-watch-flexy:not([is-two-columns_]) #columns.ytd-watch-flexy{
  3829.   flex-direction: column;
  3830. }
  3831.  
  3832. body ytd-watch-flexy:not([is-two-columns_]) #secondary.ytd-watch-flexy {
  3833.   display: block;
  3834.   width: 100%;
  3835.   box-sizing: border-box;
  3836. }
  3837.  
  3838. body ytd-watch-flexy:not([is-two-columns_]) #secondary.ytd-watch-flexy secondary-wrapper {
  3839.  
  3840.     padding-left: var(--ytd-margin-6x);
  3841.     contain: content;
  3842.     height: initial;
  3843.  
  3844.  
  3845. }
  3846.  
  3847. body ytd-watch-flexy:not([is-two-columns_]) #secondary.ytd-watch-flexy secondary-wrapper #right-tabs {
  3848.   overflow: auto;
  3849.  
  3850. }
  3851.  
  3852. [tyt-chat="+"] secondary-wrapper > [tyt-chat-container]{
  3853.     flex-grow: 1;
  3854.     flex-shrink: 0;
  3855.     display: flex;
  3856.     flex-direction: column;
  3857. }
  3858.  
  3859. [tyt-chat="+"] secondary-wrapper > [tyt-chat-container] > #chat{
  3860.     flex-grow: 1;
  3861. }
  3862.  
  3863. ytd-watch-flexy[is-two-columns_]:not([theater]) #columns.style-scope.ytd-watch-flexy {
  3864.     min-height: calc(100vh - var(--ytd-toolbar-height, 56px));
  3865. }
  3866.  
  3867. ytd-watch-flexy[is-two-columns_] ytd-live-chat-frame#chat {
  3868.     min-height: initial !important;
  3869.     height: initial !important;
  3870. }
  3871.  
  3872. ytd-watch-flexy[tyt-tab^="#"]:not([is-two-columns_]):not([tyt-chat="+"]) #right-tabs {
  3873.     min-height: var(--ytd-watch-flexy-chat-max-height)
  3874. }
  3875.  
  3876. body ytd-watch-flexy:not([is-two-columns_]) #chat.ytd-watch-flexy {
  3877.   margin-top: 0;
  3878.  
  3879. }
  3880.  
  3881. body ytd-watch-flexy:not([is-two-columns_]) ytd-watch-metadata.ytd-watch-flexy {
  3882.   margin-bottom: 0;
  3883. }
  3884.  
  3885. ytd-watch-metadata.ytd-watch-flexy ytd-metadata-row-container-renderer {
  3886.   display: none;
  3887. }
  3888.  
  3889. /*
  3890. #tab-info #items.style-scope.ytd-video-description-infocards-section-renderer {
  3891.  
  3892.   display: inline-flex;
  3893.   flex-wrap: wrap;
  3894.   row-gap: 8px;
  3895. }
  3896.  
  3897. #tab-info #left-arrow-container.style-scope.ytd-video-description-infocards-section-renderer,
  3898. #tab-info #left-arrow.style-scope.ytd-video-description-infocards-section-renderer,
  3899. #tab-info #right-arrow-container.style-scope.ytd-video-description-infocards-section-renderer,
  3900. #tab-info #right-arrow.style-scope.ytd-video-description-infocards-section-renderer {
  3901.   visibility: collapse;
  3902. }
  3903.   */
  3904.  
  3905. /*
  3906. #tab-info #social-links.style-scope.ytd-video-description-infocards-section-renderer > #left-arrow-container.ytd-video-description-infocards-section-renderer{
  3907. left:0;
  3908. }
  3909. #tab-info #social-links.style-scope.ytd-video-description-infocards-section-renderer > #right-arrow-container.ytd-video-description-infocards-section-renderer{
  3910. right:0;
  3911. }
  3912.  
  3913. #tab-info #social-links.style-scope.ytd-video-description-infocards-section-renderer > #scroll-container.ytd-video-description-infocards-section-renderer{
  3914. margin: 0 32px;
  3915. }
  3916. */
  3917.  
  3918.  
  3919. #tab-info #social-links.style-scope.ytd-video-description-infocards-section-renderer > #left-arrow-container.ytd-video-description-infocards-section-renderer > #left-arrow{
  3920.   border: 6px solid transparent;
  3921.   opacity: 0.65;
  3922.   }
  3923.   #tab-info #social-links.style-scope.ytd-video-description-infocards-section-renderer > #right-arrow-container.ytd-video-description-infocards-section-renderer >#right-arrow{
  3924.   border: 6px solid transparent;
  3925.   opacity: 0.65;
  3926.   }
  3927.  
  3928.  
  3929.  
  3930. #tab-info #social-links.style-scope.ytd-video-description-infocards-section-renderer > #left-arrow-container.ytd-video-description-infocards-section-renderer > #left-arrow:hover{
  3931.   opacity: 1;
  3932.   }
  3933.   #tab-info #social-links.style-scope.ytd-video-description-infocards-section-renderer > #right-arrow-container.ytd-video-description-infocards-section-renderer >#right-arrow:hover{
  3934.  
  3935.     opacity: 1;
  3936.     }
  3937.  
  3938.  
  3939.   #tab-info #social-links.style-scope.ytd-video-description-infocards-section-renderer >  div#left-arrow-container::before {
  3940.     content: '';
  3941.     background: transparent;
  3942.     width: 40px;
  3943.     display: block;
  3944.     height: 40px;
  3945.     position: absolute;
  3946.     left: -20px;
  3947.     top: 0;
  3948.     z-index: -1;
  3949. }
  3950.   #tab-info #social-links.style-scope.ytd-video-description-infocards-section-renderer >  div#right-arrow-container::before {
  3951.     content: '';
  3952.     background: transparent;
  3953.     width: 40px;
  3954.     display: block;
  3955.     height: 40px;
  3956.     position: absolute;
  3957.     right: -20px;
  3958.     top: 0;
  3959.     z-index: -1;
  3960. }
  3961.  
  3962.  
  3963.  
  3964. body ytd-watch-flexy[is-two-columns_][tyt-egm-panel_] #columns.style-scope.ytd-watch-flexy #panels.style-scope.ytd-watch-flexy{
  3965.     flex-grow: 1;
  3966.     flex-shrink: 0;
  3967.     display: flex;
  3968.     flex-direction: column;
  3969. }
  3970.  
  3971.  
  3972. 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"]{
  3973.  
  3974.     height: initial;
  3975.     max-height: initial;
  3976.     min-height: initial;
  3977.     flex-grow: 1;
  3978.     flex-shrink: 0;
  3979.     display: flex;
  3980.     flex-direction: column;
  3981.  
  3982.     
  3983. }
  3984.  
  3985.  
  3986. 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{
  3987.  
  3988. /*
  3989. height: initial;
  3990. max-height: initial;
  3991. min-height: initial;
  3992.     flex-grow: 1;
  3993.     flex-shrink: 0;
  3994.     margin: 0;
  3995.     padding: 0;
  3996.     border: 0;
  3997.     display: flex;
  3998.     flex-direction: column;
  3999.     */
  4000. }
  4001.  
  4002.  
  4003. 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]{
  4004.  
  4005. /*
  4006. height: initial;
  4007. max-height: initial;
  4008. min-height: initial;
  4009.     flex-grow: 1;
  4010.     flex-shrink: 0;
  4011.     margin: 0;
  4012.     padding: 0;
  4013.     border: 0;
  4014.     */
  4015. }
  4016.  
  4017.  
  4018. secondary-wrapper [visibility="ENGAGEMENT_PANEL_VISIBILITY_EXPANDED"] ytd-transcript-renderer:not(:empty),
  4019.  secondary-wrapper [visibility="ENGAGEMENT_PANEL_VISIBILITY_EXPANDED"] #body.ytd-transcript-renderer:not(:empty),
  4020.   secondary-wrapper [visibility="ENGAGEMENT_PANEL_VISIBILITY_EXPANDED"]  #content.ytd-transcript-renderer:not(:empty){
  4021.  
  4022.   flex-grow: 1;
  4023. height: initial;
  4024. max-height: initial;
  4025. min-height: initial;
  4026. }
  4027.  
  4028. secondary-wrapper #content.ytd-engagement-panel-section-list-renderer{
  4029.  
  4030.     position: relative;
  4031. }
  4032.  
  4033. @supports (contain: strict) {
  4034.  
  4035. secondary-wrapper #content.ytd-engagement-panel-section-list-renderer > [panel-target-id]:only-child{
  4036.  
  4037.     contain: strict;
  4038.     max-height: 100%;
  4039. }
  4040.  
  4041. }
  4042.  
  4043.  
  4044. @supports not (contain: strict) {
  4045.  
  4046. secondary-wrapper #content.ytd-engagement-panel-section-list-renderer > [panel-target-id]:only-child{
  4047.  
  4048.     position: absolute;
  4049.     max-height: 100%;
  4050. }
  4051.  
  4052. }
  4053.  
  4054.  
  4055. body ytd-watch-flexy[theater] #secondary.ytd-watch-flexy {
  4056.     margin-top: 0;
  4057.     padding-top: var(--ytd-margin-2x);
  4058. }
  4059.     
  4060.  
  4061. body ytd-watch-flexy[theater] secondary-wrapper {
  4062.     padding-top: var(--ytd-margin-2x);
  4063. }
  4064.  
  4065. body ytd-watch-flexy[theater] #chat.ytd-watch-flexy{
  4066.  
  4067.     margin-bottom:  var(--ytd-margin-2x);
  4068. }
  4069.  
  4070. #tab-comments ytd-comments#comments [field-of-cm-count]{
  4071.   margin-top:0;
  4072. }
  4073.   /*
  4074.  
  4075. #tab-info #social-links.ytd-video-description-infocards-section-renderer {
  4076.   margin-bottom:0;
  4077. }
  4078. #tab-info #social-links.ytd-video-description-infocards-section-renderer ~ #infocards-section {
  4079.     margin-top: 16px;
  4080. }
  4081.  
  4082. #tab-info ytd-structured-description-content-renderer ytd-video-description-infocards-section-renderer.ytd-structured-description-content-renderer{
  4083. padding-bottom:0;
  4084. }
  4085. */
  4086.  
  4087. #tab-info [class]:last-child {
  4088.   margin-bottom:0;
  4089.   padding-bottom:0;
  4090. }
  4091.  
  4092.  
  4093. #tab-info ytd-rich-metadata-row-renderer ytd-rich-metadata-renderer {
  4094.   max-width: initial;
  4095. }
  4096.  
  4097. ytd-watch-flexy[is-two-columns_] secondary-wrapper #chat.ytd-watch-flexy {
  4098.   margin-bottom: var(--ytd-margin-3x);
  4099. }
  4100.  
  4101. ytd-watch-flexy[tyt-tab] tp-yt-paper-tooltip {
  4102.     white-space: nowrap;
  4103.     contain: content;
  4104. }
  4105.  
  4106.  
  4107. ytd-watch-info-text tp-yt-paper-tooltip.style-scope.ytd-watch-info-text{
  4108.   margin-bottom: -300px;
  4109.   margin-top: -96px;
  4110. }
  4111.  
  4112.  
  4113. [hide-default-text-inline-expander] #bottom-row #description.ytd-watch-metadata {
  4114.  
  4115. font-size: 1.2rem;
  4116. line-height: 1.8rem;
  4117.  
  4118. }
  4119.  
  4120. [hide-default-text-inline-expander] #bottom-row #description.ytd-watch-metadata yt-animated-rolling-number{
  4121.     font-size: inherit;
  4122. }
  4123.  
  4124.  
  4125. [hide-default-text-inline-expander] #bottom-row #description.ytd-watch-metadata #info-container.style-scope.ytd-watch-info-text{
  4126.   align-items: center;
  4127. }
  4128.  
  4129. [hide-default-text-inline-expander] #bottom-row #description.ytd-watch-metadata.item.ytd-watch-metadata{
  4130. margin-top: 6px;
  4131. }
  4132.  
  4133. [hide-default-text-inline-expander] #bottom-row #description.ytd-watch-metadata > #description-inner.ytd-watch-metadata{
  4134.  
  4135. margin: 6px 12px; 
  4136.  
  4137. }
  4138.  
  4139. [hide-default-text-inline-expander] ytd-watch-metadata[title-headline-xs] h1.ytd-watch-metadata {
  4140.  
  4141. font-size: 1.8rem;
  4142. }
  4143.  
  4144.  
  4145.  
  4146.  
  4147. ytd-watch-flexy[is-two-columns_][hide-default-text-inline-expander] #below.style-scope.ytd-watch-flexy ytd-merch-shelf-renderer{
  4148.     padding: 0;
  4149.         border: 0;
  4150.         margin:0;
  4151. }
  4152.  
  4153.  
  4154. ytd-watch-flexy[is-two-columns_][hide-default-text-inline-expander] #below.style-scope.ytd-watch-flexy ytd-watch-metadata.ytd-watch-flexy {
  4155.   margin-bottom: 6px;
  4156. }
  4157.  
  4158. #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 {
  4159.   flex-shrink:0;
  4160. }
  4161.  
  4162.  
  4163. #tab-info yt-video-attribute-view-model .yt-video-attribute-view-model__overflow-menu{
  4164.   background: var(--yt-emoji-picker-category-background-color);
  4165.       border-radius: 99px;
  4166. }
  4167.  
  4168. #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{
  4169.  
  4170.   max-height: 128px;
  4171. }
  4172.  
  4173. #tab-info yt-video-attribute-view-model .yt-video-attribute-view-model--image-large .yt-video-attribute-view-model__hero-section{
  4174.  
  4175.   max-width: 128px;
  4176. }
  4177.  
  4178. #tab-info ytd-reel-shelf-renderer #items.yt-horizontal-list-renderer ytd-reel-item-renderer.yt-horizontal-list-renderer {
  4179.   max-width: 142px;
  4180. }
  4181.  
  4182. ytd-watch-info-text#ytd-watch-info-text.style-scope.ytd-watch-metadata #view-count.style-scope.ytd-watch-info-text{
  4183.   align-items: center;
  4184.   
  4185.   }
  4186.  
  4187.  
  4188. ytd-watch-info-text#ytd-watch-info-text.style-scope.ytd-watch-metadata #date-text.style-scope.ytd-watch-info-text{
  4189.   align-items: center;
  4190.   
  4191.   }
  4192.  
  4193.  
  4194. ytd-watch-info-text:not([detailed]) #info.ytd-watch-info-text a.yt-simple-endpoint.yt-formatted-string {
  4195.  
  4196. pointer-events: none;
  4197. }
  4198.  
  4199.  
  4200. body ytd-app > ytd-popup-container > tp-yt-iron-dropdown > #contentWrapper >  [slot="dropdown-content"] {
  4201.  
  4202.     backdrop-filter: none ;
  4203. }
  4204.  
  4205. #tab-info [tyt-clone-refresh-count] {
  4206.   overflow: visible !important;
  4207. }
  4208.  
  4209. /* css unknown sizing bug */
  4210. #tab-info #items.ytd-horizontal-card-list-renderer yt-video-attribute-view-model.ytd-horizontal-card-list-renderer {
  4211.     contain: layout;
  4212.   }
  4213.  
  4214.  
  4215. /* https://www.youtube.com/watch?v=2h3pbdTPu6Q */
  4216.  
  4217. #tab-info #thumbnail-container.ytd-structured-description-channel-lockup-renderer {
  4218.   
  4219.     flex-shrink: 0;
  4220. }
  4221. #tab-info ytd-media-lockup-renderer[is-compact] #thumbnail-container.ytd-media-lockup-renderer {
  4222.   
  4223.     flex-shrink: 0;
  4224. }
  4225.  
  4226. /* https://www.youtube.com/watch?v=cV2gBU6hKfY */
  4227. secondary-wrapper ytd-donation-unavailable-renderer{
  4228.   --ytd-margin-6x:var(--ytd-margin-2x);
  4229.   --ytd-margin-5x:var(--ytd-margin-2x);
  4230.   --ytd-margin-4x:var(--ytd-margin-2x);
  4231.   --ytd-margin-3x:var(--ytd-margin-2x);
  4232. }
  4233.  
  4234.  
  4235.   `
  4236. };
  4237. (async () => {
  4238.   const communicationKey = `ck-${Date.now()}-${Math.floor(Math.random() * 314159265359 + 314159265359).toString(36)}`;
  4239.  
  4240.   /** @type {globalThis.PromiseConstructor} */
  4241.   const Promise = (async () => { })().constructor; // YouTube hacks Promise in WaterFox Classic and "Promise.resolve(0)" nevers resolve.
  4242.  
  4243.   if (!document.documentElement) {
  4244.     await Promise.resolve(0);
  4245.     while (!document.documentElement) {
  4246.       await new Promise(resolve => nextBrowserTick(resolve)).then().catch(console.warn);
  4247.     }
  4248.   }
  4249.   const sourceURL = 'debug://tabview-youtube/tabview.execution.js'
  4250.   const textContent = `(${executionScript})("${communicationKey}");${"\n\n"}//# sourceURL=${sourceURL}${'\n'}`
  4251.  
  4252.   // const isMyScriptInChromeRuntime = () => typeof GM === 'undefined' && typeof ((((window || 0).chrome || 0).runtime || 0).getURL) === 'function';
  4253.   // const isGMAvailable = () => typeof GM !== 'undefined' && !isMyScriptInChromeRuntime();
  4254.  
  4255.   // if(isMyScriptInChromeRuntime()){
  4256.   //   let button = document.createElement('button');
  4257.   //   button.setAttribute('onclick', textContent);
  4258.   //   button.click();
  4259.   //   button = null;
  4260.   // }else{
  4261.   //   GM_addElement('script', {
  4262.   //     textContent: textContent
  4263.   //   });
  4264.   // }
  4265.  
  4266.   let button = document.createElement('button');
  4267.   button.setAttribute('onclick', createHTML(textContent));
  4268.   button.click();
  4269.   button = null;
  4270.  
  4271.  
  4272.   let style = document.createElement('style');
  4273.   const sourceURLMainCSS = 'debug://tabview-youtube/tabview.main.css';
  4274.   style.textContent = `${styles['main'].trim()}${'\n\n'}/*# sourceURL=${sourceURLMainCSS} */${'\n'}`;
  4275.   document.documentElement.appendChild(style);
  4276.  
  4277.  
  4278. })();