☰

YouTube 超快聊天

YouTube直播聊天的终极性能提升

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

  1. // ==UserScript==
  2. // @name                YouTube Super Fast Chat
  3. // @version             0.66.9
  4. // @license             MIT
  5. // @name:ja             YouTube スーパーファーストチャット
  6. // @name:zh-TW          YouTube 超快聊天
  7. // @name:zh-CN          YouTube 超快聊天
  8. // @icon                https://raw.githubusercontent.com/cyfung1031/userscript-supports/main/icons/super-fast-chat.png
  9. // @namespace           UserScript
  10. // @match               https://www.youtube.com/live_chat*
  11. // @match               https://www.youtube.com/live_chat_replay*
  12. // @author              CY Fung
  13. // @run-at              document-start
  14. // @grant               none
  15. // @unwrap
  16. // @allFrames           true
  17. // @inject-into         page
  18. // @require             https://update.gf.qytechs.cn/scripts/475632/1361351/ytConfigHacks.js
  19. //
  20. // @compatible          firefox Violentmonkey
  21. // @compatible          firefox Tampermonkey
  22. // @compatible          firefox FireMonkey
  23. // @compatible          chrome Violentmonkey
  24. // @compatible          chrome Tampermonkey
  25. // @compatible          opera Violentmonkey
  26. // @compatible          opera Tampermonkey
  27. // @compatible          safari Stay
  28. // @compatible          edge Violentmonkey
  29. // @compatible          edge Tampermonkey
  30. // @compatible          brave Violentmonkey
  31. // @compatible          brave Tampermonkey
  32. //
  33. // @description         Ultimate Performance Boost for YouTube Live Chats
  34. // @description:ja      YouTubeのライブチャットの究極のパフォーマンスブースト
  35. // @description:zh-TW   YouTube直播聊天的終極性能提升
  36. // @description:zh-CN   YouTube直播聊天的终极性能提升
  37. //
  38. // ==/UserScript==
  39.  
  40. ((__CONTEXT__) => { 
  41.   'use strict';
  42.  
  43.   /** @type {WeakMapConstructor} */
  44.   const WeakMap = window.WeakMapOriginal || window.WeakMap;
  45.  
  46.   const DEBUG_LOG_GROUP_EXPAND = true;
  47.  
  48.   // *********** DON'T REPORT NOT WORKING DUE TO THE CHANGED SETTINGS ********************
  49.   // The settings are FIXED! You might change them to try but if the script does not work due to your change, please, don't report them as issues
  50.  
  51.   const ENABLE_REDUCED_MAXITEMS_FOR_FLUSH = true;         // TRUE to enable trimming down to MAX_ITEMS_FOR_FULL_FLUSH (25) messages when there are too many unrendered messages
  52.   const MAX_ITEMS_FOR_TOTAL_DISPLAY = 90;                 // By default, 250 latest messages will be displayed, but displaying MAX_ITEMS_FOR_TOTAL_DISPLAY (90) messages is already sufficient. (not exceeding 900)
  53.   const MAX_ITEMS_FOR_FULL_FLUSH = 25;                    // If there are too many new (stacked) messages not yet rendered, clean all and flush MAX_ITEMS_FOR_FULL_FLUSH (25) latest messages then incrementally added back to MAX_ITEMS_FOR_TOTAL_DISPLAY (90) messages. (not exceeding 900)
  54.  
  55.   const ENABLE_NO_SMOOTH_TRANSFORM = true;                // Depends on whether you want the animation effect for new chat messages <<< DON'T CHANGE >>>
  56.   const USE_OPTIMIZED_ON_SCROLL_ITEMS = true;             // TRUE for the majority
  57.   const ENABLE_OVERFLOW_ANCHOR_PREFERRED = true;          // Enable `overflow-anchor: auto` to lock the scroll list at the bottom for no smooth transform.
  58.  
  59.   const FIX_SHOW_MORE_BUTTON_LOCATION = true;             // When there are voting options (bottom panel), move the "show more" button to the top.
  60.   const FIX_INPUT_PANEL_OVERFLOW_ISSUE = true;            // When the super chat button is flicking with color, the scrollbar might come out.
  61.   const FIX_INPUT_PANEL_BORDER_ISSUE = true;              // No border should be allowed if there is an empty input panel.
  62.   const SET_CONTAIN_FOR_CHATROOM = true;                  // Rendering hacks (`contain`) for chatroom elements. [ General ]
  63.  
  64.   const FORCE_CONTENT_VISIBILITY_UNSET = true;            // Content-visibility should be always VISIBLE for high performance and great rendering.
  65.   const FORCE_WILL_CHANGE_UNSET = true;                   // Will-change should be always UNSET (auto) for high performance and low energy impact.
  66.  
  67.   // Replace requestAnimationFrame timers with custom implementation
  68.   const ENABLE_RAF_HACK_TICKERS = true;           // When there is a ticker
  69.   const ENABLE_RAF_HACK_DOCKED_MESSAGE = true;    // To be confirmed
  70.   const ENABLE_RAF_HACK_INPUT_RENDERER = true;    // To be confirmed
  71.   const ENABLE_RAF_HACK_EMOJI_PICKER = true;      // When changing the page of the emoji picker
  72.  
  73.   // Force rendering all the character subsets of the designated font(s) before messages come (Pre-Rendering of Text)
  74.   const ENABLE_FONT_PRE_RENDERING_PREFERRED = 1 | 2 | 4 | 8 | 16;
  75.  
  76.   // Backdrop `filter: blur(4px)` inside the iframe can extend to the whole page, causing a negative visual impact on the video you are watching.
  77.   const NO_BACKDROP_FILTER_WHEN_MENU_SHOWN = true;
  78.  
  79.   // Data Manipulation for Participants (Participant List)
  80.   // << if DO_PARTICIPANT_LIST_HACKS >>
  81.   const DO_PARTICIPANT_LIST_HACKS = true;                     // TRUE for the majority
  82.   const SHOW_PARTICIPANT_CHANGES_IN_CONSOLE = false;          // Just too annoying to show them all in popular chat
  83.   const CHECK_CHANGE_TO_PARTICIPANT_RENDERER_CONTENT = true;  // Only consider changes in renderable content (not concerned with the last chat message of the participants)
  84.   const PARTICIPANT_UPDATE_ONLY_ONLY_IF_MODIFICATION_DETECTED = true;
  85.   // << end >>
  86.  
  87.   // show more button
  88.   const ENABLE_SHOW_MORE_BLINKER = true;                      // BLINK WHEN NEW MESSAGES COME
  89.  
  90.   // faster stampDomArray_ for participants list creation
  91.   const ENABLE_FLAGS_MAINTAIN_STABLE_LIST_VAL = 1;            // 0 - OFF; 1 - ON; 2 - ON(PARTICIPANTS_LIST ONLY)
  92.   const USE_MAINTAIN_STABLE_LIST_ONLY_WHEN_KS_FLAG_IS_SET = false;
  93.  
  94.   // reuse yt components
  95.   const ENABLE_FLAGS_REUSE_COMPONENTS = true;
  96.  
  97.   // ShadyDom Free is buggy
  98.   const DISABLE_FLAGS_SHADYDOM_FREE = true;
  99.  
  100.   // images <Group#I01>
  101.   const AUTHOR_PHOTO_SINGLE_THUMBNAIL = 1;  // 0 - disable; 1- smallest; 2- largest
  102.   const EMOJI_IMAGE_SINGLE_THUMBNAIL = 1;   // 0 - disable; 1- smallest; 2- largest
  103.   const LEAST_IMAGE_SIZE = 48;              // minium size = 48px
  104.  
  105.   const DO_LINK_PREFETCH = true;                      // DO NOT CHANGE
  106.   // << if DO_LINK_PREFETCH >>
  107.   const ENABLE_BASE_PREFETCHING = true;               // (SUB-)DOMAIN | dns-prefetch & preconnect
  108.   const ENABLE_PRELOAD_THUMBNAIL = true;              // subresource (prefetch) [LINK for Images]
  109.   const SKIP_PRELOAD_EMOJI = true;
  110.   const PREFETCH_LIMITED_SIZE_EMOJI = 512;            // DO NOT CHANGE THIS
  111.   const PREFETCH_LIMITED_SIZE_AUTHOR_PHOTO = 68;      // DO NOT CHANGE THIS
  112.   // << end >>
  113.  
  114.   const FIX_SETSRC_AND_THUMBNAILCHANGE_ = true;       // Function Replacement for yt-img-shadow....
  115.   const FIX_THUMBNAIL_DATACHANGED = true;             // Function Replacement for yt-live-chat-author-badge-renderer..dataChanged
  116.   // const REMOVE_PRELOADAVATARFORADDACTION = false;      // Function Replacement for yt-live-chat-renderer..preloadAvatarForAddAction
  117.  
  118.   const FIX_THUMBNAIL_SIZE_ON_ITEM_ADDITION = true;     // important [depends on <Group#I01>]
  119.   const FIX_THUMBNAIL_SIZE_ON_ITEM_REPLACEMENT = true;  // [depends on <Group#I01>]
  120.  
  121.   const ATTEMPT_ANIMATED_TICKER_BACKGROUND = '';   // false OR '' for disabled, 'linear', 'steps' for easing-function
  122.   // <<<< ATTEMPT_ANIMATED_TICKER_BACKGROUND to be reviewed with memory leakage issues >>>>
  123.   // << if ATTEMPT_ANIMATED_TICKER_BACKGROUND >>
  124.   // BROWSER SUPPORT: Chrome 75+, Edge 79+, Safari 13.1+, Firefox 63+, Opera 62+
  125.   const TICKER_MAX_STEPS_LIMIT = 500;                       //  NOT LESS THAN 5 STEPS!!
  126.   // [limiting 500 max steps] is recommended for "confortable visual change"
  127.   //      min. step increment 0.2% => max steps: 500 =>  800ms per each update
  128.   //      min. step increment 0.5% => max steps: 200 => 1000ms per each update
  129.   //      min. step increment 1.0% => max steps: 100 => 1000ms per each update
  130.   //      min. step increment 2.5% => max steps:  40 => 1000ms per each update
  131.   //      min. step increment 5.0% => max steps:  20 => 1250ms per each update
  132.   const ENABLE_VIDEO_PLAYBACK_PROGRESS_STATE_FIX = true;    // for video playback's ticker issue. [ Playback Replay - Pause at Middle - Backwards Seeking ]
  133.   const SKIP_VIDEO_PLAYBACK_PROGRESS_STATE_FIX_FOR_NO_TIMEFX = false; // debug use; yt-live-chat-ticker-renderer might not require ENABLE_VIDEO_PLAYBACK_PROGRESS_STATE_FIX
  134.   // << end >>
  135.  
  136.   const FIX_TOOLTIP_DISPLAY = true;                       // changed in 2024.05.02
  137.   const USE_VANILLA_DEREF = true;
  138.   const FIX_DROPDOWN_DERAF = true;                        // DONT CHANGE
  139.  
  140.  
  141.   const CACHE_SHOW_CONTEXT_MENU_FOR_REOPEN = true;                // cache the menu data and used for the next reopen
  142.   const ADVANCED_NOT_ALLOW_SCROLL_FOR_SHOW_CONTEXT_MENU = false;   // pause auto scroll faster when the context menu is about to show
  143.   const ENABLE_MUTEX_FOR_SHOW_CONTEXT_MENU = true;                // avoid multiple requests on the same time
  144.  
  145.   const BOOST_MENU_OPENCHANGED_RENDERING = true;
  146.   const FIX_CLICKING_MESSAGE_MENU_DISPLAY_ON_MOUSE_CLICK = true;  // click again = close
  147.   const NO_ITEM_TAP_FOR_NON_STATIONARY_TAP = true;                // dont open the menu (e.g. text message) if cursor is moved or long press
  148.   const TAP_ACTION_DURATION = 280;                                // exceeding 280ms would not consider as a tap action
  149.   const PREREQUEST_CONTEXT_MENU_ON_MOUSE_DOWN = true;             // require CACHE_SHOW_CONTEXT_MENU_FOR_REOPEN = true
  150.   // const FIX_MENU_CAPTURE_SCROLL = true;
  151.   const CHAT_MENU_REFIT_ALONG_SCROLLING = 0;                      // 0 for locking / default; 1 for unlocking only; 2 for unlocking and refit
  152.  
  153.   const RAF_FIX_keepScrollClamped = true;
  154.   const RAF_FIX_scrollIncrementally = 2;                          // 0: no action; 1: basic fix; 2: also fix scroll position
  155.  
  156.   // << if BOOST_MENU_OPENCHANGED_RENDERING >>
  157.   const FIX_MENU_POSITION_N_SIZING_ON_SHOWN = 1;       // correct size and position when the menu dropdown opens
  158.  
  159.   const CHECK_JSONPRUNE = true;                        // This is a bug in Brave
  160.   // << end >>
  161.  
  162.   // const LIVE_CHAT_FLUSH_ON_FOREGROUND_ONLY = false;
  163.  
  164.   const CHANGE_DATA_FLUSH_ASYNC = false;
  165.   // CHANGE_DATA_FLUSH_ASYNC is disabled due to bug report: https://gf.qytechs.cn/scripts/469878/discussions/199479
  166.   // to be further investigated
  167.  
  168.   const CHANGE_MANAGER_UNSUBSCRIBE = true;
  169.  
  170.   const INTERACTIVITY_BACKGROUND_ANIMATION = 1;         // mostly for pinned message
  171.   // 0 = default Yt animation background [= no fix];
  172.   // 1 = disable default animation background [= keep special animation];
  173.   // 2 = disable all animation backgrounds [= no animation backbround]
  174.  
  175.   const CLOSE_TICKER_PINNED_MESSAGE_WHEN_HEADER_CLICKED = true;
  176.  
  177.   const MAX_TOOLTIP_NO_WRAP_WIDTH = '72vw'; // '' for disable; accept values like '60px', '25vw'
  178.  
  179.  
  180.  
  181.   // (Dec 2024: AMEND_TICKER_handleLiveChatAction to be removed)
  182.   const AMEND_TICKER_handleLiveChatAction = false; // to fix ticker duplication and unresponsively fast ticker generation
  183.   // AMEND_TICKER_handleLiveChatAction to be fixed (2024.05.21)
  184.  
  185.   // (Dec 2024: AMEND_TICKER_handleLiveChatAction_v3 to be removed)
  186.   const AMEND_TICKER_handleLiveChatAction_v3 = false; // responsiveness fix (Major Feature)
  187.  
  188.   const USE_ADVANCED_TICKING = true; // added in Dec 2024 v0.66.0; need to ensure it would not affect the function if ticker design changed. to be reviewed
  189.   // const END_ANIMATING_TICKERS = true; // added in Dec 2024 v0.66.5; see pressure test like https://www.youtube.com/watch?v=CQaUs-vNgXo
  190.   const FIX_TIMESTAMP_FOR_REPLAY = true;
  191.  
  192.  
  193.   const ATTEMPT_TICKER_ANIMATION_START_TIME_DETECTION = true;
  194.   const ADJUST_TICKER_DURATION_ALIGN_RENDER_TIME = true;
  195.   const FIX_BATCH_TICKER_ORDER = true;
  196.  
  197.   const DISABLE_Translation_By_Google = true;
  198.  
  199.   const FASTER_ICON_RENDERING = true;
  200.  
  201.   const DELAY_FOCUSEDCHANGED = true;
  202.  
  203.   const skipErrorForhandleAddChatItemAction_ = true; // currently depends on ENABLE_NO_SMOOTH_TRANSFORM
  204.   const fixChildrenIssue801 = true; // if __children801__ is set [fix polymer controller method extration for `.set()`]
  205.  
  206.   const SUPPRESS_refreshOffsetContainerHeight_ = true; // added in FEB 2024; true for default layout options; no effect if ENABLE_NO_SMOOTH_TRANSFORM is false
  207.  
  208.   const NO_FILTER_DROPDOWN_BORDER = true; // added in 2024.03.02
  209.  
  210.   const FIX_ANIMATION_TICKER_TEXT_POSITION = true; // CSS fix; experimental; added in 2024.04.07
  211.   const FIX_AUTHOR_CHIP_BADGE_POSITION = true;
  212.  
  213.   const FIX_ToggleRenderPolymerControllerExtractionBug = false; // to be reviewed
  214.  
  215.   const REACTION_ANIMATION_PANEL_CSS_FIX = true;
  216.  
  217.   // -------------------------------
  218.  
  219.   const USE_OBTAIN_LCR_BY_BOTH_METHODS = false; // true for play safe
  220.  
  221.   const FIX_MEMORY_LEAKAGE_TICKER_ACTIONMAP = true;       // To fix Memory Leakage in yt-live-chat-ticker-...-item-renderer
  222.   const FIX_MEMORY_LEAKAGE_TICKER_STATSBAR = true;        // To fix Memory Leakage in updateStatsBarAndMaybeShowAnimation
  223.   const FIX_MEMORY_LEAKAGE_TICKER_TIMER = true;           // To fix Memory Leakage in setContainerWidth, slideDown, collapse // Dec 2024 fix in advance tickering
  224.   const FIX_MEMORY_LEAKAGE_TICKER_DATACHANGED_setContainerWidth = true; // To fix Memory Leakage due to _.ytLiveChatTickerItemBehavior.setContainerWidth()
  225.  
  226.   // leakage in ytd-sponsorships-live-chat-gift-purchase-announcement-renderer - to be confirmed
  227.  
  228.   // <<<<< FOR MEMORY LEAKAGE >>>>
  229.   const DEBUG_wmList = false;
  230.   let DEBUG_wmList_started = false;
  231.   // const FLAG_001 = true;
  232.   const FLAG_001a = false;
  233.   const FLAG_001b = false;
  234.   const FLAG_001c = false;
  235.   const FLAG_001d = false;
  236.   const FLAG_001e = false;
  237.   const FLAG_001f = false;
  238.   // const FLAG_001g = true;
  239.  
  240.  
  241.  
  242. /**
  243.  * 
  244.  * 
  245.  * 
  246.  * 
  247.  * 
  248.         rendererStamperObserver_: function(a, b, c) {
  249.             if (c.path == a) {
  250.                 if (c.value === void 0 && !this.hasDataPath_[a])
  251.                     return;
  252.                 this.hasDataPath_[a] = c.value !== void 0
  253.             }
  254.             this.rendererStamperApplyChangeRecord_(a, b, c)
  255.         },
  256.  
  257.  
  258.         addStampDomObserverFns_: function() {
  259.             for (var a in this.stampDom) {
  260.                 var b = this.stampDom[a];
  261.                 b.id ? (this[SQa(b.id)] = this.rendererStamperObserver_.bind(this, a, b.id),
  262.                 this.hasDataPath_[a] = !1) : Er(new Dn("Bad rendererstamper config",this.is + ":" + a))
  263.             }
  264.         },
  265.  * 
  266.  * 
  267.  * 
  268.  * 
  269.  * 
  270.  */
  271.  
  272.  
  273.  
  274.  
  275.  
  276.  
  277.   // <<<<< FOR MEMORY LEAKAGE >>>>
  278.  
  279.   // ========= EXPLANTION FOR 0.2% @ step timing [min. 0.2%] ===========
  280.   /*
  281.  
  282.     ### Time Approach
  283.  
  284.     // all below values can make the time interval > 250ms
  285.     // 250ms (practical value) refers to the minimum frequency for timeupdate in most browsers (typically, shorter timeupdate interval in modern browsers)
  286.     if (totalDuration > 400000) stepInterval = 0.2;  // 400000ms with 0.2% increment => 800ms
  287.     else if (totalDuration > 200000) stepInterval = 0.5; // 200000ms with 0.5% increment => 1000ms
  288.     else if (totalDuration > 100000) stepInterval = 1; // 100000ms with 1% increment => 1000ms
  289.     else if (totalDuration > 50000) stepInterval = 2; // 50000ms with 2% increment => 1000ms
  290.     else if (totalDuration > 25000) stepInterval = 5; // 25000ms with 5% increment => 1250ms
  291.  
  292.     ### Pixel Check
  293.     // Target Max Pixel Increment < 5px for Short Period Ticker (Rapid Background Change)
  294.     // Assume total width <= 99px for short period ticker, like small donation & member welcome
  295.     99px * 5% = 4.95px < 5px [Condition Fulfilled]
  296.  
  297.     ### Example - totalDuration = 280000
  298.     totalDuration 280000
  299.     stepInterval 0.5
  300.     numOfSteps = Math.round(100 / stepInterval) = 200
  301.     time interval = 280000 / 200 = 1400ms <acceptable>
  302.  
  303.     ### Example - totalDuration = 18000
  304.     totalDuration 18000
  305.     stepInterval 5
  306.     numOfSteps = Math.round(100 / stepInterval) = 20
  307.     time interval = 18000 / 20 = 900ms <acceptable>
  308.  
  309.     ### Example - totalDuration = 5000
  310.     totalDuration 5000
  311.     stepInterval 5
  312.     numOfSteps = Math.round(100 / stepInterval) = 20
  313.     time interval = 5000 / 20 = 250ms <threshold value>
  314.  
  315.     ### Example - totalDuration = 3600
  316.     totalDuration 3600
  317.     stepInterval 5
  318.     numOfSteps = Math.round(100 / stepInterval) = 20
  319.     time interval = 3600 / 20 = 180ms <reasonable for 3600ms ticker>
  320.  
  321.   */
  322.  
  323.   // =======================================================================================================
  324.  
  325.   // AUTOMAICALLY DETERMINED
  326.   const ENABLE_FLAGS_MAINTAIN_STABLE_LIST = ENABLE_FLAGS_MAINTAIN_STABLE_LIST_VAL === 1;
  327.   const ENABLE_FLAGS_MAINTAIN_STABLE_LIST_FOR_PARTICIPANTS_LIST = ENABLE_FLAGS_MAINTAIN_STABLE_LIST_VAL >= 1;
  328.   const CHAT_MENU_SCROLL_UNLOCKING = CHAT_MENU_REFIT_ALONG_SCROLLING >= 1;
  329.   let runTickerClassName = 'run-ticker';
  330.  
  331.   const dummyImgURL = "data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==";
  332.   /*
  333.     WebP: data:image/webp;base64,UklGRjAB
  334.     PNG: data:image/png;base64,iVBORw0KGg==
  335.     JPEG: data:image/jpeg;base64,/9j/4AA=
  336.     GIF: data:image/gif;base64,R0lGODlhAQABAIA=
  337.     BMP: data:image/bmp;base64,Qk1oAAAA
  338.     SVG: data:image/svg+xml;base64,PHN2Zy8+Cg==
  339.  
  340.     WebP: data:image/webp;base64,AAAAAAA=
  341.     PNG:  data:image/png;base64,AAAAAAA=
  342.     JPEG: data:image/jpeg;base64,AAAAAAA=
  343.     GIF:  data:image/gif;base64,AAAAAAA=
  344.     BMP:  data:image/bmp;base64,AAAAAAA=
  345.  
  346.     data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==
  347.  
  348.  
  349.   */
  350.  
  351.   // image sizing code
  352.   // (d = (d = KC(a.customThumbnail.thumbnails, 16)) ? lc(oc(d)) : null)
  353.  
  354.  
  355.   //   function KC(a, b, c, d) {
  356.   //     d = void 0 === d ? "width" : d;
  357.   //     if (!a || !a.length)
  358.   //         return null;
  359.   //     if (z("kevlar_tuner_should_always_use_device_pixel_ratio")) {
  360.   //         var e = window.devicePixelRatio;
  361.   //         z("kevlar_tuner_should_clamp_device_pixel_ratio") ? e = Math.min(e, zl("kevlar_tuner_clamp_device_pixel_ratio")) : z("kevlar_tuner_should_use_thumbnail_factor") && (e = zl("kevlar_tuner_thumbnail_factor"));
  362.   //         HC = e
  363.   //     } else
  364.   //         HC || (HC = window.devicePixelRatio);
  365.   //     e = HC;
  366.   //     z("kevlar_tuner_should_always_use_device_pixel_ratio") ? b *= e : 1 < e && (b *= e);
  367.   //     if (z("kevlar_tuner_min_thumbnail_quality"))
  368.   //         return a[0].url || null;
  369.   //     e = a.length;
  370.   //     if (z("kevlar_tuner_max_thumbnail_quality"))
  371.   //         return a[e - 1].url || null;
  372.   //     if (c)
  373.   //         for (var h = 0; h < e; h++)
  374.   //             if (0 <= a[h].url.indexOf(c))
  375.   //                 return a[h].url || null;
  376.   //     for (c = 0; c < e; c++)
  377.   //         if (a[c][d] >= b)
  378.   //             return a[c].url || null;
  379.   //     for (b = e - 1; 0 < b; b--)
  380.   //         if (a[b][d])
  381.   //             return a[b].url || null;
  382.   //     return a[0].url || null
  383.   // }
  384.  
  385.   const { IntersectionObserver } = __CONTEXT__;
  386.   let _x69;
  387.   try {
  388.     _x69 = document.createAttributeNS("http://www.w3.org/2000/svg", "nil").addEventListener;
  389.   } catch (e) { }
  390.   const pureAddEventListener = _x69;
  391.   if (!pureAddEventListener) return console.warn("pureAddEventListener cannot be obtained.");
  392.  
  393.   /** @type {globalThis.PromiseConstructor} */
  394.   const Promise = (async () => { })().constructor; // YouTube hacks Promise in WaterFox Classic and "Promise.resolve(0)" nevers resolve.
  395.  
  396.   // let jsonParseFix = null;
  397.  
  398.   if (!IntersectionObserver) return console.warn("Your browser does not support IntersectionObserver.\nPlease upgrade to the latest version.");
  399.   if (typeof WebAssembly !== 'object') return console.warn("Your browser is too old.\nPlease upgrade to the latest version."); // for passive and once
  400.  
  401.   // necessity of cssText3_smooth_transform_position to be checked.
  402.   const cssText3_smooth_transform_position = ENABLE_NO_SMOOTH_TRANSFORM ? `
  403.  
  404.     #item-offset.style-scope.yt-live-chat-item-list-renderer > #items.style-scope.yt-live-chat-item-list-renderer {
  405.         position: static !important;
  406.     }
  407.  
  408.   `: '';
  409.  
  410.   // fallback if dummy style fn fails
  411.   const cssText4_smooth_transform_forced_props = ENABLE_NO_SMOOTH_TRANSFORM ? `
  412.  
  413.     /* optional */
  414.     #item-offset.style-scope.yt-live-chat-item-list-renderer {
  415.         height: auto !important;
  416.         min-height: unset !important;
  417.     }
  418.  
  419.     #items.style-scope.yt-live-chat-item-list-renderer {
  420.         transform: translateY(0px) !important;
  421.     }
  422.  
  423.     /* optional */
  424.  
  425.   `: '';
  426.  
  427.   const cssText5 = SET_CONTAIN_FOR_CHATROOM ? `
  428.  
  429.     /* ------------------------------------------------------------------------------------------------------------- */
  430.  
  431.     yt-live-chat-author-chip #chat-badges.yt-live-chat-author-chip, yt-live-chat-author-chip #chat-badges.yt-live-chat-author-chip yt-live-chat-author-badge-renderer, yt-live-chat-author-chip #chat-badges.yt-live-chat-author-chip yt-live-chat-author-badge-renderer #image, yt-live-chat-author-chip #chat-badges.yt-live-chat-author-chip yt-live-chat-author-badge-renderer #image img {
  432.         contain: layout style;
  433.     }
  434.  
  435.     #items.style-scope.yt-live-chat-item-list-renderer {
  436.         contain: layout paint style;
  437.     }
  438.  
  439.     #item-offset.style-scope.yt-live-chat-item-list-renderer {
  440.         contain: style;
  441.     }
  442.  
  443.     #item-scroller.style-scope.yt-live-chat-item-list-renderer {
  444.         contain: size style;
  445.     }
  446.  
  447.     #contents.style-scope.yt-live-chat-item-list-renderer, #chat.style-scope.yt-live-chat-renderer, img.style-scope.yt-img-shadow[width][height] {
  448.         contain: size layout paint style;
  449.     }
  450.  
  451.     .style-scope.yt-live-chat-ticker-renderer[role="button"][aria-label], .style-scope.yt-live-chat-ticker-renderer[role="button"][aria-label] > #container {
  452.         contain: layout paint style;
  453.     }
  454.  
  455.     yt-live-chat-text-message-renderer.style-scope.yt-live-chat-item-list-renderer, yt-live-chat-membership-item-renderer.style-scope.yt-live-chat-item-list-renderer, yt-live-chat-paid-message-renderer.style-scope.yt-live-chat-item-list-renderer, yt-live-chat-banner-manager.style-scope.yt-live-chat-item-list-renderer {
  456.         contain: layout style;
  457.     }
  458.  
  459.     tp-yt-paper-tooltip[style*="inset"][role="tooltip"] {
  460.         contain: layout paint style;
  461.     }
  462.  
  463.     /* ------------------------------------------------------------------------------------------------------------- */
  464.  
  465.   ` : '';
  466.  
  467.   const cssText6b_show_more_button = FIX_SHOW_MORE_BUTTON_LOCATION ? `
  468.  
  469.     yt-live-chat-renderer[has-action-panel-renderer] #show-more.yt-live-chat-item-list-renderer{
  470.         top: 4px;
  471.         transition-property: top;
  472.         bottom: unset;
  473.     }
  474.  
  475.     yt-live-chat-renderer[has-action-panel-renderer] #show-more.yt-live-chat-item-list-renderer[disabled]{
  476.         top: -42px;
  477.     }
  478.  
  479.   `: '';
  480.  
  481.   const cssText6c_input_panel_overflow = FIX_INPUT_PANEL_OVERFLOW_ISSUE ? `
  482.  
  483.     #input-panel #picker-buttons yt-live-chat-icon-toggle-button-renderer#product-picker {
  484.         contain: layout style;
  485.     }
  486.  
  487.     #chat.yt-live-chat-renderer ~ #panel-pages.yt-live-chat-renderer {
  488.         overflow: visible;
  489.     }
  490.  
  491.   `: '';
  492.  
  493.   const cssText6d_input_panel_border = FIX_INPUT_PANEL_BORDER_ISSUE ? `
  494.  
  495.     html #panel-pages.yt-live-chat-renderer > #input-panel.yt-live-chat-renderer:not(:empty) {
  496.         --yt-live-chat-action-panel-top-border: none;
  497.     }
  498.  
  499.     html #panel-pages.yt-live-chat-renderer > #input-panel.yt-live-chat-renderer.iron-selected > *:first-child {
  500.         border-top: 1px solid var(--yt-live-chat-panel-pages-border-color);
  501.     }
  502.  
  503.     html #panel-pages.yt-live-chat-renderer {
  504.         border-top: 0;
  505.         border-bottom: 0;
  506.     }
  507.  
  508.   `: '';
  509.  
  510.   const cssText7b_content_visibility_unset = FORCE_CONTENT_VISIBILITY_UNSET ? `
  511.  
  512.     img,
  513.     yt-img-shadow[height][width],
  514.     yt-img-shadow {
  515.         content-visibility: visible !important;
  516.     }
  517.  
  518.   `  : '';
  519.  
  520.   const cssText7c_will_change_unset = FORCE_WILL_CHANGE_UNSET ? `
  521.  
  522.     /* remove YouTube constant will-change */
  523.     /* constant value will slow down the performance; default auto */
  524.  
  525.     /* www-player.css */
  526.     html .ytp-contextmenu,
  527.     html .ytp-settings-menu {
  528.         will-change: unset;
  529.     }
  530.  
  531.     /* frequently matched elements */
  532.     html .fill.yt-interaction,
  533.     html .stroke.yt-interaction,
  534.     html .yt-spec-touch-feedback-shape__fill,
  535.     html .yt-spec-touch-feedback-shape__stroke {
  536.         will-change: unset;
  537.     }
  538.  
  539.     /* live_chat_polymer.js */
  540.     /*
  541.     html .toggle-button.tp-yt-paper-toggle-button,
  542.     html #primaryProgress.tp-yt-paper-progress,
  543.     html #secondaryProgress.tp-yt-paper-progress,
  544.     html #onRadio.tp-yt-paper-radio-button,
  545.     html .fill.yt-interaction,
  546.     html .stroke.yt-interaction,
  547.     html .yt-spec-touch-feedback-shape__fill,
  548.     html .yt-spec-touch-feedback-shape__stroke {
  549.         will-change: unset;
  550.     }
  551.     */
  552.  
  553.     /* desktop_polymer_enable_wil_icons.js */
  554.     /* html .fill.yt-interaction,
  555.     html .stroke.yt-interaction, */
  556.     html tp-yt-app-header::before,
  557.     html tp-yt-iron-list,
  558.     html #items.tp-yt-iron-list > *,
  559.     html #onRadio.tp-yt-paper-radio-button,
  560.     html .toggle-button.tp-yt-paper-toggle-button,
  561.     html ytd-thumbnail-overlay-toggle-button-renderer[use-expandable-tooltip] #label.ytd-thumbnail-overlay-toggle-button-renderer,
  562.     html #items.ytd-post-multi-image-renderer,
  563.     html #items.ytd-horizontal-card-list-renderer,
  564.     html #items.yt-horizontal-list-renderer,
  565.     html #left-arrow.yt-horizontal-list-renderer,
  566.     html #right-arrow.yt-horizontal-list-renderer,
  567.     html #items.ytd-video-description-infocards-section-renderer,
  568.     html #items.ytd-video-description-music-section-renderer,
  569.     html #chips.ytd-feed-filter-chip-bar-renderer,
  570.     html #chips.yt-chip-cloud-renderer,
  571.     html #items.ytd-merch-shelf-renderer,
  572.     html #items.ytd-product-details-image-carousel-renderer,
  573.     html ytd-video-preview,
  574.     html #player-container.ytd-video-preview,
  575.     html #primaryProgress.tp-yt-paper-progress,
  576.     html #secondaryProgress.tp-yt-paper-progress,
  577.     html ytd-miniplayer[enabled] /* ,
  578.     html .yt-spec-touch-feedback-shape__fill,
  579.     html .yt-spec-touch-feedback-shape__stroke */ {
  580.         will-change: unset;
  581.     }
  582.  
  583.     /* other */
  584.     .ytp-videowall-still-info-content[class],
  585.     .ytp-suggestion-image[class] {
  586.         will-change: unset !important;
  587.     }
  588.  
  589.   ` : '';
  590.  
  591.   const ENABLE_FONT_PRE_RENDERING = typeof HTMLElement.prototype.append === 'function' ? (ENABLE_FONT_PRE_RENDERING_PREFERRED || 0) : 0;
  592.   const cssText8_fonts_pre_render = ENABLE_FONT_PRE_RENDERING ? `
  593.  
  594.     elzm-fonts {
  595.         visibility: collapse;
  596.         position: fixed;
  597.         top: -10px;
  598.         left: -10px;
  599.         font-size: 10pt;
  600.         line-height: 100%;
  601.         width: 100px;
  602.         height: 100px;
  603.         transform: scale(0.1);
  604.         transform: scale(0.01);
  605.         transform: scale(0.001);
  606.         transform-origin: 0 0;
  607.         contain: strict;
  608.         display: block;
  609.  
  610.         pointer-events: none !important;
  611.         user-select: none !important;
  612.     }
  613.  
  614.     elzm-fonts[id]#elzm-fonts-yk75g {
  615.         user-select: none !important;
  616.         pointer-events: none !important;
  617.     }
  618.  
  619.     elzm-font {
  620.         visibility: collapse;
  621.         position: absolute;
  622.         line-height: 100%;
  623.         width: 100px;
  624.         height: 100px;
  625.         contain: strict;
  626.         display: block;
  627.  
  628.         user-select: none !important;
  629.         pointer-events: none !important;
  630.     }
  631.  
  632.     elzm-font::before {
  633.         visibility: collapse;
  634.         position: absolute;
  635.         line-height: 100%;
  636.         width: 100px;
  637.         height: 100px;
  638.         contain: strict;
  639.         display: block;
  640.  
  641.         content: '0aZ!@#$~^&*()_-+[]{}|;:><?\\0460\\0301\\0900\\1F00\\0370\\0102\\0100\\28EB2\\28189\\26DA0\\25A9C\\249BB\\23F61\\22E8B\\21927\\21076\\2048E\\1F6F5\\FF37\\F94F\\F0B2\\9F27\\9D9A\\9BEA\\9A6B\\98EC\\9798\\9602\\949D\\9370\\926B\\913A\\8FA9\\8E39\\8CC1\\8B26\\8983\\8804\\8696\\8511\\83BC\\828D\\8115\\7F9A\\7E5B\\7D07\\7B91\\7A2C\\78D2\\776C\\7601\\74AA\\73B9\\7265\\70FE\\6FBC\\6E88\\6D64\\6C3F\\6A9C\\6957\\67FE\\66B3\\6535\\63F2\\628E\\612F\\5FE7\\5E6C\\5CEE\\5B6D\\5A33\\58BC\\575B\\5611\\54BF\\536E\\51D0\\505D\\4F22\\4AD1\\41DB\\3B95\\3572\\2F3F\\26FD\\25A1\\2477\\208D\\1D0A\\1FB\\A1\\A3\\B4\\2CB\\60\\10C\\E22\\A5\\4E08\\B0\\627\\2500\\5E\\201C\\3C\\B7\\23\\26\\3E\\D\\20\\25EE8\\1F235\\FFD7\\FA10\\F92D\\9E8B\\9C3E\\9AE5\\98EB\\971D\\944A\\92BC\\9143\\8F52\\8DC0\\8B2D\\8973\\87E2\\8655\\84B4\\82E8\\814A\\7F77\\7D57\\7BC8\\7A17\\7851\\768C\\7511\\736C\\7166\\6F58\\6D7C\\6B85\\69DD\\6855\\667E\\64D2\\62CF\\6117\\5F6C\\5D9B\\5BBC\\598B\\57B3\\5616\\543F\\528D\\50DD\\4F57\\4093\\3395\\32B5\\31C8\\3028\\2F14\\25E4\\24D1\\2105\\2227\\A8\\2D9\\2CA\\2467\\B1\\2020\\2466\\251C\\266B\\AF\\4E91\\221E\\2464\\2266\\2207\\4E32\\25B3\\2463\\2010\\2103\\3014\\25C7\\24\\25BD\\4E18\\2460\\21D2\\2015\\2193\\4E03\\7E\\25CB\\2191\\25BC\\3D\\500D\\4E01\\25\\30F6\\2605\\266A\\40\\2B\\4E16\\7C\\A9\\4E\\21\\1F1E9\\FEE3\\F0A7\\9F3D\\9DFA\\9C3B\\9A5F\\98C8\\972A\\95B9\\94E7\\9410\\92B7\\914C\\8FE2\\8E2D\\8CAF\\8B5E\\8A02\\8869\\86E4\\8532\\83B4\\82A9\\814D\\7FFA\\7ED7\\7DC4\\7CCC\\7BC3\\7ACA\\797C\\783E\\770F\\760A\\74EF\\73E7\\72DD\\719C\\7005\\6ED8\\6DC3\\6CB2\\6A01\\68E1\\6792\\663A\\64F8\\63BC\\623B\\60FA\\5FD1\\5EA3\\5D32\\5BF5\\5AB2\\5981\\5831\\570A\\5605\\5519\\53FB\\52A2\\5110\\4FE3\\4EB8\\3127\\279C\\2650\\254B\\23E9\\207B\\1D34\\2AE\\176\\221A\\161\\200B\\300C\\4E4C\\1F921\\FF78\\FA0A\\F78A\\9EB9\\9D34\\9BD3\\9A6F\\9912\\97C6\\964E\\950C\\93E4\\92E5\\91F0\\90BB\\8F68\\8E18\\8B6C\\89F6\\889B\\874C\\8602\\84B1\\8378\\826E\\8113\\7FB1\\7EAF\\7D89\\7C20\\7AFB\\7988\\7840\\7705\\75CC\\749A\\73B3\\727F\\7113\\6FE8\\6ED6\\6DD3\\6CDA\\6BBB\\6A31\\6900\\67D9\\66A7\\655D\\6427\\630D\\61C6\\60AC\\5F78\\5E34\\5CE0\\5B80\\5A51\\590B\\57A1\\566F\\5551\\543D\\52DB\\518F\\5032\\3A17\\305C\\2749\\264A\\2567\\2476\\2139\\1EC0\\11AF\\2C8\\1AF\\E17\\2190\\2022\\2502\\2312\\2025\\50';
  642.  
  643.         user-select: none !important;
  644.         pointer-events: none !important;
  645.     }
  646.  
  647.   `: '';
  648.  
  649.   const cssText9_no_backdrop_filter_when_menu_shown = NO_BACKDROP_FILTER_WHEN_MENU_SHOWN ? `
  650.     tp-yt-iron-dropdown.yt-live-chat-app ytd-menu-popup-renderer  {
  651.         -webkit-backdrop-filter: none;
  652.         backdrop-filter: none;
  653.     }
  654.   `: '';
  655.  
  656.   const cssText10_show_more_blinker = ENABLE_SHOW_MORE_BLINKER ? `
  657.  
  658.     @keyframes blinker-miuzp {
  659.         0%, 60%, 100% {
  660.             opacity: 1;
  661.         }
  662.         30% {
  663.             opacity: 0.6;
  664.         }
  665.     }
  666.  
  667.     yt-icon-button#show-more.has-new-messages-miuzp {
  668.         animation: blinker-miuzp 1.74s linear infinite;
  669.     }
  670.  
  671.   `: '';
  672.  
  673.   const cssText11_entire_message_clickable = FIX_CLICKING_MESSAGE_MENU_DISPLAY_ON_MOUSE_CLICK ? `
  674.  
  675.     yt-live-chat-paid-message-renderer.yt-live-chat-item-list-renderer[whole-message-clickable] #menu.style-scope[class] {
  676.       pointer-events: none !important;
  677.     }
  678.  
  679.     yt-live-chat-membership-item-renderer.yt-live-chat-item-list-renderer[whole-message-clickable] #menu.style-scope[class] {
  680.       pointer-events: none !important;
  681.     }
  682.  
  683.     yt-live-chat-paid-sticker-renderer.yt-live-chat-item-list-renderer[whole-message-clickable] #menu.style-scope[class] {
  684.       pointer-events: none !important;
  685.     }
  686.  
  687.     yt-live-chat-text-message-renderer.yt-live-chat-item-list-renderer[whole-message-clickable] #menu.style-scope[class] {
  688.       pointer-events: none !important; /* TO_BE_REVIEWED */
  689.     }
  690.  
  691.     yt-live-chat-auto-mod-message-renderer.yt-live-chat-item-list-renderer[whole-message-clickable] #menu.style-scope[class] {
  692.       pointer-events: none !important;
  693.     }
  694.  
  695.   `: '';
  696.  
  697.   const cssText12_nowrap_tooltip = MAX_TOOLTIP_NO_WRAP_WIDTH && typeof MAX_TOOLTIP_NO_WRAP_WIDTH === 'string' ? `
  698.  
  699.  
  700.     tp-yt-paper-tooltip[role="tooltip"] {
  701.       box-sizing: content-box !important;
  702.       margin: 0px !important;
  703.       padding: 0px !important;
  704.       contain: none !important;
  705.     }
  706.  
  707.     tp-yt-paper-tooltip[role="tooltip"] #tooltip[style-target="tooltip"] {
  708.       box-sizing: content-box !important;
  709.       display: inline-block;
  710.       contain: none !important;
  711.     }
  712.  
  713.  
  714.     tp-yt-paper-tooltip[role="tooltip"] #tooltip[style-target="tooltip"]{
  715.       max-width: ${MAX_TOOLTIP_NO_WRAP_WIDTH};
  716.       width: max-content;
  717.       text-overflow: ellipsis;
  718.       overflow: hidden;
  719.       white-space: nowrap;
  720.     }
  721.  
  722.  
  723.   `: '';
  724.  
  725.  
  726.   const cssText13_no_text_select_when_menu_visible = `
  727.     [menu-visible] {
  728.       --sfc47-text-select: none;
  729.     }
  730.     [menu-visible] #header[id][class],
  731.     [menu-visible] #content[id][class],
  732.     [menu-visible] #header[id][class] *,
  733.     [menu-visible] #content[id][class] * {
  734.       user-select: var(--sfc47-text-select) !important;
  735.     }
  736.     [menu-visible] #menu {
  737.       --sfc47-text-select: inherit;
  738.     }
  739.   `;
  740.  
  741.   const cssText14_NO_FILTER_DROPDOWN_BORDER = NO_FILTER_DROPDOWN_BORDER ? `
  742.   yt-live-chat-header-renderer.yt-live-chat-renderer #label.yt-dropdown-menu::before {
  743.     border:0;
  744.   }
  745.   ` : '';
  746.  
  747.   const cssText15_FIX_ANIMATION_TICKER_TEXT_POSITION = FIX_ANIMATION_TICKER_TEXT_POSITION ? `
  748.     .style-scope.yt-live-chat-ticker-renderer #animation-container[id][class] {
  749.       position: relative;
  750.       display: grid;
  751.       grid-auto-columns: 1fr;
  752.       grid-auto-rows: 1fr;
  753.       grid-template-columns: repeat(1, 1fr);
  754.       gap: 7px;
  755.       padding-bottom: 0;
  756.       margin-bottom: 0;
  757.       padding-top: 0;
  758.       align-self: flex-start;
  759.       flex-wrap: nowrap;
  760.       margin-top: 1px;
  761.   }
  762.  
  763.   .style-scope.yt-live-chat-ticker-renderer #animation-container > [id][class] {
  764.       margin-top: 0px;
  765.       margin-bottom: 0px;
  766.       flex-direction: row;
  767.       flex-wrap: nowrap;
  768.       align-items: center;
  769.       justify-content: flex-start;
  770.   }
  771.  
  772.   .style-scope.yt-live-chat-ticker-renderer #animation-container > [id][class]:first-child::after {
  773.       content: '補';
  774.       visibility: collapse;
  775.       display: inline-block;
  776.       position: relative;
  777.       width: 0;
  778.       line-height: 22px;
  779.   }
  780.  
  781.   ` : '';
  782.  
  783.   const cssText16_FIX_AUTHOR_CHIP_BADGE_POSITION = FIX_AUTHOR_CHIP_BADGE_POSITION ? `
  784.     #card  #author-name-chip > yt-live-chat-author-chip[single-line] {
  785.         flex-wrap: nowrap;
  786.         white-space: nowrap;
  787.         display: inline-flex;
  788.         flex-direction: row;
  789.         text-wrap: nowrap;
  790.         flex-shrink: 0;
  791.         align-items: center;
  792.     }
  793.  
  794.     #card  #author-name-chip {
  795.         display: inline-flex;
  796.         flex-direction: row;
  797.         align-items: flex-start;
  798.     }
  799.   `: '';
  800.  
  801.  
  802.   // Example: https://www.youtube.com/watch?v=Xfytz-igsuc
  803.   const cssText17_FIX_overwidth_banner_message = `
  804.     yt-live-chat-banner-manager#live-chat-banner.style-scope.yt-live-chat-item-list-renderer {
  805.       max-width: 100%;
  806.       box-sizing: border-box;
  807.     }
  808.   `;
  809.  
  810.  
  811.   const cssText18_REACTION_ANIMATION_PANEL_CSS_FIX = REACTION_ANIMATION_PANEL_CSS_FIX ? `
  812.     #reaction-control-panel-overlay[class] {
  813.       contain: strict;
  814.       margin: 0;
  815.       padding: 0;
  816.       border: 0;
  817.       box-sizing: border-box;
  818.       will-change: initial;
  819.     }
  820.     #reaction-control-panel-overlay[class] *[class] {
  821.       will-change: initial;
  822.     }
  823.   `: '';
  824.  
  825.   const cssText19_FOR_ADVANCED_TICKING =`
  826.       
  827.       ticker-bg-overlay {
  828.         display: block;
  829.         position: absolute;
  830.         z-index: -1;
  831.         box-sizing: border-box;
  832.         border: 0;
  833.         padding: 0;
  834.         margin: 0;
  835.         width: 200%;
  836.         top: 0;
  837.         bottom: 0;
  838.         left: clamp(-100%, calc( -100% * ( var(--ticker-current-time) - var(--ticker-start-time) ) / var(--ticker-duration-time) ), 0%);
  839.         contain: strict;
  840.       }
  841.       ticker-bg-overlay-end2 {
  842.  
  843.         all:unset;
  844.         position: fixed;
  845.         display: block;
  846.         margin-left: -0.5px;
  847.         top: 8px;
  848.         left: clamp(-250px, calc( 250px * ( ( var(--ticker-current-time) - var(--ticker-start-time) ) / var(--ticker-duration-time) - 1 ) ), 2px);
  849.  
  850.         width: 1px;
  851.         height: 1px;
  852.         opacity: 0;
  853.         pointer-events: none;
  854.         box-sizing: border-box;
  855.         border: 0;
  856.         padding: 0;
  857.         margin: 0;
  858.         contain: strict;
  859.         z-index: -1;
  860.         visibility: collapse;
  861.  
  862.       
  863.       }
  864.  
  865.  
  866.       .r6-width-adjustable ~ .r6-width-adjustable {
  867.           --r6-min-width: max-content;
  868.         }
  869.       
  870.         .r6-closing-ticker[class] {
  871.           --r6-min-width: 0px;
  872.         }
  873.       
  874.         .r6-width-adjustable {
  875.           min-width: var(--r6-min-width, 0px);
  876.         }
  877.  
  878.   
  879.   `;
  880.   // const cssText19_FOR_ADVANCED_TICKING = `
  881.   
  882.   // ticker-bg-overlay {
  883.   //   display: block;
  884.   //   position: absolute;
  885.   //   z-index: -1;
  886.   //   box-sizing: border-box;
  887.   //   border: 0;
  888.   //   padding: 0;
  889.   //   margin: 0;
  890.   //   width: 200%;
  891.   //   top: 0;
  892.   //   bottom: 0;
  893.   //   left: clamp(-100%, calc( -100% * ( var(--ticker-current-time) - var(--ticker-start-time) ) / var(--ticker-duration-time) ), 0%);
  894.   //   contain: strict;
  895.   // }
  896.   //   /*
  897.   // ticker-bg-overlay-end {
  898.   //   position: absolute;
  899.   //   right: 0px;
  900.   //   top: 50%;
  901.   //   display: block;
  902.   //   width: 1px;
  903.   //   height: 1px;
  904.   //   opacity: 0;
  905.   //   pointer-events: none;
  906.   //   box-sizing: border-box;
  907.   //   border: 0;
  908.   //   padding: 0;
  909.   //   margin: 0;
  910.   //   contain: strict;
  911.   // }
  912.   //   */
  913.  
  914.   // ticker-bg-overlay-end2 {
  915.  
  916.   //   all:unset;
  917.   //   position: fixed;
  918.   //   display: block;
  919.   //   margin-left: -0.5px;
  920.   //   top: 8px;
  921.   //   left: clamp(-250px, calc( 250px * ( ( var(--ticker-current-time) - var(--ticker-start-time) ) / var(--ticker-duration-time) - 1 ) ), 2px);
  922.  
  923.   //   width: 1px;
  924.   //   height: 1px;
  925.   //   opacity: 0;
  926.   //   pointer-events: none;
  927.   //   box-sizing: border-box;
  928.   //   border: 0;
  929.   //   padding: 0;
  930.   //   margin: 0;
  931.   //   contain: strict;
  932.   //   z-index: -1;
  933.   //   visibility: collapse;
  934.  
  935.   
  936.   // }
  937.  
  938.   // /* USE_ADVANCED_TICKING */
  939.  
  940.   // /*
  941.  
  942.   // .ticker-no-transition-time, .ticker-no-transition-time [id] {
  943.   //   transition-duration: 0s !important;
  944.   // }
  945.  
  946.   // [r6-advanced-ticking] .style-scope.yt-live-chat-ticker-renderer ~ .style-scope.yt-live-chat-ticker-renderer:not(.r6-closing-ticker) {
  947.   //   transition-duration: 0s !important; 
  948.   // }
  949.  
  950.   // */
  951.  
  952.   // .r6-width-adjustable ~ .r6-width-adjustable {
  953.   //   --r6-min-width: max-content;
  954.   // }
  955.  
  956.   // .r6-closing-ticker[class] {
  957.   //   --r6-min-width: 0px;
  958.   // }
  959.  
  960.   // .r6-width-adjustable {
  961.   //   min-width: var(--r6-min-width, 0px);
  962.   // }
  963.  
  964.  
  965.   //   /*
  966.  
  967.  
  968.   // .r6-width-adjustable {
  969.   //   transition-duration: var(--r6-transition-duration, 0s) !important;
  970.   // }
  971.  
  972.   // .r6-width-adjustable-first {
  973.   //   --r6-transition-duration: 0.2s;
  974.   // }
  975.  
  976.   // .r6-width-adjustable ~ .r6-width-adjustable-first {
  977.   //   --r6-transition-duration: 0s;
  978.   // }
  979.  
  980.   // .r6-closing-ticker {
  981.   //   --r6-transition-duration: 0.2s;
  982.   // }
  983.   //   */
  984.  
  985.   // /*
  986.  
  987.  
  988.   //   ey.style.position = 'absolute';
  989.   //   ey.style.right = '0px';
  990.   //   ey.style.top = '50%';
  991.   //   ey.style.display='block';
  992.   //   ey.style.width='1px';
  993.   //   ey.style.height='1px';
  994.   //   ey.style.opacity = '0';
  995.  
  996.   //   em.style.display = 'block';
  997.   //   em.style.position = 'absolute';
  998.   //   em.style.boxSizing = 'border-box';
  999.   //   em.style.width = '200%';
  1000.   //   em.style.top = '0';
  1001.   //   em.style.bottom = '0';
  1002.   //   // em.style.height = '100%';
  1003.  
  1004.  
  1005.   //   // em.style.left = '-50%';
  1006.   //   // em.style.left = "clamp(-100%, calc( -100% * ( var(--ticker-current-time) - var(--ticker-start-time) ) / var(--ticker-duration-time) ), 0%)";
  1007.  
  1008.   // */
  1009.  
  1010.   // `;
  1011.  
  1012.   const addCss = () => `
  1013.  
  1014.     @property --ticker-rtime {
  1015.       syntax: "<percentage>";
  1016.       inherits: false;
  1017.       initial-value: 0%;
  1018.     }
  1019.  
  1020.     /*
  1021.     .run-ticker {
  1022.       background:linear-gradient(90deg, var(--ticker-c1),var(--ticker-c1) var(--ticker-rtime),var(--ticker-c2) var(--ticker-rtime),var(--ticker-c2));
  1023.     }
  1024.  
  1025.     .run-ticker-test {
  1026.       background: #00000001;
  1027.     }
  1028.  
  1029.     .run-ticker-forced,
  1030.     yt-live-chat-ticker-renderer #items > * > #container.run-ticker-forced,
  1031.     yt-live-chat-ticker-renderer[class] #items[class] > *[class] > #container.run-ticker-forced[class]
  1032.     {
  1033.       background:linear-gradient(90deg, var(--ticker-c1),var(--ticker-c1) var(--ticker-rtime),var(--ticker-c2) var(--ticker-rtime),var(--ticker-c2)) !important;
  1034.     }
  1035.     */
  1036.  
  1037.     .run-ticker {
  1038.       --ticker-bg:linear-gradient(90deg, var(--ticker-c1),var(--ticker-c1) var(--ticker-rtime),var(--ticker-c2) var(--ticker-rtime),var(--ticker-c2));
  1039.     }
  1040.  
  1041.     .run-ticker,
  1042.     yt-live-chat-ticker-renderer #items > * > #container.run-ticker,
  1043.     yt-live-chat-ticker-renderer[class] #items[class] > *[class] > #container.run-ticker[class]
  1044.     {
  1045.       background: var(--ticker-bg) !important;
  1046.     }
  1047.  
  1048.     yt-live-chat-ticker-dummy777-item-renderer {
  1049.       background: #00000001;
  1050.     }
  1051.  
  1052.     yt-live-chat-ticker-dummy777-item-renderer[dummy777] {
  1053.       position: fixed !important;
  1054.       top: -1000px !important;
  1055.       left: -1000px !important;
  1056.       font-size: 1px !important;
  1057.       color: transparent !important;
  1058.       pointer-events: none !important;
  1059.       z-index: -1 !important;
  1060.       contain: strict !important;
  1061.       box-sizing: border-box !important;
  1062.       pointer-events: none !important;
  1063.       user-select: none !important;
  1064.       max-width: 1px !important;
  1065.       max-height: 1px !important;
  1066.       overflow: hidden !important;
  1067.       visibility: collapse !important;
  1068.       display: none !important;
  1069.     }
  1070.  
  1071.     yt-live-chat-ticker-dummy777-item-renderer #container {
  1072.       background: inherit;
  1073.     }
  1074.  
  1075.  
  1076.     ${cssText8_fonts_pre_render}
  1077.  
  1078.     ${cssText9_no_backdrop_filter_when_menu_shown}
  1079.  
  1080.     @supports (contain: layout paint style) {
  1081.  
  1082.       ${cssText5}
  1083.  
  1084.     }
  1085.  
  1086.     @supports (color: var(--general)) {
  1087.  
  1088.       html {
  1089.           --yt-live-chat-item-list-renderer-padding: 0px 0px;
  1090.       }
  1091.  
  1092.       ${cssText3_smooth_transform_position}
  1093.  
  1094.       ${cssText7c_will_change_unset}
  1095.  
  1096.       ${cssText7b_content_visibility_unset}
  1097.  
  1098.       yt-live-chat-item-list-renderer:not([allow-scroll]) #item-scroller.yt-live-chat-item-list-renderer {
  1099.           overflow-y: scroll;
  1100.           padding-right: 0;
  1101.       }
  1102.  
  1103.       ${cssText4_smooth_transform_forced_props}
  1104.  
  1105.       yt-icon[icon="down_arrow"] > *, yt-icon-button#show-more > * {
  1106.           pointer-events: none !important;
  1107.       }
  1108.  
  1109.       #continuations, #continuations * {
  1110.           contain: strict;
  1111.           position: fixed;
  1112.           top: 2px;
  1113.           height: 1px;
  1114.           width: 2px;
  1115.           height: 1px;
  1116.           visibility: collapse;
  1117.       }
  1118.  
  1119.       ${cssText6b_show_more_button}
  1120.  
  1121.       ${cssText6d_input_panel_border}
  1122.  
  1123.       ${cssText6c_input_panel_overflow}
  1124.  
  1125.     }
  1126.  
  1127.  
  1128.     @supports (overflow-anchor: auto) {
  1129.  
  1130.       .no-anchor * {
  1131.           overflow-anchor: none;
  1132.       }
  1133.       .no-anchor > item-anchor {
  1134.           overflow-anchor: auto;
  1135.       }
  1136.  
  1137.       item-anchor {
  1138.  
  1139.           height:1px;
  1140.           width: 100%;
  1141.           transform: scaleY(0.00001);
  1142.           transform-origin:0 0;
  1143.           contain: strict;
  1144.           opacity:0;
  1145.           display:flex;
  1146.           position:relative;
  1147.           flex-shrink:0;
  1148.           flex-grow:0;
  1149.           margin-bottom:0;
  1150.           overflow:hidden;
  1151.           box-sizing:border-box;
  1152.           visibility: visible;
  1153.           content-visibility: visible;
  1154.           contain-intrinsic-size: auto 1px;
  1155.           pointer-events:none !important;
  1156.  
  1157.       }
  1158.  
  1159.       #item-scroller.style-scope.yt-live-chat-item-list-renderer[class] {
  1160.           overflow-anchor: initial !important; /* whenever ENABLE_OVERFLOW_ANCHOR or not */
  1161.       }
  1162.  
  1163.       html item-anchor {
  1164.  
  1165.           height: 1px;
  1166.           width: 1px;
  1167.           top: auto;
  1168.           left: auto;
  1169.           right: auto;
  1170.           bottom: auto;
  1171.           transform: translateY(-1px);
  1172.           position: absolute;
  1173.           z-index: -1;
  1174.  
  1175.       }
  1176.  
  1177.     }
  1178.  
  1179.     @supports (color: var(--pre-rendering)) {
  1180.  
  1181.       @keyframes dontRenderAnimation {
  1182.           0% {
  1183.               background-position-x: 3px;
  1184.           }
  1185.           100% {
  1186.               background-position-x: 4px;
  1187.           }
  1188.       }
  1189.  
  1190.       .dont-render[class] {
  1191.           /* visibility: collapse !important; */
  1192.           /* visibility: collapse will make innerText become "" which conflicts with BetterStreamChat; see https://gf.qytechs.cn/scripts/469878/discussions/197267 */
  1193.  
  1194.           transform: scale(0.01) !important;
  1195.           transform: scale(0.00001) !important;
  1196.           transform: scale(0.0000001) !important;
  1197.           transform-origin: 0 0 !important;
  1198.           z-index: -1 !important;
  1199.           contain: strict !important;
  1200.           box-sizing: border-box !important;
  1201.  
  1202.           height: 1px !important;
  1203.           height: 0.1px !important;
  1204.           height: 0.01px !important;
  1205.           height: 0.0001px !important;
  1206.           height: 0.000001px !important;
  1207.  
  1208.           animation: dontRenderAnimation 1ms linear 80ms 1 normal forwards !important;
  1209.  
  1210.           pointer-events: none !important;
  1211.           user-select: none !important;
  1212.  
  1213.       }
  1214.  
  1215.       #sk35z {
  1216.         display: block !important;
  1217.  
  1218.         visibility: collapse !important;
  1219.  
  1220.         transform: scale(0.01) !important;
  1221.         transform: scale(0.00001) !important;
  1222.         transform: scale(0.0000001) !important;
  1223.         transform-origin: 0 0 !important;
  1224.         z-index: -1 !important;
  1225.         contain: strict !important;
  1226.         box-sizing: border-box !important;
  1227.  
  1228.         height: 1px !important;
  1229.         height: 0.1px !important;
  1230.         height: 0.01px !important;
  1231.         height: 0.0001px !important;
  1232.         height: 0.000001px !important;
  1233.  
  1234.         position: absolute !important;
  1235.         top: -1000px !important;
  1236.         left: -1000px !important;
  1237.  
  1238.       }
  1239.  
  1240.     }
  1241.  
  1242.     [rNgzQ] {
  1243.       opacity: 0 !important;
  1244.       pointer-events: none !important;
  1245.     }
  1246.  
  1247.  
  1248.     ${cssText10_show_more_blinker}
  1249.  
  1250.     ${cssText11_entire_message_clickable}
  1251.  
  1252.     ${cssText12_nowrap_tooltip}
  1253.  
  1254.     ${cssText13_no_text_select_when_menu_visible}
  1255.  
  1256.     ${cssText14_NO_FILTER_DROPDOWN_BORDER}
  1257.  
  1258.     ${cssText15_FIX_ANIMATION_TICKER_TEXT_POSITION}
  1259.  
  1260.     ${cssText16_FIX_AUTHOR_CHIP_BADGE_POSITION}
  1261.  
  1262.     ${cssText17_FIX_overwidth_banner_message}
  1263.  
  1264.     ${cssText18_REACTION_ANIMATION_PANEL_CSS_FIX}
  1265.  
  1266.     ${cssText19_FOR_ADVANCED_TICKING}
  1267.  
  1268.   `;
  1269.  
  1270.  
  1271.   const konsole = {
  1272.     nil: Symbol(),
  1273.     logs: [],
  1274.     style: '',
  1275.     log(...args) {
  1276.       konsole.logs.push({
  1277.         type: 'log',
  1278.         msg: [konsole.tag || konsole.nil, ...args, konsole.style || konsole.nil].filter(e => e !== konsole.nil)
  1279.       });
  1280.     },
  1281.     setTag(tag) {
  1282.       konsole.tag = tag;
  1283.     },
  1284.     setStyle(style) {
  1285.       konsole.style = style;
  1286.     },
  1287.     groupCollapsed(...args) {
  1288.  
  1289.       konsole.logs.push({
  1290.         type: 'groupCollapsed',
  1291.         msg: [...args].filter(e => e !== konsole.nil)
  1292.       });
  1293.     },
  1294.     groupEnd() {
  1295.  
  1296.       konsole.logs.push({
  1297.         type: 'groupEnd'
  1298.       })
  1299.     },
  1300.     print() {
  1301.       const copy = konsole.logs.slice(0);
  1302.       konsole.logs.length = 0;
  1303.       for (const { type, msg } of copy) {
  1304.         if (type === 'log') {
  1305.           console.log(...msg)
  1306.         } else if (type === 'groupCollapsed') {
  1307.  
  1308.           console.groupCollapsed(...msg)
  1309.         } else if (type === 'groupEnd') {
  1310.           console.groupEnd();
  1311.         }
  1312.  
  1313.       }
  1314.  
  1315.     }
  1316.   };
  1317.  
  1318.   /*
  1319.   konsole.groupCollapsedX = (text1, text2) => {
  1320.  
  1321.     if(!text2){
  1322.  
  1323.       konsole.groupCollapsed(`%c${text1}`,
  1324.       "background-color: #010502; color: #6acafe; font-weight: 700; padding: 2px;"
  1325.     );
  1326.     }else{
  1327.  
  1328.       konsole.groupCollapsed(`%c${text1}%c${text2}`,
  1329.       "background-color: #010502; color: #6acafe; font-weight: 700; padding: 2px;",
  1330.       "background-color: #010502; color: #6ad9fe; font-weight: 300; padding: 2px;"
  1331.     );
  1332.     }
  1333.   }
  1334.  
  1335.   konsole.groupCollapsedX('YouTube Super Fast Chat');
  1336.  
  1337.   setTimeout(()=>{
  1338.  
  1339.     konsole.setTag('[[Fonts Pre-Rendering]]');
  1340.     konsole.log(123);
  1341.     konsole.log('wsd',332, 'ssa');
  1342.     konsole.setTag('');
  1343.   }, 100);
  1344.  
  1345.   setTimeout(()=>{
  1346.  
  1347.     konsole.setTag('[[Fonts Pre-Rendering 2]]');
  1348.     konsole.log(123);
  1349.     konsole.log('wsd',332, 'ssa');
  1350.     konsole.setTag('');
  1351.   }, 300);
  1352.  
  1353.   setTimeout(()=>{
  1354.  
  1355.   konsole.groupEnd();
  1356.   konsole.print();
  1357.   }, 1000);
  1358.  
  1359.   */
  1360.  
  1361.   const win = typeof unsafeWindow !== 'undefined' ? unsafeWindow : (this instanceof Window ? this : window);
  1362.  
  1363.   // Create a unique key for the script and check if it is already running
  1364.   const hkey_script = 'mchbwnoasqph';
  1365.   if (win[hkey_script]) throw new Error('Duplicated Userscript Calling'); // avoid duplicated scripting
  1366.   win[hkey_script] = true;
  1367.  
  1368.   let unexpectedErr = "";
  1369.  
  1370.   if (!!ATTEMPT_ANIMATED_TICKER_BACKGROUND) {
  1371.  
  1372.     let te4 = setTimeout(() => { }); // dummy; skip timerId only;
  1373.     if (te4 < 3) {
  1374.       setTimeout(() => { });
  1375.       setTimeout(() => { });
  1376.     }
  1377.  
  1378.   }
  1379.  
  1380.   const firstKey = (obj) => {
  1381.     for (const key in obj) {
  1382.       if (obj.hasOwnProperty(key)) return key;
  1383.     }
  1384.     return null;
  1385.   }
  1386.  
  1387.   const firstObjectKey = (obj) => {
  1388.     for (const key in obj) {
  1389.       if (obj.hasOwnProperty(key) && typeof obj[key] === 'object') return key;
  1390.     }
  1391.     return null;
  1392.   }
  1393.  
  1394.   /**
  1395.  * Takes in a __SORTED__ array and inserts the provided value into
  1396.  * the correct, sorted, position.
  1397.  * > https://github.com/bhowell2/binary-insert-js/
  1398.  * @param array the sorted array where the provided value needs to be inserted (in order)
  1399.  * @param insertValue value to be added to the array
  1400.  * @param comparator function that helps determine where to insert the value (
  1401.  */
  1402.   function binaryInsert(array, insertValue, comparator) {
  1403.     let left = 0;
  1404.     let right = array.length;
  1405.  
  1406.     let z;
  1407.     // Directly return if array is empty or the insertValue should be at the end
  1408.     if (right === 0 || (z = comparator(array[right - 1], insertValue)) <= 0) {
  1409.       array.push(insertValue);
  1410.       return array;
  1411.     }
  1412.  
  1413.     // Check if the insertValue should be at the beginning
  1414.     if ((right === 1 ? z : comparator(array[0], insertValue)) >= 0) {
  1415.       array.unshift(insertValue);
  1416.       return array;
  1417.     }
  1418.     ++left; --right;
  1419.  
  1420.     // Main binary search loop to find the insertion position
  1421.     while (left < right) {
  1422.       const mid = Math.floor((right + left) / 2);
  1423.       const compared = comparator(array[mid], insertValue);
  1424.       if (compared < 0) {
  1425.         left = mid + 1;
  1426.       } else if (compared > 0) {
  1427.         right = mid;
  1428.       } else {
  1429.         // If equal, insert at the mid position
  1430.         left = right = mid;
  1431.         break;
  1432.       }
  1433.     }
  1434.  
  1435.     // Insertion is always at the right position due to the nature of the binary search
  1436.     array.splice(right, 0, insertValue);
  1437.     return array;
  1438.   }
  1439.  
  1440.  
  1441.  
  1442.  
  1443.   class LimitedSizeSet extends Set {
  1444.     constructor(n) {
  1445.       super();
  1446.       this.limit = n;
  1447.     }
  1448.  
  1449.     add(key) {
  1450.       if (!super.has(key)) {
  1451.         super.add(key);
  1452.         let n = super.size - this.limit;
  1453.         if (n > 0) {
  1454.           const iterator = super.values();
  1455.           do {
  1456.             const firstKey = iterator.next().value; // Get the first (oldest) key
  1457.             super.delete(firstKey); // Delete the oldest key
  1458.           } while (--n > 0)
  1459.         }
  1460.       }
  1461.     }
  1462.  
  1463.     removeAdd(key) {
  1464.       super.delete(key);
  1465.       this.add(key);
  1466.     }
  1467.  
  1468.   }
  1469.  
  1470.  
  1471.   class LimitedSizeMap extends Map {
  1472.     constructor(n) {
  1473.       super();
  1474.       this.limit = n;
  1475.     }
  1476.  
  1477.     set(key, val) {
  1478.       if (!super.has(key)) {
  1479.         super.set(key, val);
  1480.         let n = super.size - this.limit;
  1481.         if (n > 0) {
  1482.           const iterator = super.keys();
  1483.           do {
  1484.             const firstKey = iterator.next().value; // Get the first (oldest) key
  1485.             super.delete(firstKey); // Delete the oldest key
  1486.           } while (--n > 0)
  1487.         }
  1488.       }
  1489.     }
  1490.  
  1491.     removeSet(key, val) {
  1492.       super.delete(key);
  1493.       this.set(key, val);
  1494.     }
  1495.  
  1496.   }
  1497.  
  1498.   // function removeElementFromArray(arr, index) {
  1499.   //   if (index >= 0 && index < arr.length) {
  1500.   //     arr.splice(index, 1);
  1501.   //   }
  1502.   // }
  1503.  
  1504.   // function getRandomInt(a, b) {
  1505.   //   // Ensure that 'a' and 'b' are integers
  1506.   //   a = Math.ceil(a);
  1507.   //   b = Math.floor(b);
  1508.  
  1509.   //   // Generate a random integer in the range [a, b]
  1510.   //   return Math.floor(Math.random() * (b - a + 1)) + a;
  1511.   // }
  1512.  
  1513.   function deepCopy(obj, skipKeys) {
  1514.     skipKeys = skipKeys || [];
  1515.     if (!obj || typeof obj !== 'object') return obj;
  1516.     if (Array.isArray(obj)) {
  1517.       return obj.map(item => deepCopy(item, skipKeys));
  1518.     }
  1519.     const copy = {};
  1520.     for (let key in obj) {
  1521.       if (!skipKeys.includes(key)) {
  1522.         copy[key] = deepCopy(obj[key], skipKeys);
  1523.       }
  1524.     }
  1525.     return copy;
  1526.   }
  1527.  
  1528.   class Mutex {
  1529.  
  1530.     constructor() {
  1531.       this.p = Promise.resolve()
  1532.     }
  1533.  
  1534.     /**
  1535.      *  @param {(lockResolve: () => void)} f
  1536.      */
  1537.     lockWith(f) {
  1538.       this.p = this.p.then(() => new Promise(f).catch(console.warn))
  1539.     }
  1540.  
  1541.   }
  1542.  
  1543.   const PromiseExternal = ((resolve_, reject_) => {
  1544.     const h = (resolve, reject) => { resolve_ = resolve; reject_ = reject };
  1545.     return class PromiseExternal extends Promise {
  1546.       constructor(cb = h) {
  1547.         super(cb);
  1548.         if (cb === h) {
  1549.           /** @type {(value: any) => void} */
  1550.           this.resolve = resolve_;
  1551.           /** @type {(reason?: any) => void} */
  1552.           this.reject = reject_;
  1553.         }
  1554.       }
  1555.     };
  1556.   })();
  1557.  
  1558.  
  1559.   const createPipeline = () => {
  1560.     let pipelineMutex = Promise.resolve();
  1561.     const pipelineExecution = fn => {
  1562.       return new Promise((resolve, reject) => {
  1563.         pipelineMutex = pipelineMutex.then(async () => {
  1564.           let res;
  1565.           try {
  1566.             res = await fn();
  1567.           } catch (e) {
  1568.             console.log('error_F1', e);
  1569.             reject(e);
  1570.           }
  1571.           resolve(res);
  1572.         }).catch(console.warn);
  1573.       });
  1574.     };
  1575.     return pipelineExecution;
  1576.   };
  1577.  
  1578.   const tickerPE = createPipeline();
  1579.  
  1580.   /** @type {typeof PromiseExternal.prototype | null} */
  1581.   let relayPromise = null;
  1582.  
  1583.  
  1584.   /** @type {typeof PromiseExternal.prototype | null} */
  1585.   let onPlayStateChangePromise = null;
  1586.  
  1587.  
  1588.  
  1589.  
  1590.   const valAssign = (elm, attr, val) => {
  1591.     if (typeof val === 'number') val = val.toFixed(3);
  1592.     if (!(Math.abs(elm.style.getPropertyValue(attr) - val) < 1e-5)) {
  1593.       elm.style.setProperty(attr, val);
  1594.       return true;
  1595.     }
  1596.     return false;
  1597.   };
  1598.  
  1599.   let playEventsStack = Promise.resolve();
  1600.  
  1601.  
  1602.   let playerProgressChangedArg1 = null;
  1603.   let playerProgressChangedArg2 = null;
  1604.   let playerProgressChangedArg3 = null;
  1605.  
  1606.   let dntElementWeak = null;
  1607.  
  1608.  
  1609.   let timestampUnderLiveMode = false;
  1610.  
  1611.   const updateTickerCurrentTime = () => {
  1612.  
  1613.     if(resistanceUpdateDebugMode){
  1614.       console.log('updateTickerCurrentTime')
  1615.  
  1616.       if(!dntElementWeak || !kRef(dntElementWeak)) dntElementWeak = mWeakRef(document.querySelector('yt-live-chat-ticker-renderer'));
  1617.       timestampUnderLiveMode = true;
  1618.     }
  1619.  
  1620.     const dntElement = kRef(dntElementWeak);
  1621.     const v = timestampUnderLiveMode ? (Date.now() / 1000 - timeOriginDT / 1000) : playerProgressChangedArg1;
  1622.     if (dntElement instanceof HTMLElement && v >= 0) {
  1623.       valAssign(dntElement, '--ticker-current-time', v);
  1624.     }
  1625.   }
  1626.  
  1627.   // ================== FOR USE_ADVANCED_TICKING ================
  1628.  
  1629.   const timeOriginDT = +new Date(performance.timeOrigin);
  1630.   let startResistanceUpdaterStarted = false;
  1631.  
  1632.   const RESISTANCE_UPDATE_OPT = 3;
  1633.   let resistanceUpdateLast = 0;
  1634.   let resistanceUpdateBusy = false;
  1635.   let resistanceUpdateRetry = false;
  1636.   const resistanceUpdateDebugMode = false;
  1637.   const allBackgroundOverLays = document.getElementsByTagName('ticker-bg-overlay');
  1638.   const rgFlag = {};
  1639.   const resistanceUpdateFn = (b) => {
  1640.     if(b !== rgFlag && resistanceUpdateRetry === false) return;
  1641.     if (!resistanceUpdateDebugMode && allBackgroundOverLays.length === 0) return;
  1642.     resistanceUpdateBusy = false;
  1643.     const t = Date.now();
  1644.     const d = t - resistanceUpdateLast;
  1645.     if (d > 375) {
  1646.       resistanceUpdateLast = t;
  1647.       resistanceUpdateRetry = false;
  1648.       updateTickerCurrentTime();
  1649.     } else if (typeof requestIdleCallback === 'function') {
  1650.       resistanceUpdateRetry = true;
  1651.       requestIdleCallback(resistanceUpdateFn);
  1652.     } else {
  1653.       resistanceUpdateRetry = true;
  1654.       setTimeout(resistanceUpdateFn, d + 17);
  1655.     }
  1656.   }
  1657.   const resistanceUpdateFn_ = ()=>{
  1658.     if (!resistanceUpdateBusy) {
  1659.       resistanceUpdateBusy = true;
  1660.       resistanceUpdateRetry = false;
  1661.       Promise.resolve(rgFlag).then(resistanceUpdateFn);
  1662.     }
  1663.   }
  1664.   const startResistanceUpdater = () => {
  1665.  
  1666.     if (startResistanceUpdaterStarted) return;
  1667.     startResistanceUpdaterStarted = true;
  1668.  
  1669.  
  1670.     if (RESISTANCE_UPDATE_OPT & 1)
  1671.       document.addEventListener('yt-action', () => {
  1672.         resistanceUpdateFn_();
  1673.       }, true)
  1674.  
  1675.     if (RESISTANCE_UPDATE_OPT & 2)
  1676.       new MutationObserver(() => {
  1677.         resistanceUpdateFn_();
  1678.       }).observe(document, {
  1679.         subtree: true, childList: true, attributes: true
  1680.       });
  1681.     resistanceUpdateFn_();
  1682.   }
  1683.  
  1684.   if(resistanceUpdateDebugMode) startResistanceUpdater();
  1685.  
  1686.  
  1687.   function dr(s) {
  1688.     // reserved for future use
  1689.     return s;
  1690.     // return window.deWeakJS ? window.deWeakJS(s) : s;
  1691.   }
  1692.  
  1693.   const insp = o => o ? (o.polymerController || o.inst || o || 0) : (o || 0);
  1694.   const indr = o => insp(o).$ || o.$ || 0;
  1695.  
  1696.   const getProto = (element) => {
  1697.     if (element) {
  1698.       const cnt = insp(element);
  1699.       return cnt.constructor.prototype || null;
  1700.     }
  1701.     return null;
  1702.   }
  1703.  
  1704.  
  1705.  
  1706.   const logFn = (key, f) => {
  1707.     return Function.prototype.bind.call(console.log, console, `%c ${key}`, 'background: #222; color: #bada55', f);
  1708.   }
  1709.  
  1710.  
  1711.  
  1712.   const assertor = (f) => f() || (console.assert(false, f + ""), false);
  1713.  
  1714.   const fnIntegrity = (f, d) => {
  1715.  
  1716.  
  1717.     if (!f || typeof f !== 'function') {
  1718.       console.warn('f is not a function', f);
  1719.       return;
  1720.     }
  1721.     // return; // M44
  1722.     let p = `${f}`, s = 0, j = -1, w = 0;
  1723.     // return; // M44
  1724.     for (let i = 0, l = p.length; i < l; i++) {
  1725.       const t = p[i];
  1726.       if (((t >= 'a' && t <= 'z') || (t >= 'A' && t <= 'Z'))) {
  1727.         if (j < i - 1) w++;
  1728.         j = i;
  1729.       } else {
  1730.         s++;
  1731.       }
  1732.     }
  1733.     // if(p.length > 44 && p.length < 50){
  1734.  
  1735.     //   (window.skam|| (window.skam=[])).push(p);
  1736.     //   return false;
  1737.     // }
  1738.  
  1739.     //     if(p.length >  405 && p.length < 415 ){ //350 450
  1740.  
  1741.  
  1742.     //  //  [353, 411, 411, 411]
  1743.  
  1744.     //       // if(p.length >= 350 && p.length<=450){
  1745.  
  1746.     //       //   (window.skam|| (window.skam=[])).push(p.length);
  1747.     //       // }
  1748.     //       (window.skam|| (window.skam=[])).push(p);
  1749.     //       return false;
  1750.     //     }
  1751.  
  1752.     // if(p.length < 50) return true; else return false;
  1753.     // return; // M44
  1754.     let itz = `${f.length}.${s}.${w}`;
  1755.     if (!d) {
  1756.       return itz;
  1757.     } else if (itz !== d) {
  1758.       console.warn('fnIntegrity=false', itz);
  1759.       return false;
  1760.     } else {
  1761.       return true;
  1762.     }
  1763.   }
  1764.  
  1765.   const px2cm = (px) => px * window.devicePixelRatio * 0.026458333;
  1766.   const px2mm = (px) => px * window.devicePixelRatio * 0.26458333;
  1767.  
  1768.  
  1769.   ; (ENABLE_FLAGS_MAINTAIN_STABLE_LIST || ENABLE_FLAGS_REUSE_COMPONENTS || DISABLE_FLAGS_SHADYDOM_FREE) && (() => {
  1770.  
  1771.     const _config_ = () => {
  1772.       try {
  1773.         return ytcfg.data_;
  1774.       } catch (e) { }
  1775.       return null;
  1776.     };
  1777.  
  1778.     const flagsFn = (EXPERIMENT_FLAGS) => {
  1779.  
  1780.       // console.log(700)
  1781.  
  1782.       if (!EXPERIMENT_FLAGS) return;
  1783.  
  1784.       if (ENABLE_FLAGS_MAINTAIN_STABLE_LIST) {
  1785.         if (USE_MAINTAIN_STABLE_LIST_ONLY_WHEN_KS_FLAG_IS_SET ? EXPERIMENT_FLAGS.kevlar_should_maintain_stable_list === true : true) {
  1786.           // EXPERIMENT_FLAGS.kevlar_tuner_should_test_maintain_stable_list = true; // timestamp toggle issue
  1787.           EXPERIMENT_FLAGS.kevlar_should_maintain_stable_list = true;
  1788.           // console.log(701)
  1789.         }
  1790.       }
  1791.  
  1792.       if (ENABLE_FLAGS_REUSE_COMPONENTS) {
  1793.         EXPERIMENT_FLAGS.kevlar_tuner_should_test_reuse_components = true;
  1794.         EXPERIMENT_FLAGS.kevlar_tuner_should_reuse_components = true;
  1795.         // console.log(702);
  1796.       }
  1797.  
  1798.       if (DISABLE_FLAGS_SHADYDOM_FREE) {
  1799.         EXPERIMENT_FLAGS.enable_shadydom_free_scoped_node_methods = false;
  1800.         EXPERIMENT_FLAGS.enable_shadydom_free_scoped_query_methods = false;
  1801.         EXPERIMENT_FLAGS.enable_shadydom_free_scoped_readonly_properties_batch_one = false;
  1802.         EXPERIMENT_FLAGS.enable_shadydom_free_parent_node = false;
  1803.         EXPERIMENT_FLAGS.enable_shadydom_free_children = false;
  1804.         EXPERIMENT_FLAGS.enable_shadydom_free_last_child = false;
  1805.       }
  1806.  
  1807.       //   EXPERIMENT_FLAGS.enable_button_behavior_reuse = false;
  1808.  
  1809.     };
  1810.  
  1811.     const uf = (config_) => {
  1812.       config_ = config_ || _config_();
  1813.       if (config_) {
  1814.         const { EXPERIMENT_FLAGS, EXPERIMENTS_FORCED_FLAGS } = config_;
  1815.         if (EXPERIMENT_FLAGS) {
  1816.           flagsFn(EXPERIMENT_FLAGS);
  1817.           if (EXPERIMENTS_FORCED_FLAGS) flagsFn(EXPERIMENTS_FORCED_FLAGS);
  1818.         }
  1819.       }
  1820.     }
  1821.  
  1822.     window._ytConfigHacks.add((config_) => {
  1823.       uf(config_);
  1824.     });
  1825.  
  1826.     uf();
  1827.  
  1828.   })();
  1829.  
  1830.   if (DISABLE_Translation_By_Google) {
  1831.  
  1832.     let mo = new MutationObserver(() => {
  1833.  
  1834.       if (!mo) return;
  1835.       let h = document.head;
  1836.       if (!h) return;
  1837.       mo.disconnect();
  1838.       mo.takeRecords();
  1839.       mo = null;
  1840.  
  1841.       let meta = document.createElement('meta');
  1842.       meta.setAttribute('name', 'google');
  1843.       meta.setAttribute('content', 'notranslate');
  1844.       h.appendChild(meta);
  1845.  
  1846.  
  1847.     });
  1848.     mo.observe(document, { subtree: true, childList: true });
  1849.   }
  1850.  
  1851.  
  1852.   console.assert(MAX_ITEMS_FOR_TOTAL_DISPLAY > 0 && MAX_ITEMS_FOR_FULL_FLUSH > 0 && MAX_ITEMS_FOR_TOTAL_DISPLAY > MAX_ITEMS_FOR_FULL_FLUSH)
  1853.  
  1854.   const isContainSupport = CSS.supports('contain', 'layout paint style');
  1855.   if (!isContainSupport) {
  1856.     console.warn("Your browser does not support css property 'contain'.\nPlease upgrade to the latest version.".trim());
  1857.   }
  1858.  
  1859.   const isOverflowAnchorSupport = CSS.supports('overflow-anchor', 'auto');
  1860.   if (!isOverflowAnchorSupport) {
  1861.     console.warn("Your browser does not support css property 'overflow-anchor'.\nPlease upgrade to the latest version.".trim());
  1862.   }
  1863.  
  1864.   const ENABLE_OVERFLOW_ANCHOR = ENABLE_OVERFLOW_ANCHOR_PREFERRED && isOverflowAnchorSupport && ENABLE_NO_SMOOTH_TRANSFORM;
  1865.  
  1866.   let hasTimerModified = null;
  1867.   const DO_CHECK_TICKER_BACKGROUND_OVERRIDED = !!ATTEMPT_ANIMATED_TICKER_BACKGROUND || ENABLE_RAF_HACK_TICKERS;
  1868.  
  1869.   const fxOperator = (proto, propertyName) => {
  1870.     let propertyDescriptorGetter = null;
  1871.     try {
  1872.       propertyDescriptorGetter = Object.getOwnPropertyDescriptor(proto, propertyName).get;
  1873.     } catch (e) { }
  1874.     return typeof propertyDescriptorGetter === 'function' ? (e) => {
  1875.       try {
  1876.  
  1877.         return propertyDescriptorGetter.call(dr(e));
  1878.       } catch (e) { }
  1879.       return e[propertyName];
  1880.     } : (e) => e[propertyName];
  1881.   };
  1882.  
  1883.   const nodeParent = fxOperator(Node.prototype, 'parentNode');
  1884.   // const nFirstElem = fxOperator(HTMLElement.prototype, 'firstElementChild');
  1885.   const nPrevElem = fxOperator(HTMLElement.prototype, 'previousElementSibling');
  1886.   const nNextElem = fxOperator(HTMLElement.prototype, 'nextElementSibling');
  1887.   const nLastElem = fxOperator(HTMLElement.prototype, 'lastElementChild');
  1888.  
  1889.   const groupCollapsed = (text1, text2) => {
  1890.  
  1891.     let w = 'groupCollapsed';
  1892.     if (DEBUG_LOG_GROUP_EXPAND) w = 'group';
  1893.     console[w](`%c${text1}%c${text2}`,
  1894.       "background-color: #010502; color: #6acafe; font-weight: 700; padding: 2px;",
  1895.       "background-color: #010502; color: #6ad9fe; font-weight: 300; padding: 2px;"
  1896.     );
  1897.   }
  1898.  
  1899.   // const microNow = () => performance.now() + (performance.timeOrigin || performance.timing.navigationStart);
  1900.  
  1901.  
  1902.   const EVENT_KEY_ON_REGISTRY_READY = "ytI-ce-registry-created";
  1903.   const onRegistryReady = (callback) => {
  1904.     if (typeof customElements === 'undefined') {
  1905.       if (!('__CE_registry' in document)) {
  1906.         // https://github.com/webcomponents/polyfills/
  1907.         Object.defineProperty(document, '__CE_registry', {
  1908.           get() {
  1909.             // return undefined
  1910.           },
  1911.           set(nv) {
  1912.             if (typeof nv == 'object') {
  1913.               delete this.__CE_registry;
  1914.               this.__CE_registry = nv;
  1915.               this.dispatchEvent(new CustomEvent(EVENT_KEY_ON_REGISTRY_READY));
  1916.             }
  1917.             return true;
  1918.           },
  1919.           enumerable: false,
  1920.           configurable: true
  1921.         })
  1922.       }
  1923.       let eventHandler = (evt) => {
  1924.         document.removeEventListener(EVENT_KEY_ON_REGISTRY_READY, eventHandler, false);
  1925.         const f = callback;
  1926.         callback = null;
  1927.         eventHandler = null;
  1928.         f();
  1929.       };
  1930.       document.addEventListener(EVENT_KEY_ON_REGISTRY_READY, eventHandler, false);
  1931.     } else {
  1932.       callback();
  1933.     }
  1934.   };
  1935.  
  1936.   const promiseForCustomYtElementsReady = new Promise(onRegistryReady);
  1937.  
  1938.   const renderReadyPn = typeof ResizeObserver !== 'undefined' ? (sizingTarget) => {
  1939.  
  1940.     return new Promise(resolve => {
  1941.  
  1942.       let ro = new ResizeObserver(entries => {
  1943.         if (entries && entries.length >= 1) {
  1944.           resolve();
  1945.           ro.disconnect();
  1946.           ro = null;
  1947.         }
  1948.       });
  1949.       ro.observe(sizingTarget);
  1950.  
  1951.  
  1952.  
  1953.     });
  1954.  
  1955.   } : (sizingTarget) => {
  1956.  
  1957.  
  1958.     return new Promise(resolve => {
  1959.  
  1960.       let io = new IntersectionObserver(entries => {
  1961.         if (entries && entries.length >= 1) {
  1962.           resolve();
  1963.           io.disconnect();
  1964.           io = null;
  1965.         }
  1966.       });
  1967.       io.observe(sizingTarget);
  1968.  
  1969.  
  1970.  
  1971.     });
  1972.  
  1973.   };
  1974.  
  1975.   /* globals WeakRef:false */
  1976.  
  1977.   /** @type {(o: Object | null) => WeakRef | null} */
  1978.   const mWeakRef = typeof WeakRef === 'function' ? (o => o ? new WeakRef(o) : null) : (o => o || null);
  1979.  
  1980.   /** @type {(wr: Object | null) => Object | null} */
  1981.   const kRef = (wr => (wr && wr.deref) ? wr.deref() : wr);
  1982.  
  1983.   let getLCRDummyP_ = null;
  1984.   // lcrPromiseFn
  1985.   const getLCRDummy = () => {
  1986.     // direct createElement or createComponent_ will make the emoji rendering crashed. reason TBC
  1987.  
  1988.     return getLCRDummyP_ || (getLCRDummyP_ = Promise.all([customElements.whenDefined('yt-live-chat-app'), customElements.whenDefined('yt-live-chat-renderer')]).then(async () => {
  1989.  
  1990.       const tag = "yt-live-chat-renderer"
  1991.       let dummy = document.querySelector(tag);
  1992.       if (!dummy) {
  1993.  
  1994.         let mo = null;
  1995.  
  1996.         const ytLiveChatApp = document.querySelector('yt-live-chat-app') || document.createElement('yt-live-chat-app');
  1997.  
  1998.         const lcaProto = getProto(ytLiveChatApp);
  1999.         let fz38;
  2000.  
  2001.         let qt38=0;
  2002.         let bypass = false;
  2003.         
  2004.  
  2005.         dummy = await new Promise(resolve => {
  2006.  
  2007.  
  2008.           if (typeof lcaProto.createComponent_ === 'function' && !lcaProto.createComponent99_) {
  2009.             console.log('[yt-chat-lcr] lcaProto.createComponent_ is found');
  2010.  
  2011.             lcaProto.createComponent99_ = lcaProto.createComponent_;
  2012.             lcaProto.createComponent98_ = function (a, b, c) {
  2013.               // (3) ['yt-live-chat-renderer', {…}, true]
  2014.               const r = this.createComponent99_.apply(this, arguments);
  2015.               if (a === 'yt-live-chat-renderer' && !bypass) {
  2016.                 qt38 = 1;
  2017.                 resolve(r); // note: this dom is not yet adopted, but promise resolve is later than ops.
  2018.                 console.log('[yt-chat-lcr] element found by method 1');
  2019.               }
  2020.               return r;
  2021.             };
  2022.             lcaProto.createComponent_ = lcaProto.createComponent98_;
  2023.  
  2024.             if (!USE_OBTAIN_LCR_BY_BOTH_METHODS) return;
  2025.  
  2026.           }
  2027.  
  2028.           // console.log('[yt-chat] lcaProto traditional');
  2029.  
  2030.           const pz38 = document.getElementsByTagName(tag);
  2031.           fz38 = () => {
  2032.             const t = pz38[0]
  2033.             if (t) {
  2034.               qt38 = 2;
  2035.               resolve(t);
  2036.               console.log('[yt-chat-lcr] element found by method 2');
  2037.             }
  2038.           };
  2039.           mo = new MutationObserver(fz38);
  2040.           mo.observe(document, { subtree: true, childList: true, attributes: true });
  2041.           document.addEventListener('yt-action', fz38, true);
  2042.           fz38();
  2043.  
  2044.         });
  2045.  
  2046.         bypass = true;
  2047.  
  2048.         if (mo) {
  2049.           mo.disconnect();
  2050.           mo.takeRecords();
  2051.           mo = null;
  2052.         }
  2053.         if (fz38) {
  2054.           document.removeEventListener('yt-action', fz38, true);
  2055.           fz38 = null;
  2056.         }
  2057.         console.log(`[yt-chat-lcr] lcr appears, dom = ${document.getElementsByTagName(tag).length}, method = ${qt38}`);
  2058.  
  2059.  
  2060.         if (lcaProto.createComponent99_ && lcaProto.createComponent_ && lcaProto.createComponent98_ === lcaProto.createComponent_) {
  2061.           lcaProto.createComponent_ = lcaProto.createComponent99_;
  2062.           lcaProto.createComponent99_ = null;
  2063.           lcaProto.createComponent98_ = null;
  2064.         }
  2065.  
  2066.       } else {
  2067.         console.log('[yt-chat-lcr] lcr exists');
  2068.       }
  2069.       return dummy;
  2070.  
  2071.     }));
  2072.   }
  2073.  
  2074.  
  2075.   // keeps as alternative option
  2076.   let lcrPromise_ = null;
  2077.   const lcrPromiseFn = () => {
  2078.     if (lcrPromise_) return lcrPromise_;
  2079.     const pz38 = document.getElementsByTagName("yt-live-chat-renderer");
  2080.     const qz38 = new PromiseExternal();
  2081.     const fz38 = () => {
  2082.       if (pz38.length > 0) {
  2083.         qz38.resolve(() => (pz38[0] || document.createElement("yt-live-chat-renderer")));
  2084.         mo.disconnect();
  2085.         document.removeEventListener('yt-action', fz38, true);
  2086.       }
  2087.     };
  2088.     const mo = new MutationObserver(fz38);
  2089.     mo.observe(document, {
  2090.       subtree: true, childList: true, attributes: true
  2091.     });
  2092.     document.addEventListener('yt-action', fz38, true);
  2093.     fz38();
  2094.     return (lcrPromise_ = qz38);
  2095.   }
  2096.  
  2097.   const { addCssManaged } = (() => {
  2098.  
  2099.     const addFontPreRendering = () => {
  2100.  
  2101.       groupCollapsed("YouTube Super Fast Chat", " | Fonts Pre-Rendering");
  2102.  
  2103.       let efsContainer = document.createElement('elzm-fonts');
  2104.       efsContainer.id = 'elzm-fonts-yk75g'
  2105.  
  2106.       const arr = [];
  2107.       let p = document.createElement('elzm-font');
  2108.       arr.push(p);
  2109.  
  2110.       if (ENABLE_FONT_PRE_RENDERING & 1) {
  2111.         for (const size of [100, 200, 300, 400, 500, 600, 700, 800, 900]) {
  2112.  
  2113.           p = document.createElement('elzm-font');
  2114.           p.style.fontWeight = size;
  2115.           arr.push(p);
  2116.         }
  2117.       }
  2118.  
  2119.       if (ENABLE_FONT_PRE_RENDERING & 2) {
  2120.         for (const size of [100, 200, 300, 400, 500, 600, 700, 800, 900]) {
  2121.  
  2122.           p = document.createElement('elzm-font');
  2123.           p.style.fontFamily = 'Roboto';
  2124.           p.style.fontWeight = size;
  2125.           arr.push(p);
  2126.         }
  2127.       }
  2128.  
  2129.       if (ENABLE_FONT_PRE_RENDERING & 4) {
  2130.         for (const size of [100, 200, 300, 400, 500, 600, 700, 800, 900]) {
  2131.  
  2132.           p = document.createElement('elzm-font');
  2133.           p.style.fontFamily = '"YouTube Noto",Roboto,Arial,Helvetica,sans-serif';
  2134.           p.style.fontWeight = size;
  2135.           arr.push(p);
  2136.         }
  2137.       }
  2138.  
  2139.  
  2140.       if (ENABLE_FONT_PRE_RENDERING & 8) {
  2141.         for (const size of [100, 200, 300, 400, 500, 600, 700, 800, 900]) {
  2142.  
  2143.           p = document.createElement('elzm-font');
  2144.           p.style.fontFamily = '"Noto",Roboto,Arial,Helvetica,sans-serif';
  2145.           p.style.fontWeight = size;
  2146.           arr.push(p);
  2147.         }
  2148.       }
  2149.  
  2150.  
  2151.       if (ENABLE_FONT_PRE_RENDERING & 16) {
  2152.         for (const size of [100, 200, 300, 400, 500, 600, 700, 800, 900]) {
  2153.  
  2154.           p = document.createElement('elzm-font');
  2155.           p.style.fontFamily = 'sans-serif';
  2156.           p.style.fontWeight = size;
  2157.           arr.push(p);
  2158.         }
  2159.       }
  2160.  
  2161.       console.log('number of elzm-font elements', arr.length);
  2162.  
  2163.       HTMLElement.prototype.append.apply(efsContainer, arr);
  2164.  
  2165.       (document.body || document.documentElement).appendChild(efsContainer);
  2166.  
  2167.  
  2168.       console.log('elzm-font elements have been added to the page for rendering.');
  2169.  
  2170.       console.groupEnd();
  2171.  
  2172.     }
  2173.  
  2174.     let isCssAdded = false;
  2175.  
  2176.     function addCssElement() {
  2177.       let s = document.createElement('style');
  2178.       s.id = 'ewRvC';
  2179.       return s;
  2180.     }
  2181.  
  2182.     const addCssManaged = () => {
  2183.       if (!isCssAdded && document.documentElement && document.head) {
  2184.         isCssAdded = true;
  2185.         document.head.appendChild(dr(addCssElement())).textContent = addCss();
  2186.         if (ENABLE_FONT_PRE_RENDERING) {
  2187.           Promise.resolve().then(addFontPreRendering)
  2188.         }
  2189.       }
  2190.     }
  2191.  
  2192.     return { addCssManaged };
  2193.   })();
  2194.  
  2195.  
  2196.   const { setupStyle } = (() => {
  2197.  
  2198.     const sp7 = Symbol();
  2199.  
  2200.     const proxyHelperFn = (dummy) => ({
  2201.  
  2202.       get(target, prop) {
  2203.         return (prop in dummy) ? dummy[prop] : prop === sp7 ? target : target[prop];
  2204.       },
  2205.       set(target, prop, value) {
  2206.         if (!(prop in dummy)) {
  2207.           target[prop] = value;
  2208.         }
  2209.         return true;
  2210.       },
  2211.       has(target, prop) {
  2212.         return (prop in target);
  2213.       },
  2214.       deleteProperty(target, prop) {
  2215.         return true;
  2216.       },
  2217.       ownKeys(target) {
  2218.         return Object.keys(target);
  2219.       },
  2220.       defineProperty(target, key, descriptor) {
  2221.         return Object.defineProperty(target, key, descriptor);
  2222.       },
  2223.       getOwnPropertyDescriptor(target, key) {
  2224.         return Object.getOwnPropertyDescriptor(target, key);
  2225.       },
  2226.  
  2227.     });
  2228.  
  2229.     const setupStyle = (m1, m2) => {
  2230.       if (!ENABLE_NO_SMOOTH_TRANSFORM) return;
  2231.  
  2232.       const dummy1v = {
  2233.         transform: '',
  2234.         height: '',
  2235.         minHeight: '',
  2236.         paddingBottom: '',
  2237.         paddingTop: ''
  2238.       };
  2239.  
  2240.       const dummyStyleFn = (k) => (function () { const style = this[sp7]; return style[k](...arguments); });
  2241.       for (const k of ['toString', 'getPropertyPriority', 'getPropertyValue', 'item', 'removeProperty', 'setProperty']) {
  2242.         dummy1v[k] = dummyStyleFn(k);
  2243.       }
  2244.  
  2245.       const dummy1p = proxyHelperFn(dummy1v);
  2246.       const sp1v = new Proxy(m1.style, dummy1p);
  2247.       const sp2v = new Proxy(m2.style, dummy1p);
  2248.       Object.defineProperty(m1, 'style', { get() { return sp1v }, set() { }, enumerable: true, configurable: true });
  2249.       Object.defineProperty(m2, 'style', { get() { return sp2v }, set() { }, enumerable: true, configurable: true });
  2250.       m1.removeAttribute("style");
  2251.       m2.removeAttribute("style");
  2252.  
  2253.     }
  2254.  
  2255.     return { setupStyle };
  2256.  
  2257.   })();
  2258.  
  2259.  
  2260.  
  2261.   function setThumbnails(config) {
  2262.  
  2263.     const { baseObject, thumbnails, flag0, imageLinks } = config;
  2264.  
  2265.     if (flag0 || (ENABLE_PRELOAD_THUMBNAIL && imageLinks)) {
  2266.  
  2267.  
  2268.       if (thumbnails && thumbnails.length > 0) {
  2269.         if (flag0 > 0 && thumbnails.length > 1) {
  2270.           let pSize = 0;
  2271.           let newThumbnails = [];
  2272.           for (const thumbnail of thumbnails) {
  2273.             if (!thumbnail || !thumbnail.url) continue;
  2274.             const squarePhoto = thumbnail.width === thumbnail.height && typeof thumbnail.width === 'number';
  2275.             const condSize = pSize <= 0 || (flag0 === 1 ? pSize > thumbnail.width : pSize < thumbnail.width);
  2276.             const leastSizeFulfilled = squarePhoto ? thumbnail.width >= LEAST_IMAGE_SIZE : true;
  2277.             if ((!squarePhoto || condSize) && leastSizeFulfilled) {
  2278.               newThumbnails.push(thumbnail);
  2279.               if (imageLinks) imageLinks.add(thumbnail.url);
  2280.             }
  2281.             if (squarePhoto && condSize && leastSizeFulfilled) {
  2282.               pSize = thumbnail.width;
  2283.             }
  2284.           }
  2285.           if (thumbnails.length !== newThumbnails.length && thumbnails === baseObject.thumbnails && newThumbnails.length > 0) {
  2286.             baseObject.thumbnails = newThumbnails;
  2287.           } else {
  2288.             newThumbnails.length = 0;
  2289.           }
  2290.           newThumbnails = null;
  2291.         } else {
  2292.           for (const thumbnail of thumbnails) {
  2293.             if (thumbnail && thumbnail.url) {
  2294.               if (imageLinks) imageLinks.add(thumbnail.url);
  2295.             }
  2296.           }
  2297.         }
  2298.       }
  2299.  
  2300.     }
  2301.   }
  2302.  
  2303.   function fixLiveChatItem(item, imageLinks) {
  2304.     const liveChatTextMessageRenderer = (item || 0).liveChatTextMessageRenderer || 0;
  2305.     if (liveChatTextMessageRenderer) {
  2306.       const messageRuns = (liveChatTextMessageRenderer.message || 0).runs || 0;
  2307.       if (messageRuns && messageRuns.length > 0) {
  2308.         for (const run of messageRuns) {
  2309.           const emojiImage = (((run || 0).emoji || 0).image || 0);
  2310.           setThumbnails({
  2311.             baseObject: emojiImage,
  2312.             thumbnails: emojiImage.thumbnails,
  2313.             flag0: EMOJI_IMAGE_SINGLE_THUMBNAIL,
  2314.             imageLinks
  2315.           });
  2316.         }
  2317.       }
  2318.       const authorPhoto = liveChatTextMessageRenderer.authorPhoto || 0;
  2319.       setThumbnails({
  2320.         baseObject: authorPhoto,
  2321.         thumbnails: authorPhoto.thumbnails,
  2322.         flag0: AUTHOR_PHOTO_SINGLE_THUMBNAIL,
  2323.         imageLinks
  2324.       });
  2325.     }
  2326.   }
  2327.  
  2328.  
  2329.  
  2330.   let kptPF = null;
  2331.   const emojiPrefetched = new LimitedSizeSet(PREFETCH_LIMITED_SIZE_EMOJI);
  2332.   const authorPhotoPrefetched = new LimitedSizeSet(PREFETCH_LIMITED_SIZE_AUTHOR_PHOTO);
  2333.  
  2334.   function linker(link, rel, href, _as) {
  2335.     return new Promise(resolve => {
  2336.       if (!link) link = document.createElement('link');
  2337.       link.rel = rel;
  2338.       if (_as) link.setAttribute('as', _as);
  2339.       link.onload = function () {
  2340.         resolve({
  2341.           link: this,
  2342.           success: true
  2343.         })
  2344.         this.remove();
  2345.       };
  2346.       link.onerror = function () {
  2347.         resolve({
  2348.           link: this,
  2349.           success: false
  2350.         });
  2351.         this.remove();
  2352.       };
  2353.       link.href = href;
  2354.       document.head.appendChild(link);
  2355.       link = null;
  2356.     });
  2357.   }
  2358.  
  2359.  
  2360.  
  2361.   const cleanContext = async (win) => {
  2362.     const waitFn = requestAnimationFrame; // shall have been binded to window
  2363.     try {
  2364.       let mx = 16; // MAX TRIAL
  2365.       const frameId = 'vanillajs-iframe-v1';
  2366.       /** @type {HTMLIFrameElement | null} */
  2367.       let frame = document.getElementById(frameId);
  2368.       let removeIframeFn = null;
  2369.       if (!frame) {
  2370.         frame = document.createElement('iframe');
  2371.         frame.id = frameId;
  2372.         const blobURL = typeof webkitCancelAnimationFrame === 'function' && typeof kagi === 'undefined' ? (frame.src = URL.createObjectURL(new Blob([], { type: 'text/html' }))) : null; // avoid Brave Crash
  2373.         frame.sandbox = 'allow-same-origin'; // script cannot be run inside iframe but API can be obtained from iframe
  2374.         let n = document.createElement('noscript'); // wrap into NOSCRPIT to avoid reflow (layouting)
  2375.         n.appendChild(frame);
  2376.         while (!document.documentElement && mx-- > 0) await new Promise(waitFn); // requestAnimationFrame here could get modified by YouTube engine
  2377.         const root = document.documentElement;
  2378.         root.appendChild(n); // throw error if root is null due to exceeding MAX TRIAL
  2379.         if (blobURL) Promise.resolve().then(() => URL.revokeObjectURL(blobURL));
  2380.  
  2381.         removeIframeFn = (setTimeout) => {
  2382.           const removeIframeOnDocumentReady = (e) => {
  2383.             e && win.removeEventListener("DOMContentLoaded", removeIframeOnDocumentReady, false);
  2384.             e = n;
  2385.             n = win = removeIframeFn = 0;
  2386.             setTimeout ? setTimeout(() => e.remove(), 200) : e.remove();
  2387.           }
  2388.           if (!setTimeout || document.readyState !== 'loading') {
  2389.             removeIframeOnDocumentReady();
  2390.           } else {
  2391.             win.addEventListener("DOMContentLoaded", removeIframeOnDocumentReady, false);
  2392.           }
  2393.         }
  2394.       }
  2395.       while (!frame.contentWindow && mx-- > 0) await new Promise(waitFn);
  2396.       const fc = frame.contentWindow;
  2397.       if (!fc) throw "window is not found."; // throw error if root is null due to exceeding MAX TRIAL
  2398.       try {
  2399.         const { requestAnimationFrame, setTimeout, cancelAnimationFrame, setInterval, clearInterval, getComputedStyle } = fc;
  2400.         const res = { requestAnimationFrame, setTimeout, cancelAnimationFrame, setInterval, clearInterval, getComputedStyle };
  2401.         for (let k in res) res[k] = res[k].bind(win); // necessary
  2402.         if (removeIframeFn) Promise.resolve(res.setTimeout).then(removeIframeFn);
  2403.  
  2404.         /** @type {HTMLElement} */
  2405.         const HTMLElementProto = fc.HTMLElement.prototype;
  2406.         /** @type {EventTarget} */
  2407.         const EventTargetProto = fc.EventTarget.prototype;
  2408.         // jsonParseFix = {
  2409.         //   _JSON: fc.JSON, _parse: fc.JSON.parse
  2410.         // }
  2411.         return {
  2412.           ...res,
  2413.           animate: HTMLElementProto.animate,
  2414.           addEventListener: EventTargetProto.addEventListener,
  2415.           removeEventListener: EventTargetProto.removeEventListener
  2416.         };
  2417.       } catch (e) {
  2418.         if (removeIframeFn) removeIframeFn();
  2419.         return null;
  2420.       }
  2421.     } catch (e) {
  2422.       console.warn(e);
  2423.       return null;
  2424.     }
  2425.   };
  2426.  
  2427.  
  2428.   let xoIcjPr = null;
  2429.   window.addEventListener('message', (evt) => {
  2430.     if ((evt || 0).data === 'xoIcj' && xoIcjPr !== null) xoIcjPr.resolve();
  2431.   });
  2432.   const timelineResolve = async () => {
  2433.     if (xoIcjPr !== null) {
  2434.       await xoIcjPr.then();
  2435.       return;
  2436.     }
  2437.     xoIcjPr = new PromiseExternal();
  2438.     window.postMessage('xoIcj');
  2439.     await xoIcjPr.then();
  2440.     xoIcjPr = null;
  2441.   }
  2442.  
  2443.   cleanContext(win).then(__CONTEXT__ => {
  2444.     if (!__CONTEXT__) return null;
  2445.  
  2446.     const { requestAnimationFrame, setTimeout, cancelAnimationFrame, setInterval, clearInterval, animate, getComputedStyle, addEventListener, removeEventListener } = __CONTEXT__;
  2447.  
  2448.     const wmComputedStyle = new WeakMap();
  2449.     const getComputedStyleCached = (elem) => {
  2450.       let cs = wmComputedStyle.get(elem);
  2451.       if (!cs) {
  2452.         cs = getComputedStyle(elem);
  2453.         wmComputedStyle.set(elem, cs);
  2454.       }
  2455.       return cs;
  2456.     }
  2457.  
  2458.  
  2459.     const isGPUAccelerationAvailable = (() => {
  2460.       // https://gist.github.com/cvan/042b2448fcecefafbb6a91469484cdf8
  2461.       try {
  2462.         const canvas = document.createElement('canvas');
  2463.         return !!(canvas.getContext('webgl') || canvas.getContext('experimental-webgl'));
  2464.       } catch (e) {
  2465.         return false;
  2466.       }
  2467.     })();
  2468.  
  2469.     const foregroundPromiseFn_noGPU = (() => {
  2470.  
  2471.       if (isGPUAccelerationAvailable) return null;
  2472.  
  2473.       const pd = Object.getOwnPropertyDescriptor(Document.prototype, 'visibilityState');
  2474.       if (!pd || typeof pd.get !== 'function') return null;
  2475.       const pdGet = pd.get;
  2476.  
  2477.       let pr = null;
  2478.  
  2479.       let hState = pdGet.call(document) === 'hidden';
  2480.       // let cid = 0;
  2481.       pureAddEventListener.call(document, 'visibilitychange', (evt) => {
  2482.         const newHState = pdGet.call(document) === 'hidden';
  2483.         if (hState !== newHState) {
  2484.           // if (cid > 0) cid = clearInterval(cid);
  2485.           hState = newHState;
  2486.           if (!hState && pr) pr = pr.resolve();
  2487.         }
  2488.       });
  2489.  
  2490.       // cid = setInterval(() => {
  2491.       //   const newHState = document.visibilityState === 'hidden';
  2492.       //   if (hState !== newHState) {
  2493.       //     hState = newHState;
  2494.       //     if (!hState && pr) pr = pr.resolve();
  2495.       //   }
  2496.       // }, 100);
  2497.  
  2498.  
  2499.       return (() => {
  2500.         if (pr) return pr;
  2501.         const w = ((!hState && setTimeout(() => {
  2502.           if (!hState && pr === w) pr = pr.resolve();
  2503.         })), (pr = new PromiseExternal()));
  2504.         return w;
  2505.       });
  2506.  
  2507.     })();
  2508.  
  2509.     // window.foregroundPromiseFn_noGPU = foregroundPromiseFn_noGPU;
  2510.  
  2511.     let rafPromise = null;
  2512.     const getRafPromise = () => rafPromise || (rafPromise = new Promise(resolve => {
  2513.       requestAnimationFrame(hRes => {
  2514.         rafPromise = null;
  2515.         resolve(hRes);
  2516.       });
  2517.     }));
  2518.     const foregroundPromiseFn = foregroundPromiseFn_noGPU || getRafPromise;
  2519.  
  2520.     const iAFP = foregroundPromiseFn_noGPU ? foregroundPromiseFn_noGPU : typeof IntersectionObserver === 'undefined' ? getRafPromise : (() => {
  2521.  
  2522.       const ioWM = new WeakMap();
  2523.       const ek = Symbol();
  2524.       /** @type {IntersectionObserverCallback} */
  2525.       const ioCb = (entries, observer) => {
  2526.         /** @type {PromiseExternal} */
  2527.         const pr = observer[ek];
  2528.         const resolve = pr.resolve;
  2529.         let target;
  2530.         if (resolve && (target = ((entries ? entries[0] : 0) || 0).target) instanceof Element) {
  2531.           pr.resolve = null;
  2532.           observer.unobserve(target);
  2533.           resolve();
  2534.         }
  2535.       };
  2536.       /**
  2537.        *
  2538.        * @param {Element} elm
  2539.        * @returns {Promise<void>}
  2540.        */
  2541.       const iAFP = (elm) => {
  2542.         let io = ioWM.get(elm);
  2543.         if (!io) {
  2544.           io = new IntersectionObserver(ioCb);
  2545.           ioWM.set(elm, io); // strong reference
  2546.         }
  2547.         let pr = io[ek];
  2548.         if (!pr) {
  2549.           pr = io[ek] = new PromiseExternal();
  2550.           io.observe(elm);
  2551.         }
  2552.         return pr;
  2553.       }
  2554.  
  2555.       return iAFP;
  2556.  
  2557.     })();
  2558.  
  2559.     let playerState = null;
  2560.     let _playerState = null;
  2561.     let lastPlayerProgress = null;
  2562.     let relayCount = 0;
  2563.     let playerEventsByIframeRelay = false;
  2564.     let isPlayProgressTriggered = false;
  2565.     let waitForInitialDataCompletion = 0;
  2566.  
  2567.  
  2568.  
  2569.     let aeConstructor = null;
  2570.  
  2571.     // << __openedChanged82 >>
  2572.     let currentMenuPivotWR = null;
  2573.  
  2574.     // << if DO_PARTICIPANT_LIST_HACKS >>
  2575.     const beforeParticipantsMap = new WeakMap();
  2576.     // << end >>
  2577.  
  2578.  
  2579.  
  2580.     // << if onRegistryReadyForDOMOperations >>
  2581.  
  2582.     let dt0 = Date.now() - 2000;
  2583.     const dateNow = () => Date.now() - dt0;
  2584.     // let lastScroll = 0;
  2585.     // let lastLShow = 0;
  2586.     let lastWheel = 0;
  2587.     let lastMouseDown = 0;
  2588.     let lastMouseUp = 0;
  2589.     let currentMouseDown = false;
  2590.     let lastTouchDown = 0;
  2591.     let lastTouchUp = 0;
  2592.     let currentTouchDown = false;
  2593.     let lastUserInteraction = 0;
  2594.  
  2595.     let scrollChatFn = null;
  2596.  
  2597.     let skipDontRender = true; // true first; false by flushActiveItems_
  2598.     let allowDontRender = null;
  2599.  
  2600.     // ---- #items mutation ----
  2601.     let sk35zResolveFn = null;
  2602.     let firstList = true;
  2603.  
  2604.     // << end >>
  2605.  
  2606.     class RAFHub {
  2607.       constructor() {
  2608.         /** @type {number} */
  2609.         this.startAt = 8170;
  2610.         /** @type {number} */
  2611.         this.counter = 0;
  2612.         /** @type {number} */
  2613.         this.rid = 0;
  2614.         /** @type {Map<number, FrameRequestCallback>} */
  2615.         this.funcs = new Map();
  2616.         const funcs = this.funcs;
  2617.         /** @type {FrameRequestCallback} */
  2618.         this.bCallback = this.mCallback.bind(this);
  2619.         this.pClear = () => funcs.clear();
  2620.         this.keepRAF = false;
  2621.       }
  2622.       /** @param {DOMHighResTimeStamp} highResTime */
  2623.       mCallback(highResTime) {
  2624.         this.rid = 0;
  2625.         Promise.resolve().then(this.pClear);
  2626.         this.funcs.forEach(func => Promise.resolve(highResTime).then(func).catch(console.warn));
  2627.       }
  2628.       /** @param {FrameRequestCallback} f */
  2629.       request(f) {
  2630.         if (this.counter > 1e9) this.counter = 9;
  2631.         let cid = this.startAt + (++this.counter);
  2632.         this.funcs.set(cid, f);
  2633.         if (this.rid === 0) this.rid = requestAnimationFrame(this.bCallback);
  2634.         return cid;
  2635.       }
  2636.       /** @param {number} cid */
  2637.       cancel(cid) {
  2638.         cid = +cid;
  2639.         if (cid > 0) {
  2640.           if (cid <= this.startAt) {
  2641.             return cancelAnimationFrame(cid);
  2642.           }
  2643.           if (this.rid > 0) {
  2644.             this.funcs.delete(cid);
  2645.             if (this.funcs.size === 0 && !this.keepRAF) {
  2646.               cancelAnimationFrame(this.rid);
  2647.               this.rid = 0;
  2648.             }
  2649.           }
  2650.         }
  2651.       }
  2652.     }
  2653.  
  2654.     function basePrefetching() {
  2655.  
  2656.       new Promise(resolve => {
  2657.  
  2658.         if (document.readyState !== 'loading') {
  2659.           resolve();
  2660.         } else {
  2661.           win.addEventListener("DOMContentLoaded", resolve, false);
  2662.         }
  2663.  
  2664.       }).then(() => {
  2665.         const hostL1 = [
  2666.           'https://www.youtube.com', 'https://googlevideo.com',
  2667.           'https://googleapis.com', 'https://accounts.youtube.com',
  2668.           'https://www.gstatic.com', 'https://ggpht.com',
  2669.           'https://yt3.ggpht.com', 'https://yt4.ggpht.com'
  2670.         ];
  2671.  
  2672.         const hostL2 = [
  2673.           'https://youtube.com',
  2674.           'https://fonts.googleapis.com', 'https://fonts.gstatic.com'
  2675.         ];
  2676.  
  2677.         let link = null;
  2678.  
  2679.         function kn() {
  2680.  
  2681.           link = document.createElement('link');
  2682.           if (link.relList && link.relList.supports) {
  2683.             kptPF = (link.relList.supports('dns-prefetch') ? 1 : 0) + (link.relList.supports('preconnect') ? 2 : 0) + (link.relList.supports('prefetch') ? 4 : 0) + (link.relList.supports('subresource') ? 8 : 0) + (link.relList.supports('preload') ? 16 : 0)
  2684.           } else {
  2685.             kptPF = 0;
  2686.           }
  2687.  
  2688.           groupCollapsed("YouTube Super Fast Chat", " | PREFETCH SUPPORTS");
  2689.           if (ENABLE_BASE_PREFETCHING) console.log('dns-prefetch', (kptPF & 1) ? 'OK' : 'NG');
  2690.           if (ENABLE_BASE_PREFETCHING) console.log('preconnect', (kptPF & 2) ? 'OK' : 'NG');
  2691.           if (ENABLE_PRELOAD_THUMBNAIL) console.log('prefetch', (kptPF & 4) ? 'OK' : 'NG');
  2692.           // console.log('subresource', (kptPF & 8) ? 'OK' : 'NG');
  2693.           if (ENABLE_PRELOAD_THUMBNAIL) console.log('preload', (kptPF & 16) ? 'OK' : 'NG');
  2694.           console.groupEnd();
  2695.  
  2696.         }
  2697.  
  2698.         for (const h of hostL1) {
  2699.  
  2700.           if (kptPF === null) kn();
  2701.           if (ENABLE_BASE_PREFETCHING) {
  2702.             // if (kptPF & 1) {
  2703.             //   linker(link, 'dns-prefetch', h);
  2704.             //   link = null;
  2705.             // }
  2706.             if (kptPF & 2) {
  2707.               linker(link, 'preconnect', h);
  2708.               link = null;
  2709.             }
  2710.           }
  2711.         }
  2712.  
  2713.         for (const h of hostL2) {
  2714.           if (kptPF === null) kn();
  2715.           if (ENABLE_BASE_PREFETCHING) {
  2716.             if (kptPF & 1) {
  2717.               linker(link, 'dns-prefetch', h);
  2718.               link = null;
  2719.             }
  2720.           }
  2721.         }
  2722.  
  2723.       })
  2724.  
  2725.  
  2726.     }
  2727.  
  2728.     if (DO_LINK_PREFETCH) basePrefetching();
  2729.  
  2730.     const { notifyPath7081 } = (() => {
  2731.       // DO_PARTICIPANT_LIST_HACKS
  2732.  
  2733.       const mutexParticipants = new Mutex();
  2734.  
  2735.       let uvid = 0;
  2736.       let r95dm = 0;
  2737.       let c95dm = -1;
  2738.  
  2739.       const foundMap = (base, content) => {
  2740.         /*
  2741.           let lastSearch = 0;
  2742.           let founds = base.map(baseEntry => {
  2743.             let search = content.indexOf(baseEntry, lastSearch);
  2744.             if (search < 0) return false;
  2745.             lastSearch = search + 1;
  2746.             return true;
  2747.           });
  2748.           return founds;
  2749.         */
  2750.         const contentSet = new Set(content);
  2751.         return base.map(baseEntry => contentSet.has(baseEntry));
  2752.  
  2753.       }
  2754.  
  2755.  
  2756.  
  2757.       let participantsForSpliceWR = null;
  2758.  
  2759.       class IndexSpliceEntry {
  2760.         /**
  2761.          *
  2762.          * @param {number} _index
  2763.          * @param {number} _addedCount
  2764.          * @param {any[]} _removed
  2765.          */
  2766.         constructor(_index, _addedCount, _removed) {
  2767.           this.index = _index;
  2768.           this.addedCount = _addedCount;
  2769.           this.removed = _removed;
  2770.         }
  2771.         get __proxy312__() {
  2772.           return 1
  2773.         }
  2774.         get type() {
  2775.           return 'splice'
  2776.         }
  2777.         get object() {
  2778.           return kRef(participantsForSpliceWR); // avoid memory leakage
  2779.         }
  2780.       }
  2781.  
  2782.       const spliceIndicesFunc = (beforeParticipants, participants, idsBefore, idsAfter) => {
  2783.  
  2784.         let foundsForAfter = foundMap(idsAfter, idsBefore);
  2785.         let foundsForBefore = foundMap(idsBefore, idsAfter);
  2786.  
  2787.         const nAfter = foundsForAfter.length;
  2788.         const nBefore = foundsForBefore.length;
  2789.  
  2790.         const indexSplices = [];
  2791.         const contentUpdates = [];
  2792.         participantsForSpliceWR = null;
  2793.         for (let i = 0, j = 0; i < nBefore || j < nAfter;) {
  2794.           if (beforeParticipants[i] === participants[j]) {
  2795.             i++; j++;
  2796.           } else if (idsBefore[i] === idsAfter[j]) {
  2797.             // content changed
  2798.             contentUpdates.push({ indexI: i, indexJ: j })
  2799.             i++; j++;
  2800.           } else {
  2801.             let addedCount = 0;
  2802.             for (let q = j; q < nAfter; q++) {
  2803.               if (foundsForAfter[q] === false) addedCount++;
  2804.               else break;
  2805.             }
  2806.             let removedCount = 0;
  2807.             for (let q = i; q < nBefore; q++) {
  2808.               if (foundsForBefore[q] === false) removedCount++;
  2809.               else break;
  2810.             }
  2811.             if (!addedCount && !removedCount) {
  2812.               throw 'ERROR(0xFF32): spliceIndicesFunc';
  2813.             }
  2814.             const entry = new IndexSpliceEntry(
  2815.               j,
  2816.               addedCount,
  2817.               removedCount >= 1 ? beforeParticipants.slice(i, i + removedCount) : []
  2818.             );
  2819.             indexSplices.push(entry);
  2820.             i += removedCount;
  2821.             j += addedCount;
  2822.           }
  2823.         }
  2824.         foundsForBefore = null;
  2825.         foundsForAfter = null;
  2826.         idsBefore = null;
  2827.         idsAfter = null;
  2828.         beforeParticipants = null;
  2829.         participantsForSpliceWR = indexSplices.length > 0 ? mWeakRef(participants) : null;
  2830.         participants = null;
  2831.         return { indexSplices, contentUpdates };
  2832.  
  2833.       }
  2834.  
  2835.       /*
  2836.  
  2837.       customElements.get("yt-live-chat-participant-renderer").prototype.notifyPath=function(){  console.log(123);  console.log(new Error().stack)}
  2838.  
  2839.       VM63631:1 Error
  2840.       at customElements.get.notifyPath (<anonymous>:1:122)
  2841.       at e.forwardRendererStamperChanges_ (live_chat_polymer.js:4453:35)
  2842.       at e.rendererStamperApplyChangeRecord_ (live_chat_polymer.js:4451:12)
  2843.       at e.rendererStamperObserver_ (live_chat_polymer.js:4448:149)
  2844.       at Object.pu [as fn] (live_chat_polymer.js:1692:118)
  2845.       at ju (live_chat_polymer.js:1674:217)
  2846.       at a._propertiesChanged (live_chat_polymer.js:1726:122)
  2847.       at b._flushProperties (live_chat_polymer.js:1597:200)
  2848.       at a._invalidateProperties (live_chat_polymer.js:1718:69)
  2849.       at a.notifyPath (live_chat_polymer.js:1741:182)
  2850.  
  2851.       */
  2852.  
  2853.       function convertToIds(participants) {
  2854.         return participants.map(participant => {
  2855.           if (!participant || typeof participant !== 'object') {
  2856.             console.warn('Error(0xFA41): convertToIds', participant);
  2857.             return participant; // just in case
  2858.           }
  2859.           let keys = Object.keys(participant);
  2860.           // liveChatTextMessageRenderer
  2861.           // liveChatParticipantRenderer - livestream channel owner [no authorExternalChannelId]
  2862.           // liveChatPaidMessageRenderer
  2863.           /*
  2864.  
  2865.             'yt-live-chat-participant-renderer' utilizes the following:
  2866.             authorName.simpleText: string
  2867.             authorPhoto.thumbnails: Object{url:string, width:int, height:int} []
  2868.             authorBadges[].liveChatAuthorBadgeRenderer.icon.iconType: string
  2869.             authorBadges[].liveChatAuthorBadgeRenderer.tooltip: string
  2870.             authorBadges[].liveChatAuthorBadgeRenderer.accessibility.accessibilityData: Object{label:string}
  2871.  
  2872.           */
  2873.           if (keys.length !== 1) {
  2874.             console.warn('Error(0xFA42): convertToIds', participant);
  2875.             return participant; // just in case
  2876.           }
  2877.           let key = keys[0];
  2878.           let renderer = (participant[key] || 0);
  2879.           let authorName = (renderer.authorName || 0);
  2880.           let text = `${authorName.simpleText || authorName.text}`
  2881.           let res = participant; // fallback if it is not a vaild entry
  2882.           if (typeof text !== 'string') {
  2883.             console.warn('Error(0xFA53): convertToIds', participant);
  2884.           } else {
  2885.             text = `${renderer.authorExternalChannelId || 'null'}|${text || ''}`;
  2886.             if (text.length > 1) res = text;
  2887.           }
  2888.           return res;
  2889.           // return renderer?`${renderer.id}|${renderer.authorExternalChannelId}`: '';
  2890.           // note: renderer.id will be changed if the user typed something to trigger the update of the participants' record.
  2891.         });
  2892.       }
  2893.  
  2894.       const checkChangeToParticipantRendererContent = CHECK_CHANGE_TO_PARTICIPANT_RENDERER_CONTENT ? (p1, p2) => {
  2895.         // just update when content is changed.
  2896.         if (p1.authorName !== p2.authorName) return true;
  2897.         if (p1.authorPhoto !== p2.authorPhoto) return true;
  2898.         if (p1.authorBadges !== p2.authorBadges) return true;
  2899.         return false;
  2900.       } : (p1, p2) => {
  2901.         // keep integrity all the time.
  2902.         return p1 !== p2; // always true
  2903.       }
  2904.  
  2905.       function notifyPath7081(path) { // cnt "yt-live-chat-participant-list-renderer"
  2906.  
  2907.         if (PARTICIPANT_UPDATE_ONLY_ONLY_IF_MODIFICATION_DETECTED) {
  2908.           if (path !== "participantsManager.participants") {
  2909.             return this.__notifyPath5036__.apply(this, arguments);
  2910.           }
  2911.           if (c95dm === r95dm) return;
  2912.         } else {
  2913.           const stack = new Error().stack;
  2914.           if (path !== "participantsManager.participants" || stack.indexOf('.onParticipantsChanged') < 0) {
  2915.             return this.__notifyPath5036__.apply(this, arguments);
  2916.           }
  2917.         }
  2918.  
  2919.         if (uvid > 1e8) uvid = uvid % 100;
  2920.         let tid = ++uvid;
  2921.  
  2922.  
  2923.         // const cnt = this; // "yt-live-chat-participant-list-renderer"
  2924.  
  2925.         const wNode = mWeakRef(this);
  2926.  
  2927.         mutexParticipants.lockWith(lockResolve => {
  2928.  
  2929.           const cnt = kRef(wNode);
  2930.  
  2931.           const participants00 = (((cnt || 0).participantsManager || 0).participants || 0);
  2932.  
  2933.           if (tid !== uvid || !cnt || typeof (participants00 || 0).splice !== 'function') {
  2934.             lockResolve();
  2935.             return;
  2936.           }
  2937.  
  2938.           let doUpdate = false;
  2939.  
  2940.           if (PARTICIPANT_UPDATE_ONLY_ONLY_IF_MODIFICATION_DETECTED) {
  2941.  
  2942.             if (!participants00.r94dm) {
  2943.               participants00.r94dm = 1;
  2944.               if (++r95dm > 1e9) r95dm = 9;
  2945.               participants00.push = function () {
  2946.                 if (++r95dm > 1e9) r95dm = 9;
  2947.                 return Array.prototype.push.apply(this, arguments);
  2948.               }
  2949.               participants00.pop = function () {
  2950.                 if (++r95dm > 1e9) r95dm = 9;
  2951.                 return Array.prototype.pop.apply(this, arguments);
  2952.               }
  2953.               participants00.shift = function () {
  2954.                 if (++r95dm > 1e9) r95dm = 9;
  2955.                 return Array.prototype.shift.apply(this, arguments);
  2956.               }
  2957.               participants00.unshift = function () {
  2958.                 if (++r95dm > 1e9) r95dm = 9;
  2959.                 return Array.prototype.unshift.apply(this, arguments);
  2960.               }
  2961.               participants00.splice = function () {
  2962.                 if (++r95dm > 1e9) r95dm = 9;
  2963.                 return Array.prototype.splice.apply(this, arguments);
  2964.               }
  2965.               participants00.sort = function () {
  2966.                 if (++r95dm > 1e9) r95dm = 9;
  2967.                 return Array.prototype.sort.apply(this, arguments);
  2968.               }
  2969.               participants00.reverse = function () {
  2970.                 if (++r95dm > 1e9) r95dm = 9;
  2971.                 return Array.prototype.reverse.apply(this, arguments);
  2972.               }
  2973.             }
  2974.  
  2975.             if (c95dm !== r95dm) {
  2976.               c95dm = r95dm;
  2977.               doUpdate = true;
  2978.             }
  2979.  
  2980.           } else {
  2981.             doUpdate = true;
  2982.           }
  2983.  
  2984.           if (!doUpdate) {
  2985.             lockResolve();
  2986.             return;
  2987.           }
  2988.  
  2989.           const participants = participants00.slice(0);
  2990.           const beforeParticipants = beforeParticipantsMap.get(cnt) || [];
  2991.           beforeParticipantsMap.set(cnt, participants);
  2992.  
  2993.           const resPromise = (async () => {
  2994.  
  2995.             if (beforeParticipants.length === 0) {
  2996.               // not error
  2997.               return 0;
  2998.             }
  2999.  
  3000.             let countOfElements = cnt.__getAllParticipantsDOMRenderedLength__()
  3001.  
  3002.             // console.log(participants.length, doms.length) // different if no requestAnimationFrame
  3003.             if (beforeParticipants.length !== countOfElements) {
  3004.               // there is somewrong for the cache. - sometimes happen
  3005.               return 0;
  3006.             }
  3007.  
  3008.             const idsBefore = convertToIds(beforeParticipants);
  3009.             const idsAfter = convertToIds(participants);
  3010.  
  3011.             let { indexSplices, contentUpdates } = spliceIndicesFunc(beforeParticipants, participants, idsBefore, idsAfter);
  3012.  
  3013.             let res = 1; // default 1 for no update
  3014.  
  3015.             if (indexSplices.length >= 1) {
  3016.  
  3017.  
  3018.               // let p2 =  participants.slice(indexSplices[0].index, indexSplices[0].index+indexSplices[0].addedCount);
  3019.               // let p1 = indexSplices[0].removed;
  3020.               // console.log(indexSplices.length, indexSplices ,p1,p2,  convertToIds(p1),convertToIds(p2))
  3021.  
  3022.               /* folllow
  3023.                   a.notifyPath(c + ".splices", d);
  3024.                   a.notifyPath(c + ".length", b.length);
  3025.               */
  3026.               // stampDomArraySplices_
  3027.  
  3028.  
  3029.               await new Promise(resolve => {
  3030.                 cnt.resolveForDOMRendering781 = resolve;
  3031.  
  3032.                 cnt.__notifyPath5036__("participantsManager.participants.splices", {
  3033.                   indexSplices
  3034.                 });
  3035.                 indexSplices = null;
  3036.                 participantsForSpliceWR = null;
  3037.                 cnt.__notifyPath5036__("participantsManager.participants.length",
  3038.                   participants.length
  3039.                 );
  3040.  
  3041.               });
  3042.  
  3043.               // play safe for the change of 'length'
  3044.               if (typeof nextBrowserTick !== 'function') {
  3045.                 await Promise.resolve(0);
  3046.               } else {
  3047.                 await new Promise(resolve => nextBrowserTick(resolve)).then();
  3048.               }
  3049.  
  3050.               countOfElements = cnt.__getAllParticipantsDOMRenderedLength__();
  3051.  
  3052.               const wrongSize = participants.length !== countOfElements
  3053.               if (wrongSize) {
  3054.                 console.warn("ERROR(0xE2C3): notifyPath7081", beforeParticipants.length, participants.length, doms.length)
  3055.                 return 0;
  3056.               }
  3057.  
  3058.               res = 2 | 4;
  3059.  
  3060.             } else {
  3061.  
  3062.               indexSplices = null;
  3063.               participantsForSpliceWR = null;
  3064.  
  3065.               if (participants.length !== countOfElements) {
  3066.                 // other unhandled cases
  3067.                 return 0;
  3068.               }
  3069.  
  3070.             }
  3071.  
  3072.             // participants.length === countOfElements before contentUpdates
  3073.             if (contentUpdates.length >= 1) {
  3074.               for (const contentUpdate of contentUpdates) {
  3075.                 let isChanged = checkChangeToParticipantRendererContent(beforeParticipants[contentUpdate.indexI], participants[contentUpdate.indexJ]);
  3076.                 if (isChanged) {
  3077.                   cnt.__notifyPath5036__(`participantsManager.participants[${contentUpdate.indexJ}]`);
  3078.                   res |= 4 | 8;
  3079.                 }
  3080.               }
  3081.             }
  3082.             contentUpdates = null;
  3083.  
  3084.             return res;
  3085.  
  3086.  
  3087.           })();
  3088.  
  3089.  
  3090.           resPromise.then(resValue => {
  3091.  
  3092.             const isLogRequired = SHOW_PARTICIPANT_CHANGES_IN_CONSOLE && ((resValue === 0) || ((resValue & 4) === 4));
  3093.             isLogRequired && groupCollapsed("Participant List Change", `tid = ${tid}; res = ${resValue}`);
  3094.             if (resValue === 0) {
  3095.               new Promise(resolve => {
  3096.                 cnt.resolveForDOMRendering781 = resolve;
  3097.                 isLogRequired && console.log("Full Refresh begins");
  3098.                 cnt.__notifyPath5036__("participantsManager.participants"); // full refresh
  3099.               }).then(() => {
  3100.                 isLogRequired && console.log("Full Refresh ends");
  3101.                 console.groupEnd();
  3102.               }).then(lockResolve);
  3103.               return;
  3104.             }
  3105.  
  3106.             const delayLockResolve = (resValue & 4) === 4;
  3107.  
  3108.             if (delayLockResolve) {
  3109.               isLogRequired && console.log(`Number of participants (before): ${beforeParticipants.length}`);
  3110.               isLogRequired && console.log(`Number of participants (after): ${participants.length}`);
  3111.               isLogRequired && console.log(`Total number of rendered participants: ${cnt.__getAllParticipantsDOMRenderedLength__()}`);
  3112.               isLogRequired && console.log(`Participant Renderer Content Updated: ${(resValue & 8) === 8}`);
  3113.               isLogRequired && console.groupEnd();
  3114.               // requestAnimationFrame is required to avoid particiant update during DOM changing (stampDomArraySplices_)
  3115.               // mutex lock with requestAnimationFrame can also disable participants update in background
  3116.               requestAnimationFrame(lockResolve);
  3117.             } else {
  3118.               lockResolve();
  3119.             }
  3120.  
  3121.           });
  3122.  
  3123.         });
  3124.  
  3125.       }
  3126.  
  3127.       return { notifyPath7081 };
  3128.  
  3129.     })();
  3130.  
  3131.     const whenDefinedMultiple = async (tags) => {
  3132.  
  3133.       const sTags = [...new Set(tags)];
  3134.       const len = sTags.length;
  3135.  
  3136.       const pTags = new Array(len);
  3137.       for (let i = 0; i < len; i++) {
  3138.         pTags[i] = customElements.whenDefined(sTags[i]);
  3139.       }
  3140.  
  3141.       await Promise.all(pTags);
  3142.       pTags.length = 0;
  3143.  
  3144.       return sTags;
  3145.  
  3146.     }
  3147.  
  3148.     const onRegistryReadyForDataManipulation = () => {
  3149.  
  3150.       function dummy5035(a, b, c) { }
  3151.       function dummy411(a, b, c) { }
  3152.  
  3153.  
  3154.  
  3155.       customElements.whenDefined("yt-live-chat-participant-list-renderer").then(() => {
  3156.  
  3157.         if (!DO_PARTICIPANT_LIST_HACKS) return;
  3158.  
  3159.         const tag = "yt-live-chat-participant-list-renderer";
  3160.         const cProto = getProto(document.createElement(tag));
  3161.         if (!cProto || typeof cProto.attached !== 'function') {
  3162.           // for _registered, proto.attached shall exist when the element is defined.
  3163.           // for controller extraction, attached shall exist when instance creates.
  3164.           console.warn(`proto.attached for ${tag} is unavailable.`);
  3165.           return;
  3166.         }
  3167.  
  3168.  
  3169.         groupCollapsed("YouTube Super Fast Chat", " | yt-live-chat-participant-list-renderer hacks");
  3170.  
  3171.         const fgsArr = ['kevlar_tuner_should_test_maintain_stable_list', 'kevlar_should_maintain_stable_list', 'kevlar_tuner_should_test_reuse_components', 'kevlar_tuner_should_reuse_components'];
  3172.         const fgs = {};
  3173.         for (const key of fgsArr) fgs[key] = undefined;
  3174.  
  3175.         try {
  3176.           const EXPERIMENT_FLAGS = ytcfg.data_.EXPERIMENT_FLAGS;
  3177.           for (const key of fgsArr) fgs[key] = EXPERIMENT_FLAGS[key];
  3178.         } catch (e) { }
  3179.         console.log(`EXPERIMENT_FLAGS: ${JSON.stringify(fgs, null, 2)}`);
  3180.  
  3181.         const canDoReplacement = (() => {
  3182.           if (typeof cProto.__notifyPath5035__ === 'function' && cProto.__notifyPath5035__.name !== 'dummy5035') {
  3183.             console.warn('YouTube Live Chat Tamer is running.');
  3184.             return;
  3185.           }
  3186.  
  3187.           if (typeof cProto.__attached411__ === 'function' && cProto.__attached411__.name !== 'dummy411') {
  3188.             console.warn('YouTube Live Chat Tamer is running.');
  3189.             return;
  3190.           }
  3191.  
  3192.           cProto.__notifyPath5035__ = dummy5035 // just to against Live Chat Tamer
  3193.           cProto.__attached411__ = dummy411 // just to against Live Chat Tamer
  3194.  
  3195.           if (typeof cProto.flushRenderStamperComponentBindings_ !== 'function' || cProto.flushRenderStamperComponentBindings_.length !== 0) {
  3196.             console.warn("ERROR(0xE355): cProto.flushRenderStamperComponentBindings_ not found");
  3197.             return;
  3198.           }
  3199.  
  3200.           if (typeof cProto.flushRenderStamperComponentBindings66_ === 'function') {
  3201.             console.warn("ERROR(0xE356): cProto.flushRenderStamperComponentBindings66_");
  3202.             return;
  3203.           }
  3204.  
  3205.           if (typeof cProto.__getAllParticipantsDOMRenderedLength__ === 'function') {
  3206.             console.warn("ERROR(0xE357): cProto.__getAllParticipantsDOMRenderedLength__");
  3207.             return;
  3208.           }
  3209.           return true;
  3210.         })();
  3211.  
  3212.         console.log(`Data Manipulation Boost = ${canDoReplacement}`);
  3213.  
  3214.         assertor(() => fnIntegrity(cProto.attached, '0.32.22')) // just warning
  3215.         if (typeof cProto.flushRenderStamperComponentBindings_ === 'function') {
  3216.           const fiRSCB = fnIntegrity(cProto.flushRenderStamperComponentBindings_);
  3217.           // const s = fiRSCB.split('.');
  3218.           // Feb 2024: 0.403.247 => NG
  3219.           // if (s[0] === '0' && +s[1] > 381 && +s[1] < 391 && +s[2] > 228 && +s[2] < 238) {
  3220.           //   console.log(`flushRenderStamperComponentBindings_ ### ${fiRSCB} ### - OK`);
  3221.           // } else {
  3222.           //   console.log(`flushRenderStamperComponentBindings_ ### ${fiRSCB} ### - NG`);
  3223.           // }
  3224.           console.log(`flushRenderStamperComponentBindings_ ### ${fiRSCB} ###`);
  3225.         } else {
  3226.           console.log("flushRenderStamperComponentBindings_ - not found");
  3227.         }
  3228.         // assertor(() => fnIntegrity(cProto.flushRenderStamperComponentBindings_, '0.386.233')) // just warning
  3229.  
  3230.         if (typeof cProto.flushRenderStamperComponentBindings_ === 'function') {
  3231.           cProto.flushRenderStamperComponentBindings66_ = cProto.flushRenderStamperComponentBindings_;
  3232.           cProto.flushRenderStamperComponentBindings_ = function () {
  3233.             // console.log('flushRenderStamperComponentBindings_')
  3234.             this.flushRenderStamperComponentBindings66_();
  3235.             if (this.resolveForDOMRendering781) {
  3236.               this.resolveForDOMRendering781();
  3237.               this.resolveForDOMRendering781 = null;
  3238.             }
  3239.           };
  3240.         }
  3241.  
  3242.         cProto.__getAllParticipantsDOMRenderedLength__ = function () {
  3243.           const container = ((this || 0).$ || 0).participants;
  3244.           if (!container) return 0;
  3245.           return HTMLElement.prototype.querySelectorAll.call(container, 'yt-live-chat-participant-renderer').length;
  3246.         }
  3247.  
  3248.         const onPageElements = [...document.querySelectorAll('yt-live-chat-participant-list-renderer:not(.n9fJ3)')];
  3249.  
  3250.         cProto.__attached412__ = cProto.attached;
  3251.         const fpPList = function (hostElement) {
  3252.           const cnt = insp(hostElement);
  3253.           if (beforeParticipantsMap.has(cnt)) return;
  3254.           hostElement.classList.add('n9fJ3');
  3255.  
  3256.           assertor(() => (cnt.__dataEnabled === true && cnt.__dataReady === true));
  3257.           if (typeof cnt.notifyPath !== 'function' || typeof cnt.__notifyPath5036__ !== 'undefined') {
  3258.             console.warn("ERROR(0xE318): yt-live-chat-participant-list-renderer")
  3259.             return;
  3260.           }
  3261.  
  3262.           groupCollapsed("Participant List attached", "");
  3263.           // cnt.$.participants.appendChild = cnt.$.participants.__shady_native_appendChild =  function(){
  3264.           //   console.log(123, 'appendChild');
  3265.           //   return HTMLElement.prototype.appendChild.apply(this, arguments)
  3266.           // }
  3267.  
  3268.           // cnt.$.participants.insertBefore =cnt.$.participants.__shady_native_insertBefore =  function(){
  3269.           //   console.log(123, 'insertBefore');
  3270.           //   return HTMLElement.prototype.insertBefore.apply(this, arguments)
  3271.           // }
  3272.  
  3273.           cnt.__notifyPath5036__ = cnt.notifyPath
  3274.           const participants = ((cnt.participantsManager || 0).participants || 0);
  3275.           assertor(() => (participants.length > -1 && typeof participants.slice === 'function'));
  3276.           console.log(`initial number of participants: ${participants.length}`);
  3277.           const newParticipants = (participants.length >= 1 && typeof participants.slice === 'function') ? participants.slice(0) : [];
  3278.           beforeParticipantsMap.set(cnt, newParticipants);
  3279.           cnt.notifyPath = notifyPath7081;
  3280.           console.log(`CHECK_CHANGE_TO_PARTICIPANT_RENDERER_CONTENT = ${CHECK_CHANGE_TO_PARTICIPANT_RENDERER_CONTENT}`);
  3281.           console.groupEnd();
  3282.         }
  3283.         cProto.attached = function () {
  3284.           fpPList(this.hostElement || this);
  3285.           this.__attached412__.apply(this, arguments);
  3286.         };
  3287.  
  3288.  
  3289.         if (ENABLE_FLAGS_MAINTAIN_STABLE_LIST_FOR_PARTICIPANTS_LIST) {
  3290.  
  3291.           /** @type {boolean | (()=>boolean)} */
  3292.           let toUseMaintainStableList = USE_MAINTAIN_STABLE_LIST_ONLY_WHEN_KS_FLAG_IS_SET ? (() => ytcfg.data_.EXPERIMENT_FLAGS.kevlar_should_maintain_stable_list === true) : true;
  3293.           if (typeof cProto.stampDomArray_ === 'function' && cProto.stampDomArray_.length === 6 && !cProto.stampDomArray_.nIegT && !cProto.stampDomArray66_) {
  3294.  
  3295.             let lastMessageDate = 0;
  3296.             cProto.stampDomArray66_ = cProto.stampDomArray_;
  3297.  
  3298.             cProto.stampDomArray_ = function (...args) {
  3299.               if (args[0] && args[0].length > 0 && args[1] === "participants" && args[2] && args[3] === true && !args[5]) {
  3300.                 if (typeof toUseMaintainStableList === 'function') {
  3301.                   toUseMaintainStableList = toUseMaintainStableList();
  3302.                 }
  3303.                 args[5] = toUseMaintainStableList;
  3304.                 let currentDate = Date.now();
  3305.                 if (currentDate - lastMessageDate > 440) {
  3306.                   lastMessageDate = currentDate;
  3307.                   console.log('maintain_stable_list for participants list', toUseMaintainStableList);
  3308.                 }
  3309.               }
  3310.               return this.stampDomArray66_.apply(this, args);
  3311.             }
  3312.  
  3313.             cProto.stampDomArray_.nIegT = 1;
  3314.  
  3315.           }
  3316.           console.log(`ENABLE_FLAGS_MAINTAIN_STABLE_LIST_FOR_PARTICIPANTS_LIST - YES`);
  3317.         } else {
  3318.           console.log(`ENABLE_FLAGS_MAINTAIN_STABLE_LIST_FOR_PARTICIPANTS_LIST - NO`);
  3319.         }
  3320.  
  3321.         console.groupEnd();
  3322.  
  3323.         if (onPageElements.length >= 1) {
  3324.           for (const s of onPageElements) {
  3325.             if (insp(s).isAttached === true) {
  3326.               fpPList(s);
  3327.             }
  3328.           }
  3329.         }
  3330.  
  3331.       }).catch(console.warn);
  3332.  
  3333.     };
  3334.  
  3335.     if (DO_PARTICIPANT_LIST_HACKS) {
  3336.       promiseForCustomYtElementsReady.then(onRegistryReadyForDataManipulation);
  3337.     }
  3338.  
  3339.  
  3340.  
  3341.     const rafHub = (ENABLE_RAF_HACK_TICKERS || ENABLE_RAF_HACK_DOCKED_MESSAGE || ENABLE_RAF_HACK_INPUT_RENDERER || ENABLE_RAF_HACK_EMOJI_PICKER) ? new RAFHub() : null;
  3342.  
  3343.     const transitionEndAfterFnSimple = new WeakMap();
  3344.     // let prevTransitionClosing = null;
  3345.  
  3346.     const fixChildrenIssue = !!fixChildrenIssue801;
  3347.     if (fixChildrenIssue && typeof Object.getOwnPropertyDescriptor === 'function' && typeof Proxy !== 'undefined') {
  3348.       const divProto = HTMLDivElement.prototype;
  3349.       const polymerControllerSetData3 = function (c, d, e) {
  3350.         return insp(this).set(c, d, e);
  3351.       }
  3352.       const polymerControllerSetData2 = function (c, d) {
  3353.         return insp(this).set(c, d);
  3354.       }
  3355.       const dummyFn = function () {
  3356.         console.log('dummyFn', ...arguments);
  3357.       };
  3358.  
  3359.       const wm44 = new Map();
  3360.       function unPolymerSet(elem) {
  3361.         const is = elem.is;
  3362.         if (is && !elem.set) {
  3363.           let rt = wm44.get(is);
  3364.           if (!rt) {
  3365.             rt = 1;
  3366.             const cnt = insp(elem);
  3367.             if (cnt !== elem && cnt && typeof cnt.set === 'function') {
  3368.               const pcSet = cnt.constructor.prototype.set;
  3369.               if (pcSet && typeof pcSet === 'function' && pcSet.length === 3) {
  3370.                 rt = polymerControllerSetData3;
  3371.               } else if (pcSet && typeof pcSet === 'function' && pcSet.length === 2) {
  3372.                 rt = polymerControllerSetData2;
  3373.               }
  3374.             }
  3375.             wm44.set(is, rt);
  3376.           }
  3377.           if (typeof rt === 'function') {
  3378.             elem.set = rt;
  3379.           } else {
  3380.             elem.set = dummyFn;
  3381.           }
  3382.         }
  3383.       }
  3384.       if (!divProto.__children577__ && !divProto.__children578__) {
  3385.  
  3386.         const dp = Object.getOwnPropertyDescriptor(Element.prototype, 'children');
  3387.         const dp2 = Object.getOwnPropertyDescriptor(HTMLElement.prototype, 'children');
  3388.         const dp3 = Object.getOwnPropertyDescriptor(divProto, 'children');
  3389.  
  3390.         if (dp && dp.configurable === true && dp.enumerable === true && typeof dp.get === 'function' && !dp2 && !dp3) {
  3391.  
  3392.           if (divProto instanceof HTMLElement && divProto instanceof Element) {
  3393.  
  3394.             let m = Object.assign({}, dp);
  3395.             divProto.__children577__ = dp.get;
  3396.             divProto.__children578__ = function () {
  3397.               if (this.__children803__) return this.__children803__;
  3398.               if (this.__children801__) {
  3399.                 let arr = [];
  3400.                 for (let elem = this.firstElementChild; elem !== null; elem = elem.nextElementSibling) {
  3401.                   if (elem.is) {
  3402.                     unPolymerSet(elem);
  3403.                     arr.push(elem);
  3404.                   }
  3405.                 }
  3406.                 if (this.__children801__ === 2) this.__children803__ = arr;
  3407.                 return arr;
  3408.               }
  3409.               return 577;
  3410.             };
  3411.             m.get = function () {
  3412.               const r = this.__children578__();
  3413.               if (r !== 577) return r;
  3414.               return this.__children577__();
  3415.             };
  3416.             Object.defineProperty(divProto, 'children', m);
  3417.  
  3418.             console.log('fixChildrenIssue - set OK')
  3419.  
  3420.           }
  3421.         }
  3422.  
  3423.       }
  3424.  
  3425.  
  3426.     }
  3427.  
  3428.  
  3429.     // const bnForDelayChatOccurrence = () => {
  3430.  
  3431.     //   document.addEventListener('animationstart', (evt) => {
  3432.  
  3433.     //     if (evt.animationName === 'dontRenderAnimation') {
  3434.     //       evt.target.classList.remove('dont-render');
  3435.     //       if (scrollChatFn) scrollChatFn();
  3436.     //     }
  3437.  
  3438.     //   }, true);
  3439.  
  3440.     //   const f = (elm) => {
  3441.     //     if (elm && elm.nodeType === 1) {
  3442.     //       if (!skipDontRender && allowDontRender === true) {
  3443.     //         // innerTextFixFn();
  3444.     //         elm.classList.add('dont-render');
  3445.     //       }
  3446.     //     }
  3447.     //   }
  3448.  
  3449.     //   Node.prototype.__appendChild931__ = function (a) {
  3450.     //     a = dr(a);
  3451.     //     if (this.id === 'items' && this.classList.contains('yt-live-chat-item-list-renderer')) {
  3452.     //       if (a && a.nodeType === 1) f(a);
  3453.     //       else if (a instanceof DocumentFragment) {
  3454.     //         for (let n = a.firstChild; n; n = n.nextSibling) {
  3455.     //           f(n);
  3456.     //         }
  3457.     //       }
  3458.     //     }
  3459.     //   }
  3460.  
  3461.     //   Node.prototype.__appendChild932__ = function () {
  3462.     //     this.__appendChild931__.apply(this, arguments);
  3463.     //     return Node.prototype.appendChild.apply(this, arguments);
  3464.     //   }
  3465.  
  3466.  
  3467.     // };
  3468.  
  3469.     const watchUserCSS = () => {
  3470.  
  3471.       // if (!CSS.supports('contain-intrinsic-size', 'auto var(--wsr94)')) return;
  3472.  
  3473.       const getElemFromWR = (nr) => {
  3474.         const n = kRef(nr);
  3475.         if (n && n.isConnected) return n;
  3476.         return null;
  3477.       }
  3478.  
  3479.       const clearContentVisibilitySizing = () => {
  3480.         Promise.resolve().then(() => {
  3481.  
  3482.           const e = document.querySelector('#show-more[disabled]');
  3483.           let btnShowMoreWR = e ? mWeakRef(e) : null;
  3484.  
  3485.           let lastVisibleItemWR = null;
  3486.           for (const elm of document.querySelectorAll('[wSr93]')) {
  3487.             if (elm.getAttribute('wSr93') === 'visible') lastVisibleItemWR = mWeakRef(elm);
  3488.             elm.setAttribute('wSr93', '');
  3489.             // custom CSS property --wsr94 not working when attribute wSr93 removed
  3490.           }
  3491.           foregroundPromiseFn().then(() => {
  3492.             const btnShowMore = getElemFromWR(btnShowMoreWR); btnShowMoreWR = null;
  3493.             if (btnShowMore) btnShowMore.click();
  3494.             else {
  3495.               // would not work if switch it frequently
  3496.               const lastVisibleItem = getElemFromWR(lastVisibleItemWR); lastVisibleItemWR = null;
  3497.               if (lastVisibleItem) {
  3498.  
  3499.                 Promise.resolve()
  3500.                   .then(() => lastVisibleItem.scrollIntoView())
  3501.                   .then(() => lastVisibleItem.scrollIntoView(false))
  3502.                   .then(() => lastVisibleItem.scrollIntoView({ behavior: "instant", block: "end", inline: "nearest" }))
  3503.                   .catch(e => { }) // break the chain when method not callable
  3504.  
  3505.               }
  3506.             }
  3507.           });
  3508.  
  3509.         });
  3510.  
  3511.       }
  3512.  
  3513.       const mutObserver = new MutationObserver((mutations) => {
  3514.         for (const mutation of mutations) {
  3515.           if ((mutation.addedNodes || 0).length >= 1) {
  3516.             for (const addedNode of mutation.addedNodes) {
  3517.               if (addedNode.nodeName === 'STYLE') {
  3518.                 clearContentVisibilitySizing();
  3519.                 return;
  3520.               }
  3521.             }
  3522.           }
  3523.           if ((mutation.removedNodes || 0).length >= 1) {
  3524.             for (const removedNode of mutation.removedNodes) {
  3525.               if (removedNode.nodeName === 'STYLE') {
  3526.                 clearContentVisibilitySizing();
  3527.                 return;
  3528.               }
  3529.             }
  3530.           }
  3531.         }
  3532.       });
  3533.  
  3534.       mutObserver.observe(document.documentElement, {
  3535.         childList: true,
  3536.         subtree: false
  3537.       });
  3538.       mutObserver.observe(document.head, {
  3539.         childList: true,
  3540.         subtree: false
  3541.       });
  3542.       mutObserver.observe(document.body, {
  3543.         childList: true,
  3544.         subtree: false
  3545.       });
  3546.  
  3547.     }
  3548.  
  3549.  
  3550.     // class WillChangeController {
  3551.     //   constructor(itemScroller, willChangeValue) {
  3552.     //     this.element = itemScroller;
  3553.     //     this.counter = 0;
  3554.     //     this.active = false;
  3555.     //     this.willChangeValue = willChangeValue;
  3556.     //   }
  3557.  
  3558.     //   beforeOper() {
  3559.     //     if (!this.active) {
  3560.     //       this.active = true;
  3561.     //       this.element.style.willChange = this.willChangeValue;
  3562.     //     }
  3563.     //     this.counter++;
  3564.     //   }
  3565.  
  3566.     //   afterOper() {
  3567.     //     const c = this.counter;
  3568.     //     foregroundPromiseFn().then(() => {
  3569.     //       if (c === this.counter) {
  3570.     //         this.active = false;
  3571.     //         this.element.style.willChange = '';
  3572.     //       }
  3573.     //     });
  3574.     //   }
  3575.  
  3576.     //   release() {
  3577.     //     const element = this.element;
  3578.     //     this.element = null;
  3579.     //     this.counter = 1e16;
  3580.     //     this.active = false;
  3581.     //     try {
  3582.     //       element.style.willChange = '';
  3583.     //     } catch (e) { }
  3584.     //   }
  3585.  
  3586.     // }
  3587.  
  3588.  
  3589.     // const skzData = (skz) => skz.data = {
  3590.     //   "message": {
  3591.     //     "runs": [
  3592.     //       {
  3593.     //         "text": "em2o"
  3594.     //       },
  3595.     //       {
  3596.     //         "emoji": {
  3597.     //           "emojiId": "cm35z",
  3598.     //           "shortcuts": [
  3599.     //             ":_s:",
  3600.     //             ":s:"
  3601.     //           ],
  3602.     //           "searchTerms": [
  3603.     //             "_s",
  3604.     //             "s"
  3605.     //           ],
  3606.     //           "image": {
  3607.     //             "thumbnails": [
  3608.     //               {
  3609.     //                 "url": dummyImgURL,
  3610.     //                 "width": 48,
  3611.     //                 "height": 48
  3612.     //               }
  3613.     //             ],
  3614.     //             "accessibility": {
  3615.     //               "accessibilityData": {
  3616.     //                 "label": "s"
  3617.     //               }
  3618.     //             }
  3619.     //           },
  3620.     //           "isCustomEmoji": true
  3621.     //         }
  3622.     //       },
  3623.     //       {
  3624.     //         "text": "ji"
  3625.     //       }
  3626.     //     ]
  3627.     //   },
  3628.     //   "authorName": {
  3629.     //     "simpleText": "N"
  3630.     //   },
  3631.     //   "authorPhoto": {
  3632.     //     "thumbnails": [
  3633.     //       {
  3634.     //         "url": dummyImgURL,
  3635.     //         "width": 64,
  3636.     //         "height": 64
  3637.     //       }
  3638.     //     ]
  3639.     //   },
  3640.     //   "contextMenuEndpoint": {
  3641.     //     "commandMetadata": {
  3642.     //       "webCommandMetadata": {
  3643.     //         "ignoreNavigation": true
  3644.     //       }
  3645.     //     },
  3646.     //     "liveChatItemContextMenuEndpoint": {
  3647.     //       "params": "123=="
  3648.     //     }
  3649.     //   },
  3650.     //   "id": "sk35z",
  3651.     //   "timestampUsec": "1232302352350000",
  3652.     //   "authorBadges": [
  3653.     //     {
  3654.     //       "liveChatAuthorBadgeRenderer": {
  3655.     //         "customThumbnail": {
  3656.     //           "thumbnails": [
  3657.     //             {
  3658.     //               "url": dummyImgURL,
  3659.     //               "width": 16,
  3660.     //               "height": 16
  3661.     //             },
  3662.     //             {
  3663.     //               "url": dummyImgURL,
  3664.     //               "width": 32,
  3665.     //               "height": 32
  3666.     //             }
  3667.     //           ]
  3668.     //         },
  3669.     //         "tooltip": "T",
  3670.     //         "accessibility": {
  3671.     //           "accessibilityData": {
  3672.     //             "label": "E"
  3673.     //           }
  3674.     //         }
  3675.     //       }
  3676.     //     }
  3677.     //   ],
  3678.     //   "authorExternalChannelId": "A",
  3679.     //   "contextMenuAccessibility": {
  3680.     //     "accessibilityData": {
  3681.     //       "label": "E"
  3682.     //     }
  3683.     //   },
  3684.     //   "timestampText": {
  3685.     //     "simpleText": "0:43"
  3686.     //   }
  3687.     // };
  3688.  
  3689.  
  3690.  
  3691.     const { lcRendererElm, visObserver } = (() => {
  3692.  
  3693.  
  3694.  
  3695.       let lcRendererWR = null;
  3696.  
  3697.       const lcRendererElm = () => {
  3698.         let lcRenderer = kRef(lcRendererWR);
  3699.         if (!lcRenderer || !lcRenderer.isConnected) {
  3700.           lcRenderer = document.querySelector('yt-live-chat-item-list-renderer.yt-live-chat-renderer');
  3701.           lcRendererWR = lcRenderer ? mWeakRef(lcRenderer) : null;
  3702.         }
  3703.         return lcRenderer;
  3704.       };
  3705.  
  3706.  
  3707.       let hasFirstShowMore = false;
  3708.  
  3709.       const visObserverFn = (entry) => {
  3710.  
  3711.         const target = entry.target;
  3712.         if (!target) return;
  3713.         // if(target.classList.contains('dont-render')) return;
  3714.         let isVisible = entry.isIntersecting === true && entry.intersectionRatio > 0.5;
  3715.         // const h = entry.boundingClientRect.height;
  3716.         /*
  3717.         if (h < 16) { // wrong: 8 (padding/margin); standard: 32; test: 16 or 20
  3718.             // e.g. under fullscreen. the element created but not rendered.
  3719.             target.setAttribute('wSr93', '');
  3720.             return;
  3721.         }
  3722.         */
  3723.         if (isVisible) {
  3724.           // target.style.setProperty('--wsr94', h + 'px');
  3725.           target.setAttribute('wSr93', 'visible');
  3726.           if (nNextElem(target) === null) {
  3727.  
  3728.             // firstVisibleItemDetected = true;
  3729.             /*
  3730.               if (dateNow() - lastScroll < 80) {
  3731.                   lastLShow = 0;
  3732.                   lastScroll = 0;
  3733.                   Promise.resolve().then(clickShowMore);
  3734.               } else {
  3735.                   lastLShow = dateNow();
  3736.               }
  3737.               */
  3738.             // lastLShow = dateNow();
  3739.           } else if (!hasFirstShowMore) { // should more than one item being visible
  3740.             // implement inside visObserver to ensure there is sufficient delay
  3741.             hasFirstShowMore = true;
  3742.             foregroundPromiseFn().then(() => {
  3743.               // foreground page
  3744.               // page visibly ready -> load the latest comments at initial loading
  3745.               const lcRenderer = lcRendererElm();
  3746.               if (lcRenderer) {
  3747.                 if (typeof nextBrowserTick !== 'function') {
  3748.                   insp(lcRenderer).scrollToBottom_();
  3749.                 } else {
  3750.                   nextBrowserTick(() => {
  3751.                     const cnt = insp(lcRenderer);
  3752.                     if (cnt.isAttached === false || (cnt.hostElement || cnt).isConnected === false) return;
  3753.                     cnt.scrollToBottom_();
  3754.                   });
  3755.                 }
  3756.               }
  3757.             });
  3758.           }
  3759.         }
  3760.         else if (target.getAttribute('wSr93') === 'visible') { // ignore target.getAttribute('wSr93') === '' to avoid wrong sizing
  3761.  
  3762.           // target.style.setProperty('--wsr94', h + 'px');
  3763.           target.setAttribute('wSr93', 'hidden');
  3764.         } // note: might consider 0 < entry.intersectionRatio < 0.5 and target.getAttribute('wSr93') === '' <new last item>
  3765.  
  3766.       }
  3767.  
  3768.  
  3769.  
  3770.       const visObserver = new IntersectionObserver((entries) => {
  3771.  
  3772.         for (const entry of entries) {
  3773.  
  3774.           Promise.resolve(entry).then(visObserverFn);
  3775.  
  3776.         }
  3777.  
  3778.       }, {
  3779.         // root: HTMLElement.prototype.closest.call(m2, '#item-scroller.yt-live-chat-item-list-renderer'), // nullable
  3780.         rootMargin: "0px",
  3781.         threshold: [0.05, 0.95],
  3782.       });
  3783.  
  3784.  
  3785.       return { lcRendererElm, visObserver }
  3786.  
  3787.  
  3788.     })();
  3789.  
  3790.     const { setupMutObserver } = (() => {
  3791.  
  3792.       async function asyncTickerBackgroundOverridedChecker() {
  3793.  
  3794.         try {
  3795.           await promiseForCustomYtElementsReady.then();
  3796.           await customElements.whenDefined('yt-live-chat-text-message-renderer');
  3797.           await new Promise(r => setTimeout(r, 800));
  3798.  
  3799.           if (!hasTimerModified) return;
  3800.           const tickerRenderer = document.querySelector('#ticker yt-live-chat-ticker-renderer.style-scope.yt-live-chat-renderer');
  3801.           if (!tickerRenderer) return;
  3802.  
  3803.           const tickerRendererDollar = indr(tickerRenderer);
  3804.           const items = (tickerRendererDollar || 0).items || 0;
  3805.           if (!items) return;
  3806.           const template = document.createElement('template');
  3807.           template.innerHTML = `<yt-live-chat-ticker-dummy777-item-renderer class="style-scope yt-live-chat-ticker-renderer" whole-message-clickable=""
  3808.             modern="" aria-label="¥1,000" role="button" tabindex="0" id="Chw777" style="width: 94px; overflow: hidden;"
  3809.             dimmed="" [dummy777]>
  3810.             <div id="container" dir="ltr" class="style-scope yt-live-chat-ticker-dummy777-item-renderer"
  3811.               style="--background:linear-gradient(90deg, rgba(1,2,3,1),rgba(1,2,3,1) 7%,rgba(4,0,0,1) 7%,rgba(4,0,0,1));">
  3812.               <div id="content" class="style-scope yt-live-chat-ticker-dummy777-item-renderer" style="color: rgb(255, 255, 255);">
  3813.                 <yt-img-shadow777 id="author-photo" height="24" width="24"
  3814.                   class="style-scope yt-live-chat-ticker-dummy777-item-renderer no-transition"
  3815.                   style="background-color: transparent;" loaded=""><img id="img"
  3816.                     draggable="false" class="style-scope yt-img-shadow" alt="I" height="24" width="24"
  3817.                     src="${dummyImgURL}"></yt-img-shadow777>
  3818.  
  3819.                 <span id="text" dir="ltr" class="style-scope yt-live-chat-ticker-dummy777-item-renderer">¥1,000</span>
  3820.               </div>
  3821.             </div>
  3822.           </yt-live-chat-ticker-dummy777-item-renderer>`;
  3823.           const dummy777 = template.content.firstElementChild;
  3824.           await Promise.resolve().then();
  3825.           let res = 0;
  3826.           if (items instanceof HTMLElement && items.isConnected === true) {
  3827.             try {
  3828.               items.appendChild(dummy777);
  3829.               let container = HTMLElement.prototype.querySelector.call(dummy777, '#container') || 0;
  3830.               if (container.isConnected === true) {
  3831.                 const evaluated = `${getComputedStyleCached(container).background}`;
  3832.                 container = null;
  3833.                 res = evaluated.indexOf('0.') < 4 ? 1 : 2;
  3834.               }
  3835.             } catch (e) { console.warn(e) }
  3836.             HTMLElement.prototype.remove.call(dummy777);
  3837.           }
  3838.           await Promise.resolve().then();
  3839.           dummy777.textContent = '';
  3840.           if (res === 1) {
  3841.             // not fulfilling
  3842.             // rgba(0, 0, 0, 0.004) none repeat scroll 0% 0% / auto padding-box border-box
  3843.             console.groupCollapsed(`%c${"YouTube Super Fast Chat"}%c${" | Incompatibility Found"}`,
  3844.               "background-color: #010502; color: #fe806a; font-weight: 700; padding: 2px;",
  3845.               "background-color: #010502; color: #fe806a; font-weight: 300; padding: 2px;"
  3846.             );
  3847.             console.warn(`%cWarning:\n\tYou might have added a userscript or extension that also modifies the ticker background.\n\tYouTube Super Fast Chat is taking over.`, 'color: #bada55');
  3848.             console.groupEnd();
  3849.             console.log('%cALLOW_ADVANCED_ANIMATED_TICKER_BACKGROUND (Overriding other scripting)', 'background-color: #7eb32b; color: #102624; padding: 2px 4px');
  3850.           } else if (res === 2) {
  3851.             console.log('%cALLOW_ADVANCED_ANIMATED_TICKER_BACKGROUND', 'background-color: #16c450; color: #102624; padding: 2px 4px');
  3852.           }
  3853.         } catch (e) {
  3854.           console.warn(e);
  3855.         }
  3856.       }
  3857.  
  3858.       // async function asyncDelayChatOccurrence(m2) {
  3859.       //   try {
  3860.       //     await promiseForCustomYtElementsReady.then();
  3861.       //     await customElements.whenDefined('yt-live-chat-text-message-renderer');
  3862.       //     await new Promise(r => setTimeout(r, 1));
  3863.       //     const dummy888 = document.createElement('yt-live-chat-text-message-renderer');
  3864.       //     // const template = document.createElement('template');
  3865.       //     // template.innerHTML = "<yt-live-chat-text-message-renderer></yt-live-chat-text-message-renderer>"
  3866.       //     // const dummy888 = template.content.firstElementChild;
  3867.       //     const skzCnt = insp(dummy888);
  3868.       //     if (!(skzCnt && 'data' in skzCnt && 'attached' in skzCnt)) {
  3869.       //       return;
  3870.       //     }
  3871.       //     if (!skzCnt.hostElement) skzCnt.hostElement = dummy888;
  3872.       //     /** @type {HTMLTemplateElement} */
  3873.       //     const skzElem = dummy888;
  3874.       //     let cz1 = null;
  3875.       //     const deferredZy1 = new Promise(resolve => {
  3876.       //       skzCnt.attached = function () {
  3877.       //         cz1 = HTMLElement.prototype.querySelector.call(skzElem, '#message img') !== null;
  3878.       //         resolve(skzElem.textContent);
  3879.       //       }
  3880.       //       skzCnt.detached = function () {
  3881.       //       }
  3882.       //     });
  3883.       //     skzElem.id = 'sk35z';
  3884.       //     skzData(skzCnt);
  3885.       //     sk35zResolveFn = null;
  3886.       //     const deferredMutation = new Promise(resolve => {
  3887.       //       sk35zResolveFn = resolve;
  3888.       //       HTMLElement.prototype.appendChild.call(m2, skzElem);
  3889.       //     });
  3890.       //     const [zy1, _] = await Promise.all([deferredZy1, deferredMutation]);
  3891.       //     skzCnt.attached = function () { };
  3892.       //     function fn() {
  3893.       //       const zy2 = skzElem.textContent;
  3894.       //       const cz2 = HTMLElement.prototype.querySelector.call(skzElem, '#message img') !== null;
  3895.       //       if (typeof zy1 === 'string' && typeof zy2 === 'string') {
  3896.       //         allowDontRender = zy1 === zy2 && cz1 === cz2; // '0:43N​em2oji'
  3897.       //       }
  3898.       //       if (allowDontRender === true) return true;
  3899.       //       if (allowDontRender === false) {
  3900.       //         console.groupCollapsed(`%c${"YouTube Super Fast Chat"}%c${" | Incompatibility Found"}`,
  3901.       //           "background-color: #010502; color: #fe806a; font-weight: 700; padding: 2px;",
  3902.       //           "background-color: #010502; color: #fe806a; font-weight: 300; padding: 2px;"
  3903.       //         );
  3904.       //         console.warn(`%cWarning:\n\tYou might have added a userscript or extension that stops YouTube Super Fast Chat's quick loading.\n\tTo figure out which one affects the script, turn them off one by one and let the author know.`, 'color: #bada55');
  3905.       //         console.groupEnd();
  3906.       //       }
  3907.       //     }
  3908.       //     await new Promise(r => setTimeout(r, 1));
  3909.       //     if (!fn()) return;
  3910.       //     await foregroundPromiseFn().then();
  3911.       //     if (!fn()) return;
  3912.       //     skzElem.remove();
  3913.       //     await Promise.resolve().then();
  3914.       //     skzElem.textContent = '';
  3915.       //     console.log('%cALLOW_DELAYED_CHAT_OCCURRENCE', 'background-color: #16c450; color: #102624; padding: 2px 4px');
  3916.       //   } catch (e) {
  3917.       //     console.warn(e);
  3918.       //   }
  3919.       // }
  3920.  
  3921.       const mutFn = (items) => {
  3922.         let seqIndex = -1;
  3923.         const elementSet = new Set();
  3924.         for (let node = nLastElem(items); node !== null; node = nPrevElem(node)) {
  3925.           if (node.hasAttribute('wSr93')) {
  3926.             seqIndex = parseInt(node.getAttribute('yt-chat-item-seq'), 10);
  3927.             break;
  3928.           }
  3929.           node.setAttribute('wSr93', '');
  3930.           visObserver.observe(node);
  3931.           elementSet.add(node);
  3932.         }
  3933.         let iter = elementSet.values();
  3934.         let i = seqIndex + elementSet.size;
  3935.         for (let curr; curr = iter.next().value;) {
  3936.           curr.setAttribute('yt-chat-item-seq', i % 60);
  3937.           curr.classList.add('yt-chat-item-' + ((i % 2) ? 'odd' : 'even'));
  3938.           i--;
  3939.         }
  3940.         iter = null;
  3941.         elementSet.clear();
  3942.       }
  3943.  
  3944.       const mutObserver = new MutationObserver((mutations) => {
  3945.         const items = (mutations[0] || 0).target;
  3946.         if (!items) return;
  3947.         if (sk35zResolveFn) {
  3948.           sk35zResolveFn();
  3949.           sk35zResolveFn = null;
  3950.         }
  3951.         mutFn(items);
  3952.       });
  3953.  
  3954.       const setupMutObserver = (m2) => {
  3955.         scrollChatFn = null;
  3956.         mutObserver.disconnect();
  3957.         mutObserver.takeRecords();
  3958.         if (m2) {
  3959.           if (typeof m2.__appendChild932__ === 'function') {
  3960.             if (typeof m2.appendChild === 'function') m2.appendChild = m2.__appendChild932__;
  3961.             if (typeof m2.__shady_native_appendChild === 'function') m2.__shady_native_appendChild = m2.__appendChild932__;
  3962.           }
  3963.           mutObserver.observe(m2, {
  3964.             childList: true,
  3965.             subtree: false
  3966.           });
  3967.           mutFn(m2);
  3968.  
  3969.           const isFirstList = firstList;
  3970.           firstList = false;
  3971.  
  3972.           if (ENABLE_OVERFLOW_ANCHOR) {
  3973.  
  3974.             let items = m2;
  3975.             let addedAnchor = false;
  3976.             if (items) {
  3977.               if (items.nextElementSibling === null) {
  3978.                 items.classList.add('no-anchor');
  3979.                 addedAnchor = true;
  3980.                 items.parentNode.appendChild(dr(document.createElement('item-anchor')));
  3981.               }
  3982.             }
  3983.  
  3984.  
  3985.  
  3986.             if (addedAnchor) {
  3987.               nodeParent(m2).classList.add('no-anchor'); // required
  3988.             }
  3989.  
  3990.           }
  3991.  
  3992.  
  3993.  
  3994.           if (ENABLE_VIDEO_PLAYBACK_PROGRESS_STATE_FIX) {
  3995.  
  3996.             (() => {
  3997.  
  3998.               const tag = 'yt-iframed-player-events-relay'
  3999.               const dummy = document.createElement(tag);
  4000.  
  4001.               const cProto = getProto(dummy);
  4002.               if (!cProto || !cProto.handlePostMessage_) {
  4003.                 console.warn(`proto.handlePostMessage_ for ${tag} is unavailable.`);
  4004.                 return;
  4005.               }
  4006.  
  4007.               if (typeof cProto.handlePostMessage_ === 'function' && !cProto.handlePostMessage66_ && !cProto.handlePostMessage67_ ) {
  4008.  
  4009.                 cProto.handlePostMessage66_ = cProto.handlePostMessage_;
  4010.  
  4011.                 const handlePostMessageAfterPromiseA = (da) => {
  4012.  
  4013.                   if (!da || typeof da !== 'object') return;
  4014.  
  4015.                   if ('yt-player-state-change' in da) {
  4016.  
  4017.                     const qc = da['yt-player-state-change'];
  4018.  
  4019.  
  4020.                     let isQcChanged = false;
  4021.  
  4022.                     if (qc === 2) { isQcChanged = qc !== _playerState; _playerState = 2; relayCount = 0; } // paused
  4023.                     else if (qc === 3) { isQcChanged = qc !== _playerState; _playerState = 3; } // playing
  4024.                     else if (qc === 1) { isQcChanged = qc !== _playerState; _playerState = 1; } // playing
  4025.  
  4026.  
  4027.                     if ((isQcChanged) && playerState !== _playerState) {
  4028.                       playerEventsByIframeRelay = true;
  4029.                       onPlayStateChangePromise = new Promise((resolve) => {
  4030.                         const k = _playerState;
  4031.                         foregroundPromiseFn().then(() => {
  4032.                           if (k === _playerState && playerState !== _playerState) playerState = _playerState;
  4033.                           onPlayStateChangePromise = null;
  4034.                           resolve();
  4035.                         })
  4036.                       }).catch(console.warn);
  4037.  
  4038.                     }
  4039.  
  4040.                   } else if ('yt-player-video-progress' in da) {
  4041.                     const vp = da['yt-player-video-progress'];
  4042.  
  4043.  
  4044.                     relayCount++;
  4045.                     lastPlayerProgress = vp > 0 ? vp : 0;
  4046.  
  4047.  
  4048.                     if (relayPromise && vp > 0 && relayCount >= 2) {
  4049.                       if (onPlayStateChangePromise) {
  4050.                         onPlayStateChangePromise.then(() => {
  4051.                           relayPromise && relayPromise.resolve();
  4052.                           relayPromise = null;
  4053.                         })
  4054.                       } else {
  4055.                         relayPromise.resolve();
  4056.                         relayPromise = null;
  4057.                       }
  4058.                     }
  4059.  
  4060.                   }
  4061.  
  4062.                 };
  4063.  
  4064.                 cProto.handlePostMessage67_ = function (a) {
  4065.  
  4066.                   let da = a.data;
  4067.                   const wNode = mWeakRef(this);
  4068.                   // const wData = mWeakRef(da);
  4069.  
  4070.                   playEventsStack = playEventsStack.then(() => {
  4071.  
  4072.                     const cnt = kRef(wNode);
  4073.                     // const da = kRef(wData);
  4074.  
  4075.                     if (!cnt || !a || !da) return;
  4076.                     handlePostMessageAfterPromiseA(da);
  4077.                     da = null;
  4078.  
  4079.                     const r = cnt.handlePostMessage66_(a);
  4080.                     a = null;
  4081.  
  4082.                   }).catch(console.warn);
  4083.  
  4084.                 }
  4085.  
  4086.                 const handlePostMessageAfterPromiseB = (da) => {
  4087.  
  4088.                   const lcr = document.querySelector('yt-live-chat-renderer');
  4089.                   const psc = document.querySelector("yt-player-seek-continuation");
  4090.                   if (lcr && psc && lcr.replayBuffer_) {
  4091.  
  4092.                     const rbProgress = lcr.replayBuffer_.lastVideoOffsetTimeMsec;
  4093.                     const daProgress = da['yt-player-video-progress'] * 1000
  4094.                     // document.querySelector('yt-live-chat-renderer').playerProgressChanged_(1e-5);
  4095.  
  4096.                     const front_ = (lcr.replayBuffer_.replayQueue || 0).front_;
  4097.                     const back_ = (lcr.replayBuffer_.replayQueue || 0).back_;
  4098.  
  4099.                     // console.log(deepCopy( front_))
  4100.                     // console.log(deepCopy( back_))
  4101.                     // console.log(rbProgress, daProgress, )
  4102.                     if (front_ && back_ && rbProgress > daProgress && back_.length > 2 && back_.some(e => e && +e.videoOffsetTimeMsec > daProgress) && back_.some(e => e && +e.videoOffsetTimeMsec < daProgress)) {
  4103.                       // no action
  4104.                       // console.log('ss1')
  4105.                     } else if (rbProgress < daProgress + 3400 && rbProgress > daProgress - 1200) {
  4106.                       //  daProgress - 1200 < rbProgress < daProgress + 3400
  4107.                       // console.log('ss2')
  4108.                     } else {
  4109.  
  4110.                       lcr.previousProgressSec = 1E-5;
  4111.                       // lcr._setIsSeeking(!0),
  4112.                       lcr.replayBuffer_.clear()
  4113.                       psc.fireSeekContinuation_(da['yt-player-video-progress']);
  4114.                     }
  4115.  
  4116.                   }
  4117.  
  4118.  
  4119.                 };
  4120.  
  4121.                 cProto.handlePostMessage_ = function (a) {
  4122.  
  4123.                   let da = (a || 0).data || 0;
  4124.                   const wNode = mWeakRef(this);
  4125.  
  4126.                   if (typeof da !== 'object') return;
  4127.  
  4128.                   if (waitForInitialDataCompletion === 1) return;
  4129.  
  4130.                   if (!isPlayProgressTriggered) {
  4131.                     isPlayProgressTriggered = true; // set once
  4132.  
  4133.                     if ('yt-player-video-progress' in da) {
  4134.                       waitForInitialDataCompletion = 1;
  4135.  
  4136.                       const wrapWith = (data) => {
  4137.                         const { origin } = a;
  4138.                         return {
  4139.                           origin,
  4140.                           data
  4141.                         };
  4142.                       }
  4143.  
  4144.                       this.handlePostMessage67_(wrapWith({
  4145.                         "yt-iframed-parent-ready": true
  4146.                       }));
  4147.  
  4148.  
  4149.                       playEventsStack = playEventsStack.then(() => {
  4150.  
  4151.                         const cnt = kRef(wNode);
  4152.  
  4153.                         if (!cnt || !a || !da) return;
  4154.  
  4155.                         handlePostMessageAfterPromiseB(da);
  4156.                         da = null;
  4157.  
  4158.                         waitForInitialDataCompletion = 2;
  4159.  
  4160.                         const r = cnt.handlePostMessage_(a); // isPlayProgressTriggered is set
  4161.                         a = null;
  4162.  
  4163.                       }).catch(console.warn);
  4164.  
  4165.                       return;
  4166.  
  4167.                     }
  4168.  
  4169.                   }
  4170.  
  4171.                   this.handlePostMessage67_(a);
  4172.  
  4173.                 }
  4174.  
  4175.               }
  4176.  
  4177.  
  4178.             })();
  4179.  
  4180.           }
  4181.  
  4182.           if (isFirstList && DO_CHECK_TICKER_BACKGROUND_OVERRIDED) {
  4183.             asyncTickerBackgroundOverridedChecker();
  4184.           }
  4185.  
  4186.         }
  4187.       }
  4188.  
  4189.       return { setupMutObserver };
  4190.  
  4191.  
  4192.  
  4193.     })();
  4194.  
  4195.     const setupEvents = () => {
  4196.  
  4197.  
  4198.       let scrollCount = 0;
  4199.  
  4200.       const passiveCapture = typeof IntersectionObserver === 'function' ? { capture: true, passive: true } : true;
  4201.  
  4202.  
  4203.       const delayFlushActiveItemsAfterUserActionK_ = () => {
  4204.  
  4205.         const lcRenderer = lcRendererElm();
  4206.         if (lcRenderer) {
  4207.           const cnt = insp(lcRenderer);
  4208.           if (!cnt.hasUserJustInteracted11_) return;
  4209.           if (cnt.atBottom && cnt.allowScroll && cnt.activeItems_.length >= 1 && cnt.hasUserJustInteracted11_()) {
  4210.             cnt.delayFlushActiveItemsAfterUserAction11_ && cnt.delayFlushActiveItemsAfterUserAction11_();
  4211.           }
  4212.         }
  4213.  
  4214.       }
  4215.  
  4216.       document.addEventListener('scroll', (evt) => {
  4217.         if (!evt || !evt.isTrusted) return;
  4218.         // lastScroll = dateNow();
  4219.         if (++scrollCount > 1e9) scrollCount = 9;
  4220.       }, passiveCapture); // support contain => support passive
  4221.  
  4222.       let lastScrollCount = -1;
  4223.       document.addEventListener('wheel', (evt) => {
  4224.         if (!evt || !evt.isTrusted) return;
  4225.         if (lastScrollCount === scrollCount) return;
  4226.         lastScrollCount = scrollCount;
  4227.         lastWheel = dateNow();
  4228.         delayFlushActiveItemsAfterUserActionK_ && delayFlushActiveItemsAfterUserActionK_();
  4229.       }, passiveCapture); // support contain => support passive
  4230.  
  4231.       document.addEventListener('mousedown', (evt) => {
  4232.         if (!evt || !evt.isTrusted) return;
  4233.         if (((evt || 0).target || 0).id !== 'item-scroller') return;
  4234.         lastMouseDown = dateNow();
  4235.         currentMouseDown = true;
  4236.         lastUserInteraction = lastMouseDown;
  4237.       }, passiveCapture);
  4238.  
  4239.       document.addEventListener('pointerdown', (evt) => {
  4240.         if (!evt || !evt.isTrusted) return;
  4241.         if (((evt || 0).target || 0).id !== 'item-scroller') return;
  4242.         lastMouseDown = dateNow();
  4243.         currentMouseDown = true;
  4244.         lastUserInteraction = lastMouseDown;
  4245.       }, passiveCapture);
  4246.  
  4247.       document.addEventListener('click', (evt) => {
  4248.         if (!evt || !evt.isTrusted) return;
  4249.         if (((evt || 0).target || 0).id !== 'item-scroller') return;
  4250.         lastMouseDown = lastMouseUp = dateNow();
  4251.         currentMouseDown = false;
  4252.         lastUserInteraction = lastMouseDown;
  4253.         delayFlushActiveItemsAfterUserActionK_ && delayFlushActiveItemsAfterUserActionK_();
  4254.       }, passiveCapture);
  4255.  
  4256.       document.addEventListener('tap', (evt) => {
  4257.         if (!evt || !evt.isTrusted) return;
  4258.         if (((evt || 0).target || 0).id !== 'item-scroller') return;
  4259.         lastMouseDown = lastMouseUp = dateNow();
  4260.         currentMouseDown = false;
  4261.         lastUserInteraction = lastMouseDown;
  4262.         delayFlushActiveItemsAfterUserActionK_ && delayFlushActiveItemsAfterUserActionK_();
  4263.       }, passiveCapture);
  4264.  
  4265.  
  4266.       document.addEventListener('mouseup', (evt) => {
  4267.         if (!evt || !evt.isTrusted) return;
  4268.         if (currentMouseDown) {
  4269.           lastMouseUp = dateNow();
  4270.           currentMouseDown = false;
  4271.           lastUserInteraction = lastMouseUp;
  4272.           delayFlushActiveItemsAfterUserActionK_ && delayFlushActiveItemsAfterUserActionK_();
  4273.         }
  4274.       }, passiveCapture);
  4275.  
  4276.  
  4277.       document.addEventListener('pointerup', (evt) => {
  4278.         if (!evt || !evt.isTrusted) return;
  4279.         if (currentMouseDown) {
  4280.           lastMouseUp = dateNow();
  4281.           currentMouseDown = false;
  4282.           lastUserInteraction = lastMouseUp;
  4283.           delayFlushActiveItemsAfterUserActionK_ && delayFlushActiveItemsAfterUserActionK_();
  4284.         }
  4285.       }, passiveCapture);
  4286.  
  4287.       document.addEventListener('touchstart', (evt) => {
  4288.         if (!evt || !evt.isTrusted) return;
  4289.         lastTouchDown = dateNow();
  4290.         currentTouchDown = true;
  4291.         lastUserInteraction = lastTouchDown;
  4292.       }, passiveCapture);
  4293.  
  4294.       document.addEventListener('touchmove', (evt) => {
  4295.         if (!evt || !evt.isTrusted) return;
  4296.         lastTouchDown = dateNow();
  4297.         currentTouchDown = true;
  4298.         lastUserInteraction = lastTouchDown;
  4299.       }, passiveCapture);
  4300.  
  4301.       document.addEventListener('touchend', (evt) => {
  4302.         if (!evt || !evt.isTrusted) return;
  4303.         if (currentTouchDown) {
  4304.           lastTouchUp = dateNow();
  4305.           currentTouchDown = false;
  4306.           lastUserInteraction = lastTouchUp;
  4307.           delayFlushActiveItemsAfterUserActionK_ && delayFlushActiveItemsAfterUserActionK_();
  4308.         }
  4309.       }, passiveCapture);
  4310.  
  4311.       document.addEventListener('touchcancel', (evt) => {
  4312.         if (!evt || !evt.isTrusted) return;
  4313.         if (currentTouchDown) {
  4314.           lastTouchUp = dateNow();
  4315.           currentTouchDown = false;
  4316.           lastUserInteraction = lastTouchUp;
  4317.           delayFlushActiveItemsAfterUserActionK_ && delayFlushActiveItemsAfterUserActionK_();
  4318.         }
  4319.       }, passiveCapture);
  4320.  
  4321.  
  4322.     }
  4323.  
  4324.     const getTimestampUsec = (itemRenderer) => {
  4325.       if (itemRenderer && 'timestampUsec' in itemRenderer) {
  4326.         return itemRenderer.timestampUsec
  4327.       } else if (itemRenderer && itemRenderer.showItemEndpoint) {
  4328.         const messageRenderer = ((itemRenderer.showItemEndpoint.showLiveChatItemEndpoint || 0).renderer || 0);
  4329.         if (messageRenderer) {
  4330.  
  4331.           const messageRendererKey = firstObjectKey(messageRenderer);
  4332.           if (messageRendererKey && messageRenderer[messageRendererKey]) {
  4333.             const messageRendererData = messageRenderer[messageRendererKey];
  4334.             if (messageRendererData && 'timestampUsec' in messageRendererData) {
  4335.               return messageRendererData.timestampUsec
  4336.             }
  4337.           }
  4338.         }
  4339.       }
  4340.       return null;
  4341.     }
  4342.  
  4343.     const onRegistryReadyForDOMOperations = () => {
  4344.  
  4345.       let firstCheckedOnYtInit = false;
  4346.  
  4347.       const assertorURL = () => assertor(() => location.pathname.startsWith('/live_chat') && (location.search.indexOf('continuation=') > 0 || location.search.indexOf('v=') > 0));
  4348.  
  4349.       const mightFirstCheckOnYtInit = () => {
  4350.         if (firstCheckedOnYtInit) return;
  4351.         firstCheckedOnYtInit = true;
  4352.  
  4353.         if (!document.body || !document.head) return;
  4354.         if (!assertorURL()) return;
  4355.  
  4356.         addCssManaged();
  4357.  
  4358.         let efsContainer = document.getElementById('elzm-fonts-yk75g');
  4359.         if (efsContainer && efsContainer.parentNode !== document.body) {
  4360.           document.body.appendChild(efsContainer);
  4361.         }
  4362.  
  4363.       };
  4364.  
  4365.       if (!assertorURL()) return;
  4366.       // if (!assertor(() => document.getElementById('yt-masthead') === null)) return;
  4367.  
  4368.  
  4369.       const { weakWrap } = (() => {
  4370.  
  4371.  
  4372.         // const tickerFuncProps = new Set([
  4373.         //   'animateShowStats', 'animateHideStats',  // updateStatsBarAndMaybeShowAnimationRevised
  4374.         //   'collapse', // slideDownNoSelfLeakage
  4375.         //   'requestRemoval', // collapseNoSelfLeakage
  4376.         //   'setContainerWidth', 'get', 'set', // deletedChangedNoSelfLeakage
  4377.         //   'computeAriaLabel', //dataChanged
  4378.         //   'startCountdown', // dataChanged [in case]
  4379.         // ]);
  4380.  
  4381.         // const tickerTags = new Set([
  4382.         //   "yt-live-chat-ticker-renderer",
  4383.         //   "yt-live-chat-ticker-paid-message-item-renderer",
  4384.         //   "yt-live-chat-ticker-paid-sticker-item-renderer",
  4385.         //   "yt-live-chat-ticker-sponsor-item-renderer"
  4386.         // ]);
  4387.  
  4388.         // const emptySet = new Set();
  4389.  
  4390.  
  4391.  
  4392.         // const tickerFuncPropsFn = (cnt) => {
  4393.  
  4394.         //   const is = `${cnt.is}`;
  4395.  
  4396.         //   if (tickerTags.has(is)) {
  4397.         //     let flg = 0;
  4398.         //     if (cnt.get && cnt.set) flg |= 1;
  4399.         //     if (cnt.setContainerWidth && cnt.collapse && cnt.requestRemoval) flg |= 2;
  4400.         //     if (cnt.animateShowStats && cnt.animateHideStats) flg |= 4;
  4401.         //     if (cnt.startCountdown) flg |= 8;
  4402.         //     console.log(`DEBUG flag_6877 = ${flg}`, is);
  4403.         //     // DEBUG flag_6877 = 15 yt-live-chat-ticker-paid-message-item-renderer
  4404.         //     // DEBUG flag_6877 = 11 yt-live-chat-ticker-sponsor-item-renderer
  4405.         //     return tickerFuncProps;
  4406.         //   }
  4407.  
  4408.         //   return emptySet;
  4409.  
  4410.  
  4411.         // }
  4412.  
  4413.  
  4414.         // const smb = Symbol();
  4415.         const vmb = 'dtz02' // Symbol(); // return kThis for thisArg
  4416.         const vmc = 'dtz04' // Symbol(); // whether it is proxied fn
  4417.         const vmd = 'dtz08' // Symbol(); // self fn proxy (fn--fn)
  4418.  
  4419.  
  4420.  
  4421.  
  4422.         const thisConversionFn = (thisArg) => {
  4423.           if (!thisArg) return null;
  4424.           const kThis = thisArg[vmb];
  4425.           if (kThis) {
  4426.             const ref = kThis.ref;
  4427.             return (ref ? kRef(ref) : null) || null;
  4428.           }
  4429.           return thisArg;
  4430.         }
  4431.     
  4432.         const pFnHandler2 = {
  4433.           get(target, prop) {
  4434.             if (prop === vmc) return target;
  4435.             return Reflect.get(target, prop);
  4436.           },
  4437.           apply(target, thisArg, argumentsList) {
  4438.             thisArg = thisConversionFn(thisArg);
  4439.             if (thisArg) return Reflect.apply(target, thisArg, argumentsList);
  4440.           }
  4441.         }
  4442.     
  4443.         
  4444.         const proxySelfHandler = {
  4445.           get(target, prop) {
  4446.             if(prop === vmb) return target;
  4447.             const ref = target.ref;
  4448.             const cnt = kRef(ref);
  4449.             if (!cnt) return;
  4450.             if (typeof cnt[prop] === 'function' && !cnt[prop][vmc] && !cnt[prop][vmb]) {
  4451.               if (!cnt[prop][vmd]) cnt[prop][vmd] = new Proxy(cnt[prop], pFnHandler2);
  4452.               return cnt[prop][vmd];
  4453.             }
  4454.             return cnt[prop];
  4455.           },
  4456.           set(target, prop, value) {
  4457.             const cnt = kRef(target.ref);
  4458.             if (!cnt) return true;
  4459.             if(value && (value[vmc] || value[vmb])){
  4460.               cnt[prop] = value[vmc] || thisConversionFn(value);
  4461.               return true;
  4462.             }
  4463.             cnt[prop] = value;
  4464.             return true;
  4465.           }
  4466.         };
  4467.     
  4468.         const weakWrap = (thisArg) => {
  4469.           thisArg = thisConversionFn(thisArg);
  4470.           if (!thisArg) {
  4471.             console.error('thisArg is not found');
  4472.             return null;
  4473.           }
  4474.           return new Proxy({ ref: mWeakRef(thisArg) }, proxySelfHandler);
  4475.         }
  4476.  
  4477.  
  4478.  
  4479.  
  4480.  
  4481.  
  4482.         if (!window.getComputedStyle533 && typeof window.getComputedStyle === 'function') {
  4483.           window.getComputedStyle533 = window.getComputedStyle;
  4484.           window.getComputedStyle = function (a, ...args) {
  4485.             a = thisConversionFn(a);
  4486.             if (a) {
  4487.               return getComputedStyle533(a, ...args);
  4488.             }
  4489.             return null;
  4490.           }
  4491.         }
  4492.  
  4493.  
  4494.  
  4495.  
  4496.  
  4497.  
  4498.  
  4499.         // const fnProxySelf = function (...args) {
  4500.         //   const cnt = kRef(this.ref);
  4501.         //   if (cnt) {
  4502.         //     return cnt[this.prop](...args); // might throw error
  4503.         //   }
  4504.         // }
  4505.         // const proxySelfHandler = {
  4506.         //   get(target, prop) {
  4507.         //     const ref = target.ref;
  4508.         //     const cnt = kRef(ref);
  4509.         //     if (!cnt) return;
  4510.         //     if (prop === 'dtz06') return 1;
  4511.         //     if (typeof cnt[prop] === 'function') {
  4512.         //       if (!target.funcs.has(prop)) {
  4513.         //         console.warn(`proxy get to function | prop: ${prop} | is: ${cnt.is}`);
  4514.         //       }
  4515.         //       if (!target[`$$${prop}$$`]) target[`$$${prop}$$`] = fnProxySelf.bind({ prop, ref });
  4516.         //       return target[`$$${prop}$$`];
  4517.         //     }
  4518.         //     return cnt[prop];
  4519.         //   },
  4520.         //   set(target, prop, value) {
  4521.         //     const cnt = kRef(target.ref);
  4522.         //     if (!cnt) return true;
  4523.         //     if (typeof value === 'function') {
  4524.         //       console.warn(`proxy set to function | prop: ${prop} | is: ${cnt.is}`);
  4525.         //       cnt[prop] = value;
  4526.         //       return true;
  4527.         //     }
  4528.         //     cnt[prop] = value;
  4529.         //     return true;
  4530.         //   }
  4531.         // };
  4532.  
  4533.         // return { tickerFuncPropsFn, proxySelfHandler }
  4534.  
  4535.         return {weakWrap}
  4536.       })();
  4537.  
  4538.  
  4539.  
  4540.       if (document.documentElement && document.head) {
  4541.         addCssManaged();
  4542.       }
  4543.       // console.log(document.body===null)
  4544.  
  4545.       const preprocessChatLiveActionsMap = new WeakSet();
  4546.  
  4547.       const toLAObj=(aItem)=>{
  4548.  
  4549.         if (!aItem || typeof aItem !== 'object') return false;
  4550.         const key = firstObjectKey(aItem); // addLiveChatTickerItemAction
  4551.         if (!key) return false;
  4552.         let obj = aItem[key];
  4553.         if (!obj || typeof obj !== 'object') return false;
  4554.  
  4555.         if (typeof (obj.item || 0) == 'object' && firstObjectKey(obj) === 'item') {
  4556.           obj = obj.item;
  4557.           const key = firstObjectKey(obj);
  4558.           if (key) {
  4559.             obj = obj[key];
  4560.           }
  4561.         }
  4562.  
  4563.         return obj;
  4564.  
  4565.       };
  4566.  
  4567.       const groupsK38=[];
  4568.  
  4569.       const weightingFn = (values, weights)=>{
  4570.         // assume all weights are positive
  4571.         // inf -> NaN
  4572.  
  4573.  
  4574.         // Calculate weighted average:
  4575.         // Weighted average = (sum of (value_i * weight_i)) / (sum of weights)
  4576.         let weightedSum = 0;
  4577.         let totalWeight = 0;
  4578.  
  4579.         let qv = 0, qw = 0;
  4580.         for (let i = 0, l = values.length; i < l; i++) {
  4581.           const w = weights[i], v = values[i];
  4582.           if (Number.isFinite(w)) {
  4583.             weightedSum += v * w;
  4584.             totalWeight += w;
  4585.           } else {
  4586.             qv += v; qw++;
  4587.           }
  4588.         }
  4589.         
  4590.         return qw > 0 ? qv / qw : weightedSum / totalWeight;
  4591.       }
  4592.  
  4593.       const doConsolidation = (groups)=>{
  4594.  
  4595.         const b = 5e5;
  4596.         try{
  4597.  
  4598.         const nl = groups.length;  
  4599.         for(const group of groups){
  4600.           const [groupStart, groupEnd, groupMid] = group;
  4601.           const gCen = (groupStart + groupEnd) / 2;
  4602.  
  4603.           group[3] = gCen;
  4604.           group[4] = null;
  4605.  
  4606.         }
  4607.  
  4608.         const resArr = [];
  4609.  
  4610.         for (let j = 0; j < nl; j++) {
  4611.           const gCenJ = groups[j][3];
  4612.  
  4613.           let sb = groups[j][4];
  4614.           if(!sb){
  4615.             groups[j][4] = sb = new Set();
  4616.             resArr.push(sb);
  4617.           }
  4618.           sb.add(j);
  4619.           for (let k = j+1; k < nl; k++) {
  4620.  
  4621.             const gCenK = groups[k][3];
  4622.  
  4623.               let r = ((gCenK-b >= gCenJ-b && gCenK-b <= gCenJ+b) || (gCenK+b >= gCenJ-b && gCenK+b <= gCenJ+b));
  4624.                
  4625.               if(r) {
  4626.                 sb.add(k);
  4627.                 if(!groups[k][4]) groups[k][4] = sb;
  4628.               }
  4629.  
  4630.  
  4631.           }
  4632.  
  4633.         }
  4634.  
  4635.  
  4636.         const resArr2 = resArr.map(e=>[...e]).map(entry=>{
  4637.  
  4638.  
  4639.  
  4640.           const edge1s = entry.map(k => (groups[k][0]));
  4641.           const edge2s = entry.map(k => (groups[k][1]));
  4642.           const ws = entry.map(k => (groups[k][2]));
  4643.           
  4644.  
  4645.           const maxW = Math.max(...ws);
  4646.  
  4647.           const weights = ws.map(w=> maxW/w );
  4648.  
  4649.           const edge1 = weightingFn(edge1s, weights);
  4650.           const edge2 = weightingFn(edge2s, weights);
  4651.  
  4652.           const cen = (edge1 + edge2)/2;
  4653.  
  4654.  
  4655.           return {
  4656.             edge1,
  4657.             edge2,
  4658.             cen,
  4659.             size:  ws.reduce((a, b) => a + b, 0),
  4660.             entry
  4661.           };
  4662.  
  4663.         });
  4664.         for(const e of resArr){
  4665.           e.clear();
  4666.         }
  4667.         resArr.length = 0;
  4668.  
  4669.  
  4670.         return resArr2;
  4671.  
  4672.       }catch(e){
  4673.  
  4674.         console.warn(e)
  4675.         return [];
  4676.  
  4677.       }
  4678.  
  4679.         // console.log(4546, 'resArr', resArr2)
  4680.  
  4681.  
  4682.  
  4683.         
  4684.       }
  4685.  
  4686.       /*
  4687.       const doConsolidation = (groups)=>{
  4688.  
  4689.         const consolidatedGroups = [];
  4690.         for(const group of groups){
  4691.           const [groupStart, groupEnd] = group;
  4692.           const gCen = (groupStart + groupEnd) / 2;
  4693.           let [gMin, gMax] = [gCen - 0.5, gCen + 0.5];
  4694.           consolidatedGroups.push({gMin, gCen, gMax, groups:[], reductionFactor: 1.0});
  4695.  
  4696.         }
  4697.  
  4698.         for (let j = 0; j < consolidatedGroups.length; j++) {
  4699.           const { gMin: gMinJ, gCen: gCenJ, gMax: gMaxJ, groups: groupsJ } = consolidatedGroups[j];
  4700.           for (let k = 0; k < consolidatedGroups.length; k++) {
  4701.  
  4702.             const { gMin: gMinK, gCen: gCenK, gMax: gMaxK } = consolidatedGroups[k];
  4703.  
  4704.             let r = ((gMinK >= gMinJ && gMinK <= gMaxJ) || (gMaxK >= gMinJ && gMaxK <= gMaxJ));
  4705.             if (r) groupsJ.push(k);
  4706.  
  4707.           }
  4708.           if(groupsJ.length > 1){
  4709.  
  4710.             let vMin = 0.0, vMax = 1.0; // vMin = no overlapping;  vMax = with overlapping
  4711.     
  4712.  
  4713.             while ((vMax - vMin) > 1e-3 && vMin > 0) {
  4714.               let vMid = (vMin+vMax)/2;
  4715.  
  4716.               let wJ = (gMaxJ - gMinJ);
  4717.               let gMinJr = gCenJ - wJ * vMid;
  4718.               let gMaxJr = gCenJ + wJ * vMid;
  4719.               let overlapped = false;
  4720.  
  4721.               for (const k of groupsJ) {
  4722.                 if (k === j) continue;
  4723.  
  4724.                 const { gMin: gMinK, gCen: gCenK, gMax: gMaxK } = consolidatedGroups[k];
  4725.  
  4726.                 let wK = (gMaxK - gMinK);
  4727.                 let gMinKr = gCenK - wK * vMid;
  4728.                 let gMaxKr = gCenK + wK * vMid;
  4729.  
  4730.                 let r = ((gMinKr >= gMinJr && gMinKr <= gMaxJr) || (gMaxKr >= gMinJr && gMaxKr <= gMaxJr));
  4731.                 if (r) {
  4732.                   overlapped = true;
  4733.                   break;
  4734.                 }
  4735.  
  4736.               }
  4737.               if(overlapped) vMax = vMid;
  4738.               else vMin = vMid;
  4739.             }
  4740.  
  4741.             //  0.14453125 0.1455078125
  4742.             //  0.0322265625 0.033203125
  4743.             consolidatedGroups[j].reductionFactor = vMin;
  4744.             // console.log(3475, groupsJ, vMin, vMax )
  4745.  
  4746.  
  4747.           }
  4748.         }
  4749.  
  4750.         const aFactors = new Array(consolidatedGroups.length).fill(1);
  4751.         for (let j = 0; j < consolidatedGroups.length; j++) {
  4752.           const groups = consolidatedGroups[j].groups;
  4753.           const reductionFactor = consolidatedGroups[j].reductionFactor;
  4754.           if (reductionFactor < 1) {
  4755.             for (const k of groups) {
  4756.               if (reductionFactor < aFactors[k]) aFactors[k] = reductionFactor;
  4757.             }
  4758.           }
  4759.         }
  4760.  
  4761.  
  4762.         const consolidatedGroups2 = new Array(consolidatedGroups.length);
  4763.         for (let j = 0; j < consolidatedGroups.length; j++) {
  4764.  
  4765.           const factor = aFactors[j];
  4766.           const gCen = consolidatedGroups[j].gCen;
  4767.           const gW = consolidatedGroups[j].gMax - consolidatedGroups[j].gMin;
  4768.           consolidatedGroups2[j] = {
  4769.             gMin:consolidatedGroups[j].gMin,
  4770.             gMax:consolidatedGroups[j].gMax,
  4771.             sMin: gCen - gW * factor,
  4772.             gCen: gCen,
  4773.             sMax: gCen + gW * factor,
  4774.             reductionFactor: factor
  4775.           }
  4776.  
  4777.         }
  4778.  
  4779.         console.log('consolidatedGroups2', consolidatedGroups2)
  4780.  
  4781.         return consolidatedGroups2;
  4782.       }
  4783.       */
  4784.  
  4785.       function insertIntoSortedArray(arr, val) {
  4786.         // Define the binary search boundaries
  4787.         let left = 0;
  4788.         let right = arr.length;
  4789.       
  4790.         // Perform binary search to find correct insertion index
  4791.         while (left < right) {
  4792.           const mid = (left + right) >>> 1; // Using bitwise for floor division
  4793.           if (arr[mid] < val) {
  4794.             left = mid + 1;
  4795.           } else {
  4796.             right = mid;
  4797.           }
  4798.         }
  4799.       
  4800.         // Insert the value at the found index
  4801.         arr.splice(left, 0, val);
  4802.       }
  4803.  
  4804.       function intervalsOverlap(a1, a2, b1, b2) {
  4805.         // Order the intervals without using Math functions
  4806.         var startA = a1 <= a2 ? a1 : a2;
  4807.         var endA   = a1 <= a2 ? a2 : a1;
  4808.       
  4809.         var startB = b1 <= b2 ? b1 : b2;
  4810.         var endB   = b1 <= b2 ? b2 : b1;
  4811.       
  4812.         // Check for overlap
  4813.         return endA >= startB && endB >= startA;
  4814.       }
  4815.  
  4816.  
  4817.       const insertIntoSortedArrayA27 = (arr, val) => {
  4818.         let left = 0;
  4819.         let right = arr.length;
  4820.       
  4821.         // Binary search to find the correct insertion index:
  4822.         // We want the first index where arr[index][2] >= val[2].
  4823.         while (left < right) {
  4824.           const mid = (left + right) >>> 1;
  4825.           if (arr[mid][2] < val[2]) {
  4826.             left = mid + 1;
  4827.           } else {
  4828.             right = mid;
  4829.           }
  4830.         }
  4831.       
  4832.         // 'left' is now the insertion index
  4833.         left === right ? arr.push(val): arr.splice(left, 0, val);
  4834.       };
  4835.  
  4836.  
  4837.       const insertIntoSortedArrayA28 = (arr, val) => {
  4838.         let left = 0;
  4839.         const n = arr.length;
  4840.         let right = n;
  4841.       
  4842.         // Binary search to find the correct insertion index:
  4843.         // We want the first index where arr[index][2] >= val[2].
  4844.         while (left < right) {
  4845.           const mid = (left + right) >>> 1;
  4846.           if (arr[mid][0] < val[0]) {
  4847.             left = mid + 1;
  4848.           } else {
  4849.             right = mid;
  4850.           }
  4851.         }
  4852.       
  4853.         // 'left' is now the insertion index
  4854.         left === n ? arr.push(val): arr.splice(left, 0, val);
  4855.       };
  4856.  
  4857.       /*
  4858.       const insertIntoSortedArrayA27 = (arr, val)=>{
  4859.         // Define the binary search boundaries
  4860.         let left = 0;
  4861.         let right = arr.length-1;
  4862.       
  4863.         // Perform binary search to find correct insertion index
  4864.         while (right - left > 1) {
  4865.           const mid = (left + right) >>> 1; // Using bitwise for floor division
  4866.           if (arr[mid][2] <= val[2]) {
  4867.             left = mid;
  4868.           } else {
  4869.             right = mid;
  4870.           }
  4871.         }
  4872.         let i = -1;
  4873.         if (right >= 0 && right >= left && arr[right][2] <= val[2]) i = right + 1;
  4874.         else if (left >= 0 && right >= left && arr[left][2] <= val[2]) i = left + 1;
  4875.         else if (left === 0 && right >= left) i = 0;
  4876.         if (i >= 0) {
  4877.  
  4878.           // Insert the value at the found index
  4879.           arr.splice(i, 0, val);
  4880.  
  4881.         } else {
  4882.           arr.push(val);
  4883.         }
  4884.  
  4885.       
  4886.       }
  4887.       */
  4888.       function removeNullsInPlace(arr, startI = 0) {
  4889.         let insertPos = startI;
  4890.         for (let i = startI; i < arr.length; i++) {
  4891.           if (arr[i] !== null) {
  4892.             insertPos !== i && (arr[insertPos] = arr[i]);
  4893.             insertPos++;
  4894.           }
  4895.         }
  4896.         arr.length = insertPos; // Remove the trailing nulls.
  4897.       }
  4898.  
  4899.       const preprocessChatLiveActions = (arr) =>{
  4900.  
  4901.         if(!arr || !arr.length) return arr;
  4902.  
  4903.         if(preprocessChatLiveActionsMap.has(arr)) return arr;
  4904.         preprocessChatLiveActionsMap.add(arr);
  4905.  
  4906.  
  4907.  
  4908.         const ct = Date.now();
  4909.  
  4910.         let groups_ = null;
  4911.  
  4912.         // console.log(1237005);
  4913.         // const conversionMap = new WeakMap();
  4914.  
  4915.         const additionalInfo = new WeakMap();
  4916.  
  4917.         // const adjustmentMap = new Map();
  4918.  
  4919.         if (FIX_TIMESTAMP_FOR_REPLAY) {
  4920.  
  4921.           // console.log('group02331')
  4922.           // console.time('FIX_TIMESTAMP_FOR_REPLAY')
  4923.  
  4924.           // const stack = new Array(arr.length);
  4925.           // let stackL = 0;
  4926.  
  4927.           // const arrHash = new Array(arr.length);
  4928.  
  4929.  
  4930.           const groups = groupsK38;
  4931.           // const delta = 2.0; // head-to-tail + 0.5 + 0.5 = 1.0  -> symmetric -> 1.0 * 2 = 2.0
  4932.           // (2)
  4933.           // (1.5, 2.5)
  4934.           // (1.51, 2.49)
  4935.           // -> (1.01, 2.01) , (1.99, 2.99)
  4936.           // 2.99 - 1.01 = 1.98 -> 2
  4937.  
  4938.  
  4939.  
  4940.           const pushToGroup = (t0mu)=>{
  4941.  
  4942.             const t0auDv = t0mu - 1e6; // t0buDv - t0auDv = 2e6
  4943.             const t0buDv = t0mu + 1e6;
  4944.             // const t0auEv = t0mu - 2e6;
  4945.             // const t0buEv = t0mu + 2e6;
  4946.  
  4947.             let groupK = false;
  4948.             // let m = -1;
  4949.             // let q= 0;
  4950.             //const qq =true;
  4951.             //qq && console.log('-------')
  4952.  
  4953.             let lastRight = null;
  4954.             let lastK = null;
  4955.             let deletedStartIndex = -1;
  4956.  
  4957.             for (let k = 0, kl = groups.length; k < kl; k++) {
  4958.  
  4959.               const group = groups[k];
  4960.               const [groupStart, groupEnd, gCount] = group;
  4961.               //qq && console.log(`-- ${k} ----- ${groupMid} : [${groupStart},${groupEnd}] || C1 = ${t0buEv < groupMid} || C2 = ${t0auEv > groupMid}`);
  4962.  
  4963.               // if (t0bsEv < groupMid) continue; // if(t0m + 1.0 < groupMid - 1.0) continue;
  4964.               // if (m < 0) m = k;
  4965.               // if (t0asEv > groupMid){
  4966.               //   continue; // if(t0m - 1.0 > groupMid + 1.0) break;
  4967.               // }
  4968.  
  4969.  
  4970.               // if (m < 0) m = k;
  4971.  
  4972.               if (lastRight > groupStart) {
  4973.                 if (!groupK) {
  4974.                   // just in case sth wrong
  4975.                   console.warn('logic ERROR');
  4976.                   groups[k] = null;
  4977.                   if(deletedStartIndex < 0) deletedStartIndex = k;
  4978.                   break;
  4979.                 } else {
  4980.  
  4981.  
  4982.                   // GroupA: N_a' = N_a + n_e{1} ; Note n_e is the only way to shift right to cause " (lastRight > groupStart) "
  4983.                   // GroupB: N_b
  4984.                   // Merge Group (A) = N_a' + N_b
  4985.  
  4986.                   // without entry moditification, no overlap
  4987.                   // this must be due to entry moditifcation
  4988.                   // entry is already count. so can be skipped after merging
  4989.  
  4990.                   // for merging, groupA will move to right side but left than groupB, so no overlap to groupC
  4991.  
  4992.                   const group = groups[lastK];
  4993.  
  4994.                   group[0] = (group[0] * group[2] + groupStart * gCount) / (group[2] + gCount)
  4995.  
  4996.                   group[1] = lastRight = (group[1] * group[2] + groupEnd * gCount) / (group[2] + gCount)
  4997.  
  4998.                   group[2] = (group[2] + gCount);
  4999.                   // no change of lastK
  5000.                   groups[k] = null;
  5001.                   if(deletedStartIndex < 0) deletedStartIndex = k;
  5002.                   continue;
  5003.                 }
  5004.               }
  5005.  
  5006.               const minGroupStart = lastRight; // all groupStart, groupEnd >= minGroupStart for k, k+1, ...
  5007.               if (t0buDv < minGroupStart) {
  5008.                 // no overlapping could be possible
  5009.                 break;
  5010.               }
  5011.  
  5012.               if (intervalsOverlap(t0auDv, t0buDv, groupStart, groupEnd)) {
  5013.  
  5014.                 groupK = true;
  5015.  
  5016.                 // if (t0auDv > groupStart) group[0] = t0auDv;
  5017.                 // else if (t0buDv < groupEnd) group[1] = t0buDv;
  5018.  
  5019.                 const newStart = (groupStart * gCount + t0auDv) / (gCount + 1);
  5020.  
  5021.                 if (newStart < lastRight) {
  5022.                   // n_e{1} will make N_b shift left
  5023.  
  5024.                   // GroupA: N_a
  5025.                   // GroupB: N_b
  5026.                   // Merge Group (A) = N_a + N_b + n_e{1}
  5027.  
  5028.                   const group = groups[lastK];
  5029.  
  5030.                   group[0] = (group[0] * group[2] + groupStart * gCount + t0auDv) / (group[2] + gCount + 1)
  5031.  
  5032.                   group[1] = lastRight = (group[1] * group[2] + groupEnd * gCount + t0buDv) / (group[2] + gCount + 1)
  5033.  
  5034.                   group[2] = (group[2] + gCount + 1);
  5035.                    // no change of lastK
  5036.                   groups[k] = null;
  5037.                   if(deletedStartIndex < 0) deletedStartIndex = k;
  5038.                   continue;
  5039.  
  5040.                 } else {
  5041.                   // n_e{1} will make N_b shift either left or right
  5042.  
  5043.                   // GroupT: N_t
  5044.                   // Group (T) = N_t + n_e{1}
  5045.  
  5046.                   group[0] = newStart;
  5047.                   group[1] = lastRight = (groupEnd * gCount + t0buDv) / (gCount + 1);
  5048.                   group[2] = gCount + 1;
  5049.  
  5050.                   lastK = k;
  5051.  
  5052.                   //  (t0asDv > groupStart)  &&  (t0bsDv < groupEnd)   means full containement
  5053.                   // however, group size is smaller than or equal to t0width
  5054.                 }
  5055.                 
  5056.  
  5057.               } else {
  5058.                 // just update record for next iteration
  5059.  
  5060.                 lastRight = groupEnd;
  5061.                 lastK = k;
  5062.               }
  5063.  
  5064.  
  5065.  
  5066.             }
  5067.  
  5068.             if (deletedStartIndex >= 0) {
  5069.               // rarely used
  5070.  
  5071.               removeNullsInPlace(groups, deletedStartIndex);
  5072.  
  5073.             }
  5074.             if (!groupK) {
  5075.               // groups.push([t0auDv, t0buDv, 1]);
  5076.               insertIntoSortedArrayA28(groups, [t0auDv, t0buDv, 1]);
  5077.               // insertIntoSortedArrayA27(groups, [t0auDv, t0buDv, t0mu]);
  5078.             }
  5079.  
  5080.  
  5081.           }
  5082.  
  5083.           let autoTimeStampFrameChoose = 0;
  5084.  
  5085.           const noTransform = (x) => {
  5086.  
  5087.             return x;
  5088.           }
  5089.  
  5090.           const prettyNum = (x) => {
  5091.  
  5092.             if (x > 1110553200000000) return +(x / 1e6 - autoTimeStampFrameChoose).toFixed(2);
  5093.             return x;
  5094.           }
  5095.  
  5096.  
  5097.           // console.log('group02332')
  5098.           for (let j = 0, l = arr.length; j < l; j++) {
  5099.             const aItem = arr[j];
  5100.  
  5101.             const obj = toLAObj(aItem);
  5102.             if (obj === false) continue;
  5103.  
  5104.             let p = obj.timestampText;
  5105.             let p2, p3=null, p4a=null, p4b=null;
  5106.             if(p&&p.simpleText ) p2 = p.simpleText;
  5107.  
  5108.             let q = obj.timestampUsec ;
  5109.             let q2;
  5110.             
  5111.             if(q && +q > 1110553200000000) q2 = +q;
  5112.             if (q2 > 0 && !autoTimeStampFrameChoose) {
  5113.               const q2cc = Math.round(q2 / 1e6);
  5114.               autoTimeStampFrameChoose = q2cc - (q2cc % 10000000);
  5115.               if (q2cc - autoTimeStampFrameChoose < 2000000) autoTimeStampFrameChoose -= 10000000;
  5116.               // around 10day range
  5117.               // exceeded ~10day -> above 10000000
  5118.             }
  5119.  
  5120.           // console.log('group02333', p2, q2)
  5121.             // console.log(3775, q2/1e6, autoTimeStampFrameChoose)
  5122.  
  5123.             if(p2 && q2){
  5124.  
  5125.               let m;
  5126.  
  5127.               if (m = /^\s*(-?)(\d+):(\d+)\s*$/.exec(p2)) {
  5128.                 let c0z = m[1] ? -1 : 1;
  5129.                 let c1 = (+m[2]);
  5130.                 let c2 = (+m[3]);
  5131.                 if (c0z > 0 && c1 >= 0 && c2 >= 0) {
  5132.  
  5133.                   p3 = c1 * 60 + c2;
  5134.                 } else if (c0z < 0 && c1 >= 0 && c2 >= 0) {
  5135.                   // -4:43 -> -4:42 -> -4:41 ... -> -4:01 -> -4:00 -> -3:59 -> -3:58 
  5136.                   // -> ... -1:01 -> -1:00 -> -0:59 -> ... -> -0:02 -> -0:01 -> -0:00 -> 0:00 -> ...
  5137.  
  5138.                   p3 = (-c1 * 60) + (-c2);
  5139.  
  5140.                 }
  5141.                 if (p3 !== null) {
  5142.                   // 0:14 -> 13.5s ~ 14.4999s -> [13.5, 14.5)
  5143.                   p4a = p3 - 0.5;
  5144.                   p4b = p3 + 0.5;
  5145.                 }
  5146.               } else if (m = /^\s*(-?)(\d+):(\d+):(\d+)\s*$/.exec(p2)) {
  5147.  
  5148.                 let c0z = m[1] ? -1 : 1;
  5149.                 let c1 = (+m[2]);
  5150.                 let c2 = (+m[3]);
  5151.                 let c3 = (+m[4]);
  5152.  
  5153.  
  5154.  
  5155.                 if (c0z > 0 && c1 >= 0 && c2 >= 0 && c3 >= 0) {
  5156.  
  5157.                   p3 = c1 * 60 * 60 + c2 * 60 + c3;
  5158.                 } else if (c0z < 0 && c1 >= 0 && c2 >= 0 && c3>=0) {
  5159.                   // -4:43 -> -4:42 -> -4:41 ... -> -4:01 -> -4:00 -> -3:59 -> -3:58 
  5160.                   // -> ... -1:01 -> -1:00 -> -0:59 -> ... -> -0:02 -> -0:01 -> -0:00 -> 0:00 -> ...
  5161.  
  5162.                   p3 = (-c1 * 60 * 60) + (-c2 * 60) + (-c3);
  5163.  
  5164.                 }
  5165.                 if (p3 !== null) {
  5166.                   // 0:14 -> 13.5s ~ 14.4999s -> [13.5, 14.5)
  5167.                   p4a = p3 - 0.5;
  5168.                   p4b = p3 + 0.5;
  5169.                 }
  5170.  
  5171.  
  5172.               }
  5173.  
  5174.             }
  5175.  
  5176.             if(p4a !== null && p4b !== null && q2 > 0){
  5177.  
  5178.               // q2_us = t0_us + dt_us
  5179.               // p4a_us <= dt_us < p4b_us
  5180.               let p4au = p4a * 1e6;
  5181.               let p4bu = p4b * 1e6;
  5182.  
  5183.               // p4a_us <= q2_us - t0_us < p4b_us
  5184.  
  5185.  
  5186.               // p4a_us - q2_us <=  - t0_us < p4b_us - q2_us
  5187.  
  5188.               // -p4a_us + q2_us >= t0_us > -p4b_us + q2_us
  5189.  
  5190.  
  5191.               let t0au = q2 - p4bu; // q2_us - p4b_us
  5192.               let t0bu = q2 - p4au; // q2_us - p4a_us
  5193.  
  5194.               // t0 (t0au, t0bu]
  5195.  
  5196.               const t0mu = (t0au+t0bu)/2;
  5197.  
  5198.               // stack[stackL++]=({
  5199.               //   id: obj.id,
  5200.               //   idx: j,
  5201.               //   p2,
  5202.               //   // q2s : (q2/ 1e6 - autoTimeStampFrameChoose).toFixed(2),
  5203.               //   p3,
  5204.               //   /*
  5205.               //   timestampText: obj.timestampText,
  5206.               //   timestampUsec: obj.timestampUsec, // us = 1/1000 ms
  5207.               //   q2,
  5208.               //   p4a,
  5209.               //   p4b,
  5210.               //   */
  5211.               //   q2s: +(q2 / 1e6 - autoTimeStampFrameChoose).toFixed(2), 
  5212.               //   t0as: +(t0au / 1e6 - autoTimeStampFrameChoose).toFixed(2), 
  5213.               //   t0bs: +(t0bu /1e6 - autoTimeStampFrameChoose).toFixed(2),
  5214.  
  5215.               //   t0au,
  5216.               //   t0bu,
  5217.               //   t0mu
  5218.               // });
  5219.  
  5220.               // console.log('group02334')
  5221.               let wobj = additionalInfo.get(obj);
  5222.               if(!wobj) additionalInfo.set(obj, wobj = {});
  5223.  
  5224.               wobj.timestampUsecOriginal = q2;
  5225.               // wobj.timestampUsecAdjusted = q2;
  5226.               wobj.t0au = t0au;
  5227.               wobj.t0bu = t0bu;
  5228.               wobj.t0mu = t0mu;
  5229.  
  5230.               // arrHash[j] = {
  5231.               //   index: j,
  5232.               //   id: obj.id,
  5233.               //   timestampUsec: q2,
  5234.               //   t0au,
  5235.               //   t0bu,
  5236.               //   t0mu
  5237.               // };
  5238.  
  5239.               pushToGroup(t0mu);
  5240.  
  5241.               // console.log('group02335')
  5242.               // console.log('grouping', `${obj.id}.${obj.timestampUsec}`);
  5243.  
  5244.               // timestamp (q2) can be incorrect.
  5245.  
  5246.               // https://www.youtube.com/watch?v=IKKar5SS29E
  5247.               // ChwKGkNQZUxfXzZxLS04Q0ZXNGxyUVlkODZrQzNR
  5248.  
  5249.               /*
  5250.  
  5251.  
  5252.                   [
  5253.                     {
  5254.                       "id": "ChwKGkNNWHZqXy1xLS04Q0ZXNGxyUVlkODZrQzNR",
  5255.                       "p2": "2:04",
  5256.                       "p3": 124,
  5257.                       "t0as": 8320733.78,
  5258.                       "t0bs": 8320734.78
  5259.                     },
  5260.                     {
  5261.                       "id": "ChwKGkNQZUxfXzZxLS04Q0ZXNGxyUVlkODZrQzNR",
  5262.                       "p2": "2:04",
  5263.                       "p3": 124,
  5264.                       "t0as": 8320898.89, // incorrect
  5265.                       "t0bs": 8320899.89
  5266.                     }
  5267.                   ]
  5268.  
  5269.  
  5270.               */
  5271.  
  5272.             }
  5273.  
  5274.             
  5275.             
  5276.  
  5277.           }
  5278.  
  5279.           // stack.length = stackL;
  5280.  
  5281.  
  5282.           groups_ = groups;
  5283.           // console.log('groups', groups)
  5284.  
  5285.         }
  5286.  
  5287.         // console.log(1237006);
  5288.  
  5289.         const groupMids = FIX_TIMESTAMP_FOR_REPLAY ? groups_.map(group=>{
  5290.  
  5291.           const [groupStart, groupEnd ] = group;
  5292.           const groupMid = (groupStart+groupEnd)/2;
  5293.           return groupMid;
  5294.         }): null;
  5295.         // console.log('groupMids', groupMids)
  5296.  
  5297.  
  5298.         // console.log(1237007);
  5299.  
  5300.         const adjustTimestampFn = (obj) => {
  5301.  
  5302.           const groupCount = groupMids.length;
  5303.  
  5304.           if (groupCount < 1) return null;
  5305.  
  5306.           // const obj = toLAObj(aItem);
  5307.           if (obj === false) return null;
  5308.  
  5309.           const wobj = additionalInfo.get(obj);
  5310.           if (!wobj) return null;
  5311.  
  5312.           const { t0mu } = wobj;
  5313.  
  5314.  
  5315.           let i0 = 0;
  5316.  
  5317.           if (groupCount >= 3) {
  5318.             // For larger arrays, use binary search.
  5319.             let low = 0;
  5320.             let high = groupCount - 1;
  5321.  
  5322.             while (high - low > 1) {
  5323.               const mid = (low + high) >>> 1;
  5324.               if (groupMids[mid] >= t0mu) {
  5325.                 high = mid;
  5326.               } else {
  5327.                 low = mid;
  5328.               }
  5329.             }
  5330.             i0 = low;
  5331.  
  5332.           }
  5333.  
  5334.           let upperDiff = -1; 
  5335.           let lowerDiff = -1;
  5336.           for (let i = i0; i < groupCount; i++) {
  5337.             const y = groupMids[i] - t0mu;
  5338.             if (y >= 0) {
  5339.               upperDiff = y; // >=0, entry > value is found
  5340.               break;
  5341.             }
  5342.             lowerDiff = -y; // >0, cache
  5343.           }
  5344.  
  5345.  
  5346.           const d1 = upperDiff;
  5347.           const d2 = lowerDiff;
  5348.  
  5349.  
  5350.           // console.log(5381, index1 ,d1, index2 , d2);
  5351.  
  5352.           if (d1 >= 0 && ((d2 < 0) || (d1 <= d2))) {
  5353.             wobj.chosenT0 = t0mu + d1; // groupMids[index1];
  5354.           } else if (d2 >= 0 && ((d1 < 0) || (d2 <= d1))) {
  5355.             wobj.chosenT0 = t0mu - d2; // groupMids[index2];
  5356.           } else {
  5357.             console.warn('logic error');
  5358.             return null;
  5359.           }
  5360.  
  5361.           const adjusted = wobj.timestampUsecOriginal - wobj.chosenT0;
  5362.  
  5363.           wobj.timestampUsecAdjusted = adjusted + 1110553200000000;
  5364.  
  5365.           // console.log('adjusted', `${obj.id}.${obj.timestampUsec}`, wobj.timestampUsecOriginal - wobj.chosenT0);
  5366.  
  5367.           // adjustmentMap.set(`${obj.id}.${obj.timestampUsec}`, wobj.timestampUsecOriginal - wobj.chosenT0);
  5368.  
  5369.           return adjusted;
  5370.  
  5371.  
  5372.  
  5373.         };
  5374.  
  5375.  
  5376.         // console.log(1237008);
  5377.         // if (FIX_TIMESTAMP_FOR_REPLAY) {
  5378.  
  5379.  
  5380.         //   try{
  5381.  
  5382.         //     // console.log('groupmid',groupMids, groups);
  5383.  
  5384.         //     for(let j = 0; j< arr.length;j++){
  5385.         //       if(groupMids.length<1) break;
  5386.  
  5387.         //       const aItem = arr[j];
  5388.         //       const obj = toLAObj(aItem);
  5389.         //       if (obj === false) continue;
  5390.  
  5391.         //       const wobj = additionalInfo.get(obj);
  5392.         //       if(!wobj) continue;
  5393.  
  5394.         //       // wobj.timestampUsecOriginal = q2;
  5395.         //       // wobj.timestampUsecAdjusted = q2;
  5396.         //       // wobj.t0au = t0au;
  5397.         //       // wobj.t0bu = t0bu;
  5398.         //       // wobj.t0mu = t0mu;
  5399.  
  5400.         //       const {t0au, t0bu, t0mu} = wobj;
  5401.  
  5402.         //       let upper = -1;
  5403.  
  5404.         //       for(let i = 0; i <groupMids.length;i++){
  5405.         //         const groupMid = groupMids[i];
  5406.         //         if(groupMid>= t0mu){
  5407.         //           upper = i;
  5408.         //           break;
  5409.         //         }
  5410.         //       }
  5411.         //       let index1, index2;
  5412.         //       if(upper>-1){
  5413.         //         index1 = upper-1;
  5414.         //         index2 = upper;
  5415.         //       }else{
  5416.         //         index1 = groups.length-1;
  5417.         //         index2 = -1;
  5418.         //       }
  5419.         //       let d1 = null;
  5420.         //       if(index1 >=0){
  5421.         //         d1 = Math.abs(groupMids[index1] - t0mu);
  5422.         //       }
  5423.   
  5424.         //       let d2 = null;
  5425.         //       if(index2 >=0){
  5426.         //         d2 = Math.abs(groupMids[index2] - t0mu);
  5427.         //       }
  5428.         //       // console.log(5381, index1 ,d1, index2 , d2);
  5429.         //       if(d1 >= 0 && ((d1 <= d2) || (d2 === null)) ){
  5430.                 
  5431.         //         wobj.chosenT0 = groupMids[index1];
  5432.         //       } else if(d2 >= 0 &&  ((d2 <= d1) || (d1 === null))){
  5433.         //         wobj.chosenT0 = groupMids[index2];
  5434.         //       } else {
  5435.         //         console.warn('logic error');
  5436.         //         continue;
  5437.         //       }
  5438.  
  5439.         //       wobj.timestampUsecAdjusted =  wobj.timestampUsecOriginal - wobj.chosenT0 + 1110553200000000;
  5440.  
  5441.         //       console.log('adjusted', `${obj.id}.${obj.timestampUsec}`,  wobj.timestampUsecOriginal - wobj.chosenT0);
  5442.  
  5443.         //       adjustmentMap.set(`${obj.id}.${obj.timestampUsec}`, wobj.timestampUsecOriginal - wobj.chosenT0);
  5444.         //       // conversionMap.set(obj, arrHash[j].adjustedTime);
  5445.  
  5446.         //       // console.log(5382, index, id, t0mu, arrHash[j].adjustedT0, arrHash[j].timestampUsec, arrHash[j].adjustedTime);
  5447.   
  5448.         //     }
  5449.   
  5450.  
  5451.         //   }catch(e){
  5452.         //     console.warn(e);
  5453.         //   }
  5454.  
  5455.  
  5456.  
  5457.  
  5458.  
  5459.         //   // if(stack.length > 1){
  5460.         //   //   stack.sort((a,b)=>{
  5461.         //   //     return a.t0mu - b.t0mu
  5462.         //   //   });
  5463.         //   //   // small to large
  5464.         //   //   // console.log(34588, stack.map(e=>e.t0as))
  5465.         //   // }
  5466.  
  5467.         //   // grouping
  5468.  
  5469.  
  5470.  
  5471.  
  5472.         //   // if (stack.length > 0) {
  5473.  
  5474.         //   //   try {
  5475.  
  5476.         //   //     for (let j = 0, l = stack.length; j < l; j++) {
  5477.         //   //       pushToGroup(stack[j].t0mu);
  5478.  
  5479.         //   //     }
  5480.  
  5481.         //   //   }catch(e){
  5482.  
  5483.         //   //     console.warn(e)
  5484.         //   //   }
  5485.  
  5486.         //   //   // console.log(4882, groups.map(e=>e.slice()), stack.slice())
  5487.  
  5488.         //   // }
  5489.  
  5490.           
  5491.  
  5492.  
  5493.         //   // console.log(376, 'group', groups);
  5494.  
  5495.  
  5496.         //   // consolidated group
  5497.         //   //  const consolidatedGroups = doConsolidation(groups);
  5498.  
  5499.  
  5500.  
  5501.  
  5502.  
  5503.  
  5504.         //   // if(stack.length > 1){
  5505.  
  5506.  
  5507.         //   //   // // console.log(341, 'consolidatedGroups', consolidatedGroups ,groups.map(e=>{
  5508.         //   //   // //   return e.map(noTransform);
  5509.         //   //   // //   // return e.map(prettyNum);
  5510.         //   //   // // }))
  5511.  
  5512.  
  5513.         //   //   // console.log(344, 'groups', groups.map(e=>{
  5514.         //   //   //   return e.map(noTransform);
  5515.         //   //   //   // return e.map(prettyNum);
  5516.         //   //   // }))
  5517.  
  5518.         //   //   // // for(const s of stack){
  5519.         //   //   // //   for(const g of consolidatedGroups){
  5520.         //   //   // //     if(s.t0as<=g.cen && s.t0bs >=g.cen ){
  5521.         //   //   // //       s.cen = g.cen;
  5522.         //   //   // //       break;
  5523.         //   //   // //     }
  5524.         //   //   // //   }
  5525.  
  5526.         //   //   // // }
  5527.  
  5528.         //   //   // console.log(377, stack) // Ms
  5529.  
  5530.         //   // } 
  5531.  
  5532.  
  5533.         //   // console.timeEnd('FIX_TIMESTAMP_FOR_REPLAY')
  5534.  
  5535.         // }
  5536.  
  5537.  
  5538.  
  5539.  
  5540.  
  5541.  
  5542.  
  5543.  
  5544.  
  5545.         
  5546.  
  5547.         // console.log('preprocessChatLiveActions', arr)
  5548.  
  5549.  
  5550.         const mapper = new Map();
  5551.  
  5552.         // without delaying. get the time of request 
  5553.         // (both streaming and replay, but replay relys on progress update so background operation is suppressed)
  5554.         
  5555.         for (let j = 0, l = arr.length; j < l; j++) {
  5556.           const aItem = arr[j];
  5557.  
  5558.           const obj = toLAObj(aItem);
  5559.           if(obj === false) continue;
  5560.         
  5561.           if (obj.id && !obj.__timestampActionRequest__) {
  5562.             // for all item entries
  5563.             obj.__timestampActionRequest__ = ct;
  5564.           }
  5565.  
  5566.           if (obj.id && obj.__timestampActionRequest__ > 0 && obj.durationSec > 0 && obj.fullDurationSec) {
  5567.  
  5568.             // console.log(948700, obj , obj.id, (obj.fullDurationSec - obj.durationSec) * 1000)
  5569.             const m = obj.__timestampActionRequest__ - (obj.fullDurationSec - obj.durationSec) * 1000;
  5570.             // obj.__orderTime__ = m;
  5571.             mapper.set(aItem, m);
  5572.  
  5573.  
  5574.           }
  5575.  
  5576.         }
  5577.  
  5578.         if (mapper.size > 1) {
  5579.  
  5580.           const idxices = [];
  5581.  
  5582.           // sort ticker
  5583.           let mArr1 = arr.filter((aItem,idx) => {
  5584.  
  5585.             if (mapper.has(aItem)) {
  5586.               idxices.push(idx);
  5587.               return true;
  5588.             }
  5589.             return false;
  5590.  
  5591.           });
  5592.  
  5593.  
  5594.           let mArr2 = mArr1/*.slice(0)*/.sort((a, b) => {
  5595.             return mapper.get(a) - mapper.get(b);
  5596.             // low index = oldest = smallest timestamp
  5597.           });
  5598.  
  5599.  
  5600.  
  5601.           // console.log(948701, arr.slice(0));
  5602.           for(let j = 0, l=mArr1.length;j <l;j++){
  5603.  
  5604.             const idx = idxices[j];
  5605.             // arr[idx] = mArr1[j]
  5606.             arr[idx] = mArr2[j];
  5607.  
  5608.             // const obj1 = toObj(mArr1[j]);
  5609.             // const obj2 = toObj(mArr2[j]);
  5610.  
  5611.             // console.log(948705, idx, obj1 , obj1.id, (obj1.fullDurationSec - obj1.durationSec) * 1000, obj1.__orderTime__)
  5612.  
  5613.             // console.log(948706, idx, obj2 , obj2.id, (obj2.fullDurationSec - obj2.durationSec) * 1000, obj2.__orderTime__)
  5614.  
  5615.           }
  5616.  
  5617.           // console.log(948702, arr.slice(0));
  5618.           // console.log(948701, arr);
  5619.           // arr = arr.map(aItem => {
  5620.           //   const idx = mArr1.indexOf(aItem);
  5621.           //   if (idx < 0) return aItem;
  5622.           //   return mArr2[idx];
  5623.           // });
  5624.           // console.log(948702, arr);
  5625.  
  5626.           // mostly in order, but some not in order
  5627.  
  5628.  
  5629.           // eg
  5630.  
  5631.           /*
  5632.  
  5633.  
  5634.             948711 68 '1734488590715474'
  5635.             948711 69 '1734488590909853'
  5636.               948711 70 '1734488594763719'
  5637.               948711 71 '1734488602334615' <
  5638.               948711 72 '1734488602267214' <
  5639.               948711 73 '1734488602751771'
  5640.           */
  5641.  
  5642.           // arr.filter(aItem=>{
  5643.  
  5644.           //   const p = toObj(aItem);
  5645.           //   if(p.timestampUsec) return true;
  5646.  
  5647.           // }).forEach((aItem,idx)=>{
  5648.  
  5649.           //   const p = toObj(aItem);
  5650.           //   console.log(948711, idx, p.timestampUsec);
  5651.           // })
  5652.  
  5653.           // return arr;
  5654.  
  5655.         }
  5656.  
  5657.         // console.log(1237001);
  5658.  
  5659.         {
  5660.  
  5661.  
  5662.           const mapper = new Map();
  5663.  
  5664.  
  5665.           const idxices = [];
  5666.  
  5667.  
  5668.           let mArr1 = arr.filter((aItem,idx) => {
  5669.  
  5670.             const obj = toLAObj(aItem);
  5671.             if (!obj) return false;
  5672.  
  5673.             const baseText = obj.timestampText;
  5674.             const baseTime = +obj.timestampUsec;
  5675.             if (!baseTime || !baseText) return false;
  5676.             // const timestampUsec = +toLAObj(aItem).timestampUsec; // +false.x = NaN
  5677.             // const timestampUsec = +toLAObj(aItem).adjustedTime;
  5678.  
  5679.             let timestampUsec;
  5680.  
  5681.             // console.log(1237002)
  5682.             if (FIX_TIMESTAMP_FOR_REPLAY) {
  5683.  
  5684.               // const adjustmentTime = adjustmentMap.get(`${obj.id}.${obj.timestampUsec}`);
  5685.  
  5686.               // // const wobj = additionalInfo.get(obj);
  5687.  
  5688.               // // if(!wobj){
  5689.               // //   console.warn('FIX_TIMESTAMP_FOR_REPLAY - no wobj', obj)
  5690.               // //   return false;
  5691.               // // }
  5692.  
  5693.               // // timestampUsec =  +wobj.timestampUsecAdjusted;
  5694.               // if (!Number.isFinite(adjustmentTime)) {
  5695.               //   console.warn(`FIX_TIMESTAMP_FOR_REPLAY - no adjustmentTime for ${obj.id}.${obj.timestampUsec}`, obj, [...adjustmentMap])
  5696.               //   return false;
  5697.               // }
  5698.               // timestampUsec = adjustmentTime;
  5699.  
  5700.  
  5701.               const adjustmentTime = adjustTimestampFn(obj);
  5702.  
  5703.               if (!Number.isFinite(adjustmentTime)) {
  5704.  
  5705.                 console.warn(`FIX_TIMESTAMP_FOR_REPLAY - no adjustmentTime for ${obj.id}.${obj.timestampUsec}`, obj);
  5706.                 return false;
  5707.               }
  5708.               timestampUsec = adjustmentTime;
  5709.  
  5710.  
  5711.             } else {
  5712.  
  5713.               if (!Number.isFinite(baseTime)) {
  5714.                 console.warn(`no baseTime for ${obj.id}.${obj.timestampUsec}`, obj);
  5715.                 
  5716.                 return false;
  5717.               }
  5718.               timestampUsec = baseTime;
  5719.  
  5720.             }
  5721.  
  5722.             // if(timestampUsec > 0){
  5723.               idxices.push(idx);
  5724.               mapper.set(aItem, timestampUsec)
  5725.               return true;
  5726.             // }
  5727.             // return false;
  5728.   
  5729.           });
  5730.  
  5731.           if(mapper.size > 1){
  5732.  
  5733.   
  5734.             // console.log(1237004)
  5735.             let mArr2 = mArr1/*.slice(0)*/.sort((a, b) => {
  5736.               return mapper.get(a) - mapper.get(b);
  5737.               // low index = oldest = smallest timestamp
  5738.             });
  5739.     
  5740.     
  5741.     
  5742.             // console.log(948701, arr.slice(0));
  5743.             for(let j = 0, l=mArr1.length;j <l;j++){
  5744.     
  5745.               const idx = idxices[j];
  5746.               arr[idx] = mArr2[j];
  5747.   
  5748.               // const obj1 = toObj(mArr1[j]);
  5749.               // const obj2 = toObj(mArr2[j]);
  5750.   
  5751.               
  5752.               // console.log(948711, idx, obj1 === obj2, obj1, obj1.timestampUsec);
  5753.               // console.log(948712, idx, obj1 === obj2, obj2, obj2.timestampUsec);
  5754.             }
  5755.  
  5756.           }
  5757.   
  5758.  
  5759.         }
  5760.  
  5761.         // console.log(1237005)
  5762.  
  5763.         // console.log(378, arr);
  5764.  
  5765.         return arr;
  5766.  
  5767.  
  5768.       }
  5769.  
  5770.       if (ATTEMPT_TICKER_ANIMATION_START_TIME_DETECTION) {
  5771.         getLCRDummy().then(async (lcrDummy) => {
  5772.  
  5773.           const tag = "yt-live-chat-renderer"
  5774.           const dummy = lcrDummy;
  5775.  
  5776.           const cProto = getProto(dummy);
  5777.           if (!cProto || !cProto.attached) {
  5778.             console.warn(`proto.attached for ${tag} is unavailable.`);
  5779.             return;
  5780.           }
  5781.  
  5782.           mightFirstCheckOnYtInit();
  5783.           groupCollapsed("YouTube Super Fast Chat", " | yt-live-chat-renderer hacks");
  5784.           console.log("[Begin]");
  5785.  
  5786.  
  5787.  
  5788.  
  5789.  
  5790.  
  5791.           if (typeof cProto.playerProgressChanged_ === 'function' && !cProto.playerProgressChanged32_) {
  5792.  
  5793.             cProto.playerProgressChanged32_ = cProto.playerProgressChanged_;
  5794.  
  5795.             const pop078 = function () {
  5796.               const r = this.pop78();
  5797.  
  5798.               if (r && (r.actions || 0).length >= 1 && r.videoOffsetTimeMsec) {
  5799.                 for (const action of r.actions) {
  5800.  
  5801.                   const itemActionKey = !action ? null : 'addChatItemAction' in action ? 'addChatItemAction' : 'addLiveChatTickerItemAction' in action ? 'addLiveChatTickerItemAction' : null;
  5802.                   if (itemActionKey) {
  5803.  
  5804.                     const itemAction = action[itemActionKey];
  5805.                     const item = (itemAction || 0).item;
  5806.                     if (typeof item === 'object') {
  5807.  
  5808.                       const rendererKey = firstObjectKey(item);
  5809.                       if (rendererKey) {
  5810.                         const renderer = item[rendererKey];
  5811.                         if (renderer && typeof renderer === 'object') {
  5812.                           renderer.__videoOffsetTimeMsec__ = r.videoOffsetTimeMsec;
  5813.                           renderer.__progressAt__ = playerProgressChangedArg1;
  5814.  
  5815.                           // console.log(48117006)
  5816.                         }
  5817.  
  5818.                       }
  5819.  
  5820.                     }
  5821.                   }
  5822.                 }
  5823.               }
  5824.               return r;
  5825.             }
  5826.  
  5827.             const replayQueueProxyHandler = {
  5828.               get(target, prop, receiver) {
  5829.                 if (prop === 'qe3') return 1;
  5830.                 const v = target[prop];
  5831.                 if (prop === 'front_') {
  5832.                   if (v && typeof v.length === 'number') {
  5833.                     if (!v.pop78) {
  5834.                       v.pop78 = v.pop;
  5835.                       v.pop = pop078;
  5836.                     }
  5837.                   }
  5838.                 }
  5839.                 return v;
  5840.               }
  5841.             };
  5842.  
  5843.             cProto.playerProgressChanged_ = function (a, b, c) {
  5844.               // console.log(48117005)
  5845.               playerProgressChangedArg1 = a;
  5846.               playerProgressChangedArg2 = b;
  5847.               playerProgressChangedArg3 = c;
  5848.               const replayBuffer_ = this.replayBuffer_;
  5849.               if (replayBuffer_) {
  5850.                 const replayQueue = replayBuffer_.replayQueue
  5851.                 if (replayQueue && typeof replayQueue === 'object' && !replayQueue.qe3) {
  5852.                   replayBuffer_.replayQueue = new Proxy(replayBuffer_.replayQueue, replayQueueProxyHandler);
  5853.                 }
  5854.               }
  5855.               Promise.resolve().then(updateTickerCurrentTime);
  5856.               return this.playerProgressChanged32_.apply(this, arguments);
  5857.             };
  5858.  
  5859.           }
  5860.  
  5861.           console.log("[End]");
  5862.           console.groupEnd();
  5863.  
  5864.  
  5865.         });
  5866.  
  5867.       }
  5868.  
  5869.  
  5870.  
  5871.       customElements.whenDefined('yt-live-chat-item-list-renderer').then(() => {
  5872.  
  5873.  
  5874.         const tag = "yt-live-chat-item-list-renderer"
  5875.         const dummy = document.createElement(tag);
  5876.  
  5877.         const cProto = getProto(dummy);
  5878.         if (!cProto || !cProto.attached) {
  5879.           console.warn(`proto.attached for ${tag} is unavailable.`);
  5880.           return;
  5881.         }
  5882.  
  5883.         mightFirstCheckOnYtInit();
  5884.         groupCollapsed("YouTube Super Fast Chat", " | yt-live-chat-item-list-renderer hacks");
  5885.         console.log("[Begin]");
  5886.  
  5887.         const mclp = cProto;
  5888.         const _flag0281_ = window._flag0281_ || mclp._flag0281_;
  5889.  
  5890.         try {
  5891.           assertor(() => typeof mclp.scrollToBottom_ === 'function');
  5892.           assertor(() => typeof mclp.flushActiveItems_ === 'function');
  5893.           assertor(() => typeof mclp.canScrollToBottom_ === 'function');
  5894.           assertor(() => typeof mclp.setAtBottom === 'function');
  5895.           assertor(() => typeof mclp.scrollToBottom66_ === 'undefined');
  5896.           assertor(() => typeof mclp.flushActiveItems66_ === 'undefined');
  5897.         } catch (e) { }
  5898.  
  5899.  
  5900.         try {
  5901.           assertor(() => typeof mclp.attached === 'function');
  5902.           assertor(() => typeof mclp.detached === 'function');
  5903.           assertor(() => typeof mclp.canScrollToBottom_ === 'function');
  5904.           assertor(() => typeof mclp.isSmoothScrollEnabled_ === 'function');
  5905.           assertor(() => typeof mclp.maybeResizeScrollContainer_ === 'function');
  5906.           assertor(() => typeof mclp.refreshOffsetContainerHeight_ === 'function');
  5907.           assertor(() => typeof mclp.smoothScroll_ === 'function');
  5908.           assertor(() => typeof mclp.resetSmoothScroll_ === 'function');
  5909.         } catch (e) { }
  5910.  
  5911.         mclp.__intermediate_delay__ = null;
  5912.  
  5913.         let myk = 0;
  5914.         let mlf = 0;
  5915.         let myw = 0;
  5916.         let mzt = 0;
  5917.         let zarr = null;
  5918.         let mlg = 0;
  5919.  
  5920.         if ((_flag0281_ & 0x2000) == 0) {
  5921.  
  5922.           if ((mclp.clearList || 0).length === 0) {
  5923.             (_flag0281_ & 0x2) == 0 && assertor(() => fnIntegrity(mclp.clearList, '0.106.50'));
  5924.             mclp.clearList66 = mclp.clearList;
  5925.             mclp.clearList = function () {
  5926.               myk++;
  5927.               mlf++;
  5928.               myw++;
  5929.               mzt++;
  5930.               mlg++;
  5931.               zarr = null;
  5932.               this.__intermediate_delay__ = null;
  5933.               this.clearList66();
  5934.             };
  5935.             console.log("clearList", "OK");
  5936.           } else {
  5937.             console.log("clearList", "NG");
  5938.           }
  5939.  
  5940.         }
  5941.  
  5942.  
  5943.  
  5944.         let onListRendererAttachedDone = false;
  5945.  
  5946.         function setList(itemOffset, items) {
  5947.  
  5948.           const isFirstTime = onListRendererAttachedDone === false;
  5949.  
  5950.           if (isFirstTime) {
  5951.             onListRendererAttachedDone = true;
  5952.             Promise.resolve().then(watchUserCSS);
  5953.             addCssManaged();
  5954.             setupEvents();
  5955.           }
  5956.  
  5957.           setupStyle(itemOffset, items);
  5958.  
  5959.           setupMutObserver(items);
  5960.         }
  5961.  
  5962.         mclp.attached419 = async function () {
  5963.  
  5964.           if (!this.isAttached) return;
  5965.  
  5966.           let maxTrial = 16;
  5967.           while (!this.$ || !this.$['item-scroller'] || !this.$['item-offset'] || !this.$['items']) {
  5968.             if (--maxTrial < 0 || !this.isAttached) return;
  5969.             await iAFP(this.hostElement).then();
  5970.             // await new Promise(requestAnimationFrame);
  5971.           }
  5972.  
  5973.           if (this.isAttached !== true) return;
  5974.  
  5975.           if (!this.$) {
  5976.             console.warn("!this.$");
  5977.             return;
  5978.           }
  5979.           if (!this.$) return;
  5980.           /** @type {HTMLElement | null} */
  5981.           const itemScroller = this.$['item-scroller'];
  5982.           /** @type {HTMLElement | null} */
  5983.           const itemOffset = this.$['item-offset'];
  5984.           /** @type {HTMLElement | null} */
  5985.           const items = this.$['items'];
  5986.  
  5987.           if (!itemScroller || !itemOffset || !items) {
  5988.             console.warn("items.parentNode !== itemOffset");
  5989.             return;
  5990.           }
  5991.  
  5992.           if (nodeParent(items) !== itemOffset) {
  5993.  
  5994.             console.warn("items.parentNode !== itemOffset");
  5995.             return;
  5996.           }
  5997.  
  5998.  
  5999.           if (items.id !== 'items' || itemOffset.id !== "item-offset") {
  6000.  
  6001.             console.warn("id incorrect");
  6002.             return;
  6003.           }
  6004.  
  6005.           const isTargetItems = HTMLElement.prototype.matches.call(items, '#item-offset.style-scope.yt-live-chat-item-list-renderer > #items.style-scope.yt-live-chat-item-list-renderer')
  6006.  
  6007.           if (!isTargetItems) {
  6008.             console.warn("!isTargetItems");
  6009.             return;
  6010.           }
  6011.  
  6012.           setList(itemOffset, items);
  6013.  
  6014.         }
  6015.  
  6016.         mclp.attached331 = mclp.attached;
  6017.         mclp.attached = function () {
  6018.           this.attached419 && this.attached419();
  6019.           return this.attached331();
  6020.         }
  6021.  
  6022.         mclp.detached331 = mclp.detached;
  6023.  
  6024.         mclp.detached = function () {
  6025.           setupMutObserver();
  6026.           return this.detached331();
  6027.         }
  6028.  
  6029.         const t29s = document.querySelectorAll("yt-live-chat-item-list-renderer");
  6030.         for (const t29 of t29s) {
  6031.           if (insp(t29).isAttached === true) {
  6032.             t29.attached419();
  6033.           }
  6034.         }
  6035.  
  6036.         if ((mclp.async || 0).length === 2 && (mclp.cancelAsync || 0).length === 1) {
  6037.  
  6038.           assertor(() => fnIntegrity(mclp.async, '2.24.15'));
  6039.           assertor(() => fnIntegrity(mclp.cancelAsync, '1.15.8'));
  6040.  
  6041.           /** @type {Map<number, any>} */
  6042.           const aMap = new Map();
  6043.           let count = 6150;
  6044.           mclp.async66 = mclp.async;
  6045.           mclp.async = function (e, f) {
  6046.             // ensure the previous operation is done
  6047.             // .async is usually after the time consuming functions like flushActiveItems_ and scrollToBottom_
  6048.             const hasF = arguments.length === 2;
  6049.             const stack = new Error().stack;
  6050.             const isFlushAsync = stack.indexOf('flushActiveItems_') >= 0;
  6051.             if (count > 1e9) count = 6159;
  6052.             const resId = ++count;
  6053.             aMap.set(resId, e);
  6054.             (this.__intermediate_delay__ || Promise.resolve()).then(rk => {
  6055.               const rp = aMap.get(resId);
  6056.               if (typeof rp !== 'function') {
  6057.                 return;
  6058.               }
  6059.               let cancelCall = false;
  6060.               if (isFlushAsync) {
  6061.                 if (rk < 0) {
  6062.                   cancelCall = true;
  6063.                 } else if (rk === 2 && arguments[0] === this.maybeScrollToBottom_) {
  6064.                   cancelCall = true;
  6065.                 }
  6066.               }
  6067.               if (cancelCall) {
  6068.                 aMap.delete(resId);
  6069.               } else {
  6070.                 const asyncEn = function () {
  6071.                   aMap.delete(resId);
  6072.                   return rp.apply(this, arguments);
  6073.                 };
  6074.                 aMap.set(resId, hasF ? this.async66(asyncEn, f) : this.async66(asyncEn));
  6075.               }
  6076.             });
  6077.  
  6078.             return resId;
  6079.           }
  6080.  
  6081.           mclp.cancelAsync66 = mclp.cancelAsync;
  6082.           mclp.cancelAsync = function (resId) {
  6083.             if (resId <= 6150) {
  6084.               this.cancelAsync66(resId);
  6085.             } else if (aMap.has(resId)) {
  6086.               const rp = aMap.get(resId);
  6087.               aMap.delete(resId);
  6088.               if (typeof rp !== 'function') {
  6089.                 this.cancelAsync66(rp);
  6090.               }
  6091.             }
  6092.           }
  6093.  
  6094.           console.log("async", "OK");
  6095.         } else {
  6096.           console.log("async", "NG");
  6097.         }
  6098.  
  6099.  
  6100.         if ((_flag0281_ & 0x2) == 0) {
  6101.           if ((mclp.showNewItems_ || 0).length === 0 && ENABLE_NO_SMOOTH_TRANSFORM) {
  6102.  
  6103.             assertor(() => fnIntegrity(mclp.showNewItems_, '0.170.79'));
  6104.             mclp.showNewItems66_ = mclp.showNewItems_;
  6105.  
  6106.             mclp.showNewItems77_ = async function () {
  6107.               if (myk > 1e9) myk = 9;
  6108.               let tid = ++myk;
  6109.  
  6110.               await iAFP(this.hostElement).then();
  6111.               // await new Promise(requestAnimationFrame);
  6112.  
  6113.               if (tid !== myk) {
  6114.                 return;
  6115.               }
  6116.  
  6117.               const cnt = this;
  6118.  
  6119.               await Promise.resolve();
  6120.               cnt.showNewItems66_();
  6121.  
  6122.               await Promise.resolve();
  6123.  
  6124.             }
  6125.  
  6126.             mclp.showNewItems_ = function () {
  6127.  
  6128.               const cnt = this;
  6129.               cnt.__intermediate_delay__ = new Promise(resolve => {
  6130.                 cnt.showNewItems77_().then(() => {
  6131.                   resolve();
  6132.                 });
  6133.               });
  6134.             }
  6135.  
  6136.             console.log("showNewItems_", "OK");
  6137.           } else {
  6138.             console.log("showNewItems_", "NG");
  6139.           }
  6140.  
  6141.         }
  6142.  
  6143.         if ((_flag0281_ & 0x2000) == 0) {
  6144.           if ((mclp.flushActiveItems_ || 0).length === 0) {
  6145.  
  6146.             if ((_flag0281_ & 0x2) == 0) {
  6147.  
  6148.               const sfi = fnIntegrity(mclp.flushActiveItems_);
  6149.               if(sfi === '0.158.86'){
  6150.  
  6151.                 // https://www.youtube.com/s/desktop/c01ea7e3/jsbin/live_chat_polymer.vflset/live_chat_polymer.js
  6152.  
  6153.  
  6154.                 //   f.flushActiveItems_ = function() {
  6155.                 //     var a = this;
  6156.                 //     if (this.activeItems_.length > 0)
  6157.                 //         if (this.canScrollToBottom_()) {
  6158.                 //             var b = Math.max(this.visibleItems.length + this.activeItems_.length - this.data.maxItemsToDisplay, 0);
  6159.                 //             b && this.splice("visibleItems", 0, b);
  6160.                 //             if (this.isSmoothScrollEnabled_() || this.dockableMessages.length)
  6161.                 //                 this.preinsertHeight_ = this.items.clientHeight;
  6162.                 //             this.activeItems_.unshift("visibleItems");
  6163.                 //             try {
  6164.                 //                 this.push.apply(this, this.activeItems_)
  6165.                 //             } catch (c) {
  6166.                 //                 Tm(c)
  6167.                 //             }
  6168.                 //             this.activeItems_ = [];
  6169.                 //             this.isSmoothScrollEnabled_() ? this.canScrollToBottom_() && $u(function() {
  6170.                 //                 a.showNewItems_()
  6171.                 //             }) : $u(function() {
  6172.                 //                 a.refreshOffsetContainerHeight_();
  6173.                 //                 a.maybeScrollToBottom_()
  6174.                 //             })
  6175.                 //         } else
  6176.                 //             this.activeItems_.length > this.data.maxItemsToDisplay && this.activeItems_.splice(0, this.activeItems_.length - this.data.maxItemsToDisplay)
  6177.                 // }
  6178.  
  6179.               } else if (sfi === '0.156.86') {
  6180.                 // https://www.youtube.com/s/desktop/f61c8d85/jsbin/live_chat_polymer.vflset/live_chat_polymer.js
  6181.  
  6182.                 // added "refreshOffsetContainerHeight_"
  6183.  
  6184.                 //   f.flushActiveItems_ = function() {
  6185.                 //     var a = this;
  6186.                 //     if (0 < this.activeItems_.length)
  6187.                 //         if (this.canScrollToBottom_()) {
  6188.                 //             var b = Math.max(this.visibleItems.length + this.activeItems_.length - this.data.maxItemsToDisplay, 0);
  6189.                 //             b && this.splice("visibleItems", 0, b);
  6190.                 //             if (this.isSmoothScrollEnabled_() || this.dockableMessages.length)
  6191.                 //                 this.preinsertHeight_ = this.items.clientHeight;
  6192.                 //             this.activeItems_.unshift("visibleItems");
  6193.                 //             try {
  6194.                 //                 this.push.apply(this, this.activeItems_)
  6195.                 //             } catch (c) {
  6196.                 //                 fm(c)
  6197.                 //             }
  6198.                 //             this.activeItems_ = [];
  6199.                 //             this.isSmoothScrollEnabled_() ? this.canScrollToBottom_() && Mw(function() {
  6200.                 //                 a.showNewItems_()
  6201.                 //             }) : Mw(function() {
  6202.                 //                 a.refreshOffsetContainerHeight_();
  6203.                 //                 a.maybeScrollToBottom_()
  6204.                 //             })
  6205.                 //         } else
  6206.                 //             this.activeItems_.length > this.data.maxItemsToDisplay && this.activeItems_.splice(0, this.activeItems_.length - this.data.maxItemsToDisplay)
  6207.                 // }
  6208.                 // ;
  6209.  
  6210.               } else if (sfi === '0.150.84') {
  6211.                 // https://www.youtube.com/s/desktop/e4d15d2c/jsbin/live_chat_polymer.vflset/live_chat_polymer.js
  6212.                 // var b = Math.max(this.visibleItems.length + this.activeItems_.length - this.data.maxItemsToDisplay, 0);
  6213.                 //     b && this.splice("visibleItems", 0, b);
  6214.                 //     if (this.isSmoothScrollEnabled_() || this.dockableMessages.length)
  6215.                 //         this.preinsertHeight_ = this.items.clientHeight;
  6216.                 //     this.activeItems_.unshift("visibleItems");
  6217.                 //     try {
  6218.                 //         this.push.apply(this, this.activeItems_)
  6219.                 //     } catch (c) {
  6220.                 //         nm(c)
  6221.                 //     }
  6222.                 //     this.activeItems_ = [];
  6223.                 //     this.isSmoothScrollEnabled_() ? this.canScrollToBottom_() && zQ(function() {
  6224.                 //         a.showNewItems_()
  6225.                 //     }) : zQ(function() {
  6226.                 //         a.maybeScrollToBottom_()
  6227.                 //     })
  6228.               } else if (sfi === '0.137.81' || sfi === '0.138.81') {
  6229.                 // e.g. https://www.youtube.com/yts/jsbin/live_chat_polymer-vflCyWEBP/live_chat_polymer.js
  6230.               } else {
  6231.                 assertor(() => fnIntegrity(mclp.flushActiveItems_, '0.158.86'))
  6232.                  || logFn('mclp.flushActiveItems_', mclp.flushActiveItems_)();
  6233.               }
  6234.             }
  6235.  
  6236.             let hasMoreMessageState = !ENABLE_SHOW_MORE_BLINKER ? -1 : 0;
  6237.  
  6238.             mclp.flushActiveItems66_ = mclp.flushActiveItems_;
  6239.  
  6240.  
  6241.             const preloadFn = (acItems) => {
  6242.               let waitFor = [];
  6243.               /** @type {Set<string>} */
  6244.               const imageLinks = new Set();
  6245.  
  6246.               if (ENABLE_PRELOAD_THUMBNAIL || EMOJI_IMAGE_SINGLE_THUMBNAIL || AUTHOR_PHOTO_SINGLE_THUMBNAIL) {
  6247.                 for (const item of acItems) {
  6248.                   fixLiveChatItem(item, imageLinks);
  6249.                 }
  6250.               }
  6251.               if (ENABLE_PRELOAD_THUMBNAIL && kptPF !== null && (kptPF & (8 | 4)) && imageLinks.size > 0) {
  6252.  
  6253.                 // reference: https://github.com/Yuanfang-fe/Blog-X/issues/34
  6254.                 const rel = kptPF & 8 ? 'subresource' : kptPF & 16 ? 'preload' : kptPF & 4 ? 'prefetch' : '';
  6255.                 // preload performs the high priority fetching.
  6256.                 // prefetch delays the chat display if the video resoruce is demanding.
  6257.  
  6258.                 if (rel) {
  6259.  
  6260.                   imageLinks.forEach(imageLink => {
  6261.                     let d = false;
  6262.                     if (SKIP_PRELOAD_EMOJI && imageLink.includes('.ggpht.com/')) return;
  6263.                     const isEmoji = imageLink.includes('/emoji/');
  6264.                     const pretechedSet = isEmoji ? emojiPrefetched : authorPhotoPrefetched;
  6265.                     if (!pretechedSet.has(imageLink)) {
  6266.                       pretechedSet.add(imageLink);
  6267.                       d = true;
  6268.                     }
  6269.                     if (d) {
  6270.                       waitFor.push(linker(null, rel, imageLink, 'image'));
  6271.  
  6272.                     }
  6273.                   })
  6274.  
  6275.                 }
  6276.  
  6277.               }
  6278.  
  6279.               return async () => {
  6280.                 if (waitFor.length > 0) {
  6281.                   await Promise.race([new Promise(r => setTimeout(r, 250)), Promise.all(waitFor)]);
  6282.                 }
  6283.                 waitFor.length = 0;
  6284.                 waitFor = null;
  6285.               };
  6286.  
  6287.             };
  6288.  
  6289.             mclp.flushActiveItems78_ = async function (tid) {
  6290.               try {
  6291.  
  6292.                 if (tid !== mlf) return;
  6293.                 if ((this._flag0281_ & 0x4) == 0x4) {
  6294.                   const cnt = this;
  6295.  
  6296.                   if (tid !== mlf || cnt.isAttached === false || (cnt.hostElement || cnt).isConnected === false) return;
  6297.                   if (!cnt.activeItems_ || cnt.activeItems_.length === 0) return;
  6298.  
  6299.                   mlf++;
  6300.                   if (mlg > 1e9) mlg = 9;
  6301.                   ++mlg;
  6302.                   const acItems = cnt.activeItems_;
  6303.                   if (acItems.length < MAX_ITEMS_FOR_FULL_FLUSH) {
  6304.                     const pn = preloadFn(acItems);
  6305.                     await pn();
  6306.                   }
  6307.                   cnt.flushActiveItems66_();
  6308.  
  6309.                   return 1;
  6310.  
  6311.                 }
  6312.                 const lockedMaxItemsToDisplay = this.data.maxItemsToDisplay944;
  6313.                 let logger = false;
  6314.                 const cnt = this;
  6315.                 let immd = cnt.__intermediate_delay__;
  6316.                 await iAFP(this.hostElement).then();
  6317.                 // await new Promise(requestAnimationFrame);
  6318.  
  6319.                 if (tid !== mlf || cnt.isAttached === false || (cnt.hostElement || cnt).isConnected === false) return;
  6320.                 if (!cnt.activeItems_ || cnt.activeItems_.length === 0) return;
  6321.  
  6322.                 mlf++;
  6323.                 if (mlg > 1e9) mlg = 9;
  6324.                 ++mlg;
  6325.  
  6326.                 const tmpMaxItemsCount = this.data.maxItemsToDisplay;
  6327.                 const reducedMaxItemsToDisplay = MAX_ITEMS_FOR_FULL_FLUSH;
  6328.                 let changeMaxItemsToDisplay = false;
  6329.                 const activeItemsLen = this.activeItems_.length;
  6330.                 if (activeItemsLen > tmpMaxItemsCount && tmpMaxItemsCount > 0) {
  6331.                   logger = true;
  6332.  
  6333.                   groupCollapsed("YouTube Super Fast Chat", " | flushActiveItems78_");
  6334.  
  6335.                   logger && console.log('[Begin]')
  6336.  
  6337.                   console.log('this.activeItems_.length > N', activeItemsLen, tmpMaxItemsCount);
  6338.                   if (ENABLE_REDUCED_MAXITEMS_FOR_FLUSH && lockedMaxItemsToDisplay === tmpMaxItemsCount && lockedMaxItemsToDisplay !== reducedMaxItemsToDisplay) {
  6339.                     console.log('reduce maxitems');
  6340.                     if (tmpMaxItemsCount > reducedMaxItemsToDisplay) {
  6341.                       // as all the rendered chats are already "outdated"
  6342.                       // all old chats shall remove and reduced number of few chats will be rendered
  6343.                       // then restore to the original number
  6344.                       changeMaxItemsToDisplay = true;
  6345.                       this.data.maxItemsToDisplay = reducedMaxItemsToDisplay;
  6346.                       console.log(`'maxItemsToDisplay' is reduced from ${tmpMaxItemsCount} to ${reducedMaxItemsToDisplay}.`)
  6347.                     }
  6348.                     this.activeItems_.splice(0, activeItemsLen - this.data.maxItemsToDisplay);
  6349.                     //   console.log('changeMaxItemsToDisplay 01', this.data.maxItemsToDisplay, oMaxItemsToDisplay, reducedMaxItemsToDisplay)
  6350.  
  6351.                     console.log('new this.activeItems_.length > N', this.activeItems_.length);
  6352.                   } else {
  6353.                     this.activeItems_.splice(0, activeItemsLen - (tmpMaxItemsCount < 900 ? tmpMaxItemsCount : 900));
  6354.  
  6355.                     console.log('new this.activeItems_.length > N', this.activeItems_.length);
  6356.                   }
  6357.                 }
  6358.                 // it is found that it will render all stacked chats after switching back from background
  6359.                 // to avoid lagging in popular livestream with massive chats, trim first before rendering.
  6360.                 // this.activeItems_.length > this.data.maxItemsToDisplay && this.activeItems_.splice(0, this.activeItems_.length - this.data.maxItemsToDisplay);
  6361.  
  6362.                 cnt.__intermediate_delay__ = Promise.all([cnt.__intermediate_delay__ || null, immd || null]);
  6363.                 await Promise.resolve();
  6364.                 const acItems = cnt.activeItems_;
  6365.                 const len1 = acItems.length;
  6366.                 if (!len1) console.warn('cnt.activeItems_.length = 0');
  6367.  
  6368.                 const pn = preloadFn(acItems);
  6369.                 const noVisibleItem1 = ((cnt.visibleItems || 0).length || 0) === 0;
  6370.                 skipDontRender = noVisibleItem1;
  6371.                 await pn();
  6372.                 // console.log('ss2', Date.now())
  6373.                 cnt.flushActiveItems66_();
  6374.                 const noVisibleItem2 = ((cnt.visibleItems || 0).length || 0) === 0;
  6375.                 skipDontRender = noVisibleItem2;
  6376.                 await Promise.resolve();
  6377.                 if (changeMaxItemsToDisplay && this.data.maxItemsToDisplay === reducedMaxItemsToDisplay && tmpMaxItemsCount > reducedMaxItemsToDisplay) {
  6378.                   this.data.maxItemsToDisplay = tmpMaxItemsCount;
  6379.  
  6380.                   logger && console.log(`'maxItemsToDisplay' is restored from ${reducedMaxItemsToDisplay} to ${tmpMaxItemsCount}.`);
  6381.                   //   console.log('changeMaxItemsToDisplay 02', this.data.maxItemsToDisplay, oMaxItemsToDisplay, reducedMaxItemsToDisplay)
  6382.                 } else if (changeMaxItemsToDisplay) {
  6383.  
  6384.                   logger && console.log(`'maxItemsToDisplay' cannot be restored`, {
  6385.                     maxItemsToDisplay: this.data.maxItemsToDisplay,
  6386.                     reducedMaxItemsToDisplay,
  6387.                     originalMaxItemsToDisplay: tmpMaxItemsCount
  6388.                   });
  6389.                 }
  6390.                 logger && console.log('[End]');
  6391.  
  6392.                 logger && console.groupEnd();
  6393.  
  6394.                 if (noVisibleItem1 && !noVisibleItem2) {
  6395.                   // fix possible no auto scroll issue.
  6396.                   !((cnt.__notRequired__ || 0) & 256) && setTimeout(() => cnt.setAtBottom(), 1);
  6397.                 }
  6398.  
  6399.                 if (!ENABLE_NO_SMOOTH_TRANSFORM) {
  6400.  
  6401.  
  6402.                   const ff = () => {
  6403.  
  6404.                     if (cnt.isAttached === false || (cnt.hostElement || cnt).isConnected === false) return;
  6405.                     //   if (tid !== mlf || cnt.isAttached === false || (cnt.hostElement || cnt).isConnected === false) return;
  6406.                     if (!cnt.atBottom && cnt.allowScroll && cnt.hasUserJustInteracted11_ && !cnt.hasUserJustInteracted11_()) {
  6407.  
  6408.                       if (typeof nextBrowserTick !== 'function') {
  6409.                         cnt.scrollToBottom_();
  6410.                         Promise.resolve().then(() => {
  6411.                           if (cnt.isAttached === false || (cnt.hostElement || cnt).isConnected === false) return;
  6412.                           if (!cnt.canScrollToBottom_()) cnt.scrollToBottom_();
  6413.                         });
  6414.                       } else {
  6415.                         nextBrowserTick(() => {
  6416.                           if (cnt.isAttached === false || (cnt.hostElement || cnt).isConnected === false) return;
  6417.                           cnt.scrollToBottom_();
  6418.                         });
  6419.                       }
  6420.  
  6421.                     }
  6422.                   }
  6423.  
  6424.                   ff();
  6425.  
  6426.  
  6427.                   Promise.resolve().then(ff);
  6428.  
  6429.                   // requestAnimationFrame(ff);
  6430.                 } else if (true) { // it might not be sticky to bottom when there is a full refresh.
  6431.  
  6432.                   const knt = cnt;
  6433.                   if (!scrollChatFn) {
  6434.                     const cnt = knt;
  6435.                     const f = () => {
  6436.                       const itemScroller = cnt.itemScroller;
  6437.                       if (!itemScroller || itemScroller.isConnected === false || cnt.isAttached === false) return;
  6438.                       if (!cnt.atBottom) {
  6439.                         cnt.scrollToBottom_();
  6440.                       } else if (itemScroller.scrollTop === 0) { // not yet interacted by user; cannot stick to bottom
  6441.                         itemScroller.scrollTop = itemScroller.scrollHeight;
  6442.                       }
  6443.                     };
  6444.                     if (typeof nextBrowserTick !== 'function') {
  6445.                       scrollChatFn = () => Promise.resolve().then(f).then(f);
  6446.                     } else {
  6447.                       scrollChatFn = () => nextBrowserTick(f);
  6448.                     }
  6449.                   }
  6450.  
  6451.                   scrollChatFn();
  6452.                 }
  6453.  
  6454.                 return 1;
  6455.  
  6456.  
  6457.               } catch (e) {
  6458.                 console.warn(e);
  6459.               }
  6460.             }
  6461.  
  6462.             mclp.flushActiveItems77_ = function () {
  6463.  
  6464.               return new Promise(resResolve => {
  6465.                 try {
  6466.                   const cnt = this;
  6467.                   if (mlf > 1e9) mlf = 9;
  6468.                   let tid = ++mlf;
  6469.                   const hostElement = cnt.hostElement || cnt;
  6470.                   if (tid !== mlf || cnt.isAttached === false || hostElement.isConnected === false) return resResolve();
  6471.                   if (!cnt.activeItems_ || cnt.activeItems_.length === 0) return resResolve();
  6472.  
  6473.                   // 4 times to maxItems to avoid frequent trimming.
  6474.                   // 1 ... 10 ... 20 ... 30 ... 40 ... 50 ... 60 => 16 ... 20 ... 30 ..... 60 ... => 16
  6475.  
  6476.                   const lockedMaxItemsToDisplay = this.data.maxItemsToDisplay944;
  6477.                   this.activeItems_.length > lockedMaxItemsToDisplay * 4 && lockedMaxItemsToDisplay > 4 && this.activeItems_.splice(0, this.activeItems_.length - lockedMaxItemsToDisplay - 1);
  6478.                   if (cnt.canScrollToBottom_()) {
  6479.                     cnt.mutexPromiseFA78 = (cnt.mutexPromiseFA78 || Promise.resolve())
  6480.                       .then(() => cnt.flushActiveItems78_(tid)) // async function
  6481.                       .then((asyncResult) => {
  6482.                         resResolve(asyncResult); // either undefined or 1
  6483.                         resResolve = null;
  6484.                       }).catch((e) => {
  6485.                         console.warn(e);
  6486.                         if (resResolve) resResolve();
  6487.                       });
  6488.                   } else {
  6489.                     resResolve(2);
  6490.                     resResolve = null;
  6491.                   }
  6492.                 } catch (e) {
  6493.                   console.warn(e);
  6494.                   if (resResolve) resResolve();
  6495.                 }
  6496.  
  6497.  
  6498.               });
  6499.  
  6500.             }
  6501.  
  6502.             mclp.flushActiveItems_ = function () {
  6503.               const cnt = this;
  6504.  
  6505.               if (arguments.length !== 0 || !cnt.activeItems_ || !cnt.canScrollToBottom_) return cnt.flushActiveItems66_.apply(this, arguments);
  6506.  
  6507.               if (cnt.activeItems_.length === 0) {
  6508.                 cnt.__intermediate_delay__ = null;
  6509.                 return;
  6510.               }
  6511.  
  6512.               const cntData = ((cnt || 0).data || 0);
  6513.               if (cntData.maxItemsToDisplay944 === undefined) {
  6514.                 cntData.maxItemsToDisplay944 = null;
  6515.                 if (cntData.maxItemsToDisplay > MAX_ITEMS_FOR_TOTAL_DISPLAY) cntData.maxItemsToDisplay = MAX_ITEMS_FOR_TOTAL_DISPLAY;
  6516.                 cntData.maxItemsToDisplay944 = cntData.maxItemsToDisplay || null;
  6517.               }
  6518.  
  6519.               // ignore previous __intermediate_delay__ and create a new one
  6520.               cnt.__intermediate_delay__ = new Promise(resolve => {
  6521.                 cnt.flushActiveItems77_().then(rt => {  // either undefined or 1 or 2
  6522.                   if (rt === 1) {
  6523.                     resolve(1); // success, scroll to bottom
  6524.                     if (hasMoreMessageState === 1) {
  6525.                       hasMoreMessageState = 0;
  6526.                       const showMore = (cnt.$ || 0)['show-more'];
  6527.                       if (showMore) {
  6528.                         showMore.classList.remove('has-new-messages-miuzp');
  6529.                       }
  6530.                     }
  6531.                   }
  6532.                   else if (rt === 2) {
  6533.                     resolve(2); // success, trim
  6534.                     if (hasMoreMessageState === 0) {
  6535.                       hasMoreMessageState = 1;
  6536.                       const showMore = cnt.$['show-more'];
  6537.                       if (showMore) {
  6538.                         showMore.classList.add('has-new-messages-miuzp');
  6539.                       }
  6540.                     }
  6541.                   }
  6542.                   else resolve(-1); // skip
  6543.                 }).catch(e => {
  6544.                   console.warn(e);
  6545.                 });
  6546.               });
  6547.  
  6548.             }
  6549.             console.log("flushActiveItems_", "OK");
  6550.           } else {
  6551.             console.log("flushActiveItems_", "NG");
  6552.           }
  6553.         }
  6554.  
  6555.         if ((_flag0281_ & 0x40) == 0) {
  6556.  
  6557.           if (ENABLE_NO_SMOOTH_TRANSFORM && SUPPRESS_refreshOffsetContainerHeight_ && typeof mclp.refreshOffsetContainerHeight_ === 'function' && !mclp.refreshOffsetContainerHeight26_ && mclp.refreshOffsetContainerHeight_.length === 0) {
  6558.             assertor(() => fnIntegrity(mclp.refreshOffsetContainerHeight_, '0.31.21'));
  6559.             mclp.refreshOffsetContainerHeight26_ = mclp.refreshOffsetContainerHeight_;
  6560.             mclp.refreshOffsetContainerHeight_ = function () {
  6561.               // var a = this.itemScroller.clientHeight;
  6562.               // this.itemOffset.style.height = this.items.clientHeight + "px";
  6563.               // this.bottomAlignMessages && (this.itemOffset.style.minHeight = a + "px")
  6564.             }
  6565.             console.log("refreshOffsetContainerHeight_", "OK");
  6566.           } else {
  6567.             console.log("refreshOffsetContainerHeight_", "NG");
  6568.           }
  6569.  
  6570.         }
  6571.  
  6572.         if ((_flag0281_ & 0x80) == 0) {
  6573.           mclp.delayFlushActiveItemsAfterUserAction11_ = async function () {
  6574.             try {
  6575.               if (mlg > 1e9) mlg = 9;
  6576.               const tid = ++mlg;
  6577.               const keepTrialCond = () => this.atBottom && this.allowScroll && (tid === mlg) && this.isAttached === true && this.activeItems_.length >= 1 && (this.hostElement || 0).isConnected === true;
  6578.               const runCond = () => this.canScrollToBottom_();
  6579.               if (!keepTrialCond()) return;
  6580.               if (runCond()) return this.flushActiveItems_() | 1; // avoid return promise
  6581.               await new Promise(r => setTimeout(r, 80));
  6582.               if (!keepTrialCond()) return;
  6583.               if (runCond()) return this.flushActiveItems_() | 1;
  6584.               await iAFP(this.hostElement).then();
  6585.               // await new Promise(requestAnimationFrame);
  6586.               if (runCond()) return this.flushActiveItems_() | 1;
  6587.             } catch (e) {
  6588.               console.warn(e);
  6589.             }
  6590.           }
  6591.         }
  6592.  
  6593.         if ((_flag0281_ & 0x40) == 0 ) {
  6594.  
  6595.           if( (mclp.atBottomChanged_ || 0).length === 0) {
  6596.             // note: if the scrolling is too frequent, the show more visibility might get wrong.
  6597.  
  6598.  
  6599.  
  6600.  
  6601.  
  6602.             const sfi = fnIntegrity(mclp.atBottomChanged_);
  6603.  
  6604.             if(sfi === '0.75.37'){
  6605.               // https://www.youtube.com/s/desktop/f7495da0/jsbin/live_chat_polymer.vflset/live_chat_polymer.js
  6606.  
  6607.  
  6608.               // Dec 2024.
  6609.  
  6610.               /**
  6611.                * 
  6612.                * 
  6613.                           
  6614.                   f.atBottomChanged_ = function() {
  6615.                       var a = this;
  6616.                       this.atBottom ? this.hideShowMoreAsync_ || (this.hideShowMoreAsync_ = Zu(function() {
  6617.                           R(a.hostElement).querySelector("#show-more").style.visibility = "hidden"
  6618.                       }, 200)) : (this.hideShowMoreAsync_ && $u(this.hideShowMoreAsync_),
  6619.                       this.hideShowMoreAsync_ = null,
  6620.                       R(this.hostElement).querySelector("#show-more").style.visibility = "visible")
  6621.                   }
  6622.               * 
  6623.               */
  6624.  
  6625.             } else {
  6626.               assertor(() => fnIntegrity(mclp.atBottomChanged_, '0.75.37'));
  6627.             }
  6628.  
  6629.  
  6630.             const querySelector = HTMLElement.prototype.querySelector;
  6631.             const U = (element) => ({
  6632.               querySelector: (selector) => querySelector.call(element, selector)
  6633.             });
  6634.  
  6635.             let qid = 0;
  6636.             mclp.__updateButtonVisibility371__ = function (button) {
  6637.               Promise.resolve(this).then((cnt) => {
  6638.                 button.style.visibility = cnt.__buttonVisibility371__;
  6639.               });
  6640.             }
  6641.             const fixButtonOnClick = function (cnt, button) {
  6642.               button.addEventListener('click', (evt) => {
  6643.                 evt.stopImmediatePropagation();
  6644.                 evt.stopPropagation();
  6645.                 evt.preventDefault();
  6646.                 Promise.resolve(cnt).then((cnt) => {
  6647.                   cnt.scrollToBottom_();
  6648.                 });
  6649.               }, true);
  6650.               // button.addEventListener('pointerup', (evt)=>{
  6651.               //   evt.stopImmediatePropagation();
  6652.               //   evt.stopPropagation();
  6653.               // }, true);
  6654.               // button.addEventListener('mouseup', (evt)=>{
  6655.               //   evt.stopImmediatePropagation();
  6656.               //   evt.stopPropagation();
  6657.               // }, true);
  6658.             }
  6659.             mclp.atBottomChanged_ = function () {
  6660.               let a = this.atBottom;
  6661.               const button = (this.$ || 0)['show-more'];
  6662.               if (button) {
  6663.                 // primary execution
  6664.                 if (a) {
  6665.                   if (this.__buttonVisibility371__ !== "hidden") {
  6666.                     this.__buttonVisibility371__ = "hidden";
  6667.                     if (!this.hideShowMoreAsync_) {
  6668.                       const tid = ++qid;
  6669.                       this.hideShowMoreAsync_ = foregroundPromiseFn().then(() => {
  6670.                         if (tid !== qid) {
  6671.                           return;
  6672.                         }
  6673.                         this.__updateButtonVisibility371__(button);
  6674.                       });
  6675.                     }
  6676.                   }
  6677.                 } else {
  6678.                   if (this.__buttonVisibility371__ !== "visible") {
  6679.                     this.__buttonVisibility371__ = "visible";
  6680.                     if (this.hideShowMoreAsync_) {
  6681.                       qid++;
  6682.                     }
  6683.                     this.hideShowMoreAsync_ = null;
  6684.                     if (!button.__fix_onclick__) {
  6685.                       button.__fix_onclick__ = true;
  6686.                       fixButtonOnClick(this, button);
  6687.                     }
  6688.                     this.__updateButtonVisibility371__(button);
  6689.                   }
  6690.                 }
  6691.               } else {
  6692.                 // fallback
  6693.                 let tid = ++qid;
  6694.                 let b = this;
  6695.                 a ? this.hideShowMoreAsync_ || (this.hideShowMoreAsync_ = this.async(function () {
  6696.                   if (tid !== qid) return;
  6697.                   U(b.hostElement).querySelector("#show-more").style.visibility = "hidden"
  6698.                 }, 200)) : (this.hideShowMoreAsync_ && this.cancelAsync(this.hideShowMoreAsync_),
  6699.                   this.hideShowMoreAsync_ = null,
  6700.                   U(this.hostElement).querySelector("#show-more").style.visibility = "visible")
  6701.               }
  6702.             }
  6703.  
  6704.             console.log("atBottomChanged_", "OK");
  6705.  
  6706.           } else if ((mclp.atBottomChanged_ || 0).length === 1) {
  6707.             // note: if the scrolling is too frequent, the show more visibility might get wrong.
  6708.  
  6709.             const sfi = fnIntegrity(mclp.atBottomChanged_);
  6710.             if (sfi === '1.73.37') {
  6711.               // https://www.youtube.com/s/desktop/e4d15d2c/jsbin/live_chat_polymer.vflset/live_chat_polymer.js
  6712.  
  6713.               /**
  6714.                * 
  6715.                * 
  6716.                * 
  6717.                           
  6718.                   f.atBottomChanged_ = function(a) {
  6719.                       var b = this;
  6720.                       a ? this.hideShowMoreAsync_ || (this.hideShowMoreAsync_ = zQ(function() {
  6721.                           T(b.hostElement).querySelector("#show-more").style.visibility = "hidden"
  6722.                       }, 200)) : (this.hideShowMoreAsync_ && AQ(this.hideShowMoreAsync_), 
  6723.                       this.hideShowMoreAsync_ = null, 
  6724.                       T(this.hostElement).querySelector("#show-more").style.visibility = "visible")
  6725.                   };
  6726.  
  6727.               * 
  6728.                * 
  6729.                */
  6730.  
  6731.  
  6732.             } else if (sfi === '1.75.39') {
  6733.               // e.g. https://www.youtube.com/yts/jsbin/live_chat_polymer-vflCyWEBP/live_chat_polymer.js
  6734.             } else {
  6735.               assertor(() => fnIntegrity(mclp.atBottomChanged_, '1.73.37'));
  6736.             }
  6737.  
  6738.             const querySelector = HTMLElement.prototype.querySelector;
  6739.             const U = (element) => ({
  6740.               querySelector: (selector) => querySelector.call(element, selector)
  6741.             });
  6742.  
  6743.             let qid = 0;
  6744.             mclp.__updateButtonVisibility371__ = function (button) {
  6745.               Promise.resolve(this).then((cnt) => {
  6746.                 button.style.visibility = cnt.__buttonVisibility371__;
  6747.               });
  6748.             }
  6749.             const fixButtonOnClick = function (cnt, button) {
  6750.               button.addEventListener('click', (evt) => {
  6751.                 evt.stopImmediatePropagation();
  6752.                 evt.stopPropagation();
  6753.                 evt.preventDefault();
  6754.                 Promise.resolve(cnt).then((cnt) => {
  6755.                   cnt.scrollToBottom_();
  6756.                 });
  6757.               }, true);
  6758.               // button.addEventListener('pointerup', (evt)=>{
  6759.               //   evt.stopImmediatePropagation();
  6760.               //   evt.stopPropagation();
  6761.               // }, true);
  6762.               // button.addEventListener('mouseup', (evt)=>{
  6763.               //   evt.stopImmediatePropagation();
  6764.               //   evt.stopPropagation();
  6765.               // }, true);
  6766.             }
  6767.             mclp.atBottomChanged_ = function (a) {
  6768.               const button = (this.$ || 0)['show-more'];
  6769.               if (button) {
  6770.                 // primary execution
  6771.                 if (a) {
  6772.                   if (this.__buttonVisibility371__ !== "hidden") {
  6773.                     this.__buttonVisibility371__ = "hidden";
  6774.                     if (!this.hideShowMoreAsync_) {
  6775.                       const tid = ++qid;
  6776.                       this.hideShowMoreAsync_ = foregroundPromiseFn().then(() => {
  6777.                         if (tid !== qid) {
  6778.                           return;
  6779.                         }
  6780.                         this.__updateButtonVisibility371__(button);
  6781.                       });
  6782.                     }
  6783.                   }
  6784.                 } else {
  6785.                   if (this.__buttonVisibility371__ !== "visible") {
  6786.                     this.__buttonVisibility371__ = "visible";
  6787.                     if (this.hideShowMoreAsync_) {
  6788.                       qid++;
  6789.                     }
  6790.                     this.hideShowMoreAsync_ = null;
  6791.                     if (!button.__fix_onclick__) {
  6792.                       button.__fix_onclick__ = true;
  6793.                       fixButtonOnClick(this, button);
  6794.                     }
  6795.                     this.__updateButtonVisibility371__(button);
  6796.                   }
  6797.                 }
  6798.               } else {
  6799.                 // fallback
  6800.                 let tid = ++qid;
  6801.                 let b = this;
  6802.                 a ? this.hideShowMoreAsync_ || (this.hideShowMoreAsync_ = this.async(function () {
  6803.                   if (tid !== qid) return;
  6804.                   U(b.hostElement).querySelector("#show-more").style.visibility = "hidden"
  6805.                 }, 200)) : (this.hideShowMoreAsync_ && this.cancelAsync(this.hideShowMoreAsync_),
  6806.                   this.hideShowMoreAsync_ = null,
  6807.                   U(this.hostElement).querySelector("#show-more").style.visibility = "visible")
  6808.               }
  6809.             }
  6810.  
  6811.             console.log("atBottomChanged_", "OK");
  6812.           } else {
  6813.             console.log("atBottomChanged_", "NG");
  6814.           }
  6815.         }
  6816.  
  6817.  
  6818.         if ((_flag0281_ & 0x2) == 0) {
  6819.           if ((mclp.onScrollItems_ || 0).length === 1) {
  6820.  
  6821.             assertor(() => fnIntegrity(mclp.onScrollItems_, '1.17.9'));
  6822.             mclp.onScrollItems66_ = mclp.onScrollItems_;
  6823.             mclp.onScrollItems77_ = async function (evt) {
  6824.               if (myw > 1e9) myw = 9;
  6825.               let tid = ++myw;
  6826.  
  6827.               await iAFP(this.hostElement).then();
  6828.               // await new Promise(requestAnimationFrame);
  6829.  
  6830.               if (tid !== myw) {
  6831.                 return;
  6832.               }
  6833.  
  6834.               const cnt = this;
  6835.  
  6836.               await Promise.resolve();
  6837.               if (USE_OPTIMIZED_ON_SCROLL_ITEMS) {
  6838.                 const onScrollItemsBasicOnly_ = !!((cnt.__notRequired__ || 0) & 512);
  6839.                 await Promise.resolve().then(() => {
  6840.                   this.ytRendererBehavior.onScroll(evt);
  6841.                 }).then(() => {
  6842.                   if (onScrollItemsBasicOnly_) return;
  6843.                   if (this.canScrollToBottom_()) {
  6844.                     const hasUserJustInteracted = this.hasUserJustInteracted11_ ? this.hasUserJustInteracted11_() : true;
  6845.                     if (hasUserJustInteracted) {
  6846.                       // only when there is an user action
  6847.                       !((cnt.__notRequired__ || 0) & 256) && this.setAtBottom();
  6848.                       return 1;
  6849.                     }
  6850.                   } else {
  6851.                     // no message inserting
  6852.                     !((cnt.__notRequired__ || 0) & 256) && this.setAtBottom();
  6853.                     return 1;
  6854.                   }
  6855.                 }).then((r) => {
  6856.  
  6857.                   if (onScrollItemsBasicOnly_) return;
  6858.                   if (this.activeItems_.length) {
  6859.  
  6860.                     if (this.canScrollToBottom_()) {
  6861.                       this.flushActiveItems_();
  6862.                       return 1 && r;
  6863.                     } else if (this.atBottom && this.allowScroll && (this.hasUserJustInteracted11_ && this.hasUserJustInteracted11_())) {
  6864.                       // delayed due to user action
  6865.                       this.delayFlushActiveItemsAfterUserAction11_ && this.delayFlushActiveItemsAfterUserAction11_();
  6866.                       return 0;
  6867.                     }
  6868.                   }
  6869.                 }).then((r) => {
  6870.                   if (onScrollItemsBasicOnly_) return;
  6871.                   if (r) {
  6872.                     // ensure setAtBottom is correctly set
  6873.                     !((cnt.__notRequired__ || 0) & 256) && this.setAtBottom();
  6874.                   }
  6875.                 });
  6876.               } else {
  6877.                 cnt.onScrollItems66_(evt);
  6878.               }
  6879.  
  6880.               await Promise.resolve();
  6881.  
  6882.             }
  6883.  
  6884.             mclp.onScrollItems_ = function (evt) {
  6885.  
  6886.               const cnt = this;
  6887.               cnt.__intermediate_delay__ = new Promise(resolve => {
  6888.                 cnt.onScrollItems77_(evt).then(() => {
  6889.                   resolve();
  6890.                 });
  6891.               });
  6892.             }
  6893.             console.log("onScrollItems_", "OK");
  6894.           } else {
  6895.             console.log("onScrollItems_", "NG");
  6896.           }
  6897.         }
  6898.  
  6899.         if ((_flag0281_ & 0x2) == 0) {
  6900.           if ((mclp.handleLiveChatActions_ || 0).length === 1) {
  6901.  
  6902.             const sfi = fnIntegrity(mclp.handleLiveChatActions_);
  6903.             // handleLiveChatActions66_
  6904.             if(sfi === '1.40.20') {
  6905.               // https://www.youtube.com/s/desktop/c01ea7e3/jsbin/live_chat_polymer.vflset/live_chat_polymer.js
  6906.  
  6907.  
  6908.                   // f.handleLiveChatActions_ = function(a) {
  6909.                   //     var b = this;
  6910.                   //     a.length && (a.forEach(this.handleLiveChatAction_, this),
  6911.                   //     this.maybeResizeScrollContainer_(a),
  6912.                   //     this.flushActiveItems_(),
  6913.                   //     $u(function() {
  6914.                   //         b.maybeScrollToBottom_()
  6915.                   //     }))
  6916.                   // }
  6917.  
  6918.             } else if (sfi === '1.39.20') {
  6919.               // TBC
  6920.             } else if (sfi === '1.31.17') {
  6921.               // original
  6922.             } else {
  6923.               assertor(() => fnIntegrity(mclp.handleLiveChatActions_, '1.40.20'))
  6924.                 || logFn('mclp.handleLiveChatActions_', mclp.handleLiveChatActions_)();
  6925.             }
  6926.  
  6927.             mclp.handleLiveChatActions66_ = mclp.handleLiveChatActions_;
  6928.  
  6929.             mclp.handleLiveChatActions77_ = async function (arr) {
  6930.               if (typeof (arr || 0).length !== 'number') {
  6931.                 this.handleLiveChatActions66_(arr);
  6932.                 return;
  6933.               }
  6934.               if (mzt > 1e9) mzt = 9;
  6935.               let tid = ++mzt;
  6936.  
  6937.               if (zarr === null) zarr = arr;
  6938.               else Array.prototype.push.apply(zarr, arr);
  6939.               arr = null;
  6940.  
  6941.               await iAFP(this.hostElement).then();
  6942.               // await new Promise(requestAnimationFrame);
  6943.  
  6944.               if (tid !== mzt || zarr === null) {
  6945.                 return;
  6946.               }
  6947.  
  6948.               const carr = zarr;
  6949.               zarr = null;
  6950.  
  6951.               await Promise.resolve();
  6952.               this.handleLiveChatActions66_(carr);
  6953.               await Promise.resolve();
  6954.  
  6955.             }
  6956.  
  6957.             mclp.handleLiveChatActions_ = function (arr) {
  6958.  
  6959.  
  6960.               preprocessChatLiveActions(arr);
  6961.  
  6962.  
  6963.  
  6964.               // console.log(1929, cnt.activeItems_)
  6965.               // console.log(9487, arr);
  6966.  
  6967.               const cnt = this;
  6968.               cnt.__intermediate_delay__ = new Promise(resolve => {
  6969.                 cnt.handleLiveChatActions77_(arr).then(() => {
  6970.                   resolve();
  6971.                 });
  6972.               });
  6973.  
  6974.               resistanceUpdateFn_();
  6975.             }
  6976.             console.log("handleLiveChatActions_", "OK");
  6977.           } else {
  6978.             console.log("handleLiveChatActions_", "NG");
  6979.           }
  6980.         }
  6981.  
  6982.         mclp.hasUserJustInteracted11_ = () => {
  6983.           const t = dateNow();
  6984.           return (t - lastWheel < 80) || currentMouseDown || currentTouchDown || (t - lastUserInteraction < 80);
  6985.         }
  6986.  
  6987.         if ((mclp.canScrollToBottom_ || 0).length === 0) {
  6988.  
  6989.           assertor(() => fnIntegrity(mclp.canScrollToBottom_, '0.9.5'));
  6990.  
  6991.           mclp.canScrollToBottom_ = function () {
  6992.             return this.atBottom && this.allowScroll && !this.hasUserJustInteracted11_();
  6993.           }
  6994.  
  6995.           console.log("canScrollToBottom_", "OK");
  6996.         } else {
  6997.           console.log("canScrollToBottom_", "NG");
  6998.         }
  6999.  
  7000.         if (ENABLE_NO_SMOOTH_TRANSFORM) {
  7001.  
  7002.           mclp.isSmoothScrollEnabled_ = function () {
  7003.             return false;
  7004.           }
  7005.  
  7006.           mclp.maybeResizeScrollContainer_ = function () {
  7007.             //
  7008.           }
  7009.  
  7010.           mclp.refreshOffsetContainerHeight_ = function () {
  7011.             //
  7012.           }
  7013.  
  7014.           mclp.smoothScroll_ = function () {
  7015.             //
  7016.           }
  7017.  
  7018.           mclp.resetSmoothScroll_ = function () {
  7019.             //
  7020.           }
  7021.           console.log("ENABLE_NO_SMOOTH_TRANSFORM", "OK");
  7022.         } else {
  7023.           console.log("ENABLE_NO_SMOOTH_TRANSFORM", "NG");
  7024.         }
  7025.  
  7026.         if ((_flag0281_ & 0x8) == 0) {
  7027.  
  7028.  
  7029.           if (typeof mclp.forEachItem_ === 'function' && !mclp.forEachItem66_ && skipErrorForhandleAddChatItemAction_ && mclp.forEachItem_.length === 1) {
  7030.  
  7031.             mclp.forEachItem66_ = mclp.forEachItem_;
  7032.             mclp.forEachItem_ = function (a) {
  7033.  
  7034.               if ((this._flag0281_ & 0x8) == 0x8) return this.forEachItem66_(a);
  7035.  
  7036.               // ƒ (a){this.visibleItems.forEach(a.bind(this,"visibleItems"));this.activeItems_.forEach(a.bind(this,"activeItems_"))}
  7037.  
  7038.               try {
  7039.  
  7040.                 let items801 = false;
  7041.                 if (typeof a === 'function') {
  7042.                   const items = this.items;
  7043.                   if (items instanceof HTMLDivElement) {
  7044.                     const ev = this.visibleItems;
  7045.                     const ea = this.activeItems_;
  7046.                     if (ev && ea && ev.length >= 0 && ea.length >= 0) {
  7047.                       items801 = items;
  7048.                     }
  7049.                   }
  7050.                 }
  7051.  
  7052.                 if (items801) {
  7053.                   items801.__children801__ = 1;
  7054.                   const res = this.forEachItem66_(a);
  7055.                   items801.__children801__ = 0;
  7056.                   return res;
  7057.                 }
  7058.  
  7059.               } catch (e) { }
  7060.               return this.forEachItem66_(a);
  7061.  
  7062.  
  7063.               // this.visibleItems.forEach((val, idx, arr)=>{
  7064.               //   a.call(this, 'visibleItems', val, idx, arr);
  7065.               // });
  7066.  
  7067.               // this.activeItems_.forEach((val, idx, arr)=>{
  7068.               //   a.call(this, 'activeItems_', val, idx, arr);
  7069.               // });
  7070.  
  7071.  
  7072.  
  7073.             }
  7074.  
  7075.  
  7076.           }
  7077.  
  7078.         }
  7079.  
  7080.         if (typeof mclp.handleAddChatItemAction_ === 'function' && !mclp.handleAddChatItemAction66_ && FIX_THUMBNAIL_SIZE_ON_ITEM_ADDITION && (EMOJI_IMAGE_SINGLE_THUMBNAIL || AUTHOR_PHOTO_SINGLE_THUMBNAIL)) {
  7081.  
  7082.           mclp.handleAddChatItemAction66_ = mclp.handleAddChatItemAction_;
  7083.           mclp.handleAddChatItemAction_ = function (a) {
  7084.             try {
  7085.               if (a && typeof a === 'object' && !('length' in a)) {
  7086.                 fixLiveChatItem(a.item, null);
  7087.                 console.assert(arguments[0] === a);
  7088.               }
  7089.             } catch (e) { console.warn(e) }
  7090.             let res;
  7091.             if (skipErrorForhandleAddChatItemAction_) { // YouTube Native Engine Issue
  7092.               try {
  7093.                 res = this.handleAddChatItemAction66_.apply(this, arguments);
  7094.               } catch (e) {
  7095.                 if (e && (e.message || '').includes('.querySelector(')) {
  7096.                   console.log("skipErrorForhandleAddChatItemAction_", e.message);
  7097.                 } else {
  7098.                   throw e;
  7099.                 }
  7100.               }
  7101.             } else {
  7102.               res = this.handleAddChatItemAction66_.apply(this, arguments);
  7103.             }
  7104.             return res;
  7105.           }
  7106.  
  7107.           if (FIX_THUMBNAIL_SIZE_ON_ITEM_ADDITION) console.log("handleAddChatItemAction_ [ FIX_THUMBNAIL_SIZE_ON_ITEM_ADDITION ]", "OK");
  7108.         } else {
  7109.  
  7110.           if (FIX_THUMBNAIL_SIZE_ON_ITEM_ADDITION) console.log("handleAddChatItemAction_ [ FIX_THUMBNAIL_SIZE_ON_ITEM_ADDITION ]", "OK");
  7111.         }
  7112.  
  7113.  
  7114.         if (typeof mclp.handleReplaceChatItemAction_ === 'function' && !mclp.handleReplaceChatItemAction66_ && FIX_THUMBNAIL_SIZE_ON_ITEM_REPLACEMENT && (EMOJI_IMAGE_SINGLE_THUMBNAIL || AUTHOR_PHOTO_SINGLE_THUMBNAIL)) {
  7115.  
  7116.           mclp.handleReplaceChatItemAction66_ = mclp.handleReplaceChatItemAction_;
  7117.           mclp.handleReplaceChatItemAction_ = function (a) {
  7118.             try {
  7119.               if (a && typeof a === 'object' && !('length' in a)) {
  7120.                 fixLiveChatItem(a.replacementItem, null);
  7121.                 console.assert(arguments[0] === a);
  7122.               }
  7123.             } catch (e) { console.warn(e) }
  7124.             return this.handleReplaceChatItemAction66_.apply(this, arguments);
  7125.           }
  7126.  
  7127.           if (FIX_THUMBNAIL_SIZE_ON_ITEM_REPLACEMENT) console.log("handleReplaceChatItemAction_ [ FIX_THUMBNAIL_SIZE_ON_ITEM_REPLACEMENT ]", "OK");
  7128.         } else {
  7129.  
  7130.           if (FIX_THUMBNAIL_SIZE_ON_ITEM_REPLACEMENT) console.log("handleReplaceChatItemAction_ [ FIX_THUMBNAIL_SIZE_ON_ITEM_REPLACEMENT ]", "OK");
  7131.         }
  7132.  
  7133.         console.log("[End]");
  7134.         console.groupEnd();
  7135.  
  7136.       }).catch(console.warn);
  7137.  
  7138.  
  7139.       const tickerContainerSetAttribute = function (attrName, attrValue) { // ensure '14.30000001%'.toFixed(1)
  7140.  
  7141.         let yd = (this.__dataHost || insp(this).__dataHost || 0).__data;
  7142.  
  7143.         if (arguments.length === 2 && attrName === 'style' && yd && attrValue) {
  7144.  
  7145.           // let v = yd.containerStyle.privateDoNotAccessOrElseSafeStyleWrappedValue_;
  7146.           let v = `${attrValue}`;
  7147.           // conside a ticker is 101px width
  7148.           // 1% = 1.01px
  7149.           // 0.2% = 0.202px
  7150.  
  7151.  
  7152.           const ratio1 = (yd.ratio * 100);
  7153.           if (ratio1 > -1) { // avoid NaN
  7154.  
  7155.             // countdownDurationMs
  7156.             // 600000 - 0.2%    <1% = 6s>  <0.2% = 1.2s>
  7157.             // 300000 - 0.5%    <1% = 3s>  <0.5% = 1.5s>
  7158.             // 150000 - 1%    <1% = 1.5s>
  7159.             // 75000 - 2%    <1% =0.75s > <2% = 1.5s>
  7160.             // 30000 - 5%    <1% =0.3s > <5% = 1.5s>
  7161.  
  7162.             // 99px * 5% = 4.95px
  7163.  
  7164.             // 15000 - 10%    <1% =0.15s > <10% = 1.5s>
  7165.  
  7166.  
  7167.             // 1% Duration
  7168.  
  7169.             let ratio2 = ratio1;
  7170.  
  7171.             const ydd = yd.data;
  7172.             if (ydd) {
  7173.  
  7174.               const d1 = ydd.durationSec;
  7175.               const d2 = ydd.fullDurationSec;
  7176.  
  7177.               // @ step timing [min. 0.2%]
  7178.               let numOfSteps = 500;
  7179.               if ((d1 === d2 || (d1 + 1 === d2)) && d1 > 1) {
  7180.                 if (d2 > 400) numOfSteps = 500; // 0.2%
  7181.                 else if (d2 > 200) numOfSteps = 200; // 0.5%
  7182.                 else if (d2 > 100) numOfSteps = 100; // 1%
  7183.                 else if (d2 > 50) numOfSteps = 50; // 2%
  7184.                 else if (d2 > 25) numOfSteps = 20; // 5% (max => 99px * 5% = 4.95px)
  7185.                 else numOfSteps = 20;
  7186.               }
  7187.               if (numOfSteps > TICKER_MAX_STEPS_LIMIT) numOfSteps = TICKER_MAX_STEPS_LIMIT;
  7188.               if (numOfSteps < 5) numOfSteps = 5;
  7189.  
  7190.               const rd = numOfSteps / 100.0;
  7191.  
  7192.               ratio2 = Math.round(ratio2 * rd) / rd;
  7193.  
  7194.               // ratio2 = Math.round(ratio2 * 5) / 5;
  7195.               ratio2 = ratio2.toFixed(1);
  7196.               v = v.replace(`${ratio1}%`, `${ratio2}%`).replace(`${ratio1}%`, `${ratio2}%`);
  7197.  
  7198.               if (yd.__style_last__ === v) return;
  7199.               yd.__style_last__ = v;
  7200.               // do not consider any delay here.
  7201.               // it shall be inside the looping for all properties changes. all the css background ops are in the same microtask.
  7202.  
  7203.             }
  7204.           }
  7205.  
  7206.           HTMLElement.prototype.setAttribute.call(dr(this), attrName, v);
  7207.  
  7208.  
  7209.         } else {
  7210.           HTMLElement.prototype.setAttribute.apply(dr(this), arguments);
  7211.         }
  7212.  
  7213.       };
  7214.  
  7215.  
  7216.       const fpTicker = (renderer) => {
  7217.         if (FLAG_001a) return;
  7218.         const cnt = insp(renderer);
  7219.         assertor(() => typeof (cnt || 0).is === 'string');
  7220.         assertor(() => ((cnt || 0).hostElement || 0).nodeType === 1);
  7221.         const container = (cnt.$ || 0).container;
  7222.         if (container) {
  7223.           assertor(() => (container || 0).nodeType === 1);
  7224.           assertor(() => typeof container.setAttribute === 'function');
  7225.           container.setAttribute = tickerContainerSetAttribute;
  7226.         } else {
  7227.           console.warn(`"container" does not exist in ${cnt.is}`);
  7228.         }
  7229.       };
  7230.  
  7231.  
  7232.       const tags = [
  7233.         "yt-live-chat-ticker-renderer",
  7234.         "yt-live-chat-ticker-paid-message-item-renderer",
  7235.         "yt-live-chat-ticker-paid-sticker-item-renderer",
  7236.         "yt-live-chat-ticker-sponsor-item-renderer"
  7237.       ];
  7238.  
  7239.       const tagsItemRenderer = [
  7240.         "yt-live-chat-ticker-renderer",
  7241.         "yt-live-chat-ticker-paid-message-item-renderer",
  7242.         "yt-live-chat-ticker-paid-sticker-item-renderer",
  7243.         "yt-live-chat-ticker-sponsor-item-renderer"
  7244.       ];
  7245.  
  7246.       const wmList = new Set;
  7247.       if (DEBUG_wmList) {
  7248.  
  7249.         setInterval(() => {
  7250.           let q = document.querySelector('#label-text');
  7251.           if(!q) return;
  7252.           const size = new Set([...wmList].filter(e => e?.deref()?.isConnected === false).map(e => e?.deref())).size;
  7253.           q.textContent = `${48833}, ${DEBUG_wmList_started}, ${size}`;
  7254.  
  7255.           // console.log(48833, )
  7256.         }, 100);
  7257.       }
  7258.  
  7259.  
  7260.       /*
  7261.             Promise.all(tags.map(tag => customElements.whenDefined(tag))).then(() => {
  7262.       
  7263.       
  7264.               const dProto = {
  7265.       
  7266.                 detachedForTickerInit: function () {
  7267.       
  7268.                   try {
  7269.       
  7270.                     this.actionHandlerBehavior.unregisterActionMap(this.behaviorActionMap)
  7271.       
  7272.                     // this.behaviorActionMap = 0;
  7273.                     // this.isVisibilityRoot = 0;
  7274.       
  7275.       
  7276.                   } catch (e) { }
  7277.       
  7278.       
  7279.                   return this.detached582MemoryLeak();
  7280.                 },
  7281.       
  7282.                 attachedForTickerInit: function () {
  7283.                   wmList.add(new WeakRef(this))
  7284.       
  7285.                   // fpTicker(this.hostElement || this);
  7286.                   return this.attached77();
  7287.       
  7288.                 },
  7289.       
  7290.       
  7291.               }
  7292.       
  7293.       
  7294.               for (const tag of tagsItemRenderer) { // ##tag##
  7295.                 const dummy = document.createElement(tag);
  7296.       
  7297.                 const cProto = getProto(dummy);
  7298.                 if (!cProto || !cProto.attached) {
  7299.                   console.warn(`proto.attached for ${tag} is unavailable.`);
  7300.                   continue;
  7301.                 }
  7302.       
  7303.                 if (FIX_MEMORY_LEAKAGE_TICKER_ACTIONMAP && typeof cProto.detached582MemoryLeak !== 'function' && typeof cProto.detached === 'function') {
  7304.                   cProto.detached582MemoryLeak = cProto.detached;
  7305.                   cProto.detached = cProto.detachedForTickerInit;
  7306.                 }
  7307.       
  7308.                 cProto.attached77 = cProto.attached;
  7309.       
  7310.                 cProto.attached = dProto.attachedForTickerInit;
  7311.       
  7312.       
  7313.               }
  7314.       
  7315.             });
  7316.             */
  7317.  
  7318.  
  7319.             
  7320.       Promise.all(tags.map(tag => customElements.whenDefined(tag))).then(() => {
  7321.  
  7322.         if (FLAG_001b) return;
  7323.         mightFirstCheckOnYtInit();
  7324.         groupCollapsed("YouTube Super Fast Chat", " | yt-live-chat-ticker-... hacks");
  7325.         console.log("[Begin]");
  7326.  
  7327.         let dummyValueForStyleReturn = null;
  7328.  
  7329.         const genDummyValueForStyleReturn = () => {
  7330.           let s = `--nx:82;`
  7331.           let ro = {
  7332.             "privateDoNotAccessOrElseSafeStyleWrappedValue_": s,
  7333.             "implementsGoogStringTypedString": true
  7334.           };
  7335.           ro.getTypedStringValue = ro.toString = function () { return this.privateDoNotAccessOrElseSafeStyleWrappedValue_ };
  7336.           return ro;
  7337.         }
  7338.  
  7339.         let isCSSPropertySupported_ = null;
  7340.         const isCSSPropertySupported = () => {
  7341.  
  7342.           // @property --ticker-rtime
  7343.  
  7344.           if (typeof isCSSPropertySupported_ === 'boolean') return isCSSPropertySupported_;
  7345.           isCSSPropertySupported_ = false;
  7346.  
  7347.           if (typeof CSS !== 'object' || typeof (CSS || 0).registerProperty !== 'function') return false;
  7348.           const documentElement = document.documentElement;
  7349.           if (!documentElement) {
  7350.             console.warn('document.documentElement is not found');
  7351.             return false;
  7352.           }
  7353.           if (`${getComputedStyleCached(documentElement).getPropertyValue('--ticker-rtime')}`.length === 0) {
  7354.             return false;
  7355.           }
  7356.  
  7357.           const ae = animate.call(documentElement,
  7358.             [
  7359.               { '--ticker-rtime': '70%' },
  7360.               { '--ticker-rtime': '30%' }
  7361.             ],
  7362.             {
  7363.               fill: "forwards",
  7364.               duration: 1000 * 40,
  7365.               easing: 'linear'
  7366.             }
  7367.           );
  7368.  
  7369.           let animatedValue = getComputedStyleCached(document.documentElement).getPropertyValue('--ticker-rtime');
  7370.           ae.finish();
  7371.           if (`${animatedValue}`.length !== 3) return false;
  7372.  
  7373.           isCSSPropertySupported_ = true;
  7374.           return true;
  7375.  
  7376.         };
  7377.  
  7378.         let tickerAttachmentId = 0;
  7379.  
  7380.         let windowShownAt = -1;
  7381.         const setupEventForWindowShownAt = () => {
  7382.           window.addEventListener('visibilitychange', () => {
  7383.             if (document.visibilityState === 'visible') windowShownAt = Date.now();
  7384.             else windowShownAt = 0;
  7385.           }, false);
  7386.         }
  7387.  
  7388.         const __requestRemoval__ = function (cnt) {
  7389.           if (cnt.hostElement && typeof cnt.requestRemoval === 'function') {
  7390.             try {
  7391.               const id = (cnt.data || 0).id;
  7392.               if (!id) cnt.data = { id: 1 };
  7393.             } catch (e) { }
  7394.             try {
  7395.               cnt.requestRemoval();
  7396.               return true;
  7397.             } catch (e) { }
  7398.           }
  7399.           return false;
  7400.         }
  7401.  
  7402.         const widthIORes = new WeakMap();
  7403.         const widthIO = new IntersectionObserver((mutations) => {
  7404.           for (const mutation of mutations) {
  7405.             const elm = mutation.target;
  7406.             widthIO.unobserve(elm);
  7407.              const {promise, values} =widthIORes.get(elm) || {};
  7408.              if(promise && values){
  7409.  
  7410.  
  7411.               widthIORes.delete(elm);
  7412.               values.width= mutation.boundingClientRect.width;
  7413.               promise.resolve(values);
  7414.              }
  7415.           }
  7416.         });
  7417.         const widthReq = (elm)=>{
  7418.  
  7419.           {
  7420.  
  7421.             const {promise, values} =widthIORes.get(elm) || {};
  7422.             if(promise) return promise;
  7423.           }
  7424.           
  7425.           const promise = new PromiseExternal();
  7426.           widthIORes.set(elm, {promise, values: {}});
  7427.           widthIO.unobserve(elm);
  7428.           widthIO.observe(elm);
  7429.  
  7430.           return promise;
  7431.  
  7432.         }
  7433.  
  7434.         let mo43p = null;
  7435.         const mo43 = new MutationObserver(()=>{
  7436.  
  7437.           const p = mo43p;
  7438.           mo43p = null;
  7439.           if(p){
  7440.             p.resolve();
  7441.           }
  7442.         });
  7443.  
  7444.  
  7445.         const dProto = {
  7446.  
  7447.  
  7448.             /**
  7449.              * 
  7450.  
  7451.     f.updateStatsBarAndMaybeShowAnimation = function(a, b, c) {
  7452.         var d = this;
  7453.         a || c();
  7454.         a && this.statsBar && this.username && this.textContent && (this.isMouseOver ? (b(),
  7455.         c()) : (a = this.animateShowStats(),
  7456.         this.data.animationOrigin && this.data.trackingParams && aB().stateChanged(this.data.trackingParams, {
  7457.             animationEventData: {
  7458.                 origin: this.data.animationOrigin
  7459.             }
  7460.         }),
  7461.         a.finished.then(function() {
  7462.             var e;
  7463.             setTimeout(function() {
  7464.                 b();
  7465.                 c();
  7466.                 if (!d.isMouseOver) {
  7467.                     var g, k;
  7468.                     d.animateHideStats(((g = d.data) == null ? void 0 : g.dynamicStateData.stateSlideDurationMs) || 0, ((k = d.data) == null ? void 0 : k.dynamicStateData.stateUpdateDelayAfterMs) || 0)
  7469.                 }
  7470.             }, ((e = d.data) == null ? void 0 : e.dynamicStateData.stateUpdateDelayBeforeMs) || 0)
  7471.         })))
  7472.     }
  7473.  
  7474.              * 
  7475.              */
  7476.  
  7477.  
  7478.  
  7479.         /**
  7480.          * 
  7481.          * 
  7482.  
  7483.     f.animateShowStats = function() {
  7484.         var a = this.textContent.animate({
  7485.             transform: "translateY(-30px)"
  7486.         }, {
  7487.             duration: this.data.dynamicStateData.stateSlideDurationMs,
  7488.             fill: "forwards"
  7489.         });
  7490.         this.username.animate({
  7491.             opacity: 0
  7492.         }, {
  7493.             duration: 500,
  7494.             fill: "forwards"
  7495.         });
  7496.         this.statsBar.animate({
  7497.             opacity: 1
  7498.         }, {
  7499.             duration: 500,
  7500.             fill: "forwards"
  7501.         });
  7502.         return a
  7503.     }
  7504.     ;
  7505.     f.animateHideStats = function(a, b) {
  7506.         this.textContent.animate({
  7507.             transform: "translateY(0)"
  7508.         }, {
  7509.             duration: a,
  7510.             fill: "forwards",
  7511.             delay: b
  7512.         });
  7513.         this.username.animate({
  7514.             opacity: 1
  7515.         }, {
  7516.             duration: 300,
  7517.             fill: "forwards",
  7518.             delay: b
  7519.         });
  7520.         this.statsBar.animate({
  7521.             opacity: 0
  7522.         }, {
  7523.             duration: 300,
  7524.             fill: "forwards",
  7525.             delay: b
  7526.         })
  7527.     }
  7528.          * 
  7529.          */
  7530.         
  7531.           updateStatsBarAndMaybeShowAnimationRevised: function (a, b, c) {
  7532.             // prevent memory leakage due to d.data was asked in  a.finished.then
  7533.             try{
  7534.               // console.log('updateStatsBarAndMaybeShowAnimation called', this.is)
  7535.               if (!this.__proxySelf0__) this.__proxySelf0__ = weakWrap(this);
  7536.               return this.updateStatsBarAndMaybeShowAnimation38.call(this.__proxySelf0__, a, b, c);
  7537.             }catch(e){
  7538.               console.log('updateStatsBarAndMaybeShowAnimationRevised ERROR');
  7539.               console.error(e);
  7540.             }
  7541.           },
  7542.  
  7543.           detachedForMemoryLeakage: function () {
  7544.  
  7545.             try{
  7546.   
  7547.               this.actionHandlerBehavior.unregisterActionMap(this.behaviorActionMap)
  7548.               
  7549.               // this.behaviorActionMap = 0;
  7550.               // this.isVisibilityRoot = 0;
  7551.   
  7552.   
  7553.             }catch(e){}
  7554.           
  7555.             return this.detached582MemoryLeak();
  7556.           },
  7557.  
  7558.           detachedForTickerInit: function () {
  7559.  
  7560.             Promise.resolve(this).then((cnt) => {
  7561.               if (cnt.isAttached) return;
  7562.               cnt.isAttached === false && ((cnt.$ || 0).container || 0).isConnected === false && __requestRemoval__(cnt);
  7563.               cnt.rafId > 1 && rafHub.cancel(cnt.rafId);
  7564.             }).catch(console.warn);
  7565.  
  7566.             let r;
  7567.             try {
  7568.               r = this.detached77();
  7569.             } catch (e) {
  7570.               console.warn(e);
  7571.             }
  7572.             this.__ticker_attachmentId__ = 0;
  7573.             return r;
  7574.           },
  7575.  
  7576.           attachedForTickerInit: function () {
  7577.             if (tickerAttachmentId > 1e9) tickerAttachmentId = 9;
  7578.             this.__ticker_attachmentId__ = ++tickerAttachmentId;
  7579.  
  7580.             const hostElement = this.hostElement;
  7581.             if (hostElement instanceof HTMLElement) {
  7582.               hostElement.classList.add('r6-width-adjustable');
  7583.             }
  7584.  
  7585.             DEBUG_wmList && wmList.add(new WeakRef(this))
  7586.             if (DEBUG_wmList && !DEBUG_wmList_started) {
  7587.               console.log('!!!!!!!!!!!!! DEBUG_wmList_started !!!!!!!!!')
  7588.               DEBUG_wmList_started = 1;
  7589.             }
  7590.  
  7591.             fpTicker(this.hostElement || this);
  7592.             return this.attached77();
  7593.  
  7594.           },
  7595.  
  7596.  
  7597.           // doAnimator
  7598.  
  7599.           _makeAnimator: function () {
  7600.             if (this._r782) return;
  7601.             // if (!this.isAttached) return;
  7602.             if (!this._runnerAE) {
  7603.               /** @type {HTMLElement | null} */
  7604.               const aElement = (this.$ || 0).container;
  7605.               if (!aElement) return console.warn("this.$.container is undefined");
  7606.               const da = this.data;
  7607.               if (!da || !da.startBackgroundColor || !da.endBackgroundColor) return console.warn("this.data is undefined or incorrect");
  7608.               const c1 = this.colorFromDecimal(da.startBackgroundColor);
  7609.               const c2 = this.colorFromDecimal(da.endBackgroundColor);
  7610.               if (typeof c1 !== 'string' || typeof c2 !== 'string') return console.warn('c1, c2 is not a string');
  7611.  
  7612.               // if (!this.__tickerBackgroundInitialChecked__) {
  7613.               //   this.constructor.prototype.__tickerBackgroundInitialChecked__ = true;
  7614.               //   console.log('__tickerBackgroundInitialChecked__')
  7615.               //   this._checkTickerBackgroundChanged();
  7616.               // }
  7617.  
  7618.               aElement.style.setProperty('--ticker-c1', c1);
  7619.               aElement.style.setProperty('--ticker-c2', c2);
  7620.               aElement.classList.add(runTickerClassName);
  7621.               const p = (this.countdownMs / this.countdownDurationMs) * 100;
  7622.               // this._aeStartV = this.countdownMs;
  7623.               // this._aeStartT = this.countdownDurationMs;
  7624.               if (!(p >= 0 && p <= 100)) {
  7625.                 console.warn('incorrect time ratio', p);
  7626.               } else {
  7627.                 /*
  7628.                 const u0 = p.toFixed(4) + '%';
  7629.                 this._runnerAE = animate.call(aElement,
  7630.                   [
  7631.                     { '--ticker-rtime': u0 },
  7632.                     { '--ticker-rtime': '0%' }
  7633.                   ]
  7634.                   ,
  7635.                   {
  7636.                     fill: "forwards",
  7637.                     duration: this.countdownMs,
  7638.                     easing: "linear"
  7639.                   }
  7640.                 );
  7641.                 */
  7642.  
  7643.                 let timingFn = 'linear';
  7644.  
  7645.                 const totalDuration = this.countdownDurationMs;
  7646.  
  7647.                 if (ATTEMPT_ANIMATED_TICKER_BACKGROUND === 'steps') {
  7648.  
  7649.                   // @ step timing [min. 0.2%]
  7650.                   let stepInterval = 0.2; // unit: %
  7651.                   if (totalDuration > 400000) stepInterval = 0.2;
  7652.                   else if (totalDuration > 200000) stepInterval = 0.5;
  7653.                   else if (totalDuration > 100000) stepInterval = 1;
  7654.                   else if (totalDuration > 50000) stepInterval = 2;
  7655.                   else if (totalDuration > 25000) stepInterval = 5;
  7656.                   else stepInterval = 5;
  7657.  
  7658.                   let numOfSteps = Math.round(100 / stepInterval);
  7659.  
  7660.                   if (numOfSteps > TICKER_MAX_STEPS_LIMIT) numOfSteps = TICKER_MAX_STEPS_LIMIT;
  7661.                   if (numOfSteps < 5) numOfSteps = 5;
  7662.  
  7663.                   timingFn = `steps(${numOfSteps}, end)`;
  7664.  
  7665.                 }
  7666.  
  7667.  
  7668.                 /** @type {Animation} */
  7669.                 const ae = animate.call(aElement,
  7670.                   [
  7671.                     { '--ticker-rtime': '100%' },
  7672.                     { '--ticker-rtime': '0%' }
  7673.                   ]
  7674.                   ,
  7675.                   {
  7676.                     fill: "forwards",
  7677.                     duration: totalDuration,
  7678.                     easing: timingFn
  7679.                   }
  7680.                 );
  7681.  
  7682.                 this._runnerAE = ae;
  7683.  
  7684.                 ae.onfinish = (event) => {
  7685.                   this.onfinish = null;
  7686.                   if (this._runnerAE !== ae) return;
  7687.                   if (this.isAttached === true && !this._r782 && ((this.$ || 0).container || 0).isConnected === true) {
  7688.                     this._aeFinished(event);
  7689.                   }
  7690.                 }
  7691.  
  7692.                 let bq = (1.0 - (this.countdownMs / totalDuration)) * totalDuration;
  7693.  
  7694.                 if (bq >= 0 && bq <= totalDuration) {
  7695.  
  7696.                   if (bq > totalDuration - 1) {
  7697.                     ae.currentTime = bq;
  7698.                     // setTimeout(() => {
  7699.                     //   if (this._runnerAE === ae && ae.onfinish) ae.onfinish();
  7700.                     // }, 1);
  7701.                   } else {
  7702.                     ae.currentTime = bq;
  7703.                   }
  7704.                 } else {
  7705.                   console.warn('Error on setting _runnerAE.currentTime!');
  7706.                 }
  7707.  
  7708.  
  7709.                 aeConstructor = ae.constructor; // constructor is from iframe
  7710.                 return ae;
  7711.               }
  7712.             } else {
  7713.               if (!aeConstructor) return console.warn('aeConstructor is undefined');
  7714.               // assume just time update
  7715.               const ae = this._runnerAE;
  7716.               if (!(ae instanceof aeConstructor)) return console.warn('this._runnerAE is not Animation');
  7717.               if (ae.playState !== 'paused') console.warn('ae.playState !== paused');
  7718.               let p = (this.countdownMs / this.countdownDurationMs) * 100;
  7719.               if (!(p >= 0 && p <= 100)) {
  7720.                 console.warn('incorrect time ratio', p);
  7721.               } else {
  7722.                 // let u0 = p.toFixed(4) + '%'
  7723.                 /*
  7724.                 ae.effect.setKeyframes([
  7725.                   { '--ticker-rtime': u0 },
  7726.                   { '--ticker-rtime': '0%' }
  7727.                 ]);
  7728.                 ae.effect.updateTiming({ duration: this.countdownMs });
  7729.                 */
  7730.                 // ae.currentTime = 0;
  7731.  
  7732.  
  7733.  
  7734.                 let bq = (1.0 - (this.countdownMs / this.countdownDurationMs)) * this.countdownDurationMs;
  7735.                 if (bq >= 0 && bq <= this.countdownDurationMs) {
  7736.  
  7737.                   this._runnerAE.currentTime = bq
  7738.                 } else {
  7739.                   console.warn('Error on setting _runnerAE.currentTime!');
  7740.                 }
  7741.  
  7742.  
  7743.                 ae.play();
  7744.                 return ae;
  7745.               }
  7746.             }
  7747.           },
  7748.  
  7749.           _aeFinished: function (event) {
  7750.  
  7751.             if (this._r782) return;
  7752.  
  7753.             if (this.isAttached === false && ((this.$ || 0).container || 0).isConnected === false) {
  7754.               this._throwOut();
  7755.               return;
  7756.             }
  7757.  
  7758.             if (!this._runnerAE) console.warn('Error in .updateTimeout; this._runnerAE is undefined');
  7759.  
  7760.             let lc = window.performance.now();
  7761.             this.countdownMs = Math.max(0, this.countdownMs - (lc - this.lastCountdownTimeMs));
  7762.             if (this.countdownMs > this.countdownDurationMs) this.countdownMs = this.countdownDurationMs;
  7763.             this.lastCountdownTimeMs = this._lastCountdownTimeMsX0 = lc;
  7764.             if (this.countdownMs > 76) console.warn('Warning: this.countdownMs is not zero when finished!', this.countdownMs, this, event); // just warning.
  7765.  
  7766.             this.countdownMs = 0;
  7767.             this.lastCountdownTimeMs = this._lastCountdownTimeMsX0 = null;
  7768.  
  7769.             if (this.isAttached) {
  7770.               let fastRemoved = false;
  7771.               if (Date.now() - windowShownAt < 80 && typeof this.requestRemoval === 'function') {
  7772.                 // no animation if the video page is switched from background to foreground
  7773.                 // this.hostElement.style.display = 'none';
  7774.  
  7775.                 fastRemoved = __requestRemoval__(this);
  7776.               }
  7777.  
  7778.               if (!fastRemoved) {
  7779.                 "auto" === this.hostElement.style.width && this.setContainerWidth();
  7780.                 this.slideDown();
  7781.               }
  7782.             }
  7783.  
  7784.  
  7785.  
  7786.           },
  7787.  
  7788.  
  7789.           /** @type {()} */
  7790.           _throwOut: function () {
  7791.             this._r782 = 1;
  7792.             Promise.resolve(this).then((cnt) => {
  7793.               __requestRemoval__(cnt);
  7794.               cnt.detached();
  7795.               if (cnt.__dataClientsReady === true) cnt.__dataClientsReady = false;
  7796.               if (cnt.__dataEnabled === true) cnt.__dataEnabled = false;
  7797.               if (cnt.__dataReady === true) cnt.__dataReady = false;
  7798.               cnt.data = null;
  7799.               cnt.countdownMs = 0;
  7800.               cnt.lastCountdownTimeMs = null;
  7801.               const hm = cnt.hostElement || cnt;
  7802.               if (hm.parentNode) hm.remove();
  7803.               for (let t; t = hm.firstChild;) t.remove();
  7804.             }).catch(e => {
  7805.               console.warn(e);
  7806.             });
  7807.           },
  7808.  
  7809.  
  7810.           // doTimerFnModification
  7811.  
  7812.  
  7813.           /** @type {(a, b)} */
  7814.           startCountdownForTimerFnModA: function (a, b) { // .startCountdown(a.durationSec, a.fullDurationSec)
  7815.             try {
  7816.  
  7817.               const cnt = kRef(this);
  7818.               if (!cnt) return;
  7819.               if (!cnt.hostElement) return;
  7820.  
  7821.               const attachementId = cnt.__ticker_attachmentId__;
  7822.               if(!attachementId) return;
  7823.  
  7824.               // a.durationSec [s] => countdownMs [ms]
  7825.               // a.fullDurationSec [s] => countdownDurationMs [ms] OR countdownMs [ms]
  7826.               // lastCountdownTimeMs => raf ongoing
  7827.               // lastCountdownTimeMs = 0 when rafId = 0 OR countdownDurationMs = 0
  7828.  
  7829.               if (cnt._r782) return;
  7830.  
  7831.               if (cnt.isAttached === false && ((cnt.$ || 0).container || 0).isConnected === false) {
  7832.                 cnt._throwOut();
  7833.                 return;
  7834.               }
  7835.  
  7836.               // TimerFnModA
  7837.  
  7838.               b = void 0 === b ? 0 : b;
  7839.               if (void 0 !== a) {
  7840.  
  7841.                 cnt.countdownMs = 1E3 * a; // decreasing from durationSec[s] to zero
  7842.                 cnt.countdownDurationMs = b ? 1E3 * b : cnt.countdownMs; // constant throughout the animation
  7843.                 if (!(cnt.lastCountdownTimeMs || cnt.isAnimationPaused)) {
  7844.                   cnt.lastCountdownTimeMs = cnt._lastCountdownTimeMsX0 = performance.now()
  7845.                   cnt.rafId = 1
  7846.                   if (cnt._runnerAE) console.warn('Error in .startCountdown; cnt._runnerAE already created.')
  7847.                     cnt.detlaSincePausedSecs = 0;
  7848.                   const ae = cnt._makeAnimator();
  7849.                   if (!ae) console.warn('Error in startCountdown._makeAnimator()');
  7850.  
  7851.                   // if (playerProgressChangedArg1 === null) {
  7852.                   //   console.log('startCountdownForTimerFnModA', cnt.data)
  7853.                   // }
  7854.  
  7855.                   if (isPlayProgressTriggered && cnt.isAnimationPaused !== true && cnt.__ENABLE_VIDEO_PROGRESS_STATE_FIX_AND_URT_PASSED__) {
  7856.  
  7857.  
  7858.  
  7859.  
  7860.                     cnt.playerProgressSec = lastPlayerProgress > 0 ? lastPlayerProgress : 0; // save the progress first
  7861.                     cnt.isAnimationPaused = true; // trigger isAnimationPausedChanged
  7862.                     cnt.detlaSincePausedSecs = 0;
  7863.                     cnt._forceNoDetlaSincePausedSecs783 = 1; // reset cnt.detlaSincePausedSecs = 0 when resumed
  7864.  
  7865.                     relayPromise = relayPromise || new PromiseExternal();
  7866.  
  7867.                     relayPromise.then(() => {
  7868.  
  7869.                       const cnt = kRef(this);
  7870.                       if (!cnt) return;
  7871.                       if (!cnt.hostElement) return;
  7872.  
  7873.                       if (cnt && attachementId !== cnt.__ticker_attachmentId__) return;
  7874.                       
  7875.                       if (cnt.isAttached === true && cnt.countdownDurationMs > 0 && cnt.isAnimationPaused === true && cnt.isReplayPaused !== true) {
  7876.                         cnt.isAnimationPaused = false;
  7877.                       }
  7878.                     });
  7879.  
  7880.  
  7881.                   }
  7882.  
  7883.  
  7884.  
  7885.                 }
  7886.               }
  7887.  
  7888.             } catch (e) {
  7889.               console.warn(e);
  7890.             }
  7891.  
  7892.           },
  7893.  
  7894.  
  7895.  
  7896.           /** @type {(a, b)} */
  7897.           startCountdownForTimerFnModT: function (a, b) { // .startCountdown(a.durationSec, a.fullDurationSec)
  7898.  
  7899.             try {
  7900.               const cnt = kRef(this);
  7901.               if (!cnt) return;
  7902.               if (!cnt.hostElement) return;
  7903.  
  7904.               const attachementId = cnt.__ticker_attachmentId__;
  7905.               if(!attachementId) return;
  7906.  
  7907.               // a.durationSec [s] => countdownMs [ms]
  7908.               // a.fullDurationSec [s] => countdownDurationMs [ms] OR countdownMs [ms]
  7909.               // lastCountdownTimeMs => raf ongoing
  7910.               // lastCountdownTimeMs = 0 when rafId = 0 OR countdownDurationMs = 0
  7911.  
  7912.               if (cnt._r782) return;
  7913.  
  7914.               if (cnt.isAttached === false && ((cnt.$ || 0).container || 0).isConnected === false) {
  7915.                 cnt._throwOut();
  7916.                 return;
  7917.               }
  7918.  
  7919.               // TimerFnModT
  7920.  
  7921.               // console.log('cProto.startCountdown', tag) // yt-live-chat-ticker-sponsor-item-renderer
  7922.               if (!cnt.boundUpdateTimeout37_) cnt.boundUpdateTimeout37_ = cnt.updateTimeout.bind(mWeakRef(cnt));
  7923.               b = void 0 === b ? 0 : b;
  7924.               void 0 !== a && (cnt.countdownMs = 1E3 * a,
  7925.                 cnt.countdownDurationMs = b ? 1E3 * b : cnt.countdownMs,
  7926.                 cnt.ratio = 1,
  7927.                 cnt.lastCountdownTimeMs || cnt.isAnimationPaused || (cnt.lastCountdownTimeMs = cnt._lastCountdownTimeMsX0 = performance.now(),
  7928.                   cnt.rafId = rafHub.request(cnt.boundUpdateTimeout37_)))
  7929.  
  7930.             } catch (e) {
  7931.               console.warn(e);
  7932.             }
  7933.  
  7934.           },
  7935.  
  7936.  
  7937.           /** @type {(a,)} */
  7938.           updateTimeoutForTimerFnModA: function (a) {
  7939.  
  7940.             try {
  7941.               const cnt = kRef(this);
  7942.               if (!cnt) return;
  7943.               if (!cnt.hostElement) return; // memory leakage. to be reviewed
  7944.  
  7945.               const attachementId = cnt.__ticker_attachmentId__;
  7946.               if(!attachementId) return;
  7947.  
  7948.               // _lastCountdownTimeMsX0 is required since performance.now() is not fully the same with rAF timestamp
  7949.  
  7950.               if (cnt._r782) return;
  7951.  
  7952.               if (cnt.isAttached === false && ((cnt.$ || 0).container || 0).isConnected === false) {
  7953.                 cnt._throwOut();
  7954.                 return;
  7955.               }
  7956.  
  7957.               // TimerFnModA
  7958.  
  7959.               if (!cnt._runnerAE) console.warn('Error in .updateTimeout; cnt._runnerAE is undefined');
  7960.               if (cnt.lastCountdownTimeMs !== cnt._lastCountdownTimeMsX0) {
  7961.                 cnt.countdownMs = Math.max(0, cnt.countdownMs - (a - (cnt.lastCountdownTimeMs || 0)));
  7962.               }
  7963.               if (cnt.countdownMs > cnt.countdownDurationMs) cnt.countdownMs = cnt.countdownDurationMs;
  7964.               if (cnt.isAttached && cnt.countdownMs) {
  7965.                 cnt.lastCountdownTimeMs = a
  7966.                 const ae = cnt._makeAnimator(); // request raf
  7967.                 if (!ae) console.warn('Error in startCountdown._makeAnimator()');
  7968.               } else {
  7969.                 (cnt.lastCountdownTimeMs = cnt._lastCountdownTimeMsX0 = null,
  7970.                   cnt.isAttached && ("auto" === cnt.hostElement.style.width && cnt.setContainerWidth(),
  7971.                     cnt.slideDown()));
  7972.               }
  7973.  
  7974.             } catch (e) {
  7975.               console.warn(e);
  7976.             }
  7977.  
  7978.  
  7979.           },
  7980.  
  7981.           /** @type {(a,)} */
  7982.           updateTimeoutForTimerFnModT: function (a) {
  7983.  
  7984.             try {
  7985.               const cnt = kRef(this);
  7986.               if (!cnt) return;
  7987.               if (!cnt.hostElement) return; // memory leakage. to be reviewed
  7988.  
  7989.               const attachementId = cnt.__ticker_attachmentId__;
  7990.               if(!attachementId) return;
  7991.  
  7992.               // _lastCountdownTimeMsX0 is required since performance.now() is not fully the same with rAF timestamp
  7993.  
  7994.               if (cnt._r782) return;
  7995.  
  7996.               if (cnt.isAttached === false && ((cnt.$ || 0).container || 0).isConnected === false) {
  7997.                 cnt._throwOut();
  7998.                 return;
  7999.               }
  8000.  
  8001.               // TimerFnModT
  8002.  
  8003.               // console.log('cProto.updateTimeout', tag) // yt-live-chat-ticker-sponsor-item-renderer
  8004.               if (!cnt.boundUpdateTimeout37_) cnt.boundUpdateTimeout37_ = cnt.updateTimeout.bind(mWeakRef(cnt));
  8005.               if (cnt.lastCountdownTimeMs !== cnt._lastCountdownTimeMsX0) {
  8006.                 cnt.countdownMs = Math.max(0, cnt.countdownMs - (a - (cnt.lastCountdownTimeMs || 0)));
  8007.               }
  8008.               // console.log(703, cnt.countdownMs)
  8009.               cnt.ratio = cnt.countdownMs / cnt.countdownDurationMs;
  8010.               cnt.isAttached && cnt.countdownMs ? (cnt.lastCountdownTimeMs = a,
  8011.                 cnt.rafId = rafHub.request(cnt.boundUpdateTimeout37_)) : (cnt.lastCountdownTimeMs = cnt._lastCountdownTimeMsX0 = null,
  8012.                   cnt.isAttached && ("auto" === cnt.hostElement.style.width && cnt.setContainerWidth(),
  8013.                     cnt.slideDown()))
  8014.  
  8015.  
  8016.             } catch (e) {
  8017.               console.warn(e);
  8018.             }
  8019.           },
  8020.  
  8021.           /** @type {(a,b)} */
  8022.           isAnimationPausedChangedForTimerFnModA: function (a, b) {
  8023.  
  8024.             const cnt = kRef(this);
  8025.             if (!cnt) return;
  8026.             if (!cnt.hostElement) return; // memory leakage. to be reviewed
  8027.  
  8028.             const attachementId = cnt.__ticker_attachmentId__;
  8029.             if(!attachementId) return;
  8030.  
  8031.             if (cnt._r782) return;
  8032.  
  8033.             if (cnt.isAttached === false && ((cnt.$ || 0).container || 0).isConnected === false) {
  8034.               cnt._throwOut();
  8035.               return;
  8036.             }
  8037.             let forceNoDetlaSincePausedSecs783 = cnt._forceNoDetlaSincePausedSecs783;
  8038.             cnt._forceNoDetlaSincePausedSecs783 = 0;
  8039.  
  8040.             Promise.resolve(cnt).then((cnt) => {
  8041.  
  8042.               if(attachementId !== cnt.__ticker_attachmentId__) return;
  8043.  
  8044.               if (a) {
  8045.  
  8046.                 if (cnt._runnerAE && cnt._runnerAE.playState === 'running') {
  8047.  
  8048.                   cnt._runnerAE.pause()
  8049.                   let lc = window.performance.now();
  8050.                   cnt.countdownMs = Math.max(0, cnt.countdownMs - (lc - cnt.lastCountdownTimeMs));
  8051.                   if (cnt.countdownMs > cnt.countdownDurationMs) cnt.countdownMs = cnt.countdownDurationMs;
  8052.                   cnt.lastCountdownTimeMs = cnt._lastCountdownTimeMsX0 = lc;
  8053.                 }
  8054.  
  8055.               } else if (!a && b) {
  8056.  
  8057.  
  8058.                 if (forceNoDetlaSincePausedSecs783) cnt.detlaSincePausedSecs = 0;
  8059.                 a = cnt.detlaSincePausedSecs ? (cnt.lastCountdownTimeMs || 0) + 1000 * cnt.detlaSincePausedSecs : (cnt.lastCountdownTimeMs || 0);
  8060.                 cnt.detlaSincePausedSecs = 0;
  8061.                 cnt.updateTimeout(a);
  8062.                 cnt.lastCountdownTimeMs = cnt._lastCountdownTimeMsX0 = window.performance.now();
  8063.  
  8064.               }
  8065.  
  8066.               cnt = null;
  8067.  
  8068.  
  8069.             }).catch(e => {
  8070.               console.log(e);
  8071.             });
  8072.  
  8073.  
  8074.  
  8075.           },
  8076.  
  8077.  
  8078.           /** @type {(a,b)} */
  8079.           isAnimationPausedChangedForTimerFnModT: function (a, b) {
  8080.  
  8081.             const cnt = kRef(this);
  8082.             if (!cnt) return;
  8083.             if (!cnt.hostElement) return; // memory leakage. to be reviewed
  8084.  
  8085.             const attachementId = cnt.__ticker_attachmentId__;
  8086.             if(!attachementId) return;
  8087.  
  8088.             if (cnt._r782) return;
  8089.  
  8090.             if (cnt.isAttached === false && ((cnt.$ || 0).container || 0).isConnected === false) {
  8091.               cnt._throwOut();
  8092.               return;
  8093.             }
  8094.             // let forceNoDetlaSincePausedSecs783 = cnt._forceNoDetlaSincePausedSecs783;
  8095.             // cnt._forceNoDetlaSincePausedSecs783 = 0;
  8096.  
  8097.             Promise.resolve(cnt).then((cnt) => {
  8098.  
  8099.               if(attachementId !== cnt.__ticker_attachmentId__) return;
  8100.  
  8101.               // TimerFnModT
  8102.  
  8103.               // ez++;
  8104.               // if(ez> 1e9) ez=9;
  8105.               if (!cnt.boundUpdateTimeout37_) cnt.boundUpdateTimeout37_ = cnt.updateTimeout.bind(mWeakRef(cnt));
  8106.               a ? rafHub.cancel(cnt.rafId) : !a && b && (a = cnt.lastCountdownTimeMs || 0,
  8107.                 cnt.detlaSincePausedSecs && (a = (cnt.lastCountdownTimeMs || 0) + 1E3 * cnt.detlaSincePausedSecs,
  8108.                   cnt.detlaSincePausedSecs = 0),
  8109.                 cnt.boundUpdateTimeout37_(a),
  8110.                 cnt.lastCountdownTimeMs = cnt._lastCountdownTimeMsX0 = window.performance.now())
  8111.  
  8112.               cnt = null;
  8113.  
  8114.             }).catch(e => {
  8115.               console.log(e);
  8116.             });
  8117.  
  8118.  
  8119.  
  8120.           },
  8121.  
  8122.           setContainerWidthNoSelfLeakage: function(){
  8123.             // prevent memory leakage due ot delay function
  8124.             try{
  8125.               if (!this.__proxySelf0__) this.__proxySelf0__ = weakWrap(this);
  8126.               return this.setContainerWidth55.call(this.__proxySelf0__);
  8127.             }catch(e){
  8128.               console.log('setContainerWidthNoSelfLeakage ERROR');
  8129.               console.error(e);
  8130.             }
  8131.  
  8132.           },
  8133.  
  8134.           slideDownNoSelfLeakage: function(){
  8135.             // prevent memory leakage due ot delay function
  8136.             try{
  8137.               if (!this.__proxySelf0__) this.__proxySelf0__ = weakWrap(this);
  8138.               return this.slideDown55.call(this.__proxySelf0__);
  8139.             }catch(e){
  8140.               console.log('slideDownNoSelfLeakage ERROR');
  8141.               console.error(e);
  8142.             }
  8143.             
  8144.           },
  8145.  
  8146.           collapseNoSelfLeakage: function(){
  8147.             // prevent memory leakage due ot delay function
  8148.             try{
  8149.               if (!this.__proxySelf0__) this.__proxySelf0__ = weakWrap(this);
  8150.               return this.collapse55.call(this.__proxySelf0__);
  8151.             }catch(e){
  8152.               console.log('collapseNoSelfLeakage ERROR');
  8153.               console.error(e);
  8154.             }
  8155.           },
  8156.  
  8157.           deletedChangedNoSelfLeakage: function(){
  8158.             // prevent memory leakage due ot delay function
  8159.             try{
  8160.               if (!this.__proxySelf0__) this.__proxySelf0__ = weakWrap(this);
  8161.               return this.deletedChanged55.call(this.__proxySelf0__);
  8162.             }catch(e){
  8163.               console.log('deletedChangedNoSelfLeakage ERROR');
  8164.               console.error(e);
  8165.             }
  8166.  
  8167.           },
  8168.  
  8169.  
  8170.           /** @type {(a,b)} */
  8171.           computeContainerStyleForAnimatorEnabled: function (a, b) {
  8172.  
  8173.             if (this._r782) return;
  8174.             const attachementId = this.__ticker_attachmentId__;
  8175.             if(!attachementId) return;
  8176.  
  8177.             if (this.isAttached === false && ((this.$ || 0).container || 0).isConnected === false) {
  8178.               this._throwOut();
  8179.               return;
  8180.             }
  8181.  
  8182.             return (dummyValueForStyleReturn || (dummyValueForStyleReturn = genDummyValueForStyleReturn()));
  8183.  
  8184.           },
  8185.  
  8186.  
  8187.  
  8188.           /** @type {()} */
  8189.           handlePauseReplayForPlaybackProgressState: function () {
  8190.             if (!playerEventsByIframeRelay) return this.handlePauseReplay66.apply(this, arguments);
  8191.  
  8192.             const attachementId = this.__ticker_attachmentId__;
  8193.             if(!attachementId) return;
  8194.  
  8195.             const jr = mWeakRef(this);
  8196.  
  8197.             if (onPlayStateChangePromise) {
  8198.  
  8199.               if (this.rtu > 1e9) this.rtu = this.rtu % 1e4;
  8200.               const tid = ++this.rtu;
  8201.  
  8202.               onPlayStateChangePromise.then(() => {
  8203.                 const cnt = kRef(jr);
  8204.                 if(attachementId !== cnt.__ticker_attachmentId__) return;
  8205.                 if (cnt.isAttached) {
  8206.                   if (tid === cnt.rtu && !onPlayStateChangePromise && typeof cnt.handlePauseReplay === 'function' && cnt.hostElement) cnt.handlePauseReplay.apply(cnt, arguments);
  8207.                   // this.handlePauseReplay can be undefined if it is memory cleaned
  8208.                 }
  8209.               });
  8210.  
  8211.               return;
  8212.             }
  8213.  
  8214.             if (playerState !== 2) return;
  8215.             if (this.isAttached) {
  8216.               if (this.rtk > 1e9) this.rtk = this.rtk % 1e4;
  8217.               const tid = ++this.rtk;
  8218.               const tc = relayCount;
  8219.               
  8220.               foregroundPromiseFn().then(() => {
  8221.                 const cnt = kRef(jr);
  8222.                 if (attachementId !== cnt.__ticker_attachmentId__) return;
  8223.                 if (cnt.isAttached) {
  8224.                   if (tid === cnt.rtk && tc === relayCount && playerState === 2 && _playerState === playerState && cnt.hostElement) {
  8225.                     cnt.handlePauseReplay66();
  8226.                   }
  8227.                 }
  8228.  
  8229.               })
  8230.             }
  8231.           },
  8232.  
  8233.           /** @type {()} */
  8234.           handleResumeReplayForPlaybackProgressState: function () {
  8235.             if (!playerEventsByIframeRelay) return this.handleResumeReplay66.apply(this, arguments);
  8236.  
  8237.             const attachementId = this.__ticker_attachmentId__;
  8238.             if(!attachementId) return;
  8239.  
  8240.             const jr = mWeakRef(this);
  8241.             if (onPlayStateChangePromise) {
  8242.  
  8243.               if (this.rtv > 1e9) this.rtv = this.rtv % 1e4;
  8244.               const tid = ++this.rtv;
  8245.  
  8246.               onPlayStateChangePromise.then(() => {
  8247.                 const cnt = kRef(jr);
  8248.                 if(attachementId !== cnt.__ticker_attachmentId__) return;
  8249.                 if (tid === cnt.rtv && !onPlayStateChangePromise && typeof cnt.handleResumeReplay === 'function' && cnt.hostElement) cnt.handleResumeReplay.apply(cnt, arguments);
  8250.                 // this.handleResumeReplay can be undefined if it is memory cleaned
  8251.               });
  8252.  
  8253.               return;
  8254.             }
  8255.  
  8256.  
  8257.             if (playerState !== 1) return;
  8258.             if (this.isAttached) {
  8259.               const tc = relayCount;
  8260.  
  8261.               relayPromise = relayPromise || new PromiseExternal();
  8262.               relayPromise.then(() => {
  8263.                 const cnt = kRef(jr);
  8264.                 if(attachementId !== cnt.__ticker_attachmentId__) return;
  8265.                 if (relayCount > tc && playerState === 1 && _playerState === playerState && cnt.hostElement) {
  8266.                   cnt.handleResumeReplay66();
  8267.                 }
  8268.               });
  8269.             }
  8270.           },
  8271.  
  8272.           /** @type {(a,)} */
  8273.           handleReplayProgressForPlaybackProgressState: function (a) {
  8274.             if (this.isAttached) {
  8275.               const attachementId = this.__ticker_attachmentId__;
  8276.               if(!attachementId) return;
  8277.               const tid = ++this.rtk;
  8278.               const jr = mWeakRef(kRef(this));
  8279.               foregroundPromiseFn().then(() => {
  8280.                 const cnt = kRef(jr);
  8281.                 if(attachementId !== cnt.__ticker_attachmentId__) return;
  8282.                 if (cnt.isAttached) {
  8283.                   if (tid === cnt.rtk && cnt.hostElement) {
  8284.                     cnt.handleReplayProgress66(a);
  8285.                   }
  8286.                 }
  8287.               })
  8288.             }
  8289.           }
  8290.  
  8291.  
  8292.         }
  8293.  
  8294.  
  8295.         for (const tag of tagsItemRenderer) { // ##tag##
  8296.  
  8297.  
  8298.           const dummy = document.createElement(tag);
  8299.  
  8300.           const cProto = getProto(dummy);
  8301.           if (!cProto || !cProto.attached) {
  8302.             console.warn(`proto.attached for ${tag} is unavailable.`);
  8303.             continue;
  8304.           }
  8305.  
  8306.           if (FIX_MEMORY_LEAKAGE_TICKER_ACTIONMAP && typeof cProto.detached582MemoryLeak !== 'function' && typeof cProto.detached === 'function') {
  8307.             cProto.detached582MemoryLeak = cProto.detached;
  8308.             cProto.detached = dProto.detachedForMemoryLeakage;
  8309.           }
  8310.  
  8311.           cProto.detached77 = cProto.detached;
  8312.           cProto.detached = dProto.detachedForTickerInit;
  8313.  
  8314.           cProto.attached77 = cProto.attached;
  8315.  
  8316.           cProto.attached = dProto.attachedForTickerInit;
  8317.  
  8318.           if (FLAG_001c) continue;
  8319.  
  8320.           let flgLeakageFixApplied = 0;
  8321.  
  8322.           if (FIX_MEMORY_LEAKAGE_TICKER_STATSBAR && typeof cProto.updateStatsBarAndMaybeShowAnimation === 'function' && !cProto.updateStatsBarAndMaybeShowAnimation38 && cProto.updateStatsBarAndMaybeShowAnimation.length === 3) {
  8323.  
  8324.             cProto.updateStatsBarAndMaybeShowAnimation38 = cProto.updateStatsBarAndMaybeShowAnimation;
  8325.             cProto.updateStatsBarAndMaybeShowAnimation = dProto.updateStatsBarAndMaybeShowAnimationRevised;
  8326.  
  8327.             flgLeakageFixApplied |= 2;
  8328.           } else {
  8329.             // the function is only in yt-live-chat-ticker-paid-message-item-renderer
  8330.           }
  8331.  
  8332.  
  8333.           // ------------- withTimerFn_ -------------
  8334.  
  8335.           let withTimerFn_ = 0;
  8336.           if (typeof cProto.startCountdown === 'function' && typeof cProto.updateTimeout === 'function' && typeof cProto.isAnimationPausedChanged === 'function') {
  8337.  
  8338.             // console.log('startCountdown', typeof cProto.startCountdown)
  8339.             // console.log('updateTimeout', typeof cProto.updateTimeout)
  8340.             // console.log('isAnimationPausedChanged', typeof cProto.isAnimationPausedChanged)
  8341.  
  8342.             // <<< to be reviewed cProto.updateTimeout --- isTimingFunctionHackable -- doHack >>>
  8343.             const isTimingFunctionHackable = fnIntegrity(cProto.startCountdown, '2.66.37') && fnIntegrity(cProto.updateTimeout, '1.76.45') && fnIntegrity(cProto.isAnimationPausedChanged, '2.56.30')
  8344.             if (!isTimingFunctionHackable) console.log('isTimingFunctionHackable = false');
  8345.             withTimerFn_ = isTimingFunctionHackable ? 2 : 1;
  8346.           } else {
  8347.             let flag = 0;
  8348.             if (typeof cProto.startCountdown === 'function') flag |= 1;
  8349.             if (typeof cProto.updateTimeout === 'function') flag |= 2;
  8350.             if (typeof cProto.isAnimationPausedChanged === 'function') flag |= 4;
  8351.  
  8352.             console.log(`Skip Timing Function Modification: ${flag} / ${1 + 2 + 4}`, ` ${tag}`);
  8353.             // console.log(Object.getOwnPropertyNames(cProto))
  8354.             // continue;
  8355.           }
  8356.           
  8357.           // ------------- withTimerFn_ -------------
  8358.  
  8359.           // ------------- ENABLE_VIDEO_PLAYBACK_PROGRESS_STATE_FIX -------------
  8360.  
  8361.           let urt = 0;
  8362.  
  8363.           if (ENABLE_VIDEO_PLAYBACK_PROGRESS_STATE_FIX) {
  8364.  
  8365.  
  8366.             /**
  8367.              * 
  8368.                   f.handlePauseReplay = function() {
  8369.                     this.isAnimationPaused = !0;
  8370.                     this.detlaSincePausedSecs = 0
  8371.                 }
  8372.             */
  8373.  
  8374.             /**
  8375.              * 
  8376.             
  8377.             f.handlePauseReplay = function() {
  8378.                 this.isReplayPaused = !0
  8379.             }
  8380.             * 
  8381.             */
  8382.  
  8383.             if (typeof cProto.handlePauseReplay === 'function' && !cProto.handlePauseReplay66 && cProto.handlePauseReplay.length === 0) {
  8384.               const fi = fnIntegrity(cProto.handlePauseReplay);
  8385.               urt++;
  8386.               if (fi === '0.8.2' || fi === '0.12.4') {
  8387.               } else {
  8388.                 assertor(() => fnIntegrity(cProto.handlePauseReplay, '0.12.4'));
  8389.               }
  8390.             } else {
  8391.               if (withTimerFn_ > 0) console.log('Error for setting cProto.handlePauseReplay', tag)
  8392.             }
  8393.  
  8394.             if (typeof cProto.handleResumeReplay === 'function' && !cProto.handleResumeReplay66 && cProto.handleResumeReplay.length === 0) {
  8395.               urt++;
  8396.               assertor(() => fnIntegrity(cProto.handleResumeReplay, '0.8.2'));
  8397.             } else {
  8398.               if (withTimerFn_ > 0) console.log('Error for setting cProto.handleResumeReplay', tag)
  8399.             }
  8400.  
  8401.             if (typeof cProto.handleReplayProgress === 'function' && !cProto.handleReplayProgress66 && cProto.handleReplayProgress.length === 1) {
  8402.               urt++;
  8403.               assertor(() => fnIntegrity(cProto.handleReplayProgress, '1.16.13'));
  8404.             } else {
  8405.               if (withTimerFn_ > 0) console.log('Error for setting cProto.handleReplayProgress', tag)
  8406.             }
  8407.  
  8408.  
  8409.  
  8410.           }
  8411.  
  8412.           const ENABLE_VIDEO_PROGRESS_STATE_FIX_AND_URT_PASSED = ENABLE_VIDEO_PLAYBACK_PROGRESS_STATE_FIX && urt === 3 && (SKIP_VIDEO_PLAYBACK_PROGRESS_STATE_FIX_FOR_NO_TIMEFX ? (withTimerFn_ > 0) : true);
  8413.           cProto.__ENABLE_VIDEO_PROGRESS_STATE_FIX_AND_URT_PASSED__ = ENABLE_VIDEO_PROGRESS_STATE_FIX_AND_URT_PASSED;
  8414.  
  8415.           if (ENABLE_VIDEO_PROGRESS_STATE_FIX_AND_URT_PASSED) {
  8416.  
  8417.             cProto.rtk = 0;
  8418.             cProto.rtu = 0;
  8419.             cProto.rtv = 0;
  8420.  
  8421.             cProto.handlePauseReplay66 = cProto.handlePauseReplay;
  8422.             cProto.handlePauseReplay = dProto.handlePauseReplayForPlaybackProgressState;
  8423.  
  8424.             cProto.handleResumeReplay66 = cProto.handleResumeReplay;
  8425.             cProto.handleResumeReplay = dProto.handleResumeReplayForPlaybackProgressState;
  8426.  
  8427.             cProto.handleReplayProgress66 = cProto.handleReplayProgress;
  8428.             cProto.handleReplayProgress = dProto.handleReplayProgressForPlaybackProgressState;
  8429.  
  8430.           }
  8431.  
  8432.           // ------------- ENABLE_VIDEO_PLAYBACK_PROGRESS_STATE_FIX -------------
  8433.  
  8434.           // ------------- FIX_MEMORY_LEAKAGE_TICKER_TIMER -------------
  8435.  
  8436.           if (FIX_MEMORY_LEAKAGE_TICKER_TIMER) {
  8437.             if (!USE_ADVANCED_TICKING && typeof cProto.setContainerWidth === 'function' && !cProto.setContainerWidth55 && cProto.setContainerWidth.length === 0) {
  8438.               cProto.setContainerWidth55 = cProto.setContainerWidth;
  8439.               cProto.setContainerWidth = dProto.setContainerWidthNoSelfLeakage;
  8440.               flgLeakageFixApplied |= 4;
  8441.             }
  8442.             if (!USE_ADVANCED_TICKING && typeof cProto.slideDown === 'function' && !cProto.slideDown55 && cProto.slideDown.length === 0) {
  8443.               cProto.slideDown55 = cProto.slideDown;
  8444.               cProto.slideDown = dProto.slideDownNoSelfLeakage;
  8445.               flgLeakageFixApplied |= 8;
  8446.             }
  8447.             if (!USE_ADVANCED_TICKING && typeof cProto.collapse === 'function' && !cProto.collapse55 && cProto.collapse.length === 0) {
  8448.               cProto.collapse55 = cProto.collapse;
  8449.               cProto.collapse = dProto.collapseNoSelfLeakage;
  8450.               flgLeakageFixApplied |= 16;
  8451.             }
  8452.             if (typeof cProto.deletedChanged === 'function' && !cProto.deletedChanged55 && cProto.deletedChanged.length === 0) {
  8453.  
  8454.               cProto.deletedChanged55 = cProto.deletedChanged;
  8455.               cProto.deletedChanged = dProto.deletedChangedNoSelfLeakage;
  8456.               flgLeakageFixApplied |= 32;
  8457.             }
  8458.  
  8459.           }
  8460.  
  8461.           console.log(`FIX_MEMORY_LEAKAGE_TICKER_: ${flgLeakageFixApplied} / ${1 + 2 + 4 + 8 + 16 + 32}`, cProto.is);
  8462.  
  8463.           // ------------- FIX_MEMORY_LEAKAGE_TICKER_TIMER -------------
  8464.  
  8465.  
  8466.  
  8467.  
  8468.           if (withTimerFn_ > 0) {
  8469.  
  8470.             const isTimingFunctionHackable = withTimerFn_ & 2;
  8471.  
  8472.             let doAnimator_ = false;
  8473.  
  8474.             let rafHackState = 0;
  8475.             // continue;
  8476.             if (ENABLE_RAF_HACK_TICKERS && rafHub !== null) {
  8477.  
  8478.               // cancelable - this.rafId < isAnimationPausedChanged >
  8479.               rafHackState = 1;
  8480.  
  8481.               if (isTimingFunctionHackable) {
  8482.                 rafHackState = 2;
  8483.  
  8484.               } else {
  8485.                 rafHackState = 4;
  8486.               }
  8487.  
  8488.             }
  8489.             // continue;
  8490.  
  8491.             doAnimator_ = !USE_ADVANCED_TICKING && !!ATTEMPT_ANIMATED_TICKER_BACKGROUND && isTimingFunctionHackable && typeof KeyframeEffect === 'function' && typeof animate === 'function' && typeof cProto.computeContainerStyle === 'function' && typeof cProto.colorFromDecimal === 'function' && isCSSPropertySupported();
  8492.  
  8493.  
  8494.             const doAnimator = doAnimator_;
  8495.  
  8496.             cProto._throwOut = dProto._throwOut;
  8497.  
  8498.             cProto._makeAnimator = doAnimator ? dProto._makeAnimator : null;
  8499.  
  8500.             cProto._aeFinished = doAnimator ? dProto._aeFinished : null;
  8501.  
  8502.  
  8503.             const doRAFHack = rafHackState === 2;
  8504.  
  8505.  
  8506.             const doTimerFnModification = !USE_ADVANCED_TICKING && (doRAFHack || doAnimator);
  8507.             // doTimerFnModification = false; // M55
  8508.  
  8509.             if (doTimerFnModification) { // including memory fix leakage
  8510.  
  8511.               if (doAnimator && windowShownAt < 0) {
  8512.                 windowShownAt = 0;
  8513.                 setupEventForWindowShownAt();
  8514.               }
  8515.  
  8516.               cProto.startCountdown = (
  8517.                 doAnimator ? dProto.startCountdownForTimerFnModA : dProto.startCountdownForTimerFnModT
  8518.               );
  8519.  
  8520.               // _lastCountdownTimeMsX0 is required since performance.now() is not fully the same with rAF timestamp
  8521.               cProto.updateTimeout = (
  8522.                 doAnimator ? dProto.updateTimeoutForTimerFnModA : dProto.updateTimeoutForTimerFnModT
  8523.               );
  8524.  
  8525.  
  8526.               // let ez = 0;
  8527.               cProto.isAnimationPausedChanged = (
  8528.                 doAnimator ? dProto.isAnimationPausedChangedForTimerFnModA : dProto.isAnimationPausedChangedForTimerFnModT
  8529.               );
  8530.  
  8531.               flgLeakageFixApplied |= 1;
  8532.             }
  8533.  
  8534.  
  8535.             if (doAnimator) {
  8536.  
  8537.  
  8538.               const s = fnIntegrity(cProto.computeContainerStyle);
  8539.  
  8540.               if (s === '2.46.29') {
  8541.                 // f.computeContainerStyle = function(a, b) {
  8542.                 //     if (!a)
  8543.                 //         return $h(kmb);
  8544.                 //     var c = this.colorFromDecimal(a.startBackgroundColor);
  8545.                 //     a = this.colorFromDecimal(a.endBackgroundColor);
  8546.                 //     b = 100 * b + "%";
  8547.                 //     return $h(lmb, c, c, b, a, b, a)
  8548.                 // }
  8549.               } else if (s === '2.44.29' || s === '2.81.31') {
  8550.  
  8551.                 //     var ofb = da([""])
  8552.                 //         pfb = da("background:linear-gradient(90deg, {,{ {,{ {,{);".split("{"))
  8553.  
  8554.                 // f.computeContainerStyle = function(a, b) {
  8555.                 //     if (!a)
  8556.                 //         return pi(ofb);
  8557.                 //     var c = this.colorFromDecimal(a.startBackgroundColor);
  8558.                 //     a = this.colorFromDecimal(a.endBackgroundColor);
  8559.                 //     b = 100 * b + "%";
  8560.                 //     return pi(pfb, c, c, b, a, b, a)
  8561.                 // }
  8562.  
  8563.               } else {
  8564.                 assertor(() => fnIntegrity(cProto.computeContainerStyle, '2.46.29'));
  8565.               }
  8566.  
  8567.               cProto.computeContainerStyle66 = cProto.computeContainerStyle;
  8568.  
  8569.               cProto.computeContainerStyle = dProto.computeContainerStyleForAnimatorEnabled;
  8570.  
  8571.             }
  8572.  
  8573.             if (doTimerFnModification === true) hasTimerModified = true;
  8574.  
  8575.  
  8576.             if (!!ATTEMPT_ANIMATED_TICKER_BACKGROUND) {
  8577.               console.log('ATTEMPT_ANIMATED_TICKER_BACKGROUND', tag, doAnimator ? 'OK' : 'NG');
  8578.             }
  8579.  
  8580.  
  8581.             if (!doAnimator && (rafHackState === 2 || rafHackState === 4)) {
  8582.               console.log('RAF_HACK_TICKERS', tag, doRAFHack ? "OK" : "NG");
  8583.             }
  8584.           }
  8585.  
  8586.           const canDoAdvancedTicking = 1 &&
  8587.             typeof cProto.startCountdown === 'function' && !cProto.startCountdown49 && cProto.startCountdown.length === 2 &&
  8588.             typeof cProto.updateTimeout === 'function' && !cProto.updateTimeout49 && cProto.updateTimeout.length === 1 &&
  8589.             typeof cProto.isAnimationPausedChanged === 'function' && !cProto.isAnimationPausedChanged49 && cProto.isAnimationPausedChanged.length === 2 &&
  8590.             typeof cProto.setContainerWidth === 'function' && cProto.setContainerWidth.length === 0 &&
  8591.             typeof cProto.slideDown === 'function' && cProto.slideDown.length === 0 &&
  8592.             CSS.supports("left","clamp(-100%, calc( -100% * ( var(--ticker-current-time) - var(--ticker-start-time) ) / var(--ticker-duration-time) ), 0%)");
  8593.             
  8594.  
  8595.  
  8596.           if (USE_ADVANCED_TICKING && canDoAdvancedTicking) {
  8597.             // startResistanceUpdater();
  8598.             // live replay video ->   48117005 -> 48117006 keep fire.  ->48117007 0 -> 48117007 {...}
  8599.             // live stream video -> 48117007 0 -> 48117007 YES
  8600.  
  8601.             document.documentElement.setAttribute('r6-advanced-ticking', '');
  8602.             console.log('USE_ADVANCED_TICKING')
  8603.  
  8604.             const wio2 = dProto.wio2 || (dProto.wio2 = new IntersectionObserver((mutations) => {
  8605.  
  8606.               for (const mutation of mutations) {
  8607.                 if (mutation.isIntersecting) {
  8608.  
  8609.                   const marker = mutation.target;
  8610.                   let endId = marker.id
  8611.                   if(!endId) continue;
  8612.                   let tid = endId.substring(0, endId.length -2 );
  8613.                   if(!tid) continue;
  8614.                   // let bId = `${tid}-b`;
  8615.                   const bgElm = document.querySelector(`#${tid}-b`);
  8616.                   if(!bgElm) continue;
  8617.                   const overlay = bgElm;
  8618.  
  8619.                   wio2.unobserve(marker);
  8620.                   marker.remove();
  8621.                   let p = overlay || 0;
  8622.                   let cn = 4;
  8623.                   while ((p = p.parentElement) instanceof HTMLElement) {
  8624.                     if (p instanceof HTMLElement) {
  8625.                       const cnt = insp(p);
  8626.                       if (cnt && typeof cnt.slideDown === 'function' && typeof cnt.setContainerWidth === 'function' && cnt.__advancedTicking038__ === 1 ) {
  8627.  
  8628.                         cnt.__advancedTicking038__ = 2;
  8629.  
  8630.                         let deletionMode = false;
  8631.                         const cntData = ((cnt || 0).__data || 0).data || (cnt || 0).data || 0;
  8632.                         if (timestampUnderLiveMode && cntData && cntData.durationSec > 0 && cntData.__timestampActionRequest__ > 0) {
  8633.  
  8634.                           // time choose - 0.2s for transition (slideDown sliding-down)
  8635.                           // 60hz = 17ms
  8636.                           // choose 0.28s
  8637.                           const targetFutureTime = cntData.__timestampActionRequest__ + cntData.durationSec * 1000;
  8638.                           // check whether the targetFutureTime is already the past
  8639.                           if (targetFutureTime + 280 < Date.now()) {
  8640.                             // just dispose
  8641.                             deletionMode = true;
  8642.                           }
  8643.                         } else if (!timestampUnderLiveMode && cntData && cntData.durationSec > 0 && cntData.__progressAt__ > 0) {
  8644.  
  8645.                           const targetFutureTime = (cntData.__progressAt__ + cntData.durationSec) ;
  8646.                           // check whether the targetFutureTime is already the past
  8647.                           if (targetFutureTime + 0.28 < playerProgressChangedArg1) {
  8648.                             // just dispose
  8649.                             deletionMode = true;
  8650.                           }
  8651.  
  8652.  
  8653.                         }
  8654.  
  8655.  
  8656.                         if (deletionMode) {
  8657.                           __requestRemoval__(cnt);
  8658.                         } else {
  8659.  
  8660.                           const w = cnt.hostElement.style.width;
  8661.                           if (w === "auto" || w === "") cnt.setContainerWidth();
  8662.                           cnt.slideDown();
  8663.                         }
  8664.  
  8665.                         break;
  8666.                       }
  8667.                     }
  8668.                     cn--;
  8669.                     if (!cn) {
  8670.                       console.log('cnt not found for ticker-bg-overlay');
  8671.                       break;
  8672.                     }
  8673.                   }
  8674.  
  8675.  
  8676.                 }
  8677.               }
  8678.  
  8679.               // console.log(mutations);
  8680.             },{
  8681.  
  8682.               rootMargin: '0px',
  8683.               threshold: [1]
  8684.  
  8685.             }));
  8686.  
  8687.             // const wio = dProto.wio || (dProto.wio = new IntersectionObserver((mutations) => {
  8688.  
  8689.             //   // for (const mutation of mutations) {
  8690.             //   //   if (mutation.isIntersecting) {
  8691.             //   //     const marker = mutation.target;
  8692.             //   //     const overlay = marker instanceof HTMLElement ? marker.closest('ticker-bg-overlay') : 0;
  8693.             //   //     wio.unobserve(marker);
  8694.             //   //     marker.remove();
  8695.             //   //     let p = overlay || 0;
  8696.             //   //     let cn = 4;
  8697.             //   //     while ((p = p.parentElement) instanceof HTMLElement) {
  8698.             //   //       if (p instanceof HTMLElement) {
  8699.             //   //         const cnt = insp(p);
  8700.             //   //         if (cnt && typeof cnt.slideDown === 'function' && typeof cnt.setContainerWidth === 'function' && cnt.__advancedTicking038__ === 1 ) {
  8701.  
  8702.             //   //           cnt.__advancedTicking038__ = 2;
  8703.  
  8704.             //   //           let deletionMode = false;
  8705.             //   //           const cntData = ((cnt || 0).__data || 0).data || (cnt || 0).data || 0;
  8706.             //   //           if (timestampUnderLiveMode && cntData && cntData.duration > 0 && cntData.__timestampActionRequest__ > 0) {
  8707.  
  8708.             //   //             const targetFutureTime = cntData.__timestampActionRequest__ + cntData.durationSec * 1000;
  8709.             //   //             // check whether the targetFutureTime is already the past
  8710.             //   //             if (targetFutureTime + 800 < Date.now()) {
  8711.             //   //               // just dispose
  8712.             //   //               deletionMode = true;
  8713.             //   //             }
  8714.             //   //           }
  8715.           
  8716.  
  8717.             //   //           if (deletionMode) {
  8718.             //   //             __requestRemoval__(cnt);
  8719.             //   //           } else {
  8720.  
  8721.             //   //             ("auto" === cnt.hostElement.style.width && cnt.setContainerWidth(),
  8722.             //   //               cnt.slideDown());
  8723.             //   //           }
  8724.  
  8725.             //   //           break;
  8726.             //   //         }
  8727.             //   //       }
  8728.             //   //       cn--;
  8729.             //   //       if (!cn) {
  8730.             //   //         console.log('cnt not found for ticker-bg-overlay');
  8731.             //   //         break;
  8732.             //   //       }
  8733.             //   //     }
  8734.             //   //   }
  8735.             //   // }
  8736.             // }, {
  8737.             //   rootMargin: '1px',
  8738.             //   threshold: [0]
  8739.             // }));
  8740.  
  8741.             // cProto._throwOut = dProto._throwOut;
  8742.  
  8743.  
  8744.             const u37fn = dProto.u37fn || (dProto.u37fn = function (cnt) {
  8745.  
  8746.               const cntData = ((cnt || 0).__data || 0).data || (cnt || 0).data || 0;
  8747.               if(!cntData) return;
  8748.               const cntElement = cnt.hostElement;
  8749.               if(!(cntElement instanceof HTMLElement)) return;
  8750.  
  8751.               const duration = (cntData.fullDurationSec || cntData.durationSec || 0);
  8752.  
  8753.               let ct;
  8754.  
  8755.               if (cntData && duration > 0 && !('__progressAt__' in cntData)) {
  8756.                 ct = Date.now();
  8757.                 cntData.__liveTimestamp__ = (cntData.__timestampActionRequest__ || ct) / 1000 - timeOriginDT / 1000;
  8758.                 timestampUnderLiveMode = true;
  8759.               } else if (cntData && duration > 0 && cntData.__progressAt__ > 0) {
  8760.                 timestampUnderLiveMode = false;
  8761.               }
  8762.               // console.log(48117007, cntData)
  8763.  
  8764.               let tk = cntData.__progressAt__ || cntData.__liveTimestamp__;
  8765.  
  8766.               if (!tk) {
  8767.                 console.log('time property is not found');
  8768.                 return;
  8769.               }
  8770.  
  8771.  
  8772.  
  8773.               const liveOffsetMs = ct > 0 && cntData.__timestampActionRequest__ > 0 ? ct - cntData.__timestampActionRequest__ : 0;
  8774.  
  8775.               // console.log(1237, liveOffsetMs, cntData.durationSec)
  8776.  
  8777.               if (liveOffsetMs > 0) {
  8778.                 cntData.durationSec -= Math.floor(liveOffsetMs / 1000);
  8779.                 if (cntData.durationSec < 0) cntData.durationSec = 0;
  8780.                 // console.log(1238, liveOffsetMs, cntData.durationSec)
  8781.                 if (!cntData.durationSec) {
  8782.                   try {
  8783.                     cnt.requestRemoval();
  8784.                   } catch (e) { }
  8785.                   return;
  8786.                 }
  8787.               }
  8788.  
  8789.  
  8790.               let offset = cntData.fullDurationSec - cntData.durationSec; // consider this is live replay video, offset can be > 0
  8791.               if (offset > 0) tk -= offset;
  8792.               // in livestreaming. tk can be negative as we use performance.timeOrigin for t=0s time frame
  8793.  
  8794.  
  8795.  
  8796.               const existingOverlaySelector = `ticker-bg-overlay[ticker-id="${cnt.__ticker_attachmentId__}"]`;
  8797.  
  8798.               if (valAssign(cntElement, '--ticker-start-time', tk) && duration > 0) {
  8799.  
  8800.                 // t0 ...... 1 ... fullDurationSec
  8801.                 // tk ...... k ... fullDurationSec-durationSec
  8802.                 // t0-fullDurationSec ...... 0 ... 0
  8803.  
  8804.                 // now - (fullDurationSec-durationSec)
  8805.  
  8806.  
  8807.                 // update dntElementWeak
  8808.                 const dnt = cnt.parentComponent;
  8809.                 const dntElement = dnt ? dnt.hostElement || dnt : 0;
  8810.                 if (dntElement) {
  8811.                   dntElementWeak = mWeakRef(dntElement);
  8812.                   resistanceUpdateBusy = false;
  8813.                   if (!startResistanceUpdaterStarted) startResistanceUpdater();
  8814.                   else updateTickerCurrentTime();
  8815.                 }
  8816.  
  8817.                 // create overlay if needed
  8818.                 if (!cntElement.querySelector(existingOverlaySelector)) {
  8819.  
  8820.                   // remove if any
  8821.                   const oldElement = cntElement.querySelector('ticker-bg-overlay');
  8822.                   if (oldElement) oldElement.remove();
  8823.                   
  8824.                   // use advancedTicking, ticker enabled
  8825.                   cnt.__advancedTicking038__ = 1;
  8826.  
  8827.                   const em = document.createElement('ticker-bg-overlay');
  8828.                   // const ey = document.createElement('ticker-bg-overlay-end');
  8829.                   const wy = document.createElement('ticker-bg-overlay-end2');
  8830.  
  8831.                   const cr1 = cnt.colorFromDecimal(cntData.startBackgroundColor);
  8832.                   const cr2 = cnt.colorFromDecimal(cntData.endBackgroundColor);
  8833.  
  8834.                   const container = cnt.$.container;
  8835.                   
  8836.                   em.setAttribute('ticker-id', `${cnt.__ticker_attachmentId__}`);
  8837.  
  8838.                   const tid = `ticker-${cnt.__ticker_attachmentId__}-${ Math.floor(Math.random() * 314159265359 + 314159265359).toString(36)}`;
  8839.  
  8840.                   em.id = `${tid}-b`;
  8841.                   em.style.background = `linear-gradient(90deg, ${cr1},${cr1} 50%,${cr2} 50%,${cr2})`;
  8842.  
  8843.                   if (!(container instanceof HTMLElement)) {
  8844.                     // em.insertBefore(ey, em.firstChild);
  8845.                     cntElement.insertBefore(em, cntElement.firstChild);
  8846.                     cntElement.style.borderRadius = '16px';
  8847.                     container.style.borderRadius = 'initial';
  8848.                   } else {
  8849.                     // em.insertBefore(ey, em.firstChild);
  8850.                     container.insertBefore(em, container.firstChild);
  8851.                   }
  8852.  
  8853.                   // em.style.left = '-50%';
  8854.                   // em.style.left = "clamp(-100%, calc( -100% * ( var(--ticker-current-time) - var(--ticker-start-time) ) / var(--ticker-duration-time) ), 0%)";
  8855.  
  8856.                   if (container instanceof HTMLElement) {
  8857.  
  8858.                     container.style.background = 'transparent';
  8859.                     container.style.backgroundColor = 'transparent';
  8860.                     // container.style.zIndex = '1';
  8861.                   }
  8862.                   // em.style.zIndex = '-1';
  8863.                   valAssign(cntElement, '--ticker-duration-time', duration)
  8864.  
  8865.                   valAssign(wy, '--ticker-start-time', tk);
  8866.                   valAssign(wy, '--ticker-duration-time', duration);
  8867.                   wy.id = `${tid}-e`;
  8868.  
  8869.                   dntElement.appendChild(wy);
  8870.  
  8871.                   // if (wio instanceof IntersectionObserver) {
  8872.                   //   wio.observe(ey);
  8873.                   // }
  8874.  
  8875.                   if (wio2 instanceof IntersectionObserver) {
  8876.                     wio2.observe(wy);
  8877.                   }
  8878.  
  8879.                 }
  8880.               }
  8881.             });
  8882.  
  8883.             const timeFn = (cnt)=>{
  8884.  
  8885.               if (!cnt) return;
  8886.               if (!cnt.hostElement) return;
  8887.  
  8888.               const attachementId = cnt.__ticker_attachmentId__;
  8889.               if (!attachementId) return;
  8890.  
  8891.               Promise.resolve(cnt).then(u37fn);
  8892.  
  8893.             }
  8894.  
  8895.             cProto.startCountdown = dProto.startCountdownAdv || (dProto.startCountdownAdv = function (a, b) {
  8896.  
  8897.               timeFn(kRef(this));
  8898.  
  8899.               // try {
  8900.               //   const cnt = kRef(this);
  8901.               //   if (!cnt) return;
  8902.               //   if (!cnt.hostElement) return;
  8903.  
  8904.               //   const attachementId = cnt.__ticker_attachmentId__;
  8905.               //   if (!attachementId) return;
  8906.  
  8907.               //   // a.durationSec [s] => countdownMs [ms]
  8908.               //   // a.fullDurationSec [s] => countdownDurationMs [ms] OR countdownMs [ms]
  8909.               //   // lastCountdownTimeMs => raf ongoing
  8910.               //   // lastCountdownTimeMs = 0 when rafId = 0 OR countdownDurationMs = 0
  8911.  
  8912.               //   // if (cnt._r782) return;
  8913.  
  8914.               //   // if (cnt.isAttached === false && ((cnt.$ || 0).container || 0).isConnected === false) {
  8915.               //   //   cnt._throwOut();
  8916.               //   //   return;
  8917.               //   // }
  8918.  
  8919.               //   // TimerFnModT
  8920.  
  8921.               //   // b = void 0 === b ? 0 : b;
  8922.               //   // void 0 !== a && (cnt.countdownMs = 1E3 * a,
  8923.               //   //   cnt.countdownDurationMs = b ? 1E3 * b : cnt.countdownMs,
  8924.               //   //   // cnt.ratio = 1,
  8925.               //   //   cnt.lastCountdownTimeMs || cnt.isAnimationPaused || (cnt.lastCountdownTimeMs = cnt._lastCountdownTimeMsX0 = performance.now(),
  8926.               //   //     cnt.rafId = -1))
  8927.  
  8928.               //   Promise.resolve(cnt).then((cnt) => {
  8929.               //     u37fn(cnt);
  8930.               //   })
  8931.  
  8932.               // } catch (e) {
  8933.               //   console.warn(e);
  8934.               // }
  8935.  
  8936.  
  8937.             });
  8938.  
  8939.             cProto.updateTimeout = dProto.updateTimeoutAdv || (dProto.updateTimeoutAdv = function (a) {
  8940.  
  8941.  
  8942.               // timeFn(kRef(this));
  8943.  
  8944.               // try {
  8945.               //   const cnt = kRef(this);
  8946.               //   if (!cnt) return;
  8947.               //   if (!cnt.hostElement) return; // memory leakage. to be reviewed
  8948.  
  8949.               //   const attachementId = cnt.__ticker_attachmentId__;
  8950.               //   if (!attachementId) return;
  8951.  
  8952.               //   // _lastCountdownTimeMsX0 is required since performance.now() is not fully the same with rAF timestamp
  8953.  
  8954.               //   // if (cnt._r782) return;
  8955.  
  8956.               //   // if (cnt.isAttached === false && ((cnt.$ || 0).container || 0).isConnected === false) {
  8957.               //   //   cnt._throwOut();
  8958.               //   //   return;
  8959.               //   // }
  8960.  
  8961.               //   // if (cnt.lastCountdownTimeMs !== cnt._lastCountdownTimeMsX0) {
  8962.               //   //   cnt.countdownMs = Math.max(0, cnt.countdownMs - (a - (cnt.lastCountdownTimeMs || 0)));
  8963.               //   // }
  8964.               //   // console.log(703, cnt.countdownMs)
  8965.               //   // cnt.ratio = cnt.countdownMs / cnt.countdownDurationMs;
  8966.  
  8967.               //   // u37fn(cnt);
  8968.               //   // cnt.isAttached && cnt.countdownMs ? (cnt.lastCountdownTimeMs = a,
  8969.               //   //   cnt.rafId = -1) : (cnt.lastCountdownTimeMs = cnt._lastCountdownTimeMsX0 = null,
  8970.               //   //     cnt.isAttached && ("auto" === cnt.hostElement.style.width && cnt.setContainerWidth(),
  8971.               //   //       cnt.slideDown()))
  8972.  
  8973.  
  8974.               // } catch (e) {
  8975.               //   console.warn(e);
  8976.               // }
  8977.  
  8978.             });
  8979.  
  8980.             cProto.isAnimationPausedChanged = dProto.isAnimationPausedChangedAdv || (dProto.isAnimationPausedChangedAdv = function (a, b) {
  8981.  
  8982.  
  8983.               // timeFn(kRef(this));
  8984.  
  8985.               // const cnt = kRef(this);
  8986.               // if (!cnt) return;
  8987.               // if (!cnt.hostElement) return; // memory leakage. to be reviewed
  8988.  
  8989.               // const attachementId = cnt.__ticker_attachmentId__;
  8990.               // if (!attachementId) return;
  8991.  
  8992.               // if (cnt._r782) return;
  8993.  
  8994.               // if (cnt.isAttached === false && ((cnt.$ || 0).container || 0).isConnected === false) {
  8995.               //   cnt._throwOut();
  8996.               //   return;
  8997.               // }
  8998.               // let forceNoDetlaSincePausedSecs783 = cnt._forceNoDetlaSincePausedSecs783;
  8999.               // cnt._forceNoDetlaSincePausedSecs783 = 0;
  9000.  
  9001.               // u37fn(cnt);
  9002.               // Promise.resolve(cnt).then((cnt) => {
  9003.  
  9004.               //   if (attachementId !== cnt.__ticker_attachmentId__) return;
  9005.  
  9006.               //   // a ? 0 : !a && b && (a = cnt.lastCountdownTimeMs || 0,
  9007.               //   //   cnt.detlaSincePausedSecs && (a = (cnt.lastCountdownTimeMs || 0) + 1E3 * cnt.detlaSincePausedSecs,
  9008.               //   //     cnt.detlaSincePausedSecs = 0),
  9009.               //   //   cnt.lastCountdownTimeMs = cnt._lastCountdownTimeMsX0 = window.performance.now())
  9010.  
  9011.               //   cnt = null;
  9012.  
  9013.               // }).catch(e => {
  9014.               //   console.log(e);
  9015.               // });
  9016.  
  9017.  
  9018.             });
  9019.  
  9020.             
  9021.             if (typeof cProto.slideDown === 'function' && !cProto.slideDown43 && cProto.slideDown.length === 0) {
  9022.  
  9023.               cProto.slideDown43 = cProto.slideDown;
  9024.               cProto.slideDown = dProto.slideDownAdv || (dProto.slideDownAdv = async function () {
  9025.  
  9026.                 // console.log('calling slideDown', Date.now())                
  9027.                 if(this.__advancedTicking038__){
  9028.  
  9029.                   if (this.__advancedTicking038__ === 1) this.__advancedTicking038__ = 2; // ignore intersectionobserver detection
  9030.  
  9031.  
  9032.                   const hostElement = this.hostElement;
  9033.                   const container = this.$.container;
  9034.                   if (hostElement instanceof HTMLElement && container instanceof HTMLElement) {
  9035.                     // const prevTransitionClosingElm = kRef(prevTransitionClosing);
  9036.                     // if (prevTransitionClosingElm !== hostElement) {
  9037.                     //   prevTransitionClosingElm && prevTransitionClosingElm.classList.add('ticker-no-transition-time');
  9038.                     //   prevTransitionClosing = mWeakRef(hostElement);
  9039.                     // }
  9040.                     // if (hostElement.classList.contains('ticker-no-transition-time')) hostElement.classList.remove('ticker-no-transition-time');
  9041.                     hostElement.classList.add('r6-closing-ticker');
  9042.   
  9043.                     const pr = new PromiseExternal();
  9044.                     transitionEndAfterFnSimple.set(hostElement, pr);
  9045.                     transitionEndAfterFnSimple.set(container, pr);
  9046.                     hostElement.classList.add("sliding-down");
  9047.                     await pr.then();
  9048.                     transitionEndAfterFnSimple.delete(hostElement);
  9049.                     transitionEndAfterFnSimple.delete(container);
  9050.                     if(this && this.hostElement instanceof HTMLElement){
  9051.   
  9052.                       this.collapse();
  9053.                     }
  9054.                     return;
  9055.                   }
  9056.                 }
  9057.                   this.slideDown43();
  9058.                 
  9059.               });
  9060.             }
  9061.  
  9062.  
  9063.             if (typeof cProto.collapse === 'function' && !cProto.collapse43 && cProto.collapse.length === 0) {
  9064.               cProto.collapse43 = cProto.collapse;
  9065.               cProto.collapse = dProto.collapseAdv || (dProto.collapseAdv = async function () {
  9066.  
  9067.  
  9068.                 if (this.__advancedTicking038__) {
  9069.  
  9070.                   
  9071.                   if (this.__advancedTicking038__ === 1) this.__advancedTicking038__ = 2; // ignore intersectionobserver detection
  9072.  
  9073.  
  9074.                   const hostElement = this.hostElement;
  9075.                   const container = this.$.container;
  9076.                   if (hostElement instanceof HTMLElement && container instanceof HTMLElement) {
  9077.                     // const prevTransitionClosingElm = kRef(prevTransitionClosing);
  9078.                     // if (prevTransitionClosingElm !== hostElement) {
  9079.                     //   prevTransitionClosingElm && prevTransitionClosingElm.classList.add('ticker-no-transition-time');
  9080.                     //   prevTransitionClosing = mWeakRef(hostElement);
  9081.                     // }
  9082.                     // if (hostElement.classList.contains('ticker-no-transition-time')) hostElement.classList.remove('ticker-no-transition-time');
  9083.                     hostElement.classList.add('r6-closing-ticker');
  9084.  
  9085.                     const pr = new PromiseExternal();
  9086.                     transitionEndAfterFnSimple.set(hostElement, pr);
  9087.                     transitionEndAfterFnSimple.set(container, pr);
  9088.                     hostElement.classList.add("collapsing");
  9089.                     hostElement.style.width = "0";
  9090.                     await pr.then();
  9091.                     transitionEndAfterFnSimple.delete(hostElement);
  9092.                     transitionEndAfterFnSimple.delete(container);
  9093.                     if (this && this.hostElement instanceof HTMLElement) {
  9094.  
  9095.                       this.requestRemoval();
  9096.                     }
  9097.  
  9098.                     return;
  9099.                   }
  9100.  
  9101.  
  9102.                 }
  9103.                 this.collapse43();
  9104.  
  9105.  
  9106.               });
  9107.             }
  9108.             
  9109.             
  9110.  
  9111.             if (typeof cProto.requestRemoval === 'function' && !cProto.requestRemoval49 && cProto.requestRemoval.length === 0) {
  9112.               cProto.requestRemoval49 = cProto.requestRemoval;
  9113.               cProto.requestRemoval = dProto.requestRemovalAdv || (dProto.requestRemovalAdv = function () {
  9114.                 if (this.__advancedTicking038__) {
  9115.                   try {
  9116.                     const overlayBg = this.hostElement.querySelector('ticker-bg-overlay[id]');
  9117.                     if (overlayBg) {
  9118.                       const overlayBgId = overlayBg.id;
  9119.                       const tid = overlayBgId ? overlayBgId.substring(0, overlayBgId.length - 2) : '';
  9120.                       const endElm = tid ? document.querySelector(`#${tid}-e`) : null;
  9121.                       if (endElm) {
  9122.                         wio2.unobserve(endElm);
  9123.                         endElm.remove();
  9124.                       }
  9125.                     }
  9126.                   } catch (e) { }
  9127.                   this.__advancedTicking038__ = 2;
  9128.                 }
  9129.                 const hostElement = this.hostElement;
  9130.                 if (hostElement instanceof HTMLElement) {
  9131.                   // try {
  9132.                   //   // hostElement.remove();
  9133.                     
  9134.                   //   if (!hostElement.classList.contains('ticker-no-transition-time')) hostElement.classList.add('ticker-no-transition-time');
  9135.                   // } catch (e) { }
  9136.  
  9137.                   try{
  9138.  
  9139.                     hostElement.classList.remove('r6-closing-ticker');
  9140.                   } catch (e) { }
  9141.  
  9142.                   return this.requestRemoval49();
  9143.                 }
  9144.               });
  9145.             }
  9146.             
  9147.  
  9148.             if (typeof cProto.computeContainerStyle === 'function' && !cProto.computeContainerStyle49 && cProto.computeContainerStyle.length === 2) {
  9149.               cProto.computeContainerStyle49 = cProto.computeContainerStyle;
  9150.               cProto.computeContainerStyle = dProto.computeContainerStyleAdv || (dProto.computeContainerStyleAdv = function (a, b) {
  9151.                 if (this.__advancedTicking038__) {
  9152.                   return "";
  9153.                 }
  9154.                 return this.computeContainerStyle49(a, b);
  9155.               });
  9156.             }
  9157.  
  9158.  
  9159.  
  9160.             if (typeof cProto.setRevampContainerWidth === 'function' && !cProto.setRevampContainerWidth41 && cProto.setRevampContainerWidth.length === 0) {
  9161.               cProto.setRevampContainerWidth41 = cProto.setRevampContainerWidth;
  9162.               cProto.setRevampContainerWidth = dProto.setRevampContainerWidthAdv || (dProto.setRevampContainerWidthAdv = async function () {
  9163.  
  9164.                 // not sure the reason for auto instead of pixel.
  9165.                 // this is a new function in Dec 2024, but not mainly adopted in the coding yet
  9166.  
  9167.                 /*
  9168.   
  9169.   
  9170.                         var a = this;
  9171.                         (R(this.hostElement).querySelector("#container").clientWidth || 0) === 0 ? (this.hostElement.style.overflow = "visible",
  9172.                         this.hostElement.style.width = "auto") : (this.hostElement.style.overflow = "hidden",
  9173.                         this.ytLiveChatTickerItemBehavior.shouldAnimateIn ? (this.hostElement.style.width = "0",
  9174.                         Zu(function() {
  9175.                             a.hostElement.style.width = "auto"
  9176.                         }, 1)) : this.hostElement.style.width = "auto")
  9177.   
  9178.                 */
  9179.  
  9180.  
  9181.  
  9182.  
  9183.                 const hostElement = (this || 0).hostElement;
  9184.                 const container = this.$.container;
  9185.  
  9186.  
  9187.                 let qw = null;
  9188.  
  9189.                 {
  9190.  
  9191.  
  9192.                   let maxC = 4;
  9193.  
  9194.                   for (let p = hostElement.getAttribute('r6-ticker-width') || ''; maxC--;) {
  9195.  
  9196.                     const ed = `${hostElement.id}`
  9197.                     if (!p || !p.startsWith(`${ed}::`)) {
  9198.  
  9199.                       const w = hostElement.style.width;
  9200.                       if (w !== '' && w !== 'auto') hostElement.style.width = 'auto';
  9201.  
  9202.                       const res = await widthReq(container);
  9203.  
  9204.                       hostElement.setAttribute('r6-ticker-width', p = `${ed}::${(res.width).toFixed(2)}`);
  9205.  
  9206.                     } else {
  9207.                       qw = p.split('::');
  9208.                       break;
  9209.                     }
  9210.  
  9211.                   }
  9212.  
  9213.                 }
  9214.  
  9215.                 if (!qw) {
  9216.  
  9217.                   console.log('container width failure');
  9218.                   this.setRevampContainerWidth41();
  9219.                   return; // failure
  9220.                 }
  9221.  
  9222.  
  9223.                 const shouldAnimateIn = ((this || 0).ytLiveChatTickerItemBehavior || 0).shouldAnimateIn || (this || 0).shouldAnimateIn || false;
  9224.                 if (shouldAnimateIn) {
  9225.  
  9226.  
  9227.  
  9228.                   const w = hostElement.style.width;
  9229.                   if (w !== '0px' && w !== '0') hostElement.style.width = '0';
  9230.                   // hostElement.classList.remove('ticker-no-transition-time');
  9231.                   await widthReq(container);
  9232.  
  9233.                   hostElement.style.width = `${qw[1]}px`;
  9234.                   return;
  9235.  
  9236.  
  9237.                 } else {
  9238.                   hostElement.style.width = `${qw[1]}px`;
  9239.                 }
  9240.  
  9241.  
  9242.                 // const container = this.$.container;
  9243.                 // if(hostElement instanceof HTMLElement && hostElement.style.width) hostElement.style.width = '';
  9244.               });
  9245.             }
  9246.  
  9247.  
  9248.             if (typeof cProto.setContainerWidth === 'function' && !cProto.setContainerWidth41 && cProto.setContainerWidth.length === 0) {
  9249.               cProto.setContainerWidth41 = cProto.setContainerWidth;
  9250.               cProto.setContainerWidth = dProto.setContainerWidthAdv || (dProto.setContainerWidthAdv = async function () {
  9251.  
  9252.                 
  9253.  
  9254.                 /*
  9255.  
  9256.  
  9257.                   var a = this
  9258.                     , b = R(this.hostElement).querySelector("#container").clientWidth || 0;
  9259.                   b === 0 ? (this.hostElement.style.overflow = "visible",
  9260.                   this.hostElement.style.width = "auto") : (this.hostElement.style.overflow = "hidden",
  9261.                   this.shouldAnimateIn ? (this.hostElement.style.width = "0",
  9262.                   Zu(function() {
  9263.                       a.hostElement.style.width = b + "px"
  9264.                   }, 1)) : this.hostElement.style.width = b + "px")
  9265.  
  9266.                 */
  9267.  
  9268.                   const hostElement = (this || 0).hostElement;
  9269.                   const container = this.$.container;
  9270.   
  9271.  
  9272.                   let qw = null;
  9273.   
  9274.                   {
  9275.  
  9276.  
  9277.                     let maxC = 4;
  9278.  
  9279.                     for (let p = hostElement.getAttribute('r6-ticker-width') || ''; maxC--;) {
  9280.   
  9281.                       const ed = `${hostElement.id}`
  9282.                       if (!p || !p.startsWith(`${ed}::`)) {
  9283.   
  9284.                         const w = hostElement.style.width;
  9285.                         if (w !== '' && w !== 'auto') hostElement.style.width = 'auto';
  9286.   
  9287.                         const res = await widthReq(container);
  9288.   
  9289.                         hostElement.setAttribute('r6-ticker-width', p = `${ed}::${(res.width).toFixed(2)}`);
  9290.   
  9291.                       } else {
  9292.                         qw = p.split('::');
  9293.                         break;
  9294.                       }
  9295.   
  9296.                     }
  9297.  
  9298.                   }
  9299.  
  9300.                   if(!qw){
  9301.  
  9302.                     console.log('container width failure');
  9303.                     this.setContainerWidth41();
  9304.                     return; // failure
  9305.                   }
  9306.  
  9307.  
  9308.                 const shouldAnimateIn = ((this || 0).ytLiveChatTickerItemBehavior || 0).shouldAnimateIn || (this || 0).shouldAnimateIn || false;
  9309.                 if (shouldAnimateIn) {
  9310.  
  9311.  
  9312.  
  9313.                   const w = hostElement.style.width;
  9314.                   if (w !== '0px' && w !== '0') hostElement.style.width = '0';
  9315.                   // hostElement.classList.remove('ticker-no-transition-time');
  9316.                   await widthReq(container);
  9317.  
  9318.                   hostElement.style.width = `${qw[1]}px`;
  9319.                   return;
  9320.  
  9321.  
  9322.                 } else {
  9323.                   hostElement.style.width = `${qw[1]}px`;
  9324.                 }
  9325.   
  9326.  
  9327.               });
  9328.             }
  9329.  
  9330.  
  9331.  
  9332.  
  9333.           }
  9334.  
  9335.  
  9336.  
  9337.         }
  9338.  
  9339.         const selector = tags.join(', ');
  9340.         const elements = document.querySelectorAll(selector);
  9341.         if (elements.length >= 1) {
  9342.           for (const elm of elements) {
  9343.             if (insp(elm).isAttached === true) {
  9344.               fpTicker(elm);
  9345.             }
  9346.           }
  9347.         }
  9348.  
  9349.         console.log("[End]");
  9350.         console.groupEnd();
  9351.  
  9352.  
  9353.       }).catch(console.warn);
  9354.  
  9355.       if(FIX_MEMORY_LEAKAGE_TICKER_DATACHANGED_setContainerWidth){
  9356.  
  9357.         /**
  9358.          * 
  9359.          *    
  9360.          * 
  9361.          * 
  9362.             cT.prototype.dataChanged = function() {
  9363.                 var a = this;
  9364.                 this.data && (Q(this.hostElement).querySelector("#content").style.color = this.ytLiveChatTickerItemBehavior.colorFromDecimal(this.data.detailTextColor),
  9365.                 this.hostElement.ariaLabel = this.computeAriaLabel(this.data),
  9366.                 this.ytLiveChatTickerItemBehavior.startCountdown(this.data.durationSec, this.data.fullDurationSec),
  9367.                 qw(function() {
  9368.                     a.ytLiveChatTickerItemBehavior.setContainerWidth()
  9369.                 }))
  9370.             }
  9371.  
  9372.  
  9373.             znb.prototype.dataChanged = function(a) {
  9374.                 var b = this;
  9375.                 a && (a.tickerThumbnails.length > 1 && Q(this.hostElement).querySelector("#content").classList.add("multiple-thumbnails"),
  9376.                 this.ytLiveChatTickerItemBehavior.startCountdown(a.durationSec, a.fullDurationSec),
  9377.                 qw(function() {
  9378.                     b.ytLiveChatTickerItemBehavior.setContainerWidth()
  9379.                 }))
  9380.             }
  9381.  
  9382.         * 
  9383.         */
  9384.  
  9385.         const dProto = {
  9386.           dataChanged54500: function () {
  9387.             // prevent memory leakage due to _.ytLiveChatTickerItemBehavior.setContainerWidth() in _.dataChanged
  9388.             if (typeof (this.ytLiveChatTickerItemBehavior || 0).setContainerWidth === 'function') {
  9389.               try {
  9390.                 if (!this.__proxySelf0__) this.__proxySelf0__ = weakWrap(this);
  9391.                 return this.dataChanged544.call(this.__proxySelf0__);
  9392.               } catch (e) {
  9393.                 console.log('dataChanged54500 ERROR');
  9394.                 console.error(e);
  9395.               }
  9396.             } else {
  9397.               return this.dataChanged544();
  9398.             }
  9399.           },
  9400.           dataChanged54501: function (a) {
  9401.             // prevent memory leakage due to _.ytLiveChatTickerItemBehavior.setContainerWidth() in _.dataChanged
  9402.             if (typeof (this.ytLiveChatTickerItemBehavior || 0).setContainerWidth === 'function') {
  9403.               try {
  9404.                 if (!this.__proxySelf0__) this.__proxySelf0__ = weakWrap(this);
  9405.                 return this.dataChanged544.call(this.__proxySelf0__, a);
  9406.               } catch (e) {
  9407.                 console.log('dataChanged54501 ERROR');
  9408.                 console.error(e);
  9409.               }
  9410.             } else {
  9411.               return this.dataChanged544(a);
  9412.             }
  9413.           },
  9414.         }
  9415.  
  9416.         for (const sto of [
  9417.           'yt-live-chat-ticker-sponsor-item-renderer',
  9418.           'yt-live-chat-ticker-paid-sticker-item-renderer'
  9419.         ].map(tag => [tag, customElements.whenDefined(tag)])) {
  9420.   
  9421.           const [tag, promise] = sto;
  9422.   
  9423.           promise.then(()=>{
  9424.   
  9425.             const dummy = document.createElement(tag);
  9426.   
  9427.             const cProto = getProto(dummy);
  9428.             if (!cProto || !cProto.attached) {
  9429.               console.warn(`proto.attached for ${tag} is unavailable.`);
  9430.               return;
  9431.             }
  9432.   
  9433.             if (!cProto.dataChanged || cProto.dataChanged544 || typeof cProto.dataChanged !== 'function' || !(cProto.dataChanged.length >= 0 && cProto.dataChanged.length <= 1)) return;
  9434.  
  9435.             cProto.dataChanged544 = cProto.dataChanged;
  9436.  
  9437.             if (cProto.dataChanged.length === 0) cProto.dataChanged = dProto.dataChanged54500;
  9438.             else if (cProto.dataChanged.length === 1) cProto.dataChanged = dProto.dataChanged54501;
  9439.             
  9440.   
  9441.   
  9442.           })
  9443.   
  9444.   
  9445.         }
  9446.  
  9447.       }
  9448.  
  9449.       customElements.whenDefined('yt-live-chat-ticker-renderer').then(() => {
  9450.  
  9451.         if (FLAG_001d) return;
  9452.  
  9453.         mightFirstCheckOnYtInit();
  9454.         groupCollapsed("YouTube Super Fast Chat", " | yt-live-chat-ticker-renderer hacks");
  9455.         console.log("[Begin]");
  9456.         (() => {
  9457.  
  9458.           /* pending!!
  9459.  
  9460.           handleLiveChatAction
  9461.  
  9462.           removeTickerItemById
  9463.  
  9464.           _itemsChanged
  9465.           itemsChanged
  9466.  
  9467.           handleMarkChatItemAsDeletedAction
  9468.           handleMarkChatItemsByAuthorAsDeletedAction
  9469.           handleRemoveChatItemByAuthorAction
  9470.  
  9471.  
  9472.           */
  9473.  
  9474.           const tag = "yt-live-chat-ticker-renderer"
  9475.           const dummy = document.createElement(tag);
  9476.  
  9477.           const cProto = getProto(dummy);
  9478.           if (!cProto || !cProto.attached) {
  9479.             console.warn(`proto.attached for ${tag} is unavailable.`);
  9480.             return;
  9481.           }
  9482.  
  9483.           const do_amend_ticker_handleLiveChatAction = AMEND_TICKER_handleLiveChatAction && !AMEND_TICKER_handleLiveChatAction_v3
  9484.             && typeof cProto.handleLiveChatAction === 'function' && !cProto.handleLiveChatAction45 && cProto.handleLiveChatAction.length === 1
  9485.             && typeof cProto.handleLiveChatActions === 'function' && !cProto.handleLiveChatActions45 && cProto.handleLiveChatActions.length === 1
  9486.             && typeof cProto.unshift === 'function' && cProto.unshift.length === 1
  9487.             && typeof cProto.handleMarkChatItemAsDeletedAction === 'function' && cProto.handleMarkChatItemAsDeletedAction.length === 1
  9488.             && typeof cProto.removeTickerItemById === 'function' && cProto.removeTickerItemById.length === 1
  9489.             && typeof cProto.handleMarkChatItemsByAuthorAsDeletedAction === 'function' && cProto.handleMarkChatItemsByAuthorAsDeletedAction.length === 1
  9490.             && typeof cProto.handleRemoveChatItemByAuthorAction === 'function' && cProto.handleRemoveChatItemByAuthorAction.length === 1
  9491.             ;
  9492.  
  9493.           console.log('do_amend_ticker_handleLiveChatAction', fnIntegrity(cProto.handleLiveChatAction), fnIntegrity(cProto.handleLiveChatActions))
  9494.  
  9495.  
  9496.           if (do_amend_ticker_handleLiveChatAction) {
  9497.  
  9498.  
  9499.             if (fnIntegrity(cProto.handleLiveChatActions) === '1.23.12') {
  9500.  
  9501.               console.log(`handleLiveChatActions`, 'modified');
  9502.  
  9503.               cProto.handleLiveChatActions45 = cProto.handleLiveChatActions;
  9504.  
  9505.               cProto.handleLiveChatActions = function (a) {
  9506.                 /**
  9507.                  *
  9508.                     f.handleLiveChatActions = function(a) {
  9509.                         a.length && (a.forEach(this.handleLiveChatAction, this),
  9510.                         this.updateHighlightedItem(),
  9511.                         this.shouldAnimateIn = !0)
  9512.                     }
  9513.                  *
  9514.                  */
  9515.                 const len = a.length;
  9516.                 if (len) {
  9517.                   const batchToken = String.fromCharCode(Date.now() % 26 + 97) + Math.floor(Math.random() * 19861 + 19861).toString(36);
  9518.  
  9519.                   if (FIX_BATCH_TICKER_ORDER && len >= 2) {
  9520.  
  9521.                     // Primarily for the initial batch, this is due to replayBuffer._back.
  9522.                     const entries = [];
  9523.                     const entriesI = [];
  9524.                     for (let i = 0; i < len; i++) {
  9525.                       const item = ((a[i] || 0).addLiveChatTickerItemAction || 0).item || 0;
  9526.                       const timestampUsec = item ? parseInt(getTimestampUsec(item[firstObjectKey(item)]), 10) : 0;
  9527.                       if (timestampUsec > 0) {
  9528.                         entriesI.push(i);
  9529.                         binaryInsert(entries, { e: a[i], timestampUsec }, (a, b) => {
  9530.                           const diff = a.timestampUsec - b.timestampUsec;
  9531.                           return diff > 0.1 ? 1 : diff < -0.1 ? -1 : 0;
  9532.                         });
  9533.                       }
  9534.                     }
  9535.                     const mLen = entries.length;
  9536.                     if (mLen >= 2) {
  9537.                       for (let j = 0; j < mLen; j++) {
  9538.                         a[entriesI[j]] = entries[j].e;
  9539.                       }
  9540.                     }
  9541.                     entries.length = 0;
  9542.                     entriesI.length = 0;
  9543.                   }
  9544.                   for (const action of a) {
  9545.                     action.__batchId45__ = batchToken;
  9546.                     this.handleLiveChatAction(action);
  9547.                   }
  9548.                 }
  9549.               }
  9550.  
  9551.  
  9552.             }
  9553.  
  9554.  
  9555.             console.log(`handleLiveChatAction`, 'modified');
  9556.  
  9557.             const cacheChatActions = new LimitedSizeSet(16);
  9558.  
  9559.             cProto.handleLiveChatAction45 = cProto.handleLiveChatAction;
  9560.  
  9561.             cProto.handleLiveChatAction = function (a) {
  9562.  
  9563.               const key = firstObjectKey(a);
  9564.               if (!key) return;
  9565.  
  9566.               const val = a[key];
  9567.               let itemKey = '';
  9568.               let itemId = '';
  9569.               const valItem = val ? val.item : null;
  9570.               if (valItem) {
  9571.                 itemKey = firstObjectKey(valItem);
  9572.                 if (itemKey) {
  9573.                   const itemVal = valItem[itemKey];
  9574.                   itemId = itemVal ? itemVal.id : '';
  9575.                   if (itemId) {
  9576.                     const cacheKey = `${key}.${itemKey}::${itemId}`;
  9577.                     if (key === 'addChatItemAction' && itemId) return; // no need
  9578.                     if (cacheChatActions.has(cacheKey)) {
  9579.                       console.log('handleLiveChatAction Repeated Item', cacheKey);
  9580.                       return;
  9581.                     } else {
  9582.                       cacheChatActions.add(cacheKey);
  9583.                     }
  9584.                   }
  9585.                 }
  9586.               }
  9587.               return this.handleLiveChatAction45(a);
  9588.             };
  9589.  
  9590.             console.log("AMEND_TICKER_handleLiveChatAction - OK (v2)");
  9591.  
  9592.           } else if (0 && do_amend_ticker_handleLiveChatAction
  9593.             && '|1.63.48|1.64.48|'.includes(`|${fnIntegrity(cProto.handleLiveChatAction)}|`)
  9594.             && fnIntegrity(cProto.handleLiveChatActions) === '1.23.12'
  9595.           ) {
  9596.  
  9597.             cProto.handleLiveChatActions45 = cProto.handleLiveChatActions;
  9598.  
  9599.             cProto.handleLiveChatActions = function (a) {
  9600.               /**
  9601.                *
  9602.                   f.handleLiveChatActions = function(a) {
  9603.                       a.length && (a.forEach(this.handleLiveChatAction, this),
  9604.                       this.updateHighlightedItem(),
  9605.                       this.shouldAnimateIn = !0)
  9606.                   }
  9607.                *
  9608.                */
  9609.  
  9610.               if (a.length) {
  9611.                 const batchToken = String.fromCharCode(Date.now() % 26 + 97) + Math.floor(Math.random() * 19861 + 19861).toString(36);
  9612.                 const len = a.length;
  9613.                 if (FIX_BATCH_TICKER_ORDER && len >= 2) {
  9614.                   // Primarily for the initial batch, this is due to replayBuffer._back.
  9615.                   const entries = [];
  9616.                   const entriesI = [];
  9617.                   for (let i = 0; i < len; i++) {
  9618.                     const item = ((a[i] || 0).addLiveChatTickerItemAction || 0).item || 0;
  9619.                     if (item) {
  9620.                       const itemRendererKey = firstObjectKey(item);
  9621.                       const itemRenderer = item[itemRendererKey];
  9622.                       if (itemRenderer) {
  9623.                         let timestampUsec = getTimestampUsec(itemRenderer);
  9624.                         if (timestampUsec !== null) {
  9625.                           timestampUsec = parseInt(timestampUsec, 10);
  9626.                           if (timestampUsec > 0) {
  9627.                             entriesI.push(i);
  9628.                             entries.push({ e: a[i], timestampUsec })
  9629.                           }
  9630.                         }
  9631.                       }
  9632.                     }
  9633.                   }
  9634.                   const mLen = entries.length;
  9635.                   if (mLen >= 2) {
  9636.                     entries.sort((a, b) => {
  9637.                       const diff = a.timestampUsec - b.timestampUsec;
  9638.                       return diff > 0.1 ? 1 : diff < -0.1 ? -1 : 0;
  9639.                     });
  9640.                     for (let j = 0; j < mLen; j++) {
  9641.                       const i = entriesI[j];
  9642.                       a[i] = entries[j].e;
  9643.                     }
  9644.                   }
  9645.                   entries.length = 0;
  9646.                   entriesI.length = 0;
  9647.                 }
  9648.                 for (const action of a) {
  9649.                   action.__batchId45__ = batchToken;
  9650.                   this.handleLiveChatAction(action);
  9651.                 }
  9652.               }
  9653.             }
  9654.  
  9655.             cProto.handleLiveChatAction45 = cProto.handleLiveChatAction;
  9656.  
  9657.             cProto._nszlv_ = 0;
  9658.             cProto._stackedLCAs_ = null;
  9659.             cProto._lastAddItem_ = null;
  9660.             cProto._lastAddItemInStack_ = false;
  9661.             cProto.handleLiveChatAction = function (a) {
  9662.  
  9663.               /**
  9664.                *
  9665.                *
  9666.                 f.handleLiveChatAction = function(a) {
  9667.                     var b = C(a, xO)
  9668.                       , c = C(a, yO)
  9669.                       , d = C(a, o1a)
  9670.                       , e = C(a, p1a);
  9671.                     a = C(a, A1a);
  9672.                     b ? this.unshift("items", b.item) : c ? this.handleMarkChatItemAsDeletedAction(c) : d ? this.removeTickerItemById(d.targetItemId) : e ? this.handleMarkChatItemsByAuthorAsDeletedAction(e) : a && this.handleRemoveChatItemByAuthorAction(a)
  9673.                 }
  9674.                *
  9675.                */
  9676.  
  9677.               // return this.handleLiveChatAction45(a)
  9678.               const { addChatItemAction, addLiveChatTickerItemAction, markChatItemAsDeletedAction,
  9679.                 removeChatItemAction, markChatItemsByAuthorAsDeletedAction, removeChatItemByAuthorAction, __batchId45__ } = a
  9680.  
  9681.               if (addChatItemAction) return;
  9682.               const d = Date.now();
  9683.  
  9684.               if (this._stackedLCAs_ === null) this._stackedLCAs_ = [];
  9685.               const stackArr = this._stackedLCAs_;
  9686.               let newStackEntry = null;
  9687.               if (addLiveChatTickerItemAction) {
  9688.                 let isDuplicated = false;
  9689.  
  9690.                 const newItem = addLiveChatTickerItemAction.item;
  9691.                 const tickerType = firstObjectKey(newItem);
  9692.                 if (!tickerType) return;
  9693.                 const tickerItem = newItem[tickerType];
  9694.                 const tickerId = tickerItem.id;
  9695.                 if (!tickerId) return;
  9696.  
  9697.                 if (this._lastAddItem_ && this._lastAddItem_.id === tickerId) {
  9698.                   let prevTickerItem = null;
  9699.                   if (this._lastAddItemInStack_) {
  9700.                     const entry = stackArr[stackArr.length - 1]; // only consider the last entry
  9701.                     if (entry && entry.action === 'addItem') {
  9702.                       prevTickerItem = entry.data; // only consider the first item;
  9703.                     }
  9704.                   } else {
  9705.                     prevTickerItem = this.items[0]; // only consider the first item;
  9706.                   }
  9707.                   if (prevTickerItem && prevTickerItem[tickerType]) {
  9708.                     if (prevTickerItem[tickerType].id === tickerId) {
  9709.                       isDuplicated = true;
  9710.                     }
  9711.                   }
  9712.                 }
  9713.                 if (!isDuplicated) {
  9714.                   this._lastAddItem_ = tickerItem;
  9715.                   this._lastAddItemInStack_ = true;
  9716.                   // console.log('newItem', newItem)
  9717.  
  9718.                   const item = newItem;
  9719.                   const key = firstObjectKey(item);
  9720.                   if (key) {
  9721.                     const itemRenderer = item[key] || 0;
  9722.                     if (itemRenderer.fullDurationSec > 0) {
  9723.                       itemRenderer.__actionAt__ = d;
  9724.                     }
  9725.                   }
  9726.  
  9727.                   newStackEntry = { action: 'addItem', data: newItem };
  9728.  
  9729.                 } else {
  9730.                   console.log('handleLiveChatAction Repeated Item', tickerItem.id, tickerItem); // happen in both live and playback. Reason Unknown.
  9731.                   return;
  9732.                 }
  9733.  
  9734.               } else {
  9735.                 markChatItemAsDeletedAction && (newStackEntry = { action: 'mcItemD', data: markChatItemAsDeletedAction });
  9736.                 removeChatItemAction && (newStackEntry = { action: 'removeItemById', data: removeChatItemAction.targetId });
  9737.                 markChatItemsByAuthorAsDeletedAction && (newStackEntry = { action: 'mcItemAD', data: markChatItemsByAuthorAsDeletedAction });
  9738.                 removeChatItemByAuthorAction && (newStackEntry = { action: 'removeItemA', data: removeChatItemByAuthorAction })
  9739.               }
  9740.  
  9741.  
  9742.               if (!newStackEntry) return;
  9743.               stackArr.push(newStackEntry);
  9744.  
  9745.  
  9746.               this._nszlv_++;
  9747.               if (this._nszlv_ > 1e9) this._nszlv_ = 9;
  9748.               const tid = this._nszlv_;
  9749.  
  9750.               newStackEntry.__batchId45__ = __batchId45__ || '';
  9751.               newStackEntry.dateTime = Date.now();
  9752.  
  9753.  
  9754.               foregroundPromiseFn().then(() => {
  9755.  
  9756.                 if (tid !== this._nszlv_) return;
  9757.                 const dateNow = Date.now(); // time difference to shift animation start time shall be considered. (pending)
  9758.                 const stackArr = this._stackedLCAs_.slice(0);
  9759.                 this._stackedLCAs_.length = 0;
  9760.                 this._lastAddItemInStack_ = false;
  9761.                 let lastDateTime = 0;
  9762.                 let prevBatchId = '';
  9763.                 const addItems = [];
  9764.                 // const previousShouldAnimateIn = this.shouldAnimateIn;
  9765.  
  9766.                 const addItemsFx = () => {
  9767.  
  9768.                   if (addItems.length >= 1) {
  9769.                     const eArr = addItems.slice(0);
  9770.                     addItems.length = 0;
  9771.                     if (ADJUST_TICKER_DURATION_ALIGN_RENDER_TIME) {
  9772.  
  9773.                       const arr = []; // size of arr <= size of eArr
  9774.                       const d = Date.now();
  9775.                       for (const item of eArr) {
  9776.                         const key = firstObjectKey(item);
  9777.                         if (key) {
  9778.  
  9779.  
  9780.                           const itemRenderer = item[key] || 0;
  9781.                           const { durationSec, fullDurationSec, __actionAt__ } = itemRenderer;
  9782.                           if (__actionAt__ > 0 && durationSec > 0 && fullDurationSec > 0) {
  9783.  
  9784.  
  9785.                             const offset = d - __actionAt__;
  9786.                             if (offset > 0 && typeof durationSec === 'number' && typeof fullDurationSec === 'number' && fullDurationSec >= durationSec) {
  9787.                               const adjustedDurationSec = durationSec - Math.floor(offset / 1000);
  9788.                               if (adjustedDurationSec < durationSec) { // prevent NaN
  9789.                                 // console.log('adjustedDurationSec', adjustedDurationSec);
  9790.                                 if (adjustedDurationSec > 0) {
  9791.                                   // console.log('offset Sec', Math.floor(offset / 1000));
  9792.                                   itemRenderer.durationSec = adjustedDurationSec;
  9793.                                 } else {
  9794.                                   // if adjustedDurationSec equal 0 or invalid
  9795.                                   continue; // skip adding
  9796.                                 }
  9797.                               }
  9798.  
  9799.                             }
  9800.  
  9801.                           }
  9802.  
  9803.                           if (fullDurationSec > 0 && durationSec < 1) continue; // fallback check
  9804.  
  9805.  
  9806.  
  9807.                         }
  9808.                         arr.push(item)
  9809.                         // arr.unshift(item);
  9810.                       }
  9811.  
  9812.  
  9813.                       // console.log(arr.slice(0))
  9814.                       this.unshift("items", ...arr);
  9815.                     } else {
  9816.                       this.unshift("items", ...eArr);
  9817.                     }
  9818.                   }
  9819.                 }
  9820.  
  9821.                 for (const entry of stackArr) {
  9822.  
  9823.                   const { action, data, dateTime, __batchId45__ } = entry;
  9824.  
  9825.                   const finishLastAction = (
  9826.                     (prevBatchId !== __batchId45__ && prevBatchId)
  9827.                     || (dateNow - lastDateTime >= 1000 && dateNow - dateTime < 1000)
  9828.                   );
  9829.  
  9830.                   const addPrevItems = addItems.length >= 1 && (finishLastAction || action !== 'addItem');
  9831.                   lastDateTime = dateTime;
  9832.                   prevBatchId = __batchId45__;
  9833.  
  9834.                   if (addPrevItems) {
  9835.                     addItemsFx();
  9836.                   }
  9837.  
  9838.                   if (action === 'addItem') addItems.unshift(data);
  9839.                   else if (action === 'mcItemD') this.handleMarkChatItemAsDeletedAction(data);
  9840.                   else if (action === 'removeItemById') this.removeTickerItemById(data);
  9841.                   else if (action === 'mcItemAD') this.handleMarkChatItemsByAuthorAsDeletedAction(data);
  9842.                   else if (action === 'removeItemA') this.handleRemoveChatItemByAuthorAction(data);
  9843.  
  9844.                 }
  9845.  
  9846.                 addItemsFx();
  9847.               })
  9848.  
  9849.             }
  9850.  
  9851.             console.log("AMEND_TICKER_handleLiveChatAction - OK (v1)");
  9852.           } else {
  9853.             console.log("AMEND_TICKER_handleLiveChatAction - NG");
  9854.           }
  9855.  
  9856.  
  9857.  
  9858.           const do_amend_ticker_handleLiveChatAction_v3 = AMEND_TICKER_handleLiveChatAction_v3 && !AMEND_TICKER_handleLiveChatAction
  9859.             && typeof cProto.handleLiveChatAction === 'function' && !cProto.handleLiveChatAction45 && cProto.handleLiveChatAction.length === 1
  9860.             && typeof cProto.handleLiveChatActions === 'function' && !cProto.handleLiveChatActions45 && cProto.handleLiveChatActions.length === 1
  9861.             && typeof cProto.unshift === 'function' && cProto.unshift.length === 1
  9862.             && typeof cProto.handleMarkChatItemAsDeletedAction === 'function' && cProto.handleMarkChatItemAsDeletedAction.length === 1
  9863.             && typeof cProto.removeTickerItemById === 'function' && cProto.removeTickerItemById.length === 1
  9864.             && typeof cProto.handleMarkChatItemsByAuthorAsDeletedAction === 'function' && cProto.handleMarkChatItemsByAuthorAsDeletedAction.length === 1
  9865.             && typeof cProto.handleRemoveChatItemByAuthorAction === 'function' && cProto.handleRemoveChatItemByAuthorAction.length === 1
  9866.             ;
  9867.  
  9868.             // yt-live-chat-ticker-renderer hacks
  9869.             // console.log('handleLiveChatActions', cProto.handleLiveChatActions, cProto.is);
  9870.             // console.log('handleLiveChatAction', cProto.handleLiveChatAction, cProto.is);
  9871.  
  9872.           if (do_amend_ticker_handleLiveChatAction_v3 ) {
  9873.  
  9874.             // causing no transition ??
  9875.             // affect performance if many tickers need to be added. (become multiple reflows)
  9876.             // performance issue shall be fixed by no transition instead (or min-width: max-content)
  9877.  
  9878.             /*
  9879.                 f.handleLiveChatActions = function(a) {
  9880.                     a.length && (a.forEach(this.handleLiveChatAction, this),
  9881.                     this.updateHighlightedItem(),
  9882.                     this.shouldAnimateIn = !0)
  9883.                 }
  9884.                 */
  9885.  
  9886.             /*
  9887.  
  9888.                 f.handleLiveChatAction = function(a) {
  9889.                 var b = y(a, PM)
  9890.                   , c = y(a, QM)
  9891.                   , d = y(a, OM)
  9892.                   , e = y(a, Yab);
  9893.                 a = y(a, ibb);
  9894.                 b && this.enableCreatorGoalRevamp ? this.unshift("tickerItems", b.item) : b ? this.unshift("items", b.item) : c ? this.handleMarkChatItemAsDeletedAction(c) : d ? this.removeTickerItemById(d.targetItemId) : e ? this.handleMarkChatItemsByAuthorAsDeletedAction(e) : a && this.handleRemoveChatItemByAuthorAction(a)
  9895.             }
  9896.             */
  9897.  
  9898.             /* Dec 2024 */
  9899.  
  9900.             /*
  9901.  
  9902.  
  9903.                 f.handleLiveChatActions = function(a) {
  9904.                     a.length && (a.forEach(this.handleLiveChatAction, this),
  9905.                     this.updateHighlightedItem(),
  9906.                     this.shouldAnimateIn = !0)
  9907.                 }
  9908.                 ;
  9909.                 f.handleLiveChatAction = function(a) {
  9910.                     var b = z(a, fL)
  9911.                       , c = z(a, gL)
  9912.                       , d = z(a, eL)
  9913.                       , e = z(a, gdb)
  9914.                       , g = z(a, rdb)
  9915.                       , k = z(a, Deb);
  9916.                     a = z(a, Ceb);
  9917.                     b ? this.unshift("tickerItems", b.item) : c ? this.handleMarkChatItemAsDeletedAction(c) : d ? this.removeTickerItemById(d.targetItemId) : e ? this.handleMarkChatItemsByAuthorAsDeletedAction(e) : g ? this.handleRemoveChatItemByAuthorAction(g) : k ? this.showCreatorGoalTickerChip(k) : a && this.removeCreatorGoalTickerChip(a)
  9918.                 }
  9919.             */
  9920.  
  9921.  
  9922.  
  9923.             const arr00 = new Array(1);
  9924.             arr00.forEach = () => { };
  9925.             arr00.push = (...args) => { return 1 + args.length };
  9926.             arr00.pop = () => { };
  9927.             arr00.shift = () => { };
  9928.             arr00.unshift = () => { };
  9929.             arr00.splice = () => [];
  9930.             cProto.handleLiveChatActionsArr0 = arr00;
  9931.  
  9932.             cProto.handleLiveChatActions58 = cProto.handleLiveChatActions;
  9933.             cProto.xGqq4mo = null;
  9934.             cProto.xGqq4Flg = 0;
  9935.             cProto.xGqq4moPreparePromise = null;
  9936.             cProto.xGqq4f = function () {
  9937.               if (this.xGqq4Flg === 2) {
  9938.                 this.xGqq4Flg = 0;
  9939.                 tickerPE(async () => { // avoid confliction with ticker generation
  9940.                   await this.xGqq4moPreparePromise; // just in case
  9941.                   const s = this.handleLiveChatActionsArr0;
  9942.                   try {
  9943.                     this.handleLiveChatActions58(s);
  9944.                   } catch (e) {
  9945.                     console.warn(e);
  9946.                   }
  9947.                   // console.log('xGqq4f done')
  9948.                 });
  9949.  
  9950.               }
  9951.             }
  9952.             const liveActionQM = new WeakSet();
  9953.             let liveActionsLastTickerAction = null;
  9954.             const lastTickerActionM = new WeakSet();
  9955.             cProto.handleLiveChatActions = function (a) {
  9956.               // let promise = null;
  9957.               if (a && a.length) {
  9958.                 /** @type {MutationObserver | null} */
  9959.                 let mo = this.xGqq4mo;
  9960.                 // console.log('xGqq4f aaaa')
  9961.                 const hostElement = this.hostElement;
  9962.                 if (hostElement instanceof HTMLElement) {
  9963.                   if (mo === null || (mo instanceof MutationObserver && this.xGqq4p !== hostElement.xGqq4q)) {
  9964.                     if (mo instanceof MutationObserver) {
  9965.                       mo.disconnect();
  9966.                       mo.takeRecords();
  9967.                     }
  9968.                     this.xGqq4mo = mo = new MutationObserver(() => {
  9969.                       this.xGqq4f();
  9970.                     })
  9971.                     const moid = `dm-${Date.now()}-${Math.floor(Math.random() * 314159265359 + 314159265359).toString(36)}`;;
  9972.                     this.xGqq4p = moid;
  9973.                     hostElement.xGqq4q = moid;
  9974.                     mo.observe(hostElement, { subtree: true, childList: true });
  9975.                   }
  9976.                 }
  9977.                 for (const u of a) {
  9978.                   u && liveActionQM.add(u)
  9979.                 }
  9980.  
  9981.                 /** @type {Promise} */
  9982.                 const pastPromise = this.xGqq4moPreparePromise || null;
  9983.                 this.xGqq4moPreparePromise = (async () => {
  9984.                   try {
  9985.                     await pastPromise; // just in case
  9986.                     liveActionsLastTickerAction = null;
  9987.                     a.forEach(this.handleLiveChatAction, this);
  9988.                     if (liveActionsLastTickerAction) lastTickerActionM.add(liveActionsLastTickerAction)
  9989.                   } catch (e) { console.warn(e); } // Promise catch can make the promise always resolved
  9990.                   // now tickerPE can execute
  9991.                 })();
  9992.  
  9993.  
  9994.                 // console.log('xGqq4f bbbb')
  9995.                 // promise = this.handleLiveChatAction_LastPromise;
  9996.                 // const f = () => {
  9997.                 //   const s = this.handleLiveChatActionsArr0;
  9998.                 //   try {
  9999.                 //     return this.handleLiveChatActions58(s);
  10000.                 //   } catch (e) {
  10001.                 //     console.warn(e);
  10002.                 //   }
  10003.                 // }
  10004.                 // if (!promise) {
  10005.                 //   f();
  10006.                 // } else {
  10007.                 //   promise.then(f);
  10008.                 // }
  10009.               } else {
  10010.                 return this.handleLiveChatActions58(a);
  10011.               }
  10012.             }
  10013.  
  10014.             // 12:17:05.748 PM
  10015.             // 12:17:05.785 v {name: 'addLiveChatTickerItemAction'}
  10016.             // 12:17:08.059 QM
  10017.             // 12:17:08.068 v {name: 'markChatItemAsDeletedAction'}
  10018.             // 12:17:09.123 OM
  10019.             // 12:17:09.133 v {name: 'removeChatItemAction'}
  10020.             // 12:17:11.566 Yab
  10021.             // 12:17:11.574 v {name: 'markChatItemsByAuthorAsDeletedAction'}
  10022.             // 12:17:14.272 ibb
  10023.             // 12:17:14.282 v {name: 'removeChatItemByAuthorAction'}
  10024.  
  10025.             const keyFilter = (a, keySet) => {
  10026.               if (typeof (a || 0) === 'object') {
  10027.                 for (const k of Object.keys(a)) {
  10028.                   if (keySet.has(k)) {
  10029.                     return k;
  10030.                   }
  10031.                 }
  10032.               }
  10033.               return null;
  10034.             }
  10035.  
  10036.             cProto.lcuJB = function () {
  10037.               this.ddnB8 = 1;
  10038.               let res = new Set();
  10039.               const pxy = new Proxy({}, {
  10040.                 get(target, prop) {
  10041.                   res.add(prop);
  10042.                 },
  10043.                 set(target, prop, value) {
  10044.                   return true;
  10045.                 }
  10046.               });
  10047.               this.handleLiveChatAction(pxy);
  10048.               this.ddnB8 = 0;
  10049.               return res.size > 0 ? res : null;
  10050.             }
  10051.  
  10052.             cProto.ddnB8 = 0;
  10053.             cProto.handleLiveChatAction58 = cProto.handleLiveChatAction;
  10054.             cProto.liveChatActionFilterKeys = null;
  10055.             cProto.handleLiveChatActionTM = new LimitedSizeMap(24);
  10056.             const tt0 = Date.now() - 100000;
  10057.             cProto.handleLiveChatAction = function (a) {
  10058.               if (this.ddnB8) return this.handleLiveChatAction58(a);
  10059.               const inQM = a && liveActionQM.delete(a); // true if added from handleLiveChatActions
  10060.               let keySet = this.liveChatActionFilterKeys;
  10061.               if (keySet === null) {
  10062.                 const keys = this.lcuJB();
  10063.                 this.liveChatActionFilterKeys = keySet = (keys || false);
  10064.               }
  10065.               if (!keySet) {
  10066.                 if (!unexpectedErr) {
  10067.                   console.error(unexpectedErr = "************************ [YouTube Super Fast Chat] TickerRenderer:handleLiveChatAction keySet not found; ERR 0xF3D0 ************************");
  10068.                 }
  10069.                 return this.handleLiveChatAction58(a);
  10070.               }
  10071.               const key = keyFilter(a, keySet);
  10072.               if (!key) {
  10073.                 return this.handleLiveChatAction58(a); // just by default
  10074.               }
  10075.  
  10076.               // ------ avoid duplicate items -------
  10077.               const item = ((a[key] || 0).item || 0);
  10078.               const ifk = item ? firstObjectKey(item) : null;
  10079.               const rendererItem = ifk ? item[ifk] : null;
  10080.               if (rendererItem && rendererItem.id) {
  10081.                 const id = rendererItem.id || 0;
  10082.                 if (typeof id === 'string') {
  10083.                   const map = this.handleLiveChatActionTM;
  10084.                   if (map) {
  10085.                     const mid = `${rendererItem.authorExternalChannelId}::${rendererItem.id}`;
  10086.                     const prevTime = map.get(mid);
  10087.                     const now = Date.now() - tt0;
  10088.                     map.removeSet(mid, now);
  10089.                     
  10090.                     if (prevTime > 0 && now - prevTime < 2400) {
  10091.                       console.log('handleLiveChatAction Repeated Item OK', rendererItem.id, rendererItem);
  10092.                       return; // skip
  10093.                     } else if (prevTime) {
  10094.                       console.log('handleLiveChatAction Repeated Item NG', mid, now, prevTime, rendererItem.id, rendererItem);
  10095.                     }
  10096.                     // map.removeSet(mid, now);
  10097.                   }
  10098.                 }
  10099.               }
  10100.               // ------ avoid duplicate items -------
  10101.  
  10102.               if (inQM) {
  10103.                 liveActionsLastTickerAction = a;
  10104.               }
  10105.               this.handleLiveChatAction_LastPromise = tickerPE(async () => {
  10106.                 await this.xGqq4moPreparePromise; // avoid tickerPE is called before actions under looping in handleLiveChatActions
  10107.                 const inLQM = lastTickerActionM.delete(a); // multiple candidates
  10108.                 if (inLQM) this.xGqq4Flg = 2; // 2 to 2 in case two batches are added "in the same time"
  10109.                 this.handleLiveChatAction58(a);
  10110.                 // if (inLQM) await timelineResolve(); // timing split by marco event to make tickers generation in different 16ms frame
  10111.                 // else await Promise.resolve();
  10112.                 // await Promise.resolve();
  10113.                 await timelineResolve(); // timing split by marco event to make tickers generation in different 16ms frame
  10114.               });
  10115.             }
  10116.  
  10117.           }
  10118.  
  10119.           if (RAF_FIX_keepScrollClamped) {
  10120.  
  10121.             // to be improved
  10122.  
  10123.             if (typeof cProto.keepScrollClamped === 'function' && !cProto.keepScrollClamped72 && fnIntegrity(cProto.keepScrollClamped) === '0.17.10') {
  10124.  
  10125.               cProto.keepScrollClamped72 = cProto.keepScrollClamped;
  10126.               cProto.keepScrollClamped = function () {
  10127.  
  10128.                 const cnt = kRef(this);
  10129.                 if (!cnt) return;
  10130.                 if (!cnt.hostElement) return; // memory leakage. to be reviewed
  10131.  
  10132.                 cnt._bound_keepScrollClamped = cnt._bound_keepScrollClamped || cnt.keepScrollClamped.bind(mWeakRef(cnt));
  10133.                 cnt.scrollClampRaf = requestAnimationFrame(cnt._bound_keepScrollClamped);
  10134.                 cnt.maybeClampScroll()
  10135.               }
  10136.  
  10137.               console.log('RAF_FIX: keepScrollClamped', tag, "OK")
  10138.             } else {
  10139.  
  10140.               assertor(() => fnIntegrity(cProto.keepScrollClamped, '0.17.10'));
  10141.               console.log('RAF_FIX: keepScrollClamped', tag, "NG")
  10142.             }
  10143.  
  10144.           }
  10145.  
  10146.  
  10147.           if (RAF_FIX_scrollIncrementally && typeof cProto.startScrolling === 'function' && typeof cProto.scrollIncrementally === 'function' 
  10148.             && '|1.43.31|1.44.31|'.indexOf('|' + fnIntegrity(cProto.startScrolling) + '|') >= 0
  10149.             && '|1.78.45|1.82.43|1.43.31|'.indexOf('|' + fnIntegrity(cProto.scrollIncrementally) + '|') >= 0) {
  10150.             // to be replaced by animator
  10151.  
  10152.             cProto.startScrolling = function (a) {
  10153.  
  10154.               const cnt = kRef(this);
  10155.               if (!cnt) return;
  10156.               if (!cnt.hostElement) return; // memory leakage. to be reviewed
  10157.  
  10158.               cnt.scrollStopHandle && cnt.cancelAsync(cnt.scrollStopHandle);
  10159.               cnt.asyncHandle && cancelAnimationFrame(cnt.asyncHandle);
  10160.               cnt.lastFrameTimestamp = cnt.scrollStartTime = performance.now();
  10161.               cnt.scrollRatePixelsPerSecond = a;
  10162.               cnt._bound_scrollIncrementally = cnt._bound_scrollIncrementally || cnt.scrollIncrementally.bind(mWeakRef(cnt));
  10163.               cnt.asyncHandle = requestAnimationFrame(cnt._bound_scrollIncrementally)
  10164.             };
  10165.  
  10166.             // related functions: startScrollBack, startScrollingLeft, startScrollingRight, etc.
  10167.  
  10168.             /**
  10169.              * 
  10170.              * // 2024.12.17
  10171.              * // https://www.youtube.com/s/desktop/f7495da0/jsbin/live_chat_polymer.vflset/live_chat_polymer.js
  10172.  
  10173.                 f.startScrolling = function(a) {
  10174.                     this.scrollStopHandle && $u(this.scrollStopHandle);
  10175.                     this.asyncHandle && window.cancelAnimationFrame(this.asyncHandle);
  10176.                     this.scrollStartTime = performance.now();
  10177.                     this.lastFrameTimestamp = performance.now();
  10178.                     this.scrollRatePixelsPerSecond = a;
  10179.                     this.asyncHandle = window.requestAnimationFrame(this.scrollIncrementally.bind(this))
  10180.                 }
  10181.                 ;
  10182.                 f.scrollIncrementally = function(a) {
  10183.                     var b = a - (this.lastFrameTimestamp || 0);
  10184.                     R(this.hostElement).querySelector(this.tickerBarQuery).scrollLeft += b / 1E3 * (this.scrollRatePixelsPerSecond || 0);
  10185.                     this.maybeClampScroll();
  10186.                     this.updateArrows();
  10187.                     this.lastFrameTimestamp = a;
  10188.                     R(this.hostElement).querySelector(this.tickerBarQuery).scrollLeft > 0 || this.scrollRatePixelsPerSecond && this.scrollRatePixelsPerSecond > 0 ? this.asyncHandle = window.requestAnimationFrame(this.scrollIncrementally.bind(this)) : this.stopScrolling()
  10189.                 }
  10190.                 ;
  10191.              * 
  10192.              */
  10193.  
  10194.                 /**
  10195.                  * 
  10196.                   // 2024.12.20
  10197.  
  10198.  
  10199.  
  10200.                   f.startScrolling = function(a) {
  10201.                       this.scrollStopHandle && av(this.scrollStopHandle);
  10202.                       this.asyncHandle && window.cancelAnimationFrame(this.asyncHandle);
  10203.                       this.scrollStartTime = performance.now();
  10204.                       this.lastFrameTimestamp = performance.now();
  10205.                       this.scrollRatePixelsPerSecond = a;
  10206.                       this.asyncHandle = window.requestAnimationFrame(this.scrollIncrementally.bind(this))
  10207.                   }
  10208.  
  10209.                  * 
  10210.                  * 
  10211.                  */
  10212.  
  10213.             cProto.__getTickerBarQuery__ = function () {
  10214.               const tickerBarQuery = this.tickerBarQuery === '#items' ? this.$.items : this.hostElement.querySelector(this.tickerBarQuery);
  10215.               return tickerBarQuery;
  10216.             }
  10217.  
  10218.             cProto.scrollIncrementally = (RAF_FIX_scrollIncrementally === 2) ? function (a) {
  10219.  
  10220.               const cnt = kRef(this);
  10221.               if (!cnt) return;
  10222.               if (!cnt.hostElement) return; // memory leakage. to be reviewed
  10223.  
  10224.               const b = a - (cnt.lastFrameTimestamp || 0);
  10225.               const rate = cnt.scrollRatePixelsPerSecond
  10226.               const q = b / 1E3 * (rate || 0);
  10227.  
  10228.               const tickerBarQuery = cnt.__getTickerBarQuery__();
  10229.               const sl = tickerBarQuery.scrollLeft;
  10230.               // console.log(rate, sl, q)
  10231.               if (cnt.lastFrameTimestamp == cnt.scrollStartTime) {
  10232.  
  10233.               } else if (q > -1e-5 && q < 1e-5) {
  10234.  
  10235.               } else {
  10236.                 let cond1 = sl > 0 && rate > 0 && q > 0;
  10237.                 let cond2 = sl > 0 && rate < 0 && q < 0;
  10238.                 let cond3 = sl < 1e-5 && sl > -1e-5 && rate > 0 && q > 0;
  10239.                 if (cond1 || cond2 || cond3) {
  10240.                   tickerBarQuery.scrollLeft += q;
  10241.                   cnt.maybeClampScroll();
  10242.                   cnt.updateArrows();
  10243.                 }
  10244.               }
  10245.  
  10246.               cnt.lastFrameTimestamp = a;
  10247.               cnt._bound_scrollIncrementally = cnt._bound_scrollIncrementally || cnt.scrollIncrementally.bind(mWeakRef(cnt));
  10248.               0 < tickerBarQuery.scrollLeft || rate && 0 < rate ? cnt.asyncHandle = requestAnimationFrame(cnt._bound_scrollIncrementally) : cnt.stopScrolling()
  10249.             } : function (a) {
  10250.  
  10251.               const cnt = kRef(this);
  10252.               if (!cnt) return;
  10253.               if (!cnt.hostElement) return; // memory leakage. to be reviewed
  10254.  
  10255.               const b = a - (cnt.lastFrameTimestamp || 0);
  10256.               const tickerBarQuery = cnt.__getTickerBarQuery__();
  10257.               tickerBarQuery.scrollLeft += b / 1E3 * (cnt.scrollRatePixelsPerSecond || 0);
  10258.               cnt.maybeClampScroll();
  10259.               cnt.updateArrows();
  10260.               cnt.lastFrameTimestamp = a;
  10261.               cnt._bound_scrollIncrementally = cnt._bound_scrollIncrementally || cnt.scrollIncrementally.bind(mWeakRef(cnt));
  10262.               0 < tickerBarQuery.scrollLeft || cnt.scrollRatePixelsPerSecond && 0 < cnt.scrollRatePixelsPerSecond ? cnt.asyncHandle = requestAnimationFrame(cnt._bound_scrollIncrementally) : cnt.stopScrolling()
  10263.             };
  10264.  
  10265.             console.log(`RAF_FIX: scrollIncrementally${RAF_FIX_scrollIncrementally}`, tag, "OK")
  10266.           } else {
  10267.             assertor(() => fnIntegrity(cProto.startScrolling, '1.43.31'))
  10268.               || logFn('cProto.startScrolling', cProto.startScrolling)();
  10269.             assertor(() => fnIntegrity(cProto.scrollIncrementally, '1.78.45'))
  10270.               || logFn('cProto.scrollIncrementally', cProto.scrollIncrementally)();
  10271.             console.log('RAF_FIX: scrollIncrementally', tag, "NG")
  10272.           }
  10273.  
  10274.  
  10275.           if (CLOSE_TICKER_PINNED_MESSAGE_WHEN_HEADER_CLICKED && typeof cProto.attached === 'function' && !cProto.attached37 && typeof cProto.detached === 'function' && !cProto.detached37) {
  10276.  
  10277.             cProto.attached37 = cProto.attached;
  10278.             cProto.detached37 = cProto.detached;
  10279.  
  10280.             let naohzId = 0;
  10281.             cProto.__naohzId__ = 0;
  10282.             cProto.attached = function () {
  10283.               Promise.resolve(this).then((cnt) => {
  10284.  
  10285.                 const hostElement = cnt.hostElement || cnt;
  10286.                 if (!(hostElement instanceof HTMLElement)) return;
  10287.                 if (!HTMLElement.prototype.matches.call(hostElement, '.yt-live-chat-renderer')) return;
  10288.                 const ironPage = HTMLElement.prototype.closest.call(hostElement, 'iron-pages.yt-live-chat-renderer');
  10289.                 // or #chat-messages
  10290.                 if (!ironPage) return;
  10291.  
  10292.                 if (cnt.__naohzId__) removeEventListener.call(ironPage, 'click', cnt.messageBoxClickHandlerForFade, { capture: false, passive: true });
  10293.                 if (naohzId > 1e9) naohzId = naohzId % 1e4;
  10294.                 cnt.__naohzId__ = ++naohzId;
  10295.                 ironPage.setAttribute('naohz', `${+cnt.__naohzId__}`);
  10296.  
  10297.                 addEventListener.call(ironPage, 'click', cnt.messageBoxClickHandlerForFade, { capture: false, passive: true });
  10298.                 
  10299.                 cnt = null;
  10300.  
  10301.               });
  10302.               return this.attached37.apply(this, arguments);
  10303.             };
  10304.             cProto.detached = function () {
  10305.               Promise.resolve(this).then((cnt) => {
  10306.  
  10307.                 const ironPage = document.querySelector(`iron-pages[naohz="${+cnt.__naohzId__}"]`);
  10308.                 if (!ironPage) return;
  10309.  
  10310.                 removeEventListener.call(ironPage, 'click', cnt.messageBoxClickHandlerForFade, { capture: false, passive: true });
  10311.  
  10312.                 cnt = null;
  10313.  
  10314.               });
  10315.               return this.detached37.apply(this, arguments);
  10316.             };
  10317.  
  10318.             const clickFade = (u) => {
  10319.               u.click();
  10320.             };
  10321.             cProto.messageBoxClickHandlerForFade = async (evt) => {
  10322.  
  10323.               const target = (evt || 0).target || 0;
  10324.               if (!target) return;
  10325.  
  10326.               for (let p = target; p instanceof HTMLElement; p = nodeParent(p)) {
  10327.                 const is = p.is;
  10328.                 if (typeof is === 'string' && is) {
  10329.  
  10330.                   if (is === 'yt-live-chat-pinned-message-renderer') {
  10331.                     return;
  10332.                   }
  10333.                   if (is === 'iron-pages' || is === 'yt-live-chat-renderer' || is === 'yt-live-chat-app') {
  10334.                     const fade = HTMLElement.prototype.querySelector.call(p, 'yt-live-chat-pinned-message-renderer:not([hidden]) #fade');
  10335.                     if (fade) {
  10336.                       Promise.resolve(fade).then(clickFade);
  10337.                       evt && evt.stopPropagation();
  10338.                     }
  10339.                     return;
  10340.                   }
  10341.                   if (is !== 'yt-live-chat-ticker-renderer') {
  10342.                     if (is.startsWith('yt-live-chat-ticker-')) return;
  10343.                     if (!is.endsWith('-renderer')) return;
  10344.                   }
  10345.  
  10346.                 } else {
  10347.                   if ((p.nodeName || '').includes('BUTTON')) return;
  10348.                 }
  10349.  
  10350.               }
  10351.             };
  10352.  
  10353.             console.log("CLOSE_TICKER_PINNED_MESSAGE_WHEN_HEADER_CLICKED - OK")
  10354.  
  10355.           } else {
  10356.             console.log("CLOSE_TICKER_PINNED_MESSAGE_WHEN_HEADER_CLICKED - NG")
  10357.           }
  10358.  
  10359.  
  10360.         })();
  10361.  
  10362.         console.log("[End]");
  10363.  
  10364.         console.groupEnd();
  10365.  
  10366.       }).catch(console.warn);
  10367.  
  10368.  
  10369.  
  10370.       if (ENABLE_RAF_HACK_INPUT_RENDERER || DELAY_FOCUSEDCHANGED) {
  10371.  
  10372.         customElements.whenDefined("yt-live-chat-message-input-renderer").then(() => {
  10373.  
  10374.           mightFirstCheckOnYtInit();
  10375.           groupCollapsed("YouTube Super Fast Chat", " | yt-live-chat-message-input-renderer hacks");
  10376.           console.log("[Begin]");
  10377.           (() => {
  10378.  
  10379.  
  10380.  
  10381.             const tag = "yt-live-chat-message-input-renderer"
  10382.             const dummy = document.createElement(tag);
  10383.  
  10384.             const cProto = getProto(dummy);
  10385.             if (!cProto || !cProto.attached) {
  10386.               console.warn(`proto.attached for ${tag} is unavailable.`);
  10387.               return;
  10388.             }
  10389.  
  10390.  
  10391.             if (ENABLE_RAF_HACK_INPUT_RENDERER && rafHub !== null) {
  10392.  
  10393.               let doHack = false;
  10394.               if (typeof cProto.handleTimeout === 'function' && typeof cProto.updateTimeout === 'function') {
  10395.  
  10396.                 // not cancellable
  10397.  
  10398.                 // <<< to be reviewed cProto.updateTimeout --- isTimingFunctionHackable -- doHack >>>
  10399.  
  10400.                 doHack = fnIntegrity(cProto.handleTimeout, '1.27.16') && fnIntegrity(cProto.updateTimeout, '1.50.33');
  10401.  
  10402.                 if (!doHack) console.log('doHack = false')
  10403.  
  10404.               }
  10405.               // doHack = false; // M55
  10406.  
  10407.               if (doHack) {
  10408.  
  10409.                 cProto.handleTimeout = function (a) {
  10410.  
  10411.                   const cnt = kRef(this);
  10412.                   if (!cnt) return;
  10413.                   if (!cnt.hostElement) return; // memory leakage. to be reviewed
  10414.  
  10415.                   console.log('cProto.handleTimeout', tag)
  10416.                   if (!cnt.boundUpdateTimeout38_) cnt.boundUpdateTimeout38_ = cnt.updateTimeout.bind(mWeakRef(cnt));
  10417.                   cnt.timeoutDurationMs = cnt.timeoutMs = a;
  10418.                   cnt.countdownRatio = 1;
  10419.                   0 === cnt.lastTimeoutTimeMs && rafHub.request(cnt.boundUpdateTimeout38_)
  10420.                 };
  10421.                 cProto.updateTimeout = function (a) {
  10422.  
  10423.                   const cnt = kRef(this);
  10424.                   if (!cnt) return;
  10425.                   if (!cnt.hostElement) return; // memory leakage. to be reviewed
  10426.  
  10427.                   console.log('cProto.updateTimeout', tag)
  10428.                   if (!cnt.boundUpdateTimeout38_) cnt.boundUpdateTimeout38_ = cnt.updateTimeout.bind(mWeakRef(cnt));
  10429.                   cnt.lastTimeoutTimeMs && (cnt.timeoutMs = Math.max(0, cnt.timeoutMs - (a - cnt.lastTimeoutTimeMs)),
  10430.                     cnt.countdownRatio = cnt.timeoutMs / cnt.timeoutDurationMs);
  10431.                   cnt.isAttached && cnt.timeoutMs ? (cnt.lastTimeoutTimeMs = a,
  10432.                     rafHub.request(cnt.boundUpdateTimeout38_)) : cnt.lastTimeoutTimeMs = 0
  10433.                 };
  10434.  
  10435.                 console.log('RAF_HACK_INPUT_RENDERER', tag, "OK")
  10436.               } else {
  10437.  
  10438.                 console.log('typeof handleTimeout', typeof cProto.handleTimeout)
  10439.                 console.log('typeof updateTimeout', typeof cProto.updateTimeout)
  10440.  
  10441.                 console.log('RAF_HACK_INPUT_RENDERER', tag, "NG")
  10442.               }
  10443.  
  10444.  
  10445.             }
  10446.  
  10447.             if (DELAY_FOCUSEDCHANGED && typeof cProto.onFocusedChanged === 'function' && cProto.onFocusedChanged.length === 1 && !cProto.onFocusedChanged372) {
  10448.               cProto.onFocusedChanged372 = cProto.onFocusedChanged;
  10449.               cProto.onFocusedChanged = function (a) {
  10450.                 Promise.resolve(this).then((cnt) => {
  10451.                   if (cnt.isAttached === true) cnt.onFocusedChanged372(a);
  10452.                   cnt = null;
  10453.                 }).catch(console.warn);
  10454.               }
  10455.             }
  10456.  
  10457.           })();
  10458.  
  10459.           console.log("[End]");
  10460.  
  10461.           console.groupEnd();
  10462.  
  10463.  
  10464.         })
  10465.  
  10466.       }
  10467.  
  10468.  
  10469.       if (ENABLE_RAF_HACK_EMOJI_PICKER && rafHub !== null) {
  10470.  
  10471.         customElements.whenDefined("yt-emoji-picker-renderer").then(() => {
  10472.  
  10473.           mightFirstCheckOnYtInit();
  10474.           groupCollapsed("YouTube Super Fast Chat", " | yt-emoji-picker-renderer hacks");
  10475.           console.log("[Begin]");
  10476.           (() => {
  10477.  
  10478.             const tag = "yt-emoji-picker-renderer"
  10479.             const dummy = document.createElement(tag);
  10480.  
  10481.             const cProto = getProto(dummy);
  10482.             if (!cProto || !cProto.attached) {
  10483.               console.warn(`proto.attached for ${tag} is unavailable.`);
  10484.               return;
  10485.             }
  10486.  
  10487.             let doHack = false;
  10488.             if (typeof cProto.animateScroll_ === 'function') {
  10489.  
  10490.               // not cancellable
  10491.               console.log('animateScroll_', typeof cProto.animateScroll_)
  10492.  
  10493.               doHack = fnIntegrity(cProto.animateScroll_, '1.102.49')
  10494.  
  10495.             }
  10496.  
  10497.             if (doHack) {
  10498.  
  10499.               const querySelector = HTMLElement.prototype.querySelector;
  10500.               const U = (element) => ({
  10501.                 querySelector: (selector) => querySelector.call(element, selector)
  10502.               });
  10503.  
  10504.               cProto.animateScroll_ = function (a) {
  10505.  
  10506.                 const cnt = kRef(this);
  10507.                 if (!cnt) return;
  10508.                 if (!cnt.hostElement) return; // memory leakage. to be reviewed
  10509.  
  10510.                 // console.log('cProto.animateScroll_', tag) // yt-emoji-picker-renderer
  10511.                 if (!cnt.boundAnimateScroll39_) cnt.boundAnimateScroll39_ = cnt.animateScroll_.bind(mWeakRef(cnt));
  10512.                 cnt.lastAnimationTime_ || (cnt.lastAnimationTime_ = a);
  10513.                 a -= cnt.lastAnimationTime_;
  10514.                 200 > a ? (U(cnt.hostElement).querySelector("#categories").scrollTop = cnt.animationStart_ + (cnt.animationEnd_ - cnt.animationStart_) * a / 200,
  10515.                   rafHub.request(cnt.boundAnimateScroll39_)) : (null != cnt.animationEnd_ && (U(cnt.hostElement).querySelector("#categories").scrollTop = cnt.animationEnd_),
  10516.                     cnt.animationEnd_ = cnt.animationStart_ = null,
  10517.                     cnt.lastAnimationTime_ = 0);
  10518.                 cnt.updateButtons_()
  10519.               }
  10520.  
  10521.               console.log('ENABLE_RAF_HACK_EMOJI_PICKER', tag, "OK")
  10522.             } else {
  10523.  
  10524.               console.log('ENABLE_RAF_HACK_EMOJI_PICKER', tag, "NG")
  10525.             }
  10526.  
  10527.           })();
  10528.  
  10529.           console.log("[End]");
  10530.  
  10531.           console.groupEnd();
  10532.         });
  10533.       }
  10534.  
  10535.       if (ENABLE_RAF_HACK_DOCKED_MESSAGE && rafHub !== null) {
  10536.  
  10537.         customElements.whenDefined("yt-live-chat-docked-message").then(() => {
  10538.  
  10539.           mightFirstCheckOnYtInit();
  10540.           groupCollapsed("YouTube Super Fast Chat", " | yt-live-chat-docked-message hacks");
  10541.           console.log("[Begin]");
  10542.           (() => {
  10543.  
  10544.             const tag = "yt-live-chat-docked-message"
  10545.             const dummy = document.createElement(tag);
  10546.  
  10547.             const cProto = getProto(dummy);
  10548.             if (!cProto || !cProto.attached) {
  10549.               console.warn(`proto.attached for ${tag} is unavailable.`);
  10550.               return;
  10551.             }
  10552.  
  10553.             let doHack = false;
  10554.             if (typeof cProto.detached === 'function' && typeof cProto.checkIntersections === 'function' && typeof cProto.onDockableMessagesChanged === 'function' && typeof cProto.boundCheckIntersections === 'undefined') {
  10555.  
  10556.               // cancelable - this.intersectRAF <detached>
  10557.               // yt-live-chat-docked-message
  10558.               // boundCheckIntersections <-> checkIntersections
  10559.               // onDockableMessagesChanged
  10560.               //  this.intersectRAF = window.requestAnimationFrame(this.boundCheckIntersections);
  10561.  
  10562.               console.log('detached', typeof cProto.detached)
  10563.               console.log('checkIntersections', typeof cProto.checkIntersections)
  10564.               console.log('onDockableMessagesChanged', typeof cProto.onDockableMessagesChanged)
  10565.  
  10566.               doHack = fnIntegrity(cProto.detached, '0.32.22') && fnIntegrity(cProto.checkIntersections, '0.128.85') && fnIntegrity(cProto.onDockableMessagesChanged, '0.20.11')
  10567.  
  10568.             }
  10569.  
  10570.             if (doHack) {
  10571.  
  10572.               cProto.__boundCheckIntersectionsSubstitutionFn__ = function () {
  10573.                 const cnt = this;
  10574.                 if (!cnt.i5zmk && typeof cnt.boundCheckIntersections === 'function' && typeof cnt.checkIntersections === 'function') {
  10575.                   cnt.i5zmk = 1
  10576.                   cnt.boundCheckIntersections = cnt.checkIntersections.bind(mWeakRef(cnt));
  10577.                 }
  10578.               }
  10579.  
  10580.               cProto.checkIntersections = function () {
  10581.  
  10582.                 const cnt = kRef(this);
  10583.                 if (!cnt) return;
  10584.                 if (!cnt.hostElement) return; // memory leakage. to be reviewed
  10585.  
  10586.                 if(typeof cnt.__boundCheckIntersectionsSubstitutionFn__ === 'function') cnt.__boundCheckIntersectionsSubstitutionFn__();
  10587.  
  10588.                 // console.log('cProto.checkIntersections', tag)
  10589.                 if (cnt.dockableMessages.length) {
  10590.                   cnt.intersectRAF = rafHub.request(cnt.boundCheckIntersections);
  10591.                   let a = cnt.dockableMessages[0]
  10592.                     , b = cnt.hostElement.getBoundingClientRect();
  10593.                   a = a.getBoundingClientRect();
  10594.                   let c = a.top - b.top
  10595.                     , d = 8 >= c;
  10596.                   c = 8 >= c - cnt.hostElement.clientHeight;
  10597.                   if (d) {
  10598.                     let e;
  10599.                     for (; d;) {
  10600.                       e = cnt.dockableMessages.shift();
  10601.                       d = cnt.dockableMessages[0];
  10602.                       if (!d)
  10603.                         break;
  10604.                       d = d.getBoundingClientRect();
  10605.                       c = d.top - b.top;
  10606.                       let f = 8 >= c;
  10607.                       if (8 >= c - a.height)
  10608.                         if (f)
  10609.                           a = d;
  10610.                         else
  10611.                           return;
  10612.                       d = f
  10613.                     }
  10614.                     cnt.dock(e)
  10615.                   } else
  10616.                     c && cnt.dockedItem && cnt.clear()
  10617.                 } else
  10618.                   cnt.intersectRAF = 0
  10619.               }
  10620.  
  10621.               cProto.onDockableMessagesChanged = function () {
  10622.                 const cnt = this;
  10623.                 if(typeof cnt.__boundCheckIntersectionsSubstitutionFn__ === 'function') cnt.__boundCheckIntersectionsSubstitutionFn__();
  10624.                 // console.log('cProto.onDockableMessagesChanged', tag) // yt-live-chat-docked-message
  10625.                 cnt.dockableMessages.length && !cnt.intersectRAF && (cnt.intersectRAF = rafHub.request(cnt.boundCheckIntersections))
  10626.               }
  10627.  
  10628.               cProto.detached = function () {
  10629.                 this.intersectRAF && rafHub.cancel(this.intersectRAF)
  10630.               }
  10631.  
  10632.               console.log('ENABLE_RAF_HACK_DOCKED_MESSAGE', tag, "OK")
  10633.             } else {
  10634.  
  10635.               console.log('ENABLE_RAF_HACK_DOCKED_MESSAGE', tag, "NG")
  10636.             }
  10637.  
  10638.           })();
  10639.  
  10640.           console.log("[End]");
  10641.  
  10642.           console.groupEnd();
  10643.  
  10644.         }).catch(console.warn);
  10645.  
  10646.       }
  10647.  
  10648.       if (FIX_SETSRC_AND_THUMBNAILCHANGE_) {
  10649.  
  10650.         customElements.whenDefined("yt-img-shadow").then(() => {
  10651.  
  10652.           mightFirstCheckOnYtInit();
  10653.           groupCollapsed("YouTube Super Fast Chat", " | yt-img-shadow hacks");
  10654.           console.log("[Begin]");
  10655.           (() => {
  10656.  
  10657.             const tag = "yt-img-shadow"
  10658.             const dummy = document.createElement(tag);
  10659.  
  10660.             const cProto = getProto(dummy);
  10661.             if (!cProto || !cProto.attached) {
  10662.               console.warn(`proto.attached for ${tag} is unavailable.`);
  10663.               return;
  10664.             }
  10665.  
  10666.             if (typeof cProto.thumbnailChanged_ === 'function' && !cProto.thumbnailChanged66_) {
  10667.  
  10668.               cProto.thumbnailChanged66_ = cProto.thumbnailChanged_;
  10669.               cProto.thumbnailChanged_ = function (a) {
  10670.  
  10671.                 if (this.oldThumbnail_ && this.thumbnail && this.oldThumbnail_.thumbnails === this.thumbnail.thumbnails) return;
  10672.                 if (!this.oldThumbnail_ && !this.thumbnail) return;
  10673.  
  10674.                 return this.thumbnailChanged66_.apply(this, arguments)
  10675.  
  10676.               }
  10677.               console.log("cProto.thumbnailChanged_ - OK");
  10678.  
  10679.             } else {
  10680.               console.log("cProto.thumbnailChanged_ - NG");
  10681.  
  10682.             }
  10683.             if (typeof cProto.setSrc_ === 'function' && !cProto.setSrc66_) {
  10684.  
  10685.               cProto.setSrc66_ = cProto.setSrc_;
  10686.               cProto.setSrc_ = function (a) {
  10687.                 if ((((this || 0).$ || 0).img || 0).src === a) return;
  10688.                 return this.setSrc66_.apply(this, arguments)
  10689.               }
  10690.  
  10691.               console.log("cProto.setSrc_ - OK");
  10692.             } else {
  10693.  
  10694.               console.log("cProto.setSrc_ - NG");
  10695.             }
  10696.  
  10697.           })();
  10698.  
  10699.           console.log("[End]");
  10700.  
  10701.           console.groupEnd();
  10702.  
  10703.         }).catch(console.warn);
  10704.  
  10705.       }
  10706.  
  10707.       if (FIX_THUMBNAIL_DATACHANGED) {
  10708.  
  10709.         customElements.whenDefined("yt-live-chat-author-badge-renderer").then(() => {
  10710.  
  10711.           mightFirstCheckOnYtInit();
  10712.           groupCollapsed("YouTube Super Fast Chat", " | yt-live-chat-author-badge-renderer hacks");
  10713.           console.log("[Begin]");
  10714.           (() => {
  10715.  
  10716.             const tag = "yt-live-chat-author-badge-renderer"
  10717.             const dummy = document.createElement(tag);
  10718.  
  10719.             const cProto = getProto(dummy);
  10720.             if (!cProto || !cProto.attached) {
  10721.               console.warn(`proto.attached for ${tag} is unavailable.`);
  10722.               return;
  10723.             }
  10724.  
  10725.             if (typeof cProto.dataChanged === 'function' && !cProto.dataChanged86 && '|0.169.106|'.includes(`|${fnIntegrity(cProto.dataChanged)}|`)) {
  10726.  
  10727.               cProto.dataChanged86 = cProto.dataChanged;
  10728.               cProto.dataChanged = function () {
  10729.  
  10730.                 /* 2024.12.15 */
  10731.                 /*
  10732.                       zO.prototype.dataChanged = function() {
  10733.                         for (var a = Ov(R(this.hostElement).querySelector("#image")); a.firstChild; )
  10734.                             a.removeChild(a.firstChild);
  10735.                         if (this.data)
  10736.                             if (this.data.icon) {
  10737.                                 var b = document.createElement("yt-icon");
  10738.                                 this.data.icon.iconType === "MODERATOR" && this.enableNewModeratorBadge ? (b.polymerController.icon = "yt-sys-icons:shield-filled",
  10739.                                 b.polymerController.defaultToFilled = !0) : b.polymerController.icon = "live-chat-badges:" + this.data.icon.iconType.toLowerCase();
  10740.                                 a.appendChild(b)
  10741.                             } else if (this.data.customThumbnail) {
  10742.                                 b = document.createElement("img");
  10743.                                 var c;
  10744.                                 (c = (c = UA(this.data.customThumbnail.thumbnails, 16)) ? Yb(kc(c)) : null) ? (b.src = c,
  10745.                                 a.appendChild(b),
  10746.                                 b.setAttribute("alt", this.hostElement.ariaLabel || "")) : Fq(new Zn("Could not compute URL for thumbnail",this.data.customThumbnail))
  10747.                             }
  10748.                         }
  10749.                   */
  10750.  
  10751.                 const a = (this || 0).data;
  10752.                 const image = ((this || 0).$ || 0).image;
  10753.                 if (image && a && image.firstElementChild) {
  10754.                   const exisiting = image.firstElementChild;
  10755.                   if (exisiting === image.lastElementChild) {
  10756.  
  10757.                     if (a.icon && exisiting.nodeName.toUpperCase() === 'YT-ICON') {
  10758.  
  10759.                       const c = exisiting;
  10760.                       const t = insp(c);
  10761.                       const w = ('icon' in t || 'defaultToFilled' in t) ? t : c;
  10762.                       if ("MODERATOR" === a.icon.iconType && this.enableNewModeratorBadge) {
  10763.                         if (w.icon !== "yt-sys-icons:shield-filled") w.icon = "yt-sys-icons:shield-filled";
  10764.                         if (w.defaultToFilled !== true) w.defaultToFilled = true;
  10765.                       } else {
  10766.                         const p = "live-chat-badges:" + a.icon.iconType.toLowerCase();;
  10767.                         if (w.icon !== p) w.icon = p;
  10768.                         if (w.defaultToFilled !== false) w.defaultToFilled = false;
  10769.                       }
  10770.                       return;
  10771.  
  10772.  
  10773.                     } else if (a.customThumbnail && exisiting.nodeName.toUpperCase() == 'IMG') {
  10774.  
  10775.                       const c = exisiting;
  10776.                       if (a.customThumbnail.thumbnails.map(e => e.url).includes(c.src)) {
  10777.  
  10778.                         c.setAttribute("alt", this.hostElement.ariaLabel || "");
  10779.                         return;
  10780.                       }
  10781.                       /*
  10782.  
  10783.                         var d;
  10784.                         (d = (d = KC(a.customThumbnail.thumbnails, 16)) ? lc(oc(d)) : null) ? (c.src = d,
  10785.  
  10786.                         c.setAttribute("alt", this.hostElement.ariaLabel || "")) : lq(new tm("Could not compute URL for thumbnail", a.customThumbnail))
  10787.                         */
  10788.                     }
  10789.  
  10790.                   }
  10791.                 }
  10792.                 return this.dataChanged86.apply(this, arguments)
  10793.  
  10794.               }
  10795.               console.log("cProto.dataChanged - OK");
  10796.  
  10797.             } else if (typeof cProto.dataChanged === 'function' && !cProto.dataChanged86 && '|1.163.100|1.162.100|1.160.97|1.159.97|'.includes(`|${fnIntegrity(cProto.dataChanged)}|`)) {
  10798.  
  10799.               cProto.dataChanged86 = cProto.dataChanged;
  10800.               cProto.dataChanged = function (a) {
  10801.  
  10802.                 /*
  10803.  
  10804.                   for (var b = xC(Z(this.hostElement).querySelector("#image")); b.firstChild; )
  10805.                       b.removeChild(b.firstChild);
  10806.                   if (a)
  10807.                       if (a.icon) {
  10808.                           var c = document.createElement("yt-icon");
  10809.                           "MODERATOR" === a.icon.iconType && this.enableNewModeratorBadge ? (c.icon = "yt-sys-icons:shield-filled",
  10810.                           c.defaultToFilled = !0) : c.icon = "live-chat-badges:" + a.icon.iconType.toLowerCase();
  10811.                           b.appendChild(c)
  10812.                       } else if (a.customThumbnail) {
  10813.                           c = document.createElement("img");
  10814.                           var d;
  10815.                           (d = (d = KC(a.customThumbnail.thumbnails, 16)) ? lc(oc(d)) : null) ? (c.src = d,
  10816.                           b.appendChild(c),
  10817.                           c.setAttribute("alt", this.hostElement.ariaLabel || "")) : lq(new tm("Could not compute URL for thumbnail",a.customThumbnail))
  10818.                       }
  10819.  
  10820.                 */
  10821.  
  10822.  
  10823.                 /* 2024.04.20 */
  10824.                 /*
  10825.                   for (var b = Tx(N(this.hostElement).querySelector("#image")); b.firstChild; )
  10826.                       b.removeChild(b.firstChild);
  10827.                   if (a)
  10828.                       if (a.icon) {
  10829.                           var c = document.createElement("yt-icon");
  10830.                           "MODERATOR" === a.icon.iconType && this.enableNewModeratorBadge ? (c.polymerController.icon = "yt-sys-icons:shield-filled",
  10831.                           c.polymerController.defaultToFilled = !0) : c.polymerController.icon = "live-chat-badges:" + a.icon.iconType.toLowerCase();
  10832.                           b.appendChild(c)
  10833.                       } else if (a.customThumbnail) {
  10834.                           c = document.createElement("img");
  10835.                           var d;
  10836.                           (d = (d = WD(a.customThumbnail.thumbnails, 16)) ? Sb(ec(d)) : null) ? (c.src = d,
  10837.                           b.appendChild(c),
  10838.                           c.setAttribute("alt", this.hostElement.ariaLabel || "")) : nr(new mn("Could not compute URL for thumbnail",a.customThumbnail))
  10839.                       }
  10840.                 */
  10841.  
  10842.                 const image = ((this || 0).$ || 0).image
  10843.                 if (image && a && image.firstElementChild) {
  10844.                   const exisiting = image.firstElementChild;
  10845.                   if (exisiting === image.lastElementChild) {
  10846.  
  10847.                     if (a.icon && exisiting.nodeName.toUpperCase() === 'YT-ICON') {
  10848.  
  10849.                       const c = exisiting;
  10850.                       const t = insp(c);
  10851.                       const w = ('icon' in t || 'defaultToFilled' in t) ? t : c;
  10852.                       if ("MODERATOR" === a.icon.iconType && this.enableNewModeratorBadge) {
  10853.                         if (w.icon !== "yt-sys-icons:shield-filled") w.icon = "yt-sys-icons:shield-filled";
  10854.                         if (w.defaultToFilled !== true) w.defaultToFilled = true;
  10855.                       } else {
  10856.                         const p = "live-chat-badges:" + a.icon.iconType.toLowerCase();;
  10857.                         if (w.icon !== p) w.icon = p;
  10858.                         if (w.defaultToFilled !== false) w.defaultToFilled = false;
  10859.                       }
  10860.                       return;
  10861.  
  10862.  
  10863.                     } else if (a.customThumbnail && exisiting.nodeName.toUpperCase() == 'IMG') {
  10864.  
  10865.                       const c = exisiting;
  10866.                       if (a.customThumbnail.thumbnails.map(e => e.url).includes(c.src)) {
  10867.  
  10868.                         c.setAttribute("alt", this.hostElement.ariaLabel || "");
  10869.                         return;
  10870.                       }
  10871.                       /*
  10872.  
  10873.                         var d;
  10874.                         (d = (d = KC(a.customThumbnail.thumbnails, 16)) ? lc(oc(d)) : null) ? (c.src = d,
  10875.  
  10876.                         c.setAttribute("alt", this.hostElement.ariaLabel || "")) : lq(new tm("Could not compute URL for thumbnail", a.customThumbnail))
  10877.                         */
  10878.                     }
  10879.  
  10880.                   }
  10881.                 }
  10882.                 return this.dataChanged86.apply(this, arguments)
  10883.  
  10884.               }
  10885.               console.log("cProto.dataChanged - OK");
  10886.  
  10887.             } else {
  10888.               assertor(() => fnIntegrity(cProto.dataChanged, '0.169.106'));
  10889.               console.log("cProto.dataChanged - NG");
  10890.  
  10891.             }
  10892.  
  10893.           })();
  10894.  
  10895.           console.log("[End]");
  10896.  
  10897.           console.groupEnd();
  10898.  
  10899.         }).catch(console.warn);
  10900.  
  10901.  
  10902.       }
  10903.  
  10904.       if(USE_ADVANCED_TICKING){
  10905.         // leading the emoji cannot be rendered.
  10906.  
  10907.         // const qz38 = lcrPromiseFn();
  10908.  
  10909.         // qz38.then((lcrGet) => {
  10910.  
  10911.             // const tag = "yt-live-chat-renderer"
  10912.             // const dummy = lcrGet();
  10913.  
  10914.         getLCRDummy().then(async (lcrDummy) => {
  10915.  
  10916.           const tag = "yt-live-chat-renderer"
  10917.           const dummy = lcrDummy;
  10918.  
  10919.  
  10920.           const cProto = getProto(dummy);
  10921.  
  10922.           // dummy.usePatchedLifecycles = false;
  10923.           // dummy.data = null;
  10924.           // dummy.__data = null;
  10925.           // Object.setPrototypeOf(dummy, Object.prototype);
  10926.           if (!cProto || !cProto.attached) {
  10927.             console.warn(`proto.attached for ${tag} is unavailable.`);
  10928.             return;
  10929.           }
  10930.  
  10931.           /*
  10932.           <tp-yt-paper-tooltip class="style-scope yt-live-chat-author-badge-renderer" role="tooltip" tabindex="-1" style="--paper-tooltip-delay-in: 0ms; inset: -63.3984px auto auto 0px;
  10933.           */
  10934.  
  10935.           if (cProto && typeof cProto.immediatelyApplyLiveChatActions === 'function' && cProto.immediatelyApplyLiveChatActions.length === 1 && !cProto.immediatelyApplyLiveChatActions82) {
  10936.             cProto.immediatelyApplyLiveChatActions82 = cProto.immediatelyApplyLiveChatActions;
  10937.             cProto.immediatelyApplyLiveChatActions = function(arr){
  10938.               
  10939.  
  10940.               // console.log(1237)
  10941.               try{
  10942.                 preprocessChatLiveActions(arr);
  10943.  
  10944.               }catch(e){
  10945.                 console.warn(e);
  10946.               }
  10947.               return this.immediatelyApplyLiveChatActions82(arr);
  10948.             };
  10949.           }
  10950.  
  10951.  
  10952.           if (cProto && typeof cProto.preprocessActions_ === 'function' && cProto.preprocessActions_.length === 1 && !cProto.preprocessActions82_) {
  10953.             cProto.preprocessActions82_ = cProto.preprocessActions_;
  10954.             cProto.preprocessActions_ = function(arr){
  10955.               
  10956.               arr = this.preprocessActions82_(arr);
  10957.                 preprocessChatLiveActions(arr);
  10958.               return arr;
  10959.             };
  10960.           }
  10961.  
  10962.           
  10963.  
  10964.         });
  10965.       }
  10966.  
  10967.  
  10968.       if (FIX_TOOLTIP_DISPLAY) {
  10969.  
  10970.         // ----------------------------------------------------------------------------------------------------
  10971.  
  10972.         const checkPDGet = (pd) => {
  10973.           return pd && pd.get && !pd.set && pd.enumerable && pd.configurable;
  10974.         }
  10975.  
  10976.         const tooltipUIWM = new WeakMap();
  10977.         const tooltipInitProps = {};
  10978.         const createTooltipIfRequired_ = function () {
  10979.           let r;
  10980.           if (tooltipUIWM.get(this) === void 0) {
  10981.             const w = document.createElement;
  10982.             let EU = null;
  10983.             tooltipUIWM.set(this, null);
  10984.             document.createElement = function () {
  10985.               let r = w.apply(this, arguments);
  10986.               EU = r;
  10987.               return r;
  10988.             };
  10989.             r = this.createTooltipIfRequired14_();
  10990.             document.createElement = w;
  10991.             if (EU instanceof HTMLElement && EU.is) {
  10992.               tooltipUIWM.set(this, EU);
  10993.               EU.setAttribute('__nogc__', ''); // avoid gc process script
  10994.  
  10995.               if (typeof EU.offset === 'number') tooltipInitProps['offset'] = EU.offset;
  10996.               if (typeof EU.fitToVisibleBounds === 'boolean') tooltipInitProps['fitToVisibleBounds'] = EU.fitToVisibleBounds;
  10997.               if (typeof EU.position === 'string') tooltipInitProps['position'] = EU.position;
  10998.               if (typeof EU.for === 'string') tooltipInitProps['for'] = EU.for;
  10999.  
  11000.               // this.__mcT__ = EU.outerHTML;
  11001.               // EU.__dataX = JSON.stringify(EU.__data);
  11002.               // EU.__dataY = Object.entries(EU);
  11003.  
  11004.               // <<< FOR DEBUG >>>
  11005.               // let kx;
  11006.               // Object.defineProperty(EU, '_target', {
  11007.               //   get(){
  11008.               //     return kx;
  11009.               //   },
  11010.               //   set(nv){
  11011.               //     kx= nv;
  11012.               //     debugger;
  11013.               //     return true;
  11014.               //   }
  11015.               // });
  11016.               // <<< FOR DEBUG >>>
  11017.  
  11018.               if (typeof Polymer !== 'undefined' && Polymer.__fixedGetOwnerRoot__ && Polymer.__fixedQuerySelector__) {
  11019.  
  11020.               } else {
  11021.                 let eProto = null;
  11022.                 const euCnt = insp(EU);
  11023.                 if (checkPDGet(Object.getOwnPropertyDescriptor(euCnt.constructor.prototype || {}, 'target'))) {
  11024.  
  11025.                   eProto = euCnt.constructor.prototype;
  11026.                 } else if (checkPDGet(Object.getOwnPropertyDescriptor(EU.constructor.prototype || {}, 'target'))) {
  11027.  
  11028.                   eProto = EU.constructor.prototype;
  11029.                 }
  11030.                 if (eProto) {
  11031.                   delete eProto.target;
  11032.                   /*
  11033.  
  11034.                       get target() {
  11035.                           var a = Pv(this).parentNode, b = Pv(this).getOwnerRoot(), c;
  11036.                           this.for ? c = Pv(b).querySelector("#" + this.for) : c = a.nodeType == Node.DOCUMENT_FRAGMENT_NODE ? b.host : a;
  11037.                           return c
  11038.                       },
  11039.                   */
  11040.                   Object.defineProperty(eProto, 'target', {
  11041.                     get() {
  11042.                       let a = this.parentNode, b = this.getRootNode();
  11043.                       return (this.for ? b.querySelector("#" + this.for) : a)
  11044.                     }
  11045.                   })
  11046.                 }
  11047.               }
  11048.               // setInterval(()=>EU.updatePosition(), 100)
  11049.  
  11050.             } else {
  11051.               tooltipUIWM.set(this, null);
  11052.             }
  11053.           } else {
  11054.             r = this.createTooltipIfRequired14_();
  11055.           }
  11056.  
  11057.           const EU = tooltipUIWM.get(this);
  11058.           if (EU) {
  11059.             EU.remove();
  11060.             if (typeof tooltipInitProps.offset === 'number') EU['offset'] = tooltipInitProps.offset;
  11061.             if (typeof tooltipInitProps.fitToVisibleBounds === 'boolean') EU['fitToVisibleBounds'] = tooltipInitProps.fitToVisibleBounds;
  11062.             try {
  11063.               if (typeof tooltipInitProps.position === 'string') EU['position'] = tooltipInitProps.position;
  11064.               if (typeof tooltipInitProps.for === 'string') EU['for'] = tooltipInitProps.for; else delete EU.for;
  11065.             } catch (e) { }
  11066.           }
  11067.           return r;
  11068.         };
  11069.  
  11070.  
  11071.         // added in 2024.05.02
  11072.         getLCRDummy().then(async (lcrDummy) => {
  11073.  
  11074.           // console.log(8171, 99);
  11075.           const tag = "yt-live-chat-renderer"
  11076.           const dummy = lcrDummy;
  11077.  
  11078.           const cProto = getProto(dummy);
  11079.           if (!cProto || !cProto.attached) {
  11080.             console.warn(`proto.attached for ${tag} is unavailable.`);
  11081.             return;
  11082.           }
  11083.  
  11084.           /*
  11085.           <tp-yt-paper-tooltip class="style-scope yt-live-chat-author-badge-renderer" role="tooltip" tabindex="-1" style="--paper-tooltip-delay-in: 0ms; inset: -63.3984px auto auto 0px;
  11086.           */
  11087.  
  11088.           if (cProto && typeof cProto.createTooltipIfRequired_ === 'function' && cProto.createTooltipIfRequired_.length === 0 && !cProto.createTooltipIfRequired14_) {
  11089.             cProto.createTooltipIfRequired14_ = cProto.createTooltipIfRequired_;
  11090.             cProto.createTooltipIfRequired_ = createTooltipIfRequired_;
  11091.           }
  11092.  
  11093.         });
  11094.  
  11095.         // ----------------------------------------------------------------------------------------------------
  11096.  
  11097.         customElements.whenDefined("tp-yt-paper-tooltip").then(() => {
  11098.  
  11099.           mightFirstCheckOnYtInit();
  11100.           groupCollapsed("YouTube Super Fast Chat", " | tp-yt-paper-tooltip hacks");
  11101.           console.log("[Begin]");
  11102.           (() => {
  11103.  
  11104.             const tag = "tp-yt-paper-tooltip"
  11105.             const dummy = document.createElement(tag);
  11106.  
  11107.             const cProto = getProto(dummy);
  11108.             if (!cProto || !cProto.attached) {
  11109.               console.warn(`proto.attached for ${tag} is unavailable.`);
  11110.               return;
  11111.             }
  11112.  
  11113.             if (typeof cProto.attached === 'function' && typeof cProto.detached === 'function' && cProto._readyClients && cProto._attachDom && cProto.ready && !cProto._readyClients43) {
  11114.  
  11115.               cProto._readyClients43 = cProto._readyClients;
  11116.               cProto._readyClients = function () {
  11117.                 // console.log(1238)
  11118.  
  11119.                 let r = cProto._readyClients43.apply(this, arguments);
  11120.                 if (this.$ && this.$$ && this.$.tooltip) this.root = null; // fix this.root = null != (b = a.root) ? b : this.host
  11121.                 return r;
  11122.               }
  11123.  
  11124.               console.log("_readyClients - OK");
  11125.  
  11126.             } else {
  11127.               console.log("_readyClients - NG");
  11128.  
  11129.             }
  11130.  
  11131.             if (typeof cProto.show === 'function' && !cProto.show17) {
  11132.               cProto.show17 = cProto.show;
  11133.               cProto.show = function () {
  11134.  
  11135.                 let r = this.show17.apply(this, arguments);
  11136.                 this._showing === true && Promise.resolve(this).then((cnt) => {
  11137.                   const tooltip = (cnt.$ || 0).tooltip;
  11138.  
  11139.                   if (tooltip && tooltip.firstElementChild === null) {
  11140.                     let text = tooltip.textContent;
  11141.                     if (typeof text === 'string' && text.length >= 2) {
  11142.                       tooltip.textContent = text.trim();
  11143.                     }
  11144.                   }
  11145.                   cnt = null;
  11146.                 }).catch(console.warn)
  11147.                 return r;
  11148.               }
  11149.  
  11150.               console.log("trim tooltip content - OK");
  11151.  
  11152.             } else {
  11153.               console.log("trim tooltip content - NG");
  11154.  
  11155.             }
  11156.  
  11157.  
  11158.           })();
  11159.  
  11160.           console.log("[End]");
  11161.  
  11162.           console.groupEnd();
  11163.  
  11164.         }).catch(console.warn);
  11165.  
  11166.       }
  11167.  
  11168.  
  11169.       if (FIX_CLICKING_MESSAGE_MENU_DISPLAY_ON_MOUSE_CLICK) {
  11170.  
  11171.         const hookDocumentMouseDownSetupFn = () => {
  11172.  
  11173.           let muzTimestamp = 0;
  11174.           let nszDropdown = null;
  11175.  
  11176.           const handlerObject = {
  11177.  
  11178.             muHandler282: function (evt) {
  11179.               // console.log(evt, 7, document.querySelector('tp-yt-iron-dropdown[focused].style-scope.yt-live-chat-app'))
  11180.               if (!evt || !evt.isTrusted || !muzTimestamp) return;
  11181.               const dropdown = nszDropdown;
  11182.               muzTimestamp = 0;
  11183.               nszDropdown = null;
  11184.  
  11185.               const kurMPCe = kRef(currentMenuPivotWR) || 0;
  11186.               const hostElement = kurMPCe.hostElement || kurMPCe; // should be always hostElement === kurMPCe ?
  11187.               if (!hostElement.hasAttribute('menu-visible')) return;
  11188.  
  11189.               const chatBanner = HTMLElement.prototype.closest.call(hostElement, 'yt-live-chat-banner-renderer') || 0;
  11190.               if (chatBanner) return;
  11191.  
  11192.               if (dropdown && dropdown.positionTarget && hostElement.contains(dropdown.positionTarget)) {
  11193.                 muzTimestamp = Date.now();
  11194.                 evt.stopImmediatePropagation();
  11195.                 evt.stopPropagation();
  11196.                 Promise.resolve(dropdown).then((dropdown) => {
  11197.                   dropdown.cancel();
  11198.                   dropdown = null;
  11199.                 });
  11200.               }
  11201.  
  11202.             },
  11203.  
  11204.             mlHandler282: function (evt) {
  11205.               muzTimestamp = 0;
  11206.               nszDropdown = null;
  11207.             },
  11208.  
  11209.             ckHandler282: function (evt) {
  11210.               if (!evt || !evt.isTrusted || !muzTimestamp) return;
  11211.               if (Date.now() - muzTimestamp < 40) {
  11212.                 muzTimestamp = Date.now();
  11213.                 evt.stopImmediatePropagation();
  11214.                 evt.stopPropagation();
  11215.               }
  11216.             },
  11217.  
  11218.             tapHandler282: function (evt) {
  11219.               if (!evt || !evt.isTrusted || !muzTimestamp) return;
  11220.               if (Date.now() - muzTimestamp < 40) {
  11221.                 muzTimestamp = Date.now();
  11222.                 evt.stopImmediatePropagation();
  11223.                 evt.stopPropagation();
  11224.               }
  11225.             },
  11226.  
  11227.             handleEvent(evt) {
  11228.               if (evt) {
  11229.                 const kurMPCe = kRef(currentMenuPivotWR) || 0;
  11230.                 const kurMPCc = insp(kurMPCe);
  11231.                 const hostElement = kurMPCc.hostElement || kurMPCc;
  11232.                 if (!kurMPCc || kurMPCc.isAttached !== true || hostElement.isConnected !== true) return;
  11233.                 switch (evt.type) {
  11234.                   case 'mouseup':
  11235.                     return this.muHandler282(evt);
  11236.                   case 'mouseleave':
  11237.                     return this.mlHandler282(evt);
  11238.                   case 'tap':
  11239.                     return this.tapHandler282(evt);
  11240.                   case 'click':
  11241.                     return this.ckHandler282(evt);
  11242.                 }
  11243.               }
  11244.             }
  11245.  
  11246.           }
  11247.  
  11248.           document.addEventListener('mousedown', function (evt) {
  11249.  
  11250.             if (!evt || !evt.isTrusted || !evt.target) return;
  11251.  
  11252.             muzTimestamp = 0;
  11253.             nszDropdown = null;
  11254.  
  11255.             /** @type {HTMLElement | null} */
  11256.             const kurMP = kRef(currentMenuPivotWR);
  11257.             if (!kurMP) return;
  11258.             const kurMPCe = HTMLElement.prototype.closest.call(kurMP, '[menu-visible]') || 0; // element
  11259.  
  11260.             if (!kurMPCe || !kurMPCe.hasAttribute('whole-message-clickable')) return;
  11261.  
  11262.             const kurMPCc = insp(kurMPCe); // controller
  11263.  
  11264.             if (!kurMPCc.isClickableChatRow111 || !kurMPCc.isClickableChatRow111() || !HTMLElement.prototype.contains.call(kurMPCe, evt.target)) return;
  11265.  
  11266.             const chatBanner = HTMLElement.prototype.closest.call(kurMPCe, 'yt-live-chat-banner-renderer') || 0;
  11267.             if (chatBanner) return;
  11268.  
  11269.             let targetDropDown = null;
  11270.             for (const dropdown of document.querySelectorAll('tp-yt-iron-dropdown.style-scope.yt-live-chat-app')) {
  11271.               if (dropdown && dropdown.positionTarget === kurMP) {
  11272.                 targetDropDown = dropdown;
  11273.               }
  11274.             }
  11275.  
  11276.             if (!targetDropDown) return;
  11277.  
  11278.             if ((nszDropdown = targetDropDown)) {
  11279.               muzTimestamp = Date.now();
  11280.               evt.stopImmediatePropagation();
  11281.               evt.stopPropagation();
  11282.               currentMenuPivotWR = mWeakRef(kurMPCe);
  11283.  
  11284.               const listenOpts = { capture: true, passive: false, once: true };
  11285.  
  11286.               // remove unexcecuted eventHandler
  11287.               document.removeEventListener('mouseup', handlerObject, listenOpts);
  11288.               document.removeEventListener('mouseleave', handlerObject, listenOpts);
  11289.               document.removeEventListener('tap', handlerObject, listenOpts);
  11290.               document.removeEventListener('click', handlerObject, listenOpts);
  11291.  
  11292.               // inject one time eventHandler to by pass events
  11293.               document.addEventListener('mouseup', handlerObject, listenOpts);
  11294.               document.addEventListener('mouseleave', handlerObject, listenOpts);
  11295.               document.addEventListener('tap', handlerObject, listenOpts);
  11296.               document.addEventListener('click', handlerObject, listenOpts);
  11297.  
  11298.             }
  11299.  
  11300.           }, true);
  11301.  
  11302.         }
  11303.  
  11304.  
  11305.         // yt-live-chat-paid-message-renderer ??
  11306.  
  11307.         /*
  11308.  
  11309.         [...(new Set([...document.querySelectorAll('*')].filter(e=>e.is&&('shouldSupportWholeItemClick' in e)).map(e=>e.is))).keys()]
  11310.  
  11311.  
  11312.         "yt-live-chat-ticker-paid-message-item-renderer"
  11313.         "yt-live-chat-ticker-paid-sticker-item-renderer"
  11314.         "yt-live-chat-paid-message-renderer"
  11315.         "yt-live-chat-text-message-renderer"
  11316.         "yt-live-chat-paid-sticker-renderer"
  11317.  
  11318.         */
  11319.  
  11320.  
  11321.         whenDefinedMultiple([
  11322.  
  11323.           "yt-live-chat-paid-message-renderer",
  11324.           "yt-live-chat-membership-item-renderer",
  11325.           "yt-live-chat-paid-sticker-renderer",
  11326.           "yt-live-chat-text-message-renderer",
  11327.           "yt-live-chat-auto-mod-message-renderer",
  11328.  
  11329.           /*
  11330.           "yt-live-chat-ticker-paid-message-item-renderer",
  11331.           "yt-live-chat-ticker-paid-sticker-item-renderer",
  11332.           "yt-live-chat-paid-message-renderer",
  11333.           "yt-live-chat-text-message-renderer",
  11334.           "yt-live-chat-paid-sticker-renderer",
  11335.  
  11336.           "yt-live-chat-ticker-sponsor-item-renderer",
  11337.           "yt-live-chat-banner-header-renderer",
  11338.           "ytd-sponsorships-live-chat-gift-purchase-announcement-renderer",
  11339.           "ytd-sponsorships-live-chat-header-renderer",
  11340.           "ytd-sponsorships-live-chat-gift-redemption-announcement-renderer",
  11341.  
  11342.  
  11343.  
  11344.  
  11345.           "yt-live-chat-auto-mod-message-renderer",
  11346.           "yt-live-chat-text-message-renderer",
  11347.           "yt-live-chat-paid-message-renderer",
  11348.  
  11349.           "yt-live-chat-legacy-paid-message-renderer",
  11350.           "yt-live-chat-membership-item-renderer",
  11351.           "yt-live-chat-paid-sticker-renderer",
  11352.           "yt-live-chat-donation-announcement-renderer",
  11353.           "yt-live-chat-moderation-message-renderer",
  11354.           "ytd-sponsorships-live-chat-gift-purchase-announcement-renderer",
  11355.           "ytd-sponsorships-live-chat-gift-redemption-announcement-renderer",
  11356.           "yt-live-chat-viewer-engagement-message-renderer",
  11357.  
  11358.           */
  11359.  
  11360.  
  11361.         ]).then(sTags => {
  11362.           // return; // M33
  11363.  
  11364.           if (FLAG_001e) return;
  11365.  
  11366.           mightFirstCheckOnYtInit();
  11367.           groupCollapsed("YouTube Super Fast Chat", " | yt-live-chat-message-renderer(s)... hacks");
  11368.           console.log("[Begin]");
  11369.           let doMouseHook = false;
  11370.  
  11371.           const dProto = {
  11372.             isClickableChatRow111: function () {
  11373.               return (
  11374.                 this.data && typeof this.shouldSupportWholeItemClick === 'function' && typeof this.hasModerationOverlayVisible === 'function' &&
  11375.                 this.data.contextMenuEndpoint && this.wholeMessageClickable && this.shouldSupportWholeItemClick() && !this.hasModerationOverlayVisible()
  11376.               ); // follow .onItemTap(a)
  11377.             }
  11378.           };
  11379.  
  11380.           for (const sTag of sTags) { // ##tag##
  11381.  
  11382.  
  11383.             (() => {
  11384.  
  11385.               const tag = sTag;
  11386.               const dummy = document.createElement(tag);
  11387.  
  11388.               const cProto = getProto(dummy);
  11389.               if (!cProto || !cProto.attached) {
  11390.                 console.warn(`proto.attached for ${tag} is unavailable.`);
  11391.                 return;
  11392.               }
  11393.  
  11394.               const dCnt = insp(dummy);
  11395.               if ('wholeMessageClickable' in dCnt && typeof dCnt.hasModerationOverlayVisible === 'function' && typeof dCnt.shouldSupportWholeItemClick === 'function') {
  11396.  
  11397.                 cProto.isClickableChatRow111 = dProto.isClickableChatRow111;
  11398.  
  11399.                 const toHookDocumentMouseDown = typeof cProto.shouldSupportWholeItemClick === 'function' && typeof cProto.hasModerationOverlayVisible === 'function';
  11400.  
  11401.                 if (toHookDocumentMouseDown) {
  11402.                   doMouseHook = true;
  11403.                 }
  11404.  
  11405.                 console.log("shouldSupportWholeItemClick Y", tag);
  11406.  
  11407.               } else {
  11408.  
  11409.                 console.log("shouldSupportWholeItemClick N", tag);
  11410.               }
  11411.  
  11412.  
  11413.             })();
  11414.  
  11415.           }
  11416.  
  11417.  
  11418.           if (doMouseHook) {
  11419.  
  11420.             hookDocumentMouseDownSetupFn();
  11421.  
  11422.             console.log("FIX_CLICKING_MESSAGE_MENU_DISPLAY_ON_MOUSE_CLICK - Doc MouseEvent OK");
  11423.           }
  11424.  
  11425.           console.log("[End]");
  11426.  
  11427.           console.groupEnd();
  11428.  
  11429.  
  11430.         }).catch(console.warn);
  11431.  
  11432.  
  11433.         // https://www.youtube.com/watch?v=oQzFi1NO7io
  11434.  
  11435.  
  11436.       }
  11437.  
  11438.       if (NO_ITEM_TAP_FOR_NON_STATIONARY_TAP) {
  11439.         let targetElementCntWR = null;
  11440.         let _e0 = null;
  11441.         document.addEventListener('mousedown', (e) => {
  11442.           if (!e || !e.isTrusted) return;
  11443.           let element = e.target;
  11444.           for (; element instanceof HTMLElement; element = element.parentNode) {
  11445.             if (element.is) break;
  11446.           }
  11447.           if (!element || !element.is) return;
  11448.           const cnt = insp(element);
  11449.           if (typeof cnt.onItemTap === 'function') {
  11450.             cnt._onItemTap_isNonStationary = 0;
  11451.             const cProto = getProto(element);
  11452.             if (!cProto.onItemTap366 && typeof cProto.onItemTap === 'function' && cProto.onItemTap.length === 1) {
  11453.               cProto.onItemTap366 = cProto.onItemTap; // note: [onItemTap] .some(function(){...})
  11454.               cProto.onItemTap = function (a) {
  11455.                 const t = this._onItemTap_isNonStationary;
  11456.                 this._onItemTap_isNonStationary = 0;
  11457.                 if (t > Date.now()) return;
  11458.                 return this.onItemTap366.apply(this, arguments)
  11459.               }
  11460.             }
  11461.             _e0 = e;
  11462.             targetElementCntWR = mWeakRef(cnt);
  11463.           } else {
  11464.             _e0 = null;
  11465.             targetElementCntWR = null;
  11466.           }
  11467.         }, { capture: true, passive: true });
  11468.  
  11469.         document.addEventListener('mouseup', (e) => {
  11470.           if (!e || !e.isTrusted) return;
  11471.           const e0 = _e0;
  11472.           _e0 = null;
  11473.           if (!e0) return;
  11474.           const cnt = kRef(targetElementCntWR);
  11475.           targetElementCntWR = null;
  11476.           if (!cnt) return;
  11477.           if (e.timeStamp - e0.timeStamp > TAP_ACTION_DURATION) {
  11478.             cnt._onItemTap_isNonStationary = Date.now() + 40;
  11479.           } else if ((window.getSelection() + "").trim().replace(/[\u2000-\u200a\u202f\u2800\u200B\u200C\u200D\uFEFF]+/g, '').length >= 1) {
  11480.             cnt._onItemTap_isNonStationary = Date.now() + 40;
  11481.           } else {
  11482.             const dx = e.clientX - e0.clientX;
  11483.             const dy = e.clientY - e0.clientY;
  11484.             const dd = Math.sqrt(dx * dx + dy * dy);
  11485.             const ddmm = px2mm(dd);
  11486.             if (ddmm > 1.0) {
  11487.               cnt._onItemTap_isNonStationary = Date.now() + 40;
  11488.             } else {
  11489.               cnt._onItemTap_isNonStationary = 0;
  11490.             }
  11491.           }
  11492.         }, { capture: true, passive: true });
  11493.  
  11494.       }
  11495.  
  11496.  
  11497.       const __showContextMenu_assign_lock_with_external_unlock_ = function (targetCnt) {
  11498.  
  11499.         let rr = null;
  11500.         const p1 = new Promise(resolve => {
  11501.           rr = resolve;
  11502.         });
  11503.  
  11504.         const p1unlock = () => {
  11505.           const f = rr;
  11506.           if (f) {
  11507.             rr = null;
  11508.             f();
  11509.           }
  11510.         }
  11511.  
  11512.         return {
  11513.           p1,
  11514.           p1unlock,
  11515.           assignLock: (targetCnt, timeout) => {
  11516.             targetCnt.__showContextMenu_assign_lock__(p1);
  11517.             if (timeout) setTimeout(p1unlock, timeout);
  11518.           }
  11519.         }
  11520.  
  11521.       }
  11522.  
  11523.       if (PREREQUEST_CONTEXT_MENU_ON_MOUSE_DOWN) {
  11524.  
  11525.         document.addEventListener('mousedown', function (evt) {
  11526.  
  11527.           const maxloopDOMTreeElements = 4;
  11528.           const maxloopYtCompontents = 4;
  11529.           let j1 = 0;
  11530.           let j2 = 0;
  11531.           let target = (evt || 0).target || 0;
  11532.           if (!target) return;
  11533.  
  11534.  
  11535.           while (target instanceof HTMLElement) {
  11536.             if (++j1 > maxloopDOMTreeElements) break;
  11537.             if (typeof (target.is || insp(target).is || null) === 'string') break;
  11538.             target = nodeParent(target);
  11539.           }
  11540.           const components = [];
  11541.           while (target instanceof HTMLElement) {
  11542.             if (++j2 > maxloopYtCompontents) break;
  11543.             const cnt = insp(target);
  11544.             if (typeof (target.is || cnt.is || null) === 'string') {
  11545.               components.push(target);
  11546.             }
  11547.             if (typeof cnt.showContextMenu === 'function') break;
  11548.             target = target.parentComponent || cnt.parentComponent || null;
  11549.           }
  11550.           if (!(target instanceof HTMLElement)) return;
  11551.           const targetCnt = insp(target);
  11552.           if (typeof targetCnt.handleGetContextMenuResponse_ !== 'function' || typeof targetCnt.handleGetContextMenuError !== 'function') {
  11553.             console.log('Error Found: handleGetContextMenuResponse_ OR handleGetContextMenuError is not defined on a component with showContextMenu')
  11554.             return;
  11555.           }
  11556.  
  11557.           const endpoint = (targetCnt.data || 0).contextMenuEndpoint
  11558.           if (!endpoint) return;
  11559.           if (targetCnt.opened || !targetCnt.isAttached) return;
  11560.  
  11561.           if (typeof targetCnt.__cacheResolvedEndpointData__ !== 'function') {
  11562.             console.log(`preRequest for showContextMenu in ${targetCnt.is} is not yet supported.`)
  11563.           }
  11564.  
  11565.           const targetDollar = indr(target);
  11566.  
  11567.           let doPreRequest = false;
  11568.           if (components.length >= 2 && components[0].id === 'menu-button' && (targetDollar || 0)['menu-button'] === components[0]) {
  11569.             doPreRequest = true;
  11570.           } else if (components.length === 1 && components[0] === target) {
  11571.             doPreRequest = true;
  11572.           } else if (components.length >= 2 && components[0].id === 'author-photo' && (targetDollar || 0)['author-photo'] === components[0]) {
  11573.             doPreRequest = true;
  11574.           }
  11575.           if (doPreRequest === false) {
  11576.             console.log('doPreRequest = fasle on showContextMenu', components);
  11577.             return;
  11578.           }
  11579.  
  11580.           if (typeof targetCnt.__getCachedEndpointData__ !== 'function' || targetCnt.__getCachedEndpointData__(endpoint)) return;
  11581.  
  11582.           if ((typeof targetCnt.__showContextMenu_mutex_unlock_isEmpty__ === 'function') && !targetCnt.__showContextMenu_mutex_unlock_isEmpty__()) {
  11583.             console.log('preRequest on showContextMenu aborted due to stacked network request');
  11584.             return;
  11585.           }
  11586.  
  11587.  
  11588.           const onSuccess = (a) => {
  11589.             /*
  11590.  
  11591.               dQ() && (a = a.response);
  11592.               a.liveChatItemContextMenuSupportedRenderers && a.liveChatItemContextMenuSupportedRenderers.menuRenderer && this.showContextMenu_(a.liveChatItemContextMenuSupportedRenderers.menuRenderer);
  11593.               a.actions && Eu(this.hostElement, "yt-live-chat-actions", [a.actions])
  11594.  
  11595.             */
  11596.  
  11597.             a = a.response || a;
  11598.  
  11599.             if (!a) {
  11600.               console.log('unexpected error in prerequest for showContextMenu.onSuccess');
  11601.               return;
  11602.             }
  11603.  
  11604.             let z = null;
  11605.             a.liveChatItemContextMenuSupportedRenderers && a.liveChatItemContextMenuSupportedRenderers.menuRenderer && (z = a.liveChatItemContextMenuSupportedRenderers.menuRenderer);
  11606.  
  11607.             if (z) {
  11608.               a = z;
  11609.               targetCnt.__cacheResolvedEndpointData__(endpoint, a, true);
  11610.             }
  11611.  
  11612.           };
  11613.           const onFailure = (a) => {
  11614.  
  11615.             /*
  11616.  
  11617.               if (a instanceof Error || a instanceof Object || a instanceof String)
  11618.                   var b = a;
  11619.               hq(new xm("Error encountered calling GetLiveChatItemContextMenu",b))
  11620.  
  11621.             */
  11622.  
  11623.             targetCnt.__cacheResolvedEndpointData__(endpoint, null);
  11624.             // console.log('onFailure', a)
  11625.  
  11626.           };
  11627.  
  11628.           if (doPreRequest) {
  11629.  
  11630.             let propertyCounter = 0;
  11631.             const pm1 = __showContextMenu_assign_lock_with_external_unlock_(targetCnt);
  11632.             const p1Timeout = 800;
  11633.             const proxyKey = '__$$__proxy_to_this__$$__' + Date.now();
  11634.  
  11635.             try {
  11636.  
  11637.               const onSuccessHelperFn = function () {
  11638.                 pm1.p1unlock();
  11639.                 if (propertyCounter !== 5) {
  11640.                   console.log('Error in prerequest for showContextMenu.onSuccessHelperFn')
  11641.                   return;
  11642.                 }
  11643.                 if (this[proxyKey] !== targetCnt) {
  11644.                   console.log('Error in prerequest for showContextMenu.this');
  11645.                   return;
  11646.                 }
  11647.                 onSuccess(...arguments);
  11648.               };
  11649.               const onFailureHelperFn = function () {
  11650.                 pm1.p1unlock();
  11651.                 if (propertyCounter !== 5) {
  11652.                   console.log('Error in prerequest for showContextMenu.onFailureHelperFn')
  11653.                   return;
  11654.                 }
  11655.                 if (this[proxyKey] !== targetCnt) {
  11656.                   console.log('Error in prerequest for showContextMenu.this');
  11657.                   return;
  11658.                 }
  11659.                 onFailure(...arguments);
  11660.  
  11661.               }
  11662.               const fakeTargetCnt = new Proxy({
  11663.                 __showContextMenu_forceNativeRequest__: 1,
  11664.                 get handleGetContextMenuResponse_() {
  11665.                   propertyCounter += 2;
  11666.                   return onSuccessHelperFn;
  11667.                 },
  11668.                 get handleGetContextMenuError() {
  11669.                   propertyCounter += 3;
  11670.                   return onFailureHelperFn;
  11671.                 }
  11672.               }, {
  11673.                 get(_, key, receiver) {
  11674.                   if (key in _) return _[key];
  11675.                   if (key === proxyKey) return targetCnt;
  11676.  
  11677.                   let giveNative = false;
  11678.                   if (key in targetCnt) {
  11679.                     if (key === 'data') giveNative = true;
  11680.                     else if (typeof targetCnt[key] === 'function') giveNative = true;
  11681.                   }
  11682.                   if (giveNative) return targetCnt[key];
  11683.                 }
  11684.               });
  11685.  
  11686.               const fakeEvent = (() => {
  11687.                 const { target, bubbles, cancelable, cancelBubble, srcElement, timeStamp, defaultPrevented, currentTarget, composed } = evt;
  11688.                 const nf = function () { }
  11689.                 const [stopPropagation, stopImmediatePropagation, preventDefault] = [nf, nf, nf];
  11690.  
  11691.                 return {
  11692.                   type: 'tap',
  11693.                   eventPhase: 0,
  11694.                   isTrusted: false,
  11695.                   __composed: true,
  11696.                   bubbles, cancelable, cancelBubble, timeStamp,
  11697.                   target, srcElement, defaultPrevented, currentTarget, composed,
  11698.                   stopPropagation, stopImmediatePropagation, preventDefault
  11699.                 };
  11700.               })(evt);
  11701.               targetCnt.showContextMenu.call(fakeTargetCnt, fakeEvent);
  11702.  
  11703.  
  11704.             } catch (e) {
  11705.               console.warn(e);
  11706.               propertyCounter = 7;
  11707.  
  11708.             }
  11709.             if (propertyCounter !== 5) {
  11710.               console.log('Error in prerequest for showContextMenu', propertyCounter);
  11711.               return;
  11712.             }
  11713.  
  11714.             pm1.assignLock(targetCnt, p1Timeout);
  11715.  
  11716.           }
  11717.  
  11718.  
  11719.  
  11720.  
  11721.  
  11722.  
  11723.         }, true);
  11724.  
  11725.  
  11726.       }
  11727.  
  11728.  
  11729.  
  11730.       /*
  11731.  
  11732.       const w=new Set(); for(const a of document.getElementsByTagName('*')) if(a.showContextMenu && a.showContextMenu_) w.add(a.is||''); console.log([...w.keys()])
  11733.  
  11734.       */
  11735.  
  11736.       whenDefinedMultiple([
  11737.         "yt-live-chat-ticker-sponsor-item-renderer",
  11738.         "yt-live-chat-ticker-paid-message-item-renderer",
  11739.  
  11740.         "yt-live-chat-banner-header-renderer",
  11741.         "yt-live-chat-text-message-renderer",
  11742.         "ytd-sponsorships-live-chat-gift-purchase-announcement-renderer",
  11743.         "ytd-sponsorships-live-chat-header-renderer",
  11744.         "ytd-sponsorships-live-chat-gift-redemption-announcement-renderer",
  11745.  
  11746.         "yt-live-chat-paid-sticker-renderer",
  11747.         "yt-live-chat-viewer-engagement-message-renderer",
  11748.         "yt-live-chat-paid-message-renderer"
  11749.  
  11750.  
  11751.  
  11752.  
  11753.       ]).then(sTags => {
  11754.  
  11755.         if (FLAG_001f) return;
  11756.  
  11757.         mightFirstCheckOnYtInit();
  11758.         groupCollapsed("YouTube Super Fast Chat", " | fixShowContextMenu");
  11759.         console.log("[Begin]");
  11760.  
  11761.  
  11762.         const __showContextMenu_mutex__ = new Mutex();
  11763.         let __showContextMenu_mutex_unlock__ = null;
  11764.         let lastShowMenuTarget = null;
  11765.  
  11766.  
  11767.  
  11768.  
  11769.         const wm37 = new WeakMap();
  11770.  
  11771.         const dProto = {
  11772.  
  11773.  
  11774.           // CACHE_SHOW_CONTEXT_MENU_FOR_REOPEN
  11775.  
  11776.           __cacheResolvedEndpointData__: (endpoint, a, doDeepCopy) => {
  11777.             if (a) {
  11778.               if (doDeepCopy) a = deepCopy(a);
  11779.               wm37.set(endpoint, a);
  11780.             } else {
  11781.               wm37.remove(endpoint);
  11782.             }
  11783.           },
  11784.           __getCachedEndpointData__: function (endpoint) {
  11785.             endpoint = endpoint || (this.data || 0).contextMenuEndpoint || 0;
  11786.             if (endpoint) return wm37.get(endpoint);
  11787.             return null;
  11788.           },
  11789.           /** @type {(resolvedEndpoint: any) => void 0} */
  11790.           __showCachedContextMenu__: function (resolvedEndpoint) { // non-null
  11791.  
  11792.             resolvedEndpoint = deepCopy(resolvedEndpoint);
  11793.             // let b = deepCopy(resolvedEndpoint, ['trackingParams', 'clickTrackingParams'])
  11794.             Promise.resolve(resolvedEndpoint).then((resolvedEndpoint) => {
  11795.               this.__showContextMenu_skip_cacheResolvedEndpointData__ = 1;
  11796.               this.showContextMenu_(resolvedEndpoint);
  11797.               this.__showContextMenu_skip_cacheResolvedEndpointData__ = 0;
  11798.               resolvedEndpoint = null;
  11799.             });
  11800.  
  11801.  
  11802.           },
  11803.  
  11804.  
  11805.  
  11806.           showContextMenuForCacheReopen: function (a) {
  11807.             if (this && this.__showContextMenu_forceNativeRequest__) return this.showContextMenu37(a);
  11808.             if (!this || !this.isAttached) return; // in case; avoid Error: No provider for: InjectionToken(NETWORK_TOKEN) in _.showContextMenu
  11809.             if (!this.__showContextMenu_forceNativeRequest__) {
  11810.               const endpoint = (this.data || 0).contextMenuEndpoint || 0;
  11811.               if (endpoint) {
  11812.                 const resolvedEndpoint = this.__getCachedEndpointData__(endpoint);
  11813.                 if (resolvedEndpoint) {
  11814.                   this.__showCachedContextMenu__(resolvedEndpoint);
  11815.                   a && a.stopPropagation()
  11816.                   return;
  11817.                 }
  11818.               }
  11819.             }
  11820.             return this.showContextMenu37(a);
  11821.           },
  11822.  
  11823.           showContextMenuForCacheReopen_: function (a) {
  11824.             if (this && this.__showContextMenu_forceNativeRequest__) return this.showContextMenu37_(a);
  11825.             if (!this || !this.isAttached) return; // in case; avoid Error: No provider for: InjectionToken(NETWORK_TOKEN) in _.showContextMenu
  11826.             if (!this.__showContextMenu_skip_cacheResolvedEndpointData__) {
  11827.               const endpoint = (this.data || 0).contextMenuEndpoint || 0;
  11828.               if (endpoint) {
  11829.                 const f = this.__cacheResolvedEndpointData__;
  11830.                 if (typeof f === 'function') f(endpoint, a, true);
  11831.               }
  11832.             }
  11833.             return this.showContextMenu37_(a);
  11834.           },
  11835.  
  11836.           // ADVANCED_NOT_ALLOW_SCROLL_FOR_SHOW_CONTEXT_MENU
  11837.  
  11838.           showContextMenuWithDisableScroll: function (a) {
  11839.  
  11840.             const endpoint = (this.data || 0).contextMenuEndpoint || 0;
  11841.             if (endpoint && typeof this.is === 'string' && this.menuVisible === false && this.menuOpen === false) {
  11842.  
  11843.               const parentComponent = this.parentComponent;
  11844.               if (parentComponent && parentComponent.is === 'yt-live-chat-item-list-renderer' && parentComponent.contextMenuOpen === false && parentComponent.allowScroll === true) {
  11845.                 parentComponent.contextMenuOpen = true; // computeAllowScroll_(contextMenuOpen, moderationModeEnabled): allowScroll = !(contextMenuOpen || moderationModeEnabled)
  11846.               }
  11847.             }
  11848.  
  11849.             return this.showContextMenu48.apply(this, arguments);
  11850.  
  11851.           },
  11852.  
  11853.           // ENABLE_MUTEX_FOR_SHOW_CONTEXT_MENU
  11854.  
  11855.           __showContextMenu_mutex_unlock_isEmpty__: () => {
  11856.             return __showContextMenu_mutex_unlock__ === null;
  11857.           },
  11858.  
  11859.           __showContextMenu_assign_lock__: function (p) {
  11860.  
  11861.             const mutex = __showContextMenu_mutex__;
  11862.  
  11863.             mutex.lockWith(unlock => {
  11864.               p.then(unlock);
  11865.               p = null;
  11866.               unlock = null;
  11867.             });
  11868.  
  11869.           },
  11870.  
  11871.           showContextMenuWithMutex: function (a) {
  11872.             if (this.__showContextMenu_forceNativeRequest__) return this.showContextMenu47(a);
  11873.             if (!this || !this.isAttached) return; // in case; avoid Error: No provider for: InjectionToken(NETWORK_TOKEN) in _.showContextMenu
  11874.             lastShowMenuTarget = this;
  11875.             const wNode = mWeakRef(this);
  11876.  
  11877.  
  11878.             const mutex = __showContextMenu_mutex__;
  11879.  
  11880.             mutex.lockWith(unlock => {
  11881.               const cnt = kRef(wNode);
  11882.               if (lastShowMenuTarget !== cnt || !cnt) {
  11883.                 unlock();
  11884.                 return;
  11885.               }
  11886.  
  11887.               setTimeout(unlock, 800); // in case network failure
  11888.               __showContextMenu_mutex_unlock__ = unlock;
  11889.               try {
  11890.                 cnt.showContextMenu47(a);
  11891.               } catch (e) {
  11892.                 console.warn(e);
  11893.                 unlock(); // in case function script error
  11894.               }
  11895.  
  11896.             });
  11897.  
  11898.  
  11899.           },
  11900.  
  11901.           showContextMenuWithMutex_: function (a) {
  11902.  
  11903.             if (__showContextMenu_mutex_unlock__ && this === lastShowMenuTarget) {
  11904.               __showContextMenu_mutex_unlock__();
  11905.               __showContextMenu_mutex_unlock__ = null;
  11906.             }
  11907.             return this.showContextMenu47_(a);
  11908.  
  11909.           }
  11910.  
  11911.         }
  11912.  
  11913.         for (const tag of sTags) { // ##tag##
  11914.  
  11915.           (() => {
  11916.  
  11917.             const dummy = document.createElement(tag);
  11918.  
  11919.             const cProto = getProto(dummy);
  11920.             if (!cProto || !cProto.attached) {
  11921.               console.warn(`proto.attached for ${tag} is unavailable.`);
  11922.               return;
  11923.             }
  11924.  
  11925.  
  11926.             if (CACHE_SHOW_CONTEXT_MENU_FOR_REOPEN && typeof cProto.showContextMenu === 'function' && typeof cProto.showContextMenu_ === 'function' && !cProto.showContextMenu37 && !cProto.showContextMenu37_ && cProto.showContextMenu.length === 1 && cProto.showContextMenu_.length === 1) {
  11927.               cProto.showContextMenu37_ = cProto.showContextMenu_;
  11928.               cProto.showContextMenu37 = cProto.showContextMenu;
  11929.               cProto.__showContextMenu_forceNativeRequest__ = 0;
  11930.               cProto.__cacheResolvedEndpointData__ = dProto.__cacheResolvedEndpointData__
  11931.               cProto.__getCachedEndpointData__ = dProto.__getCachedEndpointData__
  11932.               cProto.__showCachedContextMenu__ = dProto.__showCachedContextMenu__
  11933.               cProto.showContextMenu = dProto.showContextMenuForCacheReopen;
  11934.               cProto.showContextMenu_ = dProto.showContextMenuForCacheReopen_;
  11935.               console.log("CACHE_SHOW_CONTEXT_MENU_FOR_REOPEN - OK", tag);
  11936.             } else {
  11937.               console.log("CACHE_SHOW_CONTEXT_MENU_FOR_REOPEN - NG", tag);
  11938.             }
  11939.  
  11940.             if (ADVANCED_NOT_ALLOW_SCROLL_FOR_SHOW_CONTEXT_MENU && typeof cProto.showContextMenu === 'function' && typeof cProto.showContextMenu_ === 'function' && !cProto.showContextMenu48 && !cProto.showContextMenu48_ && cProto.showContextMenu.length === 1 && cProto.showContextMenu_.length === 1) {
  11941.               cProto.showContextMenu48 = cProto.showContextMenu;
  11942.               cProto.showContextMenu = dProto.showContextMenuWithDisableScroll;
  11943.               console.log("ADVANCED_NOT_ALLOW_SCROLL_FOR_SHOW_CONTEXT_MENU - OK", tag);
  11944.             } else if (!ADVANCED_NOT_ALLOW_SCROLL_FOR_SHOW_CONTEXT_MENU) {
  11945.               console.log("ADVANCED_NOT_ALLOW_SCROLL_FOR_SHOW_CONTEXT_MENU - N/A", tag);
  11946.             } else {
  11947.               console.log("ADVANCED_NOT_ALLOW_SCROLL_FOR_SHOW_CONTEXT_MENU - NG", tag);
  11948.             }
  11949.  
  11950.  
  11951.             if (ENABLE_MUTEX_FOR_SHOW_CONTEXT_MENU && typeof cProto.showContextMenu === 'function' && typeof cProto.showContextMenu_ === 'function' && !cProto.showContextMenu47 && !cProto.showContextMenu47_ && cProto.showContextMenu.length === 1 && cProto.showContextMenu_.length === 1) {
  11952.               cProto.showContextMenu47_ = cProto.showContextMenu_;
  11953.               cProto.showContextMenu47 = cProto.showContextMenu;
  11954.               cProto.__showContextMenu_mutex_unlock_isEmpty__ = dProto.__showContextMenu_mutex_unlock_isEmpty__;
  11955.               cProto.__showContextMenu_assign_lock__ = dProto.__showContextMenu_assign_lock__;
  11956.               cProto.showContextMenu = dProto.showContextMenuWithMutex;
  11957.               cProto.showContextMenu_ = dProto.showContextMenuWithMutex_;
  11958.               console.log("ENABLE_MUTEX_FOR_SHOW_CONTEXT_MENU - OK", tag);
  11959.             } else {
  11960.               console.log("ENABLE_MUTEX_FOR_SHOW_CONTEXT_MENU - NG", tag);
  11961.             }
  11962.  
  11963.           })();
  11964.  
  11965.         }
  11966.  
  11967.         console.log("[End]");
  11968.  
  11969.         console.groupEnd();
  11970.  
  11971.       }).catch(console.warn);
  11972.  
  11973.  
  11974.  
  11975.       customElements.whenDefined('tp-yt-iron-dropdown').then(() => {
  11976.  
  11977.         mightFirstCheckOnYtInit();
  11978.         groupCollapsed("YouTube Super Fast Chat", " | tp-yt-iron-dropdown hacks");
  11979.         console.log("[Begin]");
  11980.         (() => {
  11981.  
  11982.           const tag = "tp-yt-iron-dropdown";
  11983.           const dummy = document.createElement(tag);
  11984.  
  11985.           const cProto = getProto(dummy);
  11986.           if (!cProto || !cProto.attached) {
  11987.             console.warn(`proto.attached for ${tag} is unavailable.`);
  11988.             return;
  11989.           }
  11990.  
  11991.           if (USE_VANILLA_DEREF && typeof cProto.__deraf === 'function' && cProto.__deraf.length === 2 && !cProto.__deraf34 && fnIntegrity(cProto.__deraf) === '2.42.24') {
  11992.             cProto.__deraf_hn__ = function (sId, fn) {
  11993.               const rhKey = `_rafHandler_${sId}`;
  11994.               const m = this[rhKey] || (this[rhKey] = new WeakMap());
  11995.               if (m.has(fn)) return m.get(fn);
  11996.               const resFn = () => {
  11997.                 this.__rafs[sId] = null;
  11998.                 fn.call(this)
  11999.               };
  12000.               m.set(fn, resFn);
  12001.               m.set(resFn, resFn);
  12002.               return resFn;
  12003.             };
  12004.             cProto.__deraf34 = cProto.__deraf;
  12005.             cProto.__deraf = function (a, b) { // sId, fn
  12006.               let c = this.__rafs;
  12007.               null !== c[a] && cancelAnimationFrame(c[a]);
  12008.               c[a] = requestAnimationFrame(this.__deraf_hn__(a, b));
  12009.             };
  12010.             console.log("USE_VANILLA_DEREF - OK");
  12011.           } else {
  12012.             console.log("USE_VANILLA_DEREF - NG");
  12013.           }
  12014.  
  12015.           if (FIX_DROPDOWN_DERAF && typeof cProto.__deraf === 'function' && cProto.__deraf.length === 2 && !cProto.__deraf66) {
  12016.             cProto.__deraf66 = cProto.__deraf;
  12017.             cProto.__deraf = function (sId, fn) {
  12018.               if (this.__byPassRAF__) {
  12019.                 Promise.resolve(this).then((cnt) => {
  12020.                   fn.call(cnt);
  12021.                   cnt = null;
  12022.                 });
  12023.               }
  12024.               let r = this.__deraf66.apply(this, arguments);
  12025.               return r;
  12026.             }
  12027.             console.log("FIX_DROPDOWN_DERAF - OK");
  12028.           } else {
  12029.             console.log("FIX_DROPDOWN_DERAF - NG");
  12030.           }
  12031.  
  12032.  
  12033.           if (BOOST_MENU_OPENCHANGED_RENDERING && typeof cProto.__openedChanged === 'function' && !cProto.__mtChanged__ && fnIntegrity(cProto.__openedChanged) === '0.46.20') {
  12034.  
  12035.             let lastClose = null;
  12036.             let lastOpen = null;
  12037.             let cid = 0;
  12038.  
  12039.             cProto.__mtChanged__ = function (b) {
  12040.  
  12041.               Promise.resolve(this).then((cnt) => {
  12042.                 cnt._applyFocus();
  12043.                 return cnt;
  12044.               }).then((cnt) => {
  12045.                 b ? cnt._renderOpened() : cnt._renderClosed();
  12046.                 cnt = null;
  12047.               }).catch(console.warn);
  12048.  
  12049.             };
  12050.  
  12051.             const __moChanged__ = () => {
  12052.               if (!cid) return;
  12053.               // console.log(553, !!lastOpen, !!lastClose);
  12054.               cid = 0;
  12055.               if (lastOpen && !lastClose && lastOpen.isAttached) {
  12056.                 lastOpen.__mtChanged__(1)
  12057.               } else if (lastClose && !lastOpen && lastClose.isAttached) {
  12058.                 lastClose.__mtChanged__(0);
  12059.               }
  12060.               lastOpen = null;
  12061.               lastClose = null;
  12062.             };
  12063.  
  12064.  
  12065.             if (typeof cProto._openedChanged === 'function' && !cProto._openedChanged66) {
  12066.               cProto._openedChanged66 = cProto._openedChanged;
  12067.               cProto._openedChanged = function () {
  12068.                 // this.__byPassRAF__ = !lastOpen ? true : false; // or just true?
  12069.                 this.__byPassRAF__ = true;
  12070.                 let r = this._openedChanged66.apply(this, arguments);
  12071.                 this.__byPassRAF__ = false;
  12072.                 return r;
  12073.               }
  12074.             }
  12075.  
  12076.             const pSetGet = (key, pdThis, pdBase) => {
  12077.               // note: this is not really a standard way for the getOwnPropertyDescriptors; but it is sufficient to make the job done
  12078.               return {
  12079.                 get: (pdThis[key] || 0).get || (pdBase[key] || 0).get,
  12080.                 set: (pdThis[key] || 0).set || (pdBase[key] || 0).set
  12081.               };
  12082.             };
  12083.  
  12084.             cProto.__modifiedMenuPropsFn__ = function () {
  12085.               const pdThis = Object.getOwnPropertyDescriptors(this.constructor.prototype)
  12086.               const pdBase = Object.getOwnPropertyDescriptors(this)
  12087.  
  12088.               const pdAutoFitOnAttach = pSetGet('autoFitOnAttach', pdThis, pdBase);
  12089.               const pdExpandSizingTargetForScrollbars = pSetGet('expandSizingTargetForScrollbars', pdThis, pdBase);
  12090.               const pdAllowOutsideScroll = pSetGet('allowOutsideScroll', pdThis, pdBase);
  12091.  
  12092.               if (pdAutoFitOnAttach.get || pdAutoFitOnAttach.set) {
  12093.                 console.warn('there is setter/getter for autoFitOnAttach');
  12094.                 return;
  12095.               }
  12096.               if (pdExpandSizingTargetForScrollbars.get || pdExpandSizingTargetForScrollbars.set) {
  12097.                 console.warn('there is setter/getter for expandSizingTargetForScrollbars');
  12098.                 return;
  12099.               }
  12100.               if (!pdAllowOutsideScroll.get || !pdAllowOutsideScroll.set) {
  12101.                 console.warn('there is NO setter-getter for allowOutsideScroll');
  12102.                 return;
  12103.               }
  12104.  
  12105.               let { autoFitOnAttach, expandSizingTargetForScrollbars, allowOutsideScroll } = this;
  12106.  
  12107.               this.__AllowOutsideScrollPD__ = pdAllowOutsideScroll;
  12108.  
  12109.               const fitEnable = CHAT_MENU_REFIT_ALONG_SCROLLING === 2;
  12110.  
  12111.               Object.defineProperties(this, {
  12112.                 autoFitOnAttach: {
  12113.                   get() {
  12114.                     if (fitEnable && this._modifiedMenuPropOn062__) return true;
  12115.                     return autoFitOnAttach;
  12116.                   },
  12117.                   set(nv) {
  12118.                     autoFitOnAttach = nv;
  12119.                     return true;
  12120.                   },
  12121.                   enumerable: true,
  12122.                   configurable: true
  12123.                 }, expandSizingTargetForScrollbars: {
  12124.                   get() {
  12125.                     if (fitEnable && this._modifiedMenuPropOn062__) return true;
  12126.                     return expandSizingTargetForScrollbars;
  12127.                   },
  12128.                   set(nv) {
  12129.                     expandSizingTargetForScrollbars = nv;
  12130.                     return true;
  12131.                   },
  12132.                   enumerable: true,
  12133.                   configurable: true
  12134.                 }, allowOutsideScroll: {
  12135.                   get() {
  12136.                     if (this._modifiedMenuPropOn062__) return true;
  12137.                     return allowOutsideScroll;
  12138.                   },
  12139.                   set(nv) {
  12140.                     allowOutsideScroll = nv;
  12141.                     this.__AllowOutsideScrollPD__.set.call(this, nv);
  12142.                     return true;
  12143.                   },
  12144.                   enumerable: true,
  12145.                   configurable: true
  12146.                 }
  12147.               })
  12148.             };
  12149.  
  12150.             /*
  12151.                // ***** position() to be changed. *****
  12152.               tp-yt-iron-dropdown[class], tp-yt-iron-dropdown[class] #contentWrapper, tp-yt-iron-dropdown[class] ytd-menu-popup-renderer[class] {
  12153.  
  12154.                   overflow: visible !important;
  12155.                   min-width: max-content !important;
  12156.                   max-width: max-content !important;
  12157.                   max-height: max-content !important;
  12158.                   min-height: max-content !important;
  12159.                   white-space: nowrap;
  12160.               }
  12161.  
  12162.             */
  12163.             if (FIX_MENU_POSITION_N_SIZING_ON_SHOWN && typeof cProto.position === 'function' && !cProto.position34 && typeof cProto.refit === 'function') {
  12164.  
  12165.               let m34 = 0;
  12166.               cProto.__refitByPosition__ = function () {
  12167.                 m34++;
  12168.                 if (m34 <= 0) m34 = 0;
  12169.                 if (m34 !== 1) return;
  12170.                 const hostElement = this.hostElement || this;
  12171.                 if (document.visibilityState === 'visible') {
  12172.                   const sizingTarget = this.sizingTarget;
  12173.                   if (!sizingTarget) {
  12174.                     m34 = 0;
  12175.                     return;
  12176.                   }
  12177.                   hostElement.setAttribute('rNgzQ', '');
  12178.                   sizingTarget.setAttribute('rNgzQ', '');
  12179.  
  12180.                   const gn = () => {
  12181.                     hostElement.removeAttribute('rNgzQ');
  12182.                     sizingTarget.removeAttribute('rNgzQ');
  12183.                   }
  12184.  
  12185.                   const an = async () => {
  12186.                     while (m34 >= 1) {
  12187.                       await renderReadyPn(sizingTarget);
  12188.                       if (this.opened && this.isAttached && sizingTarget.isConnected === true && sizingTarget === this.sizingTarget) {
  12189.                         if (sizingTarget.matches('ytd-menu-popup-renderer[slot="dropdown-content"].yt-live-chat-app')) this.refit();
  12190.                       }
  12191.                       m34--;
  12192.                     }
  12193.                     m34 = 0;
  12194.                     Promise.resolve().then(gn);
  12195.                   }
  12196.                   setTimeout(an, 4); // wait those resizing function calls
  12197.  
  12198.  
  12199.                 } else {
  12200.                   m34 = 0;
  12201.                 }
  12202.               }
  12203.               cProto.position34 = cProto.position
  12204.               cProto.position = function () {
  12205.                 if (this._positionInitialize_) {
  12206.                   this._positionInitialize_ = 0;
  12207.                   this.__refitByPosition__();
  12208.                 }
  12209.                 let r = cProto.position34.apply(this, arguments);
  12210.                 return r;
  12211.               }
  12212.               console.log("FIX_MENU_POSITION_ON_SHOWN - OK");
  12213.  
  12214.             } else {
  12215.  
  12216.               console.log("FIX_MENU_POSITION_ON_SHOWN - NG");
  12217.  
  12218.             }
  12219.  
  12220.  
  12221.  
  12222.             cProto.__openedChanged = function () {
  12223.               this._positionInitialize_ = 1;
  12224.               // this.removeAttribute('horizontal-align')
  12225.               // this.removeAttribute('vertical-align')
  12226.               if (typeof this.__menuTypeCheck__ !== 'boolean') {
  12227.                 this.__menuTypeCheck__ = true;
  12228.                 if (CHAT_MENU_SCROLL_UNLOCKING) {
  12229.                   this._modifiedMenuPropOn062__ = false;
  12230.                   // console.log(513, this.positionTarget && this.positionTarget.classList.contains('yt-live-chat-text-message-renderer'))
  12231.                   // this.autoFitOnAttach = true;
  12232.                   // this.expandSizingTargetForScrollbars = true;
  12233.                   // this.allowOutsideScroll = true;
  12234.                   // console.log(519,Object.getOwnPropertyDescriptors(this.constructor.prototype))
  12235.                   this.__modifiedMenuPropsFn__();
  12236.                   // this.constrain= function(){}
  12237.                   // this.position= function(){}
  12238.  
  12239.                   // this.autoFitOnAttach = true;
  12240.                   // this.expandSizingTargetForScrollbars = true;
  12241.                   // this.allowOutsideScroll = true;
  12242.                 }
  12243.               }
  12244.               if (CHAT_MENU_SCROLL_UNLOCKING && this.opened) {
  12245.                 let newValue = null;
  12246.                 const positionTarget = this.positionTarget;
  12247.                 if (positionTarget && positionTarget.classList.contains('yt-live-chat-text-message-renderer')) {
  12248.                   if (this._modifiedMenuPropOn062__ === false) {
  12249.                     newValue = true;
  12250.                   }
  12251.                 } else if (this._modifiedMenuPropOn062__ === true) {
  12252.                   newValue = false;
  12253.                 }
  12254.                 if (newValue !== null) {
  12255.                   const beforeAllowOutsideScroll = this.allowOutsideScroll;
  12256.                   this._modifiedMenuPropOn062__ = newValue;
  12257.                   const afterAllowOutsideScroll = this.allowOutsideScroll;
  12258.                   if (beforeAllowOutsideScroll !== afterAllowOutsideScroll) this.__AllowOutsideScrollPD__.set.call(this, afterAllowOutsideScroll);
  12259.                 }
  12260.               }
  12261.  
  12262.               if (this.opened) {
  12263.  
  12264.                 Promise.resolve().then(() => {
  12265.  
  12266.                   this._prepareRenderOpened();
  12267.                 }).then(() => {
  12268.                   this._manager.addOverlay(this);
  12269.                   if (this._manager._overlays.length === 1) {
  12270.                     lastOpen = this;
  12271.                     lastClose = null;
  12272.                   } else {
  12273.                     return 1;
  12274.                   }
  12275.                   // if (cid) {
  12276.                   //   clearTimeout(cid);
  12277.                   //   cid = -1;
  12278.                   //   this.__moChanged__();
  12279.                   //   cid = 0;
  12280.                   // } else {
  12281.                   //   cid = -1;
  12282.                   //   this.__moChanged__();
  12283.                   //   cid = 0;
  12284.                   // }
  12285.                   // cid = cid > 0 ? clearTimeout(cid) : 0;
  12286.                   // console.log(580, this.positionTarget && this.positionTarget.classList.contains('yt-live-chat-text-message-renderer'))
  12287.                   // cid = cid || setTimeout(__moChanged__, delay1);
  12288.                   cid = cid || requestAnimationFrame(__moChanged__);
  12289.                 }).then((r) => {
  12290.  
  12291.                   if (r) this.__mtChanged__(1);
  12292.                 }).catch(console.warn);
  12293.  
  12294.               } else {
  12295.                 Promise.resolve().then(() => {
  12296.                   this._manager.removeOverlay(this);
  12297.                   if (this._manager._overlays.length === 0) {
  12298.                     lastClose = this;
  12299.                     lastOpen = null;
  12300.                   } else {
  12301.                     return 1;
  12302.                   }
  12303.                   // cid = cid > 0 ? clearTimeout(cid) : 0;
  12304.                   // console.log(581, this.positionTarget && this.positionTarget.classList.contains('yt-live-chat-text-message-renderer'))
  12305.                   // cid = cid || setTimeout(__moChanged__, delay1);
  12306.                   cid = cid || requestAnimationFrame(__moChanged__);
  12307.                 }).then((r) => {
  12308.                   if (r) this.__mtChanged__(0);
  12309.                 }).catch(console.warn);
  12310.  
  12311.               }
  12312.  
  12313.             }
  12314.             console.log("BOOST_MENU_OPENCHANGED_RENDERING - OK");
  12315.  
  12316.           } else {
  12317.  
  12318.             assertor(() => fnIntegrity(cProto.__openedChanged, '0.46.20'));
  12319.             console.log("FIX_MENU_REOPEN_RENDER_PERFORMANC_1 - NG");
  12320.  
  12321.           }
  12322.  
  12323.  
  12324.           if (FIX_CLICKING_MESSAGE_MENU_DISPLAY_ON_MOUSE_CLICK && typeof cProto.__openedChanged === 'function' && !cProto.__openedChanged82) {
  12325.  
  12326.             cProto.__openedChanged82 = cProto.__openedChanged;
  12327.  
  12328.  
  12329.             cProto.__openedChanged = function () {
  12330.               const positionTarget = this.positionTarget;
  12331.               currentMenuPivotWR = positionTarget ? mWeakRef(positionTarget) : null;
  12332.               return this.__openedChanged82.apply(this, arguments);
  12333.             }
  12334.           }
  12335.  
  12336.  
  12337.         })();
  12338.  
  12339.         console.log("[End]");
  12340.  
  12341.         console.groupEnd();
  12342.  
  12343.       }).catch(console.warn);
  12344.  
  12345.  
  12346.  
  12347.       FIX_ToggleRenderPolymerControllerExtractionBug && customElements.whenDefined('yt-live-chat-toggle-renderer').then(() => {
  12348.  
  12349.         mightFirstCheckOnYtInit();
  12350.         groupCollapsed("YouTube Super Fast Chat", " | yt-live-chat-toggle-renderer hacks");
  12351.         console.log("[Begin]");
  12352.         (() => {
  12353.  
  12354.           const tag = "yt-live-chat-toggle-renderer";
  12355.           const dummy = document.createElement(tag);
  12356.  
  12357.           const cProto = getProto(dummy);
  12358.           if (!cProto || !cProto.attached) {
  12359.             console.warn(`proto.attached for ${tag} is unavailable.`);
  12360.             return;
  12361.           }
  12362.  
  12363.         })();
  12364.  
  12365.         console.log("[End]");
  12366.         console.groupEnd();
  12367.  
  12368.       });
  12369.  
  12370.  
  12371.  
  12372.  
  12373.       /*
  12374.  
  12375.  
  12376.  
  12377.  
  12378.  
  12379.           var FU = function() {
  12380.               var a = this;
  12381.               this.nextHandle_ = 1;
  12382.               this.clients_ = {};
  12383.               this.JSC$10323_callbacks_ = {};
  12384.               this.unsubscribeAsyncHandles_ = {};
  12385.               this.subscribe = vl(function(b, c, d) {
  12386.                   var e = Geb(b);
  12387.                   if (e in a.clients_)
  12388.                       e in a.unsubscribeAsyncHandles_ && Jq.cancel(a.unsubscribeAsyncHandles_[e]);
  12389.                   else {
  12390.                       a: {
  12391.                           var h = Geb(b), l;
  12392.                           for (l in a.unsubscribeAsyncHandles_) {
  12393.                               var m = a.clients_[l];
  12394.                               if (m instanceof KO) {
  12395.                                   delete a.clients_[l];
  12396.                                   delete a.JSC$10323_callbacks_[l];
  12397.                                   Jq.cancel(a.unsubscribeAsyncHandles_[l]);
  12398.                                   delete a.unsubscribeAsyncHandles_[l];
  12399.                                   i6a(m);
  12400.                                   m.objectId_ = new FQa(h);
  12401.                                   m.register();
  12402.                                   d = m;
  12403.                                   break a
  12404.                               }
  12405.                           }
  12406.                           d.objectSource = b.invalidationId.objectSource;
  12407.                           d.objectId = h;
  12408.                           if (b = b.webAuthConfigurationData)
  12409.                               b.multiUserSessionIndex && (d.sessionIndex = parseInt(b.multiUserSessionIndex, 10)),
  12410.                               b.pageId && (d.pageId = b.pageId);
  12411.                           d = new KO(d,a.handleInvalidationData_.bind(a));
  12412.                           d.register()
  12413.                       }
  12414.                       a.clients_[e] = d;
  12415.                       a.JSC$10323_callbacks_[e] = {}
  12416.                   }
  12417.                   d = a.nextHandle_++;
  12418.                   a.JSC$10323_callbacks_[e][d] = c;
  12419.                   return d
  12420.               })
  12421.           };
  12422.           FU.prototype.unsubscribe = function(a, b) {
  12423.               var c = Geb(a);
  12424.               if (c in this.JSC$10323_callbacks_ && (delete this.JSC$10323_callbacks_[c][b],
  12425.               !this.JSC$10323_callbacks_[c].length)) {
  12426.                   var d = this.clients_[c];
  12427.                   b = Jq.run(function() {
  12428.                       ei(d);
  12429.                       delete this.clients_[c];
  12430.                       delete this.unsubscribeAsyncHandles_[c]
  12431.                   }
  12432.                   .bind(this));
  12433.                   this.unsubscribeAsyncHandles_[c] = b
  12434.               }
  12435.           }
  12436.           ;
  12437.  
  12438.  
  12439.       */
  12440.  
  12441.  
  12442.       const onManagerFound = (dummyManager) => {
  12443.         if (!dummyManager || typeof dummyManager !== 'object') return;
  12444.  
  12445.         const mgrProto = dummyManager.constructor.prototype;
  12446.  
  12447.         let keyCallbackStore = '';
  12448.         for (const [key, v] of Object.entries(dummyManager)) {
  12449.           if (key.includes('_callbacks_')) keyCallbackStore = key;
  12450.         }
  12451.  
  12452.         if (!keyCallbackStore || typeof mgrProto.unsubscribe !== 'function' || mgrProto.unsubscribe.length !== 2) return;
  12453.  
  12454.         if (mgrProto.unsubscribe16) return;
  12455.  
  12456.         mgrProto.unsubscribe16 = mgrProto.unsubscribe;
  12457.  
  12458.         groupCollapsed("YouTube Super Fast Chat", " | *live-chat-manager* hacks");
  12459.         console.log("[Begin]");
  12460.  
  12461.         const isEmptyObject = ((obj) => (firstKey(obj) === null));
  12462.  
  12463.         const idMapper = new Map();
  12464.  
  12465.         const convertId = function (objectId) {
  12466.           if (!objectId || typeof objectId !== 'string') return null;
  12467.  
  12468.           let result = idMapper.get(objectId)
  12469.           if (result) return result;
  12470.           result = atob(objectId.replace(/-/g, "+").replace(/_/g, "/"));
  12471.           idMapper.set(objectId, result)
  12472.           return result;
  12473.         }
  12474.  
  12475.  
  12476.         const rafHandleHolder = [];
  12477.  
  12478.         let pzw = 0;
  12479.         let lza = 0;
  12480.         const rafHandlerFn = () => {
  12481.           pzw = 0;
  12482.           if (rafHandleHolder.length === 1) {
  12483.             const f = rafHandleHolder[0];
  12484.             rafHandleHolder.length = 0;
  12485.             f();
  12486.           } else if (rafHandleHolder.length > 1) {
  12487.             const arr = rafHandleHolder.slice(0);
  12488.             rafHandleHolder.length = 0;
  12489.             for (const fn of arr) fn();
  12490.           }
  12491.         };
  12492.  
  12493.  
  12494.         if (CHANGE_MANAGER_UNSUBSCRIBE) {
  12495.  
  12496.           const checkIntegrityForSubscribe = (mgr) => {
  12497.             if (mgr
  12498.               && typeof mgr.unsubscribe16 === 'function' && mgr.unsubscribe16.length === 2
  12499.               && typeof mgr.subscribe18 === 'function' && (mgr.subscribe18.length === 0 || mgr.subscribe18.length === 3)) {
  12500.  
  12501.               const ns = new Set(Object.keys(mgr));
  12502.               const ms = new Set(Object.keys(mgr.constructor.prototype));
  12503.  
  12504.               if (ns.size >= 6 && ms.size >= 4) {
  12505.                 // including 'subscribe18'
  12506.                 // 'unsubscribe16', 'subscribe19'
  12507.  
  12508.                 let r = 0;
  12509.                 for (const k of ['nextHandle_', 'clients_', keyCallbackStore, 'unsubscribeAsyncHandles_', 'subscribe', 'subscribe18']) {
  12510.                   r += ns.has(k) ? 1 : 0;
  12511.                 }
  12512.                 for (const k of ['unsubscribe', 'handleInvalidationData_', 'unsubscribe16', 'subscribe19']) {
  12513.                   r += ms.has(k) ? 1 : 0;
  12514.                 }
  12515.                 if (r === 10) {
  12516.                   const isObject = (c) => (c || 0).constructor === Object;
  12517.  
  12518.                   if (isObject(mgr['clients_']) && isObject(mgr[keyCallbackStore]) && isObject(mgr['unsubscribeAsyncHandles_'])) {
  12519.  
  12520.                     return true;
  12521.                   }
  12522.  
  12523.  
  12524.                 }
  12525.  
  12526.               }
  12527.  
  12528.  
  12529.             }
  12530.             return false;
  12531.           }
  12532.  
  12533.           mgrProto.subscribe19 = function (o, f, opts) {
  12534.  
  12535.             const ct_clients_ = this.clients_ || 0;
  12536.             const ct_handles_ = this.unsubscribeAsyncHandles_ || 0;
  12537.  
  12538.             if (this.__doCustomSubscribe__ !== true || !ct_clients_ || !ct_handles_) return this.subscribe18.apply(this, arguments);
  12539.  
  12540.             let objectId = ((o || 0).invalidationId || 0).objectId;
  12541.             if (!objectId) return this.subscribe18.apply(this, arguments);
  12542.             objectId = convertId(objectId);
  12543.  
  12544.             // console.log('subscribe', objectId, ct_clients_[objectId], arguments);
  12545.  
  12546.             if (ct_clients_[objectId]) {
  12547.               if (ct_handles_[objectId] < 0) delete ct_handles_[objectId];
  12548.             }
  12549.  
  12550.             return this.subscribe18.apply(this, arguments);
  12551.           }
  12552.  
  12553.           mgrProto.unsubscribe = function (o, d) {
  12554.             if (!this.subscribe18 && typeof this.subscribe === 'function') {
  12555.               this.subscribe18 = this.subscribe;
  12556.               this.subscribe = this.subscribe19;
  12557.               this.__doCustomSubscribe__ = checkIntegrityForSubscribe(this);
  12558.             }
  12559.             const ct_clients_ = this.clients_;
  12560.             const ct_handles_ = this.unsubscribeAsyncHandles_;
  12561.             if (this.__doCustomSubscribe__ !== true || !ct_clients_ || !ct_handles_) return this.unsubscribe16.apply(this, arguments);
  12562.  
  12563.             let objectId = ((o || 0).invalidationId || 0).objectId;
  12564.             if (!objectId) return this.unsubscribe16.apply(this, arguments);
  12565.  
  12566.             objectId = convertId(objectId);
  12567.  
  12568.  
  12569.             // console.log('unsubscribe', objectId, ct_clients_[objectId], arguments);
  12570.  
  12571.             const callbacks = this[keyCallbackStore] || 0;
  12572.             const callbackObj = callbacks[objectId] || 0;
  12573.  
  12574.  
  12575.             if (callbackObj && (delete callbackObj[d], isEmptyObject(callbackObj))) {
  12576.               const w = ct_clients_[objectId];
  12577.               --lza;
  12578.               if (lza < -1e9) lza = -1;
  12579.               const qta = lza;
  12580.               rafHandleHolder.push(() => {
  12581.                 if (qta === ct_handles_[objectId]) {
  12582.                   const o = {
  12583.                     callbacks, callbackObj,
  12584.                     client: ct_clients_[objectId],
  12585.                     handle: ct_handles_[objectId]
  12586.                   };
  12587.                   let p = 0;
  12588.                   try {
  12589.                     if (ct_clients_[objectId] === w) {
  12590.                       w && "function" === typeof w.dispose && w.dispose();
  12591.                       delete ct_clients_[objectId];
  12592.                       delete ct_handles_[objectId];
  12593.                       p = 1;
  12594.                     } else {
  12595.                       // w && "function" === typeof w.dispose && w.dispose();
  12596.                       // delete ct_clients_[objectId];
  12597.                       // delete ct_handles_[objectId];
  12598.                       p = 2;
  12599.                     }
  12600.                   } catch (e) {
  12601.                     console.warn(e);
  12602.                   }
  12603.                   console.log(`unsubscribed: ${p}`, this, o);
  12604.                 }
  12605.               });
  12606.               ct_handles_[objectId] = qta;
  12607.               if (pzw === 0) {
  12608.                 pzw = requestAnimationFrame(rafHandlerFn);
  12609.               }
  12610.             }
  12611.           }
  12612.  
  12613.  
  12614.           console.log("CHANGE_MANAGER_UNSUBSCRIBE - OK")
  12615.  
  12616.         } else {
  12617.  
  12618.           console.log("CHANGE_MANAGER_UNSUBSCRIBE - NG")
  12619.         }
  12620.  
  12621.         console.log("[End]");
  12622.  
  12623.         console.groupEnd();
  12624.  
  12625.       }
  12626.  
  12627.  
  12628.  
  12629.       /*
  12630.  
  12631.  
  12632.               a.prototype.async = function(e, h) {
  12633.                   return 0 < h ? Iq.run(e.bind(this), h) : ~Kq.run(e.bind(this))
  12634.               }
  12635.               ;
  12636.               a.prototype.cancelAsync = function(e) {
  12637.                   0 > e ? Kq.cancel(~e) : Iq.cancel(e)
  12638.               }
  12639.  
  12640.       */
  12641.  
  12642.  
  12643.       (FASTER_ICON_RENDERING && Promise.all(
  12644.         [
  12645.           customElements.whenDefined("yt-icon-shape"),
  12646.           customElements.whenDefined("yt-icon")
  12647.           //  document.createElement('icon-shape'),
  12648.         ]
  12649.       )).then(() => {
  12650.         let cq = 0;
  12651.         let dummys = [document.createElement('yt-icon-shape'), document.createElement('yt-icon')]
  12652.         for (const dummy of dummys) {
  12653.           let cProto = getProto(dummy);
  12654.           if (cProto && typeof cProto.shouldRenderIconShape === 'function' && !cProto.shouldRenderIconShape571 && cProto.shouldRenderIconShape.length === 1) {
  12655.             assertor(() => fnIntegrity(cProto.shouldRenderIconShape, '1.70.38'));
  12656.             cq++;
  12657.             cProto.shouldRenderIconShape571 = cProto.shouldRenderIconShape;
  12658.             cProto.shouldRenderIconShape = function (a) {
  12659.               if (this.isAnimatedIcon) return this.shouldRenderIconShape571(a);
  12660.               if (!this.iconType || !this.iconShapeData) return this.shouldRenderIconShape571(a);
  12661.               if (!this.iconName) return this.shouldRenderIconShape571(a);
  12662.               return false;
  12663.               // console.log(1051, this.iconType)
  12664.               // console.log(1052, this.iconShapeData)
  12665.               // console.log(1053, this.isAnimatedIcon)
  12666.             }
  12667.           }
  12668.           // if(cProto && cProto.switchTemplateAtRegistration){
  12669.           //   cProto.switchTemplateAtRegistration = false;
  12670.           // }
  12671.         }
  12672.         if (cq === 1) {
  12673.           console.log("modified shouldRenderIconShape - Y")
  12674.         } else {
  12675.           console.log("modified shouldRenderIconShape - N", cq)
  12676.         }
  12677.       });
  12678.  
  12679.       customElements.whenDefined("yt-invalidation-continuation").then(() => {
  12680.  
  12681.         let __dummyManager__ = null;
  12682.  
  12683.         mightFirstCheckOnYtInit();
  12684.         groupCollapsed("YouTube Super Fast Chat", " | yt-invalidation-continuation hacks");
  12685.         console.log("[Begin]");
  12686.         (() => {
  12687.  
  12688.           const tag = "yt-invalidation-continuation"
  12689.           const dummy = document.createElement(tag);
  12690.  
  12691.           const cProto = getProto(dummy);
  12692.           if (!cProto || !cProto.attached) {
  12693.             console.warn(`proto.attached for ${tag} is unavailable.`);
  12694.             return;
  12695.           }
  12696.  
  12697.           const dummyManager = insp(dummy).manager_ || 0;
  12698.           __dummyManager__ = dummyManager;
  12699.  
  12700.           if (CHANGE_DATA_FLUSH_ASYNC && typeof cProto.async === 'function' && !cProto.async71 && cProto.async.length === 2 && typeof cProto.cancelAsync === 'function' && !cProto.cancelAsync71 && cProto.cancelAsync.length === 1) {
  12701.  
  12702.  
  12703.             const rafHub = new RAFHub();
  12704.  
  12705.             rafHub.keepRAF = true;
  12706.             cProto.async71 = cProto.async;
  12707.             cProto.cancelAsync71 = cProto.cancelAsync;
  12708.  
  12709.             // mostly for subscription timeoutMs 10000ms
  12710.             let mcw = 1; // 1, 3, 5, ...
  12711.             let arr = new Map();
  12712.  
  12713.             let __asyncInited__ = 0;
  12714.             let __timeoutStartId__ = null;
  12715.             const __asyncInit__ = () => {
  12716.  
  12717.               if (__asyncInited__) return;
  12718.               __asyncInited__ = 1;
  12719.  
  12720.               __timeoutStartId__ = setTimeout(() => { });
  12721.               mcw = __timeoutStartId__ * 2 + 1;
  12722.  
  12723.               setInterval(() => {
  12724.  
  12725.                 if (!arr.length) return;
  12726.  
  12727.                 const p = Date.now();
  12728.                 let deleteKeys = [];
  12729.                 arr.forEach((entry, key) => {
  12730.  
  12731.  
  12732.                   if (entry.cid === -1) {
  12733.                     entry.cid = -2;
  12734.                   } else if (entry.cid === -2) {
  12735.  
  12736.                     let offset = p - entry.add
  12737.                     if (offset < 0) offset = 0;
  12738.                     let delay2 = entry.delay - offset;
  12739.                     if (delay2 < 0) delay2 = 0;
  12740.                     entry.cid = setTimeout(entry.q(), delay2);
  12741.                     entry.q = null;
  12742.  
  12743.                   } else if (entry.add + entry.delay < p) {
  12744.                     deleteKeys.push(key);
  12745.  
  12746.                   }
  12747.  
  12748.                 })
  12749.  
  12750.                 for (const key of deleteKeys) arr.delete(key);
  12751.  
  12752.               }, 2000)
  12753.  
  12754.             }
  12755.  
  12756.  
  12757.             cProto.async = function (e, h) {
  12758.  
  12759.               if (!(0 < h)) return this.async71(e, h); // unknown timing Fn
  12760.  
  12761.               if (h < 8000) return this.async71(e, h) * 2; // native setTimeout
  12762.  
  12763.               if (typeof h !== 'number') return this.async71(e, h); // exceptional case
  12764.  
  12765.  
  12766.               if (!this.__asyncInited__) {
  12767.                 this.__asyncInited__ = 1;
  12768.                 __asyncInit__();
  12769.               }
  12770.               mcw += 2; // 2K+3, 2K+4, ...
  12771.               if (mcw > 1e9) mcw = mcw % 1e4;
  12772.               const cid = mcw;
  12773.               const q = () => {
  12774.                 return () => {
  12775.                   console.log('async h > 8000');
  12776.                   e.call(this);
  12777.                 }
  12778.               }
  12779.               // setTimeout(q, delay)
  12780.               arr.set(cid, {
  12781.                 cid: -1, // -1 -> -2 -> cid
  12782.                 add: Date.now(),
  12783.                 q,
  12784.                 delay: h
  12785.               });
  12786.               // console.log('cid-async', cid)
  12787.               return cid;
  12788.  
  12789.             }
  12790.  
  12791.  
  12792.             cProto.cancelAsync = function (e) {
  12793.  
  12794.               if (typeof e !== 'number') return this.cancelAsync71(e); // exceptional case
  12795.  
  12796.               // console.log('cid-unasync', e)
  12797.  
  12798.               if (0 > e) return this.cancelAsync71(e); // unknown timing fn
  12799.  
  12800.               if (e > __timeoutStartId__ * 2) { // __timeoutStartId__ is recorded and min is 2K+1
  12801.  
  12802.                 if ((e % 2) === 0) return this.cancelAsync71(e / 2); // 2(K+1), 2(K+2), ...
  12803.  
  12804.                 if (!arr.has(e)) return; // duplciated cancel
  12805.  
  12806.                 const entry = arr.get(e);
  12807.                 if (entry.cid < 0) {
  12808.                   entry.cid = 0;
  12809.                   arr.delete(e);
  12810.                 } else {
  12811.                   clearTimeout(entry.cid); // cid >= 1
  12812.                   entry.cid = 0;
  12813.                   arr.delete(e);
  12814.                 }
  12815.  
  12816.               } else {
  12817.  
  12818.                 return this.cancelAsync71(e);
  12819.  
  12820.               }
  12821.  
  12822.             }
  12823.  
  12824.             console.log("CHANGE_DATA_FLUSH_ASYNC - OK");
  12825.  
  12826.           } else if(!CHANGE_DATA_FLUSH_ASYNC){
  12827.             console.log("CHANGE_DATA_FLUSH_ASYNC - N/A");
  12828.           } else {
  12829.             console.log("CHANGE_DATA_FLUSH_ASYNC - NG");
  12830.  
  12831.           }
  12832.  
  12833.         })();
  12834.  
  12835.         console.log("[End]");
  12836.  
  12837.         console.groupEnd();
  12838.  
  12839.  
  12840.  
  12841.         onManagerFound(__dummyManager__);
  12842.  
  12843.       }).catch(console.warn);
  12844.  
  12845.  
  12846.       if (INTERACTIVITY_BACKGROUND_ANIMATION >= 1) {
  12847.  
  12848.         customElements.whenDefined("yt-live-interactivity-component-background").then(() => {
  12849.  
  12850.           mightFirstCheckOnYtInit();
  12851.           groupCollapsed("YouTube Super Fast Chat", " | yt-live-interactivity-component-background hacks");
  12852.           console.log("[Begin]");
  12853.           (() => {
  12854.  
  12855.             const tag = "yt-live-interactivity-component-background"
  12856.             const dummy = document.createElement(tag);
  12857.  
  12858.             const cProto = getProto(dummy);
  12859.             if (!cProto || !cProto.attached) {
  12860.               console.warn(`proto.attached for ${tag} is unavailable.`);
  12861.               return;
  12862.             }
  12863.  
  12864.             cProto.__toStopAfterRun__ = function (hostElement) {
  12865.               let mo = new MutationObserver(() => {
  12866.                 mo.disconnect();
  12867.                 mo.takeRecords();
  12868.                 mo = null;
  12869.                 this.lottieAnimation && this.lottieAnimation.stop(); // primary
  12870.                 foregroundPromiseFn().then(() => { // if the lottieAnimation is started with rAf triggering
  12871.                   this.lottieAnimation && this.lottieAnimation.stop(); // fallback
  12872.                 });
  12873.               });
  12874.               mo.observe(hostElement, { subtree: true, childList: true });
  12875.             }
  12876.  
  12877.             if (INTERACTIVITY_BACKGROUND_ANIMATION >= 1 && typeof cProto.maybeLoadAnimationBackground === 'function' && !cProto.maybeLoadAnimationBackground77 && cProto.maybeLoadAnimationBackground.length === 0) {
  12878.  
  12879.               cProto.maybeLoadAnimationBackground77 = cProto.maybeLoadAnimationBackground;
  12880.               cProto.maybeLoadAnimationBackground = function () {
  12881.                 let toRun = true;
  12882.                 let stopAfterRun = false;
  12883.                 if (!this.__bypassDisableAnimationBackground__) {
  12884.                   let doFix = false;
  12885.                   if (INTERACTIVITY_BACKGROUND_ANIMATION === 1) {
  12886.                     if (!this.lottieAnimation) {
  12887.                       doFix = true;
  12888.                     }
  12889.                   } else if (INTERACTIVITY_BACKGROUND_ANIMATION === 2) {
  12890.                     doFix = true;
  12891.                   }
  12892.                   if (doFix) {
  12893.                     if (this.useAnimationBackground === true) {
  12894.                       console.log('DISABLE_INTERACTIVITY_BACKGROUND_ANIMATION', this.lottieAnimation);
  12895.                     }
  12896.                     toRun = true;
  12897.                     stopAfterRun = true;
  12898.                   }
  12899.                 }
  12900.                 if (toRun) {
  12901.                   if (stopAfterRun && (this.hostElement instanceof HTMLElement)) {
  12902.                     this.__toStopAfterRun__(this.hostElement); // primary
  12903.                   }
  12904.                   const r = this.maybeLoadAnimationBackground77.apply(this, arguments);
  12905.                   if (stopAfterRun && this.lottieAnimation) {
  12906.                     this.lottieAnimation.stop(); // fallback if no mutation
  12907.                   }
  12908.                   return r;
  12909.                 }
  12910.               }
  12911.  
  12912.               console.log(`INTERACTIVITY_BACKGROUND_ANIMATION(${INTERACTIVITY_BACKGROUND_ANIMATION}) - OK`);
  12913.  
  12914.             } else {
  12915.               console.log(`INTERACTIVITY_BACKGROUND_ANIMATION(${INTERACTIVITY_BACKGROUND_ANIMATION}) - NG`);
  12916.  
  12917.             }
  12918.  
  12919.           })();
  12920.  
  12921.           console.log("[End]");
  12922.  
  12923.           console.groupEnd();
  12924.  
  12925.  
  12926.         }).catch(console.warn);
  12927.  
  12928.       }
  12929.  
  12930.  
  12931.       if (DELAY_FOCUSEDCHANGED) {
  12932.  
  12933.         customElements.whenDefined("yt-live-chat-text-input-field-renderer").then(() => {
  12934.  
  12935.  
  12936.           mightFirstCheckOnYtInit();
  12937.           groupCollapsed("YouTube Super Fast Chat", " | yt-live-chat-text-input-field-renderer hacks");
  12938.           console.log("[Begin]");
  12939.           (() => {
  12940.  
  12941.             const tag = "yt-live-chat-text-input-field-renderer"
  12942.             const dummy = document.createElement(tag);
  12943.  
  12944.             const cProto = getProto(dummy);
  12945.             if (!cProto || !cProto.attached) {
  12946.               console.warn(`proto.attached for ${tag} is unavailable.`);
  12947.               return;
  12948.             }
  12949.  
  12950.             if (DELAY_FOCUSEDCHANGED && typeof cProto.focusedChanged === 'function' && cProto.focusedChanged.length === 0 && !cProto.focusedChanged372) {
  12951.               cProto.focusedChanged372 = cProto.focusedChanged;
  12952.               cProto.focusedChanged = function () {
  12953.                 Promise.resolve(this).then((cnt) => {
  12954.                   if (cnt.isAttached === true) cnt.focusedChanged372();
  12955.                 });
  12956.               }
  12957.             }
  12958.  
  12959.           })();
  12960.  
  12961.           console.log("[End]");
  12962.  
  12963.           console.groupEnd();
  12964.  
  12965.         });
  12966.  
  12967.       }
  12968.  
  12969.  
  12970.     }
  12971.  
  12972.  
  12973.  
  12974.  
  12975.     promiseForCustomYtElementsReady.then(onRegistryReadyForDOMOperations);
  12976.  
  12977.     const fixJsonParse = () => {
  12978.  
  12979.       let p1 = window.onerror;
  12980.  
  12981.       try {
  12982.         JSON.parse("{}");
  12983.       } catch (e) {
  12984.         console.warn(e);
  12985.       }
  12986.  
  12987.       let p2 = window.onerror;
  12988.  
  12989.       if (p1 !== p2) {
  12990.  
  12991.  
  12992.         console.groupCollapsed(`%c${"YouTube Super Fast Chat"}%c${" | JS Engine Issue Found"}`,
  12993.           "background-color: #010502; color: #fe806a; font-weight: 700; padding: 2px;",
  12994.           "background-color: #010502; color: #fe806a; font-weight: 300; padding: 2px;"
  12995.         );
  12996.  
  12997.         console.warn("\nJSON.parse is hacked (e.g. Brave's script injection) which causes window.onerror changes on every JSON.parse call.\nPlease install https://gf.qytechs.cn/scripts/473972-youtube-js-engine-tamer to fix the issue.\n");
  12998.  
  12999.         console.groupEnd();
  13000.  
  13001.       }
  13002.  
  13003.     }
  13004.  
  13005.     if (CHECK_JSONPRUNE) {
  13006.       promiseForCustomYtElementsReady.then(fixJsonParse);
  13007.     }
  13008.  
  13009.     if(USE_ADVANCED_TICKING){ // if(END_ANIMATING_TICKERS){
  13010.  
  13011.  
  13012.       // let lastElmW = null;
  13013.  
  13014.       // document.addEventListener('transitionstart', (evt) => {
  13015.  
  13016.       //   if (evt.propertyName === 'width' && !evt.pseudoElement) {
  13017.  
  13018.       //     const elm = evt.target;
  13019.       //     let act = false;
  13020.       //     /*
  13021.       //     switch(elm.nodeName.toLowerCase()){
  13022.  
  13023.       //       case  'yt-live-chat-ticker-creator-goal-view-model':
  13024.       //         case 'yt-live-chat-ticker-paid-message-item-renderer':
  13025.       //           case 'yt-live-chat-ticker-paid-sticker-item-renderer':
  13026.  
  13027.       //           case 'yt-live-chat-ticker-sponsor-item-renderer':
  13028.       //             act =true;
  13029.       //             break;
  13030.  
  13031.  
  13032.       //     }
  13033.       //     */
  13034.       //     if (elm instanceof HTMLElement && ((elm || 0).parentElement || 0).id === 'ticker-items' && elm.classList.contains('yt-live-chat-ticker-renderer')) {
  13035.       //       act = true;
  13036.       //     }
  13037.       //     if (act) {
  13038.       //       const lastElm = kRef(lastElmW);
  13039.       //       if (elm !== lastElm) {
  13040.  
  13041.       //         if (lastElm instanceof HTMLElement) {
  13042.       //           lastElm.classList.add('ticker-no-transition-time');
  13043.       //         }
  13044.       //         lastElmW = mWeakRef(elm);
  13045.  
  13046.       //       }
  13047.  
  13048.  
  13049.       //     }
  13050.       //   }
  13051.  
  13052.       // }, true);
  13053.  
  13054.  
  13055.  
  13056.       document.addEventListener('transitionend', (evt) => {
  13057.  
  13058.         if (evt.propertyName && !evt.pseudoElement) {
  13059.  
  13060.           const elm = evt.target;
  13061.           const f = transitionEndAfterFnSimple.get(elm);
  13062.           if (f) {
  13063.             transitionEndAfterFnSimple.delete(elm);
  13064.             f.resolve(evt.propertyName);
  13065.           }
  13066.         }
  13067.  
  13068.       }, true);
  13069.  
  13070.       /*
  13071.  
  13072.       document.addEventListener('transitionend', (evt) => {
  13073.  
  13074.         if (evt.propertyName === 'width' && !evt.pseudoElement) {
  13075.  
  13076.           const elm = evt.target;
  13077.           let act = false;
  13078.           /-*
  13079.           switch(elm.nodeName.toLowerCase()){
  13080.  
  13081.             case  'yt-live-chat-ticker-creator-goal-view-model':
  13082.               case 'yt-live-chat-ticker-paid-message-item-renderer':
  13083.                 case 'yt-live-chat-ticker-paid-sticker-item-renderer':
  13084.  
  13085.                 case 'yt-live-chat-ticker-sponsor-item-renderer':
  13086.                   act =true;
  13087.                   break;
  13088.  
  13089.  
  13090.           }
  13091.           *-/
  13092.           if (elm instanceof HTMLElement && ((elm || 0).parentElement || 0).id === 'ticker-items' && elm.classList.contains('yt-live-chat-ticker-renderer')) {
  13093.             act = true;
  13094.           }
  13095.           if (act) {
  13096.             elm.style.transitionDuration = '0s';
  13097.  
  13098.           }
  13099.         }
  13100.  
  13101.       }, true);
  13102.  
  13103.  
  13104.       document.addEventListener('transitioncancel', (evt) => {
  13105.  
  13106.         if (evt.propertyName === 'width' && !evt.pseudoElement) {
  13107.  
  13108.           const elm = evt.target;
  13109.           let act = false;
  13110.           /-*
  13111.           switch(elm.nodeName.toLowerCase()){
  13112.  
  13113.             case  'yt-live-chat-ticker-creator-goal-view-model':
  13114.               case 'yt-live-chat-ticker-paid-message-item-renderer':
  13115.                 case 'yt-live-chat-ticker-paid-sticker-item-renderer':
  13116.  
  13117.                 case 'yt-live-chat-ticker-sponsor-item-renderer':
  13118.                   act =true;
  13119.                   break;
  13120.  
  13121.  
  13122.           }
  13123.           *-/
  13124.           if (elm instanceof HTMLElement && ((elm || 0).parentElement || 0).id === 'ticker-items' && elm.classList.contains('yt-live-chat-ticker-renderer')) {
  13125.             act = true;
  13126.           }
  13127.           if (act) {
  13128.             elm.style.transitionDuration = '0s';
  13129.  
  13130.           }
  13131.         }
  13132.  
  13133.       }, true);
  13134.  
  13135.       */
  13136.  
  13137.  
  13138.     }
  13139.  
  13140.   });
  13141.  
  13142.  
  13143.  
  13144. })({ IntersectionObserver });

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

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

加入Q群

QingJ © 2025

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