@diplodoc/tabs-extension 3.5.0 → 3.6.0

package/README.md

@@ -5,6 +5,7 @@
 This is an extension of the Diplodoc platform, which allows adding switchable tabs in the documentation.
 
 The extension contains some parts:
+
 - [Prepared runtime](#prepared-runtime)
 - [MarkdownIt transform plugin](#markdownit-transform-plugin)
 - [Tabs API](#api)
@@ -18,7 +19,8 @@ Attach the plugin to the transformer:
 import tabsExtension from '@diplodoc/tabs-extension';
 import transform from '@diplodoc/transform';
 
-const {result} = await transform(`
+const {result} = await transform(
+  `
 {% list tabs %}
 
 - Tab 1
@@ -26,34 +28,36 @@ const {result} = await transform(`
 - Tab 3
 
 {% endlist %}
-`, {
-    plugins: [
-        tabsExtension.transform({ bundle: false })
-    ]
-});
+`,
+  {
+    plugins: [tabsExtension.transform({bundle: false})],
+  },
+);
 ```
 
 ## Prepared runtime
 
 It is necessary to add `runtime` scripts to make tabs interactive on your page.<br/>
 You can add assets files which were generated by the [MarkdownIt transform plugin](#markdownit-transform-plugin).
+
 ```html
 <html>
-    <head>
-        <!-- Read more about '_assets/tabs-extension.js' and '_assets/tabs-extension.css' in 'Transform plugin' section -->
-        <script src='_assets/tabs-extension.js' async></script>
-        <link rel='stylesheet' href='_assets/tabs-extension.css' />
-    </head>
-    <body>
-        ${result.html}
-    </body>
+  <head>
+    <!-- Read more about '_assets/tabs-extension.js' and '_assets/tabs-extension.css' in 'Transform plugin' section -->
+    <script src="_assets/tabs-extension.js" async></script>
+    <link rel="stylesheet" href="_assets/tabs-extension.css" />
+  </head>
+  <body>
+    ${result.html}
+  </body>
 </html>
 ```
 
 Or you can just include runtime's source code in your bundle.
+
 ```js
-import '@diplodoc/tabs-extension/runtime'
-import '@diplodoc/tabs-extension/runtime/styles.css'
+import '@diplodoc/tabs-extension/runtime';
+import '@diplodoc/tabs-extension/runtime/styles.css';
 ```
 
 ## MarkdownIt transform plugin
@@ -61,6 +65,7 @@ import '@diplodoc/tabs-extension/runtime/styles.css'
 Plugin for [@diplodoc/transform](https://github.com/diplodoc-platform/transform) package.
 
 Options:
+
 - `runtimeJsPath` - name on runtime script which will be exposed in results `script` section.<br>
   Default: `_assets/tabs-extension.js`<br>
 
@@ -82,6 +87,7 @@ Options:
 You can synchronize the opening of tabs between different tabs groups on the page. To do this, you just need to add optional property `group=<group_key>` in `list tab` command. The active tabs with the same keys in one tabs group will be synchronized.
 
 Example:
+
 ```
 {% list tabs group=group_1 %}
 
@@ -100,10 +106,10 @@ Example:
 {% endlist %}
 ```
 
-Additionally, you can use radiobatons using a contruction
+Additionally, you can use different render mosed using a contruction
 
 ```
-{% list tabs radio %}
+{% list tabs <regular | radio | dropdown> %}
 
   - Tab 1
 
@@ -122,6 +128,7 @@ Additionally, you can use radiobatons using a contruction
 The keys for the tabs are generated automatically. They are based on the tab's names using the github anchors style.
 
 You can set your own keys for tabs with this statement:
+
 ```
 {% list tabs group=group_1 %}
 
@@ -133,30 +140,88 @@ You can set your own keys for tabs with this statement:
 
 ## React hook for smart control
 
-You can use the React hook to handle active tab changing or to select opened tab programmatically.
+You can use the React hook to handle active tab changing or to select opened tabs programmatically.
 
-```TypeScript
-import React, { useEffect } from 'react'
-import {UseDiplodocTabsCallback, useDiplodocTabs, Tab} from '@diplodoc/tabs-extension/react';
+```typeScript
+import type { UseDiplodocTabsCallback, Tab } from '@diplodoc/tabs-extension/react';
+
+import React, { useEffect, useCallback } from 'react';
+import { useDiplodocTabs } from '@diplodoc/tabs-extension/react';
 
 export const App: React.FC = () => {
+    // Callback function to handle tab selection
     const selectTabHandler = useCallback<UseDiplodocTabsCallback>(
         (tab: Tab, currentTabId?: string) => {
-            const {group, key} = tab;
+            const { group, key } = tab;
             // Group could be empty
             if (group) {
-                // ...
+                // Handle tab selection in a specific group
+                console.log(`Selected tab with group: ${group} and key: ${key}`);
+            } else {
+                // Handle tab selection without a specific group
+                console.log(`Selected tab with key: ${key}`);
             }
         },
         [],
     );
 
-    const {selectTab, selectTabById} = useDiplodocTabs(selectTabHandler);
-
+    // Initialize the tabs hook with an optional callback
+    const {
+      selectTab,
+      selectTabById,
+      configure,
+      restoreTabs,
+      getTabsFromLocalStorage,
+      getTabsFromSearchQuery,
+      onPageChanged
+    } = useDiplodocTabs(selectTabHandler);
+
+    // useEffect to configure and setup state management
+    useEffect(() => {
+        // Configure the tabs when you want
+        configure({
+            // Enable saving tabs to local storage or not
+            saveTabsToLocalStorage: true,
+
+            // Enable saving tabs to the URL query state tied to the page
+            // 'all' - all tabs selection in all pages will be saved in URLSearchQuery
+            // 'page' (recommended) - all tabs selection in the current page will be saved in URLSearchQuery
+            // 'none' - no tabs selection will be saved in URLSearchQuery
+            saveTabsToQueryStateMode: 'page',
+        });
+
+        // Notify the tabs manager that the page has changed
+        // IMPORTANT: Must be called when page changed, and before restore tabs (to keep saveTabsToQueryStateMode: 'page' working correctly)
+        onPageChanged();
+
+        // Restore tabs from local storage and query state
+        restoreTabs({
+            ...getTabsFromLocalStorage(), // Get tabs from local storage
+            // URLSearchQuery is primary before localStorage, because it can be provided
+            // queryExample: ?tabs=g0_cs,g1_macos_radio
+            // if not variant (third param) specified, it will be search regular tab (out of the box)
+            ...getTabsFromSearchQuery(), // Get tabs from search query
+        });
+
+    }, [
+      configure,
+      restoreTabs,
+      getTabsFromLocalStorage,
+      getTabsFromSearchQuery,
+      onPageChanged
+    ]);
+
+    // useEffect to programmatically select tabs
     useEffect(() => {
+        // Select a tab by group and key
         selectTab({ group: 'group_1', key: 'my-key' });
+
+        // Alternatively, select a tab by key
         // selectTabById('my-key-2');
     }, [selectTab, selectTabById]);
 
+    return (
+        /* Your component JSX here */
+    );
 }
 ```

package/build/react/index.js

@@ -31,20 +31,51 @@ var import_react = require("react");
 var GLOBAL_SYMBOL = Symbol.for("diplodocTabs");
 
 // src/react/useDiplodocTabs.ts
-function useDiplodocTabs(callback) {
-  const selectTabHandle = (0, import_react.useCallback)(
-    ({ tab, currentTabId }) => {
-      callback(tab, currentTabId);
-    },
-    [callback]
-  );
-  (0, import_react.useEffect)(() => window[GLOBAL_SYMBOL].onSelectTab(selectTabHandle), [selectTabHandle]);
+function useDiplodocTabs(callback = void 0) {
+  if (callback !== void 0) {
+    const selectTabHandle = (0, import_react.useCallback)(
+      ({ tab, currentTabId }) => {
+        callback(tab, currentTabId);
+      },
+      [callback]
+    );
+    (0, import_react.useEffect)(() => window[GLOBAL_SYMBOL].onSelectTab(selectTabHandle), [selectTabHandle]);
+  }
   return {
     selectTabById: (0, import_react.useCallback)(
       (tabId, options) => window[GLOBAL_SYMBOL].selectTabById(tabId, options),
       []
     ),
-    selectTab: (0, import_react.useCallback)((tab) => window[GLOBAL_SYMBOL].selectTab(tab), [])
+    selectTab: (0, import_react.useCallback)((tab) => window[GLOBAL_SYMBOL].selectTab(tab), []),
+    configure: (0, import_react.useCallback)(
+      (options) => window[GLOBAL_SYMBOL].configure(options),
+      []
+    ),
+    restoreTabs: (0, import_react.useCallback)(
+      (tabsHistory) => window[GLOBAL_SYMBOL].restoreTabs(tabsHistory),
+      []
+    ),
+    onPageChanged: (0, import_react.useCallback)(() => window[GLOBAL_SYMBOL].onPageChanged(), []),
+    getTabsFromLocalStorage: (0, import_react.useCallback)(
+      () => window[GLOBAL_SYMBOL].getTabsFromLocalStorage(),
+      []
+    ),
+    getTabsFromSearchQuery: (0, import_react.useCallback)(
+      () => window[GLOBAL_SYMBOL].getTabsFromSearchQuery(),
+      []
+    ),
+    getCurrentPageTabHistory: (0, import_react.useCallback)(
+      (tabsHistory) => window[GLOBAL_SYMBOL].getCurrentPageTabHistory(tabsHistory),
+      []
+    ),
+    updateLocalStorageWithTabs: (0, import_react.useCallback)(
+      (tabsHistory) => window[GLOBAL_SYMBOL].updateLocalStorageWithTabs(tabsHistory),
+      []
+    ),
+    updateQueryParamWithTabs: (0, import_react.useCallback)(
+      (tabsHistory) => window[GLOBAL_SYMBOL].updateQueryParamWithTabs(tabsHistory),
+      []
+    )
   };
 }
 //# sourceMappingURL=index.js.map

package/build/react/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/react/index.ts", "../../src/react/useDiplodocTabs.ts", "../../src/common.ts"],
-  "sourcesContent": ["export type {Tab, UseDiplodocTabsCallback} from './useDiplodocTabs';\nexport {useDiplodocTabs} from './useDiplodocTabs';\n", "import {useCallback, useEffect} from 'react';\n\nimport {GLOBAL_SYMBOL, SelectedTabEvent, Tab} from '../common';\nimport {ISelectTabByIdOptions} from '../runtime/TabsController';\n\nexport type {Tab};\n\nexport type UseDiplodocTabsCallback = (tab: Tab, currentTabId?: string) => void;\n\nexport function useDiplodocTabs(callback: UseDiplodocTabsCallback) {\n    const selectTabHandle = useCallback(\n        ({tab, currentTabId}: SelectedTabEvent) => {\n            callback(tab, currentTabId);\n        },\n        [callback],\n    );\n\n    useEffect(() => window[GLOBAL_SYMBOL].onSelectTab(selectTabHandle), [selectTabHandle]);\n\n    return {\n        selectTabById: useCallback(\n            (tabId: string, options?: ISelectTabByIdOptions) =>\n                window[GLOBAL_SYMBOL].selectTabById(tabId, options),\n            [],\n        ),\n        selectTab: useCallback((tab: Tab) => window[GLOBAL_SYMBOL].selectTab(tab), []),\n    };\n}\n", "import {type TabsController} from './runtime/TabsController';\n\nexport const TAB_RE = /`?{% list tabs .*?%}`?/;\nexport const TABS_CLASSNAME = 'yfm-tabs';\nexport const TAB_CLASSNAME = 'yfm-tab';\nexport const TAB_PANEL_CLASSNAME = 'yfm-tab-panel';\nexport const TABS_LIST_CLASSNAME = 'yfm-tab-list';\nexport const ACTIVE_CLASSNAME = 'active';\nexport const TAB_GROUP_CLASSNAME = 'yfm-tab-group';\nexport const TAB_ACTIVE_KEY = 'data-diplodoc-is-active';\nexport const GROUP_DATA_KEY = 'data-diplodoc-group';\nexport const TAB_DATA_KEY = 'data-diplodoc-key';\nexport const TAB_DATA_VARIANT = 'data-diplodoc-variant';\nexport const TAB_DATA_ID = 'data-diplodoc-id';\nexport const DEFAULT_TABS_GROUP_PREFIX = 'defaultTabsGroup-';\nexport const ACTIVE_TAB_TEXT = '{selected}';\nexport const TAB_FORCED_OPEN = 'data-diplodoc-forced';\n\nexport const TABS_DROPDOWN_CLASSNAME = 'yfm-tabs-dropdown';\nexport const TABS_DROPDOWN_MENU_CLASSNAME = 'yfm-tabs-dropdown-menu';\nexport const TABS_DROPDOWN_SELECT = 'yfm-tabs-dropdown-select';\n\nexport const TABS_ACCORDION_CLASSNAME = 'yfm-tabs-accordion';\nexport const TABS_ACCORDION_CLIENT_HEIGHT = 'data-yfm-tabs-accordion-client-heights';\n\nexport const TABS_RADIO_CLASSNAME = 'yfm-tabs-vertical';\nexport const VERTICAL_TAB_CLASSNAME = 'yfm-vertical-tab';\nexport const TAB_DATA_VERTICAL_TAB = 'data-diplodoc-vertical-tab';\nexport const TAB_RADIO_KEY = 'data-diplodoc-input';\n\nexport enum TabsVariants {\n    Regular = 'regular',\n    Radio = 'radio',\n    Dropdown = 'dropdown',\n    Accordion = 'accordion',\n}\n\nexport type EnabledVariants = Partial<Record<TabsVariants, boolean>>;\n\nexport interface Tab {\n    group?: string;\n    key: string;\n    variant: TabsVariants;\n}\n\nexport interface SelectedTabEvent {\n    tab: Tab;\n    currentTabId?: string;\n}\n\nexport const GLOBAL_SYMBOL: unique symbol = Symbol.for('diplodocTabs');\n\ndeclare global {\n    interface Window {\n        [GLOBAL_SYMBOL]: TabsController;\n    }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAAqC;;;ACkD9B,IAAM,gBAA+B,OAAO,IAAI,cAAc;;;ADzC9D,SAAS,gBAAgB,UAAmC;AAC/D,QAAM,sBAAkB;AAAA,IACpB,CAAC,EAAC,KAAK,aAAY,MAAwB;AACvC,eAAS,KAAK,YAAY;AAAA,IAC9B;AAAA,IACA,CAAC,QAAQ;AAAA,EACb;AAEA,8BAAU,MAAM,OAAO,aAAa,EAAE,YAAY,eAAe,GAAG,CAAC,eAAe,CAAC;AAErF,SAAO;AAAA,IACH,mBAAe;AAAA,MACX,CAAC,OAAe,YACZ,OAAO,aAAa,EAAE,cAAc,OAAO,OAAO;AAAA,MACtD,CAAC;AAAA,IACL;AAAA,IACA,eAAW,0BAAY,CAAC,QAAa,OAAO,aAAa,EAAE,UAAU,GAAG,GAAG,CAAC,CAAC;AAAA,EACjF;AACJ;",
+  "sourcesContent": ["export type {Tab, UseDiplodocTabsCallback} from './useDiplodocTabs';\nexport {useDiplodocTabs} from './useDiplodocTabs';\n", "import {useCallback, useEffect} from 'react';\n\nimport {GLOBAL_SYMBOL, SelectedTabEvent, Tab} from '../common';\nimport {ISelectTabByIdOptions, TabsControllerOptions, TabsHistory} from '../runtime/TabsController';\n\nexport type {Tab};\n\nexport type UseDiplodocTabsCallback = (tab: Tab, currentTabId?: string) => void;\n\nexport function useDiplodocTabs(callback: UseDiplodocTabsCallback | undefined = undefined) {\n    if (callback !== undefined) {\n        const selectTabHandle = useCallback(\n            ({tab, currentTabId}: SelectedTabEvent) => {\n                callback(tab, currentTabId);\n            },\n            [callback],\n        );\n\n        useEffect(() => window[GLOBAL_SYMBOL].onSelectTab(selectTabHandle), [selectTabHandle]);\n    }\n\n    return {\n        selectTabById: useCallback(\n            (tabId: string, options?: ISelectTabByIdOptions) =>\n                window[GLOBAL_SYMBOL].selectTabById(tabId, options),\n            [],\n        ),\n        selectTab: useCallback((tab: Tab) => window[GLOBAL_SYMBOL].selectTab(tab), []),\n        configure: useCallback(\n            (options: Partial<TabsControllerOptions>) => window[GLOBAL_SYMBOL].configure(options),\n            [],\n        ),\n        restoreTabs: useCallback(\n            (tabsHistory: TabsHistory) => window[GLOBAL_SYMBOL].restoreTabs(tabsHistory),\n            [],\n        ),\n        onPageChanged: useCallback(() => window[GLOBAL_SYMBOL].onPageChanged(), []),\n        getTabsFromLocalStorage: useCallback(\n            () => window[GLOBAL_SYMBOL].getTabsFromLocalStorage(),\n            [],\n        ),\n        getTabsFromSearchQuery: useCallback(\n            () => window[GLOBAL_SYMBOL].getTabsFromSearchQuery(),\n            [],\n        ),\n        getCurrentPageTabHistory: useCallback(\n            (tabsHistory: TabsHistory) =>\n                window[GLOBAL_SYMBOL].getCurrentPageTabHistory(tabsHistory),\n            [],\n        ),\n        updateLocalStorageWithTabs: useCallback(\n            (tabsHistory: TabsHistory) =>\n                window[GLOBAL_SYMBOL].updateLocalStorageWithTabs(tabsHistory),\n            [],\n        ),\n        updateQueryParamWithTabs: useCallback(\n            (tabsHistory: TabsHistory) =>\n                window[GLOBAL_SYMBOL].updateQueryParamWithTabs(tabsHistory),\n            [],\n        ),\n    };\n}\n", "import {type TabsController} from './runtime/TabsController';\n\nexport const TAB_RE = /`?{% list tabs .*?%}`?/;\nexport const TABS_CLASSNAME = 'yfm-tabs';\nexport const TAB_CLASSNAME = 'yfm-tab';\nexport const TAB_PANEL_CLASSNAME = 'yfm-tab-panel';\nexport const TABS_LIST_CLASSNAME = 'yfm-tab-list';\nexport const ACTIVE_CLASSNAME = 'active';\nexport const TAB_GROUP_CLASSNAME = 'yfm-tab-group';\nexport const TAB_ACTIVE_KEY = 'data-diplodoc-is-active';\nexport const GROUP_DATA_KEY = 'data-diplodoc-group';\nexport const TAB_DATA_KEY = 'data-diplodoc-key';\nexport const TAB_DATA_VARIANT = 'data-diplodoc-variant';\nexport const TAB_DATA_ID = 'data-diplodoc-id';\nexport const DEFAULT_TABS_GROUP_PREFIX = 'defaultTabsGroup-';\nexport const ACTIVE_TAB_TEXT = '{selected}';\nexport const TAB_FORCED_OPEN = 'data-diplodoc-forced';\n\nexport const TABS_DROPDOWN_CLASSNAME = 'yfm-tabs-dropdown';\nexport const TABS_DROPDOWN_MENU_CLASSNAME = 'yfm-tabs-dropdown-menu';\nexport const TABS_DROPDOWN_SELECT = 'yfm-tabs-dropdown-select';\n\nexport const TABS_ACCORDION_CLASSNAME = 'yfm-tabs-accordion';\nexport const TABS_ACCORDION_CLIENT_HEIGHT = 'data-yfm-tabs-accordion-client-heights';\n\nexport const TABS_RADIO_CLASSNAME = 'yfm-tabs-vertical';\nexport const VERTICAL_TAB_CLASSNAME = 'yfm-vertical-tab';\nexport const TAB_DATA_VERTICAL_TAB = 'data-diplodoc-vertical-tab';\nexport const TAB_RADIO_KEY = 'data-diplodoc-input';\n\nexport enum TabsVariants {\n    Regular = 'regular',\n    Radio = 'radio',\n    Dropdown = 'dropdown',\n    Accordion = 'accordion',\n}\n\nexport type EnabledVariants = Partial<Record<TabsVariants, boolean>>;\n\nexport interface Tab {\n    group?: string;\n    key: string;\n    variant: TabsVariants;\n}\n\nexport interface SelectedTabEvent {\n    tab: Tab;\n    currentTabId?: string;\n}\n\nexport const GLOBAL_SYMBOL: unique symbol = Symbol.for('diplodocTabs');\n\ndeclare global {\n    interface Window {\n        [GLOBAL_SYMBOL]: TabsController;\n    }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAAqC;;;ACkD9B,IAAM,gBAA+B,OAAO,IAAI,cAAc;;;ADzC9D,SAAS,gBAAgB,WAAgD,QAAW;AACvF,MAAI,aAAa,QAAW;AACxB,UAAM,sBAAkB;AAAA,MACpB,CAAC,EAAC,KAAK,aAAY,MAAwB;AACvC,iBAAS,KAAK,YAAY;AAAA,MAC9B;AAAA,MACA,CAAC,QAAQ;AAAA,IACb;AAEA,gCAAU,MAAM,OAAO,aAAa,EAAE,YAAY,eAAe,GAAG,CAAC,eAAe,CAAC;AAAA,EACzF;AAEA,SAAO;AAAA,IACH,mBAAe;AAAA,MACX,CAAC,OAAe,YACZ,OAAO,aAAa,EAAE,cAAc,OAAO,OAAO;AAAA,MACtD,CAAC;AAAA,IACL;AAAA,IACA,eAAW,0BAAY,CAAC,QAAa,OAAO,aAAa,EAAE,UAAU,GAAG,GAAG,CAAC,CAAC;AAAA,IAC7E,eAAW;AAAA,MACP,CAAC,YAA4C,OAAO,aAAa,EAAE,UAAU,OAAO;AAAA,MACpF,CAAC;AAAA,IACL;AAAA,IACA,iBAAa;AAAA,MACT,CAAC,gBAA6B,OAAO,aAAa,EAAE,YAAY,WAAW;AAAA,MAC3E,CAAC;AAAA,IACL;AAAA,IACA,mBAAe,0BAAY,MAAM,OAAO,aAAa,EAAE,cAAc,GAAG,CAAC,CAAC;AAAA,IAC1E,6BAAyB;AAAA,MACrB,MAAM,OAAO,aAAa,EAAE,wBAAwB;AAAA,MACpD,CAAC;AAAA,IACL;AAAA,IACA,4BAAwB;AAAA,MACpB,MAAM,OAAO,aAAa,EAAE,uBAAuB;AAAA,MACnD,CAAC;AAAA,IACL;AAAA,IACA,8BAA0B;AAAA,MACtB,CAAC,gBACG,OAAO,aAAa,EAAE,yBAAyB,WAAW;AAAA,MAC9D,CAAC;AAAA,IACL;AAAA,IACA,gCAA4B;AAAA,MACxB,CAAC,gBACG,OAAO,aAAa,EAAE,2BAA2B,WAAW;AAAA,MAChE,CAAC;AAAA,IACL;AAAA,IACA,8BAA0B;AAAA,MACtB,CAAC,gBACG,OAAO,aAAa,EAAE,yBAAyB,WAAW;AAAA,MAC9D,CAAC;AAAA,IACL;AAAA,EACJ;AACJ;",
   "names": []
 }

package/build/react/useDiplodocTabs.d.ts

@@ -1,8 +1,21 @@
 import { Tab } from '../common';
-import { ISelectTabByIdOptions } from '../runtime/TabsController';
+import { ISelectTabByIdOptions, TabsControllerOptions, TabsHistory } from '../runtime/TabsController';
 export type { Tab };
 export type UseDiplodocTabsCallback = (tab: Tab, currentTabId?: string) => void;
-export declare function useDiplodocTabs(callback: UseDiplodocTabsCallback): {
+export declare function useDiplodocTabs(callback?: UseDiplodocTabsCallback | undefined): {
     selectTabById: (tabId: string, options?: ISelectTabByIdOptions) => void;
     selectTab: (tab: Tab) => void;
+    configure: (options: Partial<TabsControllerOptions>) => void;
+    restoreTabs: (tabsHistory: TabsHistory) => void;
+    onPageChanged: () => void;
+    getTabsFromLocalStorage: () => TabsHistory;
+    getTabsFromSearchQuery: () => TabsHistory;
+    getCurrentPageTabHistory: (tabsHistory: TabsHistory) => {
+        [k: string]: {
+            key: string;
+            variant: import("../common").TabsVariants;
+        };
+    };
+    updateLocalStorageWithTabs: (tabsHistory: TabsHistory) => void;
+    updateQueryParamWithTabs: (tabsHistory: TabsHistory) => void;
 };

package/build/runtime/TabsController.d.ts

@@ -1,17 +1,43 @@
-import { SelectedTabEvent, Tab } from '../common';
+import { SelectedTabEvent, Tab, TabsVariants } from '../common';
 export interface ISelectTabByIdOptions {
     scrollToElement: boolean;
 }
 type Handler = (data: SelectedTabEvent) => void;
+export type TabsHistory = Record<string, {
+    key: string;
+    variant: TabsVariants;
+}>;
+export type TabsControllerOptions = {
+    saveTabsToLocalStorage: boolean;
+    saveTabsToQueryStateMode: 'all' | 'page' | 'none';
+};
 export declare class TabsController {
     private _document;
     private _onSelectTabHandlers;
-    constructor(document: Document);
+    private _options;
+    private _currentPageTabGroups;
+    constructor(document: Document, options?: Partial<TabsControllerOptions>);
+    configure(options: Partial<TabsControllerOptions>): void;
     onSelectTab(handler: Handler): () => void;
     selectTabById(id: string, options?: ISelectTabByIdOptions): void;
     selectTab(tab: Tab): void;
+    restoreTabs(tabsHistory: TabsHistory): void;
+    getTabsFromLocalStorage(): TabsHistory;
+    getTabsFromSearchQuery(): TabsHistory;
+    updateLocalStorageWithTabs(tabsHistory: TabsHistory): void;
+    updateQueryParamWithTabs(tabsHistory: TabsHistory): void;
+    getCurrentPageTabHistory(tabsHistory: TabsHistory): {
+        [k: string]: {
+            key: string;
+            variant: TabsVariants;
+        };
+    };
+    onPageChanged(): void;
+    getCurrentPageTabGroups(): string[];
+    clearTabsPreferred(): void;
     private _selectTab;
     private updateHTML;
+    private saveTabPreferred;
     private updateHTMLRadio;
     private updateHTMLRegular;
     private updateHTMLDropdown;

package/build/runtime/index.js

@@ -1,2 +1,2 @@
-"use strict";(()=>{var W="yfm-tabs",R="yfm-tab",O="yfm-tab-panel",L="yfm-tab-list",r="active";var T="data-diplodoc-group",G="data-diplodoc-key",x="data-diplodoc-variant",v="data-diplodoc-id",H="defaultTabsGroup-";var h="data-diplodoc-forced";var N="yfm-tabs-dropdown-select";var U="yfm-tabs-vertical";var F=Symbol.for("diplodocTabs");var y=s=>{let t=s.composedPath();return Array.isArray(t)&&t.length>0?t[0]:s.target},Z=s=>{let t=y(s);return!t||!t.matches},Q=s=>Math.abs(s.scrollHeight-s.clientHeight)>1?s:s.parentElement?Q(s.parentElement):void 0,X=(s,t)=>{let e=s.getBoundingClientRect(),g=t.getBoundingClientRect();return{top:e.top-g.top,left:e.left-g.left,scrollTop:t.scrollTop,scrollLeft:t.scrollLeft}};var n={TABS:`.${W}`,TAB_LIST:`.${L}`,TAB:`.${R}`,TAB_PANEL:`.${O}`,VERTICAL_TABS:`.${U}`},f=class{constructor(t){this._onSelectTabHandlers=new Set;this._document=t,this._document.addEventListener("click",e=>{let g=y(e);if(e.target&&this.hideAllDropdown(e.target),Z(e))return;if(this.isElementDropdownSelect(g)){g.classList.toggle(r);return}if(!this.isValidTabElement(g))return;let o=this.getTabDataFromHTMLElement(g);o&&this._selectTab(o,g)}),this._document.addEventListener("keydown",e=>{let g=null;switch(e.key){case"ArrowLeft":{g="left";break}case"ArrowRight":{g="right";break}case"ArrowUp":{g="left";break}case"ArrowDown":{g="right";break}}if(!g)return;let o=y(e);if(Z(e)||!this.isValidTabElement(o))return;let{tabs:c,nodes:a}=this.getTabs(o),I=this.getTabDataFromHTMLElement(o),A=c.findIndex(({key:C})=>(I==null?void 0:I.key)&&C===I.key);if(!I||c.length<=1||A===-1)return;let i=(A+(g==="left"?-1:1)+c.length)%c.length;this.selectTab(c[i]),a[i].focus()})}onSelectTab(t){return this._onSelectTabHandlers.add(t),()=>{this._onSelectTabHandlers.delete(t)}}selectTabById(t,e){let g=this._document.querySelector(`${n.TAB}[${v}="${t}"]`);if(!g||!this.isValidTabElement(g))return;let o=this.getTabDataFromHTMLElement(g);o&&this._selectTab(o,g),e!=null&&e.scrollToElement&&g.scrollIntoView()}selectTab(t){this._selectTab(t)}_selectTab(t,e){let{group:g,key:o,variant:c}=t;if(!g)return;let a=e&&Q(e),I=a&&X(e,a);this.updateHTML({group:g,key:o,variant:c},e,c)>0&&(this.fireSelectTabEvent({group:g,key:o,variant:c},e==null?void 0:e.dataset.diplodocId),I&&this.resetScroll(e,a,I))}updateHTML(t,e,g){switch(g){case"radio":return this.updateHTMLRadio(t,e);case"accordion":return this.updateHTMLAccordion(t,e);case"regular":return this.updateHTMLRegular(t);case"dropdown":return this.updateHTMLDropdown(t)}return 0}updateHTMLRadio(t,e){let{group:g,key:o}=t,{isForced:c,root:a}=this.didTabOpenForce(e),I=c?`.yfm-vertical-tab[${h}="true"]`:"",A=this._document.querySelectorAll(`${n.TABS}[${T}="${g}"] ${n.TAB}[${G}="${o}"]${I}`);c&&(a==null||a.removeAttribute(h));let i=0;return A.forEach(C=>{let m=C.parentNode.children;for(let p=0;p<m.length;p+=2){let[d,b]=[m.item(p),m.item(p+1)],u=d.children.item(0);if(d===C){u.checked?(d.classList.remove("active"),b==null||b.classList.remove("active"),u.removeAttribute("checked")):(d.classList.add("active"),b==null||b.classList.add("active"),u.setAttribute("checked","true"));continue}u.hasAttribute("checked")&&(d.classList.remove("active"),b==null||b.classList.remove("active"),u.removeAttribute("checked")),i++}}),i}updateHTMLRegular(t){let{group:e,key:g}=t,o=this._document.querySelectorAll(`${n.TABS}[${T}="${e}"] ${n.TAB}[${G}="${g}"]`),c=0;return o.forEach(a=>{let I=a;if(!this.isValidTabElement(I)||I.dataset.diplodocIsActive==="true")return;c++;let A=a,i=A.parentNode,C=i==null?void 0:i.parentNode,l=Array.from((i==null?void 0:i.querySelectorAll(n.TAB))||[]),m=Array.from((C==null?void 0:C.children)||[]).filter(d=>d.classList.contains(O)),p=l.indexOf(A);l.forEach((d,b)=>{let u=m[b],B=b===p,D=d;D.dataset.diplodocIsActive=B?"true":"false",d.classList.toggle(r,B),d.setAttribute("aria-selected",B.toString()),d.setAttribute("tabindex",B?"0":"-1"),u.classList.toggle(r,B)})}),c}updateHTMLDropdown(t){let{group:e,key:g}=t,o=this._document.querySelectorAll(`${n.TABS}[${T}="${e}"] ${n.TAB}[${G}="${g}"]`),c=0;return o.forEach(a=>{let I=a.closest(`[${x}=dropdown]`);if(!(I!=null&&I.children))return;let A=I.children.item(0),i=I.children.item(1);A==null||A.classList.remove(r);let C=Array.from((i==null?void 0:i.children)||[]).indexOf(a)+2;for(let l=2;l<I.children.length;l++){let m=I.children.item(l),p=i==null?void 0:i.children.item(l-2);if(c++,C===l){m==null||m.classList.add(r),p.classList.add(r),A.innerHTML=a.innerHTML,A.classList.add("filled");continue}p.classList.remove(r),m.classList.remove(r)}}),c}updateHTMLAccordion(t,e){let{group:g,key:o}=t,c=this._document.querySelectorAll(`${n.TABS}[${T}="${g}"] ${n.TAB}[${G}="${o}"]`),a=0;return c.forEach(I=>{let A=I.closest(`[${x}=accordion]`);if(A!=null&&A.children)for(let i=0;i<A.children.length;i+=2){let C=A.children.item(i),l=A.children.item(i+1);if(a++,I===C){C==null||C.classList.toggle(r),l==null||l.classList.toggle(r);continue}C==null||C.classList.remove(r),l==null||l.classList.remove(r)}}),e&&!this.checkVisible(e)&&setTimeout(()=>{e.scrollIntoView({block:"nearest"})}),a}checkVisible(t){let e=t.getBoundingClientRect(),g=Math.max(document.documentElement.clientHeight,window.innerHeight);return!(e.bottom<0||e.top-g>=0)}hideAllDropdown(t){this._document.querySelectorAll(".yfm-tabs-dropdown-select.active").forEach(g=>{g.contains(t)||g.classList.remove(r)})}resetScroll(t,e,g){let o=X(t,e),c=o.top-g.top,a=o.left-g.left,I=o.scrollTop-g.scrollTop,A=o.scrollLeft-g.scrollLeft;e.scrollTo(e.scrollLeft+a-A,e.scrollTop+c-I)}didTabOpenForce(t){if(!t)return{};if(t.dataset.diplodocForced)return{root:t,isForced:!0};let e=t.dataset.diplodocVerticalTab?t:t.parentElement,g=typeof(e==null?void 0:e.dataset.diplodocForced)!="undefined";return{root:e,isForced:g}}fireSelectTabEvent(t,e){let{group:g,key:o,variant:c}=t,a=g.startsWith(H)?{key:o,variant:c}:t;this._onSelectTabHandlers.forEach(I=>{I({tab:a,currentTabId:e})})}getTabsType(t){let e=t.closest(`[${x}]`);if(e)return e.dataset.diplodocVariant}isValidTabElement(t){return!!this.getTabsType(t)}isElementDropdownSelect(t){return t.classList.contains(N)}getTabDataFromHTMLElement(t){var c,a,I;let e=this.getTabsType(t);if(e==="radio"){let A=t.dataset.diplodocVerticalTab?t:t.parentElement,i=A.dataset.diplodocKey,C=(c=A.closest(n.TABS))==null?void 0:c.dataset.diplodocGroup;return i&&C?{group:C,key:i,variant:"radio"}:null}if(e==="dropdown"||e==="accordion"){let A=t.dataset.diplodocKey,i=(a=t.closest(n.TABS))==null?void 0:a.dataset.diplodocGroup;return A&&i?{group:i,key:A,variant:e}:null}let g=t.dataset.diplodocKey,o=(I=t.closest(n.TABS))==null?void 0:I.dataset.diplodocGroup;return g&&o?{group:o,key:g,variant:"regular"}:null}getTabs(t){var c,a;let e=(c=t.closest(n.TABS))==null?void 0:c.dataset.diplodocGroup,g=(a=t.closest(n.TAB_LIST))==null?void 0:a.querySelectorAll(n.TAB),o=[];return g.forEach(I=>{let A=I==null?void 0:I.dataset.diplodocKey;A&&o.push({group:e,key:A,variant:"regular"})}),{tabs:o,nodes:g}}};typeof window!="undefined"&&typeof document!="undefined"&&!window[F]&&(window[F]=new f(document));})();
+"use strict";(()=>{var x="yfm-tabs",L="yfm-tab",O="yfm-tab-panel",R="yfm-tab-list",l="active";var T="data-diplodoc-group",y="data-diplodoc-key",G="data-diplodoc-variant",X="data-diplodoc-id",N="defaultTabsGroup-";var F="data-diplodoc-forced";var S="yfm-tabs-dropdown-select";var U="yfm-tabs-vertical";var Q=(g=>(g.Regular="regular",g.Radio="radio",g.Dropdown="dropdown",g.Accordion="accordion",g))(Q||{}),v=Symbol.for("diplodocTabs");var f=C=>{let t=C.composedPath();return Array.isArray(t)&&t.length>0?t[0]:C.target},Z=C=>{let t=f(C);return!t||!t.matches},W=C=>Math.abs(C.scrollHeight-C.clientHeight)>1?C:C.parentElement?W(C.parentElement):void 0,H=(C,t)=>{let e=C.getBoundingClientRect(),o=t.getBoundingClientRect();return{top:e.top-o.top,left:e.left-o.left,scrollTop:t.scrollTop,scrollLeft:t.scrollLeft}};var n={TABS:`.${x}`,TAB_LIST:`.${R}`,TAB:`.${L}`,TAB_PANEL:`.${O}`,VERTICAL_TABS:`.${U}`},h=class{constructor(t,e={}){this._onSelectTabHandlers=new Set;this._currentPageTabGroups=[];this._document=t,this._options=Object.assign({saveTabsToLocalStorage:!1,saveTabsToQueryStateMode:"none"},e),this._document.addEventListener("click",o=>{let g=f(o);if(o.target&&this.hideAllDropdown(o.target),Z(o))return;if(this.isElementDropdownSelect(g)){g.classList.toggle(l);return}if(!this.isValidTabElement(g))return;let I=this.getTabDataFromHTMLElement(g);I&&this._selectTab(I,g)}),this._document.addEventListener("keydown",o=>{let g=null;switch(o.key){case"ArrowLeft":{g="left";break}case"ArrowRight":{g="right";break}case"ArrowUp":{g="left";break}case"ArrowDown":{g="right";break}}if(!g)return;let I=f(o);if(Z(o)||!this.isValidTabElement(I))return;let{tabs:i,nodes:c}=this.getTabs(I),a=this.getTabDataFromHTMLElement(I),A=i.findIndex(({key:s})=>(a==null?void 0:a.key)&&s===a.key);if(!a||i.length<=1||A===-1)return;let r=(A+(g==="left"?-1:1)+i.length)%i.length;this.selectTab(i[r]),c[r].focus()})}configure(t){this._options=Object.assign(this._options,t)}onSelectTab(t){return this._onSelectTabHandlers.add(t),()=>{this._onSelectTabHandlers.delete(t)}}selectTabById(t,e){let o=this._document.querySelector(`${n.TAB}[${X}="${t}"]`);if(!o||!this.isValidTabElement(o))return;let g=this.getTabDataFromHTMLElement(o);g&&this._selectTab(g,o),e!=null&&e.scrollToElement&&o.scrollIntoView()}selectTab(t){this._selectTab(t)}restoreTabs(t){for(let[e,o]of Object.entries(t))if(e){let g={group:e,...o};this.selectTab(g)}}getTabsFromLocalStorage(){return JSON.parse(localStorage.getItem("tabsHistory")||"{}")}getTabsFromSearchQuery(){let t={},e=new URLSearchParams(window.location.search);return e.has("tabs")&&(e.get("tabs")||"").split(",").forEach(I=>{let i=I.split("_"),[c,a]=i,A="regular";if(i.length===3&&(A=i[2]),c&&a&&Object.values(Q).includes(A)){let r=a;t[c]={key:r,variant:A}}}),t}updateLocalStorageWithTabs(t){this._options.saveTabsToLocalStorage&&localStorage.setItem("tabsHistory",JSON.stringify(t))}updateQueryParamWithTabs(t){let e=new URLSearchParams(window.location.search),o=Object.entries(t).map(([I,{key:i,variant:c}])=>c==="regular"?`${I}_${i}`:`${I}_${i}_${c}`);e.set("tabs",o.join(","));let g=`${window.location.origin}${window.location.pathname}?${e.toString()}`;window.history.replaceState({},document.title,g)}getCurrentPageTabHistory(t){return Object.fromEntries(Object.entries(t).filter(([e])=>this._currentPageTabGroups.includes(e)))}onPageChanged(){this._currentPageTabGroups=this.getCurrentPageTabGroups()}getCurrentPageTabGroups(){let t=this._document.getElementsByClassName(x),e=new Set;return Array.from(t).forEach(o=>{let g=o.getAttribute(T);g&&e.add(g)}),Array.from(e)}clearTabsPreferred(){localStorage.removeItem("tabsHistory"),this.updateQueryParamWithTabs({})}_selectTab(t,e){let{group:o,key:g,variant:I}=t;if(!o)return;this.saveTabPreferred({group:o,key:g,variant:I});let i=e&&W(e),c=i&&H(e,i);this.updateHTML({group:o,key:g,variant:I},e,I)>0&&(this.fireSelectTabEvent({group:o,key:g,variant:I},e==null?void 0:e.dataset.diplodocId),c&&this.resetScroll(e,i,c))}updateHTML(t,e,o){switch(o){case"radio":return this.updateHTMLRadio(t,e);case"accordion":return this.updateHTMLAccordion(t,e);case"regular":return this.updateHTMLRegular(t);case"dropdown":return this.updateHTMLDropdown(t);default:return 0}}saveTabPreferred(t){let e={};switch(this._options.saveTabsToLocalStorage&&(e=JSON.parse(localStorage.getItem("tabsHistory")||"{}")),e[t.group]={key:t.key,variant:t.variant},this._options.saveTabsToLocalStorage&&this.updateLocalStorageWithTabs(e),this._options.saveTabsToQueryStateMode){case"all":{this.updateQueryParamWithTabs(e);break}case"page":{this.updateQueryParamWithTabs(this.getCurrentPageTabHistory(e));break}}}updateHTMLRadio(t,e){let{group:o,key:g}=t,{isForced:I,root:i}=this.didTabOpenForce(e),c=I?`.yfm-vertical-tab[${F}="true"]`:"",a=this._document.querySelectorAll(`${n.TABS}[${T}="${o}"] ${n.TAB}[${y}="${g}"]${c}`);I&&(i==null||i.removeAttribute(F));let A=0;return a.forEach(r=>{let m=r.parentNode.children;for(let p=0;p<m.length;p+=2){let[d,b]=[m.item(p),m.item(p+1)],u=d.children.item(0);if(d===r){u.checked?(d.classList.remove("active"),b==null||b.classList.remove("active"),u.removeAttribute("checked")):(d.classList.add("active"),b==null||b.classList.add("active"),u.setAttribute("checked","true"));continue}u.hasAttribute("checked")&&(d.classList.remove("active"),b==null||b.classList.remove("active"),u.removeAttribute("checked")),A++}}),A}updateHTMLRegular(t){let{group:e,key:o}=t,g=this._document.querySelectorAll(`${n.TABS}[${T}="${e}"] ${n.TAB}[${y}="${o}"]`),I=0;return g.forEach(i=>{let c=i;if(!this.isValidTabElement(c)||c.dataset.diplodocIsActive==="true")return;I++;let a=i,A=a.parentNode,r=A==null?void 0:A.parentNode,s=Array.from((A==null?void 0:A.querySelectorAll(n.TAB))||[]),m=Array.from((r==null?void 0:r.children)||[]).filter(d=>d.classList.contains(O)),p=s.indexOf(a);s.forEach((d,b)=>{let u=m[b],B=b===p,w=d;w.dataset.diplodocIsActive=B?"true":"false",d.classList.toggle(l,B),d.setAttribute("aria-selected",B.toString()),d.setAttribute("tabindex",B?"0":"-1"),u.classList.toggle(l,B)})}),I}updateHTMLDropdown(t){let{group:e,key:o}=t,g=this._document.querySelectorAll(`${n.TABS}[${T}="${e}"] ${n.TAB}[${y}="${o}"]`),I=0;return g.forEach(i=>{let c=i.closest(`[${G}=dropdown]`);if(!(c!=null&&c.children))return;let a=c.children.item(0),A=c.children.item(1);a==null||a.classList.remove(l);let r=Array.from((A==null?void 0:A.children)||[]).indexOf(i)+2;for(let s=2;s<c.children.length;s++){let m=c.children.item(s),p=A==null?void 0:A.children.item(s-2);if(I++,r===s){m==null||m.classList.add(l),p.classList.add(l),a.innerHTML=i.innerHTML,a.classList.add("filled");continue}p.classList.remove(l),m.classList.remove(l)}}),I}updateHTMLAccordion(t,e){let{group:o,key:g}=t,I=this._document.querySelectorAll(`${n.TABS}[${T}="${o}"] ${n.TAB}[${y}="${g}"]`),i=0;return I.forEach(c=>{let a=c.closest(`[${G}=accordion]`);if(a!=null&&a.children)for(let A=0;A<a.children.length;A+=2){let r=a.children.item(A),s=a.children.item(A+1);if(i++,c===r){r==null||r.classList.toggle(l),s==null||s.classList.toggle(l);continue}r==null||r.classList.remove(l),s==null||s.classList.remove(l)}}),e&&!this.checkVisible(e)&&setTimeout(()=>{e.scrollIntoView({block:"nearest"})}),i}checkVisible(t){let e=t.getBoundingClientRect(),o=Math.max(document.documentElement.clientHeight,window.innerHeight);return!(e.bottom<0||e.top-o>=0)}hideAllDropdown(t){this._document.querySelectorAll(".yfm-tabs-dropdown-select.active").forEach(o=>{o.contains(t)||o.classList.remove(l)})}resetScroll(t,e,o){let g=H(t,e),I=g.top-o.top,i=g.left-o.left,c=g.scrollTop-o.scrollTop,a=g.scrollLeft-o.scrollLeft;e.scrollTo(e.scrollLeft+i-a,e.scrollTop+I-c)}didTabOpenForce(t){if(!t)return{};if(t.dataset.diplodocForced)return{root:t,isForced:!0};let e=t.dataset.diplodocVerticalTab?t:t.parentElement,o=typeof(e==null?void 0:e.dataset.diplodocForced)!="undefined";return{root:e,isForced:o}}fireSelectTabEvent(t,e){let{group:o,key:g,variant:I}=t,i=o.startsWith(N)?{key:g,variant:I}:t;this._onSelectTabHandlers.forEach(c=>{c({tab:i,currentTabId:e})})}getTabsType(t){let e=t.closest(`[${G}]`);if(e)return e.dataset.diplodocVariant}isValidTabElement(t){return!!this.getTabsType(t)}isElementDropdownSelect(t){return t.classList.contains(S)}getTabDataFromHTMLElement(t){var I,i,c;let e=this.getTabsType(t);if(e==="radio"){let a=t.dataset.diplodocVerticalTab?t:t.parentElement,A=a.dataset.diplodocKey,r=(I=a.closest(n.TABS))==null?void 0:I.dataset.diplodocGroup;return A&&r?{group:r,key:A,variant:"radio"}:null}if(e==="dropdown"||e==="accordion"){let a=t.dataset.diplodocKey,A=(i=t.closest(n.TABS))==null?void 0:i.dataset.diplodocGroup;return a&&A?{group:A,key:a,variant:e}:null}let o=t.dataset.diplodocKey,g=(c=t.closest(n.TABS))==null?void 0:c.dataset.diplodocGroup;return o&&g?{group:g,key:o,variant:"regular"}:null}getTabs(t){var I,i;let e=(I=t.closest(n.TABS))==null?void 0:I.dataset.diplodocGroup,o=(i=t.closest(n.TAB_LIST))==null?void 0:i.querySelectorAll(n.TAB),g=[];return o.forEach(c=>{let a=c==null?void 0:c.dataset.diplodocKey;a&&g.push({group:e,key:a,variant:"regular"})}),{tabs:g,nodes:o}}};typeof window!="undefined"&&typeof document!="undefined"&&!window[v]&&(window[v]=new h(document));})();
 //# sourceMappingURL=index.js.map

package/build/runtime/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/common.ts", "../../src/runtime/utils.ts", "../../src/runtime/TabsController.ts", "../../src/runtime/index.ts"],
-  "sourcesContent": ["import {type TabsController} from './runtime/TabsController';\n\nexport const TAB_RE = /`?{% list tabs .*?%}`?/;\nexport const TABS_CLASSNAME = 'yfm-tabs';\nexport const TAB_CLASSNAME = 'yfm-tab';\nexport const TAB_PANEL_CLASSNAME = 'yfm-tab-panel';\nexport const TABS_LIST_CLASSNAME = 'yfm-tab-list';\nexport const ACTIVE_CLASSNAME = 'active';\nexport const TAB_GROUP_CLASSNAME = 'yfm-tab-group';\nexport const TAB_ACTIVE_KEY = 'data-diplodoc-is-active';\nexport const GROUP_DATA_KEY = 'data-diplodoc-group';\nexport const TAB_DATA_KEY = 'data-diplodoc-key';\nexport const TAB_DATA_VARIANT = 'data-diplodoc-variant';\nexport const TAB_DATA_ID = 'data-diplodoc-id';\nexport const DEFAULT_TABS_GROUP_PREFIX = 'defaultTabsGroup-';\nexport const ACTIVE_TAB_TEXT = '{selected}';\nexport const TAB_FORCED_OPEN = 'data-diplodoc-forced';\n\nexport const TABS_DROPDOWN_CLASSNAME = 'yfm-tabs-dropdown';\nexport const TABS_DROPDOWN_MENU_CLASSNAME = 'yfm-tabs-dropdown-menu';\nexport const TABS_DROPDOWN_SELECT = 'yfm-tabs-dropdown-select';\n\nexport const TABS_ACCORDION_CLASSNAME = 'yfm-tabs-accordion';\nexport const TABS_ACCORDION_CLIENT_HEIGHT = 'data-yfm-tabs-accordion-client-heights';\n\nexport const TABS_RADIO_CLASSNAME = 'yfm-tabs-vertical';\nexport const VERTICAL_TAB_CLASSNAME = 'yfm-vertical-tab';\nexport const TAB_DATA_VERTICAL_TAB = 'data-diplodoc-vertical-tab';\nexport const TAB_RADIO_KEY = 'data-diplodoc-input';\n\nexport enum TabsVariants {\n    Regular = 'regular',\n    Radio = 'radio',\n    Dropdown = 'dropdown',\n    Accordion = 'accordion',\n}\n\nexport type EnabledVariants = Partial<Record<TabsVariants, boolean>>;\n\nexport interface Tab {\n    group?: string;\n    key: string;\n    variant: TabsVariants;\n}\n\nexport interface SelectedTabEvent {\n    tab: Tab;\n    currentTabId?: string;\n}\n\nexport const GLOBAL_SYMBOL: unique symbol = Symbol.for('diplodocTabs');\n\ndeclare global {\n    interface Window {\n        [GLOBAL_SYMBOL]: TabsController;\n    }\n}\n", "export const getEventTarget = (event: Event) => {\n    const path = event.composedPath();\n    return Array.isArray(path) && path.length > 0 ? path[0] : event.target;\n};\n\nexport const isCustom = (event: Event) => {\n    const target = getEventTarget(event);\n    return !target || !(target as HTMLElement).matches;\n};\n\nexport const getClosestScrollableParent = (element: HTMLElement): HTMLElement | undefined => {\n    if (Math.abs(element.scrollHeight - element.clientHeight) > 1) {\n        return element;\n    }\n\n    return element.parentElement ? getClosestScrollableParent(element.parentElement) : undefined;\n};\n\nexport interface ElementOffset {\n    top: number;\n    left: number;\n    scrollTop: number;\n    scrollLeft: number;\n}\n\nexport const getOffsetByScrollableParent = (\n    element: HTMLElement,\n    scrollableParent: HTMLElement,\n): ElementOffset => {\n    const elementBounds = element.getBoundingClientRect();\n    const scrollableParentBounds = scrollableParent.getBoundingClientRect();\n    return {\n        top: elementBounds.top - scrollableParentBounds.top,\n        left: elementBounds.left - scrollableParentBounds.left,\n        scrollTop: scrollableParent.scrollTop,\n        scrollLeft: scrollableParent.scrollLeft,\n    };\n};\n", "import {\n    ACTIVE_CLASSNAME,\n    DEFAULT_TABS_GROUP_PREFIX,\n    GROUP_DATA_KEY,\n    SelectedTabEvent,\n    TABS_CLASSNAME,\n    TABS_DROPDOWN_SELECT,\n    TABS_LIST_CLASSNAME,\n    TABS_RADIO_CLASSNAME,\n    TAB_CLASSNAME,\n    TAB_DATA_ID,\n    TAB_DATA_KEY,\n    TAB_DATA_VARIANT,\n    TAB_FORCED_OPEN,\n    TAB_PANEL_CLASSNAME,\n    Tab,\n    TabsVariants,\n} from '../common';\n\nimport {\n    ElementOffset,\n    getClosestScrollableParent,\n    getEventTarget,\n    getOffsetByScrollableParent,\n    isCustom,\n} from './utils';\n\nconst Selector = {\n    TABS: `.${TABS_CLASSNAME}`,\n    TAB_LIST: `.${TABS_LIST_CLASSNAME}`,\n    TAB: `.${TAB_CLASSNAME}`,\n    TAB_PANEL: `.${TAB_PANEL_CLASSNAME}`,\n    VERTICAL_TABS: `.${TABS_RADIO_CLASSNAME}`,\n};\n\nexport interface ISelectTabByIdOptions {\n    scrollToElement: boolean;\n}\n\ntype Handler = (data: SelectedTabEvent) => void;\n\ntype TabSwitchDirection = 'left' | 'right';\n\nexport class TabsController {\n    private _document: Document;\n    private _onSelectTabHandlers: Set<Handler> = new Set();\n\n    // TODO: remove side effects from constructor\n    constructor(document: Document) {\n        this._document = document;\n\n        this._document.addEventListener('click', (event) => {\n            const target = getEventTarget(event) as HTMLElement;\n\n            if (event.target) {\n                this.hideAllDropdown(event.target as HTMLElement);\n            }\n\n            if (isCustom(event)) {\n                return;\n            }\n\n            if (this.isElementDropdownSelect(target)) {\n                target.classList.toggle(ACTIVE_CLASSNAME);\n\n                return;\n            }\n\n            if (!this.isValidTabElement(target)) {\n                return;\n            }\n\n            const tab = this.getTabDataFromHTMLElement(target);\n\n            if (tab) {\n                this._selectTab(tab, target);\n            }\n        });\n\n        this._document.addEventListener('keydown', (event) => {\n            let direction: TabSwitchDirection | null = null;\n            switch (event.key) {\n                case 'ArrowLeft': {\n                    direction = 'left';\n                    break;\n                }\n                case 'ArrowRight': {\n                    direction = 'right';\n                    break;\n                }\n                case 'ArrowUp': {\n                    direction = 'left';\n                    break;\n                }\n                case 'ArrowDown': {\n                    direction = 'right';\n                    break;\n                }\n            }\n            if (!direction) {\n                return;\n            }\n\n            const target = getEventTarget(event) as HTMLElement;\n\n            if (isCustom(event) || !this.isValidTabElement(target)) {\n                return;\n            }\n\n            const {tabs, nodes} = this.getTabs(target);\n            const currentTab = this.getTabDataFromHTMLElement(target);\n            const currentTabIndex = tabs.findIndex(\n                ({key}) => currentTab?.key && key === currentTab.key,\n            );\n            if (!currentTab || tabs.length <= 1 || currentTabIndex === -1) {\n                return;\n            }\n\n            const newIndex =\n                (currentTabIndex + (direction === 'left' ? -1 : 1) + tabs.length) % tabs.length;\n\n            this.selectTab(tabs[newIndex]);\n            nodes[newIndex].focus();\n        });\n    }\n\n    onSelectTab(handler: Handler) {\n        this._onSelectTabHandlers.add(handler);\n\n        return () => {\n            this._onSelectTabHandlers.delete(handler);\n        };\n    }\n\n    selectTabById(id: string, options?: ISelectTabByIdOptions) {\n        const target = this._document.querySelector(\n            `${Selector.TAB}[${TAB_DATA_ID}=\"${id}\"]`,\n        ) as HTMLElement;\n\n        if (!target || !this.isValidTabElement(target)) {\n            return;\n        }\n\n        const tab = this.getTabDataFromHTMLElement(target);\n\n        if (tab) {\n            this._selectTab(tab, target);\n        }\n\n        if (options?.scrollToElement) {\n            target.scrollIntoView();\n        }\n    }\n\n    selectTab(tab: Tab) {\n        this._selectTab(tab);\n    }\n\n    private _selectTab(tab: Tab, targetTab?: HTMLElement) {\n        const {group, key, variant} = tab;\n\n        if (!group) {\n            return;\n        }\n\n        const scrollableParent = targetTab && getClosestScrollableParent(targetTab);\n        const previousTargetOffset =\n            scrollableParent && getOffsetByScrollableParent(targetTab, scrollableParent);\n\n        const updatedTabs = this.updateHTML({group, key, variant}, targetTab, variant);\n\n        if (updatedTabs > 0) {\n            this.fireSelectTabEvent({group, key, variant}, targetTab?.dataset.diplodocId);\n\n            if (previousTargetOffset) {\n                this.resetScroll(targetTab, scrollableParent, previousTargetOffset);\n            }\n        }\n    }\n\n    private updateHTML(tab: Required<Tab>, target: HTMLElement | undefined, variant: TabsVariants) {\n        switch (variant) {\n            case TabsVariants.Radio: {\n                return this.updateHTMLRadio(tab, target);\n            }\n            case TabsVariants.Accordion: {\n                return this.updateHTMLAccordion(tab, target);\n            }\n            case TabsVariants.Regular: {\n                return this.updateHTMLRegular(tab);\n            }\n            case TabsVariants.Dropdown: {\n                return this.updateHTMLDropdown(tab);\n            }\n        }\n\n        return 0;\n    }\n\n    private updateHTMLRadio(tab: Required<Tab>, target: HTMLElement | undefined) {\n        const {group, key} = tab;\n\n        const {isForced, root} = this.didTabOpenForce(target);\n\n        const singleTabSelector = isForced ? `.yfm-vertical-tab[${TAB_FORCED_OPEN}=\"true\"]` : '';\n\n        const tabs = this._document.querySelectorAll(\n            `${Selector.TABS}[${GROUP_DATA_KEY}=\"${group}\"] ${Selector.TAB}[${TAB_DATA_KEY}=\"${key}\"]${singleTabSelector}`,\n        );\n\n        if (isForced) {\n            root?.removeAttribute(TAB_FORCED_OPEN);\n        }\n\n        let updated = 0;\n\n        tabs.forEach((tab) => {\n            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n            const root = tab.parentNode!;\n            const elements = root.children;\n\n            for (let i = 0; i < elements.length; i += 2) {\n                const [title, content] = [elements.item(i), elements.item(i + 1)] as HTMLElement[];\n\n                const input = title.children.item(0) as HTMLInputElement;\n\n                if (title === tab) {\n                    const checked = input.checked;\n\n                    if (checked) {\n                        title.classList.remove('active');\n                        content?.classList.remove('active');\n\n                        input.removeAttribute('checked');\n                    } else {\n                        title.classList.add('active');\n                        content?.classList.add('active');\n\n                        input.setAttribute('checked', 'true');\n                    }\n\n                    continue;\n                }\n\n                if (input.hasAttribute('checked')) {\n                    title.classList.remove('active');\n                    content?.classList.remove('active');\n\n                    input.removeAttribute('checked');\n                }\n\n                updated++;\n            }\n        });\n\n        return updated;\n    }\n\n    private updateHTMLRegular(tab: Required<Tab>) {\n        const {group, key} = tab;\n\n        const tabs = this._document.querySelectorAll(\n            `${Selector.TABS}[${GROUP_DATA_KEY}=\"${group}\"] ${Selector.TAB}[${TAB_DATA_KEY}=\"${key}\"]`,\n        );\n\n        let updated = 0;\n\n        tabs.forEach((element) => {\n            const htmlElem = element as HTMLElement;\n            if (!this.isValidTabElement(htmlElem) || htmlElem.dataset.diplodocIsActive === 'true') {\n                return;\n            }\n\n            updated++;\n\n            const tab = element;\n            const tabList = tab.parentNode;\n            const tabsContainer = tabList?.parentNode;\n            const allTabs = Array.from(tabList?.querySelectorAll(Selector.TAB) || []);\n            const allPanels = Array.from(tabsContainer?.children || []).filter((node) =>\n                node.classList.contains(TAB_PANEL_CLASSNAME),\n            );\n            const targetIndex = allTabs.indexOf(tab);\n\n            allTabs.forEach((tab, i) => {\n                const panel = allPanels[i];\n                const isTargetTab = i === targetIndex;\n                const htmlElem = tab as HTMLElement;\n\n                htmlElem.dataset.diplodocIsActive = isTargetTab ? 'true' : 'false';\n\n                tab.classList.toggle(ACTIVE_CLASSNAME, isTargetTab);\n                tab.setAttribute('aria-selected', isTargetTab.toString());\n                tab.setAttribute('tabindex', isTargetTab ? '0' : '-1');\n                panel.classList.toggle(ACTIVE_CLASSNAME, isTargetTab);\n            });\n        });\n\n        return updated;\n    }\n\n    private updateHTMLDropdown(tab: Required<Tab>) {\n        const {group, key} = tab;\n\n        const tabs = this._document.querySelectorAll(\n            `${Selector.TABS}[${GROUP_DATA_KEY}=\"${group}\"] ${Selector.TAB}[${TAB_DATA_KEY}=\"${key}\"]`,\n        );\n\n        let changed = 0;\n\n        tabs.forEach((tab) => {\n            const dropdown = tab.closest(`[${TAB_DATA_VARIANT}=${TabsVariants.Dropdown}]`);\n\n            if (!dropdown?.children) {\n                return;\n            }\n\n            const select = dropdown.children.item(0) as HTMLElement;\n            const menu = dropdown.children.item(1);\n\n            select?.classList.remove(ACTIVE_CLASSNAME);\n\n            /* first and second elements are select / menu, skipping them */\n            const changedIndex = Array.from(menu?.children || []).indexOf(tab) + 2;\n\n            for (let i = 2; i < dropdown.children.length; i++) {\n                const item = dropdown.children.item(i) as HTMLElement;\n                const menuItem = menu?.children.item(i - 2) as HTMLElement;\n\n                changed++;\n\n                if (changedIndex === i) {\n                    item?.classList.add(ACTIVE_CLASSNAME);\n                    menuItem.classList.add(ACTIVE_CLASSNAME);\n\n                    select.innerHTML = tab.innerHTML;\n                    select.classList.add('filled');\n\n                    continue;\n                }\n\n                menuItem.classList.remove(ACTIVE_CLASSNAME);\n                item.classList.remove(ACTIVE_CLASSNAME);\n            }\n        });\n\n        return changed;\n    }\n\n    private updateHTMLAccordion(tab: Required<Tab>, target: HTMLElement | undefined) {\n        const {group, key} = tab;\n\n        const tabs = this._document.querySelectorAll(\n            `${Selector.TABS}[${GROUP_DATA_KEY}=\"${group}\"] ${Selector.TAB}[${TAB_DATA_KEY}=\"${key}\"]`,\n        );\n\n        let changed = 0;\n\n        tabs.forEach((tab) => {\n            const accordion = tab.closest(`[${TAB_DATA_VARIANT}=${TabsVariants.Accordion}]`);\n\n            if (!accordion?.children) {\n                return;\n            }\n\n            for (let i = 0; i < accordion.children.length; i += 2) {\n                const title = accordion.children.item(i);\n                const currentTab = accordion.children.item(i + 1);\n\n                changed++;\n\n                if (tab === title) {\n                    title?.classList.toggle(ACTIVE_CLASSNAME);\n                    currentTab?.classList.toggle(ACTIVE_CLASSNAME);\n\n                    continue;\n                }\n\n                title?.classList.remove(ACTIVE_CLASSNAME);\n                currentTab?.classList.remove(ACTIVE_CLASSNAME);\n            }\n        });\n\n        if (target && !this.checkVisible(target)) {\n            setTimeout(() => {\n                target.scrollIntoView({block: 'nearest'});\n            });\n        }\n\n        return changed;\n    }\n\n    private checkVisible(element: HTMLElement) {\n        const rect = element.getBoundingClientRect();\n        const viewHeight = Math.max(document.documentElement.clientHeight, window.innerHeight);\n\n        return !(rect.bottom < 0 || rect.top - viewHeight >= 0);\n    }\n\n    private hideAllDropdown(target: HTMLElement) {\n        const dropdowns = this._document.querySelectorAll('.yfm-tabs-dropdown-select.active');\n\n        dropdowns.forEach((menu) => {\n            if (!menu.contains(target)) {\n                menu.classList.remove(ACTIVE_CLASSNAME);\n            }\n        });\n    }\n\n    private resetScroll(\n        target: HTMLElement,\n        scrollableParent: HTMLElement,\n        previousTargetOffset: ElementOffset,\n    ) {\n        const targetOffset = getOffsetByScrollableParent(target, scrollableParent);\n        const topDelta = targetOffset.top - previousTargetOffset.top;\n        const leftDelta = targetOffset.left - previousTargetOffset.left;\n        const scrollTopDelta = targetOffset.scrollTop - previousTargetOffset.scrollTop;\n        const scrollLeftDelta = targetOffset.scrollLeft - previousTargetOffset.scrollLeft;\n        scrollableParent.scrollTo(\n            scrollableParent.scrollLeft + leftDelta - scrollLeftDelta,\n            scrollableParent.scrollTop + topDelta - scrollTopDelta,\n        );\n    }\n\n    private didTabOpenForce(target?: HTMLElement) {\n        if (!target) {\n            return {};\n        }\n\n        if (target.dataset.diplodocForced) {\n            return {root: target, isForced: true};\n        }\n\n        const root = target.dataset.diplodocVerticalTab ? target : target.parentElement;\n\n        const isForced = typeof root?.dataset.diplodocForced !== 'undefined';\n\n        return {root, isForced};\n    }\n\n    private fireSelectTabEvent(tab: Required<Tab>, diplodocId?: string) {\n        const {group, key, variant: align} = tab;\n\n        const eventTab: Tab = group.startsWith(DEFAULT_TABS_GROUP_PREFIX)\n            ? {key, variant: align}\n            : tab;\n\n        this._onSelectTabHandlers.forEach((handler) => {\n            handler({tab: eventTab, currentTabId: diplodocId});\n        });\n    }\n\n    private getTabsType(element: HTMLElement) {\n        const tabsRoot = element.closest(`[${TAB_DATA_VARIANT}]`) as HTMLElement | undefined;\n\n        if (!tabsRoot) {\n            return undefined;\n        }\n\n        return tabsRoot.dataset.diplodocVariant;\n    }\n\n    private isValidTabElement(element: HTMLElement) {\n        return Boolean(this.getTabsType(element));\n    }\n\n    private isElementDropdownSelect(target: HTMLElement) {\n        return target.classList.contains(TABS_DROPDOWN_SELECT);\n    }\n\n    private getTabDataFromHTMLElement(target: HTMLElement): Tab | null {\n        const type = this.getTabsType(target);\n\n        if (type === TabsVariants.Radio) {\n            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n            const tab = target.dataset.diplodocVerticalTab ? target : target.parentElement!;\n\n            const key = tab.dataset.diplodocKey;\n            const group = (tab.closest(Selector.TABS) as HTMLElement)?.dataset.diplodocGroup;\n            return key && group ? {group, key, variant: TabsVariants.Radio} : null;\n        }\n\n        if (type === TabsVariants.Dropdown || type === TabsVariants.Accordion) {\n            const key = target.dataset.diplodocKey;\n            const group = (target.closest(Selector.TABS) as HTMLElement)?.dataset.diplodocGroup;\n            return key && group ? {group, key, variant: type} : null;\n        }\n\n        const key = target.dataset.diplodocKey;\n        const group = (target.closest(Selector.TABS) as HTMLElement)?.dataset.diplodocGroup;\n        return key && group ? {group, key, variant: TabsVariants.Regular} : null;\n    }\n\n    private getTabs(target: HTMLElement): {tabs: Tab[]; nodes: NodeListOf<HTMLElement>} {\n        const group = (target.closest(Selector.TABS) as HTMLElement)?.dataset.diplodocGroup;\n        const nodes = (\n            target.closest(Selector.TAB_LIST) as HTMLElement\n        )?.querySelectorAll<HTMLElement>(Selector.TAB);\n\n        const tabs: Tab[] = [];\n        nodes.forEach((tabEl) => {\n            const key = tabEl?.dataset.diplodocKey;\n            if (!key) {\n                return;\n            }\n\n            /** horizontal-only supported feature (used in left/right button click) */\n            tabs.push({\n                group,\n                key,\n                variant: TabsVariants.Regular,\n            });\n        });\n\n        return {tabs, nodes};\n    }\n}\n", "import {GLOBAL_SYMBOL} from '../common';\n\nimport {TabsController} from './TabsController';\nimport './scss/tabs.scss';\n\nif (typeof window !== 'undefined' && typeof document !== 'undefined' && !window[GLOBAL_SYMBOL]) {\n    window[GLOBAL_SYMBOL] = new TabsController(document);\n}\n"],
-  "mappings": "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",
-  "names": ["TABS_CLASSNAME", "TAB_CLASSNAME", "TAB_PANEL_CLASSNAME", "TABS_LIST_CLASSNAME", "ACTIVE_CLASSNAME", "GROUP_DATA_KEY", "TAB_DATA_KEY", "TAB_DATA_VARIANT", "TAB_DATA_ID", "DEFAULT_TABS_GROUP_PREFIX", "TAB_FORCED_OPEN", "TABS_DROPDOWN_SELECT", "TABS_RADIO_CLASSNAME", "GLOBAL_SYMBOL", "getEventTarget", "event", "path", "isCustom", "target", "getClosestScrollableParent", "element", "getOffsetByScrollableParent", "scrollableParent", "elementBounds", "scrollableParentBounds", "Selector", "TABS_CLASSNAME", "TABS_LIST_CLASSNAME", "TAB_CLASSNAME", "TAB_PANEL_CLASSNAME", "TABS_RADIO_CLASSNAME", "TabsController", "document", "event", "target", "getEventTarget", "isCustom", "ACTIVE_CLASSNAME", "tab", "direction", "tabs", "nodes", "currentTab", "currentTabIndex", "key", "newIndex", "handler", "id", "options", "TAB_DATA_ID", "targetTab", "group", "variant", "scrollableParent", "getClosestScrollableParent", "previousTargetOffset", "getOffsetByScrollableParent", "isForced", "root", "singleTabSelector", "TAB_FORCED_OPEN", "GROUP_DATA_KEY", "TAB_DATA_KEY", "updated", "elements", "i", "title", "content", "input", "element", "htmlElem", "tabList", "tabsContainer", "allTabs", "allPanels", "node", "targetIndex", "panel", "isTargetTab", "changed", "dropdown", "TAB_DATA_VARIANT", "select", "menu", "changedIndex", "item", "menuItem", "accordion", "rect", "viewHeight", "targetOffset", "topDelta", "leftDelta", "scrollTopDelta", "scrollLeftDelta", "diplodocId", "align", "eventTab", "DEFAULT_TABS_GROUP_PREFIX", "tabsRoot", "TABS_DROPDOWN_SELECT", "_a", "_b", "_c", "type", "tabEl", "GLOBAL_SYMBOL", "TabsController"]
+  "sourcesContent": ["import {type TabsController} from './runtime/TabsController';\n\nexport const TAB_RE = /`?{% list tabs .*?%}`?/;\nexport const TABS_CLASSNAME = 'yfm-tabs';\nexport const TAB_CLASSNAME = 'yfm-tab';\nexport const TAB_PANEL_CLASSNAME = 'yfm-tab-panel';\nexport const TABS_LIST_CLASSNAME = 'yfm-tab-list';\nexport const ACTIVE_CLASSNAME = 'active';\nexport const TAB_GROUP_CLASSNAME = 'yfm-tab-group';\nexport const TAB_ACTIVE_KEY = 'data-diplodoc-is-active';\nexport const GROUP_DATA_KEY = 'data-diplodoc-group';\nexport const TAB_DATA_KEY = 'data-diplodoc-key';\nexport const TAB_DATA_VARIANT = 'data-diplodoc-variant';\nexport const TAB_DATA_ID = 'data-diplodoc-id';\nexport const DEFAULT_TABS_GROUP_PREFIX = 'defaultTabsGroup-';\nexport const ACTIVE_TAB_TEXT = '{selected}';\nexport const TAB_FORCED_OPEN = 'data-diplodoc-forced';\n\nexport const TABS_DROPDOWN_CLASSNAME = 'yfm-tabs-dropdown';\nexport const TABS_DROPDOWN_MENU_CLASSNAME = 'yfm-tabs-dropdown-menu';\nexport const TABS_DROPDOWN_SELECT = 'yfm-tabs-dropdown-select';\n\nexport const TABS_ACCORDION_CLASSNAME = 'yfm-tabs-accordion';\nexport const TABS_ACCORDION_CLIENT_HEIGHT = 'data-yfm-tabs-accordion-client-heights';\n\nexport const TABS_RADIO_CLASSNAME = 'yfm-tabs-vertical';\nexport const VERTICAL_TAB_CLASSNAME = 'yfm-vertical-tab';\nexport const TAB_DATA_VERTICAL_TAB = 'data-diplodoc-vertical-tab';\nexport const TAB_RADIO_KEY = 'data-diplodoc-input';\n\nexport enum TabsVariants {\n    Regular = 'regular',\n    Radio = 'radio',\n    Dropdown = 'dropdown',\n    Accordion = 'accordion',\n}\n\nexport type EnabledVariants = Partial<Record<TabsVariants, boolean>>;\n\nexport interface Tab {\n    group?: string;\n    key: string;\n    variant: TabsVariants;\n}\n\nexport interface SelectedTabEvent {\n    tab: Tab;\n    currentTabId?: string;\n}\n\nexport const GLOBAL_SYMBOL: unique symbol = Symbol.for('diplodocTabs');\n\ndeclare global {\n    interface Window {\n        [GLOBAL_SYMBOL]: TabsController;\n    }\n}\n", "export const getEventTarget = (event: Event) => {\n    const path = event.composedPath();\n    return Array.isArray(path) && path.length > 0 ? path[0] : event.target;\n};\n\nexport const isCustom = (event: Event) => {\n    const target = getEventTarget(event);\n    return !target || !(target as HTMLElement).matches;\n};\n\nexport const getClosestScrollableParent = (element: HTMLElement): HTMLElement | undefined => {\n    if (Math.abs(element.scrollHeight - element.clientHeight) > 1) {\n        return element;\n    }\n\n    return element.parentElement ? getClosestScrollableParent(element.parentElement) : undefined;\n};\n\nexport interface ElementOffset {\n    top: number;\n    left: number;\n    scrollTop: number;\n    scrollLeft: number;\n}\n\nexport const getOffsetByScrollableParent = (\n    element: HTMLElement,\n    scrollableParent: HTMLElement,\n): ElementOffset => {\n    const elementBounds = element.getBoundingClientRect();\n    const scrollableParentBounds = scrollableParent.getBoundingClientRect();\n    return {\n        top: elementBounds.top - scrollableParentBounds.top,\n        left: elementBounds.left - scrollableParentBounds.left,\n        scrollTop: scrollableParent.scrollTop,\n        scrollLeft: scrollableParent.scrollLeft,\n    };\n};\n", "import {\n    ACTIVE_CLASSNAME,\n    DEFAULT_TABS_GROUP_PREFIX,\n    GROUP_DATA_KEY,\n    SelectedTabEvent,\n    TABS_CLASSNAME,\n    TABS_DROPDOWN_SELECT,\n    TABS_LIST_CLASSNAME,\n    TABS_RADIO_CLASSNAME,\n    TAB_CLASSNAME,\n    TAB_DATA_ID,\n    TAB_DATA_KEY,\n    TAB_DATA_VARIANT,\n    TAB_FORCED_OPEN,\n    TAB_PANEL_CLASSNAME,\n    Tab,\n    TabsVariants,\n} from '../common';\n\nimport {\n    ElementOffset,\n    getClosestScrollableParent,\n    getEventTarget,\n    getOffsetByScrollableParent,\n    isCustom,\n} from './utils';\n\nconst Selector = {\n    TABS: `.${TABS_CLASSNAME}`,\n    TAB_LIST: `.${TABS_LIST_CLASSNAME}`,\n    TAB: `.${TAB_CLASSNAME}`,\n    TAB_PANEL: `.${TAB_PANEL_CLASSNAME}`,\n    VERTICAL_TABS: `.${TABS_RADIO_CLASSNAME}`,\n};\n\nexport interface ISelectTabByIdOptions {\n    scrollToElement: boolean;\n}\n\ntype Handler = (data: SelectedTabEvent) => void;\n\ntype TabSwitchDirection = 'left' | 'right';\n\nexport type TabsHistory = Record<string, {key: string; variant: TabsVariants}>;\n\nexport type TabsControllerOptions = {\n    saveTabsToLocalStorage: boolean;\n    saveTabsToQueryStateMode: 'all' | 'page' | 'none';\n};\n\nexport class TabsController {\n    private _document: Document;\n    private _onSelectTabHandlers: Set<Handler> = new Set();\n    private _options: TabsControllerOptions;\n    private _currentPageTabGroups: string[] = [];\n\n    // TODO: remove side effects from constructor\n    constructor(document: Document, options: Partial<TabsControllerOptions> = {}) {\n        this._document = document;\n        this._options = Object.assign(\n            {\n                saveTabsToLocalStorage: false,\n                saveTabsToQueryStateMode: 'none',\n            },\n            options,\n        );\n\n        this._document.addEventListener('click', (event) => {\n            const target = getEventTarget(event) as HTMLElement;\n\n            if (event.target) {\n                this.hideAllDropdown(event.target as HTMLElement);\n            }\n\n            if (isCustom(event)) {\n                return;\n            }\n\n            if (this.isElementDropdownSelect(target)) {\n                target.classList.toggle(ACTIVE_CLASSNAME);\n\n                return;\n            }\n\n            if (!this.isValidTabElement(target)) {\n                return;\n            }\n\n            const tab = this.getTabDataFromHTMLElement(target);\n\n            if (tab) {\n                this._selectTab(tab, target);\n            }\n        });\n\n        this._document.addEventListener('keydown', (event) => {\n            let direction: TabSwitchDirection | null = null;\n            switch (event.key) {\n                case 'ArrowLeft': {\n                    direction = 'left';\n                    break;\n                }\n                case 'ArrowRight': {\n                    direction = 'right';\n                    break;\n                }\n                case 'ArrowUp': {\n                    direction = 'left';\n                    break;\n                }\n                case 'ArrowDown': {\n                    direction = 'right';\n                    break;\n                }\n            }\n            if (!direction) {\n                return;\n            }\n\n            const target = getEventTarget(event) as HTMLElement;\n\n            if (isCustom(event) || !this.isValidTabElement(target)) {\n                return;\n            }\n\n            const {tabs, nodes} = this.getTabs(target);\n            const currentTab = this.getTabDataFromHTMLElement(target);\n            const currentTabIndex = tabs.findIndex(\n                ({key}) => currentTab?.key && key === currentTab.key,\n            );\n            if (!currentTab || tabs.length <= 1 || currentTabIndex === -1) {\n                return;\n            }\n\n            const newIndex =\n                (currentTabIndex + (direction === 'left' ? -1 : 1) + tabs.length) % tabs.length;\n\n            this.selectTab(tabs[newIndex]);\n            nodes[newIndex].focus();\n        });\n    }\n\n    configure(options: Partial<TabsControllerOptions>) {\n        this._options = Object.assign(this._options, options);\n    }\n\n    onSelectTab(handler: Handler) {\n        this._onSelectTabHandlers.add(handler);\n\n        return () => {\n            this._onSelectTabHandlers.delete(handler);\n        };\n    }\n\n    selectTabById(id: string, options?: ISelectTabByIdOptions) {\n        const target = this._document.querySelector(\n            `${Selector.TAB}[${TAB_DATA_ID}=\"${id}\"]`,\n        ) as HTMLElement;\n\n        if (!target || !this.isValidTabElement(target)) {\n            return;\n        }\n\n        const tab = this.getTabDataFromHTMLElement(target);\n\n        if (tab) {\n            this._selectTab(tab, target);\n        }\n\n        if (options?.scrollToElement) {\n            target.scrollIntoView();\n        }\n    }\n\n    selectTab(tab: Tab) {\n        this._selectTab(tab);\n    }\n\n    restoreTabs(tabsHistory: TabsHistory) {\n        for (const [group, fields] of Object.entries(tabsHistory)) {\n            if (group) {\n                const tab = {group, ...fields};\n                this.selectTab(tab);\n            }\n        }\n    }\n\n    getTabsFromLocalStorage(): TabsHistory {\n        return JSON.parse(localStorage.getItem('tabsHistory') || '{}') as TabsHistory;\n    }\n\n    getTabsFromSearchQuery(): TabsHistory {\n        const tabsHistory = {} as TabsHistory;\n        const urlParams = new URLSearchParams(window.location.search);\n        if (urlParams.has('tabs')) {\n            const tabsFromQuery = urlParams.get('tabs') || '';\n            const tabConfigs = tabsFromQuery.split(',');\n\n            tabConfigs.forEach((config) => {\n                const splitConfig = config.split('_');\n                const [group, key] = splitConfig;\n                let variant = TabsVariants.Regular;\n                if (splitConfig.length === 3) {\n                    variant = splitConfig[2] as TabsVariants;\n                }\n\n                if (group && key && Object.values(TabsVariants).includes(variant)) {\n                    const keyWithSpaces = key;\n                    tabsHistory[group] = {key: keyWithSpaces, variant: variant};\n                }\n            });\n        }\n\n        return tabsHistory;\n    }\n\n    updateLocalStorageWithTabs(tabsHistory: TabsHistory) {\n        if (!this._options.saveTabsToLocalStorage) {\n            return;\n        }\n\n        localStorage.setItem('tabsHistory', JSON.stringify(tabsHistory));\n    }\n\n    updateQueryParamWithTabs(tabsHistory: TabsHistory) {\n        const urlParams = new URLSearchParams(window.location.search);\n        const tabsArray = Object.entries(tabsHistory).map(([group, {key, variant}]) => {\n            if (variant === TabsVariants.Regular) {\n                return `${group}_${key}`;\n            }\n            return `${group}_${key}_${variant}`;\n        });\n        urlParams.set('tabs', tabsArray.join(','));\n\n        // Update the URL without reloading the page\n        const newUrl = `${window.location.origin}${window.location.pathname}?${urlParams.toString()}`;\n        window.history.replaceState({}, document.title, newUrl);\n    }\n\n    getCurrentPageTabHistory(tabsHistory: TabsHistory) {\n        return Object.fromEntries(\n            Object.entries(tabsHistory).filter(([group]) =>\n                this._currentPageTabGroups.includes(group),\n            ),\n        );\n    }\n\n    onPageChanged() {\n        this._currentPageTabGroups = this.getCurrentPageTabGroups();\n    }\n\n    getCurrentPageTabGroups(): string[] {\n        const tabs = this._document.getElementsByClassName(TABS_CLASSNAME);\n        const groups = new Set<string>();\n\n        Array.from(tabs).forEach((tab) => {\n            const group = tab.getAttribute(GROUP_DATA_KEY);\n            if (group) {\n                groups.add(group);\n            }\n        });\n\n        return Array.from(groups);\n    }\n\n    clearTabsPreferred() {\n        localStorage.removeItem('tabsHistory');\n        this.updateQueryParamWithTabs({});\n    }\n\n    private _selectTab(tab: Tab, targetTab?: HTMLElement) {\n        const {group, key, variant} = tab;\n\n        if (!group) {\n            return;\n        }\n\n        this.saveTabPreferred({group, key, variant});\n\n        const scrollableParent = targetTab && getClosestScrollableParent(targetTab);\n        const previousTargetOffset =\n            scrollableParent && getOffsetByScrollableParent(targetTab, scrollableParent);\n\n        const updatedTabs = this.updateHTML({group, key, variant}, targetTab, variant);\n\n        if (updatedTabs > 0) {\n            this.fireSelectTabEvent({group, key, variant}, targetTab?.dataset.diplodocId);\n\n            if (previousTargetOffset) {\n                this.resetScroll(targetTab, scrollableParent, previousTargetOffset);\n            }\n        }\n    }\n\n    private updateHTML(tab: Required<Tab>, target: HTMLElement | undefined, variant: TabsVariants) {\n        switch (variant) {\n            case TabsVariants.Radio: {\n                return this.updateHTMLRadio(tab, target);\n            }\n            case TabsVariants.Accordion: {\n                return this.updateHTMLAccordion(tab, target);\n            }\n            case TabsVariants.Regular: {\n                return this.updateHTMLRegular(tab);\n            }\n            case TabsVariants.Dropdown: {\n                return this.updateHTMLDropdown(tab);\n            }\n            default: {\n                return 0;\n            }\n        }\n    }\n\n    private saveTabPreferred(tab: Required<Tab>) {\n        let tabsHistory = {} as TabsHistory;\n\n        if (this._options.saveTabsToLocalStorage) {\n            tabsHistory = JSON.parse(localStorage.getItem('tabsHistory') || '{}');\n        }\n\n        tabsHistory[tab.group] = {key: tab.key, variant: tab.variant};\n\n        if (this._options.saveTabsToLocalStorage) {\n            this.updateLocalStorageWithTabs(tabsHistory);\n        }\n\n        switch (this._options.saveTabsToQueryStateMode) {\n            case 'all': {\n                this.updateQueryParamWithTabs(tabsHistory);\n                break;\n            }\n            case 'page': {\n                this.updateQueryParamWithTabs(this.getCurrentPageTabHistory(tabsHistory));\n                break;\n            }\n        }\n    }\n\n    private updateHTMLRadio(tab: Required<Tab>, target: HTMLElement | undefined) {\n        const {group, key} = tab;\n\n        const {isForced, root} = this.didTabOpenForce(target);\n\n        const singleTabSelector = isForced ? `.yfm-vertical-tab[${TAB_FORCED_OPEN}=\"true\"]` : '';\n\n        const tabs = this._document.querySelectorAll(\n            `${Selector.TABS}[${GROUP_DATA_KEY}=\"${group}\"] ${Selector.TAB}[${TAB_DATA_KEY}=\"${key}\"]${singleTabSelector}`,\n        );\n\n        if (isForced) {\n            root?.removeAttribute(TAB_FORCED_OPEN);\n        }\n\n        let updated = 0;\n\n        tabs.forEach((tab) => {\n            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n            const root = tab.parentNode!;\n            const elements = root.children;\n\n            for (let i = 0; i < elements.length; i += 2) {\n                const [title, content] = [elements.item(i), elements.item(i + 1)] as HTMLElement[];\n\n                const input = title.children.item(0) as HTMLInputElement;\n\n                if (title === tab) {\n                    const checked = input.checked;\n\n                    if (checked) {\n                        title.classList.remove('active');\n                        content?.classList.remove('active');\n\n                        input.removeAttribute('checked');\n                    } else {\n                        title.classList.add('active');\n                        content?.classList.add('active');\n\n                        input.setAttribute('checked', 'true');\n                    }\n\n                    continue;\n                }\n\n                if (input.hasAttribute('checked')) {\n                    title.classList.remove('active');\n                    content?.classList.remove('active');\n\n                    input.removeAttribute('checked');\n                }\n\n                updated++;\n            }\n        });\n\n        return updated;\n    }\n\n    private updateHTMLRegular(tab: Required<Tab>) {\n        const {group, key} = tab;\n\n        const tabs = this._document.querySelectorAll(\n            `${Selector.TABS}[${GROUP_DATA_KEY}=\"${group}\"] ${Selector.TAB}[${TAB_DATA_KEY}=\"${key}\"]`,\n        );\n\n        let updated = 0;\n\n        tabs.forEach((element) => {\n            const htmlElem = element as HTMLElement;\n            if (!this.isValidTabElement(htmlElem) || htmlElem.dataset.diplodocIsActive === 'true') {\n                return;\n            }\n\n            updated++;\n\n            const tab = element;\n            const tabList = tab.parentNode;\n            const tabsContainer = tabList?.parentNode;\n            const allTabs = Array.from(tabList?.querySelectorAll(Selector.TAB) || []);\n            const allPanels = Array.from(tabsContainer?.children || []).filter((node) =>\n                node.classList.contains(TAB_PANEL_CLASSNAME),\n            );\n            const targetIndex = allTabs.indexOf(tab);\n\n            allTabs.forEach((tab, i) => {\n                const panel = allPanels[i];\n                const isTargetTab = i === targetIndex;\n                const htmlElem = tab as HTMLElement;\n\n                htmlElem.dataset.diplodocIsActive = isTargetTab ? 'true' : 'false';\n\n                tab.classList.toggle(ACTIVE_CLASSNAME, isTargetTab);\n                tab.setAttribute('aria-selected', isTargetTab.toString());\n                tab.setAttribute('tabindex', isTargetTab ? '0' : '-1');\n                panel.classList.toggle(ACTIVE_CLASSNAME, isTargetTab);\n            });\n        });\n\n        return updated;\n    }\n\n    private updateHTMLDropdown(tab: Required<Tab>) {\n        const {group, key} = tab;\n\n        const tabs = this._document.querySelectorAll(\n            `${Selector.TABS}[${GROUP_DATA_KEY}=\"${group}\"] ${Selector.TAB}[${TAB_DATA_KEY}=\"${key}\"]`,\n        );\n\n        let changed = 0;\n\n        tabs.forEach((tab) => {\n            const dropdown = tab.closest(`[${TAB_DATA_VARIANT}=${TabsVariants.Dropdown}]`);\n\n            if (!dropdown?.children) {\n                return;\n            }\n\n            const select = dropdown.children.item(0) as HTMLElement;\n            const menu = dropdown.children.item(1);\n\n            select?.classList.remove(ACTIVE_CLASSNAME);\n\n            /* first and second elements are select / menu, skipping them */\n            const changedIndex = Array.from(menu?.children || []).indexOf(tab) + 2;\n\n            for (let i = 2; i < dropdown.children.length; i++) {\n                const item = dropdown.children.item(i) as HTMLElement;\n                const menuItem = menu?.children.item(i - 2) as HTMLElement;\n\n                changed++;\n\n                if (changedIndex === i) {\n                    item?.classList.add(ACTIVE_CLASSNAME);\n                    menuItem.classList.add(ACTIVE_CLASSNAME);\n\n                    select.innerHTML = tab.innerHTML;\n                    select.classList.add('filled');\n\n                    continue;\n                }\n\n                menuItem.classList.remove(ACTIVE_CLASSNAME);\n                item.classList.remove(ACTIVE_CLASSNAME);\n            }\n        });\n\n        return changed;\n    }\n\n    private updateHTMLAccordion(tab: Required<Tab>, target: HTMLElement | undefined) {\n        const {group, key} = tab;\n\n        const tabs = this._document.querySelectorAll(\n            `${Selector.TABS}[${GROUP_DATA_KEY}=\"${group}\"] ${Selector.TAB}[${TAB_DATA_KEY}=\"${key}\"]`,\n        );\n\n        let changed = 0;\n\n        tabs.forEach((tab) => {\n            const accordion = tab.closest(`[${TAB_DATA_VARIANT}=${TabsVariants.Accordion}]`);\n\n            if (!accordion?.children) {\n                return;\n            }\n\n            for (let i = 0; i < accordion.children.length; i += 2) {\n                const title = accordion.children.item(i);\n                const currentTab = accordion.children.item(i + 1);\n\n                changed++;\n\n                if (tab === title) {\n                    title?.classList.toggle(ACTIVE_CLASSNAME);\n                    currentTab?.classList.toggle(ACTIVE_CLASSNAME);\n\n                    continue;\n                }\n\n                title?.classList.remove(ACTIVE_CLASSNAME);\n                currentTab?.classList.remove(ACTIVE_CLASSNAME);\n            }\n        });\n\n        if (target && !this.checkVisible(target)) {\n            setTimeout(() => {\n                target.scrollIntoView({block: 'nearest'});\n            });\n        }\n\n        return changed;\n    }\n\n    private checkVisible(element: HTMLElement) {\n        const rect = element.getBoundingClientRect();\n        const viewHeight = Math.max(document.documentElement.clientHeight, window.innerHeight);\n\n        return !(rect.bottom < 0 || rect.top - viewHeight >= 0);\n    }\n\n    private hideAllDropdown(target: HTMLElement) {\n        const dropdowns = this._document.querySelectorAll('.yfm-tabs-dropdown-select.active');\n\n        dropdowns.forEach((menu) => {\n            if (!menu.contains(target)) {\n                menu.classList.remove(ACTIVE_CLASSNAME);\n            }\n        });\n    }\n\n    private resetScroll(\n        target: HTMLElement,\n        scrollableParent: HTMLElement,\n        previousTargetOffset: ElementOffset,\n    ) {\n        const targetOffset = getOffsetByScrollableParent(target, scrollableParent);\n        const topDelta = targetOffset.top - previousTargetOffset.top;\n        const leftDelta = targetOffset.left - previousTargetOffset.left;\n        const scrollTopDelta = targetOffset.scrollTop - previousTargetOffset.scrollTop;\n        const scrollLeftDelta = targetOffset.scrollLeft - previousTargetOffset.scrollLeft;\n        scrollableParent.scrollTo(\n            scrollableParent.scrollLeft + leftDelta - scrollLeftDelta,\n            scrollableParent.scrollTop + topDelta - scrollTopDelta,\n        );\n    }\n\n    private didTabOpenForce(target?: HTMLElement) {\n        if (!target) {\n            return {};\n        }\n\n        if (target.dataset.diplodocForced) {\n            return {root: target, isForced: true};\n        }\n\n        const root = target.dataset.diplodocVerticalTab ? target : target.parentElement;\n\n        const isForced = typeof root?.dataset.diplodocForced !== 'undefined';\n\n        return {root, isForced};\n    }\n\n    private fireSelectTabEvent(tab: Required<Tab>, diplodocId?: string) {\n        const {group, key, variant: align} = tab;\n\n        const eventTab: Tab = group.startsWith(DEFAULT_TABS_GROUP_PREFIX)\n            ? {key, variant: align}\n            : tab;\n\n        this._onSelectTabHandlers.forEach((handler) => {\n            handler({tab: eventTab, currentTabId: diplodocId});\n        });\n    }\n\n    private getTabsType(element: HTMLElement) {\n        const tabsRoot = element.closest(`[${TAB_DATA_VARIANT}]`) as HTMLElement | undefined;\n\n        if (!tabsRoot) {\n            return undefined;\n        }\n\n        return tabsRoot.dataset.diplodocVariant;\n    }\n\n    private isValidTabElement(element: HTMLElement) {\n        return Boolean(this.getTabsType(element));\n    }\n\n    private isElementDropdownSelect(target: HTMLElement) {\n        return target.classList.contains(TABS_DROPDOWN_SELECT);\n    }\n\n    private getTabDataFromHTMLElement(target: HTMLElement): Tab | null {\n        const type = this.getTabsType(target);\n\n        if (type === TabsVariants.Radio) {\n            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n            const tab = target.dataset.diplodocVerticalTab ? target : target.parentElement!;\n\n            const key = tab.dataset.diplodocKey;\n            const group = (tab.closest(Selector.TABS) as HTMLElement)?.dataset.diplodocGroup;\n            return key && group ? {group, key, variant: TabsVariants.Radio} : null;\n        }\n\n        if (type === TabsVariants.Dropdown || type === TabsVariants.Accordion) {\n            const key = target.dataset.diplodocKey;\n            const group = (target.closest(Selector.TABS) as HTMLElement)?.dataset.diplodocGroup;\n            return key && group ? {group, key, variant: type} : null;\n        }\n\n        const key = target.dataset.diplodocKey;\n        const group = (target.closest(Selector.TABS) as HTMLElement)?.dataset.diplodocGroup;\n        return key && group ? {group, key, variant: TabsVariants.Regular} : null;\n    }\n\n    private getTabs(target: HTMLElement): {tabs: Tab[]; nodes: NodeListOf<HTMLElement>} {\n        const group = (target.closest(Selector.TABS) as HTMLElement)?.dataset.diplodocGroup;\n        const nodes = (\n            target.closest(Selector.TAB_LIST) as HTMLElement\n        )?.querySelectorAll<HTMLElement>(Selector.TAB);\n\n        const tabs: Tab[] = [];\n        nodes.forEach((tabEl) => {\n            const key = tabEl?.dataset.diplodocKey;\n            if (!key) {\n                return;\n            }\n\n            /** horizontal-only supported feature (used in left/right button click) */\n            tabs.push({\n                group,\n                key,\n                variant: TabsVariants.Regular,\n            });\n        });\n\n        return {tabs, nodes};\n    }\n}\n", "import {GLOBAL_SYMBOL} from '../common';\n\nimport {TabsController} from './TabsController';\nimport './scss/tabs.scss';\n\nif (typeof window !== 'undefined' && typeof document !== 'undefined' && !window[GLOBAL_SYMBOL]) {\n    window[GLOBAL_SYMBOL] = new TabsController(document);\n}\n"],
+  "mappings": "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",
+  "names": ["TABS_CLASSNAME", "TAB_CLASSNAME", "TAB_PANEL_CLASSNAME", "TABS_LIST_CLASSNAME", "ACTIVE_CLASSNAME", "GROUP_DATA_KEY", "TAB_DATA_KEY", "TAB_DATA_VARIANT", "TAB_DATA_ID", "DEFAULT_TABS_GROUP_PREFIX", "TAB_FORCED_OPEN", "TABS_DROPDOWN_SELECT", "TABS_RADIO_CLASSNAME", "TabsVariants", "GLOBAL_SYMBOL", "getEventTarget", "event", "path", "isCustom", "target", "getClosestScrollableParent", "element", "getOffsetByScrollableParent", "scrollableParent", "elementBounds", "scrollableParentBounds", "Selector", "TABS_CLASSNAME", "TABS_LIST_CLASSNAME", "TAB_CLASSNAME", "TAB_PANEL_CLASSNAME", "TABS_RADIO_CLASSNAME", "TabsController", "document", "options", "event", "target", "getEventTarget", "isCustom", "ACTIVE_CLASSNAME", "tab", "direction", "tabs", "nodes", "currentTab", "currentTabIndex", "key", "newIndex", "handler", "id", "TAB_DATA_ID", "tabsHistory", "group", "fields", "urlParams", "config", "splitConfig", "variant", "TabsVariants", "keyWithSpaces", "tabsArray", "newUrl", "groups", "GROUP_DATA_KEY", "targetTab", "scrollableParent", "getClosestScrollableParent", "previousTargetOffset", "getOffsetByScrollableParent", "isForced", "root", "singleTabSelector", "TAB_FORCED_OPEN", "TAB_DATA_KEY", "updated", "elements", "i", "title", "content", "input", "element", "htmlElem", "tabList", "tabsContainer", "allTabs", "allPanels", "node", "targetIndex", "panel", "isTargetTab", "changed", "dropdown", "TAB_DATA_VARIANT", "select", "menu", "changedIndex", "item", "menuItem", "accordion", "rect", "viewHeight", "targetOffset", "topDelta", "leftDelta", "scrollTopDelta", "scrollLeftDelta", "diplodocId", "align", "eventTab", "DEFAULT_TABS_GROUP_PREFIX", "tabsRoot", "TABS_DROPDOWN_SELECT", "_a", "_b", "_c", "type", "tabEl", "GLOBAL_SYMBOL", "TabsController"]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@diplodoc/tabs-extension",
-  "version": "3.5.0",
+  "version": "3.6.0",
   "description": "Tabs plugin for Diplodoc transformer and builder",
   "main": "build/plugin/index.js",
   "types": "build/plugin/index.d.ts",
@@ -14,6 +14,8 @@
       "style": "./build/runtime/index.css",
       "default": "./build/runtime/index.js"
     },
+    "./runtime/styles": "./build/runtime/index.css",
+    "./runtime/styles.css": "./build/runtime/index.css",
     "./react": {
       "types": "./build/react/index.d.ts",
       "default": "./build/react/index.js"
@@ -36,7 +38,7 @@
     "build"
   ],
   "peerDependencies": {
-    "react": "^16.8.0  || ^17.0.0 || ^18.0.0"
+    "react": "^16.8.0  || ^17.0.0 || ^18.0.0 || ^19.0.0"
   },
   "peerDependenciesMeta": {
     "react": {