☰

Tabview YouTube Totara

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

目前为 2024-07-20 提交的版本。查看 最新版本。

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