@diplodoc/tabs-extension 2.0.17 → 2.0.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/runtime/index.js +1 -1
- package/runtime/index.js.map +3 -3
- package/runtime/utils.d.ts +2 -0
package/package.json
CHANGED
package/runtime/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";(()=>{var E="yfm-tabs",
|
|
1
|
+
"use strict";(()=>{var E="yfm-tabs",L="yfm-tab-list",S="yfm-tab",m="yfm-tab-panel",T="active",x="data-diplodoc-group",h="data-diplodoc-key",G="data-diplodoc-id";var H="defaultTabsGroup-",p=Symbol.for("diplodocTabs");var u=n=>{let t=n.composedPath();return Array.isArray(t)&&t.length>0?t[0]:n.target},v=n=>{let t=u(n);return!t||!t.matches},C=n=>Math.abs(n.scrollHeight-n.clientHeight)>1?n:n.parentElement?C(n.parentElement):void 0,f=(n,t)=>{let e=n.getBoundingClientRect(),o=t.getBoundingClientRect();return{top:e.top-o.top,left:e.left-o.left,scrollTop:t.scrollTop,scrollLeft:t.scrollLeft}};var a={TABS:`.${E}`,TAB_LIST:`.${L}`,TAB:`.${S}`,TAB_PANEL:`.${m}`},g=class{constructor(t){this._onSelectTabHandlers=new Set;this._document=t,this._document.addEventListener("click",e=>{let o=u(e);if(v(e)||!this.isValidTabElement(o))return;let l=this.getTabDataFromHTMLElement(o);l&&this._selectTab(l,o)})}onSelectTab(t){return this._onSelectTabHandlers.add(t),()=>{this._onSelectTabHandlers.delete(t)}}selectTabById(t,e){let o=this._document.querySelector(`${a.TAB}[${G}="${t}"]`);if(!o||!this.isValidTabElement(o))return;let l=this.getTabDataFromHTMLElement(o);l&&this._selectTab(l,o),e!=null&&e.scrollToElement&&o.scrollIntoView()}selectTab(t){this._selectTab(t)}_selectTab(t,e){let{group:o,key:l}=t;if(!o)return;let c=e&&C(e),s=c&&f(e,c);this.updateHTML({group:o,key:l})>0&&(this.fireSelectTabEvent({group:o,key:l},e==null?void 0:e.dataset.diplodocId),s&&this.resetScroll(e,c,s))}updateHTML(t){let{group:e,key:o}=t,l=this._document.querySelectorAll(`${a.TABS}[${x}="${e}"] ${a.TAB}[${h}="${o}"]`),c=0;return l.forEach(s=>{let b=s;if(!this.isValidTabElement(b)||b.dataset.diplodocIsActive==="true")return;c++;let d=s,r=d.parentNode,I=r==null?void 0:r.parentNode,B=Array.from((r==null?void 0:r.querySelectorAll(a.TAB))||[]),_=Array.from((I==null?void 0:I.children)||[]).filter(i=>i.classList.contains(m)),O=B.indexOf(d);B.forEach((i,y)=>{let D=_[y],A=y===O,F=i;F.dataset.diplodocIsActive=A?"true":"false",i.classList.toggle(T,A),i.setAttribute("aria-selected",A.toString()),i.setAttribute("tabindex",A?"-1":"0"),D.classList.toggle(T,A)})}),c}resetScroll(t,e,o){let l=f(t,e),c=l.top-o.top,s=l.left-o.left,b=l.scrollTop-o.scrollTop,d=l.scrollLeft-o.scrollLeft;e.scrollTo(e.scrollLeft+s-d,e.scrollTop+c-b)}fireSelectTabEvent(t,e){let{group:o,key:l}=t,c=o.startsWith(H)?{key:l}:t;this._onSelectTabHandlers.forEach(s=>{s({tab:c,currentTabId:e})})}isValidTabElement(t){let e=t.matches(a.TAB)&&t.dataset.diplodocId?t.closest(a.TAB_LIST):null;return e==null?void 0:e.closest(a.TABS)}getTabDataFromHTMLElement(t){var l;let e=t.dataset.diplodocKey,o=(l=t.closest(a.TABS))==null?void 0:l.dataset.diplodocGroup;return e&&o?{group:o,key:e}:null}};typeof window!="undefined"&&typeof document!="undefined"&&!window[p]&&(window[p]=new g(document));})();
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/runtime/index.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../src/common.ts", "../src/runtime/utils.ts", "../src/runtime/TabsController.ts", "../src/runtime/index.ts"],
|
|
4
|
-
"sourcesContent": ["import type {TabsController} from './runtime/TabsController';\n\nexport const TABS_CLASSNAME = 'yfm-tabs';\nexport const TABS_LIST_CLASSNAME = 'yfm-tab-list';\nexport const TAB_CLASSNAME = 'yfm-tab';\nexport const TAB_PANEL_CLASSNAME = 'yfm-tab-panel';\nexport const ACTIVE_CLASSNAME = 'active';\n\nexport const GROUP_DATA_KEY = 'data-diplodoc-group';\nexport const TAB_DATA_KEY = 'data-diplodoc-key';\nexport const TAB_DATA_ID = 'data-diplodoc-id';\nexport const TAB_ACTIVE_KEY = 'data-diplodoc-is-active';\n\nexport const DEFAULT_TABS_GROUP_PREFIX = 'defaultTabsGroup-';\n\nexport interface Tab {\n group?: string;\n key: string;\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}\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 };\n};\n", "import {\n ACTIVE_CLASSNAME,\n DEFAULT_TABS_GROUP_PREFIX,\n GROUP_DATA_KEY,\n SelectedTabEvent,\n TABS_CLASSNAME,\n TABS_LIST_CLASSNAME,\n TAB_CLASSNAME,\n TAB_DATA_ID,\n TAB_DATA_KEY,\n TAB_PANEL_CLASSNAME,\n Tab,\n} from '../common';\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};\n\nexport interface ISelectTabByIdOptions {\n scrollToElement: boolean;\n}\n\ntype Handler = (data: SelectedTabEvent) => void;\n\nexport class TabsController {\n private _document: Document;\n\n private _onSelectTabHandlers: Set<Handler> = new Set();\n\n constructor(document: Document) {\n this._document = document;\n this._document.addEventListener('click', (event) => {\n const target = getEventTarget(event) as HTMLElement;\n\n if (isCustom(event) || !this.isValidTabElement(target)) {\n return;\n }\n\n const tab = this.getTabDataFromHTMLElement(target);\n if (tab) {\n this._selectTab(tab, target);\n }\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 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} = 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});\n\n if (updatedTabs > 0) {\n if (previousTargetOffset) {\n this.resetScroll(targetTab, scrollableParent, previousTargetOffset);\n }\n
|
|
5
|
-
"mappings": "mBAEO,IAAMA,EAAiB,WACjBC,EAAsB,eACtBC,EAAgB,UAChBC,EAAsB,gBACtBC,EAAmB,SAEnBC,EAAiB,sBACjBC,EAAe,oBACfC,EAAc,mBAGpB,IAAMC,EAA4B,oBAY5BC,EAA+B,OAAO,IAAI,cAAc,ECzB9D,IAAMC,EAAkBC,GAAiB,CAC5C,IAAMC,EAAOD,EAAM,aAAa,EAChC,OAAO,MAAM,QAAQC,CAAI,GAAKA,EAAK,OAAS,EAAIA,EAAK,CAAC,EAAID,EAAM,MACpE,EAEaE,EAAYF,GAAiB,CACtC,IAAMG,EAASJ,EAAeC,CAAK,EACnC,MAAO,CAACG,GAAU,CAAEA,EAAuB,OAC/C,EAEaC,EAA8BC,GACnC,KAAK,IAAIA,EAAQ,aAAeA,EAAQ,YAAY,EAAI,EACjDA,EAGJA,EAAQ,cAAgBD,EAA2BC,EAAQ,aAAa,EAAI,
|
|
6
|
-
"names": ["TABS_CLASSNAME", "TABS_LIST_CLASSNAME", "TAB_CLASSNAME", "TAB_PANEL_CLASSNAME", "ACTIVE_CLASSNAME", "GROUP_DATA_KEY", "TAB_DATA_KEY", "TAB_DATA_ID", "DEFAULT_TABS_GROUP_PREFIX", "GLOBAL_SYMBOL", "getEventTarget", "event", "path", "isCustom", "target", "getClosestScrollableParent", "element", "getOffsetByScrollableParent", "scrollableParent", "elementBounds", "scrollableParentBounds", "Selector", "TABS_CLASSNAME", "TABS_LIST_CLASSNAME", "TAB_CLASSNAME", "TAB_PANEL_CLASSNAME", "TabsController", "document", "event", "target", "getEventTarget", "isCustom", "tab", "handler", "id", "options", "TAB_DATA_ID", "targetTab", "group", "key", "scrollableParent", "getClosestScrollableParent", "previousTargetOffset", "getOffsetByScrollableParent", "tabs", "GROUP_DATA_KEY", "TAB_DATA_KEY", "updated", "element", "htmlElem", "tabList", "tabsContainer", "allTabs", "allPanels", "node", "targetIndex", "i", "panel", "isTargetTab", "ACTIVE_CLASSNAME", "targetOffset", "diplodocId", "eventTab", "DEFAULT_TABS_GROUP_PREFIX", "_a", "GLOBAL_SYMBOL", "TabsController"]
|
|
4
|
+
"sourcesContent": ["import type {TabsController} from './runtime/TabsController';\n\nexport const TABS_CLASSNAME = 'yfm-tabs';\nexport const TABS_LIST_CLASSNAME = 'yfm-tab-list';\nexport const TAB_CLASSNAME = 'yfm-tab';\nexport const TAB_PANEL_CLASSNAME = 'yfm-tab-panel';\nexport const ACTIVE_CLASSNAME = 'active';\n\nexport const GROUP_DATA_KEY = 'data-diplodoc-group';\nexport const TAB_DATA_KEY = 'data-diplodoc-key';\nexport const TAB_DATA_ID = 'data-diplodoc-id';\nexport const TAB_ACTIVE_KEY = 'data-diplodoc-is-active';\n\nexport const DEFAULT_TABS_GROUP_PREFIX = 'defaultTabsGroup-';\n\nexport interface Tab {\n group?: string;\n key: string;\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_LIST_CLASSNAME,\n TAB_CLASSNAME,\n TAB_DATA_ID,\n TAB_DATA_KEY,\n TAB_PANEL_CLASSNAME,\n Tab,\n} from '../common';\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};\n\nexport interface ISelectTabByIdOptions {\n scrollToElement: boolean;\n}\n\ntype Handler = (data: SelectedTabEvent) => void;\n\nexport class TabsController {\n private _document: Document;\n\n private _onSelectTabHandlers: Set<Handler> = new Set();\n\n constructor(document: Document) {\n this._document = document;\n this._document.addEventListener('click', (event) => {\n const target = getEventTarget(event) as HTMLElement;\n\n if (isCustom(event) || !this.isValidTabElement(target)) {\n return;\n }\n\n const tab = this.getTabDataFromHTMLElement(target);\n if (tab) {\n this._selectTab(tab, target);\n }\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 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} = 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});\n\n if (updatedTabs > 0) {\n this.fireSelectTabEvent({group, key}, targetTab?.dataset.diplodocId);\n\n if (previousTargetOffset) {\n this.resetScroll(targetTab, scrollableParent, previousTargetOffset);\n }\n }\n }\n\n private updateHTML(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 ? '-1' : '0');\n panel.classList.toggle(ACTIVE_CLASSNAME, isTargetTab);\n });\n });\n\n return updated;\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 fireSelectTabEvent(tab: Required<Tab>, diplodocId?: string) {\n const {group, key} = tab;\n\n const eventTab: Tab = group.startsWith(DEFAULT_TABS_GROUP_PREFIX) ? {key} : tab;\n\n this._onSelectTabHandlers.forEach((handler) => {\n handler({tab: eventTab, currentTabId: diplodocId});\n });\n }\n\n private isValidTabElement(element: HTMLElement) {\n const tabList =\n element.matches(Selector.TAB) && element.dataset.diplodocId\n ? element.closest(Selector.TAB_LIST)\n : null;\n return tabList?.closest(Selector.TABS);\n }\n\n private getTabDataFromHTMLElement(target: HTMLElement): Tab | null {\n const key = target.dataset.diplodocKey;\n const group = (target.closest(Selector.TABS) as HTMLElement)?.dataset.diplodocGroup;\n return key && group ? {group, key} : null;\n }\n}\n", "import {GLOBAL_SYMBOL} from '../common';\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"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["TABS_CLASSNAME", "TABS_LIST_CLASSNAME", "TAB_CLASSNAME", "TAB_PANEL_CLASSNAME", "ACTIVE_CLASSNAME", "GROUP_DATA_KEY", "TAB_DATA_KEY", "TAB_DATA_ID", "DEFAULT_TABS_GROUP_PREFIX", "GLOBAL_SYMBOL", "getEventTarget", "event", "path", "isCustom", "target", "getClosestScrollableParent", "element", "getOffsetByScrollableParent", "scrollableParent", "elementBounds", "scrollableParentBounds", "Selector", "TABS_CLASSNAME", "TABS_LIST_CLASSNAME", "TAB_CLASSNAME", "TAB_PANEL_CLASSNAME", "TabsController", "document", "event", "target", "getEventTarget", "isCustom", "tab", "handler", "id", "options", "TAB_DATA_ID", "targetTab", "group", "key", "scrollableParent", "getClosestScrollableParent", "previousTargetOffset", "getOffsetByScrollableParent", "tabs", "GROUP_DATA_KEY", "TAB_DATA_KEY", "updated", "element", "htmlElem", "tabList", "tabsContainer", "allTabs", "allPanels", "node", "targetIndex", "i", "panel", "isTargetTab", "ACTIVE_CLASSNAME", "targetOffset", "topDelta", "leftDelta", "scrollTopDelta", "scrollLeftDelta", "diplodocId", "eventTab", "DEFAULT_TABS_GROUP_PREFIX", "_a", "GLOBAL_SYMBOL", "TabsController"]
|
|
7
7
|
}
|
package/runtime/utils.d.ts
CHANGED
|
@@ -4,5 +4,7 @@ export declare const getClosestScrollableParent: (element: HTMLElement) => HTMLE
|
|
|
4
4
|
export interface ElementOffset {
|
|
5
5
|
top: number;
|
|
6
6
|
left: number;
|
|
7
|
+
scrollTop: number;
|
|
8
|
+
scrollLeft: number;
|
|
7
9
|
}
|
|
8
10
|
export declare const getOffsetByScrollableParent: (element: HTMLElement, scrollableParent: HTMLElement) => ElementOffset;
|