☰

Tabview Youtube

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

目前為 2025-01-05 提交的版本，檢視 最新版本。

  1. // ==UserScript==
  2. // @name                  Tabview Youtube
  3. // @name:en               Tabview Youtube
  4. // @description           Make comments and lists into tabs for YouTube Videos
  5. // @description:en        Make comments and lists into tabs for YouTube Videos
  6. // @name:ja               Tabview Youtube
  7. // @description:ja        YouTube動画のコメントやリストなどをタブに作成します
  8. // @name:ko          Tabview Youtube
  9. // @description:ko        YouTube 동영상의 댓글 및 목록을 탭으로 만듭니다
  10. // @name:zh-TW            Tabview Youtube
  11. // @name:zh-HK            Tabview Youtube
  12. // @name:zh-CN            Tabview Youtube
  13. // @description:zh-TW     把Youtube Videos中的評論及影片清單製作成Tabs
  14. // @description:zh-HK     把Youtube Videos中的評論及影片清單製作成Tabs
  15. // @description:zh-CN     把Youtube Videos中的评论及视频列表制作成Tabs
  16. // @name:ru               Tabview Youtube
  17. // @description:ru        Сделайте описание, комментарии и список видео в виде вкладок для видео на YouTube
  18.  
  19. // @name:af          Tabview Youtube
  20. // @name:az          Tabview Youtube
  21. // @name:id          Tabview Youtube
  22. // @name:ms          Tabview Youtube
  23. // @name:bs          Tabview Youtube
  24. // @name:ca          Tabview Youtube
  25. // @name:cs          Tabview Youtube
  26. // @name:da          Tabview Youtube
  27. // @name:de          Tabview Youtube
  28. // @name:et          Tabview Youtube
  29. // @name:es          Tabview Youtube
  30. // @name:eu          Tabview Youtube
  31. // @name:fr          Tabview Youtube
  32. // @name:gl          Tabview Youtube
  33. // @name:hr          Tabview Youtube
  34. // @name:zu          Tabview Youtube
  35. // @name:is          Tabview Youtube
  36. // @name:it          Tabview Youtube
  37. // @name:sw          Tabview Youtube
  38. // @name:lv          Tabview Youtube
  39. // @name:lt          Tabview Youtube
  40. // @name:hu          Tabview Youtube
  41. // @name:nl          Tabview Youtube
  42. // @name:uz          Tabview Youtube
  43. // @name:pl          Tabview Youtube
  44. // @name:pt          Tabview Youtube
  45. // @name:pt-BR          Tabview Youtube
  46. // @name:ro          Tabview Youtube
  47. // @name:sq          Tabview Youtube
  48. // @name:sk          Tabview Youtube
  49. // @name:sl          Tabview Youtube
  50. // @name:sr          Tabview Youtube
  51. // @name:fi          Tabview Youtube
  52. // @name:sv          Tabview Youtube
  53. // @name:vi          Tabview Youtube
  54. // @name:tr          Tabview Youtube
  55. // @name:be          Tabview Youtube
  56. // @name:bg          Tabview Youtube
  57. // @name:ky          Tabview Youtube
  58. // @name:kk          Tabview Youtube
  59. // @name:mk          Tabview Youtube
  60. // @name:mn          Tabview Youtube
  61. // @name:uk          Tabview Youtube
  62. // @name:el          Tabview Youtube
  63. // @name:hy          Tabview Youtube
  64. // @name:ur          Tabview Youtube
  65. // @name:ar          Tabview Youtube
  66. // @name:fa          Tabview Youtube
  67. // @name:ne          Tabview Youtube
  68. // @name:mr          Tabview Youtube
  69. // @name:hi          Tabview Youtube
  70. // @name:as          Tabview Youtube
  71. // @name:bn          Tabview Youtube
  72. // @name:pa          Tabview Youtube
  73. // @name:gu          Tabview Youtube
  74. // @name:or          Tabview Youtube
  75. // @name:ta          Tabview Youtube
  76. // @name:te          Tabview Youtube
  77. // @name:kn          Tabview Youtube
  78. // @name:ml          Tabview Youtube
  79. // @name:si          Tabview Youtube
  80. // @name:th          Tabview Youtube
  81. // @name:lo          Tabview Youtube
  82. // @name:my          Tabview Youtube
  83. // @name:ka          Tabview Youtube
  84. // @name:am          Tabview Youtube
  85. // @name:km          Tabview Youtube
  86.  
  87.  
  88. // @description:af        Maak kommentaar en lyste as oortjies vir YouTube-video's
  89. // @description:az        YouTube Videoları üçün şərhləri və siyahıları tablara çevirin
  90. // @description:id        Ubah komentar dan daftar menjadi tab untuk Video YouTube
  91. // @description:ms        Ubah komen dan senarai menjadi tab untuk Video YouTube
  92. // @description:bs        Pretvorite komentare i liste u kartice za YouTube videozapise
  93. // @description:ca        Converteix comentaris i llistes en pestanyes per a Vídeos de YouTube
  94. // @description:cs        Převeďte komentáře a seznamy na karty pro YouTube videa
  95. // @description:da        Lav kommentarer og lister til faner for YouTube-videoer
  96. // @description:de        Machen Sie Kommentare und Listen zu Tabs für YouTube-Videos
  97. // @description:et        Muutke kommentaarid ja loendid YouTube'i videote jaoks kaartideks
  98. // @description:es        Convierte los comentarios y listas en pestañas para los Videos de YouTube
  99. // @description:eu        Egin iruzkinak eta zerrendak YouTube Bideoetarako fitxetan
  100. // @description:fr        Transformez les commentaires et les listes en onglets pour les vidéos YouTube
  101. // @description:gl        Converte comentarios e listas en lapelas para Vídeos de YouTube
  102. // @description:hr        Pretvorite komentare i popise u kartice za YouTube videe
  103. // @description:zu        Yenza ukubhala phansi kanye nemingcele ukuba yiithebhu kuVidiyo ze-YouTube
  104. // @description:is        Breyttu athugasemdum og listum í flipa fyrir YouTube myndbönd
  105. // @description:it        Trasforma commenti e liste in schede per i Video di YouTube
  106. // @description:sw        Geuza maoni na orodha kuwa vichupo kwa Video za YouTube
  107. // @description:lv        Pārveidojiet komentārus un sarakstus cilnēs YouTube video
  108. // @description:lt        Paverčia komentarus ir sąrašus skirtukais YouTube vaizdo įrašams
  109. // @description:hu        Alakítsa át a megjegyzéseket és listákat fülekké a YouTube videókhoz
  110. // @description:nl        Maak van reacties en lijsten tabs voor YouTube-video's
  111. // @description:uz        YouTube videolar uchun sharhlar va ro'yxatlarni ichki oynalar qiling
  112. // @description:pl        Przekształć komentarze i listy w karty dla filmów na YouTube
  113. // @description:pt        Transforme comentários e listas em abas para Vídeos do YouTube
  114. // @description:pt-BR     Transforme comentários e listas em abas para Vídeos do YouTube
  115. // @description:ro        Transformă comentariile și listele în file pentru Videoclipuri YouTube
  116. // @description:sq        Kthe komentet dhe listat në skeda për Videot në YouTube
  117. // @description:sk        Premente komentáre a zoznamy na karty pre YouTube videá
  118. // @description:sl        Pretvori komentarje in sezname v zavihke za YouTube videe
  119. // @description:sr        Pretvorite komentare i liste u kartice za YouTube videe
  120. // @description:fi        Muuta kommentit ja luettelot välilehdiksi YouTube-videoille
  121. // @description:sv        Gör kommentarer och listor till flikar för YouTube-videor
  122. // @description:vi        Chuyển đổi bình luận và danh sách thành tab cho Video YouTube
  123. // @description:tr        Yorumları ve listeleri YouTube Videoları için sekmelere dönüştürün
  124. // @description:be        Пераўтварыце каментарыі і спісы ў закладкі для відэа на YouTube
  125. // @description:bg        Превърнете коментарите и списъците в раздели за видеоклипове в YouTube
  126. // @description:ky        YouTube видеолору үчүн эскертүүлөрдү жана тизмелерди табдыктарга айлантырыңыз
  127. // @description:kk        Пікірлер мен тізімдерді YouTube видеолары үшін қоймақтарға айналдырыңыз
  128. // @description:mk        Претворете ги коментарите и листите во јазичиња за Видеа на YouTube
  129. // @description:mn        YouTube видео дэх сэтгэгдлүүд болон жагсаалтыг табчууд болгоно уу
  130. // @description:uk        Зробіть коментарі та списки у вкладки для відео на YouTube
  131. // @description:el        Μετατρέψτε τα σχόλια και τις λίστες σε καρτέλες για τα βίντεο του YouTube
  132. // @description:hy        Վերածեք մեկնաբանությունները և ցուցակները YouTube տեսանյութերի ներդիրների
  133. // @description:ur        YouTube ویڈیوز کے لئے تبصرے اور فہرستوں کو ٹیب میں تبدیل کریں
  134. // @description:ar        قم بتحويل التعليقات والقوائم إلى علامات تبويب لفيديوهات YouTube
  135. // @description:fa        نظرات و فهرست ها را به زبانه ها برای ویدیوهای YouTube تبدیل کنید
  136. // @description:ne        YouTube भिडियोहरूका लागि प्रतिक्रिया र सूचीहरूलाई ट्याबहरूमा परिवर्तन गर्नुहोस्
  137. // @description:mr        YouTube व्हिडिओसाठी टिप्पण्या आणि यादीतबांमध्ये करा
  138. // @description:hi        YouTube वीडियो के लिए टिप्पणियाँ और सूचियों को टैब में बदलें
  139. // @description:as        YouTube ভিডিঅ'ৰ বাবে মন্তব্য আৰু তালিকাসমূহ টেবলত পৰিণত কৰক
  140. // @description:bn        YouTube ভিডিওর জন্য মন্তব্য এবং তালিকা ট্যাবে পরিণত করুন
  141. // @description:pa        ਯੂਟਿਊਬ ਵੀਡੀਓਜ਼ ਲਈ ਟਿੱਪਣੀਆਂ ਅਤੇ ਸੂਚੀਆਂ ਨੂੰ ਟੈਬਾਂ ਵਿੱਚ ਬਦਲੋ
  142. // @description:gu        YouTube વિડિઓ માટે ટિપ્પણીઓ અને યાદીઓ ટૅબમાં બદલો
  143. // @description:or        YouTube ଭିଡିଓ ପାଇଁ ମନ୍ତବ୍ୟ ଏବଂ ତାଲିକାଗୁଡ଼ିକ ଟ୍ୟାବମାନେ ପରିବର୍ତ୍ତନ କରନ୍ତୁ
  144. // @description:ta        YouTube வீடியோக்கான கருத்துக்கள் மற்றும் பட்டியல்களை தாவல்களாக மாற்றவும்
  145. // @description:te        YouTube వీడియోల కోసం వ్యాఖ్యలు మరియు జాబితాలను ట్యాబ్లలుగా మార్చండి
  146. // @description:kn        YouTube ವೀಡಿಯೊಗಳಿಗಾಗಿ ಟಿಪ್ಪಣಿಗಳನ್ನು ಮತ್ತು ಪಟ್ಟಿಗಳನ್ನು ಟ್ಯಾಬ್‌ಗಳಾಗಿ ಮಾಡಿ
  147. // @description:ml        YouTube വീഡിയോകൾക്കായി അഭിപ്രായങ്ങളും പട്ടികകളും ടാബുകളായി മാറ്റുക
  148. // @description:si        YouTube වීඩියෝ සඳහා අදහස් සහ ලැයිස්තු ටැබ් කරන්න
  149. // @description:th        ทำให้ความคิดเห็นและรายการเป็นแท็บสำหรับวิดีโอ YouTube
  150. // @description:lo        ປ່ຽນຄວາມເຫັນຂອງຄົນເບິ່ງແລະລາຍການເປັນແຖບສໍາລັບວິດີໂອ YouTube
  151. // @description:my        YouTube ဗီဒီယိုများအတွက် မှတ်ချက်များနှင့် စာရင်းများကို Tabs အဖြစ် ပြောင်းပါ
  152. // @description:ka        გადაიყვანეთ კომენტარები და სიები ჩანართებში YouTube ვიდეოებისთვის
  153. // @description:am        አስተያየቶችን እና ዝርዝሮችን YouTube ቪዲዮዎች ለትርጓሜዎች ውስጥ ያስተካክሉ
  154. // @description:km        បង្កើតមតិយោបល់និងបញ្ជីទៅជាផ្ទាំងសម្រាប់វីដេអូ YouTube
  155.  
  156. // @version               4.73.32
  157. // @resource              contentCSS        https://raw.githubusercontent.com/cyfung1031/Tabview-Youtube/8426b63ce6c0e27e7578b3ba1a0617252b895e20/css/style_content.css
  158. // @resource              chatCSS           https://raw.githubusercontent.com/cyfung1031/Tabview-Youtube/8426b63ce6c0e27e7578b3ba1a0617252b895e20/css/style_chat.css
  159. // @resource              controlCSS        https://raw.githubusercontent.com/cyfung1031/Tabview-Youtube/8426b63ce6c0e27e7578b3ba1a0617252b895e20/css/style_control.css
  160. // @resource              injectionJS1      https://raw.githubusercontent.com/cyfung1031/Tabview-Youtube/8426b63ce6c0e27e7578b3ba1a0617252b895e20/js/injection_script_1.js
  161. // @require               https://gf.qytechs.cn/scripts/465421-vanilla-js-dialog/code/Vanilla%20JS%20Dialog.js?version=1188332
  162.  
  163. // @namespace             http://tampermonkey.net/
  164. // @author                CY Fung
  165. // @license               MIT
  166. // @supportURL            https://github.com/cyfung1031/Tabview-Youtube
  167. // @run-at                document-start
  168. // @match                 https://www.youtube.com/*
  169. // @exclude               /^https?://\w+\.youtube\.com\/live_chat.*$/
  170. // @exclude               /^https?://\S+\.(txt|png|jpg|jpeg|gif|xml|svg|manifest|log|ini)[^\/]*$/
  171. // @icon                  https://raw.githubusercontent.com/cyfung1031/Tabview-Youtube/main/images/icon128p.png
  172.  
  173. // @compatible            edge Edge [Blink] >= 79;                      Tampermonkey (Beta) / Violentmonkey
  174. // @compatible            chrome Chrome >= 54;                          Tampermonkey (Beta) / Violentmonkey
  175. // @compatible            firefox FireFox / Waterfox (Classic) >= 55;   Tampermonkey / Violentmonkey
  176. // @compatible            opera Opera >= 41;                            Tampermonkey (Beta) / Violentmonkey
  177. // @compatible            safari Safari >= 12.1
  178.  
  179. // @grant                 GM_getResourceText
  180. // @grant                 GM.getResourceText
  181. // @grant                 GM_registerMenuCommand
  182. // @noframes
  183. // ==/UserScript==
  184.  
  185. /*
  186.  
  187. MIT License
  188.  
  189. Copyright (c) 2021-2024 cyfung1031
  190.  
  191. Permission is hereby granted, free of charge, to any person obtaining a copy
  192. of this software and associated documentation files (the "Software"), to deal
  193. in the Software without restriction, including without limitation the rights
  194. to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
  195. copies of the Software, and to permit persons to whom the Software is
  196. furnished to do so, subject to the following conditions:
  197.  
  198. The above copyright notice and this permission notice shall be included in all
  199. copies or substantial portions of the Software.
  200.  
  201. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
  202. IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
  203. FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
  204. AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
  205. LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  206. OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  207. SOFTWARE.
  208.  
  209. */
  210.  
  211. /* jshint esversion:8 */
  212.  
  213. function main(){
  214.   'use strict';
  215.   // MIT License
  216.   // https://github.com/cyfung1031/Tabview-Youtube/raw/main/js/content.js
  217.  
  218. if (typeof trustedTypes !== 'undefined' && trustedTypes.defaultPolicy === null) {
  219.   let s = s => s;
  220.   trustedTypes.createPolicy('default', { createHTML: s, createScriptURL: s, createScript: s });
  221. }
  222.  
  223. const defaultPolicy = (typeof trustedTypes !== 'undefined' && trustedTypes.defaultPolicy) || { createHTML: s => s };
  224. function createHTML(s) {
  225.   return defaultPolicy.createHTML(s);
  226. }
  227.  
  228. let trustHTMLErr = null;
  229. try {
  230.   document.createElement('div').innerHTML = createHTML('1');
  231. } catch (e) {
  232.   trustHTMLErr = e;
  233. }
  234.  
  235. if (trustHTMLErr) {
  236.   console.log(`trustHTMLErr`, trustHTMLErr);
  237.   trustHTMLErr(); // exit userscript
  238. }
  239.  
  240. if (typeof window === 'object') {
  241.   function script3278() {
  242.     const DISABLE_FLAGS_SHADYDOM_FREE = true;
  243.  
  244.     /**
  245.      * 
  246.      * Minified Code from https://gf.qytechs.cn/en/scripts/475632-ytconfighacks/code (ytConfigHacks)
  247.      * Date: 2024.04.17
  248.      * Minifier: https://www.toptal.com/developers/javascript-minifier
  249.      * 
  250.      */
  251.     (() => {
  252.       let e = "undefined" != typeof unsafeWindow ? unsafeWindow : this instanceof Window ?
  253.         this : window; if (!e._ytConfigHacks) {
  254.           let t = 4; class n extends Set {
  255.             add(e) {
  256.               if (t <= 0) return console.warn(
  257.                 "yt.config_ is already applied on the page."); "function" == typeof e && super.add(e)
  258.             }
  259.           } let a = (async () => { })()
  260.             .constructor, i = e._ytConfigHacks = new n, l = () => { let t = e.ytcsi.originalYtcsi; t && (e.ytcsi = t, l = null) },
  261.             c = null, o = () => {
  262.               if (t >= 1) {
  263.                 let n = (e.yt || 0).config_ || (e.ytcfg || 0).data_ || 0; if ("string" == typeof n.
  264.                   INNERTUBE_API_KEY && "object" == typeof n.EXPERIMENT_FLAGS) for (let a of (--t <= 0 && l && l(), c = !0, i)) a(n)
  265.               }
  266.             }, f = 1,
  267.             d = t => {
  268.               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]) })
  269.                 , !0
  270.             }; d() || Object.defineProperty(e, "ytcsi", {
  271.               get() { }, set: t => (t && (delete e.ytcsi, d(t)), !0), enumerable: !1, configurable: !0
  272.             }); let { addEventListener: s, removeEventListener: y } = Document.prototype; function r(t) {
  273.               o(),
  274.                 t && e.removeEventListener("DOMContentLoaded", r, !1)
  275.             } new a(e => {
  276.               if ("undefined" != typeof AbortSignal) s.call(document,
  277.                 "yt-page-data-fetched", e, { once: !0 }), s.call(document, "yt-navigate-finish", e, { once: !0 }), s.call(document, "spfdone", e,
  278.                   { once: !0 }); else {
  279.                 let t = () => {
  280.                   e(), y.call(document, "yt-page-data-fetched", t, !1), y.call(document, "yt-navigate-finish", t, !1),
  281.                     y.call(document, "spfdone", t, !1)
  282.                 }; s.call(document, "yt-page-data-fetched", t, !1), s.call(document, "yt-navigate-finish", t, !1),
  283.                   s.call(document, "spfdone", t, !1)
  284.               }
  285.             }).then(o), new a(e => {
  286.               if ("undefined" != typeof AbortSignal) s.call(document, "yt-action", e,
  287.                 { once: !0, capture: !0 }); else { let t = () => { e(), y.call(document, "yt-action", t, !0) }; s.call(document, "yt-action", t, !0) }
  288.             }).then(o),
  289.               a.resolve().then(() => { "loading" !== document.readyState ? r() : e.addEventListener("DOMContentLoaded", r, !1) })
  290.         }
  291.     })();
  292.  
  293.     let configOnce = false;
  294.     window._ytConfigHacks.add((config_) => {
  295.       if (configOnce) return;
  296.       configOnce = true;
  297.  
  298.       const EXPERIMENT_FLAGS = config_.EXPERIMENT_FLAGS || 0;
  299.       const EXPERIMENTS_FORCED_FLAGS = config_.EXPERIMENTS_FORCED_FLAGS || 0;
  300.       for (const flags of [EXPERIMENT_FLAGS, EXPERIMENTS_FORCED_FLAGS]) {
  301.         if (flags) {
  302.           flags.kevlar_watch_metadata_refresh_no_old_secondary_data = false;
  303.           flags.live_chat_overflow_hide_chat = false;
  304.           flags.web_watch_chat_hide_button_killswitch = false;
  305.           flags.web_watch_theater_chat = false; // for re-openable chat (ytd-watch-flexy's liveChatCollapsed is always undefined)
  306.           flags.suppress_error_204_logging = true;
  307.           flags.kevlar_watch_grid = false;  // A/B testing for watch grid
  308.  
  309.           if (DISABLE_FLAGS_SHADYDOM_FREE) {
  310.             flags.enable_shadydom_free_scoped_node_methods = false;
  311.             flags.enable_shadydom_free_scoped_query_methods = false;
  312.             flags.enable_shadydom_free_scoped_readonly_properties_batch_one = false;
  313.             flags.enable_shadydom_free_parent_node = false;
  314.             flags.enable_shadydom_free_children = false;
  315.             flags.enable_shadydom_free_last_child = false;
  316.           }
  317.         }
  318.       }
  319.  
  320.     });
  321.  
  322.  
  323.     // ---- << this.overscrollConfig HACK >>  -----
  324.  
  325.     // 2024.04.19 - Playlist in Single Column Mode cannot be scrolled correctly.
  326.  
  327.     /*
  328.  
  329.       ;function gZb(a, b) {
  330.           b = void 0 === b ? !0 : b;
  331.           a.addEventListener("wheel", hZb);
  332.           a.overscrollConfig = {
  333.               cooldown: b
  334.           }
  335.       }
  336.       function iZb(a) {
  337.           a.overscrollConfig = void 0;
  338.           a.removeEventListener("wheel", hZb)
  339.       }
  340.       function hZb(a) {
  341.           var b = a.deltaY
  342.             , c = a.target
  343.             , d = null;
  344.           if (window.Polymer && window.Polymer.Element) {
  345.               if (c = a.path || a.composedPath && a.composedPath()) {
  346.                   c = g(c);
  347.                   for (var e = c.next(); !e.done && (e = e.value,
  348.                   !jZb(e, b)); e = c.next())
  349.                       if (e.overscrollConfig) {
  350.                           d = e;
  351.                           break
  352.                       }
  353.               }
  354.           } else
  355.               for (; c && !jZb(c, b); ) {
  356.                   if (c.overscrollConfig) {
  357.                       d = c;
  358.                       break
  359.                   }
  360.                   c = c.parentElement
  361.               }
  362.           d && (b = d.overscrollConfig,
  363.           b.cooldown ? (d = a.deltaY,
  364.           c = b.lastDeltaY || 0,
  365.           b.lastDeltaY = d,
  366.           e = b.lastStopped || 0,
  367.           c && e && 0 < c == 0 < d ? Math.abs(c) >= Math.abs(d) ? (d = e + 1200,
  368.           c = !1) : (d = e + 600,
  369.           c = !0) : (d = Date.now() + 600,
  370.           c = !0),
  371.           d > Date.now() && (a.preventDefault(),
  372.           c && (b.lastStopped = Date.now()))) : a.preventDefault())
  373.       }
  374.     */
  375.  
  376.     const insp = o => o ? (o.polymerController || o.inst || o || 0) : (o || 0);
  377.     // const indr = o => insp(o).$ || o.$ || 0;
  378.  
  379.     // let [YouTube JS Engine Tamer] to hack the addEventListener first
  380.     new Promise(resolve => {
  381.       document.addEventListener('yt-action', resolve, { once: true, capture: true });
  382.     }).then(() => {
  383.  
  384.       if (typeof EventTarget.prototype.addEventListener52178 !== 'function' && typeof EventTarget.prototype.addEventListener === 'function') {
  385.  
  386.         EventTarget.prototype.addEventListener52178 = EventTarget.prototype.addEventListener
  387.         EventTarget.prototype.addEventListener = function (type, callback, option = void 0) {
  388.           // M-tabview-youtube.52178
  389.           if (type === 'wheel' && !option && typeof callback === 'function' && this.overscrollConfigDisable === void 0) {
  390.             try {
  391.               this.overscrollConfigDisable = true;
  392.               delete this.overscrollConfig;
  393.               Object.defineProperty(this, 'overscrollConfig', { get() { return undefined }, set(nv) { return true }, configurable: true, enumerable: false });
  394.               const cnt = insp(this);
  395.               if (cnt !== this) {
  396.                 delete cnt.overscrollConfig;
  397.                 Object.defineProperty(cnt, 'overscrollConfig', { get() { return undefined }, set(nv) { return true }, configurable: true, enumerable: false });
  398.               }
  399.             } catch (e) { }
  400.           }
  401.           return this.addEventListener52178(type, callback, option);
  402.         }
  403.  
  404.         // Object.defineProperty( HTMLElement.prototype, 'overscrollConfig' , {get(){return undefined}, set(nv){return true}, configurable: true, enumerable: false})
  405.  
  406.       }
  407.  
  408.     });
  409.  
  410.  
  411.     // ---- << this.overscrollConfig HACK >>  -----
  412.  
  413.  
  414.   }
  415.   let mbutton = document.createElement('button');
  416.   mbutton.setAttribute('onclick', `(${script3278})()`);
  417.   mbutton.click();
  418.  
  419. }
  420.  
  421. -(function (__CONTEXT__) {
  422.   'use strict';
  423.  
  424.   let __Promise__;
  425.   try {
  426.     __Promise__ = (async () => { })().constructor; // due to YouTube's Promise Hack
  427.   } catch (e) {
  428.     throw 'Please update your browser to use Tabview Youtube.';
  429.   }
  430.  
  431.   const fxOperator = (proto, propertyName) => {
  432.     let propertyDescriptorGetter = null;
  433.     try {
  434.       propertyDescriptorGetter = Object.getOwnPropertyDescriptor(proto, propertyName).get;
  435.     } catch (e) { }
  436.     return typeof propertyDescriptorGetter === 'function' ? (e) => propertyDescriptorGetter.call(e) : (e) => e[propertyName];
  437.   };
  438.  
  439.   const fxAPI = (proto, propertyName) => {
  440.     const methodFunc = proto[propertyName];
  441.     return typeof methodFunc === 'function' ? (e, ...args) => methodFunc.apply(e, args) : (e, ...args) => e[propertyName](...args);
  442.   };
  443.  
  444.   const nodeParent = fxOperator(Node.prototype, 'parentNode');
  445.   const nodeFirstChild = fxOperator(Node.prototype, 'firstChild');
  446.   const nodeNextSibling = fxOperator(Node.prototype, 'nextSibling');
  447.   const nodePrevSibling = fxOperator(Node.prototype, 'previousSibling');
  448.  
  449.   // const elementQS = fxAPI(Element.prototype, 'querySelector');
  450.   // const elementQSA = fxAPI(Element.prototype, 'querySelectorAll');
  451.   const elementNextSibling = fxOperator(Element.prototype, 'nextElementSibling');
  452.   // const elementPrevSibling = fxOperator(Element.prototype, 'previousElementSibling');
  453.  
  454.   const docFragmentCreate = Document.prototype.createDocumentFragment;
  455.   const docFragmentAppend = DocumentFragment.prototype.append;
  456.   // const docFragmentPrepend = DocumentFragment.prototype.prepend;
  457.  
  458.   /** @type {PromiseConstructor} */
  459.   const Promise = __Promise__; // YouTube hacks Promise in WaterFox Classic and "Promise.resolve(0)" nevers resolve.
  460.  
  461.   const { requestAnimationFrame, cancelAnimationFrame } = __CONTEXT__;
  462.  
  463.   let _rafPromise = null;
  464.  
  465.   const getRAFPromise = () => _rafPromise || (_rafPromise = new Promise(resolve => {
  466.     requestAnimationFrame(hRes => {
  467.       _rafPromise = null;
  468.       resolve(hRes);
  469.     });
  470.   }));
  471.  
  472.   function inIframe() {
  473.     try {
  474.       return window.self !== window.top;
  475.     } catch (e) {
  476.       return true;
  477.     }
  478.   }
  479.  
  480.   if (inIframe()) return;
  481.  
  482.   if (document.documentElement && document.documentElement.hasAttribute('plugin-tabview-youtube')) {
  483.     console.warn('Multiple instances of Tabview Youtube is attached. [0x7F01]')
  484.     return;
  485.   }
  486.  
  487.   const createPipeline = () => {
  488.     let pipelineMutex = Promise.resolve();
  489.     const pipelineExecution = fn => {
  490.       return new Promise((resolve, reject) => {
  491.         pipelineMutex = pipelineMutex.then(async () => {
  492.           let res;
  493.           try {
  494.             res = await fn();
  495.           } catch (e) {
  496.             console.log('error_F1', e);
  497.             reject(e);
  498.           }
  499.           resolve(res);
  500.         }).catch(console.warn);
  501.       });
  502.     };
  503.     return pipelineExecution;
  504.   };
  505.   const iframePipeline = createPipeline();
  506.  
  507.   
  508.   /*
  509.   const observablePromise = (proc, timeoutPromise) => {
  510.     let promise = null;
  511.     return {
  512.       obtain() {
  513.         if (!promise) {
  514.           promise = new Promise(resolve => {
  515.             let mo = null;
  516.             const f = () => {
  517.               let t = proc();
  518.               if (t) {
  519.                 mo.disconnect();
  520.                 mo.takeRecords();
  521.                 mo = null;
  522.                 resolve(t);
  523.               }
  524.             }
  525.             mo = new MutationObserver(f);
  526.             mo.observe(document, { subtree: true, childList: true })
  527.             f();
  528.             timeoutPromise && timeoutPromise.then(() => {
  529.               resolve(null)
  530.             });
  531.           });
  532.         }
  533.         return promise
  534.       }
  535.     }
  536.   }
  537.   */
  538.  
  539.  
  540.   //if (!$) return;
  541.  
  542.   /**
  543.    * SVG resources:
  544.    * <div>Icons made by <a href="https://www.flaticon.com/authors/smashicons" title="Smashicons">Smashicons</a> from <a href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a></div>
  545.    */
  546.  
  547.   const scriptVersionForExternal = '2022/12/04';
  548.  
  549.   const isMyScriptInChromeRuntime = () => typeof GM === 'undefined' && typeof ((((window || 0).chrome || 0).runtime || 0).getURL) === 'function';
  550.   const isGMAvailable = () => typeof GM !== 'undefined' && !isMyScriptInChromeRuntime();
  551.  
  552.   // https://yqnn.github.io/svg-path-editor/
  553.   // https://vecta.io/nano
  554.  
  555.   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 
  556.   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 
  557.   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 
  558.   0 0 3-1V71h2a12 12 90 0 0 12-12V17a12 12 90 0 0-12-12z"/>`.trim();
  559.  
  560.   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 
  561.   66H9V68h9v10zm0-56H9V12h9v10zm22 56H27V68h13v10zm-3-25V36c0-2 2-3 4-2l12 8c2 1 2 4 0 5l-12 8c-2 1-4 0-4-2zm25 
  562.   25H49V68h13v10zm0-56H49V12h13v10zm18 56h-9V68h9v10zm0-56h-9V12h9v10z"/>`.trim();
  563.  
  564.   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 
  565.   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 
  566.   .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 
  567.   .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 
  568.   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 
  569.   0 0 1.4-.4l-.6 2.2zm-3.8-35.2a1 1 0 010 8.6 1 1 0 010-8.6z"/>`.trim();
  570.  
  571.   const svgPlayList = `<path d="M0 3h12v2H0zm0 4h12v2H0zm0 4h8v2H0zm16 0V7h-2v4h-4v2h4v4h2v-4h4v-2z"/>`.trim();
  572.  
  573.   const svgDiag1 = `<svg stroke="currentColor" fill="none"><path d="M8 2h2v2M7 5l3-3m-6 8H2V8m0 2l3-3"/></svg>`;
  574.   const svgDiag2 = `<svg stroke="currentColor" fill="none"><path d="M7 3v2h2M7 5l3-3M5 9V7H3m-1 3l3-3"/></svg>`;
  575.  
  576.   const REMOVE_DUPLICATE_INFO = true;
  577.   const REMOVE_DUPLICATE_META_RECOMMENDATION = true; /* https://www.youtube.com/watch?v=kGihxscQCPE */
  578.   const MINIVIEW_BROWSER_ENABLE = true;
  579.   const DEBUG_LOG = false;
  580.  
  581.  
  582.   /*
  583.  
  584.   youtube page
  585.  
  586.     = Init::browse
  587.       yt-page-data-fetched
  588.       data-changed...
  589.       yt-page-data-updated
  590.       yt-navigate-finish
  591.       data-changed...
  592.       yt-watch-comments-ready
  593.     
  594.     = browse -> watch
  595.       yt-player-updated
  596.       yt-navigate
  597.       yt-navigate-start
  598.       yt-page-type-changed
  599.       yt-player-updated
  600.       yt-page-data-fetched
  601.       yt-navigate-finish
  602.       data-changed...
  603.       yt-page-data-updated
  604.       data-changed...
  605.       yt-watch-comments-ready
  606.       data-changed...
  607.  
  608.     = watch -> watch
  609.     = click video on meta panel // https://www.youtube.com/watch?v=UY5bp5CNhak; https://www.youtube.com/watch?v=m0WtnU8NVTo
  610.       yt-navigate
  611.       yt-navigate-start
  612.       data-changed
  613.       yt-player-updated
  614.       yt-page-data-fetched
  615.       yt-navigate-finish
  616.       data-changed...
  617.       yt-page-data-updated
  618.       data-changed...
  619.       yt-watch-comments-ready
  620.       data-changed...
  621.  
  622.     = watch -> browse (miniview)
  623.       yt-navigate-cache
  624.       yt-page-data-fetched
  625.       yt-page-type-changed
  626.       yt-page-data-updated
  627.       yt-navigate-finish
  628.  
  629.     = browse (miniview)  -> watch (Restore)
  630.       yt-navigate-cache
  631.       yt-page-data-fetched
  632.       yt-navigate-finish
  633.       yt-page-type-changed
  634.       yt-page-data-updated
  635.       data-changed...
  636.       yt-watch-comments-ready
  637.  
  638.     = watch -> search (miniview)
  639.       yt-navigate
  640.       yt-navigate-start
  641.       data-changed
  642.       yt-page-data-fetched
  643.       yt-page-type-changed
  644.       data-changed
  645.       yt-page-data-updated
  646.       yt-navigate-finish
  647.       data-changed...
  648.  
  649.     = Init::search
  650.       yt-page-data-fetched
  651.       data-changed
  652.       yt-page-data-updated
  653.       yt-navigate-finish
  654.       data-changed...
  655.       yt-watch-comments-ready
  656.  
  657.     = Init::watch
  658.       yt-page-data-fetched
  659.       yt-navigate-finish
  660.       data-changed...
  661.       yt-page-data-updated
  662.       data-changed...
  663.       yt-watch-comments-ready
  664.       yt-player-updated
  665.       data-changed...
  666.  
  667.     = watch -> watch (history back)
  668.       yt-player-updated
  669.       yt-page-data-fetched
  670.       yt-navigate-finish
  671.       data-changed...
  672.       yt-page-data-updated
  673.       data-changed...
  674.       yt-watch-comments-ready
  675.  
  676.     = watch -> click video time // https://www.youtube.com/watch?v=UY5bp5CNhak; https://www.youtube.com/watch?v=m0WtnU8NVTo
  677.       yt-navigate
  678.  
  679.   */
  680.  
  681.  
  682.   function generateRandomID() {
  683.     return Math.floor(Math.random() * 982451653 + 982451653).toString(36);
  684.   }
  685.   function generateRandomTimedID() {
  686.     return `${generateRandomID()}-${Date.now().toString(36)}`;
  687.   }
  688.  
  689.  
  690.   const instanceId = generateRandomTimedID();
  691.  
  692.   const LAYOUT_VAILD = 1;
  693.  
  694.   const LAYOUT_TWO_COLUMNS = 2;
  695.   const LAYOUT_THEATER = 4;
  696.   const LAYOUT_FULLSCREEN = 8;
  697.   const LAYOUT_CHATROOM = 16;
  698.   const LAYOUT_CHATROOM_COLLAPSED = 32;
  699.   const LAYOUT_TAB_EXPANDED = 64;
  700.   const LAYOUT_ENGAGEMENT_PANEL_EXPANDED = 128;
  701.   const LAYOUT_CHATROOM_EXPANDED = 256;
  702.   const LAYOUT_DONATION_SHELF_EXPANDED = 512;
  703.  
  704.  
  705.   const nonCryptoRandStr_base = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
  706.  
  707.   const showMessages_IframeLoaded = false; // typeof GM === 'undefined';
  708.  
  709.   const nullFunc = function () { };
  710.  
  711.  
  712.   let scriptEnable = false;
  713.  
  714.   let comments_loader = 0; // for comment count (might omit)
  715.  
  716.   let cmTime = 0;
  717.   const mTime = Date.now() - 152000000;
  718.  
  719.   //let lastScrollFetch = 0;
  720.   //let lastOffsetTop = 0;
  721.   let mtf_forceCheckLiveVideo_disable = 0;
  722.  
  723.   let tabsUiScript_setclick = false;
  724.   let pageFetchedDataVideoId = null; // integer; for comment checking
  725.   let pageType = null; // pageType = 'watch', 'browse', 'playlist', ...
  726.   let chatroomDetails = null;
  727.   let switchTabActivity_lastTab = null;
  728.  
  729.   let lstTab = null;
  730.  
  731.   let storeLastPanel = null; // WeakRef
  732.  
  733.  
  734.   let mtf_chatBlockQ = null; // for chat layout status change
  735.  
  736.   let enableHoverSliderDetection = false; // for hover slider
  737.  
  738.  
  739.   let firstLoadStatus = 2 | 8; // for page init
  740.  
  741.  
  742.   let m_last_count = ''; // for comment count
  743.  
  744.  
  745.  
  746.   let sVideosITO = null;
  747.  
  748.   /** @type {WeakRef | null} */
  749.   let ytdFlexy = null; // WeakRef
  750.  
  751.   const Q = {}
  752.   const SETTING_DEFAULT_TAB_0 = "#tab-videos"
  753.   const settings = {
  754.     defaultTab: SETTING_DEFAULT_TAB_0
  755.   };
  756.  
  757.   const STORE_VERSION = 1;
  758.   const STORE_key = 'userscript-tabview-settings';
  759.   const key_default_tab = 'my-default-tab';
  760.  
  761.   let hiddenTabsByUserCSS = 0;
  762.   let defaultTabByUserCSS = 0;
  763.   let setupDefaultTabBtnSetting = null;
  764.   let isCommentsTabBtnHidden = false;
  765.  
  766.   let fetchCounts = {
  767.     base: null,
  768.     new: null,
  769.     fetched: false,
  770.     count: null,
  771.   };
  772.  
  773.   let pageLang = 'en';
  774.   const langWords = {
  775.     'en': {
  776.       //'share':'Share',
  777.       'info': 'Info',
  778.       'videos': 'Videos',
  779.       'playlist': 'Playlist'
  780.     },
  781.     'jp': {
  782.       //'share':'共有',
  783.       'info': '情報',
  784.       'videos': '動画',
  785.       'playlist': '再生リスト'
  786.     },
  787.     'tw': {
  788.       //'share':'分享',
  789.       'info': '資訊',
  790.       'videos': '影片',
  791.       'playlist': '播放清單'
  792.     },
  793.     'cn': {
  794.       //'share':'分享',
  795.       'info': '资讯',
  796.       'videos': '视频',
  797.       'playlist': '播放列表'
  798.     },
  799.     'du': {
  800.       //'share':'Teilen',
  801.       'info': 'Info',
  802.       'videos': 'Videos',
  803.       'playlist': 'Playlist'
  804.     },
  805.     'fr': {
  806.       //'share':'Partager',
  807.       'info': 'Info',
  808.       'videos': 'Vidéos',
  809.       'playlist': 'Playlist'
  810.     },
  811.     'kr': {
  812.       //'share':'공유',
  813.       'info': '정보',
  814.       'videos': '동영상',
  815.       'playlist': '재생목록'
  816.     },
  817.     'ru': {
  818.       //'share':'Поделиться',
  819.       'info': 'Описание',
  820.       'videos': 'Видео',
  821.       'playlist': 'Плейлист'
  822.     }
  823.   };
  824.  
  825.   const getGMT = () => {
  826.     let m = new Date('2023-01-01T00:00:00Z');
  827.     return m.getDate() === 1 ? `+${m.getHours()}` : `-${24 - m.getHours()}`;
  828.   };
  829.  
  830.   function durationInfoTS(durationInfo) {
  831.     /**
  832.      * @type {{ hrs: number, mins: number, seconds: number }}
  833.      */
  834.     let _durationInfo = durationInfo
  835.     return _durationInfo
  836.   }
  837.  
  838.   function formatDateReqTS(req) {
  839.     /**
  840.      * @type {{ bd1: KDate | undefined, bd2: KDate | undefined, isSameDay: number | undefined, durationInfo: object | undefined, formatDates: object | undefined }}
  841.      */
  842.     let _req = req
  843.     return _req
  844.   }
  845.  
  846.   function liveDurationLocaleEN(durationInfo) {
  847.  
  848.     const { hrs, mins, seconds } = durationInfoTS(durationInfo)
  849.     let ret = []
  850.     ret.push(`Length:`)
  851.     if (hrs > 0) ret.push(`${hrs} ${hrs === 1 ? 'hour' : 'hours'}`)
  852.     if (mins > 0) ret.push(`${mins} ${mins === 1 ? 'minute' : 'minutes'}`)
  853.     if (seconds !== null) ret.push(`${seconds} ${seconds === 1 ? 'second' : 'seconds'}`)
  854.     return ret.join(' ')
  855.   }
  856.  
  857.   /* liveDurationLocaleEN by ChatGPT @ 2023.05.11 */
  858.   function liveDurationLocaleJP(durationInfo) {
  859.  
  860.     const { hrs, mins, seconds } = durationInfoTS(durationInfo);
  861.     let ret = [];
  862.     ret.push(`長さ：`);
  863.     if (hrs > 0) ret.push(`${hrs}時間`);
  864.     if (mins > 0) ret.push(`${mins}分`);
  865.     if (seconds !== null) ret.push(`${seconds}秒`);
  866.     return ret.join('');
  867.  
  868.   }
  869.  
  870.   function formatDateResultEN(type, req) {
  871.  
  872.     const { bd1, bd2, durationInfo, formatDates } = formatDateReqTS(req)
  873.  
  874.     switch (type) {
  875.       case 0x200:
  876.         return [
  877.           `The livestream was in ${bd1.lokStringDateEN()} from ${bd1.lokStringTime()} to ${bd2.lokStringTime()}. [GMT${getGMT()}]`,
  878.           liveDurationLocaleEN(durationInfo)
  879.         ].join('\n');
  880.       case 0x210:
  881.         return [
  882.           `The livestream was from ${bd1.lokStringDateEN()} ${bd1.lokStringTime()} to ${bd2.lokStringDateEN()} ${bd2.lokStringTime()}. [GMT${getGMT()}]`,
  883.           liveDurationLocaleEN(durationInfo)
  884.         ].join('\n');
  885.       case 0x300:
  886.         return `The livestream started at ${bd1.lokStringTime()} [GMT${getGMT()}] in ${bd1.lokStringDateEN()}.`;
  887.       case 0x600:
  888.         return `The video was uploaded in ${formatDates.uploadDate} and published in ${formatDates.publishDate}.`;
  889.       case 0x610:
  890.         return `The video was uploaded in ${formatDates.uploadDate}.`;
  891.       case 0x700:
  892.         return `The video was published in ${formatDates.publishDate}.`;
  893.     }
  894.     return '';
  895.  
  896.   }
  897.  
  898.   /* formatDateResultJP by ChatGPT @ 2023.05.11 */
  899.  
  900.   function formatDateResultJP(type, req) {
  901.  
  902.     const { bd1, bd2, durationInfo, formatDates } = formatDateReqTS(req);
  903.  
  904.     switch (type) {
  905.       case 0x200:
  906.         return [
  907.           `ライブ配信は${bd1.lokStringDateJP()}の${bd1.lokStringTime()}から開始し、${bd2.lokStringTime()}まで続きました。[GMT${getGMT()}]`,
  908.           liveDurationLocaleJP(durationInfo)
  909.         ].join('\n');
  910.       case 0x210:
  911.         return [
  912.           `ライブ配信は${bd1.lokStringDateJP()}の${bd1.lokStringTime()}から${bd2.lokStringDateJP()}の${bd2.lokStringTime()}まで行われました。[GMT${getGMT()}]`,
  913.           liveDurationLocaleJP(durationInfo)
  914.         ].join('\n');
  915.       case 0x300:
  916.         return `ライブ配信は${bd1.lokStringDateJP()}の${bd1.lokStringTime()}から開始しました。[GMT${getGMT()}]`;
  917.       case 0x600:
  918.         return `この動画は${formatDates.uploadDate}にアップロードされ、${formatDates.publishDate}に公開されました。`;
  919.       case 0x610:
  920.         return `この動画は${formatDates.uploadDate}にアップロードされました。`;
  921.       case 0x700:
  922.         return `この動画は${formatDates.publishDate}に公開されました。`;
  923.     }
  924.     return '';
  925.  
  926.   }
  927.  
  928.   function getFormatDateResultFunc() {
  929.     switch (getLang()) {
  930.       case 'jp':
  931.         return formatDateResultJP;
  932.       case 'en':
  933.       default:
  934.         return formatDateResultEN;
  935.     }
  936.   }
  937.  
  938.  
  939.   // const S_GENERAL_RENDERERS = ['YTD-TOGGLE-BUTTON-RENDERER', 'YTD-MENU-RENDERER']
  940.  
  941.   let globalHook_symbols = [];
  942.   let globalHook_hashs = {};
  943.  
  944.  
  945.   let singleColumnScrolling_dt = 0;
  946.  
  947.   let isStickyHeaderEnabled = false;
  948.   let isMiniviewForStickyHeadEnabled = false;
  949.  
  950.   let theater_mode_changed_dt = 0;
  951.   let detailsTriggerReset = false;
  952.  
  953.  
  954.   let isMakeHeaderFloatCalled = false;
  955.  
  956.   let _viTimeNum = 203;
  957.   let _updateTimeAccum = 0;
  958.  
  959.   /** @type {WeakMap<HTMLElement>} */
  960.   let loadedCommentsDT = new WeakMap();
  961.  
  962.  
  963.  
  964.   // for weakref variable management
  965.   const es = {
  966.     get ytdFlexy() {
  967.       /** @type { HTMLElement | null } */
  968.       let res = kRef(ytdFlexy);
  969.       return res;
  970.     },
  971.     get storeLastPanel() {
  972.       /** @type { HTMLElement | null } */
  973.       let res = kRef(storeLastPanel);
  974.       return res;
  975.     }
  976.   }
  977.  
  978.  
  979.   const _console = new Proxy(console, {
  980.     get(target, prop, receiver) {
  981.       if (!DEBUG_LOG && prop === 'log') {
  982.         return nullFunc
  983.       }
  984.       return Reflect.get(...arguments)
  985.     }
  986.   });
  987.  
  988.   let generalLog901 = !DEBUG_LOG ? 0 : (evt) => {
  989.     _console.log(901, evt.type)
  990.   }
  991.   const isPassiveArgSupport = (typeof IntersectionObserver === 'function');
  992.   // https://caniuse.com/?search=observer
  993.   // https://caniuse.com/?search=addEventListener%20passive
  994.  
  995.   const bubblePassive = isPassiveArgSupport ? { capture: false, passive: true } : false;
  996.   const capturePassive = isPassiveArgSupport ? { capture: true, passive: true } : true;
  997.  
  998.  
  999.   /** @type { (str: string) => (HTMLElement | null) } */
  1000.   const _querySelector = HTMLElement.prototype.__shady_native_querySelector || HTMLElement.prototype.querySelector; // nodeType==1 // since 2022/07/12
  1001.  
  1002.   /** @type { (str: string) => (NodeList) } */
  1003.   const _querySelectorAll = HTMLElement.prototype.__shady_native_querySelectorAll || HTMLElement.prototype.querySelectorAll; // nodeType==1 // since 2022/07/12
  1004.   const closestDOM = HTMLElement.prototype.closest;
  1005.   //const elementRemove = HTMLElement.prototype.remove;
  1006.   //const elementContains = HTMLElement.prototype.contains; // since 2022/07/12
  1007.  
  1008.   const querySelectorFromAnchorX = function (parent, childSelector) {
  1009.     if (!(parent instanceof HTMLElement)) return null;
  1010.     return _querySelector.call(parent, childSelector) || null;
  1011.   }
  1012.   const closestDOMX = function (child, parentSelector) {
  1013.     if (!(child instanceof HTMLElement)) return null;
  1014.     return closestDOM.call(child, parentSelector) || null;
  1015.   }
  1016.  
  1017.  
  1018.   const { elementAppend, _setAttribute, _insertBefore } = (() => {
  1019.     let elementAppend = HTMLElement.prototype.appendChild;
  1020.     try {
  1021.       elementAppend = ShadyDOM.nativeMethods.appendChild || elementAppend;
  1022.     } catch (e) { }
  1023.     let _setAttribute = Element.prototype.setAttribute;
  1024.     try {
  1025.       _setAttribute = ShadyDOM.nativeMethods.setAttribute || _setAttribute;
  1026.     } catch (e) { }
  1027.     let _insertBefore = Node.prototype.insertBefore;
  1028.     try {
  1029.       _insertBefore = ShadyDOM.nativeMethods.insertBefore || _insertBefore;
  1030.     } catch (e) { }
  1031.     return { elementAppend, _setAttribute, _insertBefore };
  1032.   })();
  1033.  
  1034.  
  1035.   const getDMHelper = () => {
  1036.     let _dm = document.getElementById('d-m');
  1037.     if (!_dm) {
  1038.       _dm = document.createElementNS('http://www.w3.org/2000/svg', 'defs');
  1039.       _dm.id = 'd-m';
  1040.       _insertBefore.call(document.documentElement, _dm, document.documentElement.firstChild);
  1041.     }
  1042.     const dm = _dm;
  1043.     dm._setAttribute = _setAttribute;
  1044.     let j = 0;
  1045.     let attributeName_;
  1046.     while (dm.hasAttribute(attributeName_ = `dm-${Math.floor(Math.random() * 314159265359 + 314159265359).toString(36)}`)) {
  1047.       // none
  1048.     }
  1049.     const attributeName = attributeName_;
  1050.     let qr = null;
  1051.     const mo = new MutationObserver(() => {
  1052.       if (qr !== null) {
  1053.         if (j > 8) j = 0;
  1054.         qr = (qr(), null);
  1055.       }
  1056.     });
  1057.     mo.observe(document, { childList: true, subtree: true, attributes: true });
  1058.     return (resolve) => {
  1059.       if (!qr) dm._setAttribute(attributeName, ++j);
  1060.       return qr = resolve;
  1061.       // return qr = afInterupter = resolve;
  1062.     };
  1063.   };
  1064.   const dmPN = getDMHelper();
  1065.  
  1066.   let _dmPromise = null;
  1067.   const getDMPromise = () => {
  1068.     return (_dmPromise || (_dmPromise = (new Promise(dmPN)).then(() => {
  1069.       _dmPromise = null;
  1070.     })))
  1071.   };
  1072.  
  1073.   /**
  1074.    * 
  1075.    * @param {number} f bit flag
  1076.    * @param {number} w bit flag (with)
  1077.    * @param {number} wo bit flag (without)
  1078.    * @returns 
  1079.    */
  1080.   const fT = function (f, w, wo) {
  1081.     return (f & (w | wo)) === w
  1082.   }
  1083.  
  1084.   /* globals WeakRef:false */
  1085.  
  1086.   /** @type {(o: Object | null) => WeakRef | null} */
  1087.   const mWeakRef = typeof WeakRef === 'function' ? (o => o ? new WeakRef(o) : null) : (o => o || null); // typeof InvalidVar == 'undefined'
  1088.  
  1089.   /** @type {(wr: Object | null) => Object | null} */
  1090.   const kRef = (wr => (wr && wr.deref) ? wr.deref() : wr);
  1091.  
  1092.  
  1093.   // function prettyElm(/** @type {Element} */ elm) {
  1094.   //   if (!elm || !elm.nodeName) return null;
  1095.   //   const eId = elm.id || null;
  1096.   //   const eClsName = elm.className || null;
  1097.   //   return [elm.nodeName.toLowerCase(), typeof eId == 'string' ? "#" + eId : '', typeof eClsName == 'string' ? '.' + eClsName.replace(/\s+/g, '.') : ''].join('').trim();
  1098.   // }
  1099.  
  1100.   // function extractTextContent(/** @type {Node} */ elm) {
  1101.   //   return elm.textContent.replace(/\s+/g, '').replace(/[^\da-zA-Z\u4E00-\u9FFF\u00C0-\u00FF\u00C0-\u02AF\u1E00-\u1EFF\u0590-\u05FF\u0400-\u052F\u0E00-\u0E7F\u0600-\u06FF\u0750-\u077F\u1100-\u11FF\u3130-\u318F\uAC00-\uD7AF\u3040-\u30FF\u31F0-\u31FF]/g, '')
  1102.   // }
  1103.  
  1104.   function addScript(/** @type {string} */ scriptText) {
  1105.     const scriptNode = document.createElement('script');
  1106.     scriptNode.type = 'text/javascript';
  1107.     scriptNode.textContent = scriptText;
  1108.     try {
  1109.       document.documentElement.appendChild(scriptNode);
  1110.     } catch (e) {
  1111.       console.log('addScript Error', e)
  1112.     }
  1113.     return scriptNode;
  1114.   }
  1115.  
  1116.   function addScriptByURL(/** @type {string} */ scriptURL) {
  1117.     const scriptNode = document.createElement('script');
  1118.     scriptNode.type = 'text/javascript';
  1119.     scriptNode.src = scriptURL;
  1120.     try {
  1121.       document.documentElement.appendChild(scriptNode);
  1122.     } catch (e) {
  1123.       console.log('addScriptByURL Error', e)
  1124.     }
  1125.     return scriptNode;
  1126.   }
  1127.  
  1128.   // function addStyle(/** @type {string} */ styleText, /** @type {HTMLElement | Document} */ container) {
  1129.   //   const styleNode = document.createElement('style');
  1130.   //   //styleNode.type = 'text/css';
  1131.   //   styleNode.textContent = styleText;
  1132.   //   (container || document.documentElement).appendChild(styleNode);
  1133.   //   return styleNode;
  1134.   // }
  1135.  
  1136.  
  1137.  
  1138.   /*
  1139.  
  1140.   yt-action yt-add-element-to-app yt-autonav-pause-blur yt-autonav-pause-focus
  1141. yt-autonav-pause-guide-closed yt-autonav-pause-guide-opened yt-autonav-pause-player
  1142. yt-autonav-pause-player-ended yt-autonav-pause-scroll yt-autoplay-on-changed
  1143. yt-close-tou-form yt-consent-bump-display-changed yt-focus-searchbox
  1144. yt-get-context-provider yt-guide-close yt-guide-hover yt-guide-toggle
  1145. yt-history-load yt-history-pop yt-load-invalidation-continuation
  1146. yt-load-next-continuation yt-load-reload-continuation yt-load-tou-form
  1147. yt-masthead-height-changed yt-navigate yt-navigate-cache yt-navigate-error
  1148. yt-navigate-finish yt-navigate-redirect yt-navigate-set-page-offset
  1149. yt-navigate-start yt-next-continuation-data-updated yt-open-hotkey-dialog
  1150. yt-open-tou-form-loading-state yt-page-data-fetched yt-page-data-updated
  1151. yt-page-data-will-update yt-page-manager-navigate-start yt-page-navigate-start
  1152. yt-page-type-changed yt-player-attached yt-player-detached yt-player-released
  1153. yt-player-requested yt-player-updated yt-popup-canceled yt-popup-closed
  1154. yt-popup-opened yt-preconnect-urls yt-register-action yt-report-form-closed
  1155. yt-report-form-opened yt-request-panel-mode-change yt-retrieve-location
  1156. yt-service-request-completed yt-service-request-error yt-service-request-sent
  1157. yt-set-theater-mode-enabled yt-show-survey yt-subscription-changed
  1158. yt-swatch-changed yt-theater-mode-allowed yt-unregister-action yt-update-title
  1159. yt-update-unseen-notification-count yt-viewport-scanned yt-visibility-refresh
  1160.  
  1161. */
  1162.  
  1163.  
  1164.   // _console.log(38489)
  1165.  
  1166.   class ControllerIDInner {
  1167.     constructor() {
  1168.       this.q = 0;
  1169.     }
  1170.     set(v) {
  1171.       this.q = v
  1172.     }
  1173.     valueOf() {
  1174.       return this.q;
  1175.     }
  1176.     inc() {
  1177.       if (++this.q > 1e9) this.q = 9;
  1178.       return this.q;
  1179.     }
  1180.   }
  1181.  
  1182.   const ControllerID = () => {
  1183.     return new ControllerIDInner();
  1184.   }
  1185.  
  1186.  
  1187.   const psId = ControllerID();
  1188.   psId.auto = false;
  1189.  
  1190.   const PromiseExternal = ((resolve_, reject_) => {
  1191.     const h = (resolve, reject) => { resolve_ = resolve; reject_ = reject };
  1192.     return class PromiseExternal extends Promise {
  1193.       constructor(cb = h) {
  1194.         super(cb);
  1195.         if (cb === h) {
  1196.           /** @type {(value: any) => void} */
  1197.           this.resolve = resolve_;
  1198.           /** @type {(reason?: any) => void} */
  1199.           this.reject = reject_;
  1200.         }
  1201.       }
  1202.     };
  1203.   })();
  1204.  
  1205.   const tabsInsertedPromise = new PromiseExternal();
  1206.  
  1207.   let chatController = {
  1208.     allowChatControl: true
  1209.   };
  1210.  
  1211.   class Deferred {
  1212.     constructor() {
  1213.       this.reset();
  1214.     }
  1215.     debounce(f, controllerId) {
  1216.       let g = f;
  1217.       if (controllerId) {
  1218.         const tid = controllerId.auto === false ? controllerId.valueOf() : controllerId.inc();
  1219.         g = () => (tid === controllerId.valueOf() ? f() : 0);
  1220.       }
  1221.       return this.promise.then().then(g).catch(console.warn); // avoid promise.then.then.then ...
  1222.     }
  1223.     d() {
  1224.       return this.promise.then().catch(console.warn);
  1225.     }
  1226.     reset() {
  1227.       this.resolved = false;
  1228.       this.promise = new PromiseExternal();
  1229.     }
  1230.     resolve() {
  1231.       if (this.resolved !== false) return false;
  1232.       this.resolved = true;
  1233.       this.promise.resolve(...arguments);
  1234.       return true;
  1235.     }
  1236.   }
  1237.  
  1238.   class Mutex {
  1239.  
  1240.     constructor() {
  1241.       this.p = Promise.resolve()
  1242.     }
  1243.  
  1244.     lockWith(f) {
  1245.  
  1246.       this.p = this.p.then(() => {
  1247.         return new Promise(f).catch(console.warn)
  1248.       })
  1249.     }
  1250.  
  1251.   }
  1252.  
  1253.   const rfKey = Symbol();
  1254.  
  1255.   const ffReflection = (o, c) => {
  1256.     // see https://github.com/erosman/support/issues/526
  1257.     if (o.constructor !== c) {
  1258.       const a = c[rfKey] || (c[rfKey] = Object.keys(Object.getOwnPropertyDescriptors(c.prototype)));
  1259.       for (const k of a) {
  1260.         o[k] = c.prototype[k];
  1261.       }
  1262.     }
  1263.   }
  1264.  
  1265.   /* FireMonkey unable to extend MutationObserver correctly */
  1266.   class AttributeMutationObserver extends MutationObserver {
  1267.     constructor(flist) {
  1268.       super((mutations, observer) => {
  1269.         for (const mutation of mutations) {
  1270.           if (mutation.type === 'attributes') {
  1271.             this.checker(mutation.target, mutation.attributeName)
  1272.           }
  1273.         }
  1274.       })
  1275.       this.flist = flist;
  1276.       this.res = {}
  1277.       ffReflection(this, AttributeMutationObserver);
  1278.     }
  1279.  
  1280.     takeRecords() {
  1281.       super.takeRecords();
  1282.     }
  1283.     disconnect() {
  1284.       this._target = null;
  1285.       super.disconnect();
  1286.     }
  1287.     observe(/** @type {Node} */ target) {
  1288.       if (this._target) return;
  1289.       //console.log(123124, target)
  1290.       this._target = mWeakRef(target);
  1291.  
  1292.       //console.log(123125, kRef(this._target))
  1293.       const options = {
  1294.         attributes: true,
  1295.         attributeFilter: Object.keys(this.flist),
  1296.         //attributeFilter: [ "status", "username" ],
  1297.         attributeOldValue: true
  1298.       }
  1299.       super.observe(target, options)
  1300.     }
  1301.     checker(/** @type {Node} */ target,/** @type {string} */ attributeName) {
  1302.       let nv = target.getAttribute(attributeName);
  1303.       if (this.res[attributeName] !== nv) {
  1304.         this.res[attributeName] = nv
  1305.         let f = this.flist[attributeName];
  1306.         if (f) f(attributeName, nv);
  1307.  
  1308.       }
  1309.     }
  1310.     check(delay = 0) {
  1311.       setTimeout(() => {
  1312.         let target = kRef(this._target)
  1313.         if (target !== null) {
  1314.           for (const key of Object.keys(this.flist)) {
  1315.             this.checker(target, key)
  1316.           }
  1317.         } else {
  1318.           console.log('target is null') //disconnected??
  1319.         }
  1320.         target = null;
  1321.       }, delay)
  1322.     }
  1323.   }
  1324.  
  1325.   class KDate extends Date {
  1326.  
  1327.     constructor(...args) {
  1328.       super(...args)
  1329.       this.dayBack = false
  1330.     }
  1331.  
  1332.     browserSupported() {
  1333.  
  1334.     }
  1335.  
  1336.     lokStringDateEN() {
  1337.       const d = this
  1338.  
  1339.       let y = d.getFullYear()
  1340.       let m = d.getMonth() + 1
  1341.       let date = d.getDate()
  1342.  
  1343.       let sy = y < 1000 ? (`0000${y}`).slice(-4) : '' + y
  1344.  
  1345.       let sm = m < 10 ? '0' + m : '' + m
  1346.       let sd = date < 10 ? '0' + date : '' + date
  1347.  
  1348.       return `${sy}.${sm}.${sd}`
  1349.  
  1350.     }
  1351.  
  1352.     lokStringDateJP() {
  1353.       const d = this
  1354.  
  1355.       let y = d.getFullYear()
  1356.       let m = d.getMonth() + 1
  1357.       let date = d.getDate()
  1358.  
  1359.       let sy = y < 1000 ? (`0000${y}`).slice(-4) : '' + y
  1360.  
  1361.       let sm = m < 10 ? '0' + m : '' + m
  1362.       let sd = date < 10 ? '0' + date : '' + date
  1363.  
  1364.       return `${sy}/${sm}/${sd}`
  1365.  
  1366.     }
  1367.  
  1368.     lokStringTime() {
  1369.       const d = this
  1370.  
  1371.       let h = d.getHours()
  1372.       let m = d.getMinutes()
  1373.  
  1374.       const k = this.dayBack
  1375.  
  1376.       if (k) h += 24
  1377.  
  1378.       let sh = h < 10 ? '0' + h : '' + h
  1379.       let sm = m < 10 ? '0' + m : '' + m
  1380.  
  1381.       return `${sh}:${sm}`
  1382.  
  1383.     }
  1384.  
  1385.   }
  1386.  
  1387.   console.assert('browserSupported' in (new KDate()),
  1388.     { error: "0x87FF", errorMsg: "Your userscript manager is not supported. FireMonkey is not recommended." }
  1389.   );
  1390.  
  1391.   if (!('browserSupported' in (new KDate()))) return;
  1392.  
  1393.   let chromeCSSFiles = null;
  1394.  
  1395.   try {
  1396.     const o = [{
  1397.       id: 'tabview-css-content',
  1398.       path: 'css/style_content.css'
  1399.     }, {
  1400.       id: 'tabview-css-chat',
  1401.       path: 'css/style_chat.css'
  1402.     }, {
  1403.       id: 'tabview-css-control',
  1404.       path: 'css/style_control.css'
  1405.     }];
  1406.  
  1407.     for (const e of o) e.url = chrome.runtime.getURL(e.path) || '';
  1408.  
  1409.     chromeCSSFiles = o;
  1410.  
  1411.   } catch (e) { }
  1412.  
  1413.   if (chromeCSSFiles) {
  1414.     const target = document.head || document.documentElement;
  1415.     for (const { path, url, id } of chromeCSSFiles) {
  1416.  
  1417.       if (url && typeof url === 'string' && url.length > 4) {
  1418.  
  1419.         const link = document.createElement('link');
  1420.         link.id = id;
  1421.         link.rel = 'stylesheet';
  1422.         link.type = 'text/css';
  1423.         link.href = url;
  1424.  
  1425.         target.appendChild(link);
  1426.  
  1427.       }
  1428.  
  1429.     }
  1430.     chromeCSSFiles = null;
  1431.  
  1432.   }
  1433.  
  1434.   /*
  1435.  
  1436.   function fixTheaterChat1() {
  1437.     let incorrectChat = document.querySelector('ytd-watch-flexy[is-two-columns_][theater] ytd-live-chat-frame#chat:not([collapsed])')
  1438.     if (incorrectChat) {
  1439.       scriptletDeferred.debounce(()=>{
  1440.         incorrectChat.dispatchEvent(new CustomEvent("collapsed-true"));
  1441.       });
  1442.     }
  1443.   }
  1444.  
  1445.  
  1446.   function fixTheaterChat2() {
  1447.     let incorrectChat = document.querySelector('ytd-watch-flexy[is-two-columns_][theater] ytd-live-chat-frame#chat[collapsed]')
  1448.     if (incorrectChat) {
  1449.       scriptletDeferred.debounce(()=>{
  1450.         incorrectChat.dispatchEvent(new CustomEvent("collapsed-false"));
  1451.       });
  1452.     }
  1453.   }
  1454.   */
  1455.  
  1456.  
  1457.   function fixTheaterChat1A() {
  1458.     let incorrectChat = document.querySelector('ytd-watch-flexy[is-two-columns_][theater] ytd-live-chat-frame#chat:not([collapsed])')
  1459.     if (incorrectChat) {
  1460.       ytBtnCollapseChat();
  1461.     }
  1462.   }
  1463.  
  1464.  
  1465.   function fixTheaterChat2A() {
  1466.     let incorrectChat = document.querySelector('ytd-watch-flexy[is-two-columns_][theater] ytd-live-chat-frame#chat[collapsed]')
  1467.     if (incorrectChat) {
  1468.       ytBtnExpandChat();
  1469.     }
  1470.   }
  1471.  
  1472.   function check1885() {
  1473.  
  1474.     if (chatController.ytlstmTheaterMode) {
  1475.       if (document.fullscreenElement || document.querySelector('ytd-watch-flexy[fullscreen]')) {
  1476.         chatController.allowChatControl = true;
  1477.         chatController.ytlstmTheaterMode = false;
  1478.         return;
  1479.       }
  1480.     }
  1481.     if (chatController.allowChatControl) {
  1482.       if (document.body.hasAttribute('data-ytlstm-theater-mode')) {
  1483.         chatController.allowChatControl = false;
  1484.         chatController.ytlstmTheaterMode = true;
  1485.       }
  1486.     } else {
  1487.       if (!document.body.hasAttribute('data-ytlstm-theater-mode')) {
  1488.         chatController.allowChatControl = true;
  1489.         chatController.ytlstmTheaterMode = false;
  1490.       }
  1491.     }
  1492.   }
  1493.  
  1494.   function check1886() {
  1495.  
  1496.     let cssContentNode = document.getElementById('tabview-css-content')
  1497.     if (!cssContentNode) return;
  1498.     let cssChatNode = document.getElementById('tabview-css-chat')
  1499.     if (!cssChatNode) return;
  1500.  
  1501.     if (cssContentNode.disabled === false) {
  1502.       if (chatController.ytlstmTheaterMode) {
  1503.         cssContentNode.disabled = true;
  1504.         cssChatNode.disabled = true;
  1505.         let t = document.querySelector('.youtube-genius-lyrics-found-hide-btn');
  1506.         if (t) t.click();
  1507.         ytBtnCloseEngagementPanels();
  1508.         return 1;
  1509.       }
  1510.     } else if (cssContentNode.disabled === true) {
  1511.       if (!chatController.ytlstmTheaterMode) {
  1512.         cssContentNode.disabled = false;
  1513.         cssChatNode.disabled = false;
  1514.         return 2;
  1515.       }
  1516.     }
  1517.  
  1518.   }
  1519.  
  1520.   function dnsPrefetch() {
  1521.  
  1522.     function linker(link, rel, href, _as) {
  1523.       return new Promise(resolve => {
  1524.         if (!link) link = document.createElement('link');
  1525.         link.rel = rel;
  1526.         if (_as) link.setAttribute('as', _as);
  1527.         link.onload = function () {
  1528.           resolve({
  1529.             link: this,
  1530.             success: true
  1531.           })
  1532.           this.remove();
  1533.         };
  1534.         link.onerror = function () {
  1535.           resolve({
  1536.             link: this,
  1537.             success: false
  1538.           });
  1539.           this.remove();
  1540.         };
  1541.         link.href = href;
  1542.         (document.head || document.documentElement).appendChild(link);
  1543.         link = null;
  1544.       });
  1545.     }
  1546.  
  1547.     new Promise(resolve => {
  1548.  
  1549.       if (document.documentElement) {
  1550.         resolve();
  1551.       } else {
  1552.  
  1553.         let mo = new MutationObserver(() => {
  1554.           if (mo !== null && document.documentElement) {
  1555.             mo.takeRecords();
  1556.             mo.disconnect();
  1557.             mo = null;
  1558.             resolve();
  1559.           }
  1560.         });
  1561.         mo.observe(document, { childList: true, subtree: false })
  1562.  
  1563.       }
  1564.  
  1565.     }).then(() => {
  1566.  
  1567.       const hosts = [
  1568.         'https://i.ytimg.com',
  1569.         'https://www.youtube.com',
  1570.         'https://rr2---sn-5n5ip-ioqd.googlevideo.com',
  1571.         'https://googlevideo.com',
  1572.         'https://accounts.youtube.com',
  1573.         'https://jnn-pa.googleapis.com',
  1574.         'https://googleapis.com',
  1575.         'https://fonts.gstatic.com',
  1576.         'https://www.gstatic.com',
  1577.         'https://yt3.ggpht.com',
  1578.         'https://yt4.ggpht.com'
  1579.       ]
  1580.       for (const h of hosts) {
  1581.  
  1582.  
  1583.         linker(null, 'preconnect', h);
  1584.  
  1585.       }
  1586.  
  1587.  
  1588.  
  1589.     });
  1590.   }
  1591.   dnsPrefetch();
  1592.  
  1593.   const tabsDeferred = new Deferred();
  1594.   tabsDeferred.resolve();
  1595.  
  1596.   const discardableFn = function (f) { // logic to be reviewed; unstable
  1597.     if (!scriptEnable && tabsDeferred.resolved) { } // ignore all before first yt-navigate-finished
  1598.     else tabsDeferred.debounce(f, psId);
  1599.   }
  1600.  
  1601.   let layoutStatusMutex = new Mutex();
  1602.  
  1603.   let sliderMutex = new Mutex();
  1604.   const renderDeferred = new Deferred(); //pageRendered
  1605.   let pageRendered = 0;
  1606.   let renderIdentifier = ControllerID();
  1607.   renderIdentifier.auto = false;
  1608.  
  1609.   const scriptletDeferred = new Deferred();
  1610.  
  1611.  
  1612.   function scriptInjector(script_id, url_chrome, response_id) {
  1613.  
  1614.     let res = {
  1615.       script_id: script_id,
  1616.       inject: function () {
  1617.  
  1618.         let res = this, script_id = this.script_id;
  1619.  
  1620.         if (!document.querySelector(`script#${script_id}`)) {
  1621.           if (res.runtime_url) {
  1622.             addScriptByURL(res.runtime_url).id = script_id;
  1623.           } else {
  1624.             addScript(`${res.injection_script}`).id = script_id;
  1625.           }
  1626.         }
  1627.  
  1628.       }
  1629.     }
  1630.     res.script_id = script_id;
  1631.  
  1632.     if (isMyScriptInChromeRuntime()) {
  1633.       res.runtime_url = window.chrome.runtime.getURL(url_chrome)
  1634.     } else {
  1635.       res.injection_script = GM_getResourceText(response_id);
  1636.     }
  1637.  
  1638.     return res;
  1639.  
  1640.  
  1641.   }
  1642.  
  1643.   const script_inject_js1 = scriptInjector(
  1644.     'userscript-tabview-injection-1',
  1645.     'js/injection_script_1.js',
  1646.     "injectionJS1");
  1647.  
  1648.   let scriptReady = false;
  1649.   scriptletDeferred.debounce(() => {
  1650.     scriptReady = true;
  1651.   });
  1652.   const sendToPageScriptPendings = new Map();
  1653.   async function sendToPageScript(element, id, ...args) {
  1654.     if (!scriptReady) {
  1655.       const tid = (sendToPageScriptPendings.get(id) || 0) + 1
  1656.       sendToPageScriptPendings.set(id, tid);
  1657.       await scriptletDeferred.d();
  1658.       const cid = sendToPageScriptPendings.get(id);
  1659.       if (tid !== cid) return;
  1660.     }
  1661.     element.dispatchEvent(new CustomEvent("tabview-page-script", {
  1662.       detail: {
  1663.         id: id,
  1664.         args: args.length ? args : null
  1665.       }
  1666.     }));
  1667.   }
  1668.  
  1669.  
  1670.   function nonCryptoRandStr(/** @type {number} */ n) {
  1671.     const result = new Array(n);
  1672.     const baseStr = nonCryptoRandStr_base;
  1673.     const bLen = baseStr.length;
  1674.     for (let i = 0; i < n; i++) {
  1675.       let t = null
  1676.       do {
  1677.         t = baseStr.charAt(Math.floor(Math.random() * bLen));
  1678.       } while (i === 0 && 10 - t > 0)
  1679.       result[i] = t;
  1680.     }
  1681.     return result.join('');
  1682.   }
  1683.  
  1684.   const uidMAP = new Map();
  1685.  
  1686.   function uidGEN(s) {
  1687.     let uid = uidMAP.get(s);
  1688.     if (!uid) {
  1689.       const uidStore = ObserverRegister.uidStore;
  1690.       do {
  1691.         uid = nonCryptoRandStr(5);
  1692.       } while (uidStore[uid])
  1693.       uidMAP.set(s, uid);
  1694.     }
  1695.     return uid;
  1696.   }
  1697.  
  1698.   /**
  1699.    * Class definition
  1700.    * @property {string} propName - propriety description
  1701.    * ...
  1702.    */
  1703.   class ObserverRegister {
  1704.  
  1705.     constructor(/** @type {()=>MutationObserver | IntersectionObserver} */ observerCreator) {
  1706.       let uid = null;
  1707.       const uidStore = ObserverRegister.uidStore;
  1708.       do {
  1709.         uid = nonCryptoRandStr(5);
  1710.       } while (uidStore[uid])
  1711.       uidStore[uid] = true;
  1712.  
  1713.       /**
  1714.        * uid is the unique string for each observer
  1715.        * @type {string}
  1716.        * @public
  1717.        */
  1718.       this.uid = uid;
  1719.  
  1720.       /**
  1721.        * observerCreator is a function to create the observer
  1722.        * @type {Function}
  1723.        * @public
  1724.        */
  1725.       this.observerCreator = observerCreator
  1726.  
  1727.       /**
  1728.        * observer is the actual observer object
  1729.        * @type {MutationObserver | IntersectionObserver}
  1730.        * @public
  1731.        */
  1732.       this.observer = null;
  1733.       this.bindCount = 0;
  1734.       ffReflection(this, ObserverRegister);
  1735.     }
  1736.     bindElement(/** @type {HTMLElement} */ elm, ...args) {
  1737.       if (elm.hasAttribute(`o3r-${this.uid}`)) return false;
  1738.       elm.setAttribute(`o3r-${this.uid}`, '')
  1739.       this.bindCount++;
  1740.       if (this.observer === null) {
  1741.         this.observer = this.observerCreator();
  1742.       }
  1743.       this.observer.observe(elm, ...args)
  1744.       return true
  1745.     }
  1746.     clear(/** @type {boolean} */ flag) {
  1747.       if (this.observer !== null) {
  1748.         //const uidStore = ObserverRegister.uidStore;
  1749.         if (flag === true) {
  1750.           this.observer.takeRecords();
  1751.           this.observer.disconnect();
  1752.         }
  1753.         this.observer = null;
  1754.         this.bindCount = 0;
  1755.         for (const s of document.querySelectorAll(`[o3r-${this.uid}]`)) s.removeAttribute(`o3r-${this.uid}`)
  1756.         //uidStore[this.uid]=false;
  1757.         //this.uid = null;
  1758.       }
  1759.     }
  1760.   }
  1761.  
  1762.   /**
  1763.  * 'uidStore' is the static store of strings used.
  1764.  * @static
  1765.  */
  1766.   ObserverRegister.uidStore = {}; // backward compatible with FireFox 55.
  1767.  
  1768.  
  1769.   const mtoObservationDetails = new ObserverRegister(() => {
  1770.     return new IntersectionObserver(ito_details, {
  1771.       root: null,
  1772.       rootMargin: "0px"
  1773.     })
  1774.   });
  1775.  
  1776.  
  1777.   const mtoFlexyAttr = new ObserverRegister(() => {
  1778.     return new MutationObserver(mtf_attrFlexy)
  1779.   });
  1780.  
  1781.   const mtoBodyAttr = new ObserverRegister(() => {
  1782.     return new MutationObserver(mtf_attrBody)
  1783.   });
  1784.  
  1785.   const mtoVisibility_EngagementPanel = new ObserverRegister(() => {
  1786.     return new MutationObserver(FP.mtf_attrEngagementPanel)
  1787.   });
  1788.  
  1789.   const mtoVisibility_Playlist = new ObserverRegister(() => {
  1790.     return new AttributeMutationObserver({
  1791.       "hidden": FP.mtf_attrPlaylist
  1792.     })
  1793.   })
  1794.   const sa_playlist = mtoVisibility_Playlist.uid;
  1795.  
  1796.   const mtoVisibility_Comments = new ObserverRegister(() => {
  1797.     return new AttributeMutationObserver({
  1798.       "hidden": FP.mtf_attrComments
  1799.     })
  1800.   })
  1801.   const sa_comments = mtoVisibility_Comments.uid;
  1802.  
  1803.  
  1804.   const mtoVisibility_Chatroom = new ObserverRegister(() => {
  1805.     return new AttributeMutationObserver({
  1806.       "collapsed": FP.mtf_attrChatroom
  1807.     })
  1808.   })
  1809.   // const sa_chatroom = mtoVisibility_Chatroom.uid;
  1810.  
  1811.  
  1812.  
  1813.  
  1814.   function isDOMVisible(/** @type {HTMLElement} */ elem) {
  1815.     // jQuery version : https://github.com/jquery/jquery/blob/a684e6ba836f7c553968d7d026ed7941e1a612d8/src/css/hiddenVisibleSelectors.js
  1816.     return !!(elem.offsetWidth || elem.offsetHeight || elem.getClientRects().length);
  1817.   }
  1818.  
  1819.   function isNonEmptyString(s) {
  1820.     return typeof s == 'string' && s.length > 0;
  1821.   }
  1822.  
  1823.   async function dispatchWindowResize() {
  1824.     // for youtube to detect layout resize for adjusting Player tools
  1825.     return window.dispatchEvent(new Event('resize'));
  1826.   }
  1827.  
  1828.   async function dispatchCommentRowResize() {
  1829.  
  1830.     if (pageType !== "watch") return;
  1831.  
  1832.     const ytdFlexyElm = es.ytdFlexy;
  1833.     if (!ytdFlexyElm) return;
  1834.     if (ytdFlexyElm.getAttribute('tyt-tab') !== '#tab-comments') return;
  1835.  
  1836.     sendToPageScript(document, 'tabview-resize-comments-rows');
  1837.  
  1838.  
  1839.   }
  1840.  
  1841.   function enterPIP(video, errorHandler) { // ignore audio
  1842.     return new Promise(resolve => {
  1843.       if (video && typeof video.requestPictureInPicture === 'function' && typeof document.exitPictureInPicture === 'function') {
  1844.         if (isVideoPlaying(video) && document.pictureInPictureElement === null) {
  1845.           video.requestPictureInPicture().then(res => {
  1846.             resolve(true);
  1847.           }).catch((e) => {
  1848.             if (errorHandler === undefined) console.warn(e);
  1849.             else if (typeof errorHandler == 'function') errorHandler(e);
  1850.             resolve(false);
  1851.           });
  1852.         } else {
  1853.           resolve(false);
  1854.         }
  1855.       } else {
  1856.         resolve(null);
  1857.       }
  1858.     })
  1859.   }
  1860.  
  1861.   function exitPIP() {
  1862.     if (document.pictureInPictureElement !== null && typeof document.exitPictureInPicture === 'function') {
  1863.       document.exitPictureInPicture().then(res => {
  1864.  
  1865.       }).catch(console.warn)
  1866.     }
  1867.   }
  1868.  
  1869.   function setToggleBtnTxt() {
  1870.  
  1871.     if (chatroomDetails && typeof chatroomDetails.txt_expand === 'string' && typeof chatroomDetails.txt_collapse === 'string') { // toggle button (show-hide-button)
  1872.       // _console.log(124234, 'c=== ')
  1873.  
  1874.       let chat = document.querySelector('ytd-live-chat-frame#chat');
  1875.       if (!chat) return;
  1876.       let txt = _querySelector.call(chat, 'span.yt-core-attributed-string[role="text"]');
  1877.       let c = (txt || 0).textContent;
  1878.  
  1879.       if (typeof c === 'string' && c.length > 2) {
  1880.         if (chat.hasAttribute('collapsed')) {
  1881.           // _console.log(124234, 'collapsed show expand ', chatroomDetails.txt_expand)
  1882.           if (c !== chatroomDetails.txt_expand) {
  1883.             txt.textContent = chatroomDetails.txt_expand;
  1884.           }
  1885.         } else {
  1886.           // _console.log(124234, 'not collapsed show collapse ', chatroomDetails.txt_collapse)
  1887.           if (c !== chatroomDetails.txt_collapse) {
  1888.             txt.textContent = chatroomDetails.txt_collapse;
  1889.           }
  1890.         }
  1891.       }
  1892.     } else if (chatroomDetails && typeof chatroomDetails.txt_expand === 'string') { // show button only
  1893.  
  1894.  
  1895.       let chat = document.querySelector('ytd-live-chat-frame#chat');
  1896.       if (!chat) return;
  1897.       let txt = _querySelector.call(chat, 'span.yt-core-attributed-string[role="text"]');
  1898.       let c = (txt || 0).textContent;
  1899.  
  1900.       if (typeof c === 'string' && c.length > 2) {
  1901.         if (chat.hasAttribute('collapsed')) {
  1902.           // _console.log(124234, 'collapsed show expand ', chatroomDetails.txt_expand)
  1903.           if (c !== chatroomDetails.txt_expand) {
  1904.             txt.textContent = chatroomDetails.txt_expand;
  1905.           }
  1906.         }
  1907.       }
  1908.  
  1909.     }
  1910.   }
  1911.  
  1912.  
  1913.   function handlerTabExpanderClick() {
  1914.  
  1915.     scriptletDeferred.debounce(() => {
  1916.  
  1917.  
  1918.  
  1919.  
  1920.       async function b() {
  1921.  
  1922.         let h1 = document.documentElement.clientHeight;
  1923.         let h2 = (document.querySelector('#right-tabs') || 0).clientHeight;
  1924.  
  1925.         await Promise.resolve(0);
  1926.         if (h1 > 300 && h2 > 300) {
  1927.           let ratio = h2 / h1; // positive below 1.0
  1928.  
  1929.           return ratio;
  1930.         }
  1931.         return 0;
  1932.       }
  1933.  
  1934.       async function a() {
  1935.  
  1936.  
  1937.         let secondary = document.querySelector('#secondary.ytd-watch-flexy');
  1938.         if (secondary) {
  1939.  
  1940.  
  1941.           if (!secondary.classList.contains('tabview-hover-slider-enable')) {
  1942.  
  1943.             let secondaryInner = _querySelector.call(secondary, '#secondary-inner.ytd-watch-flexy');
  1944.  
  1945.             if (secondaryInner) {
  1946.  
  1947.               if (!secondary.classList.contains('tabview-hover-slider')) {
  1948.                 // without hover
  1949.  
  1950.                 //let rect = secondary.getBoundingClientRect();
  1951.                 //let rectI = secondaryInner.getBoundingClientRect();
  1952.  
  1953.                 secondaryInner.style.setProperty('--tabview-slider-right', `${getSecondaryInnerRight()}px`)
  1954.  
  1955.               }
  1956.  
  1957.               let ratio = await b();
  1958.               if (ratio > 0.0 && ratio <= 1.0) {
  1959.  
  1960.                 secondaryInner.style.setProperty('--ytd-watch-flexy-sidebar-width-d', `${Math.round(100 * ratio * 10) / 10}vw`);
  1961.                 secondary.classList.add('tabview-hover-slider');
  1962.                 secondary.classList.add('tabview-hover-slider-enable');
  1963.  
  1964.                 let video = document.querySelector('#player video'); // ignore audio
  1965.                 enterPIP(video);
  1966.  
  1967.               }
  1968.  
  1969.             }
  1970.  
  1971.  
  1972.           } else {
  1973.  
  1974.  
  1975.             secondary.dispatchEvent(new CustomEvent("tabview-hover-slider-restore"));
  1976.             //console.log(1994)
  1977.  
  1978.           }
  1979.  
  1980.           // no animation event triggered for hover -> enable
  1981.           dispatchCommentRowResize();
  1982.  
  1983.         }
  1984.  
  1985.  
  1986.  
  1987.       }
  1988.  
  1989.  
  1990.       a();
  1991.  
  1992.  
  1993.     })
  1994.  
  1995.  
  1996.   }
  1997.  
  1998.   let global_columns_end_ito = null;
  1999.  
  2000.   function setupHoverSlider(secondary, columns) {
  2001.  
  2002.     if (!secondary || !columns) return;
  2003.     let attrName = `o4r-${uidGEN('tabview-hover-slider-restore')}`;
  2004.  
  2005.     if (secondary.hasAttribute(attrName)) return;
  2006.     secondary.setAttribute(attrName, '');
  2007.  
  2008.     let elmB = document.querySelector('tabview-view-secondary-xpander');
  2009.     if (!elmB) {
  2010.       elmB = document.createElement('tabview-view-secondary-xpander');
  2011.       prependTo(elmB, secondary);
  2012.     }
  2013.  
  2014.     let elmA = document.querySelector('tabview-view-columns-endpos');
  2015.     if (elmA) elmA.remove();
  2016.     elmA = document.createElement('tabview-view-columns-endpos');
  2017.  
  2018.     let itoA = new IntersectionObserver((entries) => {
  2019.       let t = null;
  2020.       let w = enableHoverSliderDetection
  2021.       for (const entry of entries) {
  2022.         if (entry.rootBounds === null) continue;
  2023.         let bcr = entry.boundingClientRect;
  2024.         let rb = entry.rootBounds;
  2025.         t = !entry.isIntersecting && (bcr.left > rb.right) && (rb.left <= 0);
  2026.         // if entries.length>1 (unlikely); take the last intersecting
  2027.         // supplement cond 1. ensure the col element is in the right side
  2028.         // supplement cond 2. ensure column is wide enough for overflow checking
  2029.         // it can also avoid if the layout change happened but attribute not yet changed during the intersection observation
  2030.       }
  2031.  
  2032.       let columns = document.querySelector('#columns.style-scope.ytd-watch-flexy');
  2033.       if (columns) columns.classList.toggle('tyt-column-overflow', t);
  2034.  
  2035.       if (w !== t && t !== null) {
  2036.         // t can be true when the layout enters single column mode
  2037.         enableHoverSliderDetection = t;
  2038.       }
  2039.       //console.log(entries, enableHoverSliderDetection, t)
  2040.     })
  2041.     elementAppend.call(columns, elmA); // append to dom first before observe
  2042.     if ((wls.layoutStatus & LAYOUT_TWO_COLUMNS) === LAYOUT_TWO_COLUMNS) {
  2043.       //to trigger observation at the time layout being changed
  2044.       itoA.observe(elmA);
  2045.     }
  2046.     global_columns_end_ito = itoA;
  2047.  
  2048.  
  2049.     secondary.addEventListener('tabview-hover-slider-restore', function (evt) {
  2050.  
  2051.       let secondary = evt.target;
  2052.  
  2053.       if (!secondary.classList.contains('tabview-hover-slider-enable')) return;
  2054.  
  2055.       let secondaryInner = _querySelector.call(secondary, '#secondary-inner.ytd-watch-flexy')
  2056.  
  2057.       if (!secondaryInner) return;
  2058.  
  2059.       if (secondary.classList.contains('tabview-hover-slider-hover')) {
  2060.  
  2061.         Promise.resolve(0).then(() => {
  2062.           secondaryInner.style.removeProperty('--ytd-watch-flexy-sidebar-width-d');
  2063.         }).then(() => {
  2064.           secondary.classList.remove('tabview-hover-slider-enable')
  2065.           exitPIP();
  2066.         })
  2067.  
  2068.       } else {
  2069.  
  2070.         let secondary = evt.target;
  2071.         secondary.classList.remove('tabview-hover-slider')
  2072.         secondary.classList.remove('tabview-hover-slider-enable')
  2073.  
  2074.         secondaryInner.style.removeProperty('--ytd-watch-flexy-sidebar-width-d');
  2075.         secondaryInner.style.removeProperty('--tabview-slider-right')
  2076.  
  2077.         exitPIP();
  2078.  
  2079.       }
  2080.  
  2081.       getDMPromise().then(() => {
  2082.         updateFloatingSlider()
  2083.       });
  2084.  
  2085.     }, false);
  2086.  
  2087.   }
  2088.  
  2089.   function addTabExpander(tabContent) {
  2090.  
  2091.     if (!tabContent) return null;
  2092.     let id = tabContent.id;
  2093.     if (!id || typeof id !== 'string') return null;
  2094.  
  2095.     if (_querySelector.call(tabContent, `#${id} > tabview-view-tab-expander`)) return false;
  2096.  
  2097.     let elm = document.createElement('tabview-view-tab-expander')
  2098.     prependTo(elm, tabContent);
  2099.     elm.innerHTML = createHTML(`<div>${svgElm(16, 16, 12, 12, svgDiag1, 'svg-expand')}${svgElm(16, 16, 12, 12, svgDiag2, 'svg-collapse')}</div>`);
  2100.     elm.addEventListener('click', handlerTabExpanderClick, false);
  2101.     return true;
  2102.  
  2103.   }
  2104.  
  2105.   function getColumnOverflowWidth() {
  2106.  
  2107.     let screenWidth = document.documentElement.getBoundingClientRect().width;
  2108.  
  2109.     let posElm1 = document.querySelector('#secondary.style-scope.ytd-watch-flexy + tabview-view-columns-endpos');
  2110.  
  2111.     if (posElm1) {
  2112.  
  2113.       let offset = posElm1.getBoundingClientRect().x - screenWidth;
  2114.       return offset
  2115.  
  2116.     }
  2117.     return null
  2118.   }
  2119.  
  2120.   function getSecondaryInnerRight() {
  2121.  
  2122.     let posElm1 = document.querySelector('#secondary.style-scope.ytd-watch-flexy + tabview-view-columns-endpos');
  2123.  
  2124.     let posElm2 = document.querySelector('#secondary.style-scope.ytd-watch-flexy > tabview-view-secondary-xpander');
  2125.  
  2126.     if (posElm1 && posElm2) {
  2127.  
  2128.       let offset = posElm1.getBoundingClientRect().x - posElm2.getBoundingClientRect().right;
  2129.       return offset
  2130.  
  2131.     }
  2132.     return null
  2133.  
  2134.   }
  2135.  
  2136.   const setFloatingSliderOffset = (secondaryInner) => {
  2137.  
  2138.  
  2139.     let posElm1 = document.querySelector('#secondary.style-scope.ytd-watch-flexy + tabview-view-columns-endpos');
  2140.  
  2141.     let posElm2 = document.querySelector('#secondary.style-scope.ytd-watch-flexy > tabview-view-secondary-xpander');
  2142.  
  2143.     if (posElm1 && posElm2) {
  2144.  
  2145.       let offset = getColumnOverflowWidth();
  2146.  
  2147.       let k = 1.0
  2148.       if (offset >= 125) {
  2149.         k = 1.0
  2150.       } else if (offset >= 75) {
  2151.         k = 1.0;
  2152.       } else if (offset >= 25) {
  2153.         k = 0.25;
  2154.       } else {
  2155.         k = 0.0
  2156.       }
  2157.       secondaryInner.style.setProperty('--tabview-slider-offset-k2', `${k}`);
  2158.       secondaryInner.style.setProperty('--tabview-slider-offset', `${offset}px`) // unnecessary 
  2159.  
  2160.       let oriWidth = posElm2.getBoundingClientRect().width;
  2161.       secondaryInner.style.setProperty('--tabview-slider-ow', `${oriWidth}px`)
  2162.  
  2163.       let s1 = 'var(--ytd-watch-flexy-sidebar-width-d)';
  2164.       // new width 
  2165.  
  2166.       let s2 = `var(--tabview-slider-ow)`;
  2167.       // ori width - youtube changing the code -> not reliable to use css prop.
  2168.  
  2169.       let s3 = `${offset}px`;
  2170.       // how many px wider than the page
  2171.  
  2172.       secondaryInner.style.setProperty('--tabview-slider-offset-actual', `calc(${s1} - ${s2} + ${s3})`)
  2173.  
  2174.     }
  2175.  
  2176.   }
  2177.  
  2178.   async function updateFloatingSlider_A(secondaryInner) {
  2179.  
  2180.     // [is-extra-wide-video_]
  2181.     await getDMPromise(); // time allowed for dom changes and value change of enableHoverSliderDetection    
  2182.  
  2183.     let secondary = nodeParent(secondaryInner);
  2184.     if (!secondary) return;
  2185.  
  2186.     if (secondary.classList.contains('tabview-hover-slider-enable')) {
  2187.       return;
  2188.     }
  2189.  
  2190.     if (!secondary.matches('#columns.ytd-watch-flexy #primary.ytd-watch-flexy ~ #secondary.ytd-watch-flexy')) {
  2191.       return;
  2192.     }
  2193.  
  2194.     const bool = enableHoverSliderDetection === true;
  2195.     const hasClassHover = secondary.classList.contains('tabview-hover-slider-hover') === true;
  2196.  
  2197.     if (bool || hasClassHover) {
  2198.     } else {
  2199.       return;
  2200.     }
  2201.  
  2202.     await Promise.resolve(0);
  2203.  
  2204.     secondary.classList.add('tabview-hover-final')
  2205.  
  2206.     if (hasClassHover && !bool) {
  2207.       secondaryInner.style.removeProperty('--tabview-slider-right')
  2208.       secondaryInner.style.removeProperty('--tabview-slider-offset')
  2209.     } else {
  2210.  
  2211.       if (!hasClassHover) {
  2212.         secondaryInner.style.setProperty('--tabview-slider-right', `${getSecondaryInnerRight()}px`)
  2213.       }
  2214.  
  2215.       setFloatingSliderOffset(secondaryInner);
  2216.     }
  2217.  
  2218.     if (bool ^ hasClassHover) {
  2219.       secondary.classList.toggle('tabview-hover-slider', bool)
  2220.       secondary.classList.toggle('tabview-hover-slider-hover', bool)
  2221.     }
  2222.  
  2223.     await Promise.resolve(0);
  2224.  
  2225.  
  2226.     setTimeout(() => {
  2227.       secondary.classList.remove('tabview-hover-final')
  2228.     }, 350)
  2229.  
  2230.  
  2231.   }
  2232.  
  2233.  
  2234.   function updateFloatingSlider() {
  2235.  
  2236.     let secondaryInner = document.querySelector('ytd-watch-flexy[flexy][is-two-columns_] #secondary-inner.ytd-watch-flexy')
  2237.  
  2238.     if (!secondaryInner) return;
  2239.  
  2240.     let secondary = nodeParent(secondaryInner);
  2241.     if (!secondary) return;
  2242.  
  2243.     if (secondary.classList.contains('tabview-hover-slider-enable')) {
  2244.       return;
  2245.     }
  2246.  
  2247.     let t = document.documentElement.clientWidth; //integer
  2248.  
  2249.     sliderMutex.lockWith(unlock => {
  2250.  
  2251.       let v = document.documentElement.clientWidth; //integer
  2252.  
  2253.       if (t === v && secondaryInner.matches('body ytd-watch-flexy[flexy][is-two-columns_] #secondary-inner.ytd-watch-flexy')) {
  2254.  
  2255.         updateFloatingSlider_A(secondaryInner).then(unlock);
  2256.       } else {
  2257.         unlock();
  2258.       }
  2259.  
  2260.     })
  2261.  
  2262.   }
  2263.  
  2264.   // iframe loadprocess interupted when expanded -> collasped
  2265.   async function checkChatIframeOnExpanded() {
  2266.     const iframe = document.getElementById('chatframe');
  2267.     if (!(iframe instanceof HTMLIFrameElement)) return;
  2268.     if (((iframeLoadStatusWM.get(iframe) || 0) % 2) === 1) return;
  2269.     await iframePipeline(() => { });
  2270.     if (((iframeLoadStatusWM.get(iframe) || 0) % 2) === 1) return;
  2271.     let iframeLocation;
  2272.     try {
  2273.       iframeLocation = iframe.contentDocument.location;
  2274.     } catch (e) { }
  2275.     if (!iframeLocation) return;
  2276.     if (iframeLocation.href.includes('youtube.com')) {
  2277.  
  2278.       await iframePipeline(async () => {
  2279.         if (((iframeLoadStatusWM.get(iframe) || 0) % 2) === 1) return;
  2280.         await iframeLoadHookHandlerPromise.then();
  2281.         if (iframe.isConnected === true && iframe.matches('body iframe.style-scope.ytd-live-chat-frame#chatframe')) {
  2282.           await iframeLoadProcess(iframe);
  2283.         }
  2284.       });
  2285.  
  2286.     }
  2287.  
  2288.     // console.log(1421, iframeLocation.href);
  2289.   }
  2290.  
  2291.  
  2292.   const canScrollIntoViewWithOptions = (() => {
  2293.  
  2294.     const element = document.createElementNS('http://www.w3.org/2000/svg', 'defs');
  2295.     let i = 0;
  2296.     try {
  2297.       element.scrollIntoView({
  2298.         get behavior() { i++ },
  2299.         get block() { i++ }
  2300.       });
  2301.     } catch (e) {
  2302.  
  2303.     }
  2304.     return i === 2;
  2305.  
  2306.  
  2307.   })();
  2308.   // Chrome >= 61, Edge >= 79, Firefox >= 36, Opera >=48, Safari >=14
  2309.  
  2310.   /** @param {Element} elm */
  2311.   const stableScroll = async (elm, options) => {
  2312.  
  2313.     const f = (p) => `${p.height}|${p.width}|${p.left}|${p.top}`
  2314.     let i = 0;
  2315.     while (i++ < 4) {
  2316.       const p = elm.getBoundingClientRect();
  2317.       const ps = f(p);
  2318.       const rr = new Promise(resolve => {
  2319.         document.addEventListener('scroll', resolve, {
  2320.           capture: true, passive: true, once: true
  2321.         })
  2322.       });
  2323.       elm.scrollIntoView(options);
  2324.       await rr;
  2325.       await new Promise(resolve => {
  2326.         let io = new IntersectionObserver(() => {
  2327.           resolve();
  2328.           io.disconnect();
  2329.           io = null;
  2330.         });
  2331.         io.observe(elm)
  2332.       });
  2333.       const q = elm.getBoundingClientRect();
  2334.       const qs = f(q);
  2335.  
  2336.       if (ps === qs) break;
  2337.     }
  2338.  
  2339.  
  2340.   }
  2341.  
  2342.   const fullScreenTabScrollIntoView = canScrollIntoViewWithOptions ? () => {
  2343.     const scrollElement = document.querySelector('ytd-app[scrolling]')
  2344.     const b = scrollElement && isFullScreen() && isWideScreenWithTwoColumns() && (isChatExpand() || isTabExpanded() || isEngagementPanelExpanded() || isDonationShelfExpanded());
  2345.     if (!b) return;
  2346.     // single column view; click button; scroll to tab content area 100%
  2347.     const rightTabs = document.querySelector('#right-tabs');
  2348.     const pTop = rightTabs.getBoundingClientRect().top - scrollElement.getBoundingClientRect().top
  2349.     if (rightTabs && pTop > 0) {
  2350.       const secondaryInner = rightTabs.closest('#secondary-inner');
  2351.       if (secondaryInner && secondaryInner.getBoundingClientRect().height < document.documentElement.clientHeight && document.documentElement.clientHeight > 80) {
  2352.         stableScroll(secondaryInner, { behavior: "instant", block: "end", inline: "nearest" });
  2353.       }
  2354.     }
  2355.   } : null;
  2356.  
  2357.  
  2358.   function setToActiveTab(defaultTab) {
  2359.     if (isTheater() && isWideScreenWithTwoColumns()) return;
  2360.     const jElm = document.querySelector(`a[tyt-tab-content="${switchTabActivity_lastTab}"]:not(.tab-btn-hidden)`) ||
  2361.       document.querySelector(`a[tyt-tab-content="${(defaultTab || settings.defaultTab)}"]:not(.tab-btn-hidden)`) ||
  2362.       document.querySelector(`a[tyt-tab-content="${(SETTING_DEFAULT_TAB_0)}"]:not(.tab-btn-hidden)`) ||
  2363.       document.querySelector("a[tyt-tab-content]:not(.tab-btn-hidden)") ||
  2364.       null;
  2365.  
  2366.     switchTabActivity(jElm);
  2367.     return !!jElm;
  2368.   }
  2369.  
  2370.   let enableLivePopupCheck = false
  2371.  
  2372.   function layoutStatusChanged(/** @type {number} */ old_layoutStatus, /** @type {number} */ new_layoutStatus) {
  2373.  
  2374.  
  2375.     if ((new_layoutStatus & LAYOUT_TWO_COLUMNS) === 0) makeHeaderFloat();
  2376.  
  2377.     //if (old_layoutStatus === new_layoutStatus) return;
  2378.  
  2379.     const cssElm = es.ytdFlexy;
  2380.  
  2381.     if (!cssElm) return;
  2382.  
  2383.  
  2384.     const BF_TWOCOL_N_THEATER = LAYOUT_TWO_COLUMNS | LAYOUT_THEATER
  2385.  
  2386.     let new_isExpandedChat = !!(new_layoutStatus & LAYOUT_CHATROOM_EXPANDED)
  2387.     let new_isCollapsedChat = !!(new_layoutStatus & LAYOUT_CHATROOM_COLLAPSED) && !!(new_layoutStatus & LAYOUT_CHATROOM)
  2388.  
  2389.     let new_isTabExpanded = !!(new_layoutStatus & LAYOUT_TAB_EXPANDED);
  2390.     let new_isFullScreen = !!(new_layoutStatus & LAYOUT_FULLSCREEN);
  2391.     let new_isExpandedEPanel = !!(new_layoutStatus & LAYOUT_ENGAGEMENT_PANEL_EXPANDED);
  2392.     let new_isExpandedDonationShelf = !!(new_layoutStatus & LAYOUT_DONATION_SHELF_EXPANDED);
  2393.  
  2394.     function showTabOrChat() {
  2395.  
  2396.       layoutStatusMutex.lockWith(unlock => {
  2397.  
  2398.         if (lstTab.lastPanel == '#chatroom') {
  2399.  
  2400.           if (new_isTabExpanded) switchTabActivity(null)
  2401.           if (!new_isExpandedChat) ytBtnExpandChat();
  2402.  
  2403.         } else if (lstTab.lastPanel && lstTab.lastPanel.indexOf('#engagement-panel-') == 0) {
  2404.  
  2405.           if (new_isTabExpanded) switchTabActivity(null)
  2406.           if (!new_isExpandedEPanel) ytBtnOpenEngagementPanel(lstTab.lastPanel);
  2407.  
  2408.         } else if (lstTab.lastPanel == '#donation-shelf') {
  2409.  
  2410.           if (new_isTabExpanded) switchTabActivity(null)
  2411.           if (!new_isExpandedDonationShelf) openDonationShelf();
  2412.  
  2413.         } else {
  2414.  
  2415.           if (new_isExpandedChat) ytBtnCollapseChat()
  2416.           if (!new_isTabExpanded) setToActiveTab();
  2417.  
  2418.         }
  2419.         getDMPromise().then(unlock);
  2420.  
  2421.       })
  2422.     }
  2423.  
  2424.     function hideTabAndChat() {
  2425.  
  2426.       layoutStatusMutex.lockWith(unlock => {
  2427.  
  2428.         if (new_isTabExpanded) switchTabActivity(null)
  2429.         if (new_isExpandedChat) ytBtnCollapseChat()
  2430.         if (new_isExpandedEPanel) ytBtnCloseEngagementPanels();
  2431.         if (new_isExpandedDonationShelf) closeDonationShelf();
  2432.  
  2433.         getDMPromise().then(unlock);
  2434.  
  2435.       })
  2436.  
  2437.     }
  2438.  
  2439.     const statusCollapsedFalse = !!(new_layoutStatus & (LAYOUT_TAB_EXPANDED | LAYOUT_ENGAGEMENT_PANEL_EXPANDED | LAYOUT_DONATION_SHELF_EXPANDED | LAYOUT_CHATROOM_EXPANDED))
  2440.     const statusCollapsedTrue = !statusCollapsedFalse
  2441.  
  2442.     let changes = (old_layoutStatus & LAYOUT_VAILD) ? old_layoutStatus ^ new_layoutStatus : 0;
  2443.  
  2444.     let chat_collapsed_changed = !!(changes & LAYOUT_CHATROOM_COLLAPSED)
  2445.     let chat_expanded_changed = !!(changes & LAYOUT_CHATROOM_EXPANDED)
  2446.     let tab_expanded_changed = !!(changes & LAYOUT_TAB_EXPANDED)
  2447.     let theater_mode_changed = !!(changes & LAYOUT_THEATER)
  2448.     let column_mode_changed = !!(changes & LAYOUT_TWO_COLUMNS)
  2449.     let fullscreen_mode_changed = !!(changes & LAYOUT_FULLSCREEN)
  2450.     let epanel_expanded_changed = !!(changes & LAYOUT_ENGAGEMENT_PANEL_EXPANDED)
  2451.     let ds_expanded_changed = !!(changes & LAYOUT_DONATION_SHELF_EXPANDED)
  2452.  
  2453.     // _console.log(8221, 1, chat_collapsed_changed, chat_expanded_changed, tab_expanded_changed, theater_mode_changed, column_mode_changed, fullscreen_mode_changed, epanel_expanded_changed)
  2454.  
  2455.  
  2456.     //console.log(169, 1, chat_collapsed_changed, tab_expanded_changed)
  2457.     //console.log(169, 2, new_isExpandedChat, new_isCollapsedChat, new_isTabExpanded)
  2458.  
  2459.     let BF_LayoutCh_Panel = (changes & (LAYOUT_TAB_EXPANDED | LAYOUT_CHATROOM_EXPANDED | LAYOUT_ENGAGEMENT_PANEL_EXPANDED | LAYOUT_DONATION_SHELF_EXPANDED))
  2460.     let tab_change = BF_LayoutCh_Panel;
  2461.     let isChatOrTabExpandTriggering = !!((new_layoutStatus) & BF_LayoutCh_Panel);
  2462.     let isChatOrTabCollaspeTriggering = !!((~new_layoutStatus) & BF_LayoutCh_Panel);
  2463.  
  2464.  
  2465.     const moreThanOneShown = (new_isTabExpanded + new_isExpandedChat + new_isExpandedEPanel + new_isExpandedDonationShelf) > 1
  2466.  
  2467.  
  2468.     const base_twoCol_NoTheather_chatExpand_a = LAYOUT_TWO_COLUMNS | LAYOUT_THEATER | LAYOUT_CHATROOM | LAYOUT_CHATROOM_COLLAPSED
  2469.     const base_twoCol_NoTheather_chatExpand_b = LAYOUT_TWO_COLUMNS | 0 | LAYOUT_CHATROOM | 0
  2470.  
  2471.     // two column; not theater; tab collapse; chat expand; ep expand
  2472.     const IF_01a = base_twoCol_NoTheather_chatExpand_a | LAYOUT_TAB_EXPANDED | LAYOUT_ENGAGEMENT_PANEL_EXPANDED;
  2473.     const IF_01b = base_twoCol_NoTheather_chatExpand_b | 0 | LAYOUT_ENGAGEMENT_PANEL_EXPANDED;
  2474.  
  2475.  
  2476.     // two column; not theater; tab collapse; chat expand; ep expand
  2477.     const IF_07a = base_twoCol_NoTheather_chatExpand_a | LAYOUT_TAB_EXPANDED | LAYOUT_DONATION_SHELF_EXPANDED;
  2478.     const IF_07b = base_twoCol_NoTheather_chatExpand_b | 0 | LAYOUT_DONATION_SHELF_EXPANDED;
  2479.  
  2480.  
  2481.     // two column; not theater;
  2482.     const IF_02a = BF_TWOCOL_N_THEATER;
  2483.     const IF_02b = LAYOUT_TWO_COLUMNS;
  2484.  
  2485.     // two column; not theater; tab expand; chat expand; 
  2486.     const IF_03a = base_twoCol_NoTheather_chatExpand_a | LAYOUT_TAB_EXPANDED;
  2487.     const IF_03b = base_twoCol_NoTheather_chatExpand_b | LAYOUT_TAB_EXPANDED;
  2488.  
  2489.  
  2490.     // two column; tab expand; chat expand; 
  2491.     const IF_06a = LAYOUT_TWO_COLUMNS | LAYOUT_TAB_EXPANDED | LAYOUT_CHATROOM | LAYOUT_CHATROOM_COLLAPSED;
  2492.     const IF_06b = LAYOUT_TWO_COLUMNS | LAYOUT_TAB_EXPANDED | LAYOUT_CHATROOM | 0;
  2493.  
  2494.  
  2495.     // two column; theater;
  2496.     const IF_04a = BF_TWOCOL_N_THEATER;
  2497.     const IF_04b = BF_TWOCOL_N_THEATER;
  2498.  
  2499.     // not fullscreen; two column; not theater; not tab expand; not EP expand; not expand chat; not donation shelf
  2500.     const IF_05a = LAYOUT_FULLSCREEN | LAYOUT_TWO_COLUMNS | LAYOUT_THEATER | LAYOUT_TAB_EXPANDED | LAYOUT_ENGAGEMENT_PANEL_EXPANDED | LAYOUT_DONATION_SHELF_EXPANDED | LAYOUT_CHATROOM_EXPANDED;
  2501.     const IF_05b = 0 | LAYOUT_TWO_COLUMNS | 0 | 0 | 0 | 0 | 0;
  2502.  
  2503.     let _isChatPopupedF = null
  2504.     let isChatPopupedF = () => {
  2505.       return _isChatPopupedF === null ? (_isChatPopupedF = cssElm.classList.contains('tyt-chat-popup')) : _isChatPopupedF
  2506.     }
  2507.  
  2508.     if (chat_expanded_changed && new_isExpandedChat) {
  2509.       checkChatIframeOnExpanded();
  2510.     }
  2511.  
  2512.     const checkForMoreThanOne = () => {
  2513.  
  2514.       if (moreThanOneShown && (new_layoutStatus & LAYOUT_TWO_COLUMNS) === LAYOUT_TWO_COLUMNS) {
  2515.  
  2516.         layoutStatusMutex.lockWith(unlock => {
  2517.           if (new_isTabExpanded && lstTab.lastPanel === null) {
  2518.             if (new_isExpandedChat) ytBtnCollapseChat();
  2519.             if (new_isExpandedEPanel) ytBtnCloseEngagementPanels();
  2520.             if (new_isExpandedDonationShelf) closeDonationShelf();
  2521.           } else if (lstTab.lastPanel) {
  2522.             let lastPanel = lstTab.lastPanel || '';
  2523.             if (typeof lastPanel !== 'string') lastPanel = '';
  2524.             if (new_isExpandedChat && lastPanel !== '#chatroom') ytBtnCollapseChat();
  2525.             if (new_isExpandedEPanel && lastPanel.indexOf('#engagement-panel-') < 0) ytBtnCloseEngagementPanels();
  2526.             if (new_isExpandedDonationShelf && lastPanel !== '#donation-shelf') closeDonationShelf();
  2527.             switchTabActivity(null);
  2528.           }
  2529.           getDMPromise().then(unlock);
  2530.         });
  2531.       }
  2532.     }
  2533.  
  2534.     let waitingPromise = Promise.resolve();
  2535.  
  2536.     if (new_isFullScreen) {
  2537.  
  2538.  
  2539.       if (tab_change == LAYOUT_CHATROOM_EXPANDED && (new_layoutStatus & IF_06a) === IF_06b && statusCollapsedFalse && !column_mode_changed) {
  2540.  
  2541.         // two column; tab expand; chat expand; 
  2542.  
  2543.         switchTabActivity(null);
  2544.  
  2545.       }
  2546.  
  2547.       if (!!(tab_change & LAYOUT_CHATROOM_EXPANDED) && new_isExpandedChat) {
  2548.         //tab_change = LAYOUT_CHATROOM_EXPANDED
  2549.         //tab_change = LAYOUT_CHATROOM_EXPANDED|LAYOUT_TAB_EXPANDED
  2550.  
  2551.  
  2552.         /*
  2553.         triggered by iframe close, not by button click
  2554.         */
  2555.  
  2556.  
  2557.         canScrollIntoViewWithOptions && waitingPromise.then(async () => {
  2558.           await getDMPromise();
  2559.           let scrollElement = document.querySelector('ytd-app[scrolling]')
  2560.           if (!scrollElement) return;
  2561.           // single column view; click button; scroll to tab content area 100%
  2562.           let chatFrame = document.querySelector('ytd-live-chat-frame#chat');
  2563.           if (chatFrame && isChatExpand()) {
  2564.             // _console.log(7290, 1)
  2565.             fullScreenTabScrollIntoView();
  2566.           }
  2567.         })
  2568.  
  2569.       }
  2570.  
  2571.       if (!!(tab_change & LAYOUT_ENGAGEMENT_PANEL_EXPANDED) && new_isExpandedEPanel) {
  2572.  
  2573.         waitingPromise.then(async () => {
  2574.           await getDMPromise();
  2575.           let scrollElement = document.querySelector('ytd-app[scrolling]')
  2576.           if (!scrollElement) return;
  2577.           // single column view; click button; scroll to tab content area 100%
  2578.           let epPanel = document.querySelector('ytd-watch-flexy[flexy][tyt-tab] #panels.ytd-watch-flexy ytd-engagement-panel-section-list-renderer[target-id][visibility][visibility="ENGAGEMENT_PANEL_VISIBILITY_EXPANDED"]:not([hidden])');
  2579.           if (epPanel) {
  2580.             // _console.log(7290, 2)
  2581.  
  2582.             let pi = 50;
  2583.             let cid = setInterval(() => {
  2584.               if (--pi) epPanel.scrollIntoView(true); else clearInterval(cid)
  2585.             }, 17)
  2586.             //
  2587.           }
  2588.         })
  2589.  
  2590.       }
  2591.  
  2592.  
  2593.     } else if (fullscreen_mode_changed) {
  2594.  
  2595.       // new_isFullScreen: false
  2596.       // fullscreen_mode_changed: true
  2597.  
  2598.  
  2599.       if (!new_isFullScreen && statusCollapsedTrue && isWideScreenWithTwoColumns() && !isTheater()) {
  2600.  
  2601.         showTabOrChat();
  2602.       } else if (!new_isFullScreen && statusCollapsedFalse && isWideScreenWithTwoColumns() && isTheater()) {
  2603.  
  2604.         if (isChatPopupedF()) {
  2605.         } else {
  2606.  
  2607.           ytBtnCancelTheater();
  2608.  
  2609.         }
  2610.       }
  2611.  
  2612.       if (!new_isFullScreen && statusCollapsedFalse && isWideScreenWithTwoColumns()) {
  2613.         // check more than one shown
  2614.  
  2615.         Promise.resolve().then(checkForMoreThanOne);
  2616.       }
  2617.  
  2618.     } else if ((new_layoutStatus & IF_01a) === IF_01b && !column_mode_changed && (tab_change == LAYOUT_CHATROOM_EXPANDED || tab_change == LAYOUT_ENGAGEMENT_PANEL_EXPANDED)) {
  2619.  
  2620.       // new_isFullScreen: false
  2621.       // fullscreen_mode_changed: false
  2622.  
  2623.       // two column; not theater; tab collapse; chat expand; ep expand
  2624.  
  2625.       if (epanel_expanded_changed) {
  2626.         layoutStatusMutex.lockWith(unlock => {
  2627.           ytBtnCollapseChat();
  2628.           getDMPromise().then(unlock);
  2629.         })
  2630.       } else if (chat_collapsed_changed) {
  2631.         layoutStatusMutex.lockWith(unlock => {
  2632.           ytBtnCloseEngagementPanels();
  2633.           getDMPromise().then(unlock);
  2634.         })
  2635.  
  2636.       }
  2637.  
  2638.     } else if ((new_layoutStatus & IF_07a) === IF_07b && !column_mode_changed && (tab_change == LAYOUT_CHATROOM_EXPANDED || tab_change == LAYOUT_DONATION_SHELF_EXPANDED)) {
  2639.  
  2640.       // new_isFullScreen: false
  2641.       // fullscreen_mode_changed: false
  2642.  
  2643.       // two column; not theater; tab collapse; chat expand; ds expand
  2644.  
  2645.       if (ds_expanded_changed) {
  2646.         layoutStatusMutex.lockWith(unlock => {
  2647.           ytBtnCollapseChat();
  2648.           getDMPromise().then(unlock);
  2649.         })
  2650.       } else if (chat_collapsed_changed) {
  2651.         layoutStatusMutex.lockWith(unlock => {
  2652.           closeDonationShelf();
  2653.           getDMHelper().then(unlock);
  2654.         })
  2655.  
  2656.       }
  2657.  
  2658.     } else if (!tab_change && column_mode_changed && (new_layoutStatus & IF_02a) === IF_02b && moreThanOneShown) {
  2659.  
  2660.       // new_isFullScreen: false
  2661.       // fullscreen_mode_changed: false
  2662.  
  2663.       // two column; not theater;
  2664.       // moreThanOneShown
  2665.  
  2666.       showTabOrChat();
  2667.  
  2668.     } else if (tab_change == LAYOUT_CHATROOM_EXPANDED && (new_layoutStatus & IF_03a) === IF_03b && statusCollapsedFalse && !column_mode_changed) {
  2669.  
  2670.       // new_isFullScreen: false
  2671.       // fullscreen_mode_changed: false
  2672.  
  2673.       // two column; not theater; tab expand; chat expand; 
  2674.  
  2675.       switchTabActivity(null);
  2676.  
  2677.     } else if (isChatOrTabExpandTriggering && (new_layoutStatus & IF_04a) === IF_04b && statusCollapsedFalse && (changes & BF_TWOCOL_N_THEATER) === 0) {
  2678.  
  2679.       // new_isFullScreen: false
  2680.       // fullscreen_mode_changed: false
  2681.  
  2682.       ytBtnCancelTheater();
  2683.  
  2684.     } else if ((new_layoutStatus & IF_04a) === IF_04b && statusCollapsedFalse) {
  2685.  
  2686.       // new_isFullScreen: false
  2687.       // fullscreen_mode_changed: false
  2688.  
  2689.       if (isChatPopupedF()) {
  2690.  
  2691.       } else {
  2692.  
  2693.         hideTabAndChat();
  2694.       }
  2695.  
  2696.     } else if (isChatOrTabCollaspeTriggering && (new_layoutStatus & IF_02a) === IF_02b && statusCollapsedTrue && !column_mode_changed) {
  2697.  
  2698.       // new_isFullScreen: false
  2699.       // fullscreen_mode_changed: false
  2700.  
  2701.       if (tab_change == LAYOUT_ENGAGEMENT_PANEL_EXPANDED) {
  2702.  
  2703.         lstTab.lastPanel = null;
  2704.  
  2705.         if (new_isFullScreen) {
  2706.  
  2707.         } else {
  2708.           showTabOrChat();
  2709.         }
  2710.       } else if (tab_change == LAYOUT_DONATION_SHELF_EXPANDED) {
  2711.  
  2712.         lstTab.lastPanel = null;
  2713.  
  2714.         if (new_isFullScreen) {
  2715.  
  2716.         } else {
  2717.           showTabOrChat();
  2718.         }
  2719.       } else if (tab_change == LAYOUT_CHATROOM_EXPANDED) {
  2720.  
  2721.         lstTab.lastPanel = null;
  2722.  
  2723.         if (new_isFullScreen) {
  2724.  
  2725.         } else {
  2726.           showTabOrChat();
  2727.         }
  2728.       } else {
  2729.  
  2730.  
  2731.         if (new_isFullScreen) {
  2732.  
  2733.         } else {
  2734.  
  2735.           ytBtnSetTheater();
  2736.  
  2737.         }
  2738.  
  2739.       }
  2740.  
  2741.     } else if (!tab_change && !!(changes & BF_TWOCOL_N_THEATER) && (new_layoutStatus & IF_02a) === IF_02b && statusCollapsedTrue) {
  2742.  
  2743.       // new_isFullScreen: false
  2744.       // fullscreen_mode_changed: false
  2745.  
  2746.       showTabOrChat();
  2747.  
  2748.     } else if ((new_layoutStatus & IF_05a) === IF_05b) {
  2749.       // bug fix for restoring from mini player
  2750.  
  2751.       layoutStatusMutex.lockWith(unlock => {
  2752.         setToActiveTab();
  2753.         getDMPromise().then(unlock);
  2754.       });
  2755.  
  2756.     }
  2757.  
  2758.     if (theater_mode_changed) {
  2759.       let tdt = Date.now();
  2760.       theater_mode_changed_dt = tdt
  2761.       setTimeout(() => {
  2762.         if (theater_mode_changed_dt !== tdt) return;
  2763.         updateFloatingSlider();
  2764.       }, 130)
  2765.     }
  2766.  
  2767.     let secondaryElement = null;
  2768.     if (secondaryElement = document.querySelector('.tabview-hover-slider-enable')) {
  2769.       scriptletDeferred.debounce(() => {
  2770.         secondaryElement.isConnected && secondaryElement.dispatchEvent(new CustomEvent('tabview-hover-slider-restore'))
  2771.       });
  2772.     }
  2773.  
  2774.  
  2775.     if (fullscreen_mode_changed) {
  2776.       detailsTriggerReset = true;
  2777.       getDMPromise().then(setHiddenStateForDesc);
  2778.     }
  2779.  
  2780.     // resize => is-two-columns_
  2781.     if (column_mode_changed) {
  2782.  
  2783.       Promise.resolve(0).then(() => {
  2784.  
  2785.         checkForMoreThanOne();
  2786.  
  2787.         pageCheck();
  2788.         if (global_columns_end_ito !== null) {
  2789.           //to trigger observation at the time layout being changed
  2790.           if ((new_layoutStatus & LAYOUT_TWO_COLUMNS) === LAYOUT_TWO_COLUMNS) {
  2791.             let endpos = document.querySelector('tabview-view-columns-endpos')
  2792.             if (endpos !== null) {
  2793.               global_columns_end_ito.observe(endpos)
  2794.             }
  2795.           } else {
  2796.             global_columns_end_ito.disconnect();
  2797.           }
  2798.         }
  2799.         getDMPromise().then(() => {
  2800.           singleColumnScrolling(true); //initalize sticky
  2801.         });
  2802.       })
  2803.     }
  2804.  
  2805.     if (enableLivePopupCheck === true) {
  2806.  
  2807.       const new_isTwoColumnsTheater = fT(new_layoutStatus, LAYOUT_TWO_COLUMNS | LAYOUT_THEATER, 0)
  2808.  
  2809.       let currentIsTheaterPopupChat = new_isTwoColumnsTheater && new_isExpandedChat && isChatPopupedF()
  2810.       if (!currentIsTheaterPopupChat) {
  2811.         enableLivePopupCheck = false;
  2812.         sendToPageScript(document, "tyt-close-popup");
  2813.       }
  2814.  
  2815.     }
  2816.  
  2817.  
  2818.   }
  2819.  
  2820.   function fixLayoutStatus(x) {
  2821.     const new_isExpandedChat = !(x & LAYOUT_CHATROOM_COLLAPSED) && (x & LAYOUT_CHATROOM)
  2822.     return new_isExpandedChat ? (x | LAYOUT_CHATROOM_EXPANDED) : (x & ~LAYOUT_CHATROOM_EXPANDED);
  2823.   }
  2824.  
  2825.   const wls = new Proxy({
  2826.     /** @type {number | null} */
  2827.     layoutStatus: undefined
  2828.   }, {
  2829.     get: function (target, prop) {
  2830.       return target[prop];
  2831.     },
  2832.     set: function (target, prop, value) {
  2833.       if (prop == 'layoutStatus') {
  2834.  
  2835.         if (value === 0) {
  2836.           target[prop] = value;
  2837.           return true;
  2838.         } else if (target[prop] === value) {
  2839.           return true;
  2840.         } else {
  2841.           if (!target.layoutStatus_pending) {
  2842.             target.layoutStatus_pending = true;
  2843.             const old_layoutStatus = target[prop];
  2844.             target[prop] = value;
  2845.             layoutStatusMutex.lockWith(unlock => {
  2846.               target.layoutStatus_pending = false;
  2847.               let new_layoutStatus = target[prop];
  2848.               if (old_layoutStatus !== new_layoutStatus) {
  2849.                 layoutStatusChanged(old_layoutStatus, new_layoutStatus);
  2850.                 getDMPromise().then(unlock);
  2851.               } else {
  2852.                 unlock();
  2853.               }
  2854.             })
  2855.             return true;
  2856.           }
  2857.         }
  2858.       }
  2859.       target[prop] = value;
  2860.       return true;
  2861.     },
  2862.     has: function (target, prop) {
  2863.       return (prop in target);
  2864.     }
  2865.   });
  2866.  
  2867.   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>`
  2868.  
  2869.   function isVideoPlaying(video) {
  2870.     return video.currentTime > 0 && !video.paused && !video.ended && video.readyState > video.HAVE_CURRENT_DATA;
  2871.   }
  2872.  
  2873.   function wAttr(elm, attr, kv) {
  2874.     if (elm) {
  2875.       if (kv === true) {
  2876.         elm.setAttribute(attr, '');
  2877.       } else if (kv === false) {
  2878.         elm.removeAttribute(attr);
  2879.       } else if (kv === null) {
  2880.         //;
  2881.       } else if (typeof kv == 'string') {
  2882.         elm.setAttribute(attr, kv);
  2883.       }
  2884.     }
  2885.   }
  2886.  
  2887.   function setTabBtnVisible(tabBtn, toVisible) {
  2888.     let doClassListChange = false;
  2889.     if (tabBtn.getAttribute('tyt-tab-content') === '#tab-comments') {
  2890.       isCommentsTabBtnHidden = !toVisible;
  2891.       if ((hiddenTabsByUserCSS & 2) !== 2) {
  2892.         doClassListChange = true;
  2893.       }
  2894.     } else {
  2895.       doClassListChange = true;
  2896.     }
  2897.     if (doClassListChange) {
  2898.       if (toVisible) {
  2899.         tabBtn.classList.remove("tab-btn-hidden");
  2900.       } else {
  2901.         tabBtn.classList.add("tab-btn-hidden");
  2902.       }
  2903.     }
  2904.   }
  2905.  
  2906.   function hideTabBtn(tabBtn) {
  2907.     //console.log('hideTabBtn', tabBtn)
  2908.     let isActiveBefore = tabBtn.classList.contains('active');
  2909.     setTabBtnVisible(tabBtn, false);
  2910.     if (isActiveBefore) {
  2911.       setToActiveTab();
  2912.     }
  2913.   }
  2914.  
  2915.   // function hasAttribute(obj, key) {
  2916.   //   return obj && obj.hasAttribute(key);
  2917.   // }
  2918.  
  2919.   function isTheater() {
  2920.     const cssElm = es.ytdFlexy;
  2921.     return (cssElm && cssElm.hasAttribute('theater'))
  2922.   }
  2923.  
  2924.   function isFullScreen() {
  2925.     const cssElm = es.ytdFlexy;
  2926.     return (cssElm && cssElm.hasAttribute('fullscreen'))
  2927.   }
  2928.  
  2929.   function isTabExpanded() {
  2930.     const cssElm = es.ytdFlexy;
  2931.     return cssElm && (cssElm.getAttribute('tyt-tab') || '').charAt(0) === '#'
  2932.   }
  2933.  
  2934.   function isChatExpand() {
  2935.     const cssElm = es.ytdFlexy;
  2936.     return cssElm && (cssElm.getAttribute('tyt-chat') || '').charAt(0) === '+'
  2937.   }
  2938.  
  2939.   function isWideScreenWithTwoColumns() {
  2940.     const cssElm = es.ytdFlexy;
  2941.     return (cssElm && cssElm.hasAttribute('is-two-columns_'))
  2942.   }
  2943.  
  2944.  
  2945.   function isAnyActiveTab() {
  2946.     return document.querySelector('#right-tabs .tab-btn.active') !== null
  2947.   }
  2948.   // function isAnyActiveTab2() {
  2949.   //   return document.querySelectorAll('#right-tabs .tab-btn.active').length > 0
  2950.   // }
  2951.  
  2952.   function isEngagementPanelExpanded() { //note: not checking the visual elements
  2953.     const cssElm = es.ytdFlexy;
  2954.     return (cssElm && +cssElm.getAttribute('tyt-ep-visible') > 0)
  2955.   }
  2956.  
  2957.   function isDonationShelfExpanded() {
  2958.     const cssElm = es.ytdFlexy;
  2959.     return (cssElm && cssElm.hasAttribute('tyt-donation-shelf'))
  2960.   }
  2961.  
  2962.   const engagementIdMap = new Map();
  2963.   let engagementIdNext = 1; // max 1 << 62
  2964.  
  2965.   function engagement_panels_() {
  2966.  
  2967.     let res = [];
  2968.     // let shownRes = [];
  2969.  
  2970.     let v = 0;
  2971.     // let k = 1;
  2972.     // let count = 0;
  2973.  
  2974.     for (const ePanel of document.querySelectorAll(
  2975.       `ytd-watch-flexy[flexy][tyt-tab] #panels.ytd-watch-flexy ytd-engagement-panel-section-list-renderer[target-id][visibility]:not([hidden])`
  2976.     )) {
  2977.       let targetId = ePanel.getAttribute('target-id')
  2978.       if (typeof targetId !== 'string') continue;
  2979.       let eId = engagementIdMap.get(targetId)
  2980.       if (!eId) {
  2981.         engagementIdMap.set(targetId, eId = engagementIdNext)
  2982.         if (engagementIdNext === (1 << 62)) {
  2983.           engagementIdNext = 1;
  2984.           console.warn('engagementId reached 1 << 62')
  2985.         } else {
  2986.           engagementIdNext = engagementIdNext << 1;
  2987.         }
  2988.       }
  2989.       // console.log(55,eId, targetId)
  2990.  
  2991.       let visibility = ePanel.getAttribute('visibility') //ENGAGEMENT_PANEL_VISIBILITY_EXPANDED //ENGAGEMENT_PANEL_VISIBILITY_HIDDEN
  2992.  
  2993.       let k = eId
  2994.       switch (visibility) {
  2995.         case 'ENGAGEMENT_PANEL_VISIBILITY_EXPANDED':
  2996.           v |= k;
  2997.           // count++;
  2998.           // shownRes.push(ePanel)
  2999.           res.push({ ePanel, k, visible: true });
  3000.           break;
  3001.         case 'ENGAGEMENT_PANEL_VISIBILITY_HIDDEN':
  3002.           res.push({ ePanel, k, visible: false });
  3003.           break;
  3004.         default:
  3005.           res.push({ ePanel, k, visible: false });
  3006.       }
  3007.  
  3008.       //k = k << 1;
  3009.  
  3010.     }
  3011.     return { list: res, value: v };
  3012.     // return { list: res, value: v, count: count, shownRes };
  3013.   }
  3014.  
  3015.  
  3016.   function ytBtnOpenEngagementPanel(/** @type {number | string} */ panel_id) {
  3017.  
  3018.     // console.log(panel_id)
  3019.     if (typeof panel_id == 'string') {
  3020.       panel_id = panel_id.replace('#engagement-panel-', '');
  3021.       panel_id = parseInt(panel_id);
  3022.     }
  3023.     if (panel_id >= 0) { } else return false;
  3024.  
  3025.     let panels = engagement_panels_();
  3026.     // console.log(panels)
  3027.  
  3028.     let actions = []
  3029.     for (const { ePanel, k, visible } of panels.list) {
  3030.       if ((panel_id & k) === k) {
  3031.         if (!visible) {
  3032.           actions.push({
  3033.             panelId: ePanel.getAttribute('target-id'),
  3034.             toShow: true
  3035.           })
  3036.         }
  3037.       } else {
  3038.         if (visible) {
  3039.           actions.push({
  3040.             panelId: ePanel.getAttribute('target-id'),
  3041.             toHide: true
  3042.           })
  3043.         }
  3044.       }
  3045.     }
  3046.  
  3047.     if (actions.length > 0) {
  3048.       // console.log(4545,actions)
  3049.       const _actions = actions;
  3050.       scriptletDeferred.debounce(() => {
  3051.         document.dispatchEvent(new CustomEvent('tyt-engagement-panel-visibility-change', {
  3052.           detail: _actions
  3053.         }));
  3054.       });
  3055.     }
  3056.     actions = null;
  3057.  
  3058.   }
  3059.  
  3060.   function ytBtnCloseEngagementPanel(/** @type {HTMLElement} */ s) {
  3061.     //ePanel.setAttribute('visibility',"ENGAGEMENT_PANEL_VISIBILITY_HIDDEN");
  3062.  
  3063.     let panelId = s.getAttribute('target-id')
  3064.     scriptletDeferred.debounce(() => {
  3065.       document.dispatchEvent(new CustomEvent('tyt-engagement-panel-visibility-change', {
  3066.         detail: {
  3067.           panelId,
  3068.           toHide: true
  3069.         }
  3070.       }))
  3071.     })
  3072.  
  3073.   }
  3074.  
  3075.   function ytBtnCloseEngagementPanels() {
  3076.     if (isEngagementPanelExpanded()) {
  3077.       for (const s of document.querySelectorAll(
  3078.         `ytd-watch-flexy[flexy][tyt-tab] #panels.ytd-watch-flexy ytd-engagement-panel-section-list-renderer[target-id][visibility]:not([hidden])`
  3079.       )) {
  3080.         if (s.getAttribute('visibility') == "ENGAGEMENT_PANEL_VISIBILITY_EXPANDED") ytBtnCloseEngagementPanel(s);
  3081.       }
  3082.     }
  3083.   }
  3084.  
  3085.   function openDonationShelf() {
  3086.     if (!isDonationShelfExpanded()) {
  3087.       let btn = document.querySelector('#tyt-donation-shelf-toggle-btn')
  3088.       if (btn) {
  3089.         btn.click();
  3090.         return true;
  3091.       }
  3092.     }
  3093.     return false;
  3094.   }
  3095.   function closeDonationShelf() {
  3096.     if (isDonationShelfExpanded()) {
  3097.       let btn = document.querySelector('#tyt-donation-shelf-toggle-btn')
  3098.       if (btn) {
  3099.         btn.click();
  3100.         return true;
  3101.       }
  3102.     }
  3103.     return false;
  3104.   }
  3105.  
  3106.   function ytBtnSetTheater() {
  3107.     if (!isTheater()) {
  3108.       const sizeBtn = document.querySelector('ytd-watch-flexy #ytd-player button.ytp-size-button')
  3109.       if (sizeBtn) sizeBtn.click();
  3110.     }
  3111.   }
  3112.  
  3113.   function ytBtnCancelTheater() {
  3114.     if (isTheater()) {
  3115.       const sizeBtn = document.querySelector('ytd-watch-flexy #ytd-player button.ytp-size-button')
  3116.       if (sizeBtn) sizeBtn.click();
  3117.     }
  3118.   }
  3119.  
  3120.   function ytBtnExpandChat() {
  3121.     let button = document.querySelector('ytd-live-chat-frame#chat[collapsed] > .ytd-live-chat-frame#show-hide-button')
  3122.     if (button) {
  3123.       button =
  3124.         _querySelector.call(button, 'div.yt-spec-touch-feedback-shape') ||
  3125.         _querySelector.call(button, 'ytd-toggle-button-renderer');
  3126.       if (button) button.click();
  3127.     }
  3128.   }
  3129.  
  3130.   function ytBtnCollapseChat() {
  3131.     let button = document.querySelector('ytd-live-chat-frame#chat:not([collapsed]) > .ytd-live-chat-frame#show-hide-button')
  3132.     if (button) {
  3133.       button =
  3134.         _querySelector.call(button, 'div.yt-spec-touch-feedback-shape') ||
  3135.         _querySelector.call(button, 'ytd-toggle-button-renderer');
  3136.       if (button) button.click();
  3137.     }
  3138.   }
  3139.  
  3140.  
  3141.   async function makeVideosAutoLoad2() {
  3142.     let sVideosList = document.querySelector('ytd-watch-flexy #tab-videos [placeholder-videos]');
  3143.  
  3144.     if (!sVideosList) return null;
  3145.  
  3146.     //let ab = sVideosList.getAttribute('tabview-videos-autoload')
  3147.     await Promise.resolve(0);
  3148.  
  3149.     let endPosDOM = document.querySelector('tabview-view-videos-endpos')
  3150.     if (endPosDOM) endPosDOM.remove(); // just in case
  3151.     endPosDOM = document.createElement('tabview-view-videos-endpos')
  3152.     insertAfterTo(endPosDOM, sVideosList);
  3153.  
  3154.     await Promise.resolve(0);
  3155.  
  3156.  
  3157.     //sVideosList.setAttribute('tabview-videos-autoload', '1')
  3158.  
  3159.     // _console.log(9333)
  3160.     if (!sVideosITO) {
  3161.  
  3162.       sVideosITO = new IntersectionObserver((entries) => {
  3163.  
  3164.         if ((wls.layoutStatus & LAYOUT_TWO_COLUMNS) === LAYOUT_TWO_COLUMNS) return;
  3165.  
  3166.         // _console.log(9334, entries)
  3167.         if (entries.length !== 1) return;
  3168.         if (entries[0].isIntersecting !== true) return;
  3169.         let elm = ((entries[0] || 0).target || 0);
  3170.         if (!elm) return;
  3171.         elm = null;
  3172.         entries = null;
  3173.  
  3174.         new Promise(resolve => {
  3175.  
  3176.           // compatibile with Search While Watching Video
  3177.           let isSearchGeneratedWithHiddenContinuation = !!document.querySelector('#related.style-scope.ytd-watch-flexy ytd-watch-next-secondary-results-renderer.style-scope.ytd-watch-flexy ytd-compact-video-renderer.yt-search-generated.style-scope.ytd-item-section-renderer ~ ytd-continuation-item-renderer.style-scope.ytd-item-section-renderer[hidden]');
  3178.           if (isSearchGeneratedWithHiddenContinuation) return;
  3179.  
  3180.           // native YouTube coding use different way to handle custom videos, unknown condition for the continutation loading.
  3181.           let isOtherChipSelected = !!document.querySelector('ytd-watch-next-secondary-results-renderer.style-scope.ytd-watch-flexy yt-chip-cloud-renderer.style-scope.yt-related-chip-cloud-renderer yt-chip-cloud-chip-renderer.style-scope.yt-chip-cloud-renderer[aria-selected="false"] ~ [aria-selected="true"]')
  3182.           if (isOtherChipSelected) return;
  3183.  
  3184.           getDMPromise().then(resolve); // delay required to allow YouTube generate the continuation elements
  3185.  
  3186.  
  3187.         }).then(() => {
  3188.  
  3189.           let res = setVideosTwoColumns(2 | 4, true)
  3190.  
  3191.           // _console.log(9335, res)
  3192.  
  3193.           if (res.m2 && res.m3) {
  3194.             const m4 = closestDOM.call(res.m2, 'ytd-continuation-item-renderer');
  3195.  
  3196.             if (m4) {
  3197.  
  3198.  
  3199.               const m5 = _querySelector.call(m4, 'ytd-button-renderer.style-scope.ytd-continuation-item-renderer, yt-button-renderer.style-scope.ytd-continuation-item-renderer');
  3200.  
  3201.               // YouTube coding bug - correct is 'ytd-button-renderer'. If the page is redirected under single column mode, the tag become 'yt-button-renderer'
  3202.               // under 'yt-button-renderer', the 
  3203.  
  3204.               const m6 = querySelectorFromAnchorX(m5, 'button.yt-spec-button-shape-next--call-to-action'); // main
  3205.  
  3206.               // _console.log(9337, m4, m5, m6)
  3207.  
  3208.               if (m6) {
  3209.                 m6.click() // generic solution
  3210.               } else if (m5) {
  3211.                 m5.click(); // not sure
  3212.               } else {
  3213.                 m4.dispatchEvent(new Event('yt-service-request-sent-button-renderer')); // only for correct YouTube coding
  3214.               }
  3215.             }
  3216.           }
  3217.           res = null;
  3218.  
  3219.         });
  3220.  
  3221.       }, {
  3222.         rootMargin: `0px`, // refer to css margin-top:-30vh
  3223.         threshold: [0]
  3224.       })
  3225.       sVideosITO.observe(endPosDOM);
  3226.     } else {
  3227.       sVideosITO.disconnect();
  3228.       sVideosITO.observe(endPosDOM);
  3229.     }
  3230.  
  3231.  
  3232.   }
  3233.  
  3234.  
  3235.   function fixTabs() {
  3236.  
  3237.     scriptletDeferred.debounce(() => {
  3238.  
  3239.  
  3240.       // if(document.documentElement.hasAttribute('p355')) return;
  3241.  
  3242.       if (!scriptEnable) return;
  3243.  
  3244.       let queryElement = document.querySelector('*:not(#tab-videos) > #related.ytd-watch-flexy > ytd-watch-next-secondary-results-renderer');
  3245.  
  3246.       let isRelocated = !!queryElement;
  3247.  
  3248.       if (isRelocated) {
  3249.         // if(1885) return;
  3250.  
  3251.         // _console.log(3202, 2)
  3252.  
  3253.         let relatedElm = closestDOM.call(queryElement, '#related.ytd-watch-flexy'); // NOT NULL
  3254.  
  3255.         let right_tabs = document.querySelector('#right-tabs'); // can be NULL
  3256.  
  3257.         let tab_videos = querySelectorFromAnchorX(right_tabs, "#tab-videos"); // can be NULL
  3258.  
  3259.         if (tab_videos !== null) {
  3260.  
  3261.           // _console.log(3202, 4)
  3262.  
  3263.           let target_container = document.querySelector('ytd-watch-flexy:not([is-two-columns_]) #primary-inner.ytd-watch-flexy, ytd-watch-flexy[is-two-columns_] #secondary-inner.ytd-watch-flexy')
  3264.           if (target_container) elementAppend.call(target_container, right_tabs) // last-child
  3265.  
  3266.           elementAppend.call(tab_videos, relatedElm);
  3267.           // no any other element set these attr. only init / relocation
  3268.           relatedElm.setAttribute('placeholder-for-youtube-play-next-queue', '')
  3269.           relatedElm.setAttribute('placeholder-videos', '')
  3270.  
  3271.           makeVideosAutoLoad2();
  3272.  
  3273.         }
  3274.  
  3275.       }
  3276.  
  3277.       /** @type {HTMLElement | null} */
  3278.       check1885();
  3279.       if (!chatController.allowChatControl) return;
  3280.  
  3281.       let chatroom = null;
  3282.       if (chatroom = document.querySelector('ytd-live-chat-frame#chat')) {
  3283.  
  3284.         const container = chatroom.parentNode.id === 'chat-container' ? chatroom.parentNode : chatroom;
  3285.  
  3286.         let pHolderElm = document.querySelector('tabview-view-pholder[data-positioner="before|#chat"]');
  3287.  
  3288.         if (!pHolderElm || pHolderElm.nextElementSibling !== container) {
  3289.  
  3290.  
  3291.           if (pHolderElm) pHolderElm.remove();
  3292.  
  3293.  
  3294.  
  3295.           // if (1885 && document.body.hasAttribute('data-ytlstm-theater-mode')) {
  3296.  
  3297.           // } else 
  3298.           if (document.querySelector('.YouTubeLiveFilledUpView')) {
  3299.             // no relocation
  3300.           } else {
  3301.  
  3302.             let rightTabs = document.querySelector('#right-tabs');
  3303.             // console.log(28784, rightTabs.previousSibling)
  3304.             if (rightTabs && rightTabs.previousSibling !== container) {
  3305.               const parentNode = rightTabs.parentNode;
  3306.               let useDefault = true;
  3307.               if (parentNode === container.parentNode && parentNode instanceof HTMLElement
  3308.                 && typeof docFragmentCreate === 'function'
  3309.                 && typeof docFragmentAppend === 'function') {
  3310.                 const previousNodes = [];
  3311.                 const nextNodes = [];
  3312.                 let dv = 0;
  3313.                 for (let node = parentNode.firstChild; node instanceof Node; node = node.nextSibling) {
  3314.                   if (node === rightTabs) {
  3315.                     dv |= 1;
  3316.                   } else if (node === container) {
  3317.                     dv |= 2;
  3318.                   } else {
  3319.                     if (node instanceof HTMLIFrameElement || (node instanceof Element && node.querySelector('iframe'))) {
  3320.                       dv |= 4;
  3321.                       break;
  3322.                     }
  3323.                     if (dv & 1) {
  3324.                       nextNodes.push(node);
  3325.                     } else {
  3326.                       previousNodes.push(node);
  3327.                     }
  3328.                   }
  3329.                 }
  3330.                 if (dv === 3 && (previousNodes.length + nextNodes.length) < 8000) {
  3331.                   if (previousNodes.length > 0) {
  3332.                     const nw1 = docFragmentCreate.call(document);
  3333.                     docFragmentAppend.call(nw1, ...previousNodes);
  3334.                     parentNode.insertBefore(nw1, parentNode.firstChild);
  3335.                   }
  3336.                   const nw2 = docFragmentCreate.call(document);
  3337.                   docFragmentAppend.call(nw2, rightTabs, ...nextNodes);
  3338.                   parentNode.appendChild(nw2);
  3339.                   // parentNode.replaceChildren(...previousNodes, container, rightTabs, ...nextNodes);
  3340.                   useDefault = false;
  3341.                 }
  3342.               }
  3343.               if (useDefault) {
  3344.  
  3345.                 // console.log(28784, [...parentNode.childNodes])
  3346.                 insertBeforeTo(container, rightTabs);
  3347.                 // const _chatroom = chatroom;
  3348.                 // _chatroom && (async ()=>{
  3349.                 //   await scriptletDeferred.d();
  3350.                 //   if (typeof webkitRequestAnimationFrame === 'function' && typeof mozRequestAnimationFrame === 'undefined') {
  3351.                 //     await new Promise(r => setTimeout(r, 650));  // 650ms to avoid Brave Bug
  3352.                 //   }
  3353.  
  3354.                 //   // sendToPageScript(_chatroom, "tabview-chat-call-urlchange");
  3355.  
  3356.                 // })();
  3357.               }
  3358.             }
  3359.  
  3360.           }
  3361.  
  3362.           if (!pHolderElm) {
  3363.             pHolderElm = document.createElement('tabview-view-pholder');
  3364.             pHolderElm.setAttribute('data-positioner', 'before|#chat');
  3365.           }
  3366.  
  3367.           insertBeforeTo(pHolderElm, container)
  3368.         }
  3369.  
  3370.       }
  3371.  
  3372.  
  3373.     })
  3374.  
  3375.   }
  3376.  
  3377.  
  3378.   async function isDocumentInFullScreenMode() {
  3379.     return document.fullscreenElement !== null;
  3380.   }
  3381.   // let zatt = Date.now();
  3382.  
  3383.   const dbId = `ep5wbmokDB-${instanceId}`
  3384.   async function tabviewEnergizedFn() {
  3385.  
  3386.     let db;
  3387.     const indexedDB = window.indexedDB;
  3388.     try {
  3389.       let dbReq = indexedDB.open(dbId, 3);
  3390.       db = await new Promise((resolve, reject) => {
  3391.         dbReq.onupgradeneeded = function (event) {
  3392.           /** @type {IDBDatabase} */
  3393.           const db = event.target.result;
  3394.           let objectStore = db.createObjectStore("customers", { keyPath: "ssn" });
  3395.           objectStore.createIndex("name", "name", { unique: false });
  3396.           objectStore.createIndex("email", "email", { unique: true });
  3397.           objectStore = null;
  3398.           db.deleteObjectStore("customers");
  3399.           resolve(db);
  3400.         }
  3401.         dbReq.onsuccess = function (event) {
  3402.           const db = event.target.result;
  3403.           resolve(db);
  3404.         }
  3405.         dbReq.onerror = function () {
  3406.           reject();
  3407.         }
  3408.       });
  3409.     } finally {
  3410.       if (db) db.close();
  3411.     }
  3412.     try {
  3413.       let request = indexedDB.deleteDatabase(dbId);
  3414.       await new Promise((resolve, reject) => {
  3415.         request.onsuccess = function (event) {
  3416.           resolve(1);
  3417.         };
  3418.         request.onerror = function (event) {
  3419.           resolve(-1);
  3420.         };
  3421.         request.onblocked = function (event) {
  3422.           resolve(-2);
  3423.         };
  3424.       });
  3425.     } catch (e) {
  3426.     }
  3427.  
  3428.     postMessage({ tabviewEnergized: true }, 'https://www.youtube.com'); // post message to make alive
  3429.  
  3430.   }
  3431.  
  3432.   async function energizedByMediaTimeUpdate() {
  3433.  
  3434.     const isFullscreen = await isDocumentInFullScreenMode();
  3435.     if (isFullscreen) return;
  3436.  
  3437.     // force browser to load the videostream during playing (primarily for music videos)
  3438.     // both background and foreground
  3439.  
  3440.     _updateTimeAccum++;
  3441.  
  3442.     if (_updateTimeAccum >= 88000000 && (_updateTimeAccum % 88000000) === 0) _updateTimeAccum = 0;
  3443.  
  3444.     if ((_updateTimeAccum + _viTimeNum) % 11 === 0) {
  3445.       // console.log(document.querySelector('video').currentTime) // 2.55, 2.64, 3.12, ...
  3446.       // about 2.66s
  3447.  
  3448.       if (_viTimeNum > 208) {
  3449.         _viTimeNum = 200;
  3450.         _updateTimeAccum = (_updateTimeAccum % 8) + 1; // reset to 1 ~ 8
  3451.       }
  3452.  
  3453.       document.head.dataset.viTime = `${_viTimeNum + 1}`;
  3454.       await Promise.resolve(0)
  3455.       _viTimeNum = +document.head.dataset.viTime || 0;
  3456.     }
  3457.  
  3458.  
  3459.   }
  3460.  
  3461.   function autoCompletePosCreate() {
  3462.  
  3463.     let positioner = document.createElement("tabview-view-autocomplete-pos");
  3464.     let oldPositioner = document.querySelector("tabview-view-autocomplete-pos");
  3465.     if (oldPositioner) oldPositioner.remove();
  3466.     return positioner
  3467.   }
  3468.  
  3469.   function handlerAutoCompleteExist() {
  3470.     // Youtube - Search While Watching Video
  3471.  
  3472.     if (document.querySelector('autocomplete-holder')) return;
  3473.  
  3474.     /** @type {HTMLElement} */
  3475.     let searchBox, autoComplete;
  3476.     searchBox = this;
  3477.     this.removeEventListener('tyt-autocomplete-sc-exist', handlerAutoCompleteExist, false)
  3478.     let domId = this.getAttribute('data-autocomplete-results-id')
  3479.  
  3480.     autoComplete = document.querySelector(`[data-autocomplete-input-id="${domId}"]`)
  3481.  
  3482.     if (!domId || !searchBox) return;
  3483.  
  3484.     let positioner = nodePrevSibling(searchBox);
  3485.     if (!positioner || positioner.nodeName.toLowerCase() !== "tabview-view-autocomplete-pos") {
  3486.       positioner = autoCompletePosCreate();
  3487.       insertBeforeTo(positioner, searchBox);
  3488.     }
  3489.     prependTo(autoComplete, positioner);
  3490.  
  3491.     setupSearchBox(searchBox, positioner);
  3492.  
  3493.   }
  3494.  
  3495.   async function setupSearchBox(searchBox, positioner) {
  3496.  
  3497.     let h = searchBox.offsetHeight + 'px'
  3498.  
  3499.     positioner.style.setProperty('--tyt-swwv-searchbox-h', h)
  3500.  
  3501.     mtf_autocomplete_search()
  3502.  
  3503.   }
  3504.  
  3505.   function mtf_autocomplete_search() {
  3506.     // Youtube - Search While Watching Video
  3507.  
  3508.     /** @type {HTMLElement | null} */
  3509.     const ytdFlexyElm = es.ytdFlexy;
  3510.     if (!scriptEnable || !ytdFlexyElm) return;
  3511.  
  3512.     const autocomplete = _querySelector.call(ytdFlexyElm, '[placeholder-for-youtube-play-next-queue] #suggestions-search-container tabview-view-autocomplete-pos > .autocomplete-suggestions[data-autocomplete-input-id]:not([position-fixed-by-tabview-youtube])')
  3513.  
  3514.     if (autocomplete) {
  3515.  
  3516.       const searchBox = document.querySelector('[placeholder-for-youtube-play-next-queue] input#suggestions-search')
  3517.  
  3518.  
  3519.       if (searchBox) {
  3520.  
  3521.         const rAutoComplete = mWeakRef(autocomplete);
  3522.  
  3523.         function setVisible(autocomplete, b) {
  3524.           autocomplete.style.display = (b ? 'block' : 'none');
  3525.         }
  3526.  
  3527.         function isContentNotEmpty(searchbox, autocomplete) {
  3528.           return (searchbox.value || '').length > 0 && (autocomplete.textContent || '').length > 0;
  3529.         }
  3530.  
  3531.         nodeParent(autocomplete).setAttribute('position-fixed-by-tabview-youtube', '');
  3532.         autocomplete.setAttribute('position-fixed-by-tabview-youtube', '');
  3533.         autocomplete.setAttribute('userscript-scrollbar-render', '')
  3534.  
  3535.         //let cancelClickToggle = false;
  3536.  
  3537.         if (!searchBox.hasAttribute('is-set-click-to-toggle')) {
  3538.           searchBox.setAttribute('is-set-click-to-toggle', '')
  3539.  
  3540.           searchBox.addEventListener('click', function () {
  3541.  
  3542.             Promise.resolve(0).then(() => {
  3543.  
  3544.               const autocomplete = kRef(rAutoComplete);
  3545.  
  3546.               if (!autocomplete) return;
  3547.  
  3548.               const isNotEmpty = isContentNotEmpty(this, autocomplete);
  3549.  
  3550.               if (isNotEmpty) {
  3551.  
  3552.                 let elmVisible = isDOMVisible(autocomplete);
  3553.  
  3554.                 if (elmVisible) {
  3555.                   setVisible(autocomplete, false)
  3556.                 }
  3557.                 else {
  3558.                   setVisible(autocomplete, true)
  3559.                 }
  3560.  
  3561.               }
  3562.  
  3563.             })
  3564.  
  3565.           }, bubblePassive)
  3566.  
  3567.           let cacheScrollIntoView = null;
  3568.           let rafXC = 0;
  3569.           searchBox.addEventListener('keydown', function (evt) {
  3570.             //cancelClickToggle = true;
  3571.             switch (evt.code) {
  3572.               case 'ArrowUp':
  3573.               case 'ArrowDown':
  3574.  
  3575.                 let t = Date.now();
  3576.                 if (rafXC === 0) {
  3577.                   getRAFPromise().then(() => {
  3578.                     rafXC = 0;
  3579.                     let d = Date.now();
  3580.                     if (d - t > 300) return;
  3581.  
  3582.                     const autocomplete = kRef(rAutoComplete);
  3583.                     if (!autocomplete) return;
  3584.  
  3585.                     let selected = _querySelector.call(autocomplete, '.autocomplete-suggestion.selected');
  3586.                     let bool = selected && selected !== cacheScrollIntoView;
  3587.                     cacheScrollIntoView = selected;
  3588.                     if (bool) {
  3589.  
  3590.                       try {
  3591.                         selected.scrollIntoView({ block: "nearest", inline: "nearest" });
  3592.                       } catch (e) { }
  3593.  
  3594.                     }
  3595.  
  3596.                   });
  3597.                   rafXC = 1;
  3598.                 }
  3599.               default:
  3600.               //
  3601.             }
  3602.  
  3603.  
  3604.           }, bubblePassive)
  3605.  
  3606.           searchBox.addEventListener('tyt-autocomplete-suggestions-change', function (evt) {
  3607.  
  3608.             //cancelClickToggle = true;
  3609.             if (evt.target !== document.activeElement) return;
  3610.             getDMPromise().then(() => {
  3611.               const autocomplete = document.querySelector(`.autocomplete-suggestions[data-autocomplete-input-id="${this.getAttribute('data-autocomplete-results-id')}"]`);
  3612.               if (!autocomplete) return;
  3613.               const isNotEmpty = isContentNotEmpty(this, autocomplete);
  3614.               if (isNotEmpty) {
  3615.                 // dont detect visibility; just set to visible
  3616.                 setVisible(autocomplete, true);
  3617.               }
  3618.             });
  3619.  
  3620.           }, bubblePassive)
  3621.  
  3622.         }
  3623.  
  3624.       }
  3625.  
  3626.     }
  3627.  
  3628.   }
  3629.  
  3630.   const insertBeforeTo = HTMLElement.prototype.before ? (elm, target) => {
  3631.     if (!target || !elm) return null;
  3632.     // using before
  3633.     HTMLElement.prototype.before.call(target, elm);
  3634.     return true;
  3635.   } : (elm, target) => {
  3636.     if (!target || !elm) return null;
  3637.     // using insertBefore
  3638.     try {
  3639.       HTMLElement.prototype.insertBefore.call(nodeParent(target), elm, target);
  3640.       return true;
  3641.     } catch (e) {
  3642.       console.log('element insert failed in old browser CE')
  3643.     }
  3644.     return false;
  3645.   }
  3646.  
  3647.   const insertAfterTo = HTMLElement.prototype.after ? (elm, target) => {
  3648.     if (!target || !elm) return null;
  3649.     // using after
  3650.     HTMLElement.prototype.after.call(target, elm);
  3651.     return true;
  3652.   } : (elm, target) => {
  3653.     if (!target || !elm) return null;
  3654.     // using insertBefore
  3655.     try {
  3656.       HTMLElement.prototype.insertBefore.call(nodeParent(target), elm, nodeNextSibling(target));
  3657.       return true;
  3658.     } catch (e) {
  3659.       console.log('element insert failed in old browser CE')
  3660.     }
  3661.     return false;
  3662.   }
  3663.  
  3664.   const prependTo = HTMLElement.prototype.prepend ? (elm, target) => {
  3665.     if (!target || !elm) return null;
  3666.     // using prepend
  3667.     HTMLElement.prototype.prepend.call(target, elm);
  3668.     return true;
  3669.   } : (elm, target) => {
  3670.     if (!target || !elm) return null;
  3671.     // using insertBefore
  3672.     try {
  3673.       HTMLElement.prototype.insertBefore.call(target, elm, nodeFirstChild(target));
  3674.       return true;
  3675.     } catch (e) {
  3676.       console.log('element insert failed in old browser CE')
  3677.     }
  3678.     return false;
  3679.   }
  3680.  
  3681.   const appends = HTMLElement.prototype.append ? (target, ...args) => {
  3682.     HTMLElement.prototype.append.call(target, ...args);
  3683.     return true;
  3684.   } : (target, ...args) => {
  3685.     for (const s of args) {
  3686.       target.appendChild(s)
  3687.     }
  3688.     return true;
  3689.   }
  3690.  
  3691.  
  3692.  
  3693.  
  3694.   function getWrapper(wrapperId) {
  3695.     let wrapper = document.getElementById(wrapperId);
  3696.     if (!wrapper) {
  3697.       wrapper = document.createElement('div');
  3698.       wrapper.id = wrapperId;
  3699.     }
  3700.     return wrapper;
  3701.   }
  3702.  
  3703.   // continuous check for element relocation
  3704.   // fired at begining & window resize, etc
  3705.   // might moved to #primary
  3706.   function mtf_append_playlist(/** @type {HTMLElement | null} */ playlist) {
  3707.  
  3708.     if (playlist === null) {
  3709.       playlist = document.querySelector('ytd-watch-flexy[playlist] *:not(#tabview-playlist-wrapper) > ytd-playlist-panel-renderer.style-scope.ytd-watch-flexy#playlist:not(.ytd-miniplayer)');
  3710.       // this playlist is highly possible to have '#items'
  3711.       if (!playlist) return;
  3712.     }
  3713.  
  3714.     /** @type {HTMLElement | null} */
  3715.     const ytdFlexyElm = es.ytdFlexy;
  3716.     if (!scriptEnable || !ytdFlexyElm) return;
  3717.  
  3718.     let items = _querySelector.call(playlist, "*:not(#tabview-playlist-wrapper) > ytd-playlist-panel-renderer#playlist:not(.ytd-miniplayer) #items.ytd-playlist-panel-renderer:not(:empty)");
  3719.  
  3720.     if (items !== null && playlist.nodeName.toUpperCase() === 'YTD-PLAYLIST-PANEL-RENDERER') {
  3721.  
  3722.       let tab_list = document.querySelector("#tab-list");
  3723.  
  3724.       if (!tab_list) return;
  3725.  
  3726.       let w = getWrapper("tabview-playlist-wrapper");
  3727.       let docFrag = new DocumentFragment();
  3728.       // avoid immediate reflow for append playlist before append to tab_list
  3729.       docFrag.appendChild(w);
  3730.       elementAppend.call(w, playlist);
  3731.       elementAppend.call(tab_list, docFrag);
  3732.       docFrag = null;
  3733.       w = null;
  3734.  
  3735.     }
  3736.   }
  3737.  
  3738.  
  3739.   function getCountHText(elm) {
  3740.     return `${pageFetchedDataVideoId || 0}...${elm.textContent}`
  3741.   }
  3742.  
  3743.   function mtf_fix_collapsible_playlist() {
  3744.  
  3745.     // just in case the playlist is collapsed
  3746.     let playlist = document.querySelector('#tab-list ytd-playlist-panel-renderer#playlist')
  3747.     if (playlist && playlist.matches('[collapsed], [collapsible]')) {
  3748.  
  3749.       const domElement = playlist;
  3750.       playlist = null;
  3751.       // if(!domElement.parentElement || domElement.nodeType!==1) return; // not working in pseudo custom element - parentNode = documentFragment
  3752.       const tablist = closestDOM.call(domElement, 'ytd-watch-flexy #tab-list')
  3753.  
  3754.       if (!tablist || tablist.nodeType !== 1) return; // checking whether it is still on the page
  3755.  
  3756.       if (domElement.hasAttribute('collapsed')) wAttr(domElement, 'collapsed', false);
  3757.       if (domElement.hasAttribute('collapsible')) wAttr(domElement, 'collapsible', false);
  3758.  
  3759.     }
  3760.   }
  3761.  
  3762.   // content fix - info & playlist
  3763.   // fired at begining, and keep for in case any change
  3764.   async function mtf_fix_details() {
  3765.  
  3766.     if (!scriptEnable) return 0; // in case
  3767.  
  3768.     await scriptletDeferred.d();
  3769.     await Promise.all([
  3770.       Promise.resolve().then(() => {
  3771.  
  3772.         let contentToggleBtn = document.querySelector('ytd-watch-flexy #tab-info ytd-expander tp-yt-paper-button#less.ytd-expander:not([hidden]), #tab-info ytd-expander tp-yt-paper-button#more.ytd-expander:not([hidden])');
  3773.  
  3774.         if (contentToggleBtn) {
  3775.  
  3776.           const domElement = contentToggleBtn;
  3777.           contentToggleBtn = null;
  3778.           // if(!domElement.parentElement) return; // not working in pseudo custom element - parentNode = documentFragment
  3779.           const expander = closestDOM.call(domElement, 'ytd-watch-flexy #tab-info ytd-expander')
  3780.  
  3781.           if (!expander || expander.nodeType !== 1) return; // checking whether it is still on the page
  3782.  
  3783.           if (expander.style.getPropertyValue('--ytd-expander-collapsed-height')) {
  3784.             expander.style.setProperty('--ytd-expander-collapsed-height', '')
  3785.           }
  3786.           sendToPageScript(expander, "tabview-expander-config");
  3787.  
  3788.         }
  3789.  
  3790.       }),
  3791.  
  3792.       Promise.resolve().then(() => {
  3793.  
  3794.         let strcturedInfo = document.querySelector('ytd-watch-flexy #tab-info ytd-structured-description-content-renderer.style-scope.ytd-video-secondary-info-renderer')
  3795.         if (strcturedInfo) {
  3796.           const isHidden = closestDOM.call(strcturedInfo, '[hidden]');
  3797.           if (isHidden) {
  3798.             if (strcturedInfo.hasAttribute('hidden')) strcturedInfo.removeAttribute('hidden');
  3799.             const descriptionElement = closestDOM.call(strcturedInfo, 'ytd-expander.style-scope.ytd-video-secondary-info-renderer #description.style-scope.ytd-video-secondary-info-renderer');
  3800.             if (descriptionElement && descriptionElement.hasAttribute('hidden')) {
  3801.               descriptionElement.removeAttribute('hidden');
  3802.             }
  3803.           }
  3804.           isHidden && setTimeout(() => {
  3805.             let e = closestDOM.call(strcturedInfo, 'ytd-watch-flexy #tab-info ytd-expander');
  3806.             if (!e) return;
  3807.             let s = _querySelectorAll.call(e, '#tab-info .more-button.style-scope.ytd-video-secondary-info-renderer[role="button"]');
  3808.             if (s.length === 1) {
  3809.               let sp = nodeParent(s[0]);
  3810.               if (sp.nodeName.toUpperCase() === 'TP-YT-PAPER-BUTTON') {
  3811.                 sp.click();
  3812.               }
  3813.             }
  3814.           }, 300);
  3815.         }
  3816.  
  3817.       }),
  3818.  
  3819.       Promise.resolve().then(() => {
  3820.  
  3821.  
  3822.         let subscribersCount = document.querySelector('#primary.ytd-watch-flexy #below ytd-watch-metadata #owner #owner-sub-count');
  3823.  
  3824.         if (subscribersCount) {
  3825.           if (!subscribersCount.hasAttribute('title')) {
  3826.             // assume YouTube native coding would not implement [title]
  3827.  
  3828.             let ytdWatchMetaDataElm = closestDOM.call(subscribersCount, 'body #primary.ytd-watch-flexy #below ytd-watch-metadata:not([tabview-uploader-hover])');
  3829.             if (ytdWatchMetaDataElm) {
  3830.               ytdWatchMetaDataElm.setAttribute('tabview-uploader-hover', '')
  3831.               let _h = 0;
  3832.               ytdWatchMetaDataElm.addEventListener('transitionend', function (evt) {
  3833.                 // no css selector rule required; no delay js function call required
  3834.  
  3835.                 let selection = evt.propertyName === 'background-position-y' ? 1 : evt.propertyName === 'background-position-x' ? 2 : 0;
  3836.  
  3837.                 if (selection && evt.target) {
  3838.                   let cssRoot = this; // no querySelector is required
  3839.                   if (cssRoot.classList.contains('tabview-uploader-hover')) {
  3840.                     if (evt.target.id !== 'owner') return;
  3841.                     cssRoot.classList.toggle('tabview-uploader-hover', false);
  3842.                   }
  3843.                 }
  3844.  
  3845.                 if (selection === 1) { // string comparision only
  3846.  
  3847.                   // If the cursor initially stayed at the owner info area, 
  3848.                   // the mechanism will be broken
  3849.                   // so implement the true leave detection at their parent
  3850.  
  3851.                   let isHover = evt.elapsedTime < 0.03; // 50ms @normal; 10ms @hover;
  3852.  
  3853.                   let cssRoot = this; // no querySelector is required
  3854.                   if (!isHover) {
  3855.                     // 50ms is slowest than sub element leave effect
  3856.                     if (_h > 0) cssRoot.classList.toggle('tabview-uploader-hover', false) // even the order is incorrect, removal of class is safe.
  3857.                     _h = 0; // in case
  3858.                   } else if (isHover) {
  3859.                     // 10ms is faster than sub element hover effect
  3860.                     // no removal of class in case browser's transition implemention order is incorrect
  3861.                     _h = 0; // in case
  3862.                   }
  3863.  
  3864.                 } else if (selection === 2) { // string comparision only
  3865.  
  3866.                   //from one element to another element; hover effect of 2nd element transition end first.
  3867.                   // _h: 0 -> 1 -> 2 -> 1
  3868.  
  3869.                   let isHover = evt.elapsedTime < 0.03; // 40ms @normal; 20ms @hover;
  3870.                   if (isHover) _h++; else _h--;
  3871.                   let cssRoot = this; // no querySelector is required
  3872.                   if (_h <= 0) {
  3873.                     cssRoot.classList.toggle('tabview-uploader-hover', false)
  3874.                     _h = 0; // in case
  3875.                   } else if (_h === 1) {
  3876.                     cssRoot.classList.toggle('tabview-uploader-hover', true)
  3877.                   }
  3878.  
  3879.                 }
  3880.  
  3881.               }, capturePassive) // capture the hover effect inside the cssRoot
  3882.             }
  3883.  
  3884.           }
  3885.           subscribersCount.setAttribute('title', subscribersCount.textContent); // set at every page update
  3886.  
  3887.         }
  3888.  
  3889.       })
  3890.  
  3891.  
  3892.     ]);
  3893.  
  3894.  
  3895.   }
  3896.  
  3897.  
  3898.   const innerCommentsFuncs = [
  3899.     // comments
  3900.     function () {
  3901.  
  3902.       let elm = kRef(this.elm);
  3903.       // _console.log(2907, 1, !!elm)
  3904.       if (!elm) return;
  3905.  
  3906.       let span = document.querySelector("span#tyt-cm-count")
  3907.       // let r = '0';
  3908.       // let txt = elm.textContent
  3909.       // if (typeof txt == 'string') {
  3910.       //   let m = txt.match(/[\d\,\.\s]+/)
  3911.       //   if (m) {
  3912.       //     let d = +m[0].replace(/\D+/g, '');
  3913.       //     let ds = d.toLocaleString(document.documentElement.lang);
  3914.       //     let rtxt = txt.replace(ds, '')
  3915.       //     if (rtxt !== txt && !/\d/.test(rtxt)) {
  3916.       //       r = ds;
  3917.       //     }
  3918.       //   }
  3919.       // }
  3920.  
  3921.       if (span) {
  3922.         let tab_btn = closestDOM.call(span, '.tab-btn[tyt-tab-content="#tab-comments"]')
  3923.         if (tab_btn) tab_btn.setAttribute('loaded-comment', 'normal');
  3924.         sendToPageScript(document, 'tyt-update-cm-count');
  3925.         // span.textContent = r;
  3926.       }
  3927.  
  3928.  
  3929.       setCommentSection(1);
  3930.       m_last_count = getCountHText(elm);
  3931.       // _console.log(2907, 2, m_last_count)
  3932.       return true;
  3933.     },
  3934.     // message
  3935.     function () {
  3936.  
  3937.       let elm = kRef(this.elm);
  3938.       // _console.log(2907, 2, !!elm)
  3939.       if (!elm) return;
  3940.  
  3941.       let span = document.querySelector("span#tyt-cm-count")
  3942.       if (span) {
  3943.         let tab_btn = closestDOM.call(span, '.tab-btn[tyt-tab-content="#tab-comments"]')
  3944.         if (tab_btn) tab_btn.setAttribute('loaded-comment', 'message')
  3945.         span.textContent = '\u200B';
  3946.       }
  3947.  
  3948.       setCommentSection(1);
  3949.       m_last_count = getCountHText(elm);
  3950.       // _console.log(2907, 2, m_last_count)
  3951.       return true;
  3952.     }
  3953.   ]
  3954.  
  3955.  
  3956.   let innerDOMCommentsCountTextCache = null;
  3957.   /**
  3958.    * 
  3959.    * @param {boolean} [requireResultCaching]
  3960.    * @returns 
  3961.    */
  3962.   function innerDOMCommentsCountLoader(requireResultCaching) {
  3963.     // independent of tabs initialization
  3964.     // f() is executed after tabs being ready
  3965.  
  3966.     /** @type {HTMLElement | null} */
  3967.     const ytdFlexyElm = es.ytdFlexy;
  3968.     if (!scriptEnable || !ytdFlexyElm) return;
  3969.  
  3970.     // _console.log(3434, pageType)
  3971.     if (pageType !== 'watch') return;
  3972.  
  3973.     /** @type {HTMLElement | null} */
  3974.     const qtElm = document.querySelector('ytd-comments#comments');
  3975.     if (!qtElm) return;
  3976.  
  3977.     /** @type {Array<HTMLElement>} */
  3978.     const qmElms = _querySelectorAll.call(qtElm, '#count.ytd-comments-header-renderer, ytd-item-section-renderer.ytd-comments#sections #header ~ #contents > ytd-message-renderer.ytd-item-section-renderer');
  3979.  
  3980.     const eTime = +`${Date.now() - mTime}00`;
  3981.  
  3982.     let res = new Array(qmElms.length);
  3983.     res.newFound = false;
  3984.  
  3985.  
  3986.     let ci = 0;
  3987.     let latest = -1;
  3988.  
  3989.     let retrival = cmTime;
  3990.     cmTime = eTime;
  3991.  
  3992.     for (const qmElm of qmElms) {
  3993.  
  3994.       let mgz = 0
  3995.       if (qmElm.id === 'count') {
  3996.         //#count.ytd-comments-header-renderer
  3997.         mgz = 1;
  3998.  
  3999.       } else if ((qmElm.textContent || '').trim()) {
  4000.         //ytd-message-renderer.ytd-item-section-renderer
  4001.         mgz = 2;
  4002.         // it is possible to get the message before the header generation.
  4003.         // sample link - https://www.youtube.com/watch?v=PVUZ8Nvr1ic
  4004.         // sample link - https://www.youtube.com/watch?v=yz8AiQc1Bk8
  4005.       }
  4006.  
  4007.       if (mgz > 0) {
  4008.  
  4009.  
  4010.         let lastUpdate = loadedCommentsDT.get(qmElm) || 0;
  4011.         let diff = retrival - lastUpdate
  4012.         // _console.log(2907, diff)
  4013.         let isNew = (diff > 4 || diff < -4);
  4014.         if (!isNew) {
  4015.           loadedCommentsDT.set(qmElm, eTime);
  4016.         } else {
  4017.           loadedCommentsDT.set(qmElm, eTime + 1);
  4018.           res.newFound = true;
  4019.           latest = ci;
  4020.         }
  4021.  
  4022.         res[ci] = {
  4023.           elm: mWeakRef(qmElm),
  4024.           isNew: isNew,
  4025.           isLatest: false, //set afterwards
  4026.           f: innerCommentsFuncs[mgz - 1]
  4027.         }
  4028.  
  4029.         if (DEBUG_LOG) {
  4030.           res[ci].status = mgz;
  4031.           res[ci].text = qmElm.textContent;
  4032.         }
  4033.  
  4034.         ci++;
  4035.  
  4036.       }
  4037.  
  4038.     }
  4039.     if (res.length > ci) res.length = ci;
  4040.  
  4041.     if (latest >= 0) {
  4042.  
  4043.       res[latest].isLatest = true;
  4044.  
  4045.  
  4046.       let elm = kRef(res[latest].elm);
  4047.       if (elm)
  4048.         innerDOMCommentsCountTextCache = elm.textContent;
  4049.  
  4050.     } else if (res.length === 1) {
  4051.  
  4052.       let qmElm = kRef(res[0].elm);
  4053.       let t = null;
  4054.       if (qmElm) {
  4055.  
  4056.         let t = qmElm.textContent;
  4057.         if (t !== innerDOMCommentsCountTextCache) {
  4058.  
  4059.  
  4060.           loadedCommentsDT.set(qmElm, eTime + 1);
  4061.           res.newFound = true;
  4062.  
  4063.           res[0].isNew = true;
  4064.           latest = 0;
  4065.  
  4066.           res[latest].isLatest = true;
  4067.  
  4068.         }
  4069.  
  4070.         innerDOMCommentsCountTextCache = t;
  4071.  
  4072.  
  4073.       }
  4074.  
  4075.  
  4076.     }
  4077.  
  4078.  
  4079.     // _console.log(2908, res, Q.comments_section_loaded)
  4080.  
  4081.     // _console.log(696, res.map(e => ({
  4082.  
  4083.     //   text: kRef(e.elm).textContent,
  4084.     //   isNew: e.isNew,
  4085.     //   isLatest: e.isLatest
  4086.  
  4087.     // })))
  4088.  
  4089.     if (requireResultCaching) {
  4090.       resultCommentsCountCaching(res);
  4091.     }
  4092.  
  4093.     return res;
  4094.  
  4095.   }
  4096.  
  4097.   function restoreFetching() {
  4098.  
  4099.  
  4100.     if (mtf_forceCheckLiveVideo_disable === 2) return;
  4101.  
  4102.  
  4103.     const ytdFlexyElm = es.ytdFlexy;
  4104.     if (!ytdFlexyElm) return;
  4105.  
  4106.     // _console.log(2901)
  4107.  
  4108.     if ((ytdFlexyElm.getAttribute('tyt-comments') || '').indexOf('K') >= 0) return;
  4109.  
  4110.     // _console.log(2902)
  4111.  
  4112.     let visibleComments = _querySelector.call(ytdFlexyElm, 'ytd-comments#comments:not([hidden])')
  4113.     if (!visibleComments) return;
  4114.  
  4115.     // _console.log(2903)
  4116.  
  4117.  
  4118.     ytdFlexyElm.setAttribute('tyt-comments', 'Kz');
  4119.  
  4120.     const tabBtn = document.querySelector('[tyt-tab-content="#tab-comments"]');
  4121.     let span = _querySelector.call(tabBtn, 'span#tyt-cm-count');
  4122.     tabBtn.removeAttribute('loaded-comment')
  4123.     span.innerHTML = createHTML('');
  4124.  
  4125.     if (tabBtn) {
  4126.       setTabBtnVisible(tabBtn, true);
  4127.     }
  4128.  
  4129.     // _console.log(2905)
  4130.  
  4131.  
  4132.   }
  4133.  
  4134.   function checkAndMakeNewCommentFetch() {
  4135.     if (renderDeferred.resolved && Q.comments_section_loaded === 0 && fetchCounts.new && !fetchCounts.fetched) {
  4136.       fetchCounts.new.f();
  4137.       fetchCounts.fetched = true;
  4138.       fetchCommentsFinished();
  4139.       // _console.log(9972, 'fetched = true')
  4140.     }
  4141.   }
  4142.   function onCommentsReady(e) {
  4143.     // e => from commentsHeaderAppended
  4144.     let b = false;
  4145.     if (e && mtf_forceCheckLiveVideo_disable !== 2 && document.querySelector('ytd-comments#comments:not([hidden])')) {
  4146.       // 'YTD-COMMENTS-HEADER-RENDERER', native DOM
  4147.       setCommentSection(0);
  4148.       checkAndMakeNewCommentFetch();
  4149.       b = true;
  4150.     }
  4151.     _onCommentsReady(b);
  4152.   }
  4153.  
  4154.   function _onCommentsReady(b) {
  4155.     if (mtf_forceCheckLiveVideo_disable !== 2) {
  4156.       if (document.querySelector('ytd-comments#comments').hasAttribute('hidden')) {
  4157.         // unavailable but not due to live chat
  4158.         _disableComments();
  4159.       } else if (Q.comments_section_loaded === 0) {
  4160.         if (b || (comments_loader & 3) === 3) {
  4161.           getFinalComments();
  4162.         }
  4163.       }
  4164.     }
  4165.   }
  4166.  
  4167.   const resultCommentsCountCaching = (res) => {
  4168.     // update fetchCounts by res
  4169.     // indepedent of previous state of fetchCounts
  4170.     // _console.log(2908, 10, res)
  4171.     if (!res) return;
  4172.     fetchCounts.count = res.length;
  4173.     //if(fetchCounts.new && !document.documentElement.contains(fetchCounts.new.elm)) fetchCounts.new = null;
  4174.     //if(fetchCounts.base && !document.documentElement.contains(fetchCounts.base.elm)) fetchCounts.base = null;
  4175.     if (fetchCounts.new) return;
  4176.     let newFound = res.newFound;
  4177.     if (!newFound) {
  4178.       if (res.length === 1) {
  4179.         fetchCounts.base = res[0];
  4180.         return false;
  4181.       }
  4182.     } else if (res.length === 1) {
  4183.       fetchCounts.new = res[0];
  4184.       return true;
  4185.     } else if (res.length > 1) {
  4186.       for (const entry of res) {
  4187.         if (entry.isLatest === true && entry.isNew) {
  4188.           fetchCounts.new = entry;
  4189.           return true;
  4190.         }
  4191.       }
  4192.     }
  4193.   }
  4194.  
  4195.   const domInit_comments = () => {
  4196.  
  4197.  
  4198.     let comments = document.querySelector(`ytd-comments#comments:not([o3r-${sa_comments}])`);
  4199.     if (!comments) return;
  4200.  
  4201.     // once per {ytd-comments#comments} detection
  4202.  
  4203.     const ytdFlexyElm = es.ytdFlexy;
  4204.     if (!scriptEnable || !ytdFlexyElm) return;
  4205.  
  4206.     if (mtoVisibility_Comments.bindElement(comments)) {
  4207.       mtoVisibility_Comments.observer.check(9);
  4208.     }
  4209.  
  4210.  
  4211.   };
  4212.  
  4213.   const fixLiveChatToggleButtonDispatchEvent = () => {
  4214.     sendToPageScript(document, "tabview-fix-live-chat-toggle-btn");
  4215.   }
  4216.  
  4217.   // let chatroomAttrCollapseCount = 0;
  4218.  
  4219.   const FP = {
  4220.  
  4221.     mtf_attrPlaylist: (attrName, newValue) => {
  4222.       //attr mutation checker - {ytd-playlist-panel-renderer#playlist} \single
  4223.       //::attr ~ hidden    
  4224.       //console.log(1210)
  4225.  
  4226.       // _console.log(21311)
  4227.       if (!scriptEnable) return;
  4228.       if (pageType !== 'watch') return;
  4229.       /** @type {HTMLElement|null} */
  4230.       let cssElm = es.ytdFlexy;
  4231.       if (!cssElm) return;
  4232.  
  4233.       // _console.log(21312)
  4234.  
  4235.       let playlist = document.querySelector('#tab-list ytd-playlist-panel-renderer#playlist'); // can be null if it is manually triggered
  4236.       let isAnyPlaylistExist = playlist && !playlist.hasAttribute('hidden');
  4237.       const tabBtn = document.querySelector('[tyt-tab-content="#tab-list"]');
  4238.       //console.log(1212.2, isPlaylistHidden, playlist.getAttribute('hidden'))
  4239.       if (tabBtn) {
  4240.         //console.log('attr playlist changed')
  4241.         let isPlaylistTabHidden = tabBtn.classList.contains('tab-btn-hidden')
  4242.         if (isPlaylistTabHidden && isAnyPlaylistExist) {
  4243.           //console.log('attr playlist changed - no hide')
  4244.           tabBtn.classList.remove("tab-btn-hidden");
  4245.         } else if (!isPlaylistTabHidden && !isAnyPlaylistExist) {
  4246.           //console.log('attr playlist changed - add hide')
  4247.           hideTabBtn(tabBtn);
  4248.         }
  4249.       }
  4250.       /* visible layout for triggering hidden removal */
  4251.  
  4252.     },
  4253.     mtf_attrComments: (attrName, newValue) => {
  4254.       //attr mutation checker - {ytd-comments#comments} \single
  4255.       //::attr ~ hidden
  4256.  
  4257.       // *** consider this can happen immediately after pop state. timeout / interval might clear out.
  4258.  
  4259.       renderDeferred.resolved && innerDOMCommentsCountLoader(true);
  4260.       // this is triggered by mutationobserver, the comment count update might have ouccred
  4261.  
  4262.       if (pageType !== 'watch') return;
  4263.  
  4264.       let comments = document.querySelector('ytd-comments#comments')
  4265.       const tabBtn = document.querySelector('[tyt-tab-content="#tab-comments"]');
  4266.       if (!comments || !tabBtn) return;
  4267.       let isCommentHidden = comments.hasAttribute('hidden')
  4268.       //console.log('attr comments changed')
  4269.  
  4270.  
  4271.       const ytdFlexyElm = es.ytdFlexy;
  4272.       if (!scriptEnable || !ytdFlexyElm) return;
  4273.  
  4274.       if (mtf_forceCheckLiveVideo_disable === 2) {
  4275.  
  4276.       } else if (!isCommentHidden) {
  4277.  
  4278.         ytdFlexyElm.setAttribute('tyt-comments', 'Kv');
  4279.         if (!fetchCounts.fetched) {
  4280.           emptyCommentSection();
  4281.         }
  4282.         //_console.log(9360, 71);
  4283.         setTabBtnVisible(tabBtn, true); //if contains
  4284.  
  4285.       } else if (isCommentHidden) {
  4286.  
  4287.         ytdFlexyElm.setAttribute('tyt-comments', 'Kh');
  4288.         if (pageType === 'watch' && Q.comments_section_loaded === 1) {
  4289.           emptyCommentSection();
  4290.           // _console.log(9360, 72);
  4291.         }
  4292.  
  4293.       }
  4294.  
  4295.  
  4296.     },
  4297.  
  4298.     mtf_attrChatroom: () => {
  4299.       //attr mutation checker - {ytd-live-chat-frame#chat} \single
  4300.       //::attr ~ collapsed
  4301.  
  4302.       const ytdFlexyElm = es.ytdFlexy;
  4303.       if (!scriptEnable || !ytdFlexyElm) return;
  4304.       if (pageType !== 'watch') return;
  4305.  
  4306.       setToggleBtnTxt();
  4307.  
  4308.       layoutStatusMutex.lockWith(unlock => {
  4309.  
  4310.         const chatBlock = document.querySelector('ytd-live-chat-frame#chat');
  4311.         /** @type {HTMLElement | null} */
  4312.         const cssElm = es.ytdFlexy;
  4313.         if (!chatBlock || !cssElm) {
  4314.           unlock();
  4315.           return;
  4316.         }
  4317.  
  4318.         if (pageType !== 'watch') {
  4319.           unlock();
  4320.           return;
  4321.         }
  4322.  
  4323.         let newAttrV = '';
  4324.         //mtf_attrChatroom => chat exist => tyt-chat non-null
  4325.  
  4326.         let isCollapsed = !!chatBlock.hasAttribute('collapsed');
  4327.  
  4328.         let currentAttr = cssElm.getAttribute('tyt-chat');
  4329.  
  4330.         if (currentAttr !== null) { //string     // [+-]?[az]+[az\$]+
  4331.           let isPlusMinus = currentAttr.charCodeAt(0) < 46; // 43 OR 45
  4332.           if (isPlusMinus) newAttrV = currentAttr.substring(1);
  4333.         }
  4334.  
  4335.         if (isCollapsed) newAttrV = `-${newAttrV}`;
  4336.         if (!isCollapsed) newAttrV = `+${newAttrV}`;
  4337.  
  4338.         wAttr(cssElm, 'tyt-chat', newAttrV);
  4339.  
  4340.  
  4341.         if (typeof newAttrV === 'string' && !isCollapsed) lstTab.lastPanel = '#chatroom';
  4342.  
  4343.         if (!isCollapsed && isAnyActiveTab() && isWideScreenWithTwoColumns() && !isTheater()) {
  4344.           switchTabActivity(null);
  4345.           getDMPromise().then(unlock);
  4346.         } else {
  4347.           unlock();
  4348.         }
  4349.  
  4350.         if (isCollapsed) {
  4351.           // ++chatroomAttrCollapseCount;
  4352.           // chatBlock.removeAttribute('tyt-iframe-loaded');
  4353.           chatBlock.classList.remove('tyt-chat-frame-ready');
  4354.           // console.log(922,1)
  4355.           // buggy; this section might not be correctly executed.
  4356.           // guess no collapse change but still iframe will distory and reload.
  4357.           let btn = document.querySelector('tyt-iframe-popup-btn')
  4358.           if (btn) btn.remove();
  4359.         } else {
  4360.  
  4361.           const iframe = _querySelector.call(chatBlock, 'body iframe.style-scope.ytd-live-chat-frame#chatframe');
  4362.           // console.log("iframe.xx",501,iframe)
  4363.           // showMessages_IframeLoaded && console.debug('[tyt.iframe] loaded 0B');
  4364.           if (iframe) Promise.resolve(iframe).then(iframeToVisible); // fix empty
  4365.  
  4366.         }
  4367.  
  4368.         fixLiveChatToggleButtonDispatchEvent();
  4369.  
  4370.       })
  4371.  
  4372.  
  4373.     },
  4374.  
  4375.     mtf_attrEngagementPanel: ( /** @type {MutationRecord[]} */ mutations, /** @type {MutationObserver} */ observer) => {
  4376.       //attr mutation checker - {ytd-engagement-panel-section-list-renderer} \mutiple
  4377.       //::attr ~ visibility
  4378.  
  4379.       const cssElm = es.ytdFlexy;
  4380.       if (!scriptEnable || !cssElm) return;
  4381.       let found = null
  4382.       if (mutations === 9) {
  4383.         found = observer
  4384.       } else {
  4385.         if (document.querySelector('ytd-watch-flexy[flexy][tyt-tab] #panels.ytd-watch-flexy ytd-engagement-panel-section-list-renderer[target-id][visibility="ENGAGEMENT_PANEL_VISIBILITY_EXPANDED"]:not([hidden])')) {
  4386.           // do nothing
  4387.         } else {
  4388.           mtoVisibility_EngagementPanel.clear(true)
  4389.           storeLastPanel = null;
  4390.           wAttr(cssElm, 'tyt-ep-visible', false);
  4391.         }
  4392.         return
  4393.       }
  4394.       let nextValue = engagement_panels_().value;
  4395.       let previousValue = +cssElm.getAttribute('tyt-ep-visible') || 0;
  4396.       if (nextValue === 0 || previousValue === nextValue) return
  4397.       cssElm.setAttribute('tyt-ep-visible', nextValue);
  4398.       lstTab.lastPanel = `#engagement-panel-${nextValue}`;
  4399.       storeLastPanel = mWeakRef(found)
  4400.       discardableFn(() => {
  4401.         if (es.storeLastPanel !== found) return
  4402.         layoutStatusMutex.lockWith(unlock => {
  4403.           if (es.storeLastPanel === found && whenEngagemenetPanelVisible()) {
  4404.             getDMPromise().then(unlock);
  4405.           } else {
  4406.             unlock();
  4407.           }
  4408.         });
  4409.       });
  4410.     }
  4411.  
  4412.   }
  4413.  
  4414.  
  4415.   function variableResets() {
  4416.  
  4417.     // reset variables when it is confirmed a new page is loaded
  4418.  
  4419.     lstTab =
  4420.     {
  4421.       lastTab: null, //tab-xxx
  4422.       lastPanel: null,
  4423.       last: null
  4424.     };
  4425.  
  4426.     scriptEnable = false;
  4427.     ytdFlexy = null;
  4428.     wls.layoutStatus = 0;
  4429.  
  4430.     mtoVisibility_Playlist.clear(true)
  4431.     mtoVisibility_Comments.clear(true)
  4432.  
  4433.     mtoVisibility_Chatroom.clear(true)
  4434.     mtoFlexyAttr.clear(true)
  4435.     mtoBodyAttr.clear(true)
  4436.  
  4437.  
  4438.     mtf_chatBlockQ = null;
  4439.  
  4440.   }
  4441.  
  4442.  
  4443.  
  4444.   function contentExtractor(elm) {
  4445.     if (!(elm instanceof HTMLElement)) {
  4446.       return null;
  4447.     }
  4448.     let m = elm.textContent;
  4449.     let isEmpty = m.trim().length === 0;
  4450.     if (isEmpty) return null;
  4451.     let s = elm.nodeName;
  4452.     let id = elm.id;
  4453.     if (id) s += '#' + id;
  4454.     return s + '\n' + m;
  4455.   }
  4456.  
  4457.   async function checkDuplicatedMetaRecommendation() {
  4458.     let mainContent0 = document.querySelector('#primary.ytd-watch-flexy #above-the-fold.ytd-watch-metadata');
  4459.     let mainContent1 = document.querySelector('#tab-info ytd-expander > #content');
  4460.     if (mainContent0 && mainContent1) {
  4461.       const hashedContents = new Set();
  4462.       for (let s1 = elementNextSibling(mainContent1); s1 instanceof HTMLElement; s1 = elementNextSibling(s1)) {
  4463.         let m = contentExtractor(s1);
  4464.         if (m === null) continue;
  4465.         hashedContents.add(m);
  4466.       }
  4467.  
  4468.       for (let s0 = elementNextSibling(mainContent0); s0 instanceof HTMLElement; s0 = elementNextSibling(s0)) {
  4469.         let m = contentExtractor(s0);
  4470.         if (m !== null && hashedContents.has(m)) {
  4471.           s0.classList.add('tyt-hidden-duplicated-meta');
  4472.         } else {
  4473.           s0.classList.remove('tyt-hidden-duplicated-meta');
  4474.         }
  4475.       }
  4476.       hashedContents.clear();
  4477.     }
  4478.   }
  4479.  
  4480.   const elementMapper = new WeakMap();
  4481.  
  4482.  
  4483.   const isContentDuplicationCheckAllow = () => {
  4484.     return document.querySelectorAll('[tyt-info-expander-placeholder]').length === 1 && document.querySelectorAll('[tyt-info-expander-content]').length === 1;
  4485.   }
  4486.  
  4487.   let waitForContentReady = new PromiseExternal(); // dummy initial value
  4488.  
  4489.   async function removeContentMismatch() {
  4490.  
  4491.     if (!document.querySelector('#tab-info')) return;
  4492.     const dmysOnPage = document.querySelectorAll('[tyt-info-expander-placeholder]');
  4493.     if (dmysOnPage.length === 1) {
  4494.  
  4495.       const dmyElm = dmysOnPage[0];
  4496.       const expander = elementMapper.get(dmyElm);
  4497.       if (!expander) return;
  4498.  
  4499.       for (const s of document.querySelectorAll('[tyt-info-expander-content]')) {
  4500.         if (expander !== s) s.remove();
  4501.       }
  4502.       if (expander.isConnected === false) {
  4503.         document.querySelector('#tab-info').appendChild(expander);
  4504.       }
  4505.  
  4506.       isContentDuplicationCheckAllow() && waitForContentReady.resolve();
  4507.  
  4508.     }
  4509.  
  4510.  
  4511.   }
  4512.  
  4513.   function getWord(tag) {
  4514.     return langWords[pageLang][tag] || langWords['en'][tag] || '';
  4515.   }
  4516.  
  4517.  
  4518.   function getTabsHTML() {
  4519.  
  4520.     const sTabBtnVideos = `${svgElm(16, 16, 90, 90, svgVideos)}<span>${getWord('videos')}</span>`;
  4521.     const sTabBtnInfo = `${svgElm(16, 16, 60, 60, svgInfo)}<span>${getWord('info')}</span>`;
  4522.     const sTabBtnPlayList = `${svgElm(16, 16, 20, 20, svgPlayList)}<span>${getWord('playlist')}</span>`;
  4523.  
  4524.     let str1 = `
  4525.         <paper-ripple class="style-scope yt-icon-button">
  4526.             <div id="background" class="style-scope paper-ripple" style="opacity:0;"></div>
  4527.             <div id="waves" class="style-scope paper-ripple"></div>
  4528.         </paper-ripple>
  4529.         `;
  4530.  
  4531.     let str_fbtns = `
  4532.     <div class="font-size-right">
  4533.     <div class="font-size-btn font-size-plus" tyt-di="8rdLQ">
  4534.     <svg width="12" height="12" viewbox="0 0 50 50" preserveAspectRatio="xMidYMid meet" 
  4535.     stroke="currentColor" stroke-width="6" stroke-linecap="round" vector-effect="non-scaling-size">
  4536.       <path d="M12 25H38M25 12V38"/>
  4537.     </svg>
  4538.     </div><div class="font-size-btn font-size-minus" tyt-di="8rdLQ">
  4539.     <svg width="12" height="12" viewbox="0 0 50 50" preserveAspectRatio="xMidYMid meet"
  4540.     stroke="currentColor" stroke-width="6" stroke-linecap="round" vector-effect="non-scaling-size">
  4541.       <path d="M12 25h26"/>
  4542.     </svg>
  4543.     </div>
  4544.     </div>
  4545.     `.replace(/[\r\n]+/g, '');
  4546.  
  4547.     const str_tabs = [
  4548.       `<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>`,
  4549.       `<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>`,
  4550.       `<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>`,
  4551.       `<a id="tab-btn5" tyt-di="q9Kjc" tyt-tab-content="#tab-list" class="tab-btn tab-btn-hidden">${sTabBtnPlayList}${str1}${str_fbtns}</a>`
  4552.     ].join('');
  4553.  
  4554.     let addHTML = `
  4555.         <div id="right-tabs">
  4556.             <tabview-view-pos-thead></tabview-view-pos-thead>
  4557.             <header>
  4558.                 <div id="material-tabs">
  4559.                     ${str_tabs}
  4560.                 </div>
  4561.             </header>
  4562.             <div class="tab-content">
  4563.                 <div id="tab-info" class="tab-content-cld tab-content-hidden" tyt-hidden userscript-scrollbar-render></div>
  4564.                 <div id="tab-comments" class="tab-content-cld tab-content-hidden" tyt-hidden userscript-scrollbar-render></div>
  4565.                 <div id="tab-videos" class="tab-content-cld tab-content-hidden" tyt-hidden userscript-scrollbar-render></div>
  4566.                 <div id="tab-list" class="tab-content-cld tab-content-hidden" tyt-hidden userscript-scrollbar-render></div>
  4567.             </div>
  4568.         </div>
  4569.         `;
  4570.  
  4571.     return addHTML;
  4572.  
  4573.   }
  4574.  
  4575.  
  4576.   function getLang() {
  4577.  
  4578.     let lang = 'en';
  4579.     let htmlLang = ((document || 0).documentElement || 0).lang || '';
  4580.     switch (htmlLang) {
  4581.       case 'en':
  4582.       case 'en-GB':
  4583.         lang = 'en';
  4584.         break;
  4585.       case 'de':
  4586.       case 'de-DE':
  4587.         lang = 'du';
  4588.         break;
  4589.       case 'fr':
  4590.       case 'fr-CA':
  4591.       case 'fr-FR':
  4592.         lang = 'fr';
  4593.         break;
  4594.       case 'zh-Hant':
  4595.       case 'zh-Hant-HK':
  4596.       case 'zh-Hant-TW':
  4597.         lang = 'tw';
  4598.         break;
  4599.       case 'zh-Hans':
  4600.       case 'zh-Hans-CN':
  4601.         lang = 'cn';
  4602.         break;
  4603.       case 'ja':
  4604.       case 'ja-JP':
  4605.         lang = 'jp';
  4606.         break;
  4607.       case 'ko':
  4608.       case 'ko-KR':
  4609.         lang = 'kr';
  4610.         break;
  4611.       case 'ru':
  4612.       case 'ru-RU':
  4613.         lang = 'ru';
  4614.         break;
  4615.       default:
  4616.         lang = 'en';
  4617.     }
  4618.  
  4619.     return lang;
  4620.  
  4621.   }
  4622.  
  4623.   function getLangForPage() {
  4624.  
  4625.     let lang = getLang();
  4626.  
  4627.     if (langWords[lang]) pageLang = lang; else pageLang = 'en';
  4628.  
  4629.   }
  4630.  
  4631.   // function checkEvtTarget(evt, nodeNames) {
  4632.   //   return nodeNames.includes((((evt || 0).target || 0).nodeName || 0));
  4633.   // }
  4634.  
  4635.   function pageCheck() {
  4636.     // yt-player-updated
  4637.     // yt-page-data-updated
  4638.     // [is-two-columns_] attr changed => layout changed
  4639.  
  4640.     /** @type {HTMLElement | null} */
  4641.     const ytdFlexyElm = es.ytdFlexy;
  4642.     if (!scriptEnable || !ytdFlexyElm) return;
  4643.  
  4644.     const rootDom = document.documentElement;
  4645.     rootDom.setAttribute('sxmq8', rootDom.getAttribute('sxmq8') === '1' ? '0' : '1');
  4646.     console.log('sxmq8 r1', document.documentElement.getAttribute('sxmq8') );
  4647.  
  4648.     let comments = _querySelector.call(ytdFlexyElm, '#primary.ytd-watch-flexy ytd-watch-metadata ~ ytd-comments#comments');
  4649.     if (comments) {
  4650.       let tabComments = document.querySelector('#tab-comments');
  4651.       if (tabComments) {
  4652.         elementAppend.call(tabComments, comments);
  4653.       }
  4654.     }
  4655.  
  4656.     mtf_append_playlist(null); // playlist relocated after layout changed
  4657.  
  4658.     fixTabs();
  4659.  
  4660.     mtf_autocomplete_search();
  4661.  
  4662.   }
  4663.  
  4664.   function globalHook(eventType, func) {
  4665.     if (!func) return;
  4666.  
  4667.     const count = (globalHook_hashs[eventType] || 0) + 1;
  4668.  
  4669.     globalHook_hashs[eventType] = count;
  4670.  
  4671.     const s = globalHook_symbols[count - 1] || (globalHook_symbols[count - 1] = Symbol());
  4672.  
  4673.     document.addEventListener(eventType, function (evt) {
  4674.       if (evt[s]) return;
  4675.       evt[s] = true;
  4676.       Promise.resolve().then(() => {
  4677.         func(evt);
  4678.       })
  4679.  
  4680.     }, capturePassive)
  4681.  
  4682.   }
  4683.  
  4684.   async function makeHeaderFloat() {
  4685.     if (isMakeHeaderFloatCalled) return;
  4686.     isMakeHeaderFloatCalled = true;
  4687.     await Promise.resolve(0);
  4688.  
  4689.  
  4690.     const [header, headerP, navElm] = await Promise.all([
  4691.       Promise.resolve().then(() => document.querySelector("#right-tabs header")),
  4692.  
  4693.       Promise.resolve().then(() => document.querySelector("#right-tabs tabview-view-pos-thead")),
  4694.  
  4695.       Promise.resolve().then(() => document.querySelector('#masthead-container, #masthead'))
  4696.  
  4697.     ]);
  4698.  
  4699.  
  4700.     let ito_dt = 0;
  4701.     let ito = new IntersectionObserver((entries) => {
  4702.  
  4703.       let xyStatus = null;
  4704.  
  4705.       //console.log(entries);
  4706.  
  4707.       let xRect = null;
  4708.       let rRect = null;
  4709.  
  4710.       for (const entry of entries) {
  4711.         if (!entry.boundingClientRect || !entry.rootBounds) continue; // disconnected from DOM tree
  4712.         if (!entry.isIntersecting && entry.boundingClientRect.y <= entry.rootBounds.top && entry.boundingClientRect.y < entry.rootBounds.bottom) {
  4713.           xyStatus = 2;
  4714.           xRect = entry.boundingClientRect;
  4715.           rRect = entry.rootBounds;
  4716.         } else if (entry.isIntersecting && entry.boundingClientRect.y >= entry.rootBounds.top && entry.boundingClientRect.y < entry.rootBounds.bottom) {
  4717.           xyStatus = 1;
  4718.           xRect = entry.boundingClientRect;
  4719.           rRect = entry.rootBounds;
  4720.         }
  4721.       }
  4722.       let p = wls.layoutStatus;
  4723.       //console.log(document.documentElement.clientWidth)
  4724.       if (xyStatus !== null) {
  4725.  
  4726.         if (xyStatus === 2 && isStickyHeaderEnabled === true) {
  4727.  
  4728.         } else if (xyStatus === 1 && isStickyHeaderEnabled === false) {
  4729.  
  4730.         } else {
  4731.           singleColumnScrolling2(xyStatus, xRect.width, {
  4732.             left: xRect.left,
  4733.             right: rRect.width - xRect.right
  4734.           });
  4735.         }
  4736.  
  4737.       }
  4738.  
  4739.       let tdt = Date.now();
  4740.       ito_dt = tdt;
  4741.       setTimeout(() => {
  4742.         if (ito_dt !== tdt) return;
  4743.         if (p !== wls.layoutStatus) singleColumnScrolling();
  4744.       }, 300)
  4745.  
  4746.     },
  4747.       {
  4748.         rootMargin: `0px 0px 0px 0px`,
  4749.         threshold: [0]
  4750.       })
  4751.  
  4752.     ito.observe(headerP)
  4753.  
  4754.   }
  4755.  
  4756.   function setupVideoTitleHover() {
  4757.  
  4758.     let h1 = document.querySelector('#below h1.ytd-watch-metadata yt-formatted-string');
  4759.     if (h1) {
  4760.  
  4761.  
  4762.       let s = '';
  4763.  
  4764.       try {
  4765.         if (formatDates && Object.keys(formatDates).length > 0) {
  4766.  
  4767.           function getDurationInfo(bd1, bd2) {
  4768.  
  4769.             let bdd = bd2 - bd1
  4770.             let hrs = Math.floor(bdd / 3600000)
  4771.             bdd = bdd - hrs * 3600000
  4772.             let mins = Math.round(bdd / 60000)
  4773.             let seconds = null
  4774.             if (mins < 10 && hrs === 0) {
  4775.               mins = Math.floor(bdd / 60000)
  4776.               bdd = bdd - mins * 60000
  4777.               seconds = Math.round(bdd / 1000)
  4778.               if (seconds === 0) seconds = null
  4779.             }
  4780.  
  4781.             return { hrs, mins, seconds }
  4782.  
  4783.           }
  4784.  
  4785.           const formatDateResult = getFormatDateResultFunc();
  4786.  
  4787.           if (formatDates.broadcastBeginAt && formatDates.isLiveNow === false) {
  4788.  
  4789.             let bd1 = new KDate(formatDates.broadcastBeginAt)
  4790.             let bd2 = formatDates.broadcastEndAt ? new KDate(formatDates.broadcastEndAt) : null
  4791.  
  4792.             let isSameDay = 0
  4793.             if (bd2 && bd1.toLocaleDateString() === bd2.toLocaleDateString()) {
  4794.               isSameDay = 1
  4795.  
  4796.             } else if (bd2 && +bd2 > +bd1 && bd2 - bd1 < 86400000) {
  4797.  
  4798.               if (bd1.getHours() >= 6 && bd2.getHours() < 6) {
  4799.                 isSameDay = 2
  4800.               }
  4801.  
  4802.             }
  4803.  
  4804.             let durationInfo = getDurationInfo(bd1, bd2)
  4805.             if (isSameDay > 0) {
  4806.  
  4807.               bd2.dayBack = (isSameDay === 2)
  4808.  
  4809.               s = formatDateResult(0x200, { bd1, bd2, isSameDay, durationInfo, formatDates })
  4810.  
  4811.             } else if (bd2 && isSameDay === 0) {
  4812.  
  4813.               s = formatDateResult(0x210, { bd1, bd2, isSameDay, durationInfo, formatDates })
  4814.  
  4815.             }
  4816.  
  4817.  
  4818.           } else if (formatDates.broadcastBeginAt && formatDates.isLiveNow === true) {
  4819.  
  4820.             let bd1 = new KDate(formatDates.broadcastBeginAt)
  4821.  
  4822.             s = formatDateResult(0x300, { bd1, formatDates })
  4823.  
  4824.           } else {
  4825.             if (formatDates.uploadDate) {
  4826.  
  4827.               if (formatDates.publishDate && formatDates.publishDate !== formatDates.uploadDate) {
  4828.  
  4829.                 s = formatDateResult(0x600, { formatDates })
  4830.               } else {
  4831.                 s = formatDateResult(0x610, { formatDates })
  4832.  
  4833.               }
  4834.             } else if (!formatDates.uploadDate && formatDates.publishDate) {
  4835.  
  4836.               s = formatDateResult(0x700, { formatDates })
  4837.  
  4838.  
  4839.             }
  4840.           }
  4841.  
  4842.  
  4843.         }
  4844.       } catch (e) {
  4845.         s = '';
  4846.       }
  4847.  
  4848.       if (s) {
  4849.         h1.setAttribute('data-title-details', s)
  4850.       } else {
  4851.         h1.removeAttribute('data-title-details')
  4852.       }
  4853.  
  4854.     }
  4855.  
  4856.   }
  4857.  
  4858.   const skPlayListDataReassign = ControllerID();
  4859.  
  4860.   function checkPlaylistForInitialization() {
  4861.     // if the page url is with playlist; renderer event might not occur.
  4862.  
  4863.     // playlist already added to dom; this is to set the visibility event and change hidden status
  4864.  
  4865.     let m_playlist = document.querySelector(`#tab-list ytd-playlist-panel-renderer#playlist:not([o3r-${sa_playlist}])`)
  4866.  
  4867.     // once per {ytd-playlist-panel-renderer#playlist} detection
  4868.  
  4869.     // _console.log(3902, !!m_playlist)
  4870.  
  4871.     const ytdFlexyElm = es.ytdFlexy;
  4872.     if (!scriptEnable || !ytdFlexyElm) { }
  4873.     else if (m_playlist) {
  4874.  
  4875.       if (mtoVisibility_Playlist.bindElement(m_playlist)) {
  4876.         mtoVisibility_Playlist.observer.check(9); // delay check required for browser bug - hidden changed not triggered 
  4877.       }
  4878.       let playlist_wr = mWeakRef(m_playlist);
  4879.       scriptletDeferred.debounce(() => {
  4880.         let m_playlist = kRef(playlist_wr);
  4881.         playlist_wr = null;
  4882.         if (m_playlist && m_playlist.isConnected === true) {
  4883.           sendToPageScript(m_playlist, "tabview-yt-data-reassign");
  4884.         }
  4885.         m_playlist = null;
  4886.       }, skPlayListDataReassign)
  4887.       m_playlist = null;
  4888.  
  4889.     }
  4890.  
  4891.     FP.mtf_attrPlaylist();
  4892.  
  4893.     Promise.resolve(0).then(() => {
  4894.       // ['tab-btn', 'tab-btn', 'tab-btn active', 'tab-btn tab-btn-hidden']
  4895.       // bug
  4896.       const ytdFlexyElm = es.ytdFlexy;
  4897.       if (!scriptEnable || !ytdFlexyElm) return;
  4898.       if (!switchTabActivity_lastTab && (ytdFlexyElm.getAttribute('tyt-tab') + '').indexOf('#tab-') === 0 && location.pathname === '/watch') {
  4899.         if (/[\?\&]list=[\w\-\_]+/.test(location.search)) {
  4900.           if (setToActiveTab('#tab-list')) switchTabActivity_lastTab = '#tab-list';
  4901.         } else if (/[\?\&]lc=[\w\-\_]+/.test(location.search)) {
  4902.           if (setToActiveTab('#tab-comments')) switchTabActivity_lastTab = '#tab-comments';
  4903.         }
  4904.       }
  4905.     })
  4906.  
  4907.     Promise.resolve(0).then(() => {
  4908.       mtf_fix_collapsible_playlist();
  4909.     });
  4910.  
  4911.   }
  4912.  
  4913.  
  4914.   const _pageBeingInit = function () {
  4915.  
  4916.     psId.inc(); // add one
  4917.  
  4918.     fetchCounts = {
  4919.       base: null,
  4920.       new: null,
  4921.       fetched: false,
  4922.       count: null
  4923.     }
  4924.     pageFetchedDataVideoId = null;
  4925.     chatroomDetails = null;
  4926.   }
  4927.  
  4928.   const pageBeingInit = function () {
  4929.     // trigger at pageSeq1/2: yt-navigate-start / yt-navigate-cache / yt-navigate-redirect / yt-page-data-fetched
  4930.  
  4931.     // call regardless pageType
  4932.     // run once on / before pageSeq2 (yt-page-data-fetched)
  4933.  
  4934.     const rootDom = document.documentElement;
  4935.     // rootDom.setAttribute('sxmq7', rootDom.getAttribute('sxmq7') === '1' ? '0' : '1');
  4936.     rootDom.setAttribute('sxmq8', rootDom.getAttribute('sxmq8') === '1' ? '0' : '1');
  4937.     rootDom.removeAttribute('pnzgu');
  4938.  
  4939.     console.log('sxmq8 r2', document.documentElement.getAttribute('sxmq8') );
  4940.  
  4941.     infoContentDS = 0;
  4942.     renderIdentifier.inc(); // add 1
  4943.     renderDeferred.reset(); // clear quene of pending renderDeferreds
  4944.  
  4945.  
  4946.     if (!scriptletDeferred.resolved && (firstLoadStatus & 2) === 2) {
  4947.       // insert on first pageBeingInit(), regardless pageType
  4948.       firstLoadStatus -= 2;
  4949.       script_inject_js1.inject();
  4950.     } else if (pageRendered === 2) { // (pageRendered = 2 after pageSeq2)
  4951.       // reset on 2nd+ pageBeingInit(), regardless pageType
  4952.       pageRendered = 0;
  4953.       let elmPL = document.querySelector('tabview-view-ploader');
  4954.       if (elmPL) elmPL.remove();
  4955.       // tabview-view-ploader is appended in pageBeingFetched (pageSeq2: yt-page-data-fetched)
  4956.     }
  4957.  
  4958.     if (tabsDeferred.resolved) {
  4959.       comments_loader = 1;
  4960.       tabsDeferred.reset(); // tabsDeferred.resolve() again in yt-navigate-finish[page=watch]
  4961.       if ((firstLoadStatus & 8) === 0) {
  4962.         innerDOMCommentsCountLoader(false); //ensure the previous record is saved
  4963.         // no need to cache to the rendering state
  4964.         _pageBeingInit();
  4965.       }
  4966.       // _console.log('pageBeingInit', firstLoadStatus)
  4967.     }
  4968.  
  4969.   };
  4970.  
  4971.   function getFinalComments() {
  4972.  
  4973.     comments_loader = 0;
  4974.  
  4975.     let ei = 0;
  4976.  
  4977.     function execute() {
  4978.       //sync -> animateLoadDeferred.resolved always true
  4979.  
  4980.       if (!renderDeferred.resolved) return;
  4981.  
  4982.       // _console.log(2323)
  4983.  
  4984.       if (Q.comments_section_loaded !== 0) return;
  4985.       if (fetchCounts.fetched) return;
  4986.  
  4987.  
  4988.       let ret = innerDOMCommentsCountLoader(true);
  4989.  
  4990.       if (fetchCounts.new && !fetchCounts.fetched) {
  4991.         if (fetchCounts.new.f()) {
  4992.           fetchCounts.fetched = true;
  4993.           fetchCommentsFinished();
  4994.           // _console.log(9972, 'fetched = true')
  4995.         }
  4996.         return;
  4997.       }
  4998.  
  4999.  
  5000.       ei++;
  5001.  
  5002.       if (fetchCounts.base && !fetchCounts.new && !fetchCounts.fetched && fetchCounts.count === 1) {
  5003.  
  5004.  
  5005.         let elm = kRef(fetchCounts.base.elm);
  5006.         let txt = elm ? getCountHText(elm) : null;
  5007.         let condi1 = ei > 7;
  5008.         let condi2 = txt === m_last_count;
  5009.         if (condi1 || condi2) {
  5010.  
  5011.           if (fetchCounts.base.f()) {
  5012.             fetchCounts.fetched = true;
  5013.             fetchCommentsFinished();
  5014.             // _console.log(9972, 'fetched = true')
  5015.           }
  5016.  
  5017.         }
  5018.  
  5019.       }
  5020.  
  5021.       if (!fetchCounts.fetched) {
  5022.         if (ei > 7) {
  5023.           let elm = ret.length === 1 ? kRef(ret[0].elm) : null;
  5024.           let txt = elm ? getCountHText(elm) : null;
  5025.           if (elm && txt !== m_last_count) {
  5026.             fetchCounts.base = null;
  5027.             fetchCounts.new = ret[0];
  5028.             fetchCounts.new.f();
  5029.             fetchCounts.fetched = true;
  5030.             // _console.log(9979, 'fetched = true')
  5031.             fetchCommentsFinished();
  5032.           }
  5033.           return;
  5034.         }
  5035.         return true;
  5036.       }
  5037.  
  5038.     }
  5039.  
  5040.  
  5041.     async function alCheckFn(ks) {
  5042.  
  5043.       let alCheckInterval = 420;
  5044.  
  5045.       for (let alCheckCount = 9; --alCheckCount > 0;) {
  5046.  
  5047.         if (renderIdentifier.valueOf() !== ks) break;
  5048.         if (execute() !== true) break;
  5049.  
  5050.         await new Promise(r => setTimeout(r, alCheckInterval));
  5051.  
  5052.       }
  5053.  
  5054.     }
  5055.  
  5056.     let ks = renderIdentifier.valueOf();
  5057.     renderDeferred.debounce(() => {
  5058.       if (ks !== renderIdentifier.valueOf()) return
  5059.       if (mvideoState & 32) return;
  5060.       mvideoState |= 32;
  5061.       alCheckFn(ks);
  5062.  
  5063.     });
  5064.  
  5065.  
  5066.   }
  5067.  
  5068.   const { removeDuplicateInfoFn, setHiddenStateForDesc } = (() => {
  5069.  
  5070.     let g_check_detail_A = 0;
  5071.     function setHiddenStateForDesc() {
  5072.       let ytdFlexyElm = es.ytdFlexy;
  5073.       if (!ytdFlexyElm) return;
  5074.       let hiddenBool = !document.fullscreenElement ? ytdFlexyElm.classList.contains('tabview-info-duplicated') : false;
  5075.       let elm;
  5076.       elm = document.querySelector('.tabview-info-duplicated-checked[flexy] ytd-text-inline-expander#description-inline-expander.ytd-watch-metadata #plain-snippet-text');
  5077.       if (elm) {
  5078.         wAttr(elm, 'hidden', hiddenBool);
  5079.       }
  5080.       elm = document.querySelector('.tabview-info-duplicated-checked[flexy] ytd-text-inline-expander#description-inline-expander.ytd-watch-metadata #formatted-snippet-text');
  5081.       if (elm) {
  5082.         wAttr(elm, 'hidden', hiddenBool);
  5083.       }
  5084.     }
  5085.     function checkDuplicatedInfo_then() {
  5086.  
  5087.       const ytdFlexyElm = es.ytdFlexy;
  5088.       if (!ytdFlexyElm) return; //unlikely
  5089.  
  5090.       let cssbool_c1 = false, cssbool_c2 = false;
  5091.  
  5092.       if (ytdFlexyElm.matches('.tabview-info-duplicated[flexy]')) {
  5093.         cssbool_c1 = !!_querySelector.call(ytdFlexyElm, '#description.style-scope.ytd-watch-metadata > #description-inner:only-child');
  5094.         cssbool_c2 = !!_querySelector.call(ytdFlexyElm, '#tab-info ytd-expander #description.ytd-video-secondary-info-renderer');
  5095.       }
  5096.  
  5097.       setHiddenStateForDesc();
  5098.  
  5099.       ytdFlexyElm.setAttribute('tyt-has', `${cssbool_c1 ? 'A' : 'a'}${cssbool_c2 ? 'B' : 'b'}`);
  5100.  
  5101.     }
  5102.  
  5103.     async function contentPairSet(firstElement, secondElement) {
  5104.  
  5105.       // const firstElementSelector = "ytd-text-inline-expander#description-inline-expander";
  5106.       // const secondElementSelector = "#tab-info ytd-expander #description";
  5107.  
  5108.       // const firstElement = document.querySelector(firstElementSelector);
  5109.       // const secondElement = document.querySelector(secondElementSelector);
  5110.       if (firstElement && secondElement) {
  5111.  
  5112.         // checked that e1 e2 shall be considered with matching pair
  5113.         firstElement.setAttribute('tyt-du744', '');
  5114.         secondElement.setAttribute('tyt-du744', '');
  5115.       }
  5116.  
  5117.     }
  5118.  
  5119.     async function _checkDuplicatedInfoAug2023(_firstElement, _secondElement, spk) {
  5120.       /** @type {HTMLElement} */
  5121.       const firstElement = _firstElement;
  5122.       /** @type {HTMLElement} */
  5123.       const secondElement = _secondElement;
  5124.  
  5125.       // dont detect the content change of main info box
  5126.       // if second info box is checked okay before, skip
  5127.       if (firstElement.hasAttribute('tyt-du744') || secondElement.hasAttribute('tyt-du744')) return true; // assume still ok as we checked before
  5128.  
  5129.       if (!firstElement || !secondElement) return false;
  5130.       if (firstElement.hasAttribute('hidden') || secondElement.hasAttribute('hidden')) return false;
  5131.  
  5132.       const isCryptoRandomUUIDAvailable = typeof crypto === 'object' && typeof crypto.randomUUID === 'function' ? `${crypto.randomUUID()}` : '';
  5133.       const isReplaceAllAvailable = typeof String.prototype.replaceAll === 'function';
  5134.       const doNameReplace = isCryptoRandomUUIDAvailable && isReplaceAllAvailable;
  5135.  
  5136.       let nameText = doNameReplace ? (sessionStorage.getItem('js-yt-usernames') || '') : '';
  5137.  
  5138.       {
  5139.         const ownerEndpoints = document.querySelectorAll('#owner a.yt-simple-endpoint[href]');
  5140.         let handle = null;
  5141.         let displayName = null;
  5142.         for (const anchor of ownerEndpoints) {
  5143.           if (displayName === null && anchor.firstElementChild === null && (anchor.textContent || "").length > 0) {
  5144.             displayName = anchor.textContent
  5145.           }
  5146.           let m;
  5147.           if (handle === null && (m = /\/(\@[-_a-zA-Z0-9.]{3,30})(\/|$)/.exec(anchor.getAttribute('href')))) {
  5148.             handle = m[1];
  5149.           }
  5150.         }
  5151.  
  5152.         if (handle !== null && displayName !== null) {
  5153.           if (nameText.indexOf(`\n${handle}\t`) < 0 && `${nameText}\n`.indexOf(`\t${displayName}\n`) < 0) {
  5154.             nameText = `\n${handle}\t${displayName}\n${nameText}`.trim();
  5155.           }
  5156.         }
  5157.       }
  5158.  
  5159.       const replaceArr = [];
  5160.  
  5161.       let rid;
  5162.       if (nameText) {
  5163.         do {
  5164.           rid = crypto.randomUUID();
  5165.         } while (nameText.includes(rid));
  5166.         let nni = 0;
  5167.         const nameMap = new Map();
  5168.         for (const nameTextS of nameText.split('\n')) {
  5169.           if (nameTextS.length < 4) continue;
  5170.           const nameTextA = nameTextS.split('\t');
  5171.           const m = nameTextA[1].replaceAll(' ', '');
  5172.           let t = nameMap.get(m);
  5173.           if (!t) {
  5174.             t = ++nni;
  5175.             nameMap.set(m, t);
  5176.           }
  5177.           replaceArr.push([nameTextA[0], t]);
  5178.           replaceArr.push([m, t]);
  5179.         }
  5180.         nameMap.clear();
  5181.         if (replaceArr.length > 1) replaceArr.sort((a, b) => b[0].length - a[0].length);
  5182.       }
  5183.  
  5184.       const fixNameConversion = doNameReplace && rid && replaceArr.length > 0
  5185.         ? (text) => {
  5186.           if (typeof text === 'string') {
  5187.             text = text.replaceAll(' ', '');
  5188.             for (const s of replaceArr) {
  5189.               const w = `[[${rid}::${s[1]}]]`;
  5190.               text = text.replaceAll(s[0], w);
  5191.             }
  5192.           }
  5193.           return text;
  5194.         }
  5195.         : (text) => text;
  5196.  
  5197.       const hiddenTexts = new Map();
  5198.  
  5199.       const hiddenTextReplacement = (element) => {
  5200.  
  5201.         for (const hiddenElement of _querySelectorAll.call(element, '[hidden]')) {
  5202.  
  5203.           const walker = document.createTreeWalker(hiddenElement, NodeFilter.SHOW_TEXT, null, null);
  5204.           let node;
  5205.           while (node = walker.nextNode()) {
  5206.             const text = node.nodeValue;
  5207.             if (text && !text.startsWith('\uF204')) {
  5208.               hiddenTexts.set(node, text);
  5209.               node.nodeValue = `\uF204${text.replace(/[\uF204\uF205]/g, '')}\uF205`;
  5210.             }
  5211.           }
  5212.  
  5213.         }
  5214.  
  5215.       }
  5216.  
  5217.  
  5218.       const addContent = (currentNode, contentArray) => {
  5219.  
  5220.         if (currentNode instanceof HTMLElement) {
  5221.           hiddenTextReplacement(currentNode);
  5222.         }
  5223.  
  5224.         /** @type {string} */
  5225.         let trText = currentNode.textContent.trim();
  5226.         let withText = trText.length > 0;
  5227.         if (withText && trText.includes('\uF204')) {
  5228.           trText = trText.replace(/\uF204[^\uF204\uF205]+\uF205/g, '');
  5229.           trText = trText.replace(/[\uF204\uF205]/g, '');
  5230.           withText = trText.length > 0;
  5231.         }
  5232.         if (withText) {
  5233.           trText = trText.replace(/\n[\n\x20]+\n/g, '\n\n');
  5234.           trText = trText.replace(/[\u0020\u00A0\u16A0\u180E\u2000-\u200A\u202F\u205F\u3000]/g, ' ');
  5235.           trText = trText.replace(/[\u200b\uFEFF]/g, '');
  5236.           let loop = 64;
  5237.           while (loop-- > 0) {
  5238.             const before = trText;
  5239.             trText = trText.replace(/([\u1000-\uDF77])\x20([\x21-\x7E])/g, '$1$2'); // 中英文之间加空白 ?
  5240.             trText = trText.replace(/([\x21-\x7E])\x20([\u1000-\uDF77])/g, '$1$2'); // 中英文之间加空白 ?
  5241.             if (before === trText) loop = 0;
  5242.           }
  5243.           // "白州大根\n    \n      チャンネル登録者数 698人\n    \n  \n\n\n  動画\n  \n\n\n  \n  \n概要"
  5244.           // "白州大根\n    \n      チャンネル登録者数 698人\n    \n  \n\n\n  動画\n  \n  \n概要"
  5245.           trText = fixNameConversion(trText);
  5246.           trText = trText.replace(/[,，.。、]/g, ' ');
  5247.           trText = trText.replace(/[#＃]/g, '#');
  5248.           trText = trText.replace(/[*＊]/g, '*');
  5249.           trText = trText.replace(/[「」『』”’＜＞"'<>\[\]\{\}]/g, '"');
  5250.           trText = trText.replace(/[:：]/g, ':');
  5251.           trText = trText.replace(/\s+/g, ' ');
  5252.           // trText = trText.replace(/[1234567890１２３４５６７８９０]/g, '0');
  5253.           trText = trText.trim();
  5254.           if (trText) contentArray.push(trText);
  5255.         }
  5256.       }
  5257.  
  5258.       const filterNode = (currentNode) => {
  5259.  
  5260.  
  5261.         if (currentNode.nodeType === Node.ELEMENT_NODE) {
  5262.           if (currentNode.nodeName === "STYLE") {
  5263.             // <style is-scoped>
  5264.             return false;
  5265.           }
  5266.           if (currentNode.getAttribute('role') === 'button') { // .role is not working in Firefox
  5267.             // tp-yt-paper-button#expand-sizer
  5268.             // currentNode.matches('#collapse[role="button"]:not([hidden])')
  5269.  
  5270.             return false;
  5271.           }
  5272.           if (currentNode.hasAttribute("hidden")) {
  5273.  
  5274.             return false;
  5275.           }
  5276.           if (currentNode.id === "snippet") {
  5277.             let allHidden = true;
  5278.             for (let child = nodeFirstChild(currentNode); child; child = nodeNextSibling(child)) {
  5279.               if (filterNode(child) === false) continue;
  5280.               if (child.textContent.trim().length === 0) continue;
  5281.               allHidden = false;
  5282.               break;
  5283.             }
  5284.             if (allHidden) {
  5285.               return false;
  5286.             }
  5287.           }
  5288.  
  5289.         } else if (currentNode.nodeType === Node.TEXT_NODE) {
  5290.         } else {
  5291.           return false;
  5292.         }
  5293.  
  5294.         return true;
  5295.       }
  5296.  
  5297.  
  5298.       const getTextContentArr = async (element, contentArray = []) => {
  5299.  
  5300.         try {
  5301.  
  5302.           await Promise.resolve();
  5303.  
  5304.           for (let currentNode = nodeFirstChild(element); currentNode; currentNode = nodeNextSibling(currentNode)) {
  5305.  
  5306.             if (filterNode(currentNode) === false) continue;
  5307.  
  5308.             if (currentNode instanceof HTMLElement && currentNode.firstElementChild && !currentNode.nodeName.includes("-")) {
  5309.               await getTextContentArr(currentNode, contentArray);
  5310.             } else {
  5311.               addContent(currentNode, contentArray);
  5312.             }
  5313.  
  5314.             await Promise.resolve();
  5315.           }
  5316.  
  5317.         } catch (e) {
  5318.           console.log(e)
  5319.         }
  5320.  
  5321.         // if (spk) return [contentArray.join(' ').replace(/\s+/g, ' ').trim()];
  5322.         return contentArray;
  5323.       };
  5324.  
  5325.       hiddenTexts.clear();
  5326.       const [firstElementTextArr, secondElementTextArr] = await Promise.all([getTextContentArr(firstElement), getTextContentArr(secondElement)]);
  5327.       hiddenTexts.forEach((t, text) => {
  5328.         if ((text.nodeValue || '') === `\uF204${t.replace(/[\uF204\uF205]/g, '')}\uF205`) text.nodeValue = t;
  5329.       });
  5330.       hiddenTexts.clear();
  5331.  
  5332.       if (typeof GM === 'undefined') {
  5333.  
  5334.         console.log(7191, firstElementTextArr)
  5335.         console.log(7192, secondElementTextArr)
  5336.  
  5337.         if (firstElementTextArr.length === secondElementTextArr.length) {
  5338.  
  5339.           let n = firstElementTextArr.length;
  5340.           const texts = [];
  5341.           for (let j = 0; j < n; j++) {
  5342.             let text1 = firstElementTextArr[j];
  5343.             let text2 = secondElementTextArr[j];
  5344.             let s1 = text1.split(/([\w\-]+)/)
  5345.             let s2 = text2.split(/([\w\-]+)/)
  5346.             let kn = Math.min(s1.length, s2.length);
  5347.             let p = -1;
  5348.             for (let k = 0; k < kn; k++) {
  5349.               if (s1[k] !== s2[k]) break
  5350.               p = k;
  5351.             }
  5352.             if (p >= 0) {
  5353.               text1 = s1.slice(p + 1).join('');
  5354.               text2 = s2.slice(p + 1).join('');
  5355.             }
  5356.             texts.push([text1, text2])
  5357.           }
  5358.           console.log(7194, texts)
  5359.  
  5360.         }
  5361.  
  5362.       }
  5363.  
  5364.       /**
  5365.        @param {any[]} arr1 
  5366.        @param {any[]} arr2 */
  5367.       function isSubset(arr1, arr2) {
  5368.         const set = new Set(arr2);
  5369.         const r = arr1.every(item => set.has(item));
  5370.         set.clear();
  5371.         return r;
  5372.       }
  5373.  
  5374.       // console.log(828, window.dbx1 = firstElementTextArr, window.dbx2 = secondElementTextArr);
  5375.  
  5376.       // document.documentElement.setAttribute('firstElementTextArr', JSON.stringify(firstElementTextArr))
  5377.       // document.documentElement.setAttribute('secondElementTextArr', JSON.stringify(secondElementTextArr))
  5378.       // window.dbx1 = JSON.parse(document.documentElement.getAttribute('firstElementTextArr'))
  5379.       // window.dbx2 = JSON.parse(document.documentElement.getAttribute('secondElementTextArr'))
  5380.       const result = isSubset(firstElementTextArr, secondElementTextArr);
  5381.  
  5382.       if (result) {
  5383.  
  5384.         contentPairSet(firstElement, secondElement);
  5385.  
  5386.       }
  5387.  
  5388.       return result;
  5389.     }
  5390.     async function checkDuplicatedInfoAug2023(targetDuplicatedInfoPanel) {
  5391.       // ytd-text-inline-expander#description-inline-expander:not([hidden])
  5392.       const firstElementSelector = "ytd-text-inline-expander#description-inline-expander"; // ytd-text-inline-expander#description-inline-expander.ytd-watch-metadata
  5393.       const secondElementSelector = "#tab-info ytd-expander #description";
  5394.  
  5395.       const firstElement = targetDuplicatedInfoPanel || document.querySelector(firstElementSelector);
  5396.       const secondElement = document.querySelector(secondElementSelector);
  5397.  
  5398.       if (!firstElement || !secondElement) return false;
  5399.  
  5400.       return await _checkDuplicatedInfoAug2023(firstElement, (secondElement.closest('ytd-expander') || secondElement), false);
  5401.     }
  5402.     // document.addEventListener('dbx', ()=>{
  5403.     //   console.log(window.dbx1)
  5404.     //   console.log(window.dbx2)
  5405.     // }, true);
  5406.  
  5407.     async function checkDuplicatedInfo() {
  5408.  
  5409.       const ytdFlexyElm = es.ytdFlexy;
  5410.       if (!ytdFlexyElm) return; //unlikely
  5411.  
  5412.       const targetDuplicatedInfoPanels = [...document.querySelectorAll('ytd-text-inline-expander#description-inline-expander:not([hidden])')].filter((e) => {
  5413.  
  5414.         // playlist WL page -> video -> buggy
  5415.         // 0: ytd-text-inline-expander#description-inline-expander.style-scope.ytd-playlist-header-renderer
  5416.         // 1: ytd-text-inline-expander#description-inline-expander.style-scope.ytd-watch-metadata
  5417.  
  5418.         return !closestDOM.call(e, '[hidden]');
  5419.       });
  5420.       if (targetDuplicatedInfoPanels.length !== 1) return;
  5421.       const targetDuplicatedInfoPanel = targetDuplicatedInfoPanels[0];
  5422.  
  5423.       let t = Date.now();
  5424.       g_check_detail_A = t;
  5425.  
  5426.       ytdFlexyElm.classList.toggle('tabview-info-duplicated', true) // hide first;
  5427.       let infoDuplicated = false;
  5428.  
  5429.       try {
  5430.         await getDMPromise(); // mcrcr might be not yet initalized
  5431.  
  5432.         if (g_check_detail_A !== t) return;
  5433.  
  5434.         let clicked = false;
  5435.         let promise = null;
  5436.         await Promise.all([..._querySelectorAll.call(targetDuplicatedInfoPanel, '#expand[role="button"]:not([hidden])')].map(button => {
  5437.           return Promise.resolve().then(() => {
  5438.             promise = promise || new Promise(resolve => {
  5439.               let mo = new MutationObserver(() => {
  5440.                 mo.disconnect();
  5441.                 mo = null;
  5442.                 resolve();
  5443.               });
  5444.               mo.observe(targetDuplicatedInfoPanel, { subtree: true, childList: true })
  5445.             });
  5446.             button.click();
  5447.             clicked = true;
  5448.           });
  5449.         }));
  5450.         if (promise) await promise.then();
  5451.         if (typeof IntersectionObserver !== 'undefined') {
  5452.           await new Promise(resolve => {
  5453.             let io = new IntersectionObserver(() => {
  5454.               io.disconnect();
  5455.               io = null;
  5456.               resolve();
  5457.             });
  5458.             io.observe(targetDuplicatedInfoPanel);
  5459.           });
  5460.         }
  5461.  
  5462.         await Promise.resolve(0);
  5463.  
  5464.         infoDuplicated = await checkDuplicatedInfoAug2023(targetDuplicatedInfoPanel);
  5465.  
  5466.         if (infoDuplicated === false && clicked) {
  5467.  
  5468.           await Promise.all([..._querySelectorAll.call(targetDuplicatedInfoPanel, '#collapse[role="button"]:not([hidden])')].map(button => {
  5469.             return Promise.resolve().then(() => {
  5470.               button.click();
  5471.             });
  5472.           }));
  5473.  
  5474.         }
  5475.  
  5476.       } catch (e) {
  5477.  
  5478.         ytdFlexyElm.classList.toggle('tabview-info-duplicated', false) // error => unhide
  5479.       }
  5480.  
  5481.       console.debug('[tyt] Have any details with duplicated information been found?', (infoDuplicated ? 'Yes' : 'No'));
  5482.  
  5483.       if (g_check_detail_A !== t) return;
  5484.  
  5485.       return { ok: 1, infoDuplicated }; // other than 5, duplicated check = false
  5486.  
  5487.     };
  5488.  
  5489.     const removeDuplicateInfoFn = (b) => {
  5490.  
  5491.       async function alCheckFn(ks) {
  5492.  
  5493.         let alCheckInterval = 270;
  5494.  
  5495.         let descExpandState = null;
  5496.         const descToggleBtnSelector = '#collapse[role="button"]:not([hidden]), #expand[role="button"]:not([hidden])';
  5497.         const descMetaExpander = closestDOMX(document.querySelector('ytd-watch-metadata ytd-text-inline-expander#description-inline-expander'), 'ytd-watch-metadata');
  5498.         const descMetaLines = querySelectorFromAnchorX(descMetaExpander, 'ytd-text-inline-expander#description-inline-expander.style-scope.ytd-watch-metadata'); // ytd-text-inline-expander#description-inline-expander.style-scope.ytd-watch-metadata
  5499.         const descToggleBtnA = querySelectorFromAnchorX(descMetaLines, descToggleBtnSelector);
  5500.  
  5501.         if (descToggleBtnA) {
  5502.           if (descMetaExpander.hasAttribute('description-collapsed') && descToggleBtnA.id === 'expand') {
  5503.             descExpandState = false;
  5504.           } else if (!descMetaExpander.hasAttribute('description-collapsed') && descToggleBtnA.id === 'collapse') {
  5505.             descExpandState = true;
  5506.           }
  5507.         }
  5508.         if (descMetaExpander) {
  5509.           descMetaExpander.classList.add('tyt-tmp-hide-metainfo');
  5510.         }
  5511.  
  5512.         try {
  5513.  
  5514.           for (let alCheckCount = 2; alCheckCount-- > 0;) {
  5515.             // await removeOldExpanders();
  5516.             // await removeContentMismatch();
  5517.             await getRAFPromise().then();
  5518.  
  5519.             if (renderIdentifier.valueOf() !== ks) break;
  5520.  
  5521.             const res = await checkDuplicatedInfo(); //async
  5522.  
  5523.             if (res && res.ok) {
  5524.               const infoDuplicated = res.infoDuplicated;
  5525.               const isFinalResult = infoDuplicated || alCheckCount === 0;
  5526.               if (isFinalResult) {
  5527.                 const ytdFlexyElm = es.ytdFlexy;
  5528.                 if (ytdFlexyElm) {
  5529.                   ytdFlexyElm.classList.toggle('tabview-info-duplicated', infoDuplicated)
  5530.                   ytdFlexyElm.classList.toggle('tabview-info-duplicated-checked', true)
  5531.                   checkDuplicatedInfo_then();
  5532.                   sendToPageScript(document, 'tabview-fix-info-box-tooltip');
  5533.                 }
  5534.                 break;
  5535.               }
  5536.             }
  5537.  
  5538.             await new Promise(r => setTimeout(r, alCheckInterval));
  5539.  
  5540.           }
  5541.  
  5542.           await Promise.resolve(0);
  5543.  
  5544.           const descToggleBtnB = typeof descExpandState === 'boolean' ? querySelectorFromAnchorX(descMetaLines, descToggleBtnSelector) : null;
  5545.           if (descToggleBtnB) {
  5546.  
  5547.             const isCollapsed = descMetaExpander.hasAttribute('description-collapsed');
  5548.             const id = descToggleBtnB.id;
  5549.             const b = descExpandState ? (isCollapsed && id === 'expand') : (!isCollapsed && id === 'collapse');
  5550.  
  5551.             if (b) {
  5552.               descToggleBtnB.click();
  5553.             }
  5554.  
  5555.           }
  5556.  
  5557.         } catch (e) {
  5558.  
  5559.           console.warn(e)
  5560.  
  5561.         }
  5562.  
  5563.         if (descMetaExpander) {
  5564.           descMetaExpander.classList.remove('tyt-tmp-hide-metainfo');
  5565.  
  5566.           await Promise.resolve(0)
  5567.  
  5568.           const detailsIntersectioner = _querySelector.call(descMetaExpander, '#info-container.style-scope.ytd-watch-metadata') || _querySelector.call(descMetaExpander, '#ytd-watch-info-text.style-scope.ytd-watch-metadata') || null;
  5569.           if (detailsIntersectioner) {
  5570.             Promise.resolve(detailsIntersectioner).then(dom => {
  5571.               if (dom) mtoObservationDetails.bindElement(dom);
  5572.             })
  5573.           }
  5574.  
  5575.         }
  5576.  
  5577.       }
  5578.       let ks = renderIdentifier.valueOf();
  5579.       renderDeferred.debounce(() => {
  5580.         if (ks !== renderIdentifier.valueOf()) return
  5581.         if (document.fullscreenElement) return;
  5582.         if (!b) {
  5583.           if (mvideoState & 1) return;
  5584.           mvideoState |= 1;
  5585.         }
  5586.         alCheckFn(ks);
  5587.  
  5588.       });
  5589.     }
  5590.  
  5591.     return { removeDuplicateInfoFn, setHiddenStateForDesc };
  5592.  
  5593.   })();
  5594.  
  5595.   let udm = 0;
  5596.   async function deferredDuplicatedMetaCheckerFn(b) {
  5597.  
  5598.     udm = 0;
  5599.     await scriptletDeferred.d();
  5600.     if (REMOVE_DUPLICATE_META_RECOMMENDATION) {
  5601.       checkDuplicatedMetaRecommendation();
  5602.     }
  5603.     waitForContentReady = new PromiseExternal();
  5604.     isContentDuplicationCheckAllow() ? waitForContentReady.resolve() : (await waitForContentReady.then());
  5605.     await removeContentMismatch(); // play safe
  5606.     removeDuplicateInfoFn(b);
  5607.     udm = 1;
  5608.   }
  5609.  
  5610.   function addVisibilityCheckToChatroom(liveChatFrame) {
  5611.  
  5612.     // every per [new] {ytd-live-chat-frame#chat} detection - reset after mini-playview
  5613.  
  5614.     if (!(liveChatFrame instanceof Element)) return;
  5615.  
  5616.     const ytdFlexyElm = es.ytdFlexy;
  5617.     if (scriptEnable && ytdFlexyElm && mtoVisibility_Chatroom.bindElement(liveChatFrame)) {
  5618.       mtoVisibility_Chatroom.observer.check(9)
  5619.     }
  5620.  
  5621.   }
  5622.  
  5623.   // setupChatFrameDOM (v1) - removed in 2023.07.06 since it is buggy for page changing. subject to further review
  5624.   function setupChatFrameDOM(node) {
  5625.     // this function calls 3 times per each new video page
  5626.  
  5627.     // 'tyt-chat' is initialized in setupChatFrameDisplayState1()
  5628.  
  5629.     const liveChatFrame = node || document.querySelector('ytd-live-chat-frame#chat');
  5630.     if (!liveChatFrame) return;
  5631.     addVisibilityCheckToChatroom(liveChatFrame);
  5632.  
  5633.     // there can be liveChatFrame but without chatroomDetails if Chat is disabled.
  5634.     // eg https://www.youtube.com/watch?v=f8tIZpZ3hG0
  5635.  
  5636.     if (!chatroomDetails) return;
  5637.  
  5638.     // every per [new] {ytd-live-chat-frame#chat} detection - reset after mini-playview
  5639.  
  5640.     setToggleBtnTxt(); // immediate update when page changed
  5641.  
  5642.     if (node !== null) {
  5643.       // button might not yet be rendered
  5644.       getRAFPromise().then(setToggleBtnTxt); // bool = true must be front page
  5645.     } else {
  5646.  
  5647.       // this is due to page change
  5648.       layoutStatusMutex.lockWith(unlock => {
  5649.         if (!document.fullscreenElement) fixTheaterChat1A();
  5650.         getDMPromise().then(unlock);
  5651.       });
  5652.  
  5653.     }
  5654.  
  5655.   }
  5656.  
  5657.   function whenEngagemenetPanelVisible() {
  5658.  
  5659.     const layoutStatus = wls.layoutStatus;
  5660.     if ((layoutStatus & (LAYOUT_TWO_COLUMNS | LAYOUT_THEATER)) === LAYOUT_TWO_COLUMNS) {
  5661.  
  5662.       if (layoutStatus & LAYOUT_TAB_EXPANDED) {
  5663.         switchTabActivity(null);
  5664.         return true;
  5665.       } else if (layoutStatus & LAYOUT_CHATROOM_EXPANDED) {
  5666.         ytBtnCollapseChat();
  5667.         return true;
  5668.       }
  5669.  
  5670.     }
  5671.  
  5672.     return false;
  5673.  
  5674.   }
  5675.  
  5676.  
  5677.   function removeFocusOnLeave(evt) {
  5678.     let node = (evt || 0).target || 0
  5679.     let activeElement = document.activeElement || 0
  5680.     if (node.nodeType === 1 && activeElement.nodeType === 1) {
  5681.       Promise.resolve().then(() => {
  5682.         if (node.contains(activeElement)) {
  5683.           activeElement.blur();
  5684.         }
  5685.       })
  5686.     }
  5687.   }
  5688.  
  5689.   async function setupMedia(node) {
  5690.     // this can be fired even in background without tabs rendered
  5691.     const attrKey = 'gM7Cp'
  5692.     let media = _querySelector.call(node, `#movie_player video[src]:not([${attrKey}])`);
  5693.     media = media || _querySelector.call(node, `#movie_player audio.video-stream.html5-main-video[src]:not([${attrKey}])`);
  5694.     if (media) {
  5695.       media.setAttribute(attrKey, '')
  5696.  
  5697.       media.addEventListener('timeupdate', (evt) => {
  5698.         energizedByMediaTimeUpdate();
  5699.       }, bubblePassive);
  5700.  
  5701.       media.addEventListener('ended', (evt) => {
  5702.         // scrollIntoView => auto start next video
  5703.         // otherwise it cannot auto paly next
  5704.         if (pageType === 'watch') {
  5705.           let elm = evt.target;
  5706.           Promise.resolve(elm).then((elm) => {
  5707.             if (pageType === 'watch') {
  5708.               let scrollElm = closestDOM.call(elm, '#player') || closestDOM.call(elm, '#ytd-player') || elm;
  5709.               // background applicable
  5710.               scrollElm.scrollIntoView(false);
  5711.               scrollElm = null
  5712.             }
  5713.             elm = null
  5714.           });
  5715.         }
  5716.  
  5717.       }, bubblePassive)
  5718.  
  5719.     }
  5720.   }
  5721.  
  5722.  
  5723.   globalHook('yt-player-updated', (evt) => {
  5724.  
  5725.     const node = ((evt || 0).target) || 0
  5726.  
  5727.     if (node.nodeType !== 1) return;
  5728.  
  5729.     const nodeName = node.nodeName.toUpperCase();
  5730.  
  5731.     // _console.log(evt.target.nodeName, 904, evt.type);
  5732.  
  5733.     if (nodeName !== 'YTD-PLAYER') return
  5734.  
  5735.     setupMedia(node)
  5736.  
  5737.     discardableFn(() => {  // might discarded since it runs earlier than tabs insertion
  5738.  
  5739.       if (!scriptEnable) return
  5740.  
  5741.       checkAndMakeNewCommentFetch();
  5742.       pageCheck();
  5743.  
  5744.       domInit_comments();
  5745.       setupChatFrameDOM(null);
  5746.  
  5747.     });
  5748.  
  5749.  
  5750.   });
  5751.  
  5752.   const appendExpander = () => {
  5753.     
  5754.     console.log('d950')
  5755.  
  5756.     const rid = `${renderIdentifier.valueOf()}`; // string type integer id
  5757.  
  5758.     const targets = document.querySelectorAll(`[bsptu="${rid}"]`); // ignore all appearance in previous paging
  5759.  
  5760.     console.log('d951', targets.length)
  5761.     if (!targets.length) return;
  5762.     for (const target of targets) {
  5763.       // expect only one node; other measures for more than one node
  5764.  
  5765.       const nodeName = target.nodeName.toLowerCase();
  5766.  
  5767.       let dummy = nodeName === 'yt-dummy-532' ? target : null;
  5768.       let expander0 = dummy ? elementMapper.get(dummy) : null;
  5769.       if (expander0 && closestDOM.call(expander0, '#tab-info')) continue;
  5770.       console.log('d952', target)
  5771.       const expander = expander0 || (nodeName === 'ytd-expander' ? target : null);
  5772.       if (expander) {
  5773.  
  5774.         let qt = 0;
  5775.  
  5776.         // once per $$native-info-description$$ {#meta-contents ytd-expander} detection
  5777.         // append the detailed meta contents to the tab-info
  5778.  
  5779.         const tabInfo = document.querySelector("#tab-info");
  5780.         if (tabInfo) {
  5781.           qt = 1;
  5782.  
  5783.           if (!expander.hasAttribute('tyt-info-expander-content')) {
  5784.             qt = 2;
  5785.             expander.setAttribute('tyt-info-expander-content', '');
  5786.             const dmy = document.createElement('yt-dummy-532'); // to detemine the content change by youtube engine
  5787.             dmy.setAttribute('tyt-info-expander-placeholder', '');
  5788.             expander.replaceWith(dmy);
  5789.             elementMapper.set(expander, dmy); // interlink
  5790.             elementMapper.set(dmy, expander); // interlink
  5791.  
  5792.             const parentRoot = closestDOM.call(dmy, '[hidden]'); // only detect if the traditional block is hidden
  5793.             if (parentRoot) {
  5794.               qt = 3;
  5795.               moInfoContent.observe(parentRoot.parentNode, { subtree: true, childList: true });
  5796.             }
  5797.  
  5798.           }
  5799.           elementAppend.call(tabInfo, expander);
  5800.         }
  5801.         
  5802.  
  5803.  
  5804.  
  5805.  
  5806.         removeContentMismatch();
  5807.         console.log('d953', qt)
  5808.  
  5809.  
  5810.       }
  5811.  
  5812.  
  5813.     }
  5814.   }
  5815.  
  5816.   let infoContentDS = 0;
  5817.  
  5818.  
  5819.   const infoContentForTab = () => {
  5820.     console.log('d945', infoContentDS)
  5821.  
  5822.     if (mvideoState & 2) return;
  5823.     mvideoState |= 2;
  5824.     console.log('d946', infoContentDS)
  5825.     document.documentElement.removeAttribute('pnzgu'); // just in case
  5826.     appendExpander();
  5827.     if (REMOVE_DUPLICATE_META_RECOMMENDATION) checkDuplicatedMetaRecommendation();
  5828.  
  5829.     mtf_fix_details().then(() => {
  5830.       setToggleInfo();
  5831.       renderDeferred.debounce(() => {
  5832.         if (mvideoState & 8) return;
  5833.         mvideoState |= 8;
  5834.         setTimeout(() => {
  5835.           //dispatchWindowResize(); //try to omit
  5836.           dispatchWindowResize(); //add once for safe
  5837.           manualResizeT();
  5838.         }, 420)
  5839.       }, renderIdentifier)
  5840.  
  5841.  
  5842.       let secondary = document.querySelector('#columns.ytd-watch-flexy #secondary.ytd-watch-flexy');
  5843.  
  5844.       let columns = closestDOMX(secondary, '#columns.ytd-watch-flexy');
  5845.  
  5846.       setupHoverSlider(secondary, columns)
  5847.  
  5848.       let tabInfo = document.querySelector('#tab-info');
  5849.       addTabExpander(tabInfo);
  5850.  
  5851.       let tabComments = document.querySelector('#tab-comments');
  5852.       addTabExpander(tabComments);
  5853.  
  5854.  
  5855.       document.documentElement.setAttribute('pnzgu', '');
  5856.  
  5857.     }).catch(console.warn);
  5858.  
  5859.  
  5860.  
  5861.   }
  5862.  
  5863.  
  5864.   function tabviewControllerFn(controllerId, val) {
  5865.     val = +val;
  5866.     if (val > -1 && val >= 0) {
  5867.       if (controllerId === 'tabviewTabsHideController') {
  5868.         hiddenTabsByUserCSS = val;
  5869.  
  5870.         let btn;
  5871.         btn = document.querySelector('[tyt-tab-content="#tab-info"]')
  5872.         if (btn) btn.classList.toggle('tab-btn-hidden', ((hiddenTabsByUserCSS & 1) === 1));
  5873.  
  5874.         btn = document.querySelector('[tyt-tab-content="#tab-comments"]')
  5875.         if (btn) {
  5876.           if ((hiddenTabsByUserCSS & 2) === 2) {
  5877.             btn.classList.toggle('tab-btn-hidden', true);
  5878.           } else {
  5879.             btn.classList.toggle('tab-btn-hidden', isCommentsTabBtnHidden);
  5880.           }
  5881.         }
  5882.         btn = document.querySelector('[tyt-tab-content="#tab-videos"]');
  5883.         if (btn) btn.classList.toggle('tab-btn-hidden', ((hiddenTabsByUserCSS & 4) === 4));
  5884.  
  5885.         let activeHiddenBtn = document.querySelector('[tyt-tab-content^="#"].active.tab-btn-hidden');
  5886.         if (activeHiddenBtn) {
  5887.           setToActiveTab();
  5888.         }
  5889.  
  5890.       } else if (controllerId === 'tabviewDefaultTabController') {
  5891.         defaultTabByUserCSS = val;
  5892.         if (setupDefaultTabBtnSetting) setupDefaultTabBtnSetting();
  5893.       }
  5894.     }
  5895.   }
  5896.  
  5897.  
  5898.   /** @type {Map<string, Function>} */
  5899.   let handleDOMAppearFN = new Map();
  5900.   function handleDOMAppear( /** @type {string} */ fn, /** @type { listener: (this: Document, ev: AnimationEvent ) => any } */ func) {
  5901.     if (handleDOMAppearFN.size === 0) {
  5902.       document.addEventListener('animationstart', (evt) => {
  5903.         const animationName = evt.animationName;
  5904.         if (!animationName) return;
  5905.         let idx = -1;
  5906.         let func = handleDOMAppearFN.get(animationName);
  5907.         if (func) func(evt);
  5908.         else {
  5909.           let idx = animationName.indexOf('Controller-');
  5910.           if (idx > 0) {
  5911.             let j = idx + 'Controller'.length;
  5912.             tabviewControllerFn(animationName.substring(0, j), animationName.substring(j + 1));
  5913.           }
  5914.         }
  5915.       }, capturePassive)
  5916.     } else {
  5917.       if (handleDOMAppearFN.has(fn)) return;
  5918.     }
  5919.     handleDOMAppearFN.set(fn, func);
  5920.   }
  5921.  
  5922.  
  5923.  
  5924.  
  5925.  
  5926.   const moInfoContent = new MutationObserver(() => {
  5927.  
  5928.     removeContentMismatch();
  5929.   });
  5930.  
  5931.   function ytMicroEventsInit() {
  5932.  
  5933.     // _console.log(902);
  5934.  
  5935.     handleDOMAppear('videosDOMAppended', function (evt) {
  5936.       videosDeferred.resolve();
  5937.     })
  5938.  
  5939.     handleDOMAppear('liveChatFrameDOMAppended', (evt) => {
  5940.       // $$ html[tyt-deferred] ytd-live-chat-frame#chat $$
  5941.  
  5942.       let node = evt.target;
  5943.       if (node) setupChatFrameDOM(node); // front page
  5944.  
  5945.     });
  5946.  
  5947.     const skIdPageRenderedEventDispatch = ControllerID();
  5948.  
  5949.     handleDOMAppear('pageLoaderAnimation', (evt) => {
  5950.  
  5951.       pageRendered = 2;
  5952.       renderDeferred.resolve();
  5953.       console.debug('[tyt] pageRendered');
  5954.  
  5955.       scriptletDeferred.debounce(() => {
  5956.         // document.dispatchEvent(new CustomEvent('tabview-page-rendered'));
  5957.         getDMPromise().then(() => {
  5958.           document.dispatchEvent(new CustomEvent("yt-watch-comments-ready")); // immediately render comments when tab is switched from background
  5959.         });
  5960.       }, skIdPageRenderedEventDispatch);
  5961.  
  5962.     });
  5963.  
  5964.  
  5965.  
  5966.     const metaContentSetup = () => {
  5967.       console.log('d943', infoContentDS)
  5968.       setupVideoTitleHover();
  5969.       let ks = renderIdentifier.valueOf();
  5970.       scriptletDeferred.debounce(() => {
  5971.         console.log('d944', infoContentDS)
  5972.         if (ks === renderIdentifier.valueOf()) infoContentForTab();
  5973.       });
  5974.     };
  5975.  
  5976.     const wmId1 = ControllerID();
  5977.     const wmHandler1 = (evt) => {
  5978.       renderDeferred.debounce(() => {
  5979.         infoContentDS |= 1;
  5980.         setTimeout(() => {
  5981.           if (infoContentDS === 3) {
  5982.             infoContentDS |= 4;
  5983.             Promise.resolve().then(metaContentSetup);
  5984.           }
  5985.         }, 8)
  5986.       }, wmId1);
  5987.     }
  5988.     handleDOMAppear('watchMetaFrameReady1', wmHandler1);
  5989.     handleDOMAppear('watchMetaFrameReady2', wmHandler1);
  5990.  
  5991.     const wmId2 = ControllerID();
  5992.     const wmHandler2 = (evt) => {
  5993.       // sxmq8
  5994.       const target = evt.target;
  5995.       renderDeferred.debounce(() => {
  5996.         infoContentDS |= 2;
  5997.         target.isConnected && target.setAttribute('bsptu', renderIdentifier.valueOf());
  5998.         setTimeout(() => {
  5999.           if (infoContentDS === 3) {
  6000.             infoContentDS |= 4;
  6001.             Promise.resolve().then(metaContentSetup);
  6002.           }
  6003.         }, 8)
  6004.       }, wmId2);
  6005.     }
  6006.     handleDOMAppear('watchMetaContentReady1', wmHandler2);
  6007.     handleDOMAppear('watchMetaContentReady2', wmHandler2);
  6008.  
  6009.     handleDOMAppear('fixInvisibleInfoBug', (evt) => evt.target.removeAttribute('hidden'));
  6010.  
  6011.  
  6012.     handleDOMAppear('commentsHeaderAppended1', onCommentsReady);
  6013.     handleDOMAppear('commentsHeaderAppended2', onCommentsReady);
  6014.  
  6015.     handleDOMAppear('fixPlaylistLocation1', (evt) => { // used as a fallback to play safe. overall strategy to be reviewed
  6016.  
  6017.       const n = evt.target;
  6018.       if (closestDOM.call(n, '#tab-list')) return;
  6019.  
  6020.       mtf_append_playlist(n); // the true playlist is appended to the #tab-list
  6021.       checkPlaylistForInitialization();
  6022.  
  6023.     });
  6024.  
  6025.     const onChatFrameToggleBtnAppended = (evt) => {
  6026.       // $$ html[tyt-deferred] ytd-live-chat-frame#chat>.ytd-live-chat-frame#show-hide-button $$
  6027.       // $$ except html[tyt-deferred] ytd-live-chat-frame#chat>.ytd-live-chat-frame#show-hide-button:first-child $$
  6028.  
  6029.       const button = evt.target;
  6030.  
  6031.       if (!button || button.nodeType !== 1) return;
  6032.  
  6033.       /** @type {HTMLElement | null} */
  6034.       const ytdFlexyElm = es.ytdFlexy;
  6035.       if (!scriptEnable || !ytdFlexyElm) return;
  6036.  
  6037.       prependTo(button, nodeParent(button));
  6038.  
  6039.     };
  6040.  
  6041.     handleDOMAppear('chatFrameToggleBtnAppended1', onChatFrameToggleBtnAppended);
  6042.     handleDOMAppear('chatFrameToggleBtnAppended2', onChatFrameToggleBtnAppended);
  6043.  
  6044.  
  6045.     handleDOMAppear('epDOMAppended', async (evt) => {
  6046.       try {
  6047.         let node = evt.target;
  6048.  
  6049.         let eps = document.querySelectorAll('ytd-watch-flexy[flexy][tyt-tab] #panels.ytd-watch-flexy ytd-engagement-panel-section-list-renderer[target-id][visibility="ENGAGEMENT_PANEL_VISIBILITY_EXPANDED"]:not([hidden])')
  6050.  
  6051.         if (eps && eps.length > 0) {
  6052.  
  6053.           if (eps.length > 1) {
  6054.             let p = 0;
  6055.             for (const ep of eps) {
  6056.               if (ep !== node) {
  6057.                 ytBtnCloseEngagementPanel(ep)
  6058.                 p++
  6059.               }
  6060.             }
  6061.             if (p > 0) {
  6062.               await Promise.resolve(0)
  6063.             }
  6064.           }
  6065.  
  6066.           FP.mtf_attrEngagementPanel(9, node);
  6067.  
  6068.           Promise.resolve().then(() => {
  6069.  
  6070.             mtoVisibility_EngagementPanel.bindElement(node, {
  6071.               attributes: true,
  6072.               attributeFilter: ['visibility'],
  6073.               attributeOldValue: true
  6074.             })
  6075.  
  6076.             node.removeEventListener('mouseleave', removeFocusOnLeave, false)
  6077.             node.addEventListener('mouseleave', removeFocusOnLeave, false)
  6078.  
  6079.           })
  6080.  
  6081.         }
  6082.  
  6083.  
  6084.       } catch (e) { }
  6085.  
  6086.     })
  6087.  
  6088.     handleDOMAppear('playlistRowDOMSelected', (evt) => {
  6089.       if (!evt) return;
  6090.       let target = evt.target;
  6091.       if (!target) return;
  6092.       let items = nodeParent(target);
  6093.       if (!items || items.id !== 'items') return;
  6094.       let m = /\/watch\?v=[^\&]+\&/.exec(location.href || '')
  6095.       if (!m) return;
  6096.       let s = m[0] + "";
  6097.       if (!s || s.length <= 10) return;
  6098.       let correctAnchor = _querySelector.call(items, `ytd-playlist-panel-video-renderer a[href*="${s}"]`);
  6099.       if (!correctAnchor || target.contains(correctAnchor)) return;
  6100.       let correctRow = closestDOM.call(correctAnchor, 'ytd-playlist-panel-video-renderer');
  6101.       if (!correctRow) return;
  6102.       target.removeAttribute('selected');
  6103.       correctRow.setAttribute('selected', '');
  6104.     });
  6105.  
  6106.     let _tabviewSiderAnimated = false;
  6107.  
  6108.     handleDOMAppear('tabviewSiderAnimation', (evt) => {
  6109.       if (!_tabviewSiderAnimated) {
  6110.         _tabviewSiderAnimated = true;
  6111.         dispatchCommentRowResize();
  6112.       }
  6113.     })
  6114.  
  6115.     handleDOMAppear('tabviewSiderAnimationNone', (evt) => {
  6116.       if (_tabviewSiderAnimated) {
  6117.         _tabviewSiderAnimated = false;
  6118.         dispatchCommentRowResize();
  6119.       }
  6120.     })
  6121.  
  6122.     handleDOMAppear('SearchWhileWatchAutocomplete', (evt) => { // Youtube - Search While Watching Video
  6123.       let elm = evt.target;
  6124.       if (elm.hasAttribute('tyt-found')) return;
  6125.       elm.setAttribute('tyt-found', '');
  6126.       let container = document.createElement('div');
  6127.       container.id = 'suggestions-search-container';
  6128.       elm.replaceWith(container);
  6129.       container.appendChild(elm);
  6130.       elm.addEventListener('tyt-autocomplete-sc-exist', handlerAutoCompleteExist, false);
  6131.       scriptletDeferred.debounce(() => {
  6132.         elm.isConnected && sendToPageScript(elm, 'tabview-fix-autocomplete');
  6133.         elm = null;
  6134.       });
  6135.     })
  6136.  
  6137.     handleDOMAppear('rydTooltipAppear', (evt) => {
  6138.       document.documentElement.classList.add('return-youtube-dislike');
  6139.     })
  6140.  
  6141.     handleDOMAppear('oldYtIconPinAppeared', (evt) => {
  6142.       /* added in May 2023 - 2023.05.19 */
  6143.  
  6144.       /*
  6145.       from 
  6146.         <svg style="pointer-events: none; display: block; width: 100%; height: 100%;" focusable="false" width="24" viewBox="0 0 24 24" height="24"><path d="M16 11V3h1V2H7v1h1v8l-2 2v2h5v6l1 1 1-1v-6h5v-2l-2-2zm1 3H7v-.59l1.71-1.71.29-.29V3h6v8.41l.29.29L17 13.41V14z"></path></svg> 
  6147.  
  6148.       to 
  6149.         <svg viewBox="0 0 12 12" preserveAspectRatio="xMidYMid meet" focusable="false" class="style-scope yt-icon" style="pointer-events: none; display: block; width: 100%; height: 100%;"><g class="style-scope yt-icon"><path d="M8,2V1H3v1h1v3.8L3,7h2v2.5L5.5,10L6,9.5V7h2L7,5.8V2H8z M6,6H5V2h1V6z" class="style-scope yt-icon"></path></g></svg>
  6150.  
  6151.       */
  6152.  
  6153.       let svg = evt.target;
  6154.       let p = document.createElement('template');
  6155.       p.innerHTML = createHTML('<svg viewBox="0 0 12 12" preserveAspectRatio="xMidYMid meet" focusable="false" class="style-scope yt-icon" style="pointer-events: none; display: block; width: 100%; height: 100%;"><g class="style-scope yt-icon"><path d="M8,2V1H3v1h1v3.8L3,7h2v2.5L5.5,10L6,9.5V7h2L7,5.8V2H8z M6,6H5V2h1V6z" class="style-scope yt-icon"></path></g></svg>');
  6156.       svg.replaceWith(p.content.firstChild);
  6157.  
  6158.  
  6159.     })
  6160.  
  6161.  
  6162.     globalHook('yt-rendererstamper-finished', (evt) => {
  6163.  
  6164.       if (!scriptEnable && tabsDeferred.resolved) { return }
  6165.       // might occur before initialization
  6166.  
  6167.       if (!evt || !evt.target || evt.target.nodeType !== 1) return;
  6168.  
  6169.       let node = evt.target;
  6170.       const nodeName = node.nodeName.toUpperCase();
  6171.  
  6172.       if (nodeName === 'YTD-PLAYLIST-PANEL-RENDERER' || nodeName === 'YTD-COMMENTS-HEADER-RENDERER') {
  6173.  
  6174.         discardableFn(() => {
  6175.  
  6176.           const n = node;
  6177.           node = null;
  6178.  
  6179.           if (nodeName === 'YTD-PLAYLIST-PANEL-RENDERER') {
  6180.             mtf_append_playlist(n); // the true playlist is appended to the #tab-list
  6181.             checkPlaylistForInitialization();
  6182.           } else if (nodeName === 'YTD-COMMENTS-HEADER-RENDERER') {
  6183.             if ((comments_loader & 3) === 3) getFinalComments();
  6184.           }
  6185.  
  6186.         });
  6187.  
  6188.       }
  6189.  
  6190.  
  6191.  
  6192.     });
  6193.  
  6194.     if (REMOVE_DUPLICATE_INFO) {
  6195.  
  6196.       handleDOMAppear('deferredDuplicatedMetaChecker', () => {
  6197.         deferredDuplicatedMetaCheckerFn();
  6198.       });
  6199.  
  6200.     }
  6201.  
  6202.     globalHook('yt-page-data-updated', (evt) => {
  6203.  
  6204.       if (REMOVE_DUPLICATE_INFO && udm) {
  6205.  
  6206.         if (location.pathname === '/watch') deferredDuplicatedMetaCheckerFn(1);
  6207.       }
  6208.  
  6209.       // if (!scriptEnable && tabsDeferred.resolved) { return }
  6210.       if (!evt || !evt.target || evt.target.nodeType !== 1) return;
  6211.  
  6212.       discardableFn(() => { // might discard if yt-navigate-finish not yet called
  6213.  
  6214.         // if the page is navigated by history back-and-forth, not all engagement panels can be catched in rendering event.
  6215.  
  6216.         if (!scriptEnable) return;
  6217.  
  6218.         checkAndMakeNewCommentFetch();
  6219.         pageCheck();
  6220.         setupChatFrameDOM(null);
  6221.         checkPlaylistForInitialization();
  6222.  
  6223.       });
  6224.  
  6225.     });
  6226.  
  6227.  
  6228.  
  6229.     async function onWatchCommentsReady(b) {
  6230.       await tabsInsertedPromise.then();
  6231.       await scriptletDeferred.d();
  6232.       checkAndMakeNewCommentFetch();
  6233.  
  6234.       if (b) {
  6235.         domInit_comments();
  6236.         _onCommentsReady();
  6237.       }
  6238.  
  6239.     }
  6240.  
  6241.     globalHook('yt-watch-comments-ready', (evt) => {
  6242.  
  6243.       if (!scriptEnable && tabsDeferred.resolved) { return }
  6244.       if (!evt || !evt.target || evt.target.nodeType !== 1) return;
  6245.  
  6246.       const nodeName = evt.target.nodeName.toUpperCase()
  6247.  
  6248.       comments_loader = comments_loader | 2;
  6249.  
  6250.       onWatchCommentsReady(nodeName === 'YTD-WATCH-FLEXY');
  6251.  
  6252.     });
  6253.  
  6254.     function ytPageTypeChangedAsync(detail) {
  6255.       const { newPageType, oldPageType } = detail;
  6256.       if (newPageType && oldPageType) {
  6257.         let bool = false;
  6258.         if (newPageType == 'ytd-watch-flexy') {
  6259.           bool = true;
  6260.           pageType = 'watch';
  6261.         } else if (newPageType == 'ytd-browse') {
  6262.           pageType = 'browse';
  6263.         }
  6264.         document.documentElement.classList.toggle('tabview-normal-player', bool);
  6265.       }
  6266.     }
  6267.     window.addEventListener('message', (evt) => {
  6268.       if (!scriptEnable && tabsDeferred.resolved) { return }
  6269.       if (evt.origin === location.origin) {
  6270.         const data = evt.data.tabviewData || 0;
  6271.         if (data.eventType === "yt-page-type-changed") {
  6272.           Promise.resolve(data.eventDetail || {}).then(ytPageTypeChangedAsync);
  6273.         }
  6274.       }
  6275.     }, bubblePassive);
  6276.  
  6277.     let isTabviewFixPopupRefitCalled = false;
  6278.  
  6279.     globalHook('data-changed', (evt) => {
  6280.  
  6281.       if (!scriptEnable && tabsDeferred.resolved) { return }
  6282.  
  6283.       let nodeName = (((evt || 0).target || 0).nodeName || '').toUpperCase()
  6284.  
  6285.       if (nodeName !== 'YTD-THUMBNAIL-OVERLAY-TOGGLE-BUTTON-RENDERER') return;
  6286.  
  6287.       if (!isTabviewFixPopupRefitCalled) {
  6288.         isTabviewFixPopupRefitCalled = true;
  6289.         sendToPageScript(document, "tabview-fix-popup-refit");
  6290.       }
  6291.  
  6292.  
  6293.     });
  6294.  
  6295.  
  6296.     // DEBUG_LOG && globalHook('yt-rendererstamper-finished', (evt) => {
  6297.  
  6298.     //   if (!scriptEnable && tabsDeferred.resolved) { return }
  6299.     //   // might occur before initialization
  6300.  
  6301.     //   if (!evt || !evt.target || evt.target.nodeType !== 1) return;
  6302.  
  6303.     //   const nodeName = evt.target.nodeName.toUpperCase();
  6304.  
  6305.     //   //  const S_GENERAL_RENDERERS = ['YTD-TOGGLE-BUTTON-RENDERER','YTD-MENU-RENDERER']
  6306.     //   if (S_GENERAL_RENDERERS.includes(nodeName)) {
  6307.     //     return;
  6308.     //   }
  6309.  
  6310.     //   // _console.log(evt.target.nodeName, 904, evt.type, evt.detail);
  6311.  
  6312.     // });
  6313.  
  6314.     // DEBUG_LOG && globalHook('data-changed', (evt) => {
  6315.  
  6316.     //   if (!evt || !evt.target || evt.target.nodeType !== 1) return;
  6317.  
  6318.     //   let nodeName = evt.target.nodeName.toUpperCase()
  6319.     //   // _console.log(nodeName, evt.type)
  6320.  
  6321.     //   if (nodeName === 'YTD-ITEM-SECTION-RENDERER' || nodeName === 'YTD-COMMENTS') {
  6322.  
  6323.     //     _console.log(344)
  6324.  
  6325.     //   }
  6326.  
  6327.     // })
  6328.  
  6329.     // DEBUG_LOG && globalHook('yt-navigate', (evt) => {
  6330.  
  6331.     //   if (!evt || !evt.target || evt.target.nodeType !== 1) return;
  6332.     //   _console.log(evt.target.nodeName, evt.type)
  6333.  
  6334.     // })
  6335.  
  6336.     // DEBUG_LOG && globalHook('ytd-playlist-lockup-now-playing-active', (evt) => {
  6337.  
  6338.     //   if (!evt || !evt.target || evt.target.nodeType !== 1) return;
  6339.     //   _console.log(evt.target.nodeName, evt.type)
  6340.  
  6341.  
  6342.     // })
  6343.  
  6344.     // DEBUG_LOG && globalHook('yt-service-request-completed', (evt) => {
  6345.  
  6346.     //   if (!evt || !evt.target || evt.target.nodeType !== 1) return;
  6347.     //   _console.log(evt.target.nodeName, evt.type)
  6348.  
  6349.  
  6350.     // })
  6351.  
  6352.     // DEBUG_LOG && globalHook('yt-commerce-action-done', (evt) => {
  6353.  
  6354.     //   if (!evt || !evt.target || evt.target.nodeType !== 1) return;
  6355.     //   _console.log(evt.target.nodeName, evt.type)
  6356.  
  6357.  
  6358.     // })
  6359.  
  6360.     // DEBUG_LOG && globalHook('yt-execute-service-endpoint', (evt) => {
  6361.  
  6362.     //   if (!evt || !evt.target || evt.target.nodeType !== 1) return;
  6363.     //   _console.log(evt.target.nodeName, evt.type)
  6364.  
  6365.  
  6366.     // })
  6367.  
  6368.  
  6369.     // DEBUG_LOG && globalHook('yt-request-panel-mode-change', (evt) => {
  6370.  
  6371.     //   if (!evt || !evt.target || evt.target.nodeType !== 1) return;
  6372.     //   _console.log(evt.target.nodeName, evt.type)
  6373.  
  6374.  
  6375.     // })
  6376.  
  6377.  
  6378.     // DEBUG_LOG && globalHook('yt-visibility-refresh', (evt) => {
  6379.  
  6380.     //   if (!evt || !evt.target /*|| evt.target.nodeType !== 1*/) return;
  6381.     //   _console.log(evt.target.nodeName || '', evt.type)
  6382.  
  6383.     //   const ytdFlexyElm = es.ytdFlexy;
  6384.     //   _console.log(2784, evt.type, (ytdFlexyElm ? ytdFlexyElm.hasAttribute('hidden') : null), evt.detail)
  6385.  
  6386.     //   _console.log(evt.detail)
  6387.  
  6388.  
  6389.     // })
  6390.  
  6391.     // DEBUG_LOG && globalHook('yt-request-panel-mode-change', (evt) => {
  6392.  
  6393.     //   if (!evt || !evt.target || evt.target.nodeType !== 1) return;
  6394.     //   _console.log(evt.target.nodeName, evt.type)
  6395.  
  6396.  
  6397.     // })
  6398.  
  6399.     // DEBUG_LOG && globalHook('app-reset-layout', (evt) => {
  6400.  
  6401.     //   if (!evt || !evt.target || evt.target.nodeType !== 1) return;
  6402.     //   _console.log(evt.target.nodeName, evt.type)
  6403.  
  6404.  
  6405.     // })
  6406.     // DEBUG_LOG && globalHook('yt-guide-close', (evt) => {
  6407.  
  6408.     //   if (!evt || !evt.target || evt.target.nodeType !== 1) return;
  6409.     //   _console.log(evt.target.nodeName, evt.type)
  6410.  
  6411.  
  6412.     // })
  6413.     // DEBUG_LOG && globalHook('yt-page-data-will-change', (evt) => {
  6414.  
  6415.     //   if (!evt || !evt.target || evt.target.nodeType !== 1) return;
  6416.     //   _console.log(evt.target.nodeName, evt.type)
  6417.  
  6418.  
  6419.     // })
  6420.  
  6421.     // DEBUG_LOG && globalHook('yt-retrieve-location', (evt) => {
  6422.  
  6423.     //   if (!evt || !evt.target || evt.target.nodeType !== 1) return;
  6424.     //   _console.log(evt.target.nodeName, evt.type)
  6425.  
  6426.  
  6427.     // })
  6428.  
  6429.     // DEBUG_LOG && globalHook('yt-refit', (evt) => {
  6430.  
  6431.     //   if (!evt || !evt.target || evt.target.nodeType !== 1) return;
  6432.     //   _console.log(evt.target.nodeName, evt.type)
  6433.  
  6434.     // })
  6435.  
  6436.     // DEBUG_LOG && globalHook('addon-attached', (evt) => {
  6437.  
  6438.     //   if (!evt || !evt.target || evt.target.nodeType !== 1) return;
  6439.     //   _console.log(evt.target.nodeName, evt.type)
  6440.  
  6441.     // })
  6442.  
  6443.     // DEBUG_LOG && globalHook('yt-live-chat-context-menu-opened', (evt) => {
  6444.  
  6445.     //   if (!evt || !evt.target || evt.target.nodeType !== 1) return;
  6446.     //   _console.log(evt.target.nodeName, evt.type)
  6447.  
  6448.     // })
  6449.  
  6450.     // DEBUG_LOG && globalHook('yt-live-chat-context-menu-closed', (evt) => {
  6451.  
  6452.     //   if (!evt || !evt.target || evt.target.nodeType !== 1) return;
  6453.     //   _console.log(evt.target.nodeName, evt.type)
  6454.  
  6455.     // })
  6456.  
  6457.     // DEBUG_LOG && globalHook('yt-commentbox-resize', (evt) => {
  6458.  
  6459.     //   if (!evt || !evt.target || evt.target.nodeType !== 1) return;
  6460.     //   _console.log(evt.target.nodeName, evt.type)
  6461.     // })
  6462.  
  6463.     // DEBUG_LOG && globalHook('yt-rich-grid-layout-refreshed', (evt) => {
  6464.  
  6465.     //   if (!evt || !evt.target || evt.target.nodeType !== 1) return;
  6466.     //   _console.log(2327, evt.target.nodeName, evt.type)
  6467.     // })
  6468.  
  6469.     // DEBUG_LOG && globalHook('animationend', (evt) => {
  6470.  
  6471.     //   if (!evt || !evt.target || evt.target.nodeType !== 1) return;
  6472.     //   _console.log(evt.target.nodeName, evt.type)
  6473.  
  6474.  
  6475.     // })
  6476.  
  6477.     // DEBUG_LOG && globalHook('yt-dismissible-item-dismissed', (evt) => {
  6478.  
  6479.     //   if (!evt || !evt.target || evt.target.nodeType !== 1) return;
  6480.     //   _console.log(evt.target.nodeName, evt.type)
  6481.  
  6482.  
  6483.     // })
  6484.  
  6485.     // DEBUG_LOG && globalHook('yt-dismissible-item-undismissed', function (evt) {
  6486.  
  6487.     //   if (!evt || !evt.target || evt.target.nodeType !== 1) return;
  6488.     //   _console.log(evt.target.nodeName, evt.type)
  6489.  
  6490.  
  6491.     // })
  6492.  
  6493.  
  6494.     // DEBUG_LOG && globalHook('yt-load-next-continuation', function (evt) {
  6495.  
  6496.     //   if (!evt || !evt.target || evt.target.nodeType !== 1) return;
  6497.     //   _console.log(evt.target.nodeName, evt.type)
  6498.  
  6499.  
  6500.     // })
  6501.  
  6502.  
  6503.     // DEBUG_LOG && globalHook('yt-load-reload-continuation', function (evt) {
  6504.  
  6505.     //   if (!evt || !evt.target || evt.target.nodeType !== 1) return;
  6506.     //   _console.log(evt.target.nodeName, evt.type)
  6507.  
  6508.  
  6509.     // })
  6510.  
  6511.     // DEBUG_LOG && globalHook('yt-toggle-button', function (evt) {
  6512.  
  6513.     //   if (!evt || !evt.target || evt.target.nodeType !== 1) return;
  6514.     //   _console.log(evt.target.nodeName, evt.type)
  6515.  
  6516.  
  6517.     // })
  6518.  
  6519.  
  6520.   }
  6521.  
  6522.  
  6523.   function chatFrameContentDocument() {
  6524.     // non-null if iframe exist && contentDocument && readyState = complete
  6525.     /** @type {HTMLIFrameElement | null} */
  6526.     let iframe = document.querySelector('ytd-live-chat-frame iframe#chatframe');
  6527.     if (!iframe) return null; //iframe must be there
  6528.     /** @type {Document | null} */
  6529.     let cDoc = null;
  6530.     try {
  6531.       cDoc = iframe.contentDocument;
  6532.     } catch (e) { }
  6533.     if (!cDoc) return null;
  6534.     if (cDoc.readyState != 'complete') return null; //we must wait for its completion
  6535.  
  6536.     return cDoc;
  6537.  
  6538.   }
  6539.  
  6540.   function chatFrameElement(/** @type {string} */ cssSelector) {
  6541.     let cDoc = chatFrameContentDocument();
  6542.     if (!cDoc) return null;
  6543.     /** @type {HTMLElement | null} */
  6544.     let elm = null;
  6545.     try {
  6546.       elm = cDoc.querySelector(cssSelector)
  6547.     } catch (e) {
  6548.       console.log('iframe error', e)
  6549.     }
  6550.     return elm;
  6551.   }
  6552.  
  6553.   const iframeLoadControllerId = ControllerID();
  6554.   let iframeLoadHookHandlerPromise = new PromiseExternal();
  6555.   const iframeLoadHookHandler = function (evt) {
  6556.  
  6557.     const target = (evt || 0).target;
  6558.     const iframe = target instanceof HTMLIFrameElement ? target : null;
  6559.     if (!iframe || iframe.id !== 'chatframe') return;
  6560.  
  6561.     iframePipeline(async () => {
  6562.       await iframeLoadHookHandlerPromise.then();
  6563.       if (iframe.matches('body iframe.style-scope.ytd-live-chat-frame#chatframe')) {
  6564.         await iframeLoadProcess(iframe);
  6565.       }
  6566.     })
  6567.   };
  6568.  
  6569.   document.addEventListener('load', iframeLoadHookHandler, capturePassive);
  6570.  
  6571.   // const onIframeSrcReplaced = function (evt) {
  6572.   //   const isIframe = (((evt || 0).target || 0).nodeName === 'IFRAME');
  6573.   //   const iframe = isIframe ? evt.target : null;
  6574.   //   if (!iframe || !iframe.matches('body iframe.style-scope.ytd-live-chat-frame#chatframe')) {
  6575.   //     return;
  6576.   //   }
  6577.   //   Promise.resolve(iframe).then(iframeLoadProcess); // in order to set ready
  6578.   // };
  6579.  
  6580.   let ix93 = 0;
  6581.   const iframeLoadStatusWM = new WeakMap;
  6582.   // fresh load [determine body empty state]
  6583.   const iframeLoadProcess = async function (_iframe) {
  6584.  
  6585.     const iframe = _iframe;
  6586.  
  6587.     if (ix93 > 1e9) ix93 = 9;
  6588.     const t93 = ++ix93;
  6589.     iframeLoadStatusWM.set(iframe, t93 * 2);
  6590.  
  6591.     await scriptletDeferred.d();
  6592.     // iframe.dispatchEvent(new CustomEvent('yt-live-chat-iframe-fix-polymer'));
  6593.     await tabsInsertedPromise.then();
  6594.     if (t93 !== ix93) return;
  6595.     await getRAFPromise().then();
  6596.     if (t93 !== ix93) return;
  6597.     await renderDeferred.d();
  6598.  
  6599.     if (t93 !== ix93) return;
  6600.  
  6601.  
  6602.     if (iframe.isConnected !== true) return;
  6603.  
  6604.     // console.log("iframe.xx",1235, iframe)
  6605.  
  6606.     const chat = closestDOM.call(iframe, 'ytd-live-chat-frame#chat');
  6607.  
  6608.     // console.log('chat', chat)
  6609.     if (!chat) return;
  6610.  
  6611.     // console.log("iframe.xx",1236, chat)
  6612.  
  6613.     if (chat.hasAttribute('collapsed')) return;
  6614.     showMessages_IframeLoaded && console.debug('[tyt.iframe] loaded 10');
  6615.  
  6616.     const tid = iframeLoadControllerId.inc();
  6617.  
  6618.     // console.log("iframe.xx",1237, chat)
  6619.  
  6620.  
  6621.     const cDoc = await new Promise((resolve) => {
  6622.  
  6623.       let timeoutCount = 250;
  6624.       let cid = 0;
  6625.       const tf = () => {
  6626.         let exitLoop;
  6627.         if (tid !== iframeLoadControllerId.valueOf() || --timeoutCount < 0) {
  6628.           exitLoop = true;
  6629.         } else if (chat.isConnected === true && iframe.isConnected === true && !chat.hasAttribute('collapsed')) {
  6630.           exitLoop = false;
  6631.         } else {
  6632.           exitLoop = true;
  6633.         }
  6634.  
  6635.         let cDoc = null;
  6636.         if (!exitLoop) {
  6637.  
  6638.           if (HTMLElement.prototype.closest.call(iframe, '[hidden]')) return;
  6639.           if (!HTMLElement.prototype.closest.call(iframe, '#columns.style-scope.ytd-watch-flexy')) return;
  6640.           try {
  6641.             cDoc = iframe.contentDocument;
  6642.           } catch (e) {
  6643.           }
  6644.           if (!cDoc) return;
  6645.           // if (cDoc.readyState === 'loading') return;
  6646.           if (!cDoc.body) return;
  6647.  
  6648.         }
  6649.  
  6650.         resolve && resolve(cDoc);
  6651.         resolve = null;
  6652.         cid && clearInterval(cid);
  6653.         cid = 0;
  6654.  
  6655.       }
  6656.       tf();
  6657.       if (resolve !== null) {
  6658.         cid = setInterval(tf, 17);
  6659.       }
  6660.  
  6661.  
  6662.     }).catch(console.warn);
  6663.  
  6664.     if (t93 !== ix93) return;
  6665.  
  6666.     showMessages_IframeLoaded && console.debug('[tyt.iframe] loaded 11');
  6667.  
  6668.     if (tid !== iframeLoadControllerId.valueOf() || !cDoc) {
  6669.       return;
  6670.     }
  6671.  
  6672.     showMessages_IframeLoaded && console.debug('[tyt.iframe] loaded 12');
  6673.  
  6674.     if (chat.hasAttribute('collapsed') || iframe.isConnected !== true) {
  6675.       return;
  6676.     }
  6677.  
  6678.     if (cDoc && (cDoc.readyState === 'loading' || !(cDoc.body || 0).firstElementChild)) {
  6679.       await new Promise(r => setTimeout(r, 50));
  6680.     }
  6681.  
  6682.     if (chat.hasAttribute('collapsed') || iframe.isConnected !== true) {
  6683.       return;
  6684.     }
  6685.  
  6686.  
  6687.     if (t93 !== ix93) return;
  6688.  
  6689.     showMessages_IframeLoaded && console.debug('[tyt.iframe] loaded 13');
  6690.  
  6691.     // console.log("iframe.xx",1238, chat)
  6692.  
  6693.     const contentElement = (cDoc.body || 0).firstElementChild;
  6694.  
  6695.     if (contentElement) {
  6696.  
  6697.       showMessages_IframeLoaded && console.debug('[tyt.iframe] loaded 20');
  6698.  
  6699.       if (!scriptEnable || !isChatExpand()) return; // v4.13.19 - scriptEnable = true in background
  6700.       if (!(iframe instanceof HTMLIFrameElement) || iframe.isConnected !== true) return; //prevent iframe is detached from the page
  6701.       let isCorrectDoc = false;
  6702.       try {
  6703.         isCorrectDoc = iframe.contentDocument === cDoc;
  6704.       } catch (e) { }
  6705.  
  6706.       showMessages_IframeLoaded && console.debug('[tyt.iframe] loaded 21');
  6707.       if (isCorrectDoc) {
  6708.         let chatFrame = closestDOM.call(iframe, 'ytd-live-chat-frame#chat');
  6709.         if (chatFrame) {
  6710.           showMessages_IframeLoaded && console.debug('[tyt.iframe] loaded 22');
  6711.           // chatFrame.setAttribute('tyt-iframe-loaded', '');
  6712.           sendToPageScript(chatFrame, 'tabview-chatroom-ready');
  6713.           iframeLoadStatusWM.set(iframe, t93 * 2 + 1);
  6714.         }
  6715.       }
  6716.  
  6717.     } else if (!contentElement) {
  6718.  
  6719.       showMessages_IframeLoaded && console.debug('[tyt.iframe] loaded 30');
  6720.  
  6721.       // e.g. when restore from mini view to watch page
  6722.  
  6723.       // tabview-chat-fix-url-onload-with-empty-body
  6724.  
  6725.       // iframe.removeEventListener('iframe-src-replaced', onIframeSrcReplaced, false);
  6726.       // iframe.addEventListener('iframe-src-replaced', onIframeSrcReplaced, false);
  6727.  
  6728.       setTimeout(() => {
  6729.         if (t93 !== ix93) return;
  6730.         try {
  6731.           if (chat.isConnected && !chat.hasAttribute('collapsed') && chat.contains(iframe)) {
  6732.             const cDoc = iframe.contentDocument;
  6733.             if (cDoc) {
  6734.               const cBody = cDoc.body;
  6735.               if (cBody && cBody.firstElementChild === null) {
  6736.                 sendToPageScript(chat, "tabview-chat-fix-url-onload-with-empty-body");
  6737.               }
  6738.             }
  6739.           }
  6740.         } catch (e) {
  6741.           console.warn(e);
  6742.         }
  6743.       }, 230);
  6744.  
  6745.     }
  6746.  
  6747.  
  6748.   };
  6749.  
  6750.   // collapsed -> expanded [already loaded with location.replace]
  6751.   const iframeToVisible = async function (_iframe) {
  6752.     const iframe = _iframe;
  6753.     if (iframe.isConnected !== true || !(iframe instanceof HTMLIFrameElement)) return;
  6754.     if (((iframeLoadStatusWM.get(iframe) || 0) % 2) !== 1) {
  6755.       return;
  6756.     }
  6757.     const chat = closestDOM.call(iframe, 'ytd-live-chat-frame#chat');
  6758.     if (!chat) return;
  6759.     if (chat.hasAttribute('collapsed') || iframe.isConnected !== true) {
  6760.       return;
  6761.     }
  6762.     let cDoc = 0;
  6763.     try {
  6764.       cDoc = iframe.contentDocument;
  6765.     } catch (e) { }
  6766.  
  6767.     const contentElement = (cDoc.body || 0).firstElementChild;
  6768.  
  6769.     if (!contentElement) return;
  6770.  
  6771.     if (!scriptEnable || !isChatExpand()) return; // v4.13.19 - scriptEnable = true in background
  6772.  
  6773.     sendToPageScript(chat, 'tabview-chatroom-ready');
  6774.  
  6775.   };
  6776.  
  6777.   async function restorePIPforStickyHead() {
  6778.     // after a trusted user action, PIP can be cancelled.
  6779.     // this is to ensure enterPIP can be re-excecuted
  6780.  
  6781.     if (isMiniviewForStickyHeadEnabled && !isStickyHeaderEnabled && userActivation) {
  6782.       userActivation = false;
  6783.       exitPIP();
  6784.     }
  6785.   }
  6786.  
  6787.   let videosDeferred = new Deferred();
  6788.  
  6789.   let _navigateLoadDT = 0;
  6790.  
  6791.   function delayedClickHandler() {
  6792.  
  6793.     if (isMiniviewForStickyHeadEnabled && !isStickyHeaderEnabled) {
  6794.       restorePIPforStickyHead();
  6795.     } else if (!isMiniviewForStickyHeadEnabled && isStickyHeaderEnabled && typeof IntersectionObserver == 'function') {
  6796.       enablePIPforStickyHead();
  6797.     }
  6798.  
  6799.   }
  6800.  
  6801.   function convertDefaultTabFromTmpToFinal(myDefaultTab_tmp) {
  6802.  
  6803.     let myDefaultTab_final = null
  6804.     if (myDefaultTab_tmp && typeof myDefaultTab_tmp === 'string' && /^\#[a-zA-Z\_\-\+]+$/.test(myDefaultTab_tmp)) {
  6805.       if (document.querySelector(`.tab-btn[tyt-tab-content="${myDefaultTab_tmp}"]`)) myDefaultTab_final = myDefaultTab_tmp;
  6806.     }
  6807.  
  6808.     return myDefaultTab_final;
  6809.   }
  6810.  
  6811.   function getConfiguredDefaultTab(store) {
  6812.     let myDefaultTab;
  6813.     if (defaultTabByUserCSS === 1) {
  6814.       myDefaultTab = '#tab-info';
  6815.     } else if (defaultTabByUserCSS === 2) {
  6816.       myDefaultTab = '#tab-comments';
  6817.     } else if (defaultTabByUserCSS === 3) {
  6818.       myDefaultTab = '#tab-videos';
  6819.     } else {
  6820.       store = store || getStore();
  6821.       myDefaultTab = store[key_default_tab];
  6822.     }
  6823.     return myDefaultTab;
  6824.   }
  6825.  
  6826.   function setupTabBtns() {
  6827.  
  6828.     const materialTab = document.querySelector("#material-tabs")
  6829.     if (!materialTab) return;
  6830.  
  6831.     if (tabsUiScript_setclick) return;
  6832.     tabsUiScript_setclick = true;
  6833.  
  6834.     let fontSizeBtnClick = null;
  6835.  
  6836.     materialTab.addEventListener('click', async function (evt) {
  6837.  
  6838.       const dom = evt.target;
  6839.       if ((dom || 0).nodeType !== 1) return;
  6840.  
  6841.       await getRAFPromise().then(); // prevent execution in background
  6842.       await scriptletDeferred.d();
  6843.  
  6844.       if (dom.isConnected !== true) return;
  6845.  
  6846.       let b = isMiniviewForStickyHeadEnabled || (isStickyHeaderEnabled && typeof IntersectionObserver == 'function');
  6847.       if (b) {
  6848.         getDMPromise().then(delayedClickHandler);
  6849.       }
  6850.  
  6851.       const domInteraction = dom.getAttribute('tyt-di');
  6852.       if (domInteraction === 'q9Kjc') {
  6853.         handlerMaterialTabClick.call(dom, evt);
  6854.       } else if (domInteraction === '8rdLQ') {
  6855.         fontSizeBtnClick && fontSizeBtnClick.call(dom, evt);
  6856.       }
  6857.  
  6858.     }, true);
  6859.  
  6860.     function updateCSS_fontsize(store) {
  6861.  
  6862.       if (!store) return;
  6863.  
  6864.       const ytdFlexyElm = es.ytdFlexy;
  6865.       if (ytdFlexyElm) {
  6866.         if (store['font-size-#tab-info']) ytdFlexyElm.style.setProperty('--ut2257-info', store['font-size-#tab-info'])
  6867.         if (store['font-size-#tab-comments']) ytdFlexyElm.style.setProperty('--ut2257-comments', store['font-size-#tab-comments'])
  6868.         if (store['font-size-#tab-videos']) ytdFlexyElm.style.setProperty('--ut2257-videos', store['font-size-#tab-videos'])
  6869.         if (store['font-size-#tab-list']) ytdFlexyElm.style.setProperty('--ut2257-list', store['font-size-#tab-list'])
  6870.         sendToPageScript(document, "tabview-zoom-updated");
  6871.       }
  6872.  
  6873.     }
  6874.  
  6875.     fontSizeBtnClick = function (evt) {
  6876.  
  6877.       evt.preventDefault();
  6878.       evt.stopPropagation();
  6879.       evt.stopImmediatePropagation();
  6880.  
  6881.       /** @type {HTMLElement | null} */
  6882.       let dom = evt.target;
  6883.       if (!dom) return;
  6884.  
  6885.       let value = dom.classList.contains('font-size-plus') ? 1 : dom.classList.contains('font-size-minus') ? -1 : 0;
  6886.  
  6887.       let active_tab_content = closestDOM.call(dom, '[tyt-tab-content]').getAttribute('tyt-tab-content');
  6888.  
  6889.       let store = getStore();
  6890.       let settingKey = `font-size-${active_tab_content}`
  6891.       if (!store[settingKey]) store[settingKey] = 1.0;
  6892.       if (value < 0) store[settingKey] -= 0.05;
  6893.       else if (value > 0) store[settingKey] += 0.05;
  6894.       if (store[settingKey] < 0.1) store[settingKey] = 0.1;
  6895.       else if (store[settingKey] > 10) store[settingKey] = 10.0;
  6896.       setStore(store);
  6897.  
  6898.       store = getStore();
  6899.       updateCSS_fontsize(store);
  6900.  
  6901.     }
  6902.  
  6903.     function loadDefaultTabBtnSettingToMem(store) {
  6904.       let myDefaultTab = getConfiguredDefaultTab(store);
  6905.       myDefaultTab = myDefaultTab ? convertDefaultTabFromTmpToFinal(myDefaultTab) : null;
  6906.       if (myDefaultTab) {
  6907.         settings.defaultTab = myDefaultTab;
  6908.       }
  6909.     }
  6910.  
  6911.     let store = getStore();
  6912.     updateCSS_fontsize(store);
  6913.     loadDefaultTabBtnSettingToMem(store);
  6914.     setupDefaultTabBtnSetting = function () {
  6915.       let myDefaultTab = getConfiguredDefaultTab();
  6916.       myDefaultTab = myDefaultTab ? convertDefaultTabFromTmpToFinal(myDefaultTab) : null;
  6917.       if (myDefaultTab) {
  6918.         settings.defaultTab = myDefaultTab;
  6919.       } else {
  6920.         settings.defaultTab = SETTING_DEFAULT_TAB_0;
  6921.       }
  6922.     }
  6923.  
  6924.   }
  6925.  
  6926.   function setMyDefaultTab(myDefaultTab) {
  6927.     myDefaultTab = convertDefaultTabFromTmpToFinal(myDefaultTab);
  6928.     let store = getStore();
  6929.     if (myDefaultTab) {
  6930.       store[key_default_tab] = myDefaultTab;
  6931.       settings.defaultTab = myDefaultTab;
  6932.     } else {
  6933.       delete store[key_default_tab];
  6934.       settings.defaultTab = SETTING_DEFAULT_TAB_0;
  6935.     }
  6936.     setStore(store);
  6937.   }
  6938.  
  6939.   document.addEventListener('tabview-setMyDefaultTab', function (evt) {
  6940.  
  6941.     let myDefaultTab_tmp = ((evt || 0).detail || 0).myDefaultTab
  6942.  
  6943.     setMyDefaultTab(myDefaultTab_tmp)
  6944.  
  6945.   }, false)
  6946.  
  6947.   function loadFrameHandler(evt) {
  6948.     let target = (evt || 0).target;
  6949.     if (target instanceof HTMLIFrameElement && target.id === 'chatframe') {
  6950.       fixLiveChatToggleButtonDispatchEvent();
  6951.     }
  6952.   }
  6953.   async function onNavigationEndAsync() {
  6954.  
  6955.     await scriptletDeferred.d();
  6956.  
  6957.     if (pageType !== 'watch') return;
  6958.  
  6959.     Promise.resolve().then(setupVideoTitleHover);
  6960.  
  6961.     // infoContentSetup();
  6962.  
  6963.     let tdt = Date.now();
  6964.     _navigateLoadDT = tdt;
  6965.  
  6966.     // avoid blocking the page when youtube is initializing the page
  6967.     const promiseDelay = getRAFPromise().then();
  6968.     const promiseVideoRendered = videosDeferred.d();
  6969.  
  6970.     const verifyPageState = () => {
  6971.       if (_navigateLoadDT !== tdt) {
  6972.         return -400;
  6973.       }
  6974.       if (ytEventSequence !== 3) {
  6975.         return -200;
  6976.       }
  6977.  
  6978.       const ytdFlexyElm = document.querySelector('ytd-watch-flexy:not([hidden])') || document.querySelector('ytd-watch-flexy');
  6979.  
  6980.       if (!ytdFlexyElm) {
  6981.         ytdFlexy = null;
  6982.         return -100;
  6983.       } else {
  6984.         ytdFlexy = mWeakRef(ytdFlexyElm);
  6985.         return 0;
  6986.       }
  6987.  
  6988.  
  6989.     }
  6990.  
  6991.     let pgState = verifyPageState();
  6992.     if (pgState < 0) return;
  6993.  
  6994.     let scriptEnableTemp = scriptEnable;
  6995.     scriptEnable = true; // avoid locking the other parts of script (see v4.13.19)
  6996.     await Promise.all([promiseVideoRendered, promiseDelay]);
  6997.     pgState = verifyPageState();
  6998.     if (pgState < 0) {
  6999.       scriptEnable = scriptEnableTemp;
  7000.       if (!ytdFlexy) scriptEnable = false;
  7001.       return;
  7002.     }
  7003.     pgState = null;
  7004.     const ytdFlexyElm = kRef(ytdFlexy);
  7005.  
  7006.     if (!ytdFlexyElm) {
  7007.       ytdFlexy = null;
  7008.       scriptEnable = false;
  7009.       return;
  7010.     }
  7011.  
  7012.     fixLiveChatToggleButtonDispatchEvent();
  7013.     document.removeEventListener('load', loadFrameHandler, true);
  7014.     document.addEventListener('load', loadFrameHandler, true);
  7015.  
  7016.     const related = _querySelector.call(ytdFlexyElm, "#related.ytd-watch-flexy");
  7017.     if (!related) return;
  7018.  
  7019.  
  7020.     if (!document.querySelector("#right-tabs")) {
  7021.       getLangForPage();
  7022.       let docTmp = document.createElement('template');
  7023.       docTmp.innerHTML = createHTML(getTabsHTML());
  7024.       let newElm = docTmp.content.firstElementChild;
  7025.       if (newElm !== null) {
  7026.         insertBeforeTo(newElm, related);
  7027.         _querySelector.call(newElm, '#material-tabs').addEventListener('mousemove', (evt) => {
  7028.           evt.preventDefault();
  7029.           evt.stopPropagation();
  7030.           evt.stopImmediatePropagation();
  7031.         }, true);
  7032.         setupTabBtns();
  7033.         console.debug('[tyt] #right-tabs inserted')
  7034.       }
  7035.       docTmp.textContent = '';
  7036.       docTmp = null;
  7037.     }
  7038.  
  7039.     if (!ytdFlexyElm.hasAttribute('tyt-tab')) ytdFlexyElm.setAttribute('tyt-tab', '')
  7040.  
  7041.     // append the next videos 
  7042.     // it exists as "related" is already here
  7043.     fixTabs();
  7044.  
  7045.     let switchToDefaultTabNotAllowed = false;
  7046.  
  7047.     if (document.querySelector('ytd-watch-flexy[tyt-chat^="+"]')) {
  7048.       switchToDefaultTabNotAllowed = true;
  7049.     } else if (document.querySelector('ytd-watch-flexy[flexy][tyt-tab] #panels.ytd-watch-flexy ytd-engagement-panel-section-list-renderer[target-id][visibility="ENGAGEMENT_PANEL_VISIBILITY_EXPANDED"]:not([hidden])')) {
  7050.       switchToDefaultTabNotAllowed = true;
  7051.     } else if (document.querySelector('ytd-watch-flexy ytd-donation-shelf-renderer.ytd-watch-flexy:not([hidden]):not(:empty)')) {
  7052.       switchToDefaultTabNotAllowed = true;
  7053.     }
  7054.  
  7055.     if (switchToDefaultTabNotAllowed) {
  7056.       switchTabActivity(null);
  7057.     } else {
  7058.       setToActiveTab(); // just switch to the default tab
  7059.     }
  7060.  
  7061.  
  7062.     mtoFlexyAttr.clear(true)
  7063.     mtoBodyAttr.clear(true)
  7064.     mtf_checkFlexy()
  7065.  
  7066.     document.documentElement.setAttribute('tyt-deferred', '')
  7067.     tabsDeferred.resolve();
  7068.     tabsInsertedPromise.resolve();
  7069.     FP.mtf_attrEngagementPanel(); // check whether no visible panels
  7070.  
  7071.  
  7072.   }
  7073.  
  7074.  
  7075.   function fetchCommentsFinished() {
  7076.     const ytdFlexyElm = es.ytdFlexy;
  7077.     if (!scriptEnable || !ytdFlexyElm) return;
  7078.     if (mtf_forceCheckLiveVideo_disable === 2) return;
  7079.     ytdFlexyElm.setAttribute('tyt-comments', 'L');
  7080.     _console.log(2909, 1)
  7081.   }
  7082.  
  7083.   function setCommentSection( /** @type {number} */ value) {
  7084.  
  7085.     Q.comments_section_loaded = value;
  7086.     if (value === 0 && fetchCounts) {
  7087.       fetchCounts.fetched = false; // unknown bug
  7088.     }
  7089.  
  7090.   }
  7091.  
  7092.  
  7093.   function emptyCommentSection() {
  7094.     let tab_btn = document.querySelector('.tab-btn[tyt-tab-content="#tab-comments"]')
  7095.     if (tab_btn) {
  7096.       let span = _querySelector.call(tab_btn, 'span#tyt-cm-count');
  7097.       tab_btn.removeAttribute('loaded-comment')
  7098.       if (span) {
  7099.         span.textContent = '';
  7100.       }
  7101.     }
  7102.     setCommentSection(0);
  7103.     _console.log(7233, 'comments_section_loaded = 0')
  7104.   }
  7105.  
  7106.  
  7107.   function _disableComments() {
  7108.  
  7109.  
  7110.     _console.log(2909, 1)
  7111.     if (!scriptEnable) return;
  7112.     let cssElm = es.ytdFlexy;
  7113.     if (!cssElm) return;
  7114.  
  7115.     _console.log(2909, 2)
  7116.  
  7117.  
  7118.     let comments = document.querySelector('ytd-comments#comments')
  7119.     if (mtf_forceCheckLiveVideo_disable === 2) {
  7120.       // earlier than DOM change
  7121.     } else {
  7122.       if (comments && !comments.hasAttribute('hidden')) return; // visible comments content)
  7123.     }
  7124.  
  7125.     _console.log(2909, 4)
  7126.     if (Q.comments_section_loaded === 2) return; //already disabled
  7127.  
  7128.     setCommentSection(2);
  7129.  
  7130.     _console.log(2909, 5)
  7131.  
  7132.     let tabBtn = document.querySelector('.tab-btn[tyt-tab-content="#tab-comments"]');
  7133.     if (tabBtn) {
  7134.       let span = _querySelector.call(tabBtn, 'span#tyt-cm-count');
  7135.       tabBtn.removeAttribute('loaded-comment')
  7136.       if (!tabBtn.classList.contains('tab-btn-hidden')) {
  7137.         //console.log('hide', comments, comments && comments.hasAttribute('hidden'))
  7138.         hideTabBtn(tabBtn)
  7139.       }
  7140.       if (span) {
  7141.         span.textContent = '';
  7142.       }
  7143.     }
  7144.  
  7145.     cssElm.setAttribute('tyt-comments', 'D');
  7146.  
  7147.     _console.log(2909, 10)
  7148.  
  7149.  
  7150.   }
  7151.  
  7152.   function setToggleInfo() {
  7153.     scriptletDeferred.d().then(() => {
  7154.       const elem = document.querySelector('#primary.ytd-watch-flexy #below ytd-watch-metadata #info-container.ytd-watch-metadata:first-child') || document.querySelector('#primary.ytd-watch-flexy #below ytd-watch-metadata #ytd-watch-info-text.ytd-watch-metadata:first-child') || null;
  7155.       if (elem && !elem.hasAttribute('tyt-info-toggler')) {
  7156.         elem.setAttribute('tyt-info-toggler', '');
  7157.         sendToPageScript(elem, 'tyt-info-toggler');
  7158.       }
  7159.     });
  7160.   }
  7161.  
  7162.   function flexyAttr_toggleFlag(mFlag, b, flag) {
  7163.     return b ? (mFlag | flag) : (mFlag & ~flag);
  7164.   }
  7165.  
  7166.   function flexAttr_toLayoutStatus(nls, attributeName) {
  7167.  
  7168.     let attrElm, b, v;
  7169.     switch (attributeName) {
  7170.       case 'theater':
  7171.         b = isTheater();
  7172.         nls = flexyAttr_toggleFlag(nls, b, LAYOUT_THEATER);
  7173.         break;
  7174.       case 'tyt-chat':
  7175.         attrElm = es.ytdFlexy;
  7176.         v = attrElm.getAttribute('tyt-chat');
  7177.  
  7178.         if (v !== null && v.charAt(0) === '-') {
  7179.           nls = flexyAttr_toggleFlag(nls, true, LAYOUT_CHATROOM | LAYOUT_CHATROOM_COLLAPSED);
  7180.         } else {
  7181.           nls = flexyAttr_toggleFlag(nls, v !== null, LAYOUT_CHATROOM);
  7182.           nls = flexyAttr_toggleFlag(nls, false, LAYOUT_CHATROOM_COLLAPSED);
  7183.         }
  7184.  
  7185.         break;
  7186.       case 'is-two-columns_':
  7187.         b = isWideScreenWithTwoColumns();
  7188.         nls = flexyAttr_toggleFlag(nls, b, LAYOUT_TWO_COLUMNS);
  7189.         break;
  7190.  
  7191.       case 'tyt-tab':
  7192.         attrElm = es.ytdFlexy;
  7193.         b = isNonEmptyString(attrElm.getAttribute('tyt-tab'));
  7194.         nls = flexyAttr_toggleFlag(nls, b, LAYOUT_TAB_EXPANDED);
  7195.         break;
  7196.  
  7197.       case 'fullscreen':
  7198.         attrElm = es.ytdFlexy;
  7199.         b = attrElm.hasAttribute('fullscreen');
  7200.         nls = flexyAttr_toggleFlag(nls, b, LAYOUT_FULLSCREEN);
  7201.         break;
  7202.  
  7203.       case 'tyt-ep-visible':
  7204.         attrElm = es.ytdFlexy;
  7205.         v = attrElm.getAttribute('tyt-ep-visible');
  7206.         b = (+v > 0)
  7207.         nls = flexyAttr_toggleFlag(nls, b, LAYOUT_ENGAGEMENT_PANEL_EXPANDED);
  7208.         break;
  7209.  
  7210.       case 'tyt-donation-shelf':
  7211.         attrElm = es.ytdFlexy;
  7212.         b = attrElm.hasAttribute('tyt-donation-shelf');
  7213.         nls = flexyAttr_toggleFlag(nls, b, LAYOUT_DONATION_SHELF_EXPANDED);
  7214.         break;
  7215.  
  7216.     }
  7217.  
  7218.     return nls;
  7219.  
  7220.  
  7221.   }
  7222.  
  7223.  
  7224.  
  7225.   function ito_details(entries, observer) {
  7226.     if (!detailsTriggerReset) return;
  7227.     if (!entries || entries.length !== 1) return; // unlikely
  7228.     let entry = entries[0];
  7229.     //console.log(entries)
  7230.     if (entry.isIntersecting === true) {
  7231.  
  7232.       if (fT(wls.layoutStatus, LAYOUT_TWO_COLUMNS | LAYOUT_FULLSCREEN, 0) === false) return;
  7233.  
  7234.       let dom = entry.target;
  7235.       if (!dom) return; //unlikely
  7236.  
  7237.       let bool = false;
  7238.       let descClickable = null;
  7239.  
  7240.       if (fT(wls.layoutStatus, 0, LAYOUT_ENGAGEMENT_PANEL_EXPANDED | LAYOUT_DONATION_SHELF_EXPANDED | LAYOUT_CHATROOM_EXPANDED | LAYOUT_TAB_EXPANDED) === false) {
  7241.         descClickable = closestDOM.call(dom, '#description.item.style-scope.ytd-watch-metadata')
  7242.         if (descClickable) {
  7243.           detailsTriggerReset = false;
  7244.           bool = true;
  7245.         }
  7246.       }
  7247.  
  7248.       async function runAsync(dom, bool) {
  7249.  
  7250.         if (bool) {
  7251.           let descClickable = closestDOM.call(dom, '#description.item.style-scope.ytd-watch-metadata')
  7252.           if (descClickable) {
  7253.             descClickable.click();
  7254.           }
  7255.         }
  7256.  
  7257.         await getDMPromise();
  7258.  
  7259.         let pInner, nw = null;
  7260.         try {
  7261.           let x = closestDOM.call(dom, '#description.item.style-scope.ytd-watch-metadata');
  7262.           let h2 = x.offsetHeight;
  7263.           pInner = closestDOM.call(x, '#primary-inner')
  7264.           let h1 = pInner.offsetHeight;
  7265.           x.setAttribute('userscript-scrollbar-render', '')
  7266.           if (h1 > h2 && h2 > 0 && h1 > 0) nw = h1 - h2
  7267.         } catch (e) { }
  7268.         if (pInner) {
  7269.           pInner.style.setProperty('--tyt-desc-top-h', `${nw ? nw : 0}px`)
  7270.         }
  7271.       }
  7272.  
  7273.       runAsync(dom, bool);
  7274.  
  7275.  
  7276.     }
  7277.  
  7278.   }
  7279.  
  7280.   function immediateCheck() {
  7281.  
  7282.  
  7283.     if (!scriptEnable) return;
  7284.  
  7285.     if (fT(wls.layoutStatus, LAYOUT_TWO_COLUMNS, LAYOUT_TAB_EXPANDED | LAYOUT_ENGAGEMENT_PANEL_EXPANDED | LAYOUT_DONATION_SHELF_EXPANDED | LAYOUT_THEATER | LAYOUT_FULLSCREEN | LAYOUT_CHATROOM_EXPANDED)) {
  7286.       setToActiveTab();
  7287.     }
  7288.  
  7289.   }
  7290.  
  7291.   // let _ctlPromise = null;
  7292.  
  7293.   // const getCTLPromise = () => {
  7294.  
  7295.   //   if(!_ctlPromise) _ctlPromise = new PromiseExternal();
  7296.  
  7297.  
  7298.   //   const ytdFlexyElm = es.ytdFlexy;
  7299.   //   if (!scriptEnable || !ytdFlexyElm || !wls.layoutStatus) {
  7300.   //     _ctlPromise.resolve();
  7301.   //   }else{
  7302.   //     ytdFlexyElm.setAttribute('tyt-ctl', ytdFlexyElm.getAttribute('tyt-ctl') === '1' ? '0' : '1')
  7303.   //   }
  7304.  
  7305.   //   return _ctlPromise;
  7306.  
  7307.   // };
  7308.  
  7309.  
  7310.   // const triggerCTL = ()=>{
  7311.   //   _ctlPromise && _ctlPromise.resolve();
  7312.   //   _ctlPromise = null
  7313.   // }
  7314.  
  7315.   let updateFlexyStateRequired = false;
  7316.   const updateFlexyStateFn = () => {
  7317.     updateFlexyStateRequired = false;
  7318.     es.ytdFlexy && layoutStatusMutex.lockWith(unlock => {
  7319.       const ytdFlexyElm = es.ytdFlexy;
  7320.       if (!ytdFlexyElm) return;
  7321.       const isFlexyHidden = ytdFlexyElm.hasAttribute('hidden');
  7322.       if (isFlexyHidden) return;
  7323.       setChatroomState();
  7324.       mtf_checkFlexy_(LAYOUT_VAILD);
  7325.       unlock();
  7326.     });
  7327.   }
  7328.   const mtf_attrFlexy = (mutations, observer) => {
  7329.  
  7330.     // if(document.documentElement.hasAttribute('p355')) return;
  7331.  
  7332.  
  7333.     //attr mutation checker - $$ytdFlexyElm$$ {ytd-watch-flexy} \single
  7334.     //::attr    
  7335.     // ~ 'tyt-chat', 'theater', 'is-two-columns_', 
  7336.     // ~ 'tyt-tab', 'fullscreen', 'tyt-ep-visible', 
  7337.     // ~ 'hidden', 'is-extra-wide-video_'
  7338.  
  7339.     //console.log(15330, scriptEnable, es.ytdFlexy, mutations)
  7340.  
  7341.  
  7342.     if (mutations && mutations.length >= 1) {
  7343.       let b = 0;
  7344.       for (const mutation of mutations) {
  7345.         if (mutation.attributeName === 'hidden') {
  7346.           b = 1;
  7347.           break;
  7348.         }
  7349.       }
  7350.       if (b) {
  7351.         updateFlexyStateRequired = true;
  7352.       }
  7353.     }
  7354.  
  7355.     if (!scriptEnable) return;
  7356.  
  7357.     const cssElm = es.ytdFlexy;
  7358.     if (!cssElm) return;
  7359.  
  7360.     if (!mutations) return;
  7361.  
  7362.  
  7363.     const old_layoutStatus = wls.layoutStatus
  7364.     if (old_layoutStatus === 0) return;
  7365.     let new_layoutStatus = old_layoutStatus;
  7366.  
  7367.     let checkedChat = false;
  7368.     let mss = 0;
  7369.     let dcall = 0;
  7370.     // let resolveCTL = false;
  7371.  
  7372.     check1885();
  7373.     if (!chatController.allowChatControl) {
  7374.  
  7375.       // for (const mutation of mutations) {
  7376.  
  7377.       //   if(mutation.attributeName === 'tyt-ctl') {
  7378.       //     resolveCTL = true;
  7379.       //     continue;
  7380.       //   }
  7381.       // }
  7382.       // if(resolveCTL) triggerCTL();
  7383.       return;
  7384.     }
  7385.  
  7386.     for (const mutation of mutations) {
  7387.  
  7388.       // if(mutation.attributeName === 'tyt-ctl') {
  7389.       //   resolveCTL = true;
  7390.       //   continue;
  7391.       // }
  7392.  
  7393.       // if(1885 && document.body.hasAttribute('data-ytlstm-theater-mode')) continue;
  7394.       new_layoutStatus = flexAttr_toLayoutStatus(new_layoutStatus, mutation.attributeName);
  7395.       // _console.log(8221, 18, mutation.attributeName)
  7396.       if (mutation.attributeName === 'tyt-chat') {
  7397.  
  7398.         if (!checkedChat) {
  7399.           checkedChat = true; // avoid double call
  7400.  
  7401.           if ((cssElm.getAttribute('tyt-chat') || '').indexOf('chat$live') >= 0) {
  7402.             // assigned new attribute - "chat$live" => disable comments section
  7403.  
  7404.             //console.log(3712,2)
  7405.             _disableComments();
  7406.           }
  7407.  
  7408.           if (!cssElm.hasAttribute('tyt-chat')) {
  7409.             // might or might not collapsed before
  7410.             dcall |= 1;
  7411.           }
  7412.         }
  7413.  
  7414.       } else if (mutation.attributeName === 'tyt-ep-visible') {
  7415.         // assume any other active component such as tab content and chatroom
  7416.  
  7417.         if (+(cssElm.getAttribute('tyt-ep-visible') || 0) === 0 && +mutation.oldValue > 0) {
  7418.           dcall |= 2;
  7419.         }
  7420.  
  7421.         if (mss === 0) mss = 1;
  7422.         else mss = -1;
  7423.  
  7424.       } else if (mutation.attributeName === 'tyt-donation-shelf') {
  7425.         // assume any other active component such as tab content and chatroom
  7426.  
  7427.         // console.log(4545, cssElm.hasAttribute('tyt-donation-shelf'))
  7428.         if (!(cssElm.hasAttribute('tyt-donation-shelf'))) {
  7429.           dcall |= 4;
  7430.         } else {
  7431.           lstTab.lastPanel = '#donation-shelf'
  7432.           switchTabActivity(null);
  7433.           // console.log(55)
  7434.         }
  7435.         if (mss === 0) mss = 2;
  7436.         else mss = -1;
  7437.  
  7438.       } else if (mutation.attributeName === 'is-extra-wide-video_') {
  7439.         getDMPromise().then(updateFloatingSlider); //required for hover slider // eg video after ads
  7440.       }
  7441.  
  7442.     }
  7443.  
  7444.     new_layoutStatus = fixLayoutStatus(new_layoutStatus);
  7445.  
  7446.     if (new_layoutStatus !== old_layoutStatus) {
  7447.  
  7448.       if (fT(new_layoutStatus, LAYOUT_TWO_COLUMNS, LAYOUT_TAB_EXPANDED | LAYOUT_THEATER | LAYOUT_CHATROOM_EXPANDED)) {
  7449.         if (mss === 1) {
  7450.           if (fT(new_layoutStatus, LAYOUT_ENGAGEMENT_PANEL_EXPANDED | LAYOUT_DONATION_SHELF_EXPANDED, 0)) {
  7451.             closeDonationShelf();
  7452.           }
  7453.         } else if (mss === 2) {
  7454.           if (fT(new_layoutStatus, LAYOUT_ENGAGEMENT_PANEL_EXPANDED | LAYOUT_DONATION_SHELF_EXPANDED, 0)) {
  7455.             ytBtnCloseEngagementPanels();
  7456.           }
  7457.         }
  7458.       }
  7459.       wls.layoutStatus = new_layoutStatus
  7460.  
  7461.     }
  7462.  
  7463.  
  7464.     (async () => {
  7465.       await getDMPromise();
  7466.       layoutStatusMutex.lockWith(unlock => {
  7467.         immediateCheck();
  7468.         unlock();
  7469.       });
  7470.     })();
  7471.  
  7472.  
  7473.   }
  7474.  
  7475.   const mtf_attrBody = (mutations, observer) => {
  7476.  
  7477.     getDMPromise().then(() => {
  7478.  
  7479.       layoutStatusMutex.lockWith(unlock => {
  7480.  
  7481.         check1885();
  7482.         check1886();
  7483.  
  7484.         if (chatController.allowChatControl) {
  7485.           mtf_checkFlexy_(wls.layoutStatus);
  7486.           fixTabs();
  7487.         }
  7488.  
  7489.  
  7490.         if (document.fullscreenElement) {
  7491.           unlock();
  7492.         } else if (wls.layoutStatus & LAYOUT_THEATER) {
  7493.           if (chatController.allowChatControl) {
  7494.             fixTheaterChat1A();
  7495.           } else {
  7496.             fixTheaterChat2A();
  7497.           }
  7498.           getDMPromise().then(unlock);
  7499.         } else {
  7500.           unlock();
  7501.         }
  7502.  
  7503.       });
  7504.  
  7505.     });
  7506.  
  7507.  
  7508.   }
  7509.  
  7510.   function setupChatFrameDisplayState1(chatBlockR, initialDisplayState) {
  7511.  
  7512.  
  7513.     const ytdFlexyElm = es.ytdFlexy;
  7514.     if (!scriptEnable || !ytdFlexyElm) return;
  7515.  
  7516.     let chatTypeChanged = mtf_chatBlockQ !== chatBlockR;
  7517.  
  7518.     let attr_chatblock = chatBlockR === 1 ? 'chat$live' : chatBlockR === 3 ? 'chat$playback' : false;
  7519.     let attr_chatcollapsed = false;
  7520.  
  7521.  
  7522.     if (attr_chatblock) {
  7523.       let chatFrame = document.querySelector('ytd-live-chat-frame#chat')
  7524.       if (chatFrame) {
  7525.         attr_chatcollapsed = chatFrame.hasAttribute('collapsed');
  7526.         if (!attr_chatcollapsed) {
  7527.  
  7528.           //nativeFunc(p,'setupPlayerProgressRelay')
  7529.           //if(!p.isFrameReady)
  7530.           //nativeFunc(p, "urlChanged")
  7531.           //console.log(12399,1)
  7532.           // chatFrame.dispatchEvent(new CustomEvent("tabview-chatroom-newpage")); //possible empty iframe is shown
  7533.  
  7534.         }
  7535.       } else {
  7536.         attr_chatcollapsed = initialDisplayState === 'LIVE_CHAT_DISPLAY_STATE_COLLAPSED' ? true : false;
  7537.       }
  7538.     }
  7539.  
  7540.     if (chatTypeChanged) {
  7541.       mtf_chatBlockQ = chatBlockR
  7542.  
  7543.       // _console.log(932, 2, attr_chatblock, attr_chatcollapsed)
  7544.  
  7545.       //LIVE_CHAT_DISPLAY_STATE_COLLAPSED
  7546.       //LIVE_CHAT_DISPLAY_STATE_EXPANDED
  7547.       let v = attr_chatblock
  7548.       if (typeof attr_chatblock == 'string') {
  7549.  
  7550.         if (attr_chatcollapsed === true) v = '-' + attr_chatblock
  7551.         if (attr_chatcollapsed === false) v = '+' + attr_chatblock;
  7552.       }
  7553.       wAttr(ytdFlexyElm, 'tyt-chat', v)
  7554.  
  7555.       // _console.log(932, 3, ytdFlexyElm.hasAttribute('tyt-chat'))
  7556.  
  7557.  
  7558.     }
  7559.  
  7560.     return { attr_chatblock, attr_chatcollapsed, chatTypeChanged }
  7561.   }
  7562.  
  7563.   function setupChatFrameDisplayState2() {
  7564.  
  7565.     const ytdFlexyElm = es.ytdFlexy;
  7566.     if (!scriptEnable || !ytdFlexyElm) return null;
  7567.  
  7568.     // this is a backup solution only; should be abandoned
  7569.  
  7570.     let attr_chatblock = null
  7571.     let attr_chatcollapsed = null;
  7572.  
  7573.     const elmChat = document.querySelector('ytd-live-chat-frame#chat')
  7574.     let elmCont = null;
  7575.     if (elmChat) {
  7576.       elmCont = chatFrameElement('yt-live-chat-renderer #continuations')
  7577.  
  7578.  
  7579.       let s = 0;
  7580.       if (elmCont) {
  7581.         //not found if it is collapsed.
  7582.         s |= _querySelector.call(elmCont, 'yt-timed-continuation') ? 1 : 0;
  7583.         s |= _querySelector.call(elmCont, 'yt-live-chat-replay-continuation, yt-player-seek-continuation') ? 2 : 0;
  7584.         //s |= elmCont.querySelector('yt-live-chat-restricted-participation-renderer')?4:0;
  7585.         if (s == 1) {
  7586.           attr_chatblock = 'chat$live';
  7587.         } else if (s == 2) attr_chatblock = 'chat$playback';
  7588.  
  7589.         if (s == 1) {
  7590.           let cmCountElm = document.querySelector("span#tyt-cm-count")
  7591.           if (cmCountElm) cmCountElm.textContent = '';
  7592.         }
  7593.  
  7594.       } else if (!ytdFlexyElm.hasAttribute('tyt-chat')) {
  7595.         // live chat frame but type not known
  7596.  
  7597.         attr_chatblock = '';
  7598.  
  7599.       }
  7600.       //keep unknown as original    
  7601.  
  7602.  
  7603.       let isCollapsed = !!elmChat.hasAttribute('collapsed');
  7604.       attr_chatcollapsed = isCollapsed;
  7605.  
  7606.     } else {
  7607.       attr_chatblock = false;
  7608.       attr_chatcollapsed = false;
  7609.  
  7610.     }
  7611.  
  7612.     return { attr_chatblock, attr_chatcollapsed }
  7613.  
  7614.   }
  7615.  
  7616.  
  7617.   const mtf_checkFlexy_ = (ls) => {
  7618.  
  7619.     const ls0 = ls;
  7620.  
  7621.     ls = flexAttr_toLayoutStatus(ls, 'theater')
  7622.     ls = flexAttr_toLayoutStatus(ls, 'tyt-chat')
  7623.     ls = flexAttr_toLayoutStatus(ls, 'is-two-columns_')
  7624.     ls = flexAttr_toLayoutStatus(ls, 'tyt-tab')
  7625.     ls = flexAttr_toLayoutStatus(ls, 'fullscreen')
  7626.     ls = flexAttr_toLayoutStatus(ls, 'tyt-ep-visible')
  7627.     ls = flexAttr_toLayoutStatus(ls, 'tyt-donation-shelf')
  7628.  
  7629.     fixLayoutStatus(ls);
  7630.  
  7631.     if (ls0 !== ls) {
  7632.       wls.layoutStatus = ls
  7633.     }
  7634.  
  7635.   }
  7636.  
  7637.   const setChatroomState = () => {
  7638.     const ytdFlexyElm = es.ytdFlexy;
  7639.     if (!ytdFlexyElm) return;
  7640.     const rChatExist = setupChatFrameDisplayState2();
  7641.     if (rChatExist) {
  7642.       let { attr_chatblock, attr_chatcollapsed } = rChatExist;
  7643.       if (attr_chatblock === null) {
  7644.         //remove attribute if it is unknown
  7645.         attr_chatblock = false;
  7646.         attr_chatcollapsed = false;
  7647.       }
  7648.       let v = attr_chatblock;
  7649.       if (typeof v === 'string') {
  7650.         if (attr_chatcollapsed === true) v = '-' + v;
  7651.         if (attr_chatcollapsed === false) v = '+' + v;
  7652.       }
  7653.       wAttr(ytdFlexyElm, 'tyt-chat', v)
  7654.     }
  7655.   }
  7656.  
  7657.   const mtf_checkFlexy = () => {
  7658.     // once per $$native-ytd-watch-flexy$$ {ytd-watch-flexy} detection
  7659.  
  7660.     const ytdFlexyElm = es.ytdFlexy;
  7661.     if (!scriptEnable || !ytdFlexyElm) return true;
  7662.  
  7663.  
  7664.     if (typeof wls.layoutStatus === 'undefined' || !(wls.layoutStatus & LAYOUT_VAILD)) {
  7665.       wls.layoutStatus = 0;
  7666.     }
  7667.  
  7668.     const isFlexyHidden = (ytdFlexyElm.hasAttribute('hidden'));
  7669.  
  7670.     if (!isFlexyHidden) {
  7671.       setChatroomState();
  7672.     }
  7673.  
  7674.     let rTabSelection = [..._querySelectorAll.call(ytdFlexyElm, '.tab-btn[tyt-tab-content]')]
  7675.       .map(elm => ({ elm, hidden: elm.classList.contains('tab-btn-hidden') }));
  7676.  
  7677.     if (rTabSelection.length === 0) {
  7678.       wAttr(ytdFlexyElm, 'tyt-tab', false);
  7679.     } else {
  7680.       rTabSelection = rTabSelection.filter(entry => entry.hidden !== true); // all available tabs
  7681.       if (rTabSelection.length === 0) wAttr(ytdFlexyElm, 'tyt-tab', '');
  7682.     }
  7683.     rTabSelection = null;
  7684.  
  7685.     let rEP = engagement_panels_();
  7686.     if (rEP && rEP.list.length > 0) {
  7687.       wAttr(ytdFlexyElm, 'tyt-ep-visible', `${rEP.value}`);
  7688.     } else {
  7689.       wAttr(ytdFlexyElm, 'tyt-ep-visible', false);
  7690.     }
  7691.  
  7692.     mtf_checkFlexy_(LAYOUT_VAILD);
  7693.  
  7694.     mtoFlexyAttr.bindElement(ytdFlexyElm, {
  7695.       attributes: true,
  7696.       attributeFilter: [/*'tyt-ctl',*/ 'tyt-chat', 'theater', 'is-two-columns_', 'tyt-tab', 'fullscreen', 'tyt-ep-visible', 'tyt-donation-shelf', 'hidden', 'is-extra-wide-video_'],
  7697.       attributeOldValue: true
  7698.     })
  7699.     mtoBodyAttr.bindElement(document.body, {
  7700.       attributes: true,
  7701.       attributeFilter: ['data-ytlstm-theater-mode'],
  7702.       attributeOldValue: true
  7703.     })
  7704.  
  7705.     let columns = document.querySelector('ytd-page-manager#page-manager #columns.ytd-watch-flexy')
  7706.     if (columns) {
  7707.       wAttr(columns, 'userscript-scrollbar-render', true);
  7708.     }
  7709.  
  7710.     immediateCheck()
  7711.  
  7712.     return false;
  7713.   }
  7714.  
  7715.   document.addEventListener('tabview-fix-layout', () => {
  7716.  
  7717.     immediateCheck()
  7718.  
  7719.   }, false)
  7720.  
  7721.  
  7722.   function switchTabActivity(activeLink) {
  7723.  
  7724.     //console.log(4545, activeLink)
  7725.     if (!scriptEnable) return;
  7726.  
  7727.     const ytdFlexyElm = es.ytdFlexy;
  7728.  
  7729.     if (!ytdFlexyElm) return;
  7730.  
  7731.     if (activeLink && activeLink.classList.contains('tab-btn-hidden')) return; // not allow to switch to hide tab
  7732.  
  7733.     //if (isTheater() && isWideScreenWithTwoColumns()) activeLink = null;
  7734.  
  7735.  
  7736.     function runAtEnd() {
  7737.  
  7738.       if (activeLink) {
  7739.         lstTab.lastTab = activeLink.getAttribute('tyt-tab-content')
  7740.         lstTab.lastPanel = null;
  7741.  
  7742.         if (!document.querySelector(`${lstTab.lastTab}.tab-content-cld tabview-view-tab-expander`)) {
  7743.  
  7744.           scriptletDeferred.debounce(() => {
  7745.  
  7746.             let secondary = document.querySelector('#secondary.ytd-watch-flexy');
  7747.             if (secondary) {
  7748.               secondary.dispatchEvent(new CustomEvent('tabview-hover-slider-restore'))
  7749.               //console.log(1995)
  7750.             }
  7751.  
  7752.           })
  7753.  
  7754.         }
  7755.       }
  7756.  
  7757.       const newTag = activeLink ? lstTab.lastTab : '';
  7758.  
  7759.       ytdFlexyElm.setAttribute('tyt-tab', newTag)
  7760.  
  7761.       if (newTag === '#tab-videos') {
  7762.  
  7763.  
  7764.  
  7765.         let t = document.querySelector('#tab-videos yt-chip-cloud-renderer')
  7766.         if (t) {
  7767.           scriptletDeferred.debounce(() => {
  7768.             t.isConnected && sendToPageScript(t, 'tyt-resize-chip-cloud');
  7769.             t = null;
  7770.           })
  7771.         }
  7772.  
  7773.       }
  7774.  
  7775.  
  7776.     }
  7777.  
  7778.     const links = document.querySelectorAll('#material-tabs a[tyt-tab-content]');
  7779.  
  7780.     //console.log(701, activeLink)
  7781.  
  7782.     for (const link of links) {
  7783.       let content = document.querySelector(link.getAttribute('tyt-tab-content'));
  7784.       if (link && content) {
  7785.         if (link !== activeLink) {
  7786.           link.classList.remove("active");
  7787.           content.classList.add("tab-content-hidden");
  7788.           if (!content.hasAttribute("tyt-hidden")) {
  7789.             content.setAttribute("tyt-hidden", ""); // for https://gf.qytechs.cn/en/scripts/456108
  7790.           }
  7791.         } else {
  7792.           link.classList.add("active");
  7793.           if (content.hasAttribute("tyt-hidden")) {
  7794.             content.removeAttribute("tyt-hidden"); // for https://gf.qytechs.cn/en/scripts/456108
  7795.           }
  7796.           content.classList.remove("tab-content-hidden");
  7797.         }
  7798.       }
  7799.     }
  7800.  
  7801.     runAtEnd();
  7802.  
  7803.  
  7804.   }
  7805.  
  7806.  
  7807.   function getStore() {
  7808.     let s = localStorage[STORE_key];
  7809.     function resetStore() {
  7810.       let ret = {
  7811.         version: 1,
  7812.       };
  7813.       localStorage[STORE_key] = JSON.stringify(ret);
  7814.       return ret;
  7815.     }
  7816.     if (!s) return resetStore();
  7817.     let obj = null;
  7818.     try {
  7819.       obj = JSON.parse(s);
  7820.     } catch (e) { }
  7821.     return obj && obj.version === STORE_VERSION ? obj : resetStore();
  7822.   }
  7823.  
  7824.   function setStore(obj) {
  7825.     if (!obj || typeof obj !== 'object') return false;
  7826.     if (obj.version !== STORE_VERSION) return false;
  7827.     localStorage[STORE_key] = JSON.stringify(obj);
  7828.     return true;
  7829.   }
  7830.  
  7831.  
  7832.  
  7833.   async function handlerMaterialTabClickInner(tabBtn) {
  7834.  
  7835.     await Promise.resolve(0);
  7836.  
  7837.     const layoutStatusMutexUnlock = await new Promise(resolve => {
  7838.       layoutStatusMutex.lockWith(unlock => {
  7839.         resolve(unlock)
  7840.       })
  7841.     });
  7842.  
  7843.     // locked
  7844.     let unlock = layoutStatusMutexUnlock; // function of unlock inside layoutStatusMutex
  7845.  
  7846.     //console.log(8515)
  7847.     switchTabActivity_lastTab = tabBtn.getAttribute('tyt-tab-content');
  7848.  
  7849.     let isActiveAndVisible = tabBtn.classList.contains('tab-btn') && tabBtn.classList.contains('active') && !tabBtn.classList.contains('tab-btn-hidden')
  7850.  
  7851.     _console.log(8221, 15, isActiveAndVisible)
  7852.  
  7853.     if (isFullScreen()) {
  7854.  
  7855.       _console.log(8221, 16, 1)
  7856.  
  7857.       if (isActiveAndVisible) {
  7858.         getDMPromise().then(unlock);
  7859.         switchTabActivity(null);
  7860.       } else {
  7861.  
  7862.         if (isChatExpand() && isWideScreenWithTwoColumns()) {
  7863.           ytBtnCollapseChat();
  7864.         } else if (isEngagementPanelExpanded() && isWideScreenWithTwoColumns()) {
  7865.           ytBtnCloseEngagementPanels();
  7866.         } else if (isDonationShelfExpanded() && isWideScreenWithTwoColumns()) {
  7867.           closeDonationShelf();
  7868.         }
  7869.  
  7870.         !!(async () => {
  7871.           if (canScrollIntoViewWithOptions) {
  7872.             await getDMPromise();
  7873.             fullScreenTabScrollIntoView();
  7874.           }
  7875.           await getDMPromise();
  7876.           unlock();
  7877.         })();
  7878.         switchTabActivity(tabBtn)
  7879.       }
  7880.  
  7881.     } else if (isWideScreenWithTwoColumns() && !isTheater() && isActiveAndVisible) {
  7882.       switchTabActivity(null);
  7883.       ytBtnSetTheater();
  7884.       getDMPromise().then(unlock);
  7885.     } else if (isActiveAndVisible) {
  7886.       switchTabActivity(null);
  7887.       getDMPromise().then(unlock);
  7888.     } else {
  7889.  
  7890.       if (isChatExpand() && isWideScreenWithTwoColumns()) {
  7891.         ytBtnCollapseChat();
  7892.       } else if (isEngagementPanelExpanded() && isWideScreenWithTwoColumns()) {
  7893.         ytBtnCloseEngagementPanels();
  7894.       } else if (isDonationShelfExpanded() && isWideScreenWithTwoColumns()) {
  7895.         closeDonationShelf();
  7896.       } else if (isWideScreenWithTwoColumns() && isTheater() && !isFullScreen()) {
  7897.         ytBtnCancelTheater(); //ytd-watch-flexy attr [theater]
  7898.       }
  7899.  
  7900.       switchTabActivity(tabBtn)
  7901.  
  7902.  
  7903.       !!(async () => {
  7904.         await getDMPromise();
  7905.         // single column view; click button; scroll to tab content area 100%
  7906.         let rightTabs = document.querySelector('#right-tabs');
  7907.         if (!isWideScreenWithTwoColumns() && rightTabs && rightTabs.offsetTop > 0 && tabBtn.classList.contains('active') && rightTabs.hasAttribute('tyt-stickybar')) {
  7908.           let tabButtonBar = document.querySelector('#material-tabs');
  7909.           let tabButtonBarHeight = tabButtonBar ? tabButtonBar.offsetHeight : 0;
  7910.           window.scrollTo(0, rightTabs.offsetTop - tabButtonBarHeight); // scrollIntoView
  7911.         }
  7912.         await getDMPromise();
  7913.         unlock();
  7914.       })();
  7915.  
  7916.     }
  7917.  
  7918.  
  7919.   }
  7920.  
  7921.   function handlerMaterialTabClick(/** @type {MouseEvent} */ evt) {
  7922.  
  7923.     //console.log(8510)
  7924.     const ytdFlexyElm = es.ytdFlexy;
  7925.     if (!scriptEnable || !ytdFlexyElm) return null;
  7926.  
  7927.     let tabBtn = this;
  7928.  
  7929.     if (!tabBtn.hasAttribute('tyt-tab-content')) return;
  7930.  
  7931.     /** @type {HTMLElement | null} */
  7932.     let dom = evt.target;
  7933.     if (!dom) return;
  7934.  
  7935.     if (dom.classList.contains('font-size-btn')) return;
  7936.  
  7937.  
  7938.     evt.preventDefault();
  7939.     evt.stopPropagation();
  7940.     evt.stopImmediatePropagation();
  7941.  
  7942.     handlerMaterialTabClickInner(tabBtn);
  7943.  
  7944.  
  7945.   }
  7946.  
  7947.   function onVideoLeavePictureInPicuture() {
  7948.     isMiniviewForStickyHeadEnabled = false;
  7949.   }
  7950.  
  7951.  
  7952.   let videoPlayerInsectObserver = null;
  7953.   let videoInsected = false;
  7954.  
  7955.  
  7956.   async function enablePIPforStickyHead() {
  7957.     // use async & await to avoid handler took 60ms
  7958.  
  7959.     if (!isMiniviewForStickyHeadEnabled && isStickyHeaderEnabled && userActivation && typeof IntersectionObserver == 'function') {
  7960.       let video = document.querySelector('#player video'); // ignore audio mode
  7961.       if (!video) return;
  7962.  
  7963.       const vRect = video.getBoundingClientRect();
  7964.       if (!(vRect.top < 0 && vRect.height > 100 && vRect.bottom < vRect.height * 0.25)) return; // avoid conflic with YouTube Mobile Mode in YouTube Live Borderless
  7965.  
  7966.       await Promise.resolve(0)
  7967.       const pageClientWidth = document.documentElement.clientWidth;
  7968.       if (pageClientWidth + 320 < screen.width && pageClientWidth > 320 && !document.querySelector('#rCbM3')) {
  7969.  
  7970.  
  7971.         await Promise.resolve(0)
  7972.         // desktop or notebook can use this feature
  7973.  
  7974.         // --------------------------------------------------------
  7975.         // ignore user activation error
  7976.         enterPIP(video, null).then(r => {
  7977.           if (r === true) {
  7978.  
  7979.             userActivation = false;
  7980.             isMiniviewForStickyHeadEnabled = true;
  7981.           }
  7982.         });
  7983.         // --------------------------------------------------------
  7984.         video.removeEventListener('leavepictureinpicture', onVideoLeavePictureInPicuture, false);
  7985.         video.addEventListener('leavepictureinpicture', onVideoLeavePictureInPicuture, false);
  7986.  
  7987.         if (!video.hasAttribute('NOL4j')) {
  7988.           video.setAttribute('NOL4j', "");
  7989.  
  7990.  
  7991.           await Promise.resolve(0)
  7992.  
  7993.           let callback = (entries) => {
  7994.  
  7995.  
  7996.             let lastEntry = entries[entries.length - 1];
  7997.             if (lastEntry && lastEntry.isIntersecting === true) {
  7998.  
  7999.               videoInsected = true;
  8000.  
  8001.               if (isMiniviewForStickyHeadEnabled && !isStickyHeaderEnabled && userActivation && videoInsected) {
  8002.                 restorePIPforStickyHead();
  8003.               }
  8004.  
  8005.             } else {
  8006.               videoInsected = false;
  8007.             }
  8008.  
  8009.           };
  8010.  
  8011.           if (!videoPlayerInsectObserver) {
  8012.             videoPlayerInsectObserver = new IntersectionObserver(callback, {
  8013.               root: null,
  8014.               rootMargin: "0px",
  8015.               threshold: 0.25
  8016.             });
  8017.           }
  8018.  
  8019.           videoPlayerInsectObserver.takeRecords();
  8020.           videoPlayerInsectObserver.disconnect();
  8021.  
  8022.           videoPlayerInsectObserver.observe(video);
  8023.  
  8024.  
  8025.         }
  8026.  
  8027.       }
  8028.     }
  8029.   }
  8030.  
  8031.   function setStickyHeader(targetElm, bool, getWidthHeight, getLeftRight) {
  8032.  
  8033.     //if(isStickyHeaderEnabled===bool) return; // no update
  8034.  
  8035.     if (bool === true) {
  8036.       const { width, height } = getWidthHeight();
  8037.       targetElm.style.setProperty("--tyt-stickybar-w", width + 'px')
  8038.       targetElm.style.setProperty("--tyt-stickybar-h", height + 'px')
  8039.       const res = getLeftRight();
  8040.       if (res) {
  8041.  
  8042.         targetElm.style.setProperty("--tyt-stickybar-l", (res.left) + 'px')
  8043.         targetElm.style.setProperty("--tyt-stickybar-r", (res.right) + 'px')
  8044.  
  8045.       }
  8046.       wAttr(targetElm, 'tyt-stickybar', true);
  8047.       isStickyHeaderEnabled = true;
  8048.  
  8049.       if (!isMiniviewForStickyHeadEnabled && isStickyHeaderEnabled && userActivation && typeof IntersectionObserver == 'function') {
  8050.         getDMPromise().then(enablePIPforStickyHead);
  8051.       }
  8052.  
  8053.     } else if (bool === false) {
  8054.  
  8055.       wAttr(targetElm, 'tyt-stickybar', false);
  8056.       isStickyHeaderEnabled = false;
  8057.  
  8058.  
  8059.     }
  8060.  
  8061.  
  8062.   }
  8063.  
  8064.   const singleColumnScrolling = async function () {
  8065.     //makeHeaderFloat
  8066.     // required for 1) init 2) layout change 3) resizing
  8067.  
  8068.     if (!scriptEnable || pageType !== 'watch') return;
  8069.  
  8070.  
  8071.     let isTwoCol = (wls.layoutStatus & LAYOUT_TWO_COLUMNS) === LAYOUT_TWO_COLUMNS;
  8072.     if (isTwoCol) {
  8073.  
  8074.       if (isStickyHeaderEnabled) {
  8075.  
  8076.         let targetElm = document.querySelector("#right-tabs");
  8077.         setStickyHeader(targetElm, false, null, null);
  8078.       }
  8079.       return;
  8080.     }
  8081.  
  8082.     let pageY = scrollY;
  8083.  
  8084.  
  8085.     let tdt = Date.now();
  8086.     singleColumnScrolling_dt = tdt;
  8087.  
  8088.  
  8089.     _console.log(7891, 'scrolling')
  8090.  
  8091.     function getXYStatus(res) {
  8092.  
  8093.       const [navHeight, elmY] = res;
  8094.  
  8095.       let xyz = [elmY + navHeight, pageY, elmY - navHeight]
  8096.  
  8097.       let xyStatus = 0
  8098.       if (xyz[1] < xyz[2] && xyz[2] < xyz[0]) {
  8099.         // 1
  8100.         xyStatus = 1
  8101.       }
  8102.  
  8103.       if (xyz[0] > xyz[1] && xyz[1] > xyz[2]) {
  8104.  
  8105.         //2
  8106.         xyStatus = 2
  8107.  
  8108.       }
  8109.  
  8110.       if (xyz[2] < xyz[0] && xyz[0] < xyz[1]) {
  8111.         // 3
  8112.  
  8113.         xyStatus = 3
  8114.  
  8115.  
  8116.       }
  8117.  
  8118.       return xyStatus;
  8119.     }
  8120.  
  8121.     let [targetElm, header, navElm] = await Promise.all([
  8122.       Promise.resolve().then(() => document.querySelector("#right-tabs")),
  8123.  
  8124.       Promise.resolve().then(() => document.querySelector("#right-tabs header")),
  8125.  
  8126.       Promise.resolve().then(() => document.querySelector('#masthead-container, #masthead')),
  8127.  
  8128.     ]);
  8129.  
  8130.     function emptyForGC() {
  8131.       targetElm = null;
  8132.       header = null;
  8133.       navElm = null;
  8134.     }
  8135.  
  8136.     if (!targetElm || !header) {
  8137.       return emptyForGC();
  8138.     }
  8139.     if (singleColumnScrolling_dt !== tdt) return emptyForGC();
  8140.  
  8141.     let res2 = await Promise.all([
  8142.       Promise.resolve().then(() => navElm ? navElm.offsetHeight : 0),
  8143.       Promise.resolve().then(() => targetElm.offsetTop)
  8144.     ])
  8145.  
  8146.     if (res2 === null) return emptyForGC();
  8147.  
  8148.     if (singleColumnScrolling_dt !== tdt) return emptyForGC();
  8149.  
  8150.  
  8151.     const xyStatus = getXYStatus(res2);
  8152.  
  8153.  
  8154.     function getLeftRight() {
  8155.  
  8156.       let thp = document.querySelector('tabview-view-pos-thead');
  8157.       if (thp) {
  8158.  
  8159.         let rect = thp.getBoundingClientRect()
  8160.         if (rect) {
  8161.           return {
  8162.             left: rect.left,
  8163.             right: document.documentElement.clientWidth - rect.right
  8164.           };
  8165.         }
  8166.       }
  8167.       return null;
  8168.     }
  8169.  
  8170.     let bool = (xyStatus == 2 || xyStatus == 3) ? true : ((xyStatus == 1) ? false : null);
  8171.  
  8172.     function getWidthHeight() {
  8173.       return { width: targetElm.offsetWidth, height: header.offsetHeight };
  8174.     }
  8175.  
  8176.     setStickyHeader(targetElm, bool, getWidthHeight, getLeftRight);
  8177.  
  8178.  
  8179.     emptyForGC();
  8180.  
  8181.   };
  8182.  
  8183.  
  8184.   const singleColumnScrolling2 = async function (xyStatus, width, xRect) {
  8185.     //makeHeaderFloat
  8186.  
  8187.     if (!scriptEnable || pageType !== 'watch') return;
  8188.  
  8189.  
  8190.     if ((wls.layoutStatus & LAYOUT_TWO_COLUMNS) === LAYOUT_TWO_COLUMNS) {
  8191.       return;
  8192.     }
  8193.  
  8194.     let [targetElm, header] = await Promise.all([
  8195.       Promise.resolve().then(() => document.querySelector("#right-tabs")),
  8196.       Promise.resolve().then(() => document.querySelector("#right-tabs header"))
  8197.     ]);
  8198.  
  8199.     function emptyForGC() {
  8200.       targetElm = null;
  8201.       header = null;
  8202.     }
  8203.  
  8204.  
  8205.     if (!targetElm || !header) {
  8206.       return emptyForGC();
  8207.     }
  8208.  
  8209.     function getLeftRight() {
  8210.       return xRect;
  8211.     }
  8212.  
  8213.     let bool = (xyStatus == 2 || xyStatus == 3) ? true : ((xyStatus == 1) ? false : null);
  8214.  
  8215.     function getWidthHeight() {
  8216.       return { width: (width || targetElm.offsetWidth), height: header.offsetHeight };
  8217.     }
  8218.  
  8219.     setStickyHeader(targetElm, bool, getWidthHeight, getLeftRight);
  8220.  
  8221.     emptyForGC();
  8222.  
  8223.   };
  8224.  
  8225.  
  8226.   function resetBuggyLayoutForNewVideoPage() {
  8227.  
  8228.     const ytdFlexyElm = es.ytdFlexy;
  8229.     if (!ytdFlexyElm) return;
  8230.  
  8231.     //(flexy is visible and watch video page) 
  8232.  
  8233.     scriptEnable = true;
  8234.  
  8235.     _console.log(27056)
  8236.  
  8237.     let new_layoutStatus = wls.layoutStatus
  8238.  
  8239.     new_layoutStatus & (LAYOUT_CHATROOM_COLLAPSED | LAYOUT_CHATROOM)
  8240.  
  8241.     const new_isExpandedChat = !(new_layoutStatus & LAYOUT_CHATROOM_COLLAPSED) && !!(new_layoutStatus & LAYOUT_CHATROOM)
  8242.     const new_isCollapsedChat = !!(new_layoutStatus & LAYOUT_CHATROOM_COLLAPSED) && !!(new_layoutStatus & LAYOUT_CHATROOM)
  8243.  
  8244.     const new_isTwoColumns = new_layoutStatus & LAYOUT_TWO_COLUMNS;
  8245.     const new_isTheater = new_layoutStatus & LAYOUT_THEATER;
  8246.     const new_isTabExpanded = new_layoutStatus & LAYOUT_TAB_EXPANDED;
  8247.     const new_isFullScreen = new_layoutStatus & LAYOUT_FULLSCREEN;
  8248.     const new_isExpandedEPanel = new_layoutStatus & LAYOUT_ENGAGEMENT_PANEL_EXPANDED;
  8249.     const new_isExpandedDonationShelf = new_layoutStatus & LAYOUT_DONATION_SHELF_EXPANDED;
  8250.  
  8251.     const nothingShown = !new_isTabExpanded && !new_isExpandedChat && !new_isExpandedEPanel && !new_isExpandedDonationShelf
  8252.  
  8253.     if (ytdFlexyElm.getAttribute('tyt-tab') === '' && new_isTwoColumns && !new_isTheater && nothingShown && !new_isFullScreen) {
  8254.       // e.g. engage panel removed after miniview and change video
  8255.       setToActiveTab();
  8256.     } else if (new_isExpandedEPanel && _querySelectorAll.call(ytdFlexyElm, 'ytd-watch-flexy[flexy][tyt-tab] #panels.ytd-watch-flexy ytd-engagement-panel-section-list-renderer[target-id][visibility="ENGAGEMENT_PANEL_VISIBILITY_EXPANDED"]:not([hidden])').length === 0) {
  8257.       wls.layoutStatus = new_layoutStatus & (~LAYOUT_ENGAGEMENT_PANEL_EXPANDED)
  8258.     } else if (new_isExpandedDonationShelf && _querySelectorAll.call(ytdFlexyElm, 'ytd-donation-shelf-renderer.ytd-watch-flexy:not([hidden])').length === 0) {
  8259.       wls.layoutStatus = new_layoutStatus & (~LAYOUT_DONATION_SHELF_EXPANDED)
  8260.     }
  8261.  
  8262.   }
  8263.  
  8264.  
  8265.   function extractInfoFromLiveChatRenderer(liveChatRenderer) {
  8266.  
  8267.     const lcr = liveChatRenderer
  8268.  
  8269.     const data_shb = ((lcr || 0).showHideButton || 0).toggleButtonRenderer
  8270.  
  8271.     const data_sb = !data_shb ? ((lcr || 0).showButton || 0).buttonRenderer : null // only show button
  8272.  
  8273.     let default_display_state = null, txt_collapse = null, txt_expand = null;
  8274.  
  8275.     if (!data_shb && data_sb && data_sb.text && typeof data_sb.text.simpleText === 'string') {
  8276.  
  8277.       if (lcr.initialDisplayState == "LIVE_CHAT_DISPLAY_STATE_EXPANDED") {
  8278.         default_display_state = lcr.initialDisplayState
  8279.       } else if (lcr.initialDisplayState == "LIVE_CHAT_DISPLAY_STATE_COLLAPSED") {
  8280.         default_display_state = lcr.initialDisplayState
  8281.       }
  8282.       txt_expand = data_sb.text.simpleText;
  8283.  
  8284.     } else if (data_shb && data_shb.defaultText && data_shb.toggledText && data_shb.defaultText.runs && data_shb.toggledText.runs) {
  8285.  
  8286.       if (data_shb.defaultText.runs.length === 1 && data_shb.toggledText.runs.length === 1) {
  8287.  
  8288.         if (lcr.initialDisplayState == "LIVE_CHAT_DISPLAY_STATE_EXPANDED") {
  8289.  
  8290.           default_display_state = lcr.initialDisplayState
  8291.  
  8292.           txt_collapse = (data_shb.defaultText.runs[0] || 0).text // COLLAPSE the area
  8293.  
  8294.           txt_expand = (data_shb.toggledText.runs[0] || 0).text // expand the area
  8295.  
  8296.         } else if (lcr.initialDisplayState == "LIVE_CHAT_DISPLAY_STATE_COLLAPSED") {
  8297.           default_display_state = lcr.initialDisplayState
  8298.  
  8299.           txt_expand = (data_shb.defaultText.runs[0] || 0).text // expand the area
  8300.  
  8301.           txt_collapse = (data_shb.toggledText.runs[0] || 0).text // COLLAPSE the area
  8302.         }
  8303.  
  8304.  
  8305.         if (typeof txt_expand == 'string' && typeof txt_collapse == 'string' && txt_expand.length > 0 && txt_collapse.length > 0) {
  8306.  
  8307.         } else {
  8308.           txt_expand = null;
  8309.           txt_collapse = null;
  8310.         }
  8311.       }
  8312.  
  8313.     }
  8314.  
  8315.     if (lcr && (!default_display_state)) {
  8316.       console.log('[tyt] Unable to obtain showHideButton data');
  8317.     }
  8318.  
  8319.     return { default_display_state, txt_collapse, txt_expand }
  8320.  
  8321.   }
  8322.  
  8323.   // added in 2024.07.05
  8324.   // see https://gf.qytechs.cn/scripts/428651/discussions/250256
  8325.   const notWaitingRoom = () => {
  8326.  
  8327.     // https://www.youtube.com/watch?v=fDL2UhbysVk
  8328.     // live waiting room: dont hide for chat$live
  8329.  
  8330.     if (!formatDates) {
  8331.       return true; // assumption based
  8332.     }
  8333.  
  8334.     if (formatDates && formatDates.broadcastBeginAt && !formatDates.broadcastEndAt && formatDates.isLiveNow === false) return false;
  8335.  
  8336.     return true;
  8337.   }
  8338.  
  8339.   const dpeChatRefreshCounter = ControllerID();
  8340.   // let proceedingChatFrameVideoID = '';
  8341.   // let newVideoPageCACC = -1;
  8342.   let mvideoState = 0;
  8343.  
  8344.   function newVideoPage(evt_detail) {
  8345.  
  8346.     //toggleBtnDC = 1;
  8347.  
  8348.     console.debug('[tyt] newVideoPage');
  8349.     // Promise.resolve().then(setupVideoTitleHover);
  8350.     mvideoState = 0;
  8351.     // console.debug('[tyt] debug ym-01-0')
  8352.  
  8353.     const ytdFlexyElm = es.ytdFlexy;
  8354.     if (!ytdFlexyElm) return;
  8355.  
  8356.     layoutStatusMutex = new Mutex();
  8357.  
  8358.     let liveChatRenderer = null;
  8359.     let isReplay = null;
  8360.  
  8361.     if (pageType !== 'watch') return; // scriptEnable -> pageType shall be always 'watch'
  8362.     resetBuggyLayoutForNewVideoPage();
  8363.  
  8364.     try {
  8365.       liveChatRenderer = evt_detail.pageData.response.contents.twoColumnWatchNextResults.conversationBar.liveChatRenderer
  8366.     } catch (e) { }
  8367.     if (liveChatRenderer) {
  8368.       if (liveChatRenderer.isReplay === true) isReplay = true;
  8369.     }
  8370.  
  8371.     pageFetchedDataVideoId = ((((evt_detail || 0).pageData || 0).playerResponse || 0).videoDetails || 0).videoId || 0;
  8372.  
  8373.  
  8374.     const fvid = pageFetchedDataVideoId;
  8375.     const tyid = dpeChatRefreshCounter.inc();
  8376.     // proceedingChatFrameVideoID = '';
  8377.     // newVideoPageCACC = chatroomAttrCollapseCount;
  8378.     // console.debug('[tyt] debug ym-01-1')
  8379.  
  8380.     const getPromise = () => {
  8381.       return new Promise(resolve => {
  8382.         let mo = new MutationObserver(() => {
  8383.           if (resolve && mo) {
  8384.             mo.disconnect();
  8385.             mo.takeRecords();
  8386.             mo = null;
  8387.             resolve();
  8388.             resolve = null;
  8389.           }
  8390.         });
  8391.         mo && mo.observe(document.documentElement, { attributes: true, attributeFilter: ['sxmq8'] });
  8392.       });
  8393.     }
  8394.  
  8395.     const promise = getPromise();
  8396.  
  8397.     const rootDom = document.documentElement;
  8398.     rootDom.setAttribute('sxmq8', rootDom.getAttribute('sxmq8') === '1' ? '0' : '1');
  8399.     console.log('sxmq8 r3', document.documentElement.getAttribute('sxmq8') );
  8400.  
  8401.     promise.then(() => {
  8402.  
  8403.       const promise = getPromise();
  8404.       const rootDom = document.documentElement;
  8405.       rootDom.setAttribute('sxmq8', rootDom.getAttribute('sxmq8') === '1' ? '0' : '1');
  8406.       console.log('sxmq8 r4', document.documentElement.getAttribute('sxmq8') );
  8407.  
  8408.       promise.then(() => {
  8409.  
  8410.         // console.debug('[tyt] debug ym-01-2')
  8411.         if (fvid !== pageFetchedDataVideoId) return;
  8412.  
  8413.         // console.debug('[tyt] debug ym-01-3')
  8414.         if (tyid !== dpeChatRefreshCounter.valueOf()) return;
  8415.  
  8416.         // console.debug('[tyt] debug ym-01-4')
  8417.         dpeChatRefreshCounter.inc();
  8418.         const chat = document.querySelector('ytd-live-chat-frame#chat');
  8419.         if (chat && !chat.hasAttribute('collapsed')) {
  8420.           // proceedingChatFrameVideoID = fvid;
  8421.  
  8422.           // console.debug('[tyt] debug ym-01-5')
  8423.  
  8424.  
  8425.           // dpeNewUrlChat(chat); // force replace url
  8426.  
  8427.           const iframe = _querySelector.call(chat, 'body iframe.style-scope.ytd-live-chat-frame#chatframe');
  8428.           // console.log("iframe.xx",501,iframe)
  8429.           // showMessages_IframeLoaded && console.debug('[tyt.iframe] loaded 0D');
  8430.           if (iframe) Promise.resolve(iframe).then(iframeToVisible); // fix empty
  8431.  
  8432.         }
  8433.  
  8434.       });
  8435.  
  8436.     });
  8437.  
  8438.  
  8439.     const chatBlockR = liveChatRenderer ? (isReplay ? 3 : 1) : 0
  8440.     const initialDisplayState = liveChatRenderer ? liveChatRenderer.initialDisplayState : null;
  8441.  
  8442.  
  8443.     liveChatRenderer = null; // release memory for GC, just in case
  8444.  
  8445.     let f = () => {
  8446.  
  8447.       _console.log(932, 1, 1)
  8448.       const ytdFlexyElm = es.ytdFlexy;
  8449.       if (!scriptEnable || !ytdFlexyElm) return;
  8450.  
  8451.       _console.log(932, 1, 2)
  8452.       if (pageType !== 'watch') return;
  8453.  
  8454.       _console.log(932, 1, 3)
  8455.  
  8456.  
  8457.       let displayState = setupChatFrameDisplayState1(chatBlockR, initialDisplayState);
  8458.  
  8459.       let { attr_chatblock, attr_chatcollapsed, chatTypeChanged } = displayState;
  8460.  
  8461.  
  8462.       if (pageType === 'watch') { // reset info when hidden
  8463.  
  8464.         let elm_storeLastPanel = es.storeLastPanel;
  8465.  
  8466.         if (!elm_storeLastPanel) storeLastPanel = null;
  8467.         else if (!isDOMVisible(elm_storeLastPanel)) {
  8468.           storeLastPanel = null;
  8469.           ytBtnCloseEngagementPanels();
  8470.         }
  8471.  
  8472.       }
  8473.  
  8474.       if (chatTypeChanged) {
  8475.  
  8476.         if (attr_chatblock == 'chat$live' && notWaitingRoom()) {
  8477.  
  8478.           _console.log(932, 4)
  8479.  
  8480.           mtf_forceCheckLiveVideo_disable = 2;
  8481.  
  8482.           //console.log(3712,1)
  8483.  
  8484.           _disableComments();
  8485.  
  8486.  
  8487.         } else {
  8488.  
  8489.           const tabBtn = document.querySelector('[tyt-tab-content="#tab-comments"].tab-btn-hidden')
  8490.           if (tabBtn) {
  8491.             emptyCommentSection();
  8492.             _console.log(9360, 74);
  8493.             setTabBtnVisible(tabBtn, true);
  8494.           } else {
  8495.             setCommentSection(0);
  8496.           }
  8497.  
  8498.           mtf_forceCheckLiveVideo_disable = 0;
  8499.  
  8500.           _console.log(7234, 'comments_section_loaded = 0')
  8501.           restoreFetching();
  8502.  
  8503.  
  8504.         }
  8505.  
  8506.  
  8507.       } else {
  8508.  
  8509.         // restore Fetching only
  8510.  
  8511.         if (mtf_forceCheckLiveVideo_disable !== 2 && (attr_chatblock === false || attr_chatblock === 'chat$playback')) {
  8512.  
  8513.           emptyCommentSection();
  8514.           _console.log(9360, 77);
  8515.           mtf_forceCheckLiveVideo_disable = 0;
  8516.           _console.log(7235, 'comments_section_loaded = 0')
  8517.           restoreFetching();
  8518.  
  8519.         }
  8520.  
  8521.       }
  8522.  
  8523.  
  8524.       checkAndMakeNewCommentFetch();
  8525.  
  8526.     }
  8527.  
  8528.     f();
  8529.  
  8530.   }
  8531.  
  8532.   function setVideosTwoColumns(/** @type {number} */ flag, /** @type {boolean} */ bool) {
  8533.  
  8534.     //two columns to one column
  8535.  
  8536.     /*
  8537.         [placeholder-videos] ytd-watch-next-secondary-results-renderer.style-scope.ytd-watch-flexy
  8538.  
  8539.         is-two-columns =""  => no is-two-columns
  8540.         
  8541.         
  8542.         
  8543.         [placeholder-videos] tp-yt-paper-spinner#spinner.style-scope.ytd-continuation-item-renderer
  8544.         
  8545.         no hidden => hidden =""
  8546.         
  8547.         
  8548.         [placeholder-videos] div#button.style-scope.ytd-continuation-item-renderer
  8549.         
  8550.         
  8551.         hidden ="" => no hidden
  8552.         
  8553.  
  8554.         */
  8555.  
  8556.     let cssSelector1 = '[placeholder-videos] ytd-watch-next-secondary-results-renderer.style-scope.ytd-watch-flexy'
  8557.  
  8558.     let cssSelector2 = '[placeholder-videos] tp-yt-paper-spinner#spinner.style-scope.ytd-continuation-item-renderer'
  8559.  
  8560.     let cssSelector3 = '[placeholder-videos] div#button.style-scope.ytd-continuation-item-renderer'
  8561.  
  8562.     let res = {}
  8563.     if (flag & 1) {
  8564.       res.m1 = document.querySelector(cssSelector1)
  8565.       if (res.m1) wAttr(res.m1, 'is-two-columns', bool ? '' : false);
  8566.     }
  8567.  
  8568.     if (flag & 2) {
  8569.       res.m2 = document.querySelector(cssSelector2)
  8570.       if (res.m2) wAttr(res.m2, 'hidden', bool ? false : '');
  8571.     }
  8572.  
  8573.     if (flag & 4) {
  8574.       res.m3 = document.querySelector(cssSelector3)
  8575.       if (res.m3) wAttr(res.m3, 'hidden', bool ? '' : false);
  8576.     }
  8577.  
  8578.     return res
  8579.  
  8580.  
  8581.   }
  8582.  
  8583.  
  8584.   // ---------------------------------------------------------------------------------------------
  8585.  
  8586.   // ---- EVENTS ----
  8587.  
  8588.   let ytEventSequence = 0
  8589.   let formatDates = null
  8590.  
  8591.   function setupFormatDates(pageFetchedDataLocal) {
  8592.  
  8593.     formatDates = {}
  8594.     try {
  8595.       formatDates.publishDate = pageFetchedDataLocal.pageData.playerResponse.microformat.playerMicroformatRenderer.publishDate
  8596.     } catch (e) { }
  8597.     // 2022-12-30
  8598.  
  8599.     try {
  8600.       formatDates.uploadDate = pageFetchedDataLocal.pageData.playerResponse.microformat.playerMicroformatRenderer.uploadDate
  8601.     } catch (e) { }
  8602.     // 2022-12-30
  8603.  
  8604.     try {
  8605.       formatDates.publishDate2 = pageFetchedDataLocal.pageData.response.contents.twoColumnWatchNextResults.results.results.contents[0].videoPrimaryInfoRenderer.dateText.simpleText
  8606.     } catch (e) { }
  8607.     // 2022/12/31
  8608.  
  8609.     if (typeof formatDates.publishDate2 === 'string' && formatDates.publishDate2 !== formatDates.publishDate) {
  8610.       formatDates.publishDate = formatDates.publishDate2
  8611.       formatDates.uploadDate = null
  8612.     }
  8613.  
  8614.     try {
  8615.       formatDates.broadcastBeginAt = pageFetchedDataLocal.pageData.playerResponse.microformat.playerMicroformatRenderer.liveBroadcastDetails.startTimestamp
  8616.     } catch (e) { }
  8617.     try {
  8618.       formatDates.broadcastEndAt = pageFetchedDataLocal.pageData.playerResponse.microformat.playerMicroformatRenderer.liveBroadcastDetails.endTimestamp
  8619.     } catch (e) { }
  8620.     try {
  8621.       formatDates.isLiveNow = pageFetchedDataLocal.pageData.playerResponse.microformat.playerMicroformatRenderer.liveBroadcastDetails.isLiveNow
  8622.     } catch (e) { }
  8623.  
  8624.   }
  8625.  
  8626.   function pageBeingFetched(evt) {
  8627.  
  8628.     let nodeName = (((evt || 0).target || 0).nodeName || '').toUpperCase()
  8629.     if (nodeName !== 'YTD-APP') return;
  8630.  
  8631.     const pageFetchedDataLocal = evt.detail;
  8632.  
  8633.     let d_page = ((pageFetchedDataLocal || 0).pageData || 0).page;
  8634.     if (!d_page) return;
  8635.  
  8636.     pageType = d_page;
  8637.  
  8638.     if (pageType !== 'watch') return
  8639.  
  8640.     let isFirstLoad = firstLoadStatus & 8;
  8641.  
  8642.     if (isFirstLoad) {
  8643.       firstLoadStatus -= 8;
  8644.       iframeLoadHookHandlerPromise.resolve();
  8645.       document.addEventListener('load', iframeLoadHookHandler, capturePassive);
  8646.       ytMicroEventsInit();
  8647.     }
  8648.     // ytMicroEventsInit set
  8649.     variableResets();
  8650.  
  8651.     if (isFirstLoad && ytEventSequence >= 2) {
  8652.  
  8653.       scriptletDeferred.debounce(() => {
  8654.  
  8655.         let docElement = document.documentElement
  8656.         if (docElement.hasAttribute('tabview-loaded')) {
  8657.           throw 'Tabview Youtube Duplicated';
  8658.         }
  8659.         docElement.setAttribute('tabview-loaded', '')
  8660.  
  8661.         Promise.resolve(docElement).then(docElement => {
  8662.           if (ytEventSequence >= 2) {
  8663.             sendToPageScript(docElement, 'tabview-ce-hack')
  8664.             docElement = null
  8665.           }
  8666.         });
  8667.  
  8668.       });
  8669.  
  8670.     }
  8671.     // tabview-loaded delay set
  8672.  
  8673.     setupFormatDates(pageFetchedDataLocal);
  8674.  
  8675.     const promiseChatDetails = Promise.resolve(pageFetchedDataLocal).then((pageFetchedDataLocal) => {
  8676.       if (ytEventSequence >= 2) {
  8677.         let liveChatRenderer = null;
  8678.         try {
  8679.           liveChatRenderer = pageFetchedDataLocal.pageData.response.contents.twoColumnWatchNextResults.conversationBar.liveChatRenderer
  8680.         } catch (e) { }
  8681.         chatroomDetails = liveChatRenderer ? extractInfoFromLiveChatRenderer(liveChatRenderer) : null;
  8682.       }
  8683.     }).then();
  8684.  
  8685.  
  8686.     let tmpElm = es.ytdFlexy;
  8687.     if (tmpElm && tmpElm.isConnected === true && tmpElm.nodeName.toLowerCase() === 'ytd-watch-flexy') {
  8688.       // currently, tmpElm is null; to be reviewed
  8689.     } else {
  8690.       // update global ref
  8691.       ytdFlexy = mWeakRef(document.querySelector('ytd-watch-flexy:not([hidden])') || document.querySelector('ytd-watch-flexy'));
  8692.     }
  8693.     tmpElm = null;
  8694.  
  8695.     if (!es.ytdFlexy) return;
  8696.  
  8697.     Promise.resolve(0).then(() => {
  8698.  
  8699.       const ytdFlexyElm = es.ytdFlexy; // shall be always non-null
  8700.  
  8701.       if (ytEventSequence >= 2 && pageRendered === 0 && ytdFlexyElm && ytdFlexyElm.isConnected === true) {
  8702.  
  8703.         // trigger renderDeferred.resolve();
  8704.         let elmPL = document.createElement('tabview-view-ploader');
  8705.         pageRendered = 1;
  8706.         // ytdFlexyElm.appendChild(elmPL);
  8707.         elementAppend.call(ytdFlexyElm, elmPL);
  8708.         // pageRendered keeps at 1 if the video is continuously playing at the background
  8709.         // pageRendered would not be resolve but will reset for each change of video
  8710.  
  8711.       } else if (ytEventSequence >= 2 && pageRendered === 1 && ytdFlexyElm && ytdFlexyElm.isConnected === true) {
  8712.         // 511, [3, 1, true]
  8713.       } else {
  8714.         console.warn(511, [ytEventSequence, pageRendered, !!ytdFlexyElm])
  8715.       }
  8716.  
  8717.     });
  8718.  
  8719.     let _pageFetchedDataLocal = pageFetchedDataLocal;
  8720.     promiseChatDetails.then(() => {
  8721.  
  8722.       const ytdFlexyElm = es.ytdFlexy;
  8723.       if (ytEventSequence >= 2 && ytdFlexyElm) {
  8724.         ytdFlexyElm.classList.toggle('tyt-chat-toggleable', !!chatroomDetails);
  8725.       }
  8726.  
  8727.       if (ytEventSequence >= 2) {
  8728.  
  8729.         discardableFn(() => { // assume tyt-deferred
  8730.  
  8731.           const pageFetchedDataLocal = _pageFetchedDataLocal;
  8732.           _pageFetchedDataLocal = null;
  8733.           if (ytEventSequence >= 2 && pageFetchedDataLocal !== null) {
  8734.             domInit_comments();
  8735.             newVideoPage(pageFetchedDataLocal);
  8736.           }
  8737.  
  8738.         });
  8739.  
  8740.       }
  8741.  
  8742.     });
  8743.  
  8744.     if (updateFlexyStateRequired) updateFlexyStateFn();
  8745.  
  8746.   }
  8747.  
  8748.   let pageSeqMutex = new Mutex()
  8749.  
  8750.   function pageSeq1(evt) {
  8751.     _navigateLoadDT = 0
  8752.     if (ytEventSequence !== 1) {
  8753.       ytEventSequence = 1
  8754.       pageSeqMutex.lockWith(unlock => {
  8755.         // regardless pageType
  8756.         pageBeingInit();
  8757.         unlock();
  8758.       })
  8759.     }
  8760.   }
  8761.  
  8762.   function pageSeq2(evt) {
  8763.     _navigateLoadDT = 0;
  8764.  
  8765.     if (ytEventSequence !== 1) {
  8766.       ytEventSequence = 1;
  8767.       pageSeqMutex.lockWith(unlock => {
  8768.         // regardless pageType
  8769.         pageBeingInit();
  8770.         unlock();
  8771.       })
  8772.     }
  8773.     if (ytEventSequence === 1) {
  8774.       ytEventSequence = 2;
  8775.  
  8776.       pageType = null;
  8777.  
  8778.       pageSeqMutex.lockWith(unlock => {
  8779.         // regardless pageType
  8780.  
  8781.         pageType = null;
  8782.         pageBeingFetched(evt);
  8783.         // ytMicroEventsInit set + tabview-loaded delay set
  8784.  
  8785.         if (pageType !== 'watch') {
  8786.           ytdFlexy = null;
  8787.           chatroomDetails = null;
  8788.         }
  8789.  
  8790.         Promise.resolve().then(() => {
  8791.           const isWatch = pageType === 'watch';
  8792.           const isEventSeqOK = ytEventSequence >= 2;
  8793.           if (!isWatch) {
  8794.             ytdFlexy = null;
  8795.             chatroomDetails = null;
  8796.           }
  8797.           if (!isWatch && isEventSeqOK) {
  8798.             variableResets();
  8799.             emptyCommentSection();
  8800.             tabsDeferred.reset();
  8801.             _pageBeingInit();
  8802.             tabsDeferred.resolve(); // for page initialization
  8803.           }
  8804.           if (isEventSeqOK) {
  8805.             document.documentElement.classList.toggle('tabview-normal-player', isWatch);
  8806.           }
  8807.         });
  8808.  
  8809.         if (_updateTimeAccum > 0) {
  8810.           const currentVideo = document.querySelector('#movie_player video[src]')
  8811.           let keep_viTime = false
  8812.           if (currentVideo && currentVideo.readyState > currentVideo.HAVE_CURRENT_DATA && currentVideo.currentTime > 2.2) {
  8813.             // allow miniview browsing
  8814.             keep_viTime = true
  8815.           }
  8816.           if (!keep_viTime) {
  8817.             _viTimeNum = 203;
  8818.             _updateTimeAccum = 0;
  8819.             delete document.head.dataset.viTime;
  8820.           }
  8821.         }
  8822.  
  8823.         unlock();
  8824.       })
  8825.     }
  8826.  
  8827.   }
  8828.  
  8829.   function pageSeq3(evt) {
  8830.     _navigateLoadDT = 0
  8831.  
  8832.     if (ytEventSequence === 2) {
  8833.       ytEventSequence = 3
  8834.  
  8835.       pageSeqMutex.lockWith(unlock => {
  8836.         if (pageType === 'watch') {
  8837.           // ytMicroEventsInit set + tabview-loaded delay set
  8838.           onNavigationEndAsync();
  8839.         }
  8840.  
  8841.  
  8842.         unlock();
  8843.       })
  8844.     }
  8845.   }
  8846.  
  8847.  
  8848.   document.addEventListener('yt-navigate-start', pageSeq1, bubblePassive)
  8849.   document.addEventListener('yt-navigate-cache', pageSeq1, bubblePassive)
  8850.   document.addEventListener('yt-navigate-redirect', pageSeq1, bubblePassive)
  8851.   document.addEventListener('yt-page-data-fetched', pageSeq2, bubblePassive)
  8852.   document.addEventListener("yt-navigate-finish", pageSeq3, bubblePassive)
  8853.   //yt-navigate-redirect
  8854.   //yt-page-data-fetched
  8855.   //yt-navigate-error
  8856.   //yt-navigate-start
  8857.   //yt-page-manager-navigate-start
  8858.   //yt-navigate
  8859.   //yt-navigate-cache
  8860.  
  8861.   globalHook('yt-page-data-fetched', generalLog901)
  8862.   //globalHook('yt-rendererstamper-finished',generalLog901)
  8863.   globalHook('yt-page-data-updated', generalLog901)
  8864.   globalHook('yt-player-updated', generalLog901)
  8865.   globalHook('yt-watch-comments-ready', generalLog901)
  8866.   globalHook('yt-page-type-changed', generalLog901)
  8867.   globalHook('data-changed', generalLog901)
  8868.   globalHook('yt-navigate-finish', generalLog901)
  8869.   globalHook('yt-navigate-redirect', generalLog901)
  8870.   globalHook('yt-navigate-error', generalLog901)
  8871.   globalHook('yt-navigate-start', generalLog901)
  8872.   globalHook('yt-page-manager-navigate-start', generalLog901)
  8873.   globalHook('yt-navigate', generalLog901)
  8874.   globalHook('yt-navigate-cache', generalLog901)
  8875.  
  8876.  
  8877.   // ---------------------------------------------------------------------------------------------
  8878.  
  8879.  
  8880.   function manualResizeT() {
  8881.  
  8882.     if (!scriptEnable) return;
  8883.     if (pageType !== 'watch') return;
  8884.     //lastResizeAt = Date.now();
  8885.  
  8886.     if ((wls.layoutStatus & LAYOUT_FULLSCREEN) === LAYOUT_FULLSCREEN) {
  8887.  
  8888.     } else if ((wls.layoutStatus & LAYOUT_TWO_COLUMNS) === 0) {
  8889.       // single col
  8890.  
  8891.       getDMPromise().then(() => {
  8892.         singleColumnScrolling(true)
  8893.       });
  8894.  
  8895.     } else {
  8896.       // two cols
  8897.  
  8898.       updateFloatingSlider();
  8899.  
  8900.     }
  8901.  
  8902.  
  8903.   }
  8904.   //let lastResizeAt = 0;  
  8905.   const resizeCount = ControllerID();
  8906.   window.addEventListener('resize', function (evt) {
  8907.  
  8908.     if (evt.isTrusted === true) {
  8909.       //console.log(evt)
  8910.       let tcw = resizeCount.inc();
  8911.       Promise.resolve(0).then(() => {
  8912.         if (tcw !== resizeCount.valueOf()) return;
  8913.         setTimeout(() => {
  8914.           // avoid duplicate calling during resizing
  8915.           if (tcw !== resizeCount.valueOf()) return;
  8916.  
  8917.           resizeCount.set(0);
  8918.           manualResizeT();
  8919.           dispatchCommentRowResize();
  8920.         }, 160);
  8921.       });
  8922.     }
  8923.  
  8924.   }, bubblePassive)
  8925.  
  8926.  
  8927.   document.addEventListener("tyt-chat-popup", (evt) => {
  8928.  
  8929.     let detail = (evt || 0).detail
  8930.     if (!detail) return
  8931.     const { popuped } = detail
  8932.     if (typeof popuped !== 'boolean') return;
  8933.  
  8934.     let ytdFlexyElm = es.ytdFlexy
  8935.     if (!ytdFlexyElm) return
  8936.  
  8937.     ytdFlexyElm.classList.toggle('tyt-chat-popup', popuped)
  8938.     if (popuped === true) {
  8939.       enableLivePopupCheck = true;
  8940.       ytBtnSetTheater()
  8941.     } else {
  8942.       enableLivePopupCheck = false;
  8943.       ytBtnCancelTheater()
  8944.     }
  8945.  
  8946.   })
  8947.  
  8948.  
  8949.  
  8950.   let doingSelectionChange = false;
  8951.   document.addEventListener("keyup", (evt) => {
  8952.     if (!evt || !evt.target || !evt.key) return;
  8953.     if (doingSelectionChange) {
  8954.       if (!evt.shiftKey || evt.key.indexOf("Shift") == 0) {
  8955.         doingSelectionChange = false;
  8956.       }
  8957.     }
  8958.   })
  8959.  
  8960.   document.addEventListener("keydown", (evt) => {
  8961.     if (!evt || !evt.target || !evt.key) return;
  8962.     if (evt.shiftKey && evt.key.indexOf("Arrow") == 0) {
  8963.       try {
  8964.         if (doingSelectionChange || !window.getSelection().isCollapsed) {
  8965.           evt.stopImmediatePropagation();
  8966.           evt.stopPropagation();
  8967.           doingSelectionChange = true;
  8968.         }
  8969.  
  8970.       } catch (e) {
  8971.  
  8972.       }
  8973.     }
  8974.   }, true);
  8975.  
  8976.   let userActivation = false;
  8977.  
  8978.   document.addEventListener('click', function () {
  8979.     userActivation = true;
  8980.  
  8981.  
  8982.     if (isMiniviewForStickyHeadEnabled && !isStickyHeaderEnabled && userActivation && videoInsected) {
  8983.       getDMPromise().then(delayedClickHandler);
  8984.     }
  8985.  
  8986.   });
  8987.  
  8988.   // new comment count fetch way
  8989.   document.addEventListener('ytd-comments-data-changed', function (evt) {
  8990.     const hasData = (evt.detail || 0).hasData;
  8991.     if (hasData === false) {
  8992.       // this is much effective to clear the counting text
  8993.       emptyCommentSection();
  8994.     }
  8995.     innerDOMCommentsCountLoader(true);
  8996.     checkAndMakeNewCommentFetch();
  8997.   }, true);
  8998.  
  8999.   document.addEventListener('ytd-comments-header-changed', function () {
  9000.     const res = innerDOMCommentsCountLoader(true);
  9001.     if (res && res.newFound === true && res.length === 1 && res[0].isLatest && res[0].isNew) {
  9002.       if (renderDeferred.resolved && fetchCounts.new) {
  9003.         // force refresh count dom
  9004.         fetchCounts.fetched = false;
  9005.         Q.comments_section_loaded = 0;
  9006.       }
  9007.     }
  9008.     checkAndMakeNewCommentFetch();
  9009.   }, true);
  9010.  
  9011.   document.addEventListener("tabview-plugin-loaded", () => {
  9012.  
  9013.     scriptletDeferred.resolve();
  9014.  
  9015.     if (MINIVIEW_BROWSER_ENABLE) {
  9016.       sendToPageScript(document, "tabview-miniview-browser-enable");
  9017.     }
  9018.  
  9019.  
  9020.   }, false)
  9021.  
  9022.   if (isGMAvailable() && typeof GM_registerMenuCommand === 'function') {
  9023.  
  9024.     let dialog = null;
  9025.     function createDialog() {
  9026.  
  9027.       const _themeProps_ = {
  9028.         dialogBackgroundColor: '#f6f6f6',
  9029.         dialogBackgroundColorDark: '#23252a',
  9030.         backdropColor: '#b5b5b568',
  9031.         textColor: '#111111',
  9032.         textColorDark: '#f0f3f4',
  9033.         zIndex: 60000,
  9034.         fontSize: '10pt',
  9035.         dialogMinWidth: '32px',
  9036.         dialogMinHeight: '24px',
  9037.       };
  9038.  
  9039.       class VJSD extends VanillaJSDialog {
  9040.  
  9041.         get themeProps() {
  9042.           return _themeProps_
  9043.         }
  9044.  
  9045.         isDarkTheme() {
  9046.           return document.documentElement.hasAttribute('dark');
  9047.         }
  9048.  
  9049.         onBeforeShow() {
  9050.           const es = this.es;
  9051.           if ('checkboxSelectionDisplay' in es) {
  9052.             es.checkboxSelectionDisplay.textContent = '';
  9053.           }
  9054.           const setDefaultTabTick = (myDefaultTab) => {
  9055.             for (const checkbox of document.getElementsByName('tabview-tab-default')) {
  9056.               checkbox.checked = checkbox.value === myDefaultTab;
  9057.             }
  9058.           }
  9059.           function getDefaultTabBtnSetting(store) {
  9060.             if (!store) { } else {
  9061.               let myDefaultTab = store[key_default_tab];
  9062.               if (!myDefaultTab || typeof myDefaultTab !== 'string' || !/^\#[a-zA-Z\_\-\+]+$/.test(myDefaultTab)) {
  9063.               } else {
  9064.                 if (document.querySelector(`.tab-btn[tyt-tab-content="${myDefaultTab}"]`)) return setDefaultTabTick(myDefaultTab);
  9065.               }
  9066.             }
  9067.             setDefaultTabTick(null);
  9068.           }
  9069.           let store = getStore();
  9070.           getDefaultTabBtnSetting(store);
  9071.         }
  9072.  
  9073.         onFirstCreation() {
  9074.  
  9075.           const S = this.S; /* this is the global method */
  9076.  
  9077.           /* on top of the setup function, override the icon widget on global method */
  9078.           S.widgets.icon = (iconTag) => {
  9079.             return S.ce('i', { className: 'vjsd-icon fa-solid fa-' + iconTag });
  9080.           }
  9081.  
  9082.           /* you might also overide `S.importCSS` by the use of Userscript Manager's import */
  9083.           S.importCSS(
  9084.             'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/fontawesome.min.css#sha512=SgaqKKxJDQ/tAUAAXzvxZz33rmn7leYDYfBP+YoMRSENhf3zJyx3SBASt/OfeQwBHA1nxMis7mM3EV/oYT6Fdw==',
  9085.             // 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/brands.min.css',
  9086.             'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/solid.min.css#sha512=yDUXOUWwbHH4ggxueDnC5vJv4tmfySpVdIcN1LksGZi8W8EVZv4uKGrQc0pVf66zS7LDhFJM7Zdeow1sw1/8Jw=='
  9087.           );
  9088.  
  9089.           /* load CSS files, etc - You might overide the `getTheme()` in VanillaJSDialog */
  9090.           this.themeSetup();
  9091.         }
  9092.  
  9093.         /* init is called after setup function is called */
  9094.         init() {
  9095.           const S = this.S; /* this is the global method */
  9096.  
  9097.           const es = this.es; /* this is a store for HTMLElements binded to this dialog */
  9098.  
  9099.           es.dialog = S.ce('div', {
  9100.             className: 'vjsd-dialog'
  9101.           }, {
  9102.             '__vjsd__': ''
  9103.           });
  9104.  
  9105.           es.dialog.append(
  9106.             es.header = S.ce('div', {
  9107.               className: 'vjsd-dialog-header vjsd-hflex'
  9108.             }),
  9109.             es.body = S.ce('div', {
  9110.               className: 'vjsd-dialog-body vjsd-gap-2 vjsd-overscroll-none vjsd-vflex'
  9111.             }),
  9112.             es.footer = S.ce('div', {
  9113.               className: 'vjsd-dialog-footer vjsd-hflex'
  9114.             }),
  9115.  
  9116.           );
  9117.  
  9118.           es.header.append(
  9119.             S.widgets.icon('circle-info', (a) => {
  9120.  
  9121.             }),
  9122.             S.widgets.title('Tabview Youtube - Change Default Tab', {
  9123.               className: 'vjsd-flex-fill'
  9124.             }),
  9125.             S.widgets.buttonIcon('square-xmark', {
  9126.               'vjsd-clickable': '#dialogXmark'
  9127.             })
  9128.           );
  9129.  
  9130.           const checkBoxChanged = () => {
  9131.             let elmChoice1 = [...document.getElementsByName('tabview-tab-default')].filter(e => e.checked).map(e => e.value);
  9132.             console.assert(elmChoice1.length <= 1);
  9133.             es.checkboxSelectionDisplay.textContent = elmChoice1.length === 1 ? `The default tab will be set to ${elmChoice1[0]}` : `The default tab will be reset.`;
  9134.           }
  9135.  
  9136.           es.body.append(
  9137.             S.widgets.labeledRadio('vjsd-checkbox1 vjsd-checkbox-tick', 'Info', (elmLabel, elmInput) => {
  9138.               elmInput.name = 'tabview-tab-default';
  9139.               elmInput.value = '#tab-info';
  9140.               es.checkbox1 = elmInput;
  9141.               elmInput.addEventListener('change', checkBoxChanged)
  9142.               elmLabel.style.fontSize = '200%';
  9143.             }),
  9144.             S.widgets.labeledRadio('vjsd-checkbox1 vjsd-checkbox-tick', 'Comment', (elmLabel, elmInput) => {
  9145.               elmInput.name = 'tabview-tab-default';
  9146.               elmInput.value = '#tab-comments';
  9147.               es.checkbox2 = elmInput;
  9148.               elmInput.addEventListener('change', checkBoxChanged)
  9149.               elmLabel.style.fontSize = '200%';
  9150.             }),
  9151.             S.widgets.labeledRadio('vjsd-checkbox1 vjsd-checkbox-tick', 'Video', (elmLabel, elmInput) => {
  9152.               elmInput.name = 'tabview-tab-default';
  9153.               elmInput.value = '#tab-videos';
  9154.               es.checkbox3 = elmInput;
  9155.               elmInput.addEventListener('change', checkBoxChanged)
  9156.               elmLabel.style.fontSize = '200%';
  9157.             }),
  9158.             es.checkboxSelectionDisplay = S.ce('div', { className: 'vjsd-custom-widget' })
  9159.           );
  9160.  
  9161.           const onXMarkClicked = () => {
  9162.             this.dismiss();
  9163.           }
  9164.  
  9165.           const onClearClicked = () => {
  9166.             es.checkbox1.checked = false;
  9167.             es.checkbox2.checked = false;
  9168.             es.checkbox3.checked = false;
  9169.             checkBoxChanged();
  9170.           }
  9171.  
  9172.           const onConfirmClicked = () => {
  9173.             let myDefaultTab = null;
  9174.             for (const checkbox of document.getElementsByName('tabview-tab-default')) {
  9175.               if (checkbox.checked) myDefaultTab = checkbox.value;
  9176.             }
  9177.             myDefaultTab = myDefaultTab || null;
  9178.             console.log(myDefaultTab)
  9179.             setMyDefaultTab(myDefaultTab);
  9180.             this.dismiss();
  9181.           }
  9182.  
  9183.           const onCancelClicked = () => {
  9184.             this.dismiss();
  9185.           }
  9186.  
  9187.           es.footer.append(
  9188.             es.clearButton = S.widgets.button('Clear', {
  9189.               'vjsd-clickable': '#clear'
  9190.             }),
  9191.             S.widgets.space(),
  9192.             S.widgets.button('Cancel', {
  9193.               'vjsd-clickable': '#cancel'
  9194.             }),
  9195.             S.widgets.button('Confirm', {
  9196.               'vjsd-clickable': '#confirm'
  9197.             }),
  9198.           )
  9199.  
  9200.           this.clickable('#cancel', onCancelClicked)
  9201.           this.clickable('#clear', onClearClicked)
  9202.           this.clickable('#confirm', onConfirmClicked)
  9203.           this.clickable('#dialogXmark', onXMarkClicked);
  9204.  
  9205.           this.backdrop = 'dismiss';
  9206.           document.body.appendChild(es.dialog)
  9207.         }
  9208.       }
  9209.  
  9210.       VJSD.setup1();
  9211.       return new VJSD();
  9212.     }
  9213.  
  9214.     GM_registerMenuCommand("Change Default Tab", function () {
  9215.       dialog = dialog || createDialog();
  9216.       dialog.show();
  9217.     });
  9218.  
  9219.     /*
  9220.   GM_registerMenuCommand("Default Tab: NULL", function () {
  9221.     setMyDefaultTab(null);
  9222.   });
  9223.   GM_registerMenuCommand("Default Tab: Info", function () {
  9224.     setMyDefaultTab("#tab-info");
  9225.   });
  9226.   GM_registerMenuCommand("Default Tab: Comments", function () {
  9227.     setMyDefaultTab("#tab-comments");
  9228.   });
  9229.   GM_registerMenuCommand("Default Tab: Video", function () {
  9230.     setMyDefaultTab("#tab-videos");
  9231.   });
  9232.   */
  9233.   }
  9234.  
  9235.  
  9236.   handleDOMAppear('#tabview-controller', () => { }); // dummy
  9237.   document.documentElement.appendChild(document.createElement('tabview-controller')).id = 'tabview-tabs-hide-controller';
  9238.   document.documentElement.appendChild(document.createElement('tabview-controller')).id = 'tabview-default-tab-controller';
  9239.  
  9240.   document.documentElement.setAttribute('plugin-tabview-youtube', `${scriptVersionForExternal}`)
  9241.   if (document.documentElement.getAttribute('tabview-unwrapjs')) {
  9242.     document.dispatchEvent(new CustomEvent("tabview-plugin-loaded"))
  9243.   }
  9244.  
  9245.  
  9246.   // function nestedObjectFlatten(prefix, obj) {
  9247.   //   let ret = {};
  9248.   //   let _prefix = prefix ? `${prefix}.` : '';
  9249.   //   let isObject = (obj && typeof obj == 'object' && obj.constructor.name == 'Object');
  9250.   //   let isArray = (obj && typeof obj == 'object' && obj.constructor.name == 'Array');
  9251.   //   const f = (k, v) => {
  9252.   //     let isObject = (v && typeof v == 'object' && v.constructor.name == 'Object');
  9253.   //     let isArray = (v && typeof v == 'object' && v.constructor.name == 'Array');
  9254.   //     if (isObject || isArray) {
  9255.   //       let r = nestedObjectFlatten(k, v)
  9256.   //       for (const w in r) {
  9257.   //         ret[`${_prefix}${w}`] = r[w];
  9258.   //       }
  9259.   //     } else {
  9260.   //       ret[`${_prefix}${k}`] = v;
  9261.   //     }
  9262.   //   }
  9263.   //   if (isObject) {
  9264.   //     for (const k in obj) {
  9265.   //       let v = obj[k];
  9266.   //       f(k, v);
  9267.   //     }
  9268.   //   } else if (isArray) {
  9269.   //     let idx = 0;
  9270.   //     for (const v of obj) {
  9271.   //       let k = `[${idx}]`;
  9272.   //       f(k, v);
  9273.   //       idx++;
  9274.   //     }
  9275.   //   }
  9276.   //   return ret;
  9277.   // }
  9278.  
  9279.   /*
  9280.  
  9281.   for(const p of document.querySelectorAll('ytd-watch-flexy *')){ let m = p.data; if(!m)continue; console.log(m)}
  9282.  
  9283.   function objec
  9284.  
  9285.   */
  9286.  
  9287.  
  9288.   //Object.keys($0).filter(key=>!(key in $0.constructor.prototype))
  9289.  
  9290.   //Object.getOwnPropertyNames(window).filter(k=>k.startsWith('HTML'))
  9291.   //Object.getOwnPropertyNames(window).filter(k=>k.startsWith('HTML')).filter(k=>$0 instanceof window[k])
  9292.  
  9293.  
  9294.   /* --------------------------- browser's bug in -webkit-box ----------------------------------------- */
  9295.  
  9296.   /*
  9297.    fix bug for comment section - version 1.8.7 
  9298.   This issue is the bug in browser's rendering
  9299.    I guess, this is due to the lines clamp with display:-webkit-box 
  9300.    use stupid coding to let it re-render when its content become visible
  9301.    
  9302.   /*
  9303.  
  9304.   ytd-expander[should-use-number-of-lines][collapsed] > #content.ytd-expander {
  9305.       color: var(--yt-spec-text-primary);
  9306.       display: -webkit-box;
  9307.       overflow: hidden;
  9308.       max-height: none;
  9309.       -webkit-box-orient: vertical;
  9310.       -webkit-line-clamp: var(--ytd-expander-max-lines, 4);
  9311.   }
  9312.  
  9313.   // v1.8.36 imposed a effective solution for fixing this bug
  9314.  
  9315.   */
  9316.  
  9317.   /* --------------------------- browser's bug in -webkit-box ----------------------------------------- */
  9318.  
  9319.  
  9320.   /**
  9321.    * 
  9322.  
  9323.  
  9324. f.initChildrenObserver=function(){var a=this;this.observer=new MutationObserver(function(){return a.childrenChanged()});
  9325. this.observer.observe(this.$.content,{subtree:!0,childList:!0,attributes:!0});this.childrenChanged()};
  9326. f.childrenChanged=function(){var a=this;this.alwaysToggleable?this.canToggle=this.alwaysToggleable:this.canToggleJobId||(this.canToggleJobId=window.requestAnimationFrame(function(){$h(function(){a.canToggleJobId=0;a.calculateCanCollapse()})}))};
  9327.  
  9328.  
  9329. f.onIronResize=function(){this.recomputeOnResize&&this.childrenChanged()};
  9330.  
  9331.  
  9332. onButtonClick_:function(){this.fire("yt-close-upsell-dialog")},
  9333. computeHasHeader_:function(a){return!!a.headerBackgroundImage}});var geb;var heb;var ieb;var jeb;var xI=function(){var a=L.apply(this,arguments)||this;a.alignAuto=!1;a.collapsed=!0;a.isToggled=!1;a.alwaysCollapsed=!1;a.canToggle=!0;a.collapsedHeight=80;a.disableToggle=!1;a.alwaysToggleable=!1;a.reversed=!1;a.shouldUseNumberOfLines=!1;a.recomputeOnResize=!1;a.canToggleJobId=0;return a};
  9334. n(xI,L);f=xI.prototype;f.alwaysToggleableChanged=function(){this.alwaysToggleable&&(this.canToggle=!0)};
  9335.  
  9336.  
  9337. f.calculateCanCollapse=function(){this.canToggle=this.shouldUseNumberOfLines?this.alwaysToggleable||this.$.content.offsetHeight<this.$.content.scrollHeight:this.alwaysToggleable||this.$.content.scrollHeight>this.collapsedHeight};
  9338. f.detachObserver=function(){this.observer&&this.observer.disconnect()};
  9339.  
  9340.    * 
  9341.    * 
  9342.    * 
  9343.    */
  9344.  
  9345.  
  9346. })({
  9347.   requestAnimationFrame: (typeof webkitRequestAnimationFrame === 'function' ? webkitRequestAnimationFrame : requestAnimationFrame),
  9348.   cancelAnimationFrame: (typeof webkitRequestAnimationFrame === 'function' ? webkitRequestAnimationFrame : requestAnimationFrame)
  9349. });
  9350. // console.timeEnd("Tabview Youtube Init Script")
  9351.  
  9352. //# sourceURL=debug://tabview-youtube/tabview.content.js
  9353.  
  9354.   // https://github.com/cyfung1031/Tabview-Youtube/raw/main/js/content.js
  9355. }
  9356.  
  9357.  
  9358. ; !(async () => {
  9359.   'use strict';
  9360.  
  9361.   const o = [{
  9362.     id: 'tabview-css-content',
  9363.     resTag: 'contentCSS',
  9364.   }, {
  9365.     id: 'tabview-css-chat',
  9366.     resTag: 'chatCSS'
  9367.   }, {
  9368.     id: 'tabview-css-control',
  9369.     resTag: 'controlCSS'
  9370.   }];
  9371.  
  9372.   const Promise = (async () => { })().constructor;
  9373.  
  9374.   const contents = o.map(e => {
  9375.     e = e.resTag;
  9376.     return GM_getResourceText(e) || GM.getResourceText(e) || '';
  9377.   });
  9378.  
  9379.   const texts = await Promise.all(contents);
  9380.  
  9381.   if (document.documentElement === null) {
  9382.     await new Promise(resolve => {
  9383.       let mo = new MutationObserver(() => {
  9384.         if (!mo || document.documentElement === null) return;
  9385.         mo.disconnect();
  9386.         mo.takeRecords();
  9387.         mo = null;
  9388.         resolve();
  9389.       });
  9390.       mo.observe(document, { childList: true, subtree: true });
  9391.     });
  9392.   }
  9393.  
  9394.   const target = document.head || document.documentElement;
  9395.   let i = 0;
  9396.   for (const e of o) {
  9397.     const text = texts[i++];
  9398.     if (text) {
  9399.       const styleNode = document.createElement('style');
  9400.       styleNode.id = e.id;
  9401.       styleNode.textContent = text;
  9402.       target.appendChild(styleNode);
  9403.     }
  9404.   }
  9405.  
  9406.   main();
  9407.  
  9408. })();
  9409.  
  9410. //# sourceURL=debug://tabview-youtube/tabview.content.js

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

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

加入Q群

QingJ © 2025

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