@aquera/nile-elements 0.0.61 → 0.0.63
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/README.md +9 -0
- package/demo/filenames.txt +1 -1
- package/demo/variables.css +2 -0
- package/dist/index.cjs.js +1 -1
- package/dist/index.esm.js +1 -1
- package/dist/index.iife.js +70 -38
- package/dist/nile-badge/index.cjs.js +1 -1
- package/dist/nile-badge/index.esm.js +1 -1
- package/dist/nile-badge/nile-badge.cjs.js +1 -1
- package/dist/nile-badge/nile-badge.cjs.js.map +1 -1
- package/dist/nile-badge/nile-badge.esm.js +1 -1
- package/dist/nile-button/index.cjs.js +1 -1
- package/dist/nile-button/index.esm.js +1 -1
- package/dist/nile-button/nile-button.cjs.js +1 -1
- package/dist/nile-button/nile-button.cjs.js.map +1 -1
- package/dist/nile-button/nile-button.esm.js +1 -1
- package/dist/nile-dialog/index.cjs.js +1 -1
- package/dist/nile-dialog/index.esm.js +1 -1
- package/dist/nile-dialog/nile-dialog.cjs.js +1 -1
- package/dist/nile-dialog/nile-dialog.cjs.js.map +1 -1
- package/dist/nile-dialog/nile-dialog.esm.js +1 -1
- package/dist/nile-icon/icons/svg/applications-2.cjs.js +2 -0
- package/dist/nile-icon/icons/svg/applications-2.cjs.js.map +1 -0
- package/dist/nile-icon/icons/svg/applications-2.esm.js +1 -0
- package/dist/nile-icon/icons/svg/apps.cjs.js +2 -0
- package/dist/nile-icon/icons/svg/apps.cjs.js.map +1 -0
- package/dist/nile-icon/icons/svg/apps.esm.js +1 -0
- package/dist/nile-icon/icons/svg/index.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/index.esm.js +1 -1
- package/dist/nile-icon/index.cjs.js +1 -1
- package/dist/nile-icon/index.cjs.js.map +1 -1
- package/dist/nile-icon/index.esm.js +1 -1
- package/dist/nile-icon-button/index.cjs.js +1 -1
- package/dist/nile-icon-button/index.esm.js +1 -1
- package/dist/nile-icon-button/nile-icon-button.cjs.js +1 -1
- package/dist/nile-icon-button/nile-icon-button.cjs.js.map +1 -1
- package/dist/nile-icon-button/nile-icon-button.esm.js +1 -1
- package/dist/nile-input/index.cjs.js +1 -1
- package/dist/nile-input/index.esm.js +1 -1
- package/dist/nile-input/nile-input.cjs.js +1 -1
- package/dist/nile-input/nile-input.cjs.js.map +1 -1
- package/dist/nile-input/nile-input.esm.js +1 -1
- package/dist/nile-loader/nile-loader.cjs.js +1 -1
- package/dist/nile-loader/nile-loader.cjs.js.map +1 -1
- package/dist/nile-loader/nile-loader.esm.js +1 -1
- package/dist/nile-menu-item/index.cjs.js +1 -1
- package/dist/nile-menu-item/index.esm.js +1 -1
- package/dist/nile-menu-item/nile-menu-item.cjs.js +1 -1
- package/dist/nile-menu-item/nile-menu-item.cjs.js.map +1 -1
- package/dist/nile-menu-item/nile-menu-item.esm.js +1 -1
- package/dist/nile-option/index.cjs.js +1 -1
- package/dist/nile-option/index.esm.js +1 -1
- package/dist/nile-option/nile-option.cjs.js +1 -1
- package/dist/nile-option/nile-option.cjs.js.map +1 -1
- package/dist/nile-option/nile-option.esm.js +1 -1
- package/dist/nile-select/index.cjs.js +1 -1
- package/dist/nile-select/index.esm.js +1 -1
- package/dist/nile-select/nile-select.cjs.js +1 -1
- package/dist/nile-select/nile-select.cjs.js.map +1 -1
- package/dist/nile-select/nile-select.esm.js +1 -1
- package/dist/nile-tab/index.cjs.js +1 -1
- package/dist/nile-tab/index.esm.js +1 -1
- package/dist/nile-tab/nile-tab.cjs.js +1 -1
- package/dist/nile-tab/nile-tab.cjs.js.map +1 -1
- package/dist/nile-tab/nile-tab.esm.js +1 -1
- package/dist/nile-tab-group/index.cjs.js +1 -1
- package/dist/nile-tab-group/index.esm.js +1 -1
- package/dist/nile-tab-group/nile-tab-group.cjs.js +1 -1
- package/dist/nile-tab-group/nile-tab-group.cjs.js.map +1 -1
- package/dist/nile-tab-group/nile-tab-group.esm.js +1 -1
- package/dist/nile-table-body/nile-table-body.cjs.js +1 -1
- package/dist/nile-table-body/nile-table-body.cjs.js.map +1 -1
- package/dist/nile-table-body/nile-table-body.css.cjs.js +1 -1
- package/dist/nile-table-body/nile-table-body.css.cjs.js.map +1 -1
- package/dist/nile-table-body/nile-table-body.css.esm.js +3 -3
- package/dist/nile-table-body/nile-table-body.esm.js +4 -3
- package/dist/nile-table-header-item/nile-table-header-item.cjs.js +1 -1
- package/dist/nile-table-header-item/nile-table-header-item.cjs.js.map +1 -1
- package/dist/nile-table-header-item/nile-table-header-item.css.cjs.js +1 -1
- package/dist/nile-table-header-item/nile-table-header-item.css.cjs.js.map +1 -1
- package/dist/nile-table-header-item/nile-table-header-item.css.esm.js +16 -7
- package/dist/nile-table-header-item/nile-table-header-item.esm.js +25 -4
- package/dist/nile-table-row/nile-table-row.css.cjs.js +1 -1
- package/dist/nile-table-row/nile-table-row.css.cjs.js.map +1 -1
- package/dist/nile-table-row/nile-table-row.css.esm.js +1 -0
- package/dist/nile-tag/index.cjs.js +1 -1
- package/dist/nile-tag/index.esm.js +1 -1
- package/dist/nile-tag/nile-tag.cjs.js +1 -1
- package/dist/nile-tag/nile-tag.cjs.js.map +1 -1
- package/dist/nile-tag/nile-tag.esm.js +1 -1
- package/dist/nile-toast/index.cjs.js +1 -1
- package/dist/nile-toast/index.esm.js +1 -1
- package/dist/nile-toast/nile-toast.cjs.js +1 -1
- package/dist/nile-toast/nile-toast.cjs.js.map +1 -1
- package/dist/nile-toast/nile-toast.esm.js +1 -1
- package/dist/src/nile-icon/icons/svg/applications-2.d.ts +5 -0
- package/dist/src/nile-icon/icons/svg/applications-2.js +5 -0
- package/dist/src/nile-icon/icons/svg/applications-2.js.map +1 -0
- package/dist/src/nile-icon/icons/svg/apps.d.ts +5 -0
- package/dist/src/nile-icon/icons/svg/apps.js +5 -0
- package/dist/src/nile-icon/icons/svg/apps.js.map +1 -0
- package/dist/src/nile-icon/icons/svg/index.d.ts +2 -0
- package/dist/src/nile-icon/icons/svg/index.js +2 -0
- package/dist/src/nile-icon/icons/svg/index.js.map +1 -1
- package/dist/src/nile-loader/nile-loader.js +1 -1
- package/dist/src/nile-loader/nile-loader.js.map +1 -1
- package/dist/src/nile-table-body/nile-table-body.css.js +3 -3
- package/dist/src/nile-table-body/nile-table-body.css.js.map +1 -1
- package/dist/src/nile-table-body/nile-table-body.d.ts +3 -2
- package/dist/src/nile-table-body/nile-table-body.js +24 -16
- package/dist/src/nile-table-body/nile-table-body.js.map +1 -1
- package/dist/src/nile-table-header-item/nile-table-header-item.css.js +16 -7
- package/dist/src/nile-table-header-item/nile-table-header-item.css.js.map +1 -1
- package/dist/src/nile-table-header-item/nile-table-header-item.d.ts +4 -1
- package/dist/src/nile-table-header-item/nile-table-header-item.js +43 -9
- package/dist/src/nile-table-header-item/nile-table-header-item.js.map +1 -1
- package/dist/src/nile-table-row/nile-table-row.css.js +1 -0
- package/dist/src/nile-table-row/nile-table-row.css.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/nile-icon/icons/svg/applications-2.ts +5 -0
- package/src/nile-icon/icons/svg/apps.ts +5 -0
- package/src/nile-icon/icons/svg/index.ts +2 -0
- package/src/nile-loader/nile-loader.ts +1 -1
- package/src/nile-table-body/nile-table-body.css.ts +3 -3
- package/src/nile-table-body/nile-table-body.ts +24 -15
- package/src/nile-table-header-item/nile-table-header-item.css.ts +16 -7
- package/src/nile-table-header-item/nile-table-header-item.ts +45 -12
- package/src/nile-table-row/nile-table-row.css.ts +1 -0
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"nile-tab-group.cjs.js","sources":["../../../src/nile-tab-group/nile-tab-group.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {LitElement, html, property, CSSResultArray, TemplateResult} from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport {styles} from './nile-tab-group.css';\n\nimport '../nile-icon-button/nile-icon-button';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { query, state } from 'lit/decorators.js';\nimport { scrollIntoView } from '../internal/scroll';\nimport { watch } from '../internal/watch';\nimport NileElement from '../internal/nile-element';\nimport type { CSSResultGroup } from 'lit';\nimport type NileTab from '../nile-tab/nile-tab';\nimport type NileTabPanel from '../nile-tab-panel/nile-tab-panel';\n\n/**\n * Nile icon component.\n *\n * @tag nile-tab-group\n *\n * @slot - Used for grouping tab panels in the tab group. Must be `<nile-tab-panel>` elements.\n * @slot nav - Used for grouping tabs in the tab group. Must be `<nile-tab>` elements.\n *\n * @event {{ name: String }} nile-tab-show - Emitted when a tab is shown.\n * @event {{ name: String }} nile-tab-hide - Emitted when a tab is hidden.\n *\n * @csspart base - The component's base wrapper.\n * @csspart nav - The tab group's navigation container where tabs are slotted in.\n * @csspart tabs - The container that wraps the tabs.\n * @csspart active-tab-indicator - The line that highlights the currently selected tab.\n * @csspart body - The tab group's body where tab panels are slotted in.\n * @csspart scroll-button - The previous/next scroll buttons that show when tabs are scrollable, an `<nile-icon-button>`.\n * @csspart scroll-button--start - The starting scroll button.\n * @csspart scroll-button--end - The ending scroll button.\n * @csspart scroll-button__base - The scroll button's exported `base` part.\n *\n * @cssproperty --indicator-color - The color of the active tab indicator.\n * @cssproperty --track-color - The color of the indicator's track (the line that separates tabs from panels).\n * @cssproperty --track-width - The width of the indicator's track (the line that separates tabs from panels).\n *\n */\n@customElement('nile-tab-group')\nexport class NileTabGroup extends NileElement {\n\n\tstatic styles: CSSResultGroup = styles;\n\n private activeTab?: NileTab;\n private mutationObserver: MutationObserver;\n private resizeObserver: ResizeObserver;\n private tabs: NileTab[] = [];\n private panels: NileTabPanel[] = [];\n\n @query('.tab-group') tabGroup: HTMLElement;\n @query('.tab-group__body') body: HTMLSlotElement;\n @query('.tab-group__nav') nav: HTMLElement;\n @query('.tab-group__indicator') indicator: HTMLElement;\n\n @state() private hasScrollControls = false;\n\n /** The placement of the tabs. */\n @property() placement: 'top' | 'bottom' | 'start' | 'end' = 'top';\n\n /**\n * When set to auto, navigating tabs with the arrow keys will instantly show the corresponding tab panel. When set to\n * manual, the tab will receive focus but will not show until the user presses spacebar or enter.\n */\n @property() activation: 'auto' | 'manual' = 'auto';\n\n /** Disables the scroll arrows that appear when tabs overflow. */\n @property({ attribute: 'no-scroll-controls', type: Boolean }) noScrollControls = false;\n\n /** Controls whether tabs are centered and have equal width */\n @property({ type: Boolean, reflect: true }) centered = false;\n\n connectedCallback() {\n const whenAllDefined = Promise.allSettled([\n customElements.whenDefined('nile-tab'),\n customElements.whenDefined('nile-tab-panel')\n ]);\n\n super.connectedCallback();\n\n this.resizeObserver = new ResizeObserver(() => {\n this.repositionIndicator();\n this.updateScrollControls();\n });\n\n this.mutationObserver = new MutationObserver(mutations => {\n // Update aria labels when the DOM changes\n if (mutations.some(m => !['aria-labelledby', 'aria-controls'].includes(m.attributeName!))) {\n setTimeout(() => this.setAriaLabels());\n }\n\n // Sync tabs when disabled states change\n if (mutations.some(m => m.attributeName === 'disabled')) {\n this.syncTabsAndPanels();\n }\n });\n\n // After the first update...\n this.updateComplete.then(() => {\n this.syncTabsAndPanels();\n this.mutationObserver.observe(this, { attributes: true, childList: true, subtree: true });\n this.resizeObserver.observe(this.nav);\n\n // Wait for tabs and tab panels to be registered\n whenAllDefined.then(() => {\n // Set initial tab state when the tabs become visible\n const intersectionObserver = new IntersectionObserver((entries, observer) => {\n if (entries[0].intersectionRatio > 0) {\n this.setAriaLabels();\n this.setActiveTab(this.getActiveTab() ?? this.tabs[0], { emitEvents: false });\n observer.unobserve(entries[0].target);\n }\n });\n intersectionObserver.observe(this.tabGroup);\n });\n });\n }\n\n disconnectedCallback() {\n this.mutationObserver.disconnect();\n this.resizeObserver.unobserve(this.nav);\n }\n\n private getAllTabs(options: { includeDisabled: boolean } = { includeDisabled: true }) {\n const slot = this.shadowRoot!.querySelector<HTMLSlotElement>('slot[name=\"nav\"]')!;\n\n return [...(slot.assignedElements() as NileTab[])].filter(el => {\n return options.includeDisabled\n ? el.tagName.toLowerCase() === 'nile-tab'\n : el.tagName.toLowerCase() === 'nile-tab' && !el.disabled;\n });\n }\n\n private getAllPanels() {\n return [...this.body.assignedElements()].filter(el => el.tagName.toLowerCase() === 'nile-tab-panel') as [NileTabPanel];\n }\n\n private getActiveTab() {\n return this.tabs.find(el => el.active);\n }\n\n private handleClick(event: MouseEvent) {\n const target = event.target as HTMLElement;\n const tab = target.closest('nile-tab');\n const tabGroup = tab?.closest('nile-tab-group');\n\n // Ensure the target tab is in this tab group\n if (tabGroup !== this) {\n return;\n }\n\n if (tab !== null) {\n this.setActiveTab(tab, { scrollBehavior: 'smooth' });\n }\n }\n\n private handleKeyDown(event: KeyboardEvent) {\n const target = event.target as HTMLElement;\n const tab = target.closest('nile-tab');\n const tabGroup = tab?.closest('nile-tab-group');\n\n // Ensure the target tab is in this tab group\n if (tabGroup !== this) {\n return;\n }\n\n // Activate a tab\n if (['Enter', ' '].includes(event.key)) {\n if (tab !== null) {\n this.setActiveTab(tab, { scrollBehavior: 'smooth' });\n event.preventDefault();\n }\n }\n\n // Move focus left or right\n if (['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown', 'Home', 'End'].includes(event.key)) {\n const activeEl = this.tabs.find(t => t.matches(':focus'));\n const isRtl = false;\n\n if (activeEl?.tagName.toLowerCase() === 'nile-tab') {\n let index = this.tabs.indexOf(activeEl);\n\n if (event.key === 'Home') {\n index = 0;\n } else if (event.key === 'End') {\n index = this.tabs.length - 1;\n } else if (\n (['top', 'bottom'].includes(this.placement) && event.key === (isRtl ? 'ArrowRight' : 'ArrowLeft')) ||\n (['start', 'end'].includes(this.placement) && event.key === 'ArrowUp')\n ) {\n index--;\n } else if (\n (['top', 'bottom'].includes(this.placement) && event.key === (isRtl ? 'ArrowLeft' : 'ArrowRight')) ||\n (['start', 'end'].includes(this.placement) && event.key === 'ArrowDown')\n ) {\n index++;\n }\n\n if (index < 0) {\n index = this.tabs.length - 1;\n }\n\n if (index > this.tabs.length - 1) {\n index = 0;\n }\n\n this.tabs[index].focus({ preventScroll: true });\n\n if (this.activation === 'auto') {\n this.setActiveTab(this.tabs[index], { scrollBehavior: 'smooth' });\n }\n\n if (['top', 'bottom'].includes(this.placement)) {\n scrollIntoView(this.tabs[index], this.nav, 'horizontal');\n }\n\n event.preventDefault();\n }\n }\n }\n\n private handleScrollToStart() {\n this.nav.scroll({\n left:\n true\n ? this.nav.scrollLeft + this.nav.clientWidth\n : this.nav.scrollLeft - this.nav.clientWidth,\n behavior: 'smooth'\n });\n }\n\n private handleScrollToEnd() {\n this.nav.scroll({\n left:\n true\n ? this.nav.scrollLeft - this.nav.clientWidth\n : this.nav.scrollLeft + this.nav.clientWidth,\n behavior: 'smooth'\n });\n }\n\n private setActiveTab(tab: NileTab, options?: { emitEvents?: boolean; scrollBehavior?: 'auto' | 'smooth' }) {\n\n options = {\n emitEvents: true,\n scrollBehavior: 'auto',\n ...options\n };\n\n if (tab !== this.activeTab && !tab.disabled) {\n\n const previousTab = this.activeTab;\n this.activeTab = tab;\n\n\n // Sync active tab and panel\n this.tabs.map(el => (el.active = el === this.activeTab));\n this.panels.map(el => (el.active = el.name === this.activeTab?.panel));\n this.syncIndicator();\n\n if (['top', 'bottom'].includes(this.placement)) {\n scrollIntoView(this.activeTab, this.nav, 'horizontal', options.scrollBehavior);\n }\n\n // Emit events\n if (options.emitEvents) {\n if (previousTab) {\n this.emit('nile-tab-hide', { value: previousTab.panel });\n }\n\n this.emit('nile-tab-show', { value: this.activeTab.panel });\n }\n }\n }\n\n private setAriaLabels() {\n // Link each tab with its corresponding panel\n this.tabs.forEach(tab => {\n const panel = this.panels.find(el => el.name === tab.panel);\n if (panel) {\n tab.setAttribute('aria-controls', panel.getAttribute('id')!);\n panel.setAttribute('aria-labelledby', tab.getAttribute('id')!);\n }\n });\n }\n\n private repositionIndicator() {\n const currentTab = this.getActiveTab();\n\n if (!currentTab) {\n return;\n }\n\n const width = currentTab.clientWidth;\n const height = currentTab.clientHeight;\n const isRtl = false;\n\n // We can't used offsetLeft/offsetTop here due to a shadow parent issue where neither can getBoundingClientRect\n // because it provides invalid values for animating elements: https://bugs.chromium.org/p/chromium/issues/detail?id=920069\n const allTabs = this.getAllTabs();\n const precedingTabs = allTabs.slice(0, allTabs.indexOf(currentTab));\n const offset = precedingTabs.reduce(\n (previous, current) => ({\n left: previous.left + current.clientWidth + 24,\n top: previous.top + current.clientHeight\n }),\n { left: 0, top: 0 }\n );\n\n switch (this.placement) {\n case 'top':\n case 'bottom':\n this.indicator.style.width = `${width}px`;\n this.indicator.style.height = 'auto';\n this.indicator.style.translate = `${offset.left}px`;\n break;\n\n case 'start':\n case 'end':\n this.indicator.style.width = 'auto';\n this.indicator.style.height = `${height}px`;\n this.indicator.style.translate = `0 ${offset.top}px`;\n break;\n }\n }\n\n // This stores tabs and panels so we can refer to a cache instead of calling querySelectorAll() multiple times.\n private syncTabsAndPanels() {\n this.tabs = this.getAllTabs({ includeDisabled: false });\n this.panels = this.getAllPanels();\n this.syncIndicator();\n\n this.tabs.forEach((tab:any) => {\n tab.centered = this.centered;\n });\n\n // After updating, show or hide scroll controls as needed\n this.updateComplete.then(() => this.updateScrollControls());\n }\n\n @watch('noScrollControls', { waitUntilFirstUpdate: true })\n updateScrollControls() {\n if (this.noScrollControls) {\n this.hasScrollControls = false;\n } else {\n this.hasScrollControls =\n ['top', 'bottom'].includes(this.placement) && this.nav.scrollWidth > this.nav.clientWidth;\n this.hasScrollControls = false;\n }\n }\n\n @watch('placement', { waitUntilFirstUpdate: true })\n syncIndicator() {\n const tab = this.getActiveTab();\n\n if (tab) {\n this.indicator.style.display = 'block';\n this.repositionIndicator();\n } else {\n this.indicator.style.display = 'none';\n }\n }\n\n /** Shows the specified tab panel. */\n show(panel: string) {\n const tab = this.tabs.find(el => el.panel === panel);\n\n if (tab) {\n this.setActiveTab(tab, { scrollBehavior: 'smooth' });\n }\n }\n\n render() {\n const isRtl = true;\n\n return html`\n <div\n part=\"base\"\n class=${classMap({\n 'tab-group': true,\n 'tab-group--top': this.placement === 'top',\n 'tab-group--bottom': this.placement === 'bottom',\n 'tab-group--start': this.placement === 'start',\n 'tab-group--end': this.placement === 'end',\n 'tab-group--rtl': true,\n 'tab-group--has-scroll-controls': this.hasScrollControls\n })}\n @click=${this.handleClick}\n @keydown=${this.handleKeyDown}\n >\n <div class=\"tab-group__nav-container\" part=\"nav\">\n ${this.hasScrollControls\n ? html`\n <nile-icon-button\n part=\"scroll-button scroll-button--start\"\n exportparts=\"base:scroll-button__base\"\n class=\"tab-group__scroll-button tab-group__scroll-button--start\"\n name='arrowright'\n library=\"system\"\n label=\"scrollToStart\"\n @click=${this.handleScrollToStart}\n ></nile-icon-button>\n `\n : ''}\n\n <div class=\"tab-group__nav\">\n <div part=\"tabs\" class=\"tab-group__tabs\" role=\"tablist\">\n <div part=\"active-tab-indicator\" class=\"tab-group__indicator\"></div>\n <slot name=\"nav\" @slotchange=${this.syncTabsAndPanels}></slot>\n </div>\n </div>\n\n ${this.hasScrollControls\n ? html`\n <nile-icon-button\n part=\"scroll-button scroll-button--end\"\n exportparts=\"base:scroll-button__base\"\n class=\"tab-group__scroll-button tab-group__scroll-button--end\"\n name='arrowleft'\n library=\"system\"\n label=\"scrollToEnd\"\n @click=${this.handleScrollToEnd}\n ></nile-icon-button>\n `\n : ''}\n </div>\n\n <slot part=\"body\" class=\"tab-group__body\" @slotchange=${this.syncTabsAndPanels}></slot>\n </div>\n `;\n }\n}\n\nexport default NileTabGroup;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-tab-group': NileTabGroup;\n }\n}\n"],"names":["NileTabGroup","m","constructor","this","tabs","panels","hasScrollControls","placement","activation","noScrollControls","centered","_this","_createClass","key","value","connectedCallback","whenAllDefined","Promise","allSettled","customElements","whenDefined","super","resizeObserver","ResizeObserver","repositionIndicator","updateScrollControls","mutationObserver","MutationObserver","mutations","some","includes","attributeName","setTimeout","setAriaLabels","syncTabsAndPanels","updateComplete","then","observe","attributes","childList","subtree","nav","IntersectionObserver","entries","observer","intersectionRatio","setActiveTab","getActiveTab","emitEvents","unobserve","target","tabGroup","disconnectedCallback","disconnect","getAllTabs","options","arguments","length","undefined","includeDisabled","_toConsumableArray","shadowRoot","querySelector","assignedElements","filter","el","tagName","toLowerCase","disabled","getAllPanels","body","find","active","handleClick","event","tab","closest","scrollBehavior","handleKeyDown","preventDefault","activeEl","t","matches","index","indexOf","focus","preventScroll","scrollIntoView","handleScrollToStart","scroll","left","scrollLeft","clientWidth","behavior","handleScrollToEnd","_this3","_objectSpread","activeTab","previousTab","map","name","panel","syncIndicator","emit","forEach","setAttribute","getAttribute","currentTab","width","height","clientHeight","allTabs","offset","slice","reduce","previous","current","top","indicator","style","translate","concat","scrollWidth","display","show","render","html","_templateObject","_taggedTemplateLiteral","classMap","_templateObject2","_templateObject3","NileElement","styles","__decorate","query","prototype","state","property","attribute","type","Boolean","reflect","watch","waitUntilFirstUpdate","_export","customElement"],"mappings":"+06CAgDaA,uEAAN,SAAAC,EAAA,CAAAC,KAAAA,KAAAA,CAAAA,eAAAA,MAAAA,CAAAA,mCAOGC,EAAAA,KAAAA,CAAIC,IAAc,CAAA,EAAA,CAClBD,KAAAA,CAAME,MAAAA,CAAmB,EAOhBF,CAAAA,KAAAA,CAAiBG,mBAAG,CAGzBH,CAAAA,KAAAA,CAASI,SAAuC,CAAA,KAAA,CAMhDJ,KAAAA,CAAUK,UAAsB,CAAA,MAAA,CAGkBL,KAAAA,CAAgBM,gBAAAA,CAAAA,CAAG,EAGrCN,KAAAA,CAAQO,QAAAA,CAAAA,CAAG,CAyWxD,QAAAC,KAAA,EAvWCC,YAAA,CAAAX,CAAA,GAAAY,GAAA,qBAAAC,KAAA,UAAAC,kBAAA,CAAAA,KAAAA,MAAAA,MACE,GAAMC,CAAAA,CAAAA,CAAiBC,QAAQC,UAAW,CAAA,CACxCC,cAAeC,CAAAA,WAAAA,CAAY,YAC3BD,cAAeC,CAAAA,WAAAA,CAAY,gBAG7BC,CAAAA,CAAAA,CAAAA,CAAAA,IAAAA,CAAAA,eAAAA,CAAAA,CAAAA,CAAAA,SAAAA,4BAAAA,IAAAA,OAEAlB,IAAKmB,CAAAA,cAAAA,CAAiB,GAAIC,CAAAA,cAAAA,CAAe,UACvCpB,CAAAA,MAAAA,CAAKqB,mBACLrB,CAAAA,CAAAA,CAAAA,MAAAA,CAAKsB,sBAAsB,EAG7BtB,CAAAA,CAAAA,IAAAA,CAAKuB,gBAAmB,CAAA,GAAIC,CAAAA,iBAAiBC,SAAAA,CAEvCA,CAAAA,CAAAA,CAAAA,CAAUC,IAAK5B,CAAAA,SAAAA,CAAAA,QAAAA,CAAM,CAAC,iBAAmB,CAAA,eAAA,CAAA,CAAiB6B,QAAS7B,CAAAA,CAAAA,CAAE8B,aACvEC,CAAAA,EAAAA,CAAAA,EAAAA,UAAAA,CAAW,iBAAM7B,CAAAA,MAAAA,CAAK8B,mBAIpBL,CAAUC,CAAAA,IAAAA,CAAK5B,SAAAA,CAAyB,QAAA,UAAA,GAApBA,EAAE8B,aACxB5B,EAAAA,CAAAA,EAAAA,MAAAA,CAAK+B,iBACN,CAAA,CAAA,EAAA,CAAA,CAIH/B,KAAKgC,cAAeC,CAAAA,IAAAA,CAAK,UACvBjC,CAAAA,MAAAA,CAAK+B,iBACL/B,CAAAA,CAAAA,CAAAA,MAAAA,CAAKuB,gBAAiBW,CAAAA,OAAAA,CAAQlC,OAAM,CAAEmC,UAAAA,CAAAA,CAAY,CAAMC,CAAAA,SAAAA,CAAAA,CAAW,EAAMC,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAClFrC,MAAKmB,CAAAA,cAAAA,CAAee,QAAQlC,MAAKsC,CAAAA,GAAAA,CAAAA,CAGjCzB,CAAeoB,CAAAA,IAAAA,CAAK,UAEW,CAAA,GAAIM,CAAAA,oBAAqB,CAAA,SAACC,EAASC,CAC1DD,CAAAA,KAAAA,mBAAAA,CAAAA,CAAAA,CAAQ,CAAGE,CAAAA,CAAAA,iBAAAA,CAAoB,IACjC1C,MAAK8B,CAAAA,aAAAA,CAAAA,CAAAA,CACL9B,MAAK2C,CAAAA,YAAAA,EAAAA,mBAAAA,CAAa3C,OAAK4C,YAAkB5C,CAAAA,CAAAA,UAAAA,mBAAAA,UAAAA,mBAAAA,CAAAA,MAAAA,CAAKC,IAAK,CAAA,CAAA,CAAA,CAAI,CAAE4C,UAAAA,CAAAA,CAAY,CACrEJ,CAAAA,CAAAA,CAAAA,CAAAA,CAASK,UAAUN,CAAQ,CAAA,CAAA,CAAA,CAAGO,MAC/B,CAAA,CAAA,EAAA,CAAA,CAEkBb,OAAQlC,CAAAA,MAAAA,CAAKgD,QAAS,CAAA,EAAA,CAC3C,GAEL,EAED,GAAAtC,GAAA,wBAAAC,KAAA,UAAAsC,qBAAA,CACEjD,CAAAA,IAAAA,CAAKuB,gBAAiB2B,CAAAA,UAAAA,CAAAA,CAAAA,CACtBlD,IAAKmB,CAAAA,cAAAA,CAAe2B,UAAU9C,IAAKsC,CAAAA,GAAAA,CACpC,EAEO,GAAA5B,GAAA,cAAAC,KAAA,UAAAwC,WAAA,CAAsE,IAA3DC,CAAAA,CAAwC,CAAAC,SAAA,CAAAC,MAAA,IAAAD,SAAA,MAAAE,SAAA,CAAAF,SAAA,IAAA,CAAEG,eAAiB,CAAA,CAAA,CAAA,CAAA,CAG5E,MAAO,CAAAC,kBAAA,CAFMzD,IAAAA,CAAK0D,UAAYC,CAAAA,aAAAA,CAA+B,kBAE5CC,CAAAA,CAAAA,gBAAAA,CAAAA,CAAAA,EAAkCC,MAAOC,CAAAA,SAAAA,CAAAA,QACjDV,CAAAA,EAAQI,eACkB,CAAA,UAAA,GAA7BM,CAAGC,CAAAA,OAAAA,CAAQC,cACkB,UAA7BF,GAAAA,CAAAA,CAAGC,OAAQC,CAAAA,WAAAA,CAAAA,CAAAA,EAAAA,CAAiCF,EAAGG,QAEtD,EAAA,CAAA,EAEO,GAAAvD,GAAA,gBAAAC,KAAA,UAAAuD,aAAA,CAAAA,CACN,MAAO,CAAAT,kBAAA,CAAIzD,IAAKmE,CAAAA,IAAAA,CAAKP,oBAAoBC,MAAOC,CAAAA,SAAAA,CAAAA,QAAmC,gBAA7BA,GAAAA,CAAAA,CAAGC,QAAQC,WAClE,CAAA,CAAA,EAAA,CAAA,EAEO,GAAAtD,GAAA,gBAAAC,KAAA,UAAAiC,aAAA,CAAAA,CACN,MAAO5C,KAAKC,CAAAA,IAAAA,CAAKmE,IAAKN,CAAAA,SAAAA,CAAAA,QAAMA,CAAAA,CAAGO,CAAAA,MAAAA,EAAAA,CAChC,EAEO,GAAA3D,GAAA,eAAAC,KAAA,UAAA2D,YAAYC,CAClB,CAAA,CAAA,GACMC,CAAAA,CADSD,CAAAA,CAAAA,CAAMxB,OACF0B,OAAQ,CAAA,UAAA,CAAA,CACrBzB,CAAWwB,CAAAA,CAAAA,SAAAA,CAAAA,iBAAAA,CAAAA,CAAKC,QAAQ,gBAG1BzB,CAAAA,CAAAA,CAAAA,GAAahD,IAIL,EAAA,IAAA,GAARwE,CACFxE,EAAAA,IAAAA,CAAK2C,YAAa6B,CAAAA,CAAAA,CAAK,CAAEE,cAAgB,CAAA,QAAA,CAAA,CAE5C,EAEO,GAAAhE,GAAA,iBAAAC,KAAA,UAAAgE,cAAcJ,CACpB,CAAA,CAAA,GACMC,CAAAA,CADSD,CAAAA,CAAAA,CAAMxB,OACF0B,OAAQ,CAAA,UAAA,CAAA,CACrBzB,CAAWwB,CAAAA,CAAAA,SAAAA,CAAAA,iBAAAA,CAAAA,CAAKC,OAAQ,CAAA,gBAAA,CAAA,CAG9B,GAAIzB,CAAAA,GAAahD,OAKb,CAAC,OAAA,CAAS,GAAK2B,CAAAA,CAAAA,QAAAA,CAAS4C,EAAM7D,GACpB,CAAA,EAAA,IAAA,GAAR8D,CACFxE,GAAAA,IAAAA,CAAK2C,aAAa6B,CAAK,CAAA,CAAEE,cAAgB,CAAA,QAAA,CAAA,CAAA,CACzCH,CAAMK,CAAAA,cAAAA,CAAAA,CAAAA,CAAAA,CAKN,CAAC,WAAA,CAAa,aAAc,SAAW,CAAA,WAAA,CAAa,MAAQ,CAAA,KAAA,CAAA,CAAOjD,SAAS4C,CAAM7D,CAAAA,GAAAA,CAAAA,CAAAA,CAAM,CAC1F,GAAMmE,CAAAA,GAAW7E,IAAKC,CAAAA,IAAAA,CAAKmE,IAAKU,CAAAA,SAAAA,CAAAA,QAAKA,CAAAA,CAAEC,CAAAA,OAAAA,CAAQ,QAG/C,CAAA,EAAA,CAAA,CAAA,GAAwC,cAApCF,EAAUd,SAAVc,EAAUd,iBAAVc,EAAUd,CAAAA,OAAAA,CAAQC,WAA8B,CAAA,CAAA,EAAA,CAClD,GAAIgB,CAAAA,EAAAA,CAAQhF,IAAKC,CAAAA,IAAAA,CAAKgF,QAAQJ,EAEZ,CAAA,CAAA,MAAA,GAAdN,CAAM7D,CAAAA,GAAAA,CACRsE,EAAQ,CAAA,CAAA,CACe,KAAdT,GAAAA,CAAAA,CAAM7D,IACfsE,EAAQhF,CAAAA,IAAAA,CAAKC,IAAKqD,CAAAA,MAAAA,CAAS,EAE1B,CAAC,KAAA,CAAO,QAAU3B,CAAAA,CAAAA,QAAAA,CAAS3B,KAAKI,SAAuB,CAAA,EAAA,WAAA,GAATmE,CAAM7D,CAAAA,GAAAA,EACpD,CAAC,OAAA,CAAS,KAAOiB,CAAAA,CAAAA,QAAAA,CAAS3B,KAAKI,SAA4B,CAAA,EAAA,SAAA,GAAdmE,CAAM7D,CAAAA,GAAAA,CAEpDsE,MAEC,CAAC,KAAA,CAAO,QAAUrD,CAAAA,CAAAA,QAAAA,CAAS3B,KAAKI,SAAuB,CAAA,EAAA,YAAA,GAATmE,CAAM7D,CAAAA,GAAAA,EACpD,CAAC,OAAA,CAAS,KAAOiB,CAAAA,CAAAA,QAAAA,CAAS3B,KAAKI,SAA4B,CAAA,EAAA,WAAA,GAAdmE,CAAM7D,CAAAA,GAAAA,GAEpDsE,KAGEA,EAAQ,CAAA,CAAA,GACVA,EAAQhF,CAAAA,IAAAA,CAAKC,KAAKqD,MAAS,CAAA,CAAA,CAAA,CAGzB0B,EAAQhF,CAAAA,IAAAA,CAAKC,IAAKqD,CAAAA,MAAAA,CAAS,CAC7B0B,GAAAA,EAAAA,CAAQ,GAGVhF,IAAKC,CAAAA,IAAAA,CAAK+E,EAAOE,CAAAA,CAAAA,KAAAA,CAAM,CAAEC,aAAe,CAAA,CAAA,CAAA,CAAA,CAAA,CAEhB,MAApBnF,GAAAA,IAAAA,CAAKK,YACPL,IAAK2C,CAAAA,YAAAA,CAAa3C,IAAKC,CAAAA,IAAAA,CAAK+E,EAAQ,CAAA,CAAA,CAAEN,cAAgB,CAAA,QAAA,CAAA,CAAA,CAGpD,CAAC,KAAO,CAAA,QAAA,CAAA,CAAU/C,QAAS3B,CAAAA,IAAAA,CAAKI,YAClCgF,CAAepF,CAAAA,IAAAA,CAAKC,IAAK+E,CAAAA,EAAAA,CAAAA,CAAQhF,KAAKsC,GAAK,CAAA,YAAA,CAAA,CAG7CiC,CAAMK,CAAAA,cAAAA,CAAAA,CACP,EACF,CACF,CAEO,GAAAlE,GAAA,uBAAAC,KAAA,UAAA0E,oBAAA,EACNrF,IAAKsC,CAAAA,GAAAA,CAAIgD,MAAO,CAAA,CACdC,KAEMvF,IAAKsC,CAAAA,GAAAA,CAAIkD,UAAaxF,CAAAA,IAAAA,CAAKsC,IAAImD,WAErCC,CAAAA,QAAAA,CAAU,QAEb,CAAA,CAAA,EAEO,GAAAhF,GAAA,qBAAAC,KAAA,UAAAgF,kBAAA,CAAAA,CACN3F,IAAKsC,CAAAA,GAAAA,CAAIgD,OAAO,CACdC,IAAAA,CAEMvF,IAAKsC,CAAAA,GAAAA,CAAIkD,WAAaxF,IAAKsC,CAAAA,GAAAA,CAAImD,WAErCC,CAAAA,QAAAA,CAAU,UAEb,EAEO,GAAAhF,GAAA,gBAAAC,KAAA,UAAAgC,aAAa6B,CAAAA,CAAcpB,CAQjC,CAAA,KAAAwC,MAAA,MAAA,GANAxC,CAAU,CAAAyC,aAAA,EACRhD,YAAY,CACZ6B,CAAAA,cAAAA,CAAgB,MACbtB,EAAAA,CAAAA,CAAAA,CAGDoB,CAAQxE,GAAAA,IAAAA,CAAK8F,SAActB,EAAAA,CAAAA,CAAAA,CAAIP,SAAU,CAE3C,GAAM8B,CAAAA,GAAc/F,CAAAA,IAAAA,CAAK8F,SACzB9F,CAAAA,IAAAA,CAAK8F,SAAYtB,CAAAA,CAAAA,CAIjBxE,KAAKC,IAAK+F,CAAAA,GAAAA,CAAIlC,SAAAA,CAAOA,QAAAA,CAAAA,CAAAA,CAAGO,OAASP,CAAO9D,GAAAA,MAAAA,CAAK8F,SAC7C9F,EAAAA,CAAAA,CAAAA,IAAAA,CAAKE,OAAO8F,GAAIlC,CAAAA,SAAAA,CAAAA,MAAAA,gBAAAA,OAAOA,CAAAA,CAAGO,CAAAA,MAAAA,CAASP,CAAGmC,CAAAA,IAAAA,KAAAA,gBAAAA,CAASjG,MAAK8F,CAAAA,SAAAA,UAAAA,gBAAAA,iBAAL9F,gBAAAA,CAAgBkG,UAC/DlG,IAAKmG,CAAAA,aAAAA,CAAAA,CAAAA,CAED,CAAC,KAAA,CAAO,UAAUxE,QAAS3B,CAAAA,IAAAA,CAAKI,SAClCgF,CAAAA,EAAAA,CAAAA,CAAepF,KAAK8F,SAAW9F,CAAAA,IAAAA,CAAKsC,GAAK,CAAA,YAAA,CAAcc,CAAQsB,CAAAA,cAAAA,CAAAA,CAI7DtB,CAAQP,CAAAA,UAAAA,GACNkD,KACF/F,IAAKoG,CAAAA,IAAAA,CAAK,eAAiB,CAAA,CAAEzF,MAAOoF,GAAYG,CAAAA,KAAAA,CAAAA,CAAAA,CAGlDlG,IAAKoG,CAAAA,IAAAA,CAAK,gBAAiB,CAAEzF,KAAAA,CAAOX,IAAK8F,CAAAA,SAAAA,CAAUI,KAEtD,CAAA,CAAA,CAAA,EACF,CAEO,GAAAxF,GAAA,iBAAAC,KAAA,UAAAmB,cAAA,kBAEN9B,IAAKC,CAAAA,IAAAA,CAAKoG,OAAQ7B,CAAAA,SAAAA,CAAAA,CAAAA,CAChB,GAAM0B,CAAAA,CAAQlG,CAAAA,MAAAA,CAAKE,MAAOkE,CAAAA,IAAAA,CAAKN,SAAAA,SAAMA,CAAAA,CAAGmC,CAAAA,IAAAA,GAASzB,CAAI0B,CAAAA,KAAAA,EAAAA,CAAAA,CACjDA,CACF1B,GAAAA,CAAAA,CAAI8B,YAAa,CAAA,eAAA,CAAiBJ,EAAMK,YAAa,CAAA,IAAA,CAAA,CAAA,CACrDL,CAAMI,CAAAA,YAAAA,CAAa,kBAAmB9B,CAAI+B,CAAAA,YAAAA,CAAa,IACxD,CAAA,CAAA,CAAA,EAAA,CAEJ,EAEO,GAAA7F,GAAA,uBAAAC,KAAA,UAAAU,oBAAA,CAAAA,CACN,GAAMmF,CAAAA,CAAAA,CAAaxG,IAAK4C,CAAAA,YAAAA,CAAAA,CAAAA,CAExB,GAAK4D,CAAAA,CAAAA,CACH,OAGF,GAAMC,CAAAA,CAAAA,CAAQD,CAAWf,CAAAA,WAAAA,CACnBiB,EAASF,CAAWG,CAAAA,YAAAA,CAKpBC,CAAU5G,CAAAA,IAAAA,CAAKmD,aAEf0D,CADgBD,CAAAA,CAAAA,CAAQE,KAAM,CAAA,CAAA,CAAGF,CAAQ3B,CAAAA,OAAAA,CAAQuB,CAC1BO,CAAAA,CAAAA,CAAAA,MAAAA,CAC3B,SAACC,CAAUC,CAAAA,CAAAA,QAAa,CACtB1B,IAAAA,CAAMyB,EAASzB,IAAO0B,CAAAA,CAAAA,CAAQxB,WAAc,CAAA,EAAA,CAC5CyB,IAAKF,CAASE,CAAAA,GAAAA,CAAMD,CAAQN,CAAAA,YAAAA,CAAAA,EAAAA,CAE9B,CAAEpB,IAAAA,CAAM,CAAG2B,CAAAA,GAAAA,CAAK,IAGlB,OAAQlH,IAAAA,CAAKI,SACX,EAAA,IAAK,KACL,CAAA,IAAK,QACHJ,CAAAA,IAAAA,CAAKmH,UAAUC,KAAMX,CAAAA,KAAAA,IAAAA,MAAAA,CAAWA,CAAAA,MAAAA,CAChCzG,IAAKmH,CAAAA,SAAAA,CAAUC,KAAMV,CAAAA,MAAAA,CAAS,OAC9B1G,IAAKmH,CAAAA,SAAAA,CAAUC,KAAMC,CAAAA,SAAAA,IAAAA,MAAAA,CAAeR,CAAOtB,CAAAA,IAAAA,MAAAA,CAC3C,MAEF,IAAK,QACL,IAAK,KAAA,CACHvF,IAAKmH,CAAAA,SAAAA,CAAUC,KAAMX,CAAAA,KAAAA,CAAQ,MAC7BzG,CAAAA,IAAAA,CAAKmH,UAAUC,KAAMV,CAAAA,MAAAA,IAAAA,MAAAA,CAAYA,CAAAA,MAAAA,CACjC1G,KAAKmH,SAAUC,CAAAA,KAAAA,CAAMC,SAAY,MAAAC,MAAA,CAAKT,EAAOK,GAGlD,MAAA,EAAA,CAGO,GAAAxG,GAAA,qBAAAC,KAAA,UAAAoB,kBAAA,CAAAA,KAAAA,MAAAA,MACN/B,IAAKC,CAAAA,IAAAA,CAAOD,IAAKmD,CAAAA,UAAAA,CAAW,CAAEK,eAAiB,CAAA,CAAA,CAAA,CAAA,CAAA,CAC/CxD,IAAKE,CAAAA,MAAAA,CAASF,KAAKkE,YACnBlE,CAAAA,CAAAA,CAAAA,IAAAA,CAAKmG,aAELnG,CAAAA,CAAAA,CAAAA,IAAAA,CAAKC,KAAKoG,OAAS7B,CAAAA,SAAAA,CAAAA,CAAAA,CACjBA,CAAIjE,CAAAA,QAAAA,CAAWP,MAAKO,CAAAA,QAAQ,EAI9BP,CAAAA,CAAAA,IAAAA,CAAKgC,eAAeC,IAAK,CAAA,iBAAMjC,CAAAA,MAAKsB,CAAAA,oBAAAA,CAAAA,CAAAA,EAAAA,CACrC,EAGD,GAAAZ,GAAA,wBAAAC,KAAA,UAAAW,qBAAA,CAAAA,CACMtB,IAAKM,CAAAA,gBAAAA,GAGPN,KAAKG,iBACH,CAAA,CAAC,KAAO,CAAA,QAAA,CAAA,CAAUwB,QAAS3B,CAAAA,IAAAA,CAAKI,SAAcJ,CAAAA,EAAAA,IAAAA,CAAKsC,IAAIiF,WAAcvH,CAAAA,IAAAA,CAAKsC,GAAImD,CAAAA,WAAAA,CAAAA,CAHhFzF,KAAKG,iBAAoB,CAAA,CAAA,CAM5B,EAGD,GAAAO,GAAA,iBAAAC,KAAA,UAAAwF,cAAA,EACcnG,IAAK4C,CAAAA,YAAAA,CAAAA,CAAAA,EAGf5C,IAAKmH,CAAAA,SAAAA,CAAUC,KAAMI,CAAAA,OAAAA,CAAU,OAC/BxH,CAAAA,IAAAA,CAAKqB,uBAELrB,IAAKmH,CAAAA,SAAAA,CAAUC,KAAMI,CAAAA,OAAAA,CAAU,MAElC,EAGD,GAAA9G,GAAA,QAAAC,KAAA,UAAA8G,KAAKvB,CAAAA,CAAAA,CACH,GAAM1B,CAAAA,CAAMxE,CAAAA,IAAAA,CAAKC,IAAKmE,CAAAA,IAAAA,CAAKN,SAAAA,CAAMA,QAAAA,CAAAA,CAAAA,CAAGoC,KAAUA,GAAAA,CAAAA,EAAAA,CAAAA,CAE1C1B,GACFxE,IAAK2C,CAAAA,YAAAA,CAAa6B,CAAK,CAAA,CAAEE,eAAgB,QAE5C,CAAA,CAAA,EAED,GAAAhE,GAAA,UAAAC,KAAA,UAAA+G,OAAA,CAAAA,CAGE,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,qnBAGCC,CAAS,CAAA,CACf,aAAa,CACb,CAAA,gBAAA,CAAqC,QAAnB9H,IAAKI,CAAAA,SAAAA,CACvB,mBAAwC,CAAA,QAAA,GAAnBJ,IAAKI,CAAAA,SAAAA,CAC1B,mBAAuC,OAAnBJ,GAAAA,IAAAA,CAAKI,UACzB,gBAAqC,CAAA,KAAA,GAAnBJ,KAAKI,SACvB,CAAA,gBAAA,CAAA,CAAkB,CAClB,CAAA,gCAAA,CAAkCJ,IAAKG,CAAAA,iBAAAA,CAAAA,CAAAA,CAEhCH,IAAKsE,CAAAA,WAAAA,CACHtE,IAAK2E,CAAAA,aAAAA,CAGZ3E,IAAAA,CAAKG,kBACHwH,CAAI,CAAAI,gBAAA,GAAAA,gBAAA,CAAAF,sBAAA,scAQS7H,IAAKqF,CAAAA,mBAAAA,EAGlB,EAAA,CAK+BrF,IAAK+B,CAAAA,iBAAAA,CAItC/B,IAAAA,CAAKG,kBACHwH,CAAI,CAAAK,gBAAA,GAAAA,gBAAA,CAAAH,sBAAA,+bAQS7H,IAAK2F,CAAAA,iBAAAA,EAGlB,EAAA,CAGkD3F,IAAK+B,CAAAA,iBAAAA,EAGlE,CApYKlC,WAAAA,CAAAA,GAF0BoI,CAAAA,GAE1BpI,CAAAA,CAAMqI,OAAmBA,CAQVC,CAAAA,CAAAA,CAAA,CAApBC,CAAM,CAAA,YAAA,CAAA,CAAA,CAAoCvI,CAAAwI,CAAAA,SAAAA,CAAA,UAAA,CAAA,IAAA,EAAA,CAAA,CAChBF,EAAA,CAA1BC,CAAAA,CAAM,kBAA0CvI,CAAAA,CAAAA,CAAAA,CAAAA,CAAAwI,SAAA,CAAA,MAAA,CAAA,IAAA,IACvBF,CAAA,CAAA,CAAzBC,CAAM,CAAA,iBAAA,CAAA,CAAA,CAAoCvI,CAAAwI,CAAAA,SAAAA,CAAA,UAAA,EACXF,CAAAA,CAAAA,CAAAA,CAAA,CAA/BC,CAAAA,CAAM,uBAAgDvI,CAAAA,CAAAA,CAAAA,CAAAA,CAAAwI,UAAA,WAAA,CAAA,IAAA,EAAA,CAAA,CAE9CF,CAAA,CAAA,CAARG,CAA0CzI,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAwI,UAAA,mBAAA,CAAA,IAAA,EAAA,CAAA,CAG/BF,CAAA,CAAA,CAAXI,CAAiE1I,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAwI,UAAA,WAAA,CAAA,IAAA,EAAA,CAAA,CAMtDF,CAAA,CAAA,CAAXI,CAAkD1I,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAwI,UAAA,YAAA,CAAA,IAAA,EAAA,CAAA,CAGWF,CAAA,CAAA,CAA7DI,CAAS,CAAA,CAAEC,UAAW,oBAAsBC,CAAAA,IAAAA,CAAMC,OAAoC7I,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAwI,SAAA,CAAA,kBAAA,CAAA,IAAA,IAG3CF,CAAA,CAAA,CAA3CI,CAAS,CAAA,CAAEE,IAAMC,CAAAA,OAAAA,CAASC,SAAS,CAAyB9I,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAwI,SAAA,CAAA,UAAA,CAAA,IAAA,EA+Q7DF,CAAAA,CAAAA,CAAAA,CAAA,CADCS,CAAM,CAAA,kBAAA,CAAoB,CAAEC,oBAAAA,CAAAA,CAAsB,CASlDhJ,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAwI,UAAA,sBAAA,CAAA,IAAA,CAAA,CAGDF,CAAA,CAAA,CADCS,CAAM,CAAA,WAAA,CAAa,CAAEC,oBAAsB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAU3ChJ,CAAAwI,CAAAA,SAAAA,CAAA,eAAA,CAAA,IAAA,CAAA,CAAAS,OAAA,KAjUUjJ,EAAYsI,CAAA,CAAA,CADxBY,CAAc,CAAA,gBAAA,CAAA,CAAA,CACFlJ"}
|
1
|
+
{"version":3,"file":"nile-tab-group.cjs.js","sources":["../../../src/nile-tab-group/nile-tab-group.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {LitElement, html, property, CSSResultArray, TemplateResult} from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport {styles} from './nile-tab-group.css';\n\nimport '../nile-icon-button/nile-icon-button';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { query, state } from 'lit/decorators.js';\nimport { scrollIntoView } from '../internal/scroll';\nimport { watch } from '../internal/watch';\nimport NileElement from '../internal/nile-element';\nimport type { CSSResultGroup } from 'lit';\nimport type NileTab from '../nile-tab/nile-tab';\nimport type NileTabPanel from '../nile-tab-panel/nile-tab-panel';\n\n/**\n * Nile icon component.\n *\n * @tag nile-tab-group\n *\n * @slot - Used for grouping tab panels in the tab group. Must be `<nile-tab-panel>` elements.\n * @slot nav - Used for grouping tabs in the tab group. Must be `<nile-tab>` elements.\n *\n * @event {{ name: String }} nile-tab-show - Emitted when a tab is shown.\n * @event {{ name: String }} nile-tab-hide - Emitted when a tab is hidden.\n *\n * @csspart base - The component's base wrapper.\n * @csspart nav - The tab group's navigation container where tabs are slotted in.\n * @csspart tabs - The container that wraps the tabs.\n * @csspart active-tab-indicator - The line that highlights the currently selected tab.\n * @csspart body - The tab group's body where tab panels are slotted in.\n * @csspart scroll-button - The previous/next scroll buttons that show when tabs are scrollable, an `<nile-icon-button>`.\n * @csspart scroll-button--start - The starting scroll button.\n * @csspart scroll-button--end - The ending scroll button.\n * @csspart scroll-button__base - The scroll button's exported `base` part.\n *\n * @cssproperty --indicator-color - The color of the active tab indicator.\n * @cssproperty --track-color - The color of the indicator's track (the line that separates tabs from panels).\n * @cssproperty --track-width - The width of the indicator's track (the line that separates tabs from panels).\n *\n */\n@customElement('nile-tab-group')\nexport class NileTabGroup extends NileElement {\n\n\tstatic styles: CSSResultGroup = styles;\n\n private activeTab?: NileTab;\n private mutationObserver: MutationObserver;\n private resizeObserver: ResizeObserver;\n private tabs: NileTab[] = [];\n private panels: NileTabPanel[] = [];\n\n @query('.tab-group') tabGroup: HTMLElement;\n @query('.tab-group__body') body: HTMLSlotElement;\n @query('.tab-group__nav') nav: HTMLElement;\n @query('.tab-group__indicator') indicator: HTMLElement;\n\n @state() private hasScrollControls = false;\n\n /** The placement of the tabs. */\n @property() placement: 'top' | 'bottom' | 'start' | 'end' = 'top';\n\n /**\n * When set to auto, navigating tabs with the arrow keys will instantly show the corresponding tab panel. When set to\n * manual, the tab will receive focus but will not show until the user presses spacebar or enter.\n */\n @property() activation: 'auto' | 'manual' = 'auto';\n\n /** Disables the scroll arrows that appear when tabs overflow. */\n @property({ attribute: 'no-scroll-controls', type: Boolean }) noScrollControls = false;\n\n /** Controls whether tabs are centered and have equal width */\n @property({ type: Boolean, reflect: true }) centered = false;\n\n connectedCallback() {\n const whenAllDefined = Promise.allSettled([\n customElements.whenDefined('nile-tab'),\n customElements.whenDefined('nile-tab-panel')\n ]);\n\n super.connectedCallback();\n\n this.resizeObserver = new ResizeObserver(() => {\n this.repositionIndicator();\n this.updateScrollControls();\n });\n\n this.mutationObserver = new MutationObserver(mutations => {\n // Update aria labels when the DOM changes\n if (mutations.some(m => !['aria-labelledby', 'aria-controls'].includes(m.attributeName!))) {\n setTimeout(() => this.setAriaLabels());\n }\n\n // Sync tabs when disabled states change\n if (mutations.some(m => m.attributeName === 'disabled')) {\n this.syncTabsAndPanels();\n }\n });\n\n // After the first update...\n this.updateComplete.then(() => {\n this.syncTabsAndPanels();\n this.mutationObserver.observe(this, { attributes: true, childList: true, subtree: true });\n this.resizeObserver.observe(this.nav);\n\n // Wait for tabs and tab panels to be registered\n whenAllDefined.then(() => {\n // Set initial tab state when the tabs become visible\n const intersectionObserver = new IntersectionObserver((entries, observer) => {\n if (entries[0].intersectionRatio > 0) {\n this.setAriaLabels();\n this.setActiveTab(this.getActiveTab() ?? this.tabs[0], { emitEvents: false });\n observer.unobserve(entries[0].target);\n }\n });\n intersectionObserver.observe(this.tabGroup);\n });\n });\n }\n\n disconnectedCallback() {\n this.mutationObserver.disconnect();\n this.resizeObserver.unobserve(this.nav);\n }\n\n private getAllTabs(options: { includeDisabled: boolean } = { includeDisabled: true }) {\n const slot = this.shadowRoot!.querySelector<HTMLSlotElement>('slot[name=\"nav\"]')!;\n\n return [...(slot.assignedElements() as NileTab[])].filter(el => {\n return options.includeDisabled\n ? el.tagName.toLowerCase() === 'nile-tab'\n : el.tagName.toLowerCase() === 'nile-tab' && !el.disabled;\n });\n }\n\n private getAllPanels() {\n return [...this.body.assignedElements()].filter(el => el.tagName.toLowerCase() === 'nile-tab-panel') as [NileTabPanel];\n }\n\n private getActiveTab() {\n return this.tabs.find(el => el.active);\n }\n\n private handleClick(event: MouseEvent) {\n const target = event.target as HTMLElement;\n const tab = target.closest('nile-tab');\n const tabGroup = tab?.closest('nile-tab-group');\n\n // Ensure the target tab is in this tab group\n if (tabGroup !== this) {\n return;\n }\n\n if (tab !== null) {\n this.setActiveTab(tab, { scrollBehavior: 'smooth' });\n }\n }\n\n private handleKeyDown(event: KeyboardEvent) {\n const target = event.target as HTMLElement;\n const tab = target.closest('nile-tab');\n const tabGroup = tab?.closest('nile-tab-group');\n\n // Ensure the target tab is in this tab group\n if (tabGroup !== this) {\n return;\n }\n\n // Activate a tab\n if (['Enter', ' '].includes(event.key)) {\n if (tab !== null) {\n this.setActiveTab(tab, { scrollBehavior: 'smooth' });\n event.preventDefault();\n }\n }\n\n // Move focus left or right\n if (['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown', 'Home', 'End'].includes(event.key)) {\n const activeEl = this.tabs.find(t => t.matches(':focus'));\n const isRtl = false;\n\n if (activeEl?.tagName.toLowerCase() === 'nile-tab') {\n let index = this.tabs.indexOf(activeEl);\n\n if (event.key === 'Home') {\n index = 0;\n } else if (event.key === 'End') {\n index = this.tabs.length - 1;\n } else if (\n (['top', 'bottom'].includes(this.placement) && event.key === (isRtl ? 'ArrowRight' : 'ArrowLeft')) ||\n (['start', 'end'].includes(this.placement) && event.key === 'ArrowUp')\n ) {\n index--;\n } else if (\n (['top', 'bottom'].includes(this.placement) && event.key === (isRtl ? 'ArrowLeft' : 'ArrowRight')) ||\n (['start', 'end'].includes(this.placement) && event.key === 'ArrowDown')\n ) {\n index++;\n }\n\n if (index < 0) {\n index = this.tabs.length - 1;\n }\n\n if (index > this.tabs.length - 1) {\n index = 0;\n }\n\n this.tabs[index].focus({ preventScroll: true });\n\n if (this.activation === 'auto') {\n this.setActiveTab(this.tabs[index], { scrollBehavior: 'smooth' });\n }\n\n if (['top', 'bottom'].includes(this.placement)) {\n scrollIntoView(this.tabs[index], this.nav, 'horizontal');\n }\n\n event.preventDefault();\n }\n }\n }\n\n private handleScrollToStart() {\n this.nav.scroll({\n left:\n true\n ? this.nav.scrollLeft + this.nav.clientWidth\n : this.nav.scrollLeft - this.nav.clientWidth,\n behavior: 'smooth'\n });\n }\n\n private handleScrollToEnd() {\n this.nav.scroll({\n left:\n true\n ? this.nav.scrollLeft - this.nav.clientWidth\n : this.nav.scrollLeft + this.nav.clientWidth,\n behavior: 'smooth'\n });\n }\n\n private setActiveTab(tab: NileTab, options?: { emitEvents?: boolean; scrollBehavior?: 'auto' | 'smooth' }) {\n\n options = {\n emitEvents: true,\n scrollBehavior: 'auto',\n ...options\n };\n\n if (tab !== this.activeTab && !tab.disabled) {\n\n const previousTab = this.activeTab;\n this.activeTab = tab;\n\n\n // Sync active tab and panel\n this.tabs.map(el => (el.active = el === this.activeTab));\n this.panels.map(el => (el.active = el.name === this.activeTab?.panel));\n this.syncIndicator();\n\n if (['top', 'bottom'].includes(this.placement)) {\n scrollIntoView(this.activeTab, this.nav, 'horizontal', options.scrollBehavior);\n }\n\n // Emit events\n if (options.emitEvents) {\n if (previousTab) {\n this.emit('nile-tab-hide', { value: previousTab.panel });\n }\n\n this.emit('nile-tab-show', { value: this.activeTab.panel });\n }\n }\n }\n\n private setAriaLabels() {\n // Link each tab with its corresponding panel\n this.tabs.forEach(tab => {\n const panel = this.panels.find(el => el.name === tab.panel);\n if (panel) {\n tab.setAttribute('aria-controls', panel.getAttribute('id')!);\n panel.setAttribute('aria-labelledby', tab.getAttribute('id')!);\n }\n });\n }\n\n private repositionIndicator() {\n const currentTab = this.getActiveTab();\n\n if (!currentTab) {\n return;\n }\n\n const width = currentTab.clientWidth;\n const height = currentTab.clientHeight;\n const isRtl = false;\n\n // We can't used offsetLeft/offsetTop here due to a shadow parent issue where neither can getBoundingClientRect\n // because it provides invalid values for animating elements: https://bugs.chromium.org/p/chromium/issues/detail?id=920069\n const allTabs = this.getAllTabs();\n const precedingTabs = allTabs.slice(0, allTabs.indexOf(currentTab));\n const offset = precedingTabs.reduce(\n (previous, current) => ({\n left: previous.left + current.clientWidth + 24,\n top: previous.top + current.clientHeight\n }),\n { left: 0, top: 0 }\n );\n\n switch (this.placement) {\n case 'top':\n case 'bottom':\n this.indicator.style.width = `${width}px`;\n this.indicator.style.height = 'auto';\n this.indicator.style.translate = `${offset.left}px`;\n break;\n\n case 'start':\n case 'end':\n this.indicator.style.width = 'auto';\n this.indicator.style.height = `${height}px`;\n this.indicator.style.translate = `0 ${offset.top}px`;\n break;\n }\n }\n\n // This stores tabs and panels so we can refer to a cache instead of calling querySelectorAll() multiple times.\n private syncTabsAndPanels() {\n this.tabs = this.getAllTabs({ includeDisabled: false });\n this.panels = this.getAllPanels();\n this.syncIndicator();\n\n this.tabs.forEach((tab:any) => {\n tab.centered = this.centered;\n });\n\n // After updating, show or hide scroll controls as needed\n this.updateComplete.then(() => this.updateScrollControls());\n }\n\n @watch('noScrollControls', { waitUntilFirstUpdate: true })\n updateScrollControls() {\n if (this.noScrollControls) {\n this.hasScrollControls = false;\n } else {\n this.hasScrollControls =\n ['top', 'bottom'].includes(this.placement) && this.nav.scrollWidth > this.nav.clientWidth;\n this.hasScrollControls = false;\n }\n }\n\n @watch('placement', { waitUntilFirstUpdate: true })\n syncIndicator() {\n const tab = this.getActiveTab();\n\n if (tab) {\n this.indicator.style.display = 'block';\n this.repositionIndicator();\n } else {\n this.indicator.style.display = 'none';\n }\n }\n\n /** Shows the specified tab panel. */\n show(panel: string) {\n const tab = this.tabs.find(el => el.panel === panel);\n\n if (tab) {\n this.setActiveTab(tab, { scrollBehavior: 'smooth' });\n }\n }\n\n render() {\n const isRtl = true;\n\n return html`\n <div\n part=\"base\"\n class=${classMap({\n 'tab-group': true,\n 'tab-group--top': this.placement === 'top',\n 'tab-group--bottom': this.placement === 'bottom',\n 'tab-group--start': this.placement === 'start',\n 'tab-group--end': this.placement === 'end',\n 'tab-group--rtl': true,\n 'tab-group--has-scroll-controls': this.hasScrollControls\n })}\n @click=${this.handleClick}\n @keydown=${this.handleKeyDown}\n >\n <div class=\"tab-group__nav-container\" part=\"nav\">\n ${this.hasScrollControls\n ? html`\n <nile-icon-button\n part=\"scroll-button scroll-button--start\"\n exportparts=\"base:scroll-button__base\"\n class=\"tab-group__scroll-button tab-group__scroll-button--start\"\n name='arrowright'\n library=\"system\"\n label=\"scrollToStart\"\n @click=${this.handleScrollToStart}\n ></nile-icon-button>\n `\n : ''}\n\n <div class=\"tab-group__nav\">\n <div part=\"tabs\" class=\"tab-group__tabs\" role=\"tablist\">\n <div part=\"active-tab-indicator\" class=\"tab-group__indicator\"></div>\n <slot name=\"nav\" @slotchange=${this.syncTabsAndPanels}></slot>\n </div>\n </div>\n\n ${this.hasScrollControls\n ? html`\n <nile-icon-button\n part=\"scroll-button scroll-button--end\"\n exportparts=\"base:scroll-button__base\"\n class=\"tab-group__scroll-button tab-group__scroll-button--end\"\n name='arrowleft'\n library=\"system\"\n label=\"scrollToEnd\"\n @click=${this.handleScrollToEnd}\n ></nile-icon-button>\n `\n : ''}\n </div>\n\n <slot part=\"body\" class=\"tab-group__body\" @slotchange=${this.syncTabsAndPanels}></slot>\n </div>\n `;\n }\n}\n\nexport default NileTabGroup;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-tab-group': NileTabGroup;\n }\n}\n"],"names":["NileTabGroup","_l","_inherits","m","_super","_createSuper","this","tabs","panels","hasScrollControls","placement","activation","noScrollControls","centered","_this","_createClass","key","value","connectedCallback","_this2","whenAllDefined","Promise","allSettled","customElements","whenDefined","super","resizeObserver","ResizeObserver","repositionIndicator","updateScrollControls","mutationObserver","MutationObserver","mutations","some","includes","attributeName","setTimeout","setAriaLabels","syncTabsAndPanels","updateComplete","then","observe","attributes","childList","subtree","nav","IntersectionObserver","entries","observer","intersectionRatio","setActiveTab","getActiveTab","emitEvents","unobserve","target","tabGroup","disconnectedCallback","disconnect","getAllTabs","options","includeDisabled","_toConsumableArray","shadowRoot","querySelector","assignedElements","filter","el","tagName","toLowerCase","disabled","getAllPanels","body","find","active","handleClick","event","tab","closest","scrollBehavior","handleKeyDown","preventDefault","activeEl","t","matches","index","indexOf","length","focus","preventScroll","scrollIntoView","handleScrollToStart","scroll","left","scrollLeft","clientWidth","behavior","handleScrollToEnd","activeTab","previousTab","map","name","panel","syncIndicator","emit","forEach","setAttribute","getAttribute","currentTab","width","height","clientHeight","allTabs","offset","slice","reduce","previous","current","top","indicator","style","translate","concat","scrollWidth","display","show","render","html","_templateObject","_taggedTemplateLiteral","classMap","_templateObject2","_templateObject3","NileElement","styles","__decorate","query","prototype","state","property","attribute","type","Boolean","reflect","watch","waitUntilFirstUpdate","_export","customElement"],"mappings":"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"}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import{__decorate as i}from"tslib";import{x as s}from"../index-cd2f9c12.esm.js";import{query as o,state as n,customElement as e}from"lit/decorators.js";import{s as c}from"./nile-tab-group.css.esm.js";import"../nile-icon-button/nile-icon-button.esm.js";import{classMap as t}from"lit/directives/class-map.js";import{s as m}from"../internal/scroll.esm.js";import{w as r}from"../internal/watch.esm.js";import{N as l}from"../internal/nile-element.esm.js";import{n as p}from"../property-09139d3c.esm.js";import"../nile-icon-button/nile-icon-button.css.esm.js";import"../nile-icon/index.esm.js";import"lit";import"lit/directives/unsafe-svg.js";import"../nile-icon/icons/svg/index.esm.js";import"../nile-icon/icons/svg/accessreview.esm.js";import"../nile-icon/icons/svg/action.esm.js";import"../nile-icon/icons/svg/actionworkflow.esm.js";import"../nile-icon/icons/svg/address.esm.js";import"../nile-icon/icons/svg/agent.esm.js";import"../nile-icon/icons/svg/agents.esm.js";import"../nile-icon/icons/svg/aggregation.esm.js";import"../nile-icon/icons/svg/allapplication.esm.js";import"../nile-icon/icons/svg/allsearch.esm.js";import"../nile-icon/icons/svg/anomaly.esm.js";import"../nile-icon/icons/svg/api.esm.js";import"../nile-icon/icons/svg/application.esm.js";import"../nile-icon/icons/svg/applications.esm.js";import"../nile-icon/icons/svg/apply-filter.esm.js";import"../nile-icon/icons/svg/approve.esm.js";import"../nile-icon/icons/svg/aquera.esm.js";import"../nile-icon/icons/svg/aquerasupport.esm.js";import"../nile-icon/icons/svg/array-loop.esm.js";import"../nile-icon/icons/svg/array-of-boolean.esm.js";import"../nile-icon/icons/svg/array-of-integer.esm.js";import"../nile-icon/icons/svg/array-of-string.esm.js";import"../nile-icon/icons/svg/array.esm.js";import"../nile-icon/icons/svg/arrayofobject.esm.js";import"../nile-icon/icons/svg/arrow.esm.js";import"../nile-icon/icons/svg/arrowdown.esm.js";import"../nile-icon/icons/svg/arrowdropdown.esm.js";import"../nile-icon/icons/svg/arrowdropup.esm.js";import"../nile-icon/icons/svg/arrowleft.esm.js";import"../nile-icon/icons/svg/arrowright.esm.js";import"../nile-icon/icons/svg/arrowup.esm.js";import"../nile-icon/icons/svg/attribute-map-analysis-icon.esm.js";import"../nile-icon/icons/svg/attributemap.esm.js";import"../nile-icon/icons/svg/back.esm.js";import"../nile-icon/icons/svg/bar-chart-square-02.esm.js";import"../nile-icon/icons/svg/bar-chart-square-03.esm.js";import"../nile-icon/icons/svg/bargraph.esm.js";import"../nile-icon/icons/svg/basic.esm.js";import"../nile-icon/icons/svg/bell-icon.esm.js";import"../nile-icon/icons/svg/bell.esm.js";import"../nile-icon/icons/svg/block.esm.js";import"../nile-icon/icons/svg/bluedot.esm.js";import"../nile-icon/icons/svg/boolean.esm.js";import"../nile-icon/icons/svg/border_all.esm.js";import"../nile-icon/icons/svg/bulk-sync.esm.js";import"../nile-icon/icons/svg/button-loading-black.esm.js";import"../nile-icon/icons/svg/button-loading-blue-animated.esm.js";import"../nile-icon/icons/svg/button-loading-blue.esm.js";import"../nile-icon/icons/svg/button-loading-white.esm.js";import"../nile-icon/icons/svg/calendar.esm.js";import"../nile-icon/icons/svg/cancel.esm.js";import"../nile-icon/icons/svg/cases.esm.js";import"../nile-icon/icons/svg/caution.esm.js";import"../nile-icon/icons/svg/cell-loader.esm.js";import"../nile-icon/icons/svg/certification.esm.js";import"../nile-icon/icons/svg/check-done-01.esm.js";import"../nile-icon/icons/svg/check-done-02.esm.js";import"../nile-icon/icons/svg/chevron-down.esm.js";import"../nile-icon/icons/svg/chevron-up.esm.js";import"../nile-icon/icons/svg/close.esm.js";import"../nile-icon/icons/svg/collapse-1.esm.js";import"../nile-icon/icons/svg/collapse.esm.js";import"../nile-icon/icons/svg/color.esm.js";import"../nile-icon/icons/svg/columns-03.esm.js";import"../nile-icon/icons/svg/combo1.esm.js";import"../nile-icon/icons/svg/compact.esm.js";import"../nile-icon/icons/svg/compare-tiles.esm.js";import"../nile-icon/icons/svg/component-menu.esm.js";import"../nile-icon/icons/svg/component.esm.js";import"../nile-icon/icons/svg/componentblock.esm.js";import"../nile-icon/icons/svg/components-icon.esm.js";import"../nile-icon/icons/svg/componenttext.esm.js";import"../nile-icon/icons/svg/condition.esm.js";import"../nile-icon/icons/svg/conditions.esm.js";import"../nile-icon/icons/svg/connect.esm.js";import"../nile-icon/icons/svg/connectivitymap.esm.js";import"../nile-icon/icons/svg/connectorrightarrow.esm.js";import"../nile-icon/icons/svg/continuous.esm.js";import"../nile-icon/icons/svg/copy.esm.js";import"../nile-icon/icons/svg/cor-analysis.esm.js";import"../nile-icon/icons/svg/correlation.esm.js";import"../nile-icon/icons/svg/create.esm.js";import"../nile-icon/icons/svg/createuser.esm.js";import"../nile-icon/icons/svg/custom.esm.js";import"../nile-icon/icons/svg/dashboard.esm.js";import"../nile-icon/icons/svg/data-type-array.esm.js";import"../nile-icon/icons/svg/data-type-boolean.esm.js";import"../nile-icon/icons/svg/data-type-expression.esm.js";import"../nile-icon/icons/svg/data-type-json.esm.js";import"../nile-icon/icons/svg/data-type-null.esm.js";import"../nile-icon/icons/svg/data-type-number.esm.js";import"../nile-icon/icons/svg/data-type-persistent-variable.esm.js";import"../nile-icon/icons/svg/data-type-string.esm.js";import"../nile-icon/icons/svg/data-type-unknown.esm.js";import"../nile-icon/icons/svg/data-type-variable.esm.js";import"../nile-icon/icons/svg/database-1.esm.js";import"../nile-icon/icons/svg/database.esm.js";import"../nile-icon/icons/svg/databaseview.esm.js";import"../nile-icon/icons/svg/default-1.esm.js";import"../nile-icon/icons/svg/default-cursor.esm.js";import"../nile-icon/icons/svg/default.esm.js";import"../nile-icon/icons/svg/delegate.esm.js";import"../nile-icon/icons/svg/delete.esm.js";import"../nile-icon/icons/svg/deleteuser.esm.js";import"../nile-icon/icons/svg/deligateduser.esm.js";import"../nile-icon/icons/svg/directory.esm.js";import"../nile-icon/icons/svg/disabled.esm.js";import"../nile-icon/icons/svg/document.esm.js";import"../nile-icon/icons/svg/done.esm.js";import"../nile-icon/icons/svg/dontmap.esm.js";import"../nile-icon/icons/svg/donut.esm.js";import"../nile-icon/icons/svg/dots-grid.esm.js";import"../nile-icon/icons/svg/doublearrowleft.esm.js";import"../nile-icon/icons/svg/doublearrowright.esm.js";import"../nile-icon/icons/svg/dowhileloop.esm.js";import"../nile-icon/icons/svg/downarrow.esm.js";import"../nile-icon/icons/svg/downgrade.esm.js";import"../nile-icon/icons/svg/download.esm.js";import"../nile-icon/icons/svg/drag.esm.js";import"../nile-icon/icons/svg/draglist.esm.js";import"../nile-icon/icons/svg/droparrow.esm.js";import"../nile-icon/icons/svg/dropdown.esm.js";import"../nile-icon/icons/svg/edit-1.esm.js";import"../nile-icon/icons/svg/edit-pencil.esm.js";import"../nile-icon/icons/svg/edit-write.esm.js";import"../nile-icon/icons/svg/else.esm.js";import"../nile-icon/icons/svg/email.esm.js";import"../nile-icon/icons/svg/enable.esm.js";import"../nile-icon/icons/svg/enabled.esm.js";import"../nile-icon/icons/svg/entities.esm.js";import"../nile-icon/icons/svg/entitlement.esm.js";import"../nile-icon/icons/svg/error.esm.js";import"../nile-icon/icons/svg/escalate.esm.js";import"../nile-icon/icons/svg/event.esm.js";import"../nile-icon/icons/svg/every.esm.js";import"../nile-icon/icons/svg/exactmatch.esm.js";import"../nile-icon/icons/svg/execute.esm.js";import"../nile-icon/icons/svg/expand-1.esm.js";import"../nile-icon/icons/svg/expand-2.esm.js";import"../nile-icon/icons/svg/expand.esm.js";import"../nile-icon/icons/svg/eye.esm.js";import"../nile-icon/icons/svg/eyeclosed.esm.js";import"../nile-icon/icons/svg/featured-icon.esm.js";import"../nile-icon/icons/svg/file-shield-02.esm.js";import"../nile-icon/icons/svg/file-type-icon.esm.js";import"../nile-icon/icons/svg/file.esm.js";import"../nile-icon/icons/svg/filter-1.esm.js";import"../nile-icon/icons/svg/filter.esm.js";import"../nile-icon/icons/svg/fingerprint-03.esm.js";import"../nile-icon/icons/svg/firewall.esm.js";import"../nile-icon/icons/svg/firewallagent.esm.js";import"../nile-icon/icons/svg/flow-h.esm.js";import"../nile-icon/icons/svg/flow.esm.js";import"../nile-icon/icons/svg/flowmap-agent.esm.js";import"../nile-icon/icons/svg/flowmap-application.esm.js";import"../nile-icon/icons/svg/flowmap-aquera.esm.js";import"../nile-icon/icons/svg/flowmap-block.esm.js";import"../nile-icon/icons/svg/flowmap-cancel.esm.js";import"../nile-icon/icons/svg/flowmap-colorpalatte.esm.js";import"../nile-icon/icons/svg/flowmap-drag.esm.js";import"../nile-icon/icons/svg/flowmap-ellipsis.esm.js";import"../nile-icon/icons/svg/flowmap-firewall-agent.esm.js";import"../nile-icon/icons/svg/flowmap-firewall.esm.js";import"../nile-icon/icons/svg/flowmap-gateway.esm.js";import"../nile-icon/icons/svg/flowmap-hand.esm.js";import"../nile-icon/icons/svg/flowmap-orchestration.esm.js";import"../nile-icon/icons/svg/flowmap-redo.esm.js";import"../nile-icon/icons/svg/flowmap-section.esm.js";import"../nile-icon/icons/svg/flowmap-text.esm.js";import"../nile-icon/icons/svg/flowmap-undo.esm.js";import"../nile-icon/icons/svg/flowmap-workflow.esm.js";import"../nile-icon/icons/svg/flowmap.esm.js";import"../nile-icon/icons/svg/folder.esm.js";import"../nile-icon/icons/svg/foreach.esm.js";import"../nile-icon/icons/svg/form.esm.js";import"../nile-icon/icons/svg/frequency.esm.js";import"../nile-icon/icons/svg/fullscreen.esm.js";import"../nile-icon/icons/svg/fullscreenexit.esm.js";import"../nile-icon/icons/svg/fullscreenshrink.esm.js";import"../nile-icon/icons/svg/funnel.esm.js";import"../nile-icon/icons/svg/gateway.esm.js";import"../nile-icon/icons/svg/general.esm.js";import"../nile-icon/icons/svg/generationphase.esm.js";import"../nile-icon/icons/svg/global-search.esm.js";import"../nile-icon/icons/svg/globe.esm.js";import"../nile-icon/icons/svg/goto.esm.js";import"../nile-icon/icons/svg/graph.esm.js";import"../nile-icon/icons/svg/graphedit.esm.js";import"../nile-icon/icons/svg/greendot.esm.js";import"../nile-icon/icons/svg/greydot.esm.js";import"../nile-icon/icons/svg/greylightdot.esm.js";import"../nile-icon/icons/svg/group-analysis-icon.esm.js";import"../nile-icon/icons/svg/group.esm.js";import"../nile-icon/icons/svg/groupby.esm.js";import"../nile-icon/icons/svg/groups.esm.js";import"../nile-icon/icons/svg/guide.esm.js";import"../nile-icon/icons/svg/handtool.esm.js";import"../nile-icon/icons/svg/header-actions.esm.js";import"../nile-icon/icons/svg/header-child-workflow.esm.js";import"../nile-icon/icons/svg/header-flows.esm.js";import"../nile-icon/icons/svg/header-functions.esm.js";import"../nile-icon/icons/svg/header-tasks.esm.js";import"../nile-icon/icons/svg/header-variable.esm.js";import"../nile-icon/icons/svg/help-1.esm.js";import"../nile-icon/icons/svg/help.esm.js";import"../nile-icon/icons/svg/helpandsupport.esm.js";import"../nile-icon/icons/svg/helpers.esm.js";import"../nile-icon/icons/svg/helpsupport.esm.js";import"../nile-icon/icons/svg/history.esm.js";import"../nile-icon/icons/svg/identitygraph.esm.js";import"../nile-icon/icons/svg/identityledger.esm.js";import"../nile-icon/icons/svg/if.esm.js";import"../nile-icon/icons/svg/ifelse.esm.js";import"../nile-icon/icons/svg/image.esm.js";import"../nile-icon/icons/svg/immutable.esm.js";import"../nile-icon/icons/svg/info-icon.esm.js";import"../nile-icon/icons/svg/info-icon1.esm.js";import"../nile-icon/icons/svg/info.esm.js";import"../nile-icon/icons/svg/info2.esm.js";import"../nile-icon/icons/svg/inprogress.esm.js";import"../nile-icon/icons/svg/integer.esm.js";import"../nile-icon/icons/svg/itemplaceholder.esm.js";import"../nile-icon/icons/svg/js.esm.js";import"../nile-icon/icons/svg/kill.esm.js";import"../nile-icon/icons/svg/laptop-01.esm.js";import"../nile-icon/icons/svg/layers-three-01.esm.js";import"../nile-icon/icons/svg/layers-three-02.esm.js";import"../nile-icon/icons/svg/leftarrow.esm.js";import"../nile-icon/icons/svg/leftpointarrow.esm.js";import"../nile-icon/icons/svg/life-buoy-01.esm.js";import"../nile-icon/icons/svg/line.esm.js";import"../nile-icon/icons/svg/link.esm.js";import"../nile-icon/icons/svg/list-attribute.esm.js";import"../nile-icon/icons/svg/list.esm.js";import"../nile-icon/icons/svg/loader.esm.js";import"../nile-icon/icons/svg/loading.esm.js";import"../nile-icon/icons/svg/loading2.esm.js";import"../nile-icon/icons/svg/lock.esm.js";import"../nile-icon/icons/svg/log-info.esm.js";import"../nile-icon/icons/svg/log.esm.js";import"../nile-icon/icons/svg/logo-white.esm.js";import"../nile-icon/icons/svg/logout.esm.js";import"../nile-icon/icons/svg/logs.esm.js";import"../nile-icon/icons/svg/loop.esm.js";import"../nile-icon/icons/svg/manage.esm.js";import"../nile-icon/icons/svg/manageduser.esm.js";import"../nile-icon/icons/svg/map.esm.js";import"../nile-icon/icons/svg/mapcreate.esm.js";import"../nile-icon/icons/svg/mapdont.esm.js";import"../nile-icon/icons/svg/maponcreate.esm.js";import"../nile-icon/icons/svg/maponupdate.esm.js";import"../nile-icon/icons/svg/mapupdate.esm.js";import"../nile-icon/icons/svg/maximize.esm.js";import"../nile-icon/icons/svg/menu.esm.js";import"../nile-icon/icons/svg/message-notification-square.esm.js";import"../nile-icon/icons/svg/minus.esm.js";import"../nile-icon/icons/svg/moveleft.esm.js";import"../nile-icon/icons/svg/moveright.esm.js";import"../nile-icon/icons/svg/multiple-user.esm.js";import"../nile-icon/icons/svg/mute.esm.js";import"../nile-icon/icons/svg/next-down.esm.js";import"../nile-icon/icons/svg/next.esm.js";import"../nile-icon/icons/svg/no-anomaly.esm.js";import"../nile-icon/icons/svg/nomatch.esm.js";import"../nile-icon/icons/svg/not.esm.js";import"../nile-icon/icons/svg/note.esm.js";import"../nile-icon/icons/svg/notification.esm.js";import"../nile-icon/icons/svg/notificationadd.esm.js";import"../nile-icon/icons/svg/notificationadded.esm.js";import"../nile-icon/icons/svg/notscheduled.esm.js";import"../nile-icon/icons/svg/null.esm.js";import"../nile-icon/icons/svg/number.esm.js";import"../nile-icon/icons/svg/numberinput.esm.js";import"../nile-icon/icons/svg/numbers.esm.js";import"../nile-icon/icons/svg/object.esm.js";import"../nile-icon/icons/svg/operators.esm.js";import"../nile-icon/icons/svg/options.esm.js";import"../nile-icon/icons/svg/orchestration-solid.esm.js";import"../nile-icon/icons/svg/orchestration.esm.js";import"../nile-icon/icons/svg/organization.esm.js";import"../nile-icon/icons/svg/other.esm.js";import"../nile-icon/icons/svg/otherdetails.esm.js";import"../nile-icon/icons/svg/ou-analysis-icon.esm.js";import"../nile-icon/icons/svg/override.esm.js";import"../nile-icon/icons/svg/palletemenu.esm.js";import"../nile-icon/icons/svg/partner.esm.js";import"../nile-icon/icons/svg/partners.esm.js";import"../nile-icon/icons/svg/pause.esm.js";import"../nile-icon/icons/svg/pen.esm.js";import"../nile-icon/icons/svg/pencil.esm.js";import"../nile-icon/icons/svg/peopletask.esm.js";import"../nile-icon/icons/svg/persistent-variable.esm.js";import"../nile-icon/icons/svg/persistentdata.esm.js";import"../nile-icon/icons/svg/personaldetails.esm.js";import"../nile-icon/icons/svg/phone.esm.js";import"../nile-icon/icons/svg/pie.esm.js";import"../nile-icon/icons/svg/pin.esm.js";import"../nile-icon/icons/svg/placeholder-wf.esm.js";import"../nile-icon/icons/svg/play.esm.js";import"../nile-icon/icons/svg/plus-icon.esm.js";import"../nile-icon/icons/svg/plus.esm.js";import"../nile-icon/icons/svg/pluscircle.esm.js";import"../nile-icon/icons/svg/plussquare.esm.js";import"../nile-icon/icons/svg/policy.esm.js";import"../nile-icon/icons/svg/potentialmatch.esm.js";import"../nile-icon/icons/svg/poweron.esm.js";import"../nile-icon/icons/svg/predefined.esm.js";import"../nile-icon/icons/svg/prev-up.esm.js";import"../nile-icon/icons/svg/prev.esm.js";import"../nile-icon/icons/svg/preview.esm.js";import"../nile-icon/icons/svg/privilage.esm.js";import"../nile-icon/icons/svg/privilege.esm.js";import"../nile-icon/icons/svg/privilegeobject.esm.js";import"../nile-icon/icons/svg/process.esm.js";import"../nile-icon/icons/svg/professionaldetails.esm.js";import"../nile-icon/icons/svg/question.esm.js";import"../nile-icon/icons/svg/radio.esm.js";import"../nile-icon/icons/svg/radioactive.esm.js";import"../nile-icon/icons/svg/radiodone.esm.js";import"../nile-icon/icons/svg/read.esm.js";import"../nile-icon/icons/svg/readexpression.esm.js";import"../nile-icon/icons/svg/readonly.esm.js";import"../nile-icon/icons/svg/readonlyuser.esm.js";import"../nile-icon/icons/svg/readuser.esm.js";import"../nile-icon/icons/svg/reddot.esm.js";import"../nile-icon/icons/svg/redo.esm.js";import"../nile-icon/icons/svg/refresh.esm.js";import"../nile-icon/icons/svg/reminder.esm.js";import"../nile-icon/icons/svg/resize.esm.js";import"../nile-icon/icons/svg/resource.esm.js";import"../nile-icon/icons/svg/returnvalue.esm.js";import"../nile-icon/icons/svg/revocationcycle.esm.js";import"../nile-icon/icons/svg/revokation-cycle.esm.js";import"../nile-icon/icons/svg/rightarrow.esm.js";import"../nile-icon/icons/svg/role.esm.js";import"../nile-icon/icons/svg/rolemanager.esm.js";import"../nile-icon/icons/svg/run.esm.js";import"../nile-icon/icons/svg/save.esm.js";import"../nile-icon/icons/svg/schedule.esm.js";import"../nile-icon/icons/svg/schema.esm.js";import"../nile-icon/icons/svg/script.esm.js";import"../nile-icon/icons/svg/search-steps-icon.esm.js";import"../nile-icon/icons/svg/search.esm.js";import"../nile-icon/icons/svg/section.esm.js";import"../nile-icon/icons/svg/select.esm.js";import"../nile-icon/icons/svg/selectapplication.esm.js";import"../nile-icon/icons/svg/selectattributes.esm.js";import"../nile-icon/icons/svg/selectuser.esm.js";import"../nile-icon/icons/svg/send.esm.js";import"../nile-icon/icons/svg/sendemail.esm.js";import"../nile-icon/icons/svg/sendescalation.esm.js";import"../nile-icon/icons/svg/sendprompt.esm.js";import"../nile-icon/icons/svg/sendreminder.esm.js";import"../nile-icon/icons/svg/setting.esm.js";import"../nile-icon/icons/svg/settings-02.esm.js";import"../nile-icon/icons/svg/settings-1.esm.js";import"../nile-icon/icons/svg/settings.esm.js";import"../nile-icon/icons/svg/shape.esm.js";import"../nile-icon/icons/svg/share.esm.js";import"../nile-icon/icons/svg/shield-01.esm.js";import"../nile-icon/icons/svg/smalltick.esm.js";import"../nile-icon/icons/svg/smartcode.esm.js";import"../nile-icon/icons/svg/sort.esm.js";import"../nile-icon/icons/svg/sortascending.esm.js";import"../nile-icon/icons/svg/sortdescending.esm.js";import"../nile-icon/icons/svg/sortdown.esm.js";import"../nile-icon/icons/svg/sortup.esm.js";import"../nile-icon/icons/svg/stop.esm.js";import"../nile-icon/icons/svg/storybook.esm.js";import"../nile-icon/icons/svg/string.esm.js";import"../nile-icon/icons/svg/stringinput.esm.js";import"../nile-icon/icons/svg/stringletters.esm.js";import"../nile-icon/icons/svg/support.esm.js";import"../nile-icon/icons/svg/swap.esm.js";import"../nile-icon/icons/svg/switch.esm.js";import"../nile-icon/icons/svg/sync.esm.js";import"../nile-icon/icons/svg/table-1.esm.js";import"../nile-icon/icons/svg/table.esm.js";import"../nile-icon/icons/svg/tag.esm.js";import"../nile-icon/icons/svg/test.esm.js";import"../nile-icon/icons/svg/text.esm.js";import"../nile-icon/icons/svg/textarea-expander.esm.js";import"../nile-icon/icons/svg/themes.esm.js";import"../nile-icon/icons/svg/thumbsdown.esm.js";import"../nile-icon/icons/svg/thumbsup.esm.js";import"../nile-icon/icons/svg/thumsup.esm.js";import"../nile-icon/icons/svg/tick.esm.js";import"../nile-icon/icons/svg/timeupdate.esm.js";import"../nile-icon/icons/svg/timezone.esm.js";import"../nile-icon/icons/svg/trash-01.esm.js";import"../nile-icon/icons/svg/trash-no-fill.esm.js";import"../nile-icon/icons/svg/trash.esm.js";import"../nile-icon/icons/svg/trend-up-02.esm.js";import"../nile-icon/icons/svg/trigger.esm.js";import"../nile-icon/icons/svg/undo-1.esm.js";import"../nile-icon/icons/svg/undo.esm.js";import"../nile-icon/icons/svg/unmute.esm.js";import"../nile-icon/icons/svg/uparrow.esm.js";import"../nile-icon/icons/svg/update.esm.js";import"../nile-icon/icons/svg/updateuser.esm.js";import"../nile-icon/icons/svg/updown.esm.js";import"../nile-icon/icons/svg/upgrade.esm.js";import"../nile-icon/icons/svg/upload.esm.js";import"../nile-icon/icons/svg/user-03.esm.js";import"../nile-icon/icons/svg/user-analysis-icon.esm.js";import"../nile-icon/icons/svg/user-group.esm.js";import"../nile-icon/icons/svg/user-inactive.esm.js";import"../nile-icon/icons/svg/user-selection.esm.js";import"../nile-icon/icons/svg/user-square.esm.js";import"../nile-icon/icons/svg/user.esm.js";import"../nile-icon/icons/svg/useractive.esm.js";import"../nile-icon/icons/svg/useradd.esm.js";import"../nile-icon/icons/svg/useraddgroup.esm.js";import"../nile-icon/icons/svg/userfind.esm.js";import"../nile-icon/icons/svg/userimport.esm.js";import"../nile-icon/icons/svg/userimportgroup.esm.js";import"../nile-icon/icons/svg/usermixed.esm.js";import"../nile-icon/icons/svg/userremove-1.esm.js";import"../nile-icon/icons/svg/userremove-2.esm.js";import"../nile-icon/icons/svg/userremove.esm.js";import"../nile-icon/icons/svg/userremovegroup.esm.js";import"../nile-icon/icons/svg/users-01.esm.js";import"../nile-icon/icons/svg/users-02.esm.js";import"../nile-icon/icons/svg/users-plus.esm.js";import"../nile-icon/icons/svg/users-up.esm.js";import"../nile-icon/icons/svg/users.esm.js";import"../nile-icon/icons/svg/userupdate.esm.js";import"../nile-icon/icons/svg/validationexpression.esm.js";import"../nile-icon/icons/svg/variable-global.esm.js";import"../nile-icon/icons/svg/variable-local-1.esm.js";import"../nile-icon/icons/svg/variable-local.esm.js";import"../nile-icon/icons/svg/variable-new-1.esm.js";import"../nile-icon/icons/svg/variable-new.esm.js";import"../nile-icon/icons/svg/variable.esm.js";import"../nile-icon/icons/svg/video.esm.js";import"../nile-icon/icons/svg/view.esm.js";import"../nile-icon/icons/svg/virtualserver.esm.js";import"../nile-icon/icons/svg/virtualservergroup.esm.js";import"../nile-icon/icons/svg/visibility.esm.js";import"../nile-icon/icons/svg/visibilityoff.esm.js";import"../nile-icon/icons/svg/wait.esm.js";import"../nile-icon/icons/svg/warning.esm.js";import"../nile-icon/icons/svg/while.esm.js";import"../nile-icon/icons/svg/whileloop.esm.js";import"../nile-icon/icons/svg/workflow-application.esm.js";import"../nile-icon/icons/svg/workflow-orchestration.esm.js";import"../nile-icon/icons/svg/workflow-section.esm.js";import"../nile-icon/icons/svg/workflow-solid.esm.js";import"../nile-icon/icons/svg/workflow-text.esm.js";import"../nile-icon/icons/svg/workflow.esm.js";import"../nile-icon/icons/svg/writeexpression.esm.js";import"lit/static-html.js";import"lit/directives/if-defined.js";import"../internal/offset.esm.js";let g=class extends l{constructor(){super(...arguments),this.tabs=[],this.panels=[],this.hasScrollControls=!1,this.placement="top",this.activation="auto",this.noScrollControls=!1,this.centered=!1}connectedCallback(){const i=Promise.allSettled([customElements.whenDefined("nile-tab"),customElements.whenDefined("nile-tab-panel")]);super.connectedCallback(),this.resizeObserver=new ResizeObserver((()=>{this.repositionIndicator(),this.updateScrollControls()})),this.mutationObserver=new MutationObserver((i=>{i.some((i=>!["aria-labelledby","aria-controls"].includes(i.attributeName)))&&setTimeout((()=>this.setAriaLabels())),i.some((i=>"disabled"===i.attributeName))&&this.syncTabsAndPanels()})),this.updateComplete.then((()=>{this.syncTabsAndPanels(),this.mutationObserver.observe(this,{attributes:!0,childList:!0,subtree:!0}),this.resizeObserver.observe(this.nav),i.then((()=>{new IntersectionObserver(((i,s)=>{i[0].intersectionRatio>0&&(this.setAriaLabels(),this.setActiveTab(this.getActiveTab()??this.tabs[0],{emitEvents:!1}),s.unobserve(i[0].target))})).observe(this.tabGroup)}))}))}disconnectedCallback(){this.mutationObserver.disconnect(),this.resizeObserver.unobserve(this.nav)}getAllTabs(i={includeDisabled:!0}){return[...this.shadowRoot.querySelector('slot[name="nav"]').assignedElements()].filter((s=>i.includeDisabled?"nile-tab"===s.tagName.toLowerCase():"nile-tab"===s.tagName.toLowerCase()&&!s.disabled))}getAllPanels(){return[...this.body.assignedElements()].filter((i=>"nile-tab-panel"===i.tagName.toLowerCase()))}getActiveTab(){return this.tabs.find((i=>i.active))}handleClick(i){const s=i.target.closest("nile-tab"),o=s?.closest("nile-tab-group");o===this&&null!==s&&this.setActiveTab(s,{scrollBehavior:"smooth"})}handleKeyDown(i){const s=i.target.closest("nile-tab"),o=s?.closest("nile-tab-group");if(o===this&&(["Enter"," "].includes(i.key)&&null!==s&&(this.setActiveTab(s,{scrollBehavior:"smooth"}),i.preventDefault()),["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(i.key))){const s=this.tabs.find((i=>i.matches(":focus")));if("nile-tab"===s?.tagName.toLowerCase()){let o=this.tabs.indexOf(s);"Home"===i.key?o=0:"End"===i.key?o=this.tabs.length-1:["top","bottom"].includes(this.placement)&&"ArrowLeft"===i.key||["start","end"].includes(this.placement)&&"ArrowUp"===i.key?o--:(["top","bottom"].includes(this.placement)&&"ArrowRight"===i.key||["start","end"].includes(this.placement)&&"ArrowDown"===i.key)&&o++,o<0&&(o=this.tabs.length-1),o>this.tabs.length-1&&(o=0),this.tabs[o].focus({preventScroll:!0}),"auto"===this.activation&&this.setActiveTab(this.tabs[o],{scrollBehavior:"smooth"}),["top","bottom"].includes(this.placement)&&m(this.tabs[o],this.nav,"horizontal"),i.preventDefault()}}}handleScrollToStart(){this.nav.scroll({left:this.nav.scrollLeft+this.nav.clientWidth,behavior:"smooth"})}handleScrollToEnd(){this.nav.scroll({left:this.nav.scrollLeft-this.nav.clientWidth,behavior:"smooth"})}setActiveTab(i,s){if(s={emitEvents:!0,scrollBehavior:"auto",...s},i!==this.activeTab&&!i.disabled){const o=this.activeTab;this.activeTab=i,this.tabs.map((i=>i.active=i===this.activeTab)),this.panels.map((i=>i.active=i.name===this.activeTab?.panel)),this.syncIndicator(),["top","bottom"].includes(this.placement)&&m(this.activeTab,this.nav,"horizontal",s.scrollBehavior),s.emitEvents&&(o&&this.emit("nile-tab-hide",{value:o.panel}),this.emit("nile-tab-show",{value:this.activeTab.panel}))}}setAriaLabels(){this.tabs.forEach((i=>{const s=this.panels.find((s=>s.name===i.panel));s&&(i.setAttribute("aria-controls",s.getAttribute("id")),s.setAttribute("aria-labelledby",i.getAttribute("id")))}))}repositionIndicator(){const i=this.getActiveTab();if(!i)return;const s=i.clientWidth,o=i.clientHeight,n=this.getAllTabs(),e=n.slice(0,n.indexOf(i)).reduce(((i,s)=>({left:i.left+s.clientWidth+24,top:i.top+s.clientHeight})),{left:0,top:0});switch(this.placement){case"top":case"bottom":this.indicator.style.width=`${s}px`,this.indicator.style.height="auto",this.indicator.style.translate=`${e.left}px`;break;case"start":case"end":this.indicator.style.width="auto",this.indicator.style.height=`${o}px`,this.indicator.style.translate=`0 ${e.top}px`}}syncTabsAndPanels(){this.tabs=this.getAllTabs({includeDisabled:!1}),this.panels=this.getAllPanels(),this.syncIndicator(),this.tabs.forEach((i=>{i.centered=this.centered})),this.updateComplete.then((()=>this.updateScrollControls()))}updateScrollControls(){this.noScrollControls||(this.hasScrollControls=["top","bottom"].includes(this.placement)&&this.nav.scrollWidth>this.nav.clientWidth),this.hasScrollControls=!1}syncIndicator(){this.getActiveTab()?(this.indicator.style.display="block",this.repositionIndicator()):this.indicator.style.display="none"}show(i){const s=this.tabs.find((s=>s.panel===i));s&&this.setActiveTab(s,{scrollBehavior:"smooth"})}render(){return s`
|
1
|
+
import{__decorate as i}from"tslib";import{x as s}from"../index-cd2f9c12.esm.js";import{query as o,state as n,customElement as e}from"lit/decorators.js";import{s as c}from"./nile-tab-group.css.esm.js";import"../nile-icon-button/nile-icon-button.esm.js";import{classMap as t}from"lit/directives/class-map.js";import{s as m}from"../internal/scroll.esm.js";import{w as r}from"../internal/watch.esm.js";import{N as l}from"../internal/nile-element.esm.js";import{n as p}from"../property-09139d3c.esm.js";import"../nile-icon-button/nile-icon-button.css.esm.js";import"../nile-icon/index.esm.js";import"lit";import"lit/directives/unsafe-svg.js";import"../nile-icon/icons/svg/index.esm.js";import"../nile-icon/icons/svg/accessreview.esm.js";import"../nile-icon/icons/svg/action.esm.js";import"../nile-icon/icons/svg/actionworkflow.esm.js";import"../nile-icon/icons/svg/address.esm.js";import"../nile-icon/icons/svg/agent.esm.js";import"../nile-icon/icons/svg/agents.esm.js";import"../nile-icon/icons/svg/aggregation.esm.js";import"../nile-icon/icons/svg/allapplication.esm.js";import"../nile-icon/icons/svg/allsearch.esm.js";import"../nile-icon/icons/svg/anomaly.esm.js";import"../nile-icon/icons/svg/api.esm.js";import"../nile-icon/icons/svg/application.esm.js";import"../nile-icon/icons/svg/applications-2.esm.js";import"../nile-icon/icons/svg/applications.esm.js";import"../nile-icon/icons/svg/apply-filter.esm.js";import"../nile-icon/icons/svg/approve.esm.js";import"../nile-icon/icons/svg/apps.esm.js";import"../nile-icon/icons/svg/aquera.esm.js";import"../nile-icon/icons/svg/aquerasupport.esm.js";import"../nile-icon/icons/svg/array-loop.esm.js";import"../nile-icon/icons/svg/array-of-boolean.esm.js";import"../nile-icon/icons/svg/array-of-integer.esm.js";import"../nile-icon/icons/svg/array-of-string.esm.js";import"../nile-icon/icons/svg/array.esm.js";import"../nile-icon/icons/svg/arrayofobject.esm.js";import"../nile-icon/icons/svg/arrow.esm.js";import"../nile-icon/icons/svg/arrowdown.esm.js";import"../nile-icon/icons/svg/arrowdropdown.esm.js";import"../nile-icon/icons/svg/arrowdropup.esm.js";import"../nile-icon/icons/svg/arrowleft.esm.js";import"../nile-icon/icons/svg/arrowright.esm.js";import"../nile-icon/icons/svg/arrowup.esm.js";import"../nile-icon/icons/svg/attribute-map-analysis-icon.esm.js";import"../nile-icon/icons/svg/attributemap.esm.js";import"../nile-icon/icons/svg/back.esm.js";import"../nile-icon/icons/svg/bar-chart-square-02.esm.js";import"../nile-icon/icons/svg/bar-chart-square-03.esm.js";import"../nile-icon/icons/svg/bargraph.esm.js";import"../nile-icon/icons/svg/basic.esm.js";import"../nile-icon/icons/svg/bell-icon.esm.js";import"../nile-icon/icons/svg/bell.esm.js";import"../nile-icon/icons/svg/block.esm.js";import"../nile-icon/icons/svg/bluedot.esm.js";import"../nile-icon/icons/svg/boolean.esm.js";import"../nile-icon/icons/svg/border_all.esm.js";import"../nile-icon/icons/svg/bulk-sync.esm.js";import"../nile-icon/icons/svg/button-loading-black.esm.js";import"../nile-icon/icons/svg/button-loading-blue-animated.esm.js";import"../nile-icon/icons/svg/button-loading-blue.esm.js";import"../nile-icon/icons/svg/button-loading-white.esm.js";import"../nile-icon/icons/svg/calendar.esm.js";import"../nile-icon/icons/svg/cancel.esm.js";import"../nile-icon/icons/svg/cases.esm.js";import"../nile-icon/icons/svg/caution.esm.js";import"../nile-icon/icons/svg/cell-loader.esm.js";import"../nile-icon/icons/svg/certification.esm.js";import"../nile-icon/icons/svg/check-done-01.esm.js";import"../nile-icon/icons/svg/check-done-02.esm.js";import"../nile-icon/icons/svg/chevron-down.esm.js";import"../nile-icon/icons/svg/chevron-up.esm.js";import"../nile-icon/icons/svg/close.esm.js";import"../nile-icon/icons/svg/collapse-1.esm.js";import"../nile-icon/icons/svg/collapse.esm.js";import"../nile-icon/icons/svg/color.esm.js";import"../nile-icon/icons/svg/columns-03.esm.js";import"../nile-icon/icons/svg/combo1.esm.js";import"../nile-icon/icons/svg/compact.esm.js";import"../nile-icon/icons/svg/compare-tiles.esm.js";import"../nile-icon/icons/svg/component-menu.esm.js";import"../nile-icon/icons/svg/component.esm.js";import"../nile-icon/icons/svg/componentblock.esm.js";import"../nile-icon/icons/svg/components-icon.esm.js";import"../nile-icon/icons/svg/componenttext.esm.js";import"../nile-icon/icons/svg/condition.esm.js";import"../nile-icon/icons/svg/conditions.esm.js";import"../nile-icon/icons/svg/connect.esm.js";import"../nile-icon/icons/svg/connectivitymap.esm.js";import"../nile-icon/icons/svg/connectorrightarrow.esm.js";import"../nile-icon/icons/svg/continuous.esm.js";import"../nile-icon/icons/svg/copy.esm.js";import"../nile-icon/icons/svg/cor-analysis.esm.js";import"../nile-icon/icons/svg/correlation.esm.js";import"../nile-icon/icons/svg/create.esm.js";import"../nile-icon/icons/svg/createuser.esm.js";import"../nile-icon/icons/svg/custom.esm.js";import"../nile-icon/icons/svg/dashboard.esm.js";import"../nile-icon/icons/svg/data-type-array.esm.js";import"../nile-icon/icons/svg/data-type-boolean.esm.js";import"../nile-icon/icons/svg/data-type-expression.esm.js";import"../nile-icon/icons/svg/data-type-json.esm.js";import"../nile-icon/icons/svg/data-type-null.esm.js";import"../nile-icon/icons/svg/data-type-number.esm.js";import"../nile-icon/icons/svg/data-type-persistent-variable.esm.js";import"../nile-icon/icons/svg/data-type-string.esm.js";import"../nile-icon/icons/svg/data-type-unknown.esm.js";import"../nile-icon/icons/svg/data-type-variable.esm.js";import"../nile-icon/icons/svg/database-1.esm.js";import"../nile-icon/icons/svg/database.esm.js";import"../nile-icon/icons/svg/databaseview.esm.js";import"../nile-icon/icons/svg/default-1.esm.js";import"../nile-icon/icons/svg/default-cursor.esm.js";import"../nile-icon/icons/svg/default.esm.js";import"../nile-icon/icons/svg/delegate.esm.js";import"../nile-icon/icons/svg/delete.esm.js";import"../nile-icon/icons/svg/deleteuser.esm.js";import"../nile-icon/icons/svg/deligateduser.esm.js";import"../nile-icon/icons/svg/directory.esm.js";import"../nile-icon/icons/svg/disabled.esm.js";import"../nile-icon/icons/svg/document.esm.js";import"../nile-icon/icons/svg/done.esm.js";import"../nile-icon/icons/svg/dontmap.esm.js";import"../nile-icon/icons/svg/donut.esm.js";import"../nile-icon/icons/svg/dots-grid.esm.js";import"../nile-icon/icons/svg/doublearrowleft.esm.js";import"../nile-icon/icons/svg/doublearrowright.esm.js";import"../nile-icon/icons/svg/dowhileloop.esm.js";import"../nile-icon/icons/svg/downarrow.esm.js";import"../nile-icon/icons/svg/downgrade.esm.js";import"../nile-icon/icons/svg/download.esm.js";import"../nile-icon/icons/svg/drag.esm.js";import"../nile-icon/icons/svg/draglist.esm.js";import"../nile-icon/icons/svg/droparrow.esm.js";import"../nile-icon/icons/svg/dropdown.esm.js";import"../nile-icon/icons/svg/edit-1.esm.js";import"../nile-icon/icons/svg/edit-pencil.esm.js";import"../nile-icon/icons/svg/edit-write.esm.js";import"../nile-icon/icons/svg/else.esm.js";import"../nile-icon/icons/svg/email.esm.js";import"../nile-icon/icons/svg/enable.esm.js";import"../nile-icon/icons/svg/enabled.esm.js";import"../nile-icon/icons/svg/entities.esm.js";import"../nile-icon/icons/svg/entitlement.esm.js";import"../nile-icon/icons/svg/error.esm.js";import"../nile-icon/icons/svg/escalate.esm.js";import"../nile-icon/icons/svg/event.esm.js";import"../nile-icon/icons/svg/every.esm.js";import"../nile-icon/icons/svg/exactmatch.esm.js";import"../nile-icon/icons/svg/execute.esm.js";import"../nile-icon/icons/svg/expand-1.esm.js";import"../nile-icon/icons/svg/expand-2.esm.js";import"../nile-icon/icons/svg/expand.esm.js";import"../nile-icon/icons/svg/eye.esm.js";import"../nile-icon/icons/svg/eyeclosed.esm.js";import"../nile-icon/icons/svg/featured-icon.esm.js";import"../nile-icon/icons/svg/file-shield-02.esm.js";import"../nile-icon/icons/svg/file-type-icon.esm.js";import"../nile-icon/icons/svg/file.esm.js";import"../nile-icon/icons/svg/filter-1.esm.js";import"../nile-icon/icons/svg/filter.esm.js";import"../nile-icon/icons/svg/fingerprint-03.esm.js";import"../nile-icon/icons/svg/firewall.esm.js";import"../nile-icon/icons/svg/firewallagent.esm.js";import"../nile-icon/icons/svg/flow-h.esm.js";import"../nile-icon/icons/svg/flow.esm.js";import"../nile-icon/icons/svg/flowmap-agent.esm.js";import"../nile-icon/icons/svg/flowmap-application.esm.js";import"../nile-icon/icons/svg/flowmap-aquera.esm.js";import"../nile-icon/icons/svg/flowmap-block.esm.js";import"../nile-icon/icons/svg/flowmap-cancel.esm.js";import"../nile-icon/icons/svg/flowmap-colorpalatte.esm.js";import"../nile-icon/icons/svg/flowmap-drag.esm.js";import"../nile-icon/icons/svg/flowmap-ellipsis.esm.js";import"../nile-icon/icons/svg/flowmap-firewall-agent.esm.js";import"../nile-icon/icons/svg/flowmap-firewall.esm.js";import"../nile-icon/icons/svg/flowmap-gateway.esm.js";import"../nile-icon/icons/svg/flowmap-hand.esm.js";import"../nile-icon/icons/svg/flowmap-orchestration.esm.js";import"../nile-icon/icons/svg/flowmap-redo.esm.js";import"../nile-icon/icons/svg/flowmap-section.esm.js";import"../nile-icon/icons/svg/flowmap-text.esm.js";import"../nile-icon/icons/svg/flowmap-undo.esm.js";import"../nile-icon/icons/svg/flowmap-workflow.esm.js";import"../nile-icon/icons/svg/flowmap.esm.js";import"../nile-icon/icons/svg/folder.esm.js";import"../nile-icon/icons/svg/foreach.esm.js";import"../nile-icon/icons/svg/form.esm.js";import"../nile-icon/icons/svg/frequency.esm.js";import"../nile-icon/icons/svg/fullscreen.esm.js";import"../nile-icon/icons/svg/fullscreenexit.esm.js";import"../nile-icon/icons/svg/fullscreenshrink.esm.js";import"../nile-icon/icons/svg/funnel.esm.js";import"../nile-icon/icons/svg/gateway.esm.js";import"../nile-icon/icons/svg/general.esm.js";import"../nile-icon/icons/svg/generationphase.esm.js";import"../nile-icon/icons/svg/global-search.esm.js";import"../nile-icon/icons/svg/globe.esm.js";import"../nile-icon/icons/svg/goto.esm.js";import"../nile-icon/icons/svg/graph.esm.js";import"../nile-icon/icons/svg/graphedit.esm.js";import"../nile-icon/icons/svg/greendot.esm.js";import"../nile-icon/icons/svg/greydot.esm.js";import"../nile-icon/icons/svg/greylightdot.esm.js";import"../nile-icon/icons/svg/group-analysis-icon.esm.js";import"../nile-icon/icons/svg/group.esm.js";import"../nile-icon/icons/svg/groupby.esm.js";import"../nile-icon/icons/svg/groups.esm.js";import"../nile-icon/icons/svg/guide.esm.js";import"../nile-icon/icons/svg/handtool.esm.js";import"../nile-icon/icons/svg/header-actions.esm.js";import"../nile-icon/icons/svg/header-child-workflow.esm.js";import"../nile-icon/icons/svg/header-flows.esm.js";import"../nile-icon/icons/svg/header-functions.esm.js";import"../nile-icon/icons/svg/header-tasks.esm.js";import"../nile-icon/icons/svg/header-variable.esm.js";import"../nile-icon/icons/svg/help-1.esm.js";import"../nile-icon/icons/svg/help.esm.js";import"../nile-icon/icons/svg/helpandsupport.esm.js";import"../nile-icon/icons/svg/helpers.esm.js";import"../nile-icon/icons/svg/helpsupport.esm.js";import"../nile-icon/icons/svg/history.esm.js";import"../nile-icon/icons/svg/identitygraph.esm.js";import"../nile-icon/icons/svg/identityledger.esm.js";import"../nile-icon/icons/svg/if.esm.js";import"../nile-icon/icons/svg/ifelse.esm.js";import"../nile-icon/icons/svg/image.esm.js";import"../nile-icon/icons/svg/immutable.esm.js";import"../nile-icon/icons/svg/info-icon.esm.js";import"../nile-icon/icons/svg/info-icon1.esm.js";import"../nile-icon/icons/svg/info.esm.js";import"../nile-icon/icons/svg/info2.esm.js";import"../nile-icon/icons/svg/inprogress.esm.js";import"../nile-icon/icons/svg/integer.esm.js";import"../nile-icon/icons/svg/itemplaceholder.esm.js";import"../nile-icon/icons/svg/js.esm.js";import"../nile-icon/icons/svg/kill.esm.js";import"../nile-icon/icons/svg/laptop-01.esm.js";import"../nile-icon/icons/svg/layers-three-01.esm.js";import"../nile-icon/icons/svg/layers-three-02.esm.js";import"../nile-icon/icons/svg/leftarrow.esm.js";import"../nile-icon/icons/svg/leftpointarrow.esm.js";import"../nile-icon/icons/svg/life-buoy-01.esm.js";import"../nile-icon/icons/svg/line.esm.js";import"../nile-icon/icons/svg/link.esm.js";import"../nile-icon/icons/svg/list-attribute.esm.js";import"../nile-icon/icons/svg/list.esm.js";import"../nile-icon/icons/svg/loader.esm.js";import"../nile-icon/icons/svg/loading.esm.js";import"../nile-icon/icons/svg/loading2.esm.js";import"../nile-icon/icons/svg/lock.esm.js";import"../nile-icon/icons/svg/log-info.esm.js";import"../nile-icon/icons/svg/log.esm.js";import"../nile-icon/icons/svg/logo-white.esm.js";import"../nile-icon/icons/svg/logout.esm.js";import"../nile-icon/icons/svg/logs.esm.js";import"../nile-icon/icons/svg/loop.esm.js";import"../nile-icon/icons/svg/manage.esm.js";import"../nile-icon/icons/svg/manageduser.esm.js";import"../nile-icon/icons/svg/map.esm.js";import"../nile-icon/icons/svg/mapcreate.esm.js";import"../nile-icon/icons/svg/mapdont.esm.js";import"../nile-icon/icons/svg/maponcreate.esm.js";import"../nile-icon/icons/svg/maponupdate.esm.js";import"../nile-icon/icons/svg/mapupdate.esm.js";import"../nile-icon/icons/svg/maximize.esm.js";import"../nile-icon/icons/svg/menu.esm.js";import"../nile-icon/icons/svg/message-notification-square.esm.js";import"../nile-icon/icons/svg/minus.esm.js";import"../nile-icon/icons/svg/moveleft.esm.js";import"../nile-icon/icons/svg/moveright.esm.js";import"../nile-icon/icons/svg/multiple-user.esm.js";import"../nile-icon/icons/svg/mute.esm.js";import"../nile-icon/icons/svg/next-down.esm.js";import"../nile-icon/icons/svg/next.esm.js";import"../nile-icon/icons/svg/no-anomaly.esm.js";import"../nile-icon/icons/svg/nomatch.esm.js";import"../nile-icon/icons/svg/not.esm.js";import"../nile-icon/icons/svg/note.esm.js";import"../nile-icon/icons/svg/notification.esm.js";import"../nile-icon/icons/svg/notificationadd.esm.js";import"../nile-icon/icons/svg/notificationadded.esm.js";import"../nile-icon/icons/svg/notscheduled.esm.js";import"../nile-icon/icons/svg/null.esm.js";import"../nile-icon/icons/svg/number.esm.js";import"../nile-icon/icons/svg/numberinput.esm.js";import"../nile-icon/icons/svg/numbers.esm.js";import"../nile-icon/icons/svg/object.esm.js";import"../nile-icon/icons/svg/operators.esm.js";import"../nile-icon/icons/svg/options.esm.js";import"../nile-icon/icons/svg/orchestration-solid.esm.js";import"../nile-icon/icons/svg/orchestration.esm.js";import"../nile-icon/icons/svg/organization.esm.js";import"../nile-icon/icons/svg/other.esm.js";import"../nile-icon/icons/svg/otherdetails.esm.js";import"../nile-icon/icons/svg/ou-analysis-icon.esm.js";import"../nile-icon/icons/svg/override.esm.js";import"../nile-icon/icons/svg/palletemenu.esm.js";import"../nile-icon/icons/svg/partner.esm.js";import"../nile-icon/icons/svg/partners.esm.js";import"../nile-icon/icons/svg/pause.esm.js";import"../nile-icon/icons/svg/pen.esm.js";import"../nile-icon/icons/svg/pencil.esm.js";import"../nile-icon/icons/svg/peopletask.esm.js";import"../nile-icon/icons/svg/persistent-variable.esm.js";import"../nile-icon/icons/svg/persistentdata.esm.js";import"../nile-icon/icons/svg/personaldetails.esm.js";import"../nile-icon/icons/svg/phone.esm.js";import"../nile-icon/icons/svg/pie.esm.js";import"../nile-icon/icons/svg/pin.esm.js";import"../nile-icon/icons/svg/placeholder-wf.esm.js";import"../nile-icon/icons/svg/play.esm.js";import"../nile-icon/icons/svg/plus-icon.esm.js";import"../nile-icon/icons/svg/plus.esm.js";import"../nile-icon/icons/svg/pluscircle.esm.js";import"../nile-icon/icons/svg/plussquare.esm.js";import"../nile-icon/icons/svg/policy.esm.js";import"../nile-icon/icons/svg/potentialmatch.esm.js";import"../nile-icon/icons/svg/poweron.esm.js";import"../nile-icon/icons/svg/predefined.esm.js";import"../nile-icon/icons/svg/prev-up.esm.js";import"../nile-icon/icons/svg/prev.esm.js";import"../nile-icon/icons/svg/preview.esm.js";import"../nile-icon/icons/svg/privilage.esm.js";import"../nile-icon/icons/svg/privilege.esm.js";import"../nile-icon/icons/svg/privilegeobject.esm.js";import"../nile-icon/icons/svg/process.esm.js";import"../nile-icon/icons/svg/professionaldetails.esm.js";import"../nile-icon/icons/svg/question.esm.js";import"../nile-icon/icons/svg/radio.esm.js";import"../nile-icon/icons/svg/radioactive.esm.js";import"../nile-icon/icons/svg/radiodone.esm.js";import"../nile-icon/icons/svg/read.esm.js";import"../nile-icon/icons/svg/readexpression.esm.js";import"../nile-icon/icons/svg/readonly.esm.js";import"../nile-icon/icons/svg/readonlyuser.esm.js";import"../nile-icon/icons/svg/readuser.esm.js";import"../nile-icon/icons/svg/reddot.esm.js";import"../nile-icon/icons/svg/redo.esm.js";import"../nile-icon/icons/svg/refresh.esm.js";import"../nile-icon/icons/svg/reminder.esm.js";import"../nile-icon/icons/svg/resize.esm.js";import"../nile-icon/icons/svg/resource.esm.js";import"../nile-icon/icons/svg/returnvalue.esm.js";import"../nile-icon/icons/svg/revocationcycle.esm.js";import"../nile-icon/icons/svg/revokation-cycle.esm.js";import"../nile-icon/icons/svg/rightarrow.esm.js";import"../nile-icon/icons/svg/role.esm.js";import"../nile-icon/icons/svg/rolemanager.esm.js";import"../nile-icon/icons/svg/run.esm.js";import"../nile-icon/icons/svg/save.esm.js";import"../nile-icon/icons/svg/schedule.esm.js";import"../nile-icon/icons/svg/schema.esm.js";import"../nile-icon/icons/svg/script.esm.js";import"../nile-icon/icons/svg/search-steps-icon.esm.js";import"../nile-icon/icons/svg/search.esm.js";import"../nile-icon/icons/svg/section.esm.js";import"../nile-icon/icons/svg/select.esm.js";import"../nile-icon/icons/svg/selectapplication.esm.js";import"../nile-icon/icons/svg/selectattributes.esm.js";import"../nile-icon/icons/svg/selectuser.esm.js";import"../nile-icon/icons/svg/send.esm.js";import"../nile-icon/icons/svg/sendemail.esm.js";import"../nile-icon/icons/svg/sendescalation.esm.js";import"../nile-icon/icons/svg/sendprompt.esm.js";import"../nile-icon/icons/svg/sendreminder.esm.js";import"../nile-icon/icons/svg/setting.esm.js";import"../nile-icon/icons/svg/settings-02.esm.js";import"../nile-icon/icons/svg/settings-1.esm.js";import"../nile-icon/icons/svg/settings.esm.js";import"../nile-icon/icons/svg/shape.esm.js";import"../nile-icon/icons/svg/share.esm.js";import"../nile-icon/icons/svg/shield-01.esm.js";import"../nile-icon/icons/svg/smalltick.esm.js";import"../nile-icon/icons/svg/smartcode.esm.js";import"../nile-icon/icons/svg/sort.esm.js";import"../nile-icon/icons/svg/sortascending.esm.js";import"../nile-icon/icons/svg/sortdescending.esm.js";import"../nile-icon/icons/svg/sortdown.esm.js";import"../nile-icon/icons/svg/sortup.esm.js";import"../nile-icon/icons/svg/stop.esm.js";import"../nile-icon/icons/svg/storybook.esm.js";import"../nile-icon/icons/svg/string.esm.js";import"../nile-icon/icons/svg/stringinput.esm.js";import"../nile-icon/icons/svg/stringletters.esm.js";import"../nile-icon/icons/svg/support.esm.js";import"../nile-icon/icons/svg/swap.esm.js";import"../nile-icon/icons/svg/switch.esm.js";import"../nile-icon/icons/svg/sync.esm.js";import"../nile-icon/icons/svg/table-1.esm.js";import"../nile-icon/icons/svg/table.esm.js";import"../nile-icon/icons/svg/tag.esm.js";import"../nile-icon/icons/svg/test.esm.js";import"../nile-icon/icons/svg/text.esm.js";import"../nile-icon/icons/svg/textarea-expander.esm.js";import"../nile-icon/icons/svg/themes.esm.js";import"../nile-icon/icons/svg/thumbsdown.esm.js";import"../nile-icon/icons/svg/thumbsup.esm.js";import"../nile-icon/icons/svg/thumsup.esm.js";import"../nile-icon/icons/svg/tick.esm.js";import"../nile-icon/icons/svg/timeupdate.esm.js";import"../nile-icon/icons/svg/timezone.esm.js";import"../nile-icon/icons/svg/trash-01.esm.js";import"../nile-icon/icons/svg/trash-no-fill.esm.js";import"../nile-icon/icons/svg/trash.esm.js";import"../nile-icon/icons/svg/trend-up-02.esm.js";import"../nile-icon/icons/svg/trigger.esm.js";import"../nile-icon/icons/svg/undo-1.esm.js";import"../nile-icon/icons/svg/undo.esm.js";import"../nile-icon/icons/svg/unmute.esm.js";import"../nile-icon/icons/svg/uparrow.esm.js";import"../nile-icon/icons/svg/update.esm.js";import"../nile-icon/icons/svg/updateuser.esm.js";import"../nile-icon/icons/svg/updown.esm.js";import"../nile-icon/icons/svg/upgrade.esm.js";import"../nile-icon/icons/svg/upload.esm.js";import"../nile-icon/icons/svg/user-03.esm.js";import"../nile-icon/icons/svg/user-analysis-icon.esm.js";import"../nile-icon/icons/svg/user-group.esm.js";import"../nile-icon/icons/svg/user-inactive.esm.js";import"../nile-icon/icons/svg/user-selection.esm.js";import"../nile-icon/icons/svg/user-square.esm.js";import"../nile-icon/icons/svg/user.esm.js";import"../nile-icon/icons/svg/useractive.esm.js";import"../nile-icon/icons/svg/useradd.esm.js";import"../nile-icon/icons/svg/useraddgroup.esm.js";import"../nile-icon/icons/svg/userfind.esm.js";import"../nile-icon/icons/svg/userimport.esm.js";import"../nile-icon/icons/svg/userimportgroup.esm.js";import"../nile-icon/icons/svg/usermixed.esm.js";import"../nile-icon/icons/svg/userremove-1.esm.js";import"../nile-icon/icons/svg/userremove-2.esm.js";import"../nile-icon/icons/svg/userremove.esm.js";import"../nile-icon/icons/svg/userremovegroup.esm.js";import"../nile-icon/icons/svg/users-01.esm.js";import"../nile-icon/icons/svg/users-02.esm.js";import"../nile-icon/icons/svg/users-plus.esm.js";import"../nile-icon/icons/svg/users-up.esm.js";import"../nile-icon/icons/svg/users.esm.js";import"../nile-icon/icons/svg/userupdate.esm.js";import"../nile-icon/icons/svg/validationexpression.esm.js";import"../nile-icon/icons/svg/variable-global.esm.js";import"../nile-icon/icons/svg/variable-local-1.esm.js";import"../nile-icon/icons/svg/variable-local.esm.js";import"../nile-icon/icons/svg/variable-new-1.esm.js";import"../nile-icon/icons/svg/variable-new.esm.js";import"../nile-icon/icons/svg/variable.esm.js";import"../nile-icon/icons/svg/video.esm.js";import"../nile-icon/icons/svg/view.esm.js";import"../nile-icon/icons/svg/virtualserver.esm.js";import"../nile-icon/icons/svg/virtualservergroup.esm.js";import"../nile-icon/icons/svg/visibility.esm.js";import"../nile-icon/icons/svg/visibilityoff.esm.js";import"../nile-icon/icons/svg/wait.esm.js";import"../nile-icon/icons/svg/warning.esm.js";import"../nile-icon/icons/svg/while.esm.js";import"../nile-icon/icons/svg/whileloop.esm.js";import"../nile-icon/icons/svg/workflow-application.esm.js";import"../nile-icon/icons/svg/workflow-orchestration.esm.js";import"../nile-icon/icons/svg/workflow-section.esm.js";import"../nile-icon/icons/svg/workflow-solid.esm.js";import"../nile-icon/icons/svg/workflow-text.esm.js";import"../nile-icon/icons/svg/workflow.esm.js";import"../nile-icon/icons/svg/writeexpression.esm.js";import"lit/static-html.js";import"lit/directives/if-defined.js";import"../internal/offset.esm.js";let g=class extends l{constructor(){super(...arguments),this.tabs=[],this.panels=[],this.hasScrollControls=!1,this.placement="top",this.activation="auto",this.noScrollControls=!1,this.centered=!1}connectedCallback(){const i=Promise.allSettled([customElements.whenDefined("nile-tab"),customElements.whenDefined("nile-tab-panel")]);super.connectedCallback(),this.resizeObserver=new ResizeObserver((()=>{this.repositionIndicator(),this.updateScrollControls()})),this.mutationObserver=new MutationObserver((i=>{i.some((i=>!["aria-labelledby","aria-controls"].includes(i.attributeName)))&&setTimeout((()=>this.setAriaLabels())),i.some((i=>"disabled"===i.attributeName))&&this.syncTabsAndPanels()})),this.updateComplete.then((()=>{this.syncTabsAndPanels(),this.mutationObserver.observe(this,{attributes:!0,childList:!0,subtree:!0}),this.resizeObserver.observe(this.nav),i.then((()=>{new IntersectionObserver(((i,s)=>{i[0].intersectionRatio>0&&(this.setAriaLabels(),this.setActiveTab(this.getActiveTab()??this.tabs[0],{emitEvents:!1}),s.unobserve(i[0].target))})).observe(this.tabGroup)}))}))}disconnectedCallback(){this.mutationObserver.disconnect(),this.resizeObserver.unobserve(this.nav)}getAllTabs(i={includeDisabled:!0}){return[...this.shadowRoot.querySelector('slot[name="nav"]').assignedElements()].filter((s=>i.includeDisabled?"nile-tab"===s.tagName.toLowerCase():"nile-tab"===s.tagName.toLowerCase()&&!s.disabled))}getAllPanels(){return[...this.body.assignedElements()].filter((i=>"nile-tab-panel"===i.tagName.toLowerCase()))}getActiveTab(){return this.tabs.find((i=>i.active))}handleClick(i){const s=i.target.closest("nile-tab"),o=s?.closest("nile-tab-group");o===this&&null!==s&&this.setActiveTab(s,{scrollBehavior:"smooth"})}handleKeyDown(i){const s=i.target.closest("nile-tab"),o=s?.closest("nile-tab-group");if(o===this&&(["Enter"," "].includes(i.key)&&null!==s&&(this.setActiveTab(s,{scrollBehavior:"smooth"}),i.preventDefault()),["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(i.key))){const s=this.tabs.find((i=>i.matches(":focus")));if("nile-tab"===s?.tagName.toLowerCase()){let o=this.tabs.indexOf(s);"Home"===i.key?o=0:"End"===i.key?o=this.tabs.length-1:["top","bottom"].includes(this.placement)&&"ArrowLeft"===i.key||["start","end"].includes(this.placement)&&"ArrowUp"===i.key?o--:(["top","bottom"].includes(this.placement)&&"ArrowRight"===i.key||["start","end"].includes(this.placement)&&"ArrowDown"===i.key)&&o++,o<0&&(o=this.tabs.length-1),o>this.tabs.length-1&&(o=0),this.tabs[o].focus({preventScroll:!0}),"auto"===this.activation&&this.setActiveTab(this.tabs[o],{scrollBehavior:"smooth"}),["top","bottom"].includes(this.placement)&&m(this.tabs[o],this.nav,"horizontal"),i.preventDefault()}}}handleScrollToStart(){this.nav.scroll({left:this.nav.scrollLeft+this.nav.clientWidth,behavior:"smooth"})}handleScrollToEnd(){this.nav.scroll({left:this.nav.scrollLeft-this.nav.clientWidth,behavior:"smooth"})}setActiveTab(i,s){if(s={emitEvents:!0,scrollBehavior:"auto",...s},i!==this.activeTab&&!i.disabled){const o=this.activeTab;this.activeTab=i,this.tabs.map((i=>i.active=i===this.activeTab)),this.panels.map((i=>i.active=i.name===this.activeTab?.panel)),this.syncIndicator(),["top","bottom"].includes(this.placement)&&m(this.activeTab,this.nav,"horizontal",s.scrollBehavior),s.emitEvents&&(o&&this.emit("nile-tab-hide",{value:o.panel}),this.emit("nile-tab-show",{value:this.activeTab.panel}))}}setAriaLabels(){this.tabs.forEach((i=>{const s=this.panels.find((s=>s.name===i.panel));s&&(i.setAttribute("aria-controls",s.getAttribute("id")),s.setAttribute("aria-labelledby",i.getAttribute("id")))}))}repositionIndicator(){const i=this.getActiveTab();if(!i)return;const s=i.clientWidth,o=i.clientHeight,n=this.getAllTabs(),e=n.slice(0,n.indexOf(i)).reduce(((i,s)=>({left:i.left+s.clientWidth+24,top:i.top+s.clientHeight})),{left:0,top:0});switch(this.placement){case"top":case"bottom":this.indicator.style.width=`${s}px`,this.indicator.style.height="auto",this.indicator.style.translate=`${e.left}px`;break;case"start":case"end":this.indicator.style.width="auto",this.indicator.style.height=`${o}px`,this.indicator.style.translate=`0 ${e.top}px`}}syncTabsAndPanels(){this.tabs=this.getAllTabs({includeDisabled:!1}),this.panels=this.getAllPanels(),this.syncIndicator(),this.tabs.forEach((i=>{i.centered=this.centered})),this.updateComplete.then((()=>this.updateScrollControls()))}updateScrollControls(){this.noScrollControls||(this.hasScrollControls=["top","bottom"].includes(this.placement)&&this.nav.scrollWidth>this.nav.clientWidth),this.hasScrollControls=!1}syncIndicator(){this.getActiveTab()?(this.indicator.style.display="block",this.repositionIndicator()):this.indicator.style.display="none"}show(i){const s=this.tabs.find((s=>s.panel===i));s&&this.setActiveTab(s,{scrollBehavior:"smooth"})}render(){return s`
|
2
2
|
<div
|
3
3
|
part="base"
|
4
4
|
class=${t({"tab-group":!0,"tab-group--top":"top"===this.placement,"tab-group--bottom":"bottom"===this.placement,"tab-group--start":"start"===this.placement,"tab-group--end":"end"===this.placement,"tab-group--rtl":!0,"tab-group--has-scroll-controls":this.hasScrollControls})}
|
@@ -1,2 +1,2 @@
|
|
1
|
-
System.register(["tslib","../index-cd83c5c8.cjs.js","lit/decorators.js","./nile-table-body.css.cjs.js","../internal/nile-element.cjs.js","lit"],function(_export,_context){"use strict";var t,e,s,i,l,r,
|
1
|
+
System.register(["tslib","../index-cd83c5c8.cjs.js","lit/decorators.js","./nile-table-body.css.cjs.js","../internal/nile-element.cjs.js","lit"],function(_export,_context){"use strict";var t,e,s,i,l,a,r,o,_templateObject,h;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return typeof key==="symbol"?key:String(key);}function _toPrimitive(input,hint){if(typeof input!=="object"||input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==undefined){var res=prim.call(input,hint||"default");if(typeof res!=="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.");}return(hint==="string"?String:Number)(input);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=_getPrototypeOf(Derived),result;if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return _possibleConstructorReturn(this,result);};}function _possibleConstructorReturn(self,call){if(call&&(typeof call==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_index001CjsJs){e=_index001CjsJs.x;},function(_litDecoratorsJs){s=_litDecoratorsJs.query;i=_litDecoratorsJs.queryAssignedNodes;l=_litDecoratorsJs.state;a=_litDecoratorsJs.customElement;},function(_nileTableBodyCssCjsJs){r=_nileTableBodyCssCjsJs.s;},function(_internalNileElementCjsJs){o=_internalNileElementCjsJs.N;},function(_lit){}],execute:function(){_export("N",h=/*#__PURE__*/function(_o){_inherits(h,_o);var _super=_createSuper(h);function h(){var _this;_classCallCheck(this,h);_this=_super.apply(this,arguments),_this.rows_data=[],_this.header_rows_data=[];return _this;}_createClass(h,[{key:"getChildren",value:function getChildren(t,e){return t.querySelectorAll(e);}},{key:"getIndexValue",value:function getIndexValue(t){return this.header_rows_data.indexOf(t);}},{key:"handleSlotchange",value:function handleSlotchange(t){var _this2=this;var e=[];this._childNodes.forEach(function(t){var _t$tagName;if(t.tagName&&"nile-table-row"===(t===null||t===void 0||(_t$tagName=t.tagName)===null||_t$tagName===void 0?void 0:_t$tagName.toLowerCase())){var _s=_this2.getChildren(t,"nile-table-cell-item");if(_s.length>0)_s.forEach(function(t){e.push(t.innerHTML);}),_this2.rows_data.push(e);else{var _e=_this2.getChildren(t,"nile-table-header-item");_e.length>0&&_e.forEach(function(t,e){_this2.header_rows_data.push(t.innerHTML);});}e=[];}});}},{key:"handleDataChange",value:function handleDataChange(){var _this3=this;var t=0;this._childNodes.forEach(function(e,s){var _e$tagName;if(0!=s&&e.tagName&&"nile-table-row"===(e===null||e===void 0||(_e$tagName=e.tagName)===null||_e$tagName===void 0?void 0:_e$tagName.toLowerCase())){var _s2=_this3.getChildren(e,"nile-table-cell-item");_s2.length>0&&(_s2.forEach(function(e,s){e.innerHTML=_this3.rows_data[t][s];}),t++);}});}},{key:"handleDataSort",value:function handleDataSort(t,e){this.rows_data.sort(function(s,i){var _s$t,_i$t;var l=(_s$t=s[t])===null||_s$t===void 0?void 0:_s$t.toLowerCase(),a=(_i$t=i[t])===null||_i$t===void 0?void 0:_i$t.toLowerCase();return"asc"==e?l<=a?1:-1:l<a?-1:1;});}},{key:"handleSort",value:function handleSort(t){var _t$detail$value=t.detail.value,e=_t$detail$value.curr_sort_string,s=_t$detail$value.order;this.sort__index=this.getIndexValue(e),this.handleDataSort(this.sort__index,s),this.handleDataChange();}},{key:"handleSearch",value:function handleSearch(t){var e=t.detail.value;this.search__index=this.getIndexValue(t.target.textContent),this.emit("nile-table-search",{index:this.search__index,value:e});}},{key:"render",value:function render(){return e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n <div class=\"base\" part=\"base\">\n <slot name=\"table__header\" class=\"table__header\"></slot>\n <slot\n @slotchange=","\n @nile-click-sort=","\n class=\"nile__table__body\"\n @nile-search=","\n ></slot>\n </div>\n "])),this.handleSlotchange,this.handleSort,this.handleSearch);}}],[{key:"styles",get:function get(){return[r];}}]);return h;}(o));t([s("slot")],h.prototype,"defaultSlot",void 0),t([i({flatten:!0})],h.prototype,"_childNodes",void 0),t([l()],h.prototype,"rows_data",void 0),t([l()],h.prototype,"header_rows_data",void 0),t([l()],h.prototype,"sort__index",void 0),t([l()],h.prototype,"search__index",void 0),_export("N",h=t([a("nile-table-body")],h));}};});
|
2
2
|
//# sourceMappingURL=nile-table-body.cjs.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"nile-table-body.cjs.js","sources":["../../../src/nile-table-body/nile-table-body.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n LitElement,\n html,\n property,\n CSSResultArray,\n TemplateResult,\n} from 'lit-element';\nimport {\n customElement,\n query,\n state,\n queryAll,\n queryAssignedElements,\n queryAssignedNodes,\n} from 'lit/decorators.js';\nimport { styles } from './nile-table-body.css';\nimport NileElement from '../internal/nile-element';\nimport { getInnerHTML } from '../slot';\n\n/**\n * nile-table-body component.\n *\n * @tag nile-table-body\n *\n */\n@customElement('nile-table-body')\nexport class NileTableBody extends NileElement {\n /**\n * The styles for TableBody\n * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n */\n\n @query('slot') defaultSlot: HTMLSlotElement;\n @queryAssignedNodes({ flatten: true })\n _childNodes!: Array<HTMLElement>;\n\n @state() private
|
1
|
+
{"version":3,"file":"nile-table-body.cjs.js","sources":["../../../src/nile-table-body/nile-table-body.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n LitElement,\n html,\n property,\n CSSResultArray,\n TemplateResult,\n} from 'lit-element';\nimport {\n customElement,\n query,\n state,\n queryAll,\n queryAssignedElements,\n queryAssignedNodes,\n} from 'lit/decorators.js';\nimport { styles } from './nile-table-body.css';\nimport NileElement from '../internal/nile-element';\nimport { getInnerHTML } from '../slot';\n\n/**\n * nile-table-body component.\n *\n * @tag nile-table-body\n *\n */\n@customElement('nile-table-body')\nexport class NileTableBody extends NileElement {\n /**\n * The styles for TableBody\n * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n */\n\n @query('slot') defaultSlot: HTMLSlotElement;\n @queryAssignedNodes({ flatten: true })\n _childNodes!: Array<HTMLElement>;\n\n @state() private rows_data: any[] = [];\n @state() private header_rows_data: any[] = [];\n @state() private sort__index: number;\n @state() private search__index: number;\n\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n /* #endregion */\n\n /* #region Methods */\n\n private getChildren(child: any, tagname: string) {\n return child.querySelectorAll(tagname);\n }\n\n private getIndexValue(index__value: string): number {\n return this.header_rows_data.indexOf(index__value);\n }\n\n handleSlotchange(e: any) {\n let row_data: any = [];\n this._childNodes.forEach((child: any) => {\n if (child.tagName && child?.tagName?.toLowerCase() === 'nile-table-row') {\n let nilerows = this.getChildren(child, 'nile-table-cell-item');\n if (nilerows.length > 0) {\n nilerows.forEach((element: { innerHTML: any }) => {\n row_data.push(element.innerHTML);\n });\n this.rows_data.push(row_data);\n } else {\n let nileheaders = this.getChildren(child, 'nile-table-header-item');\n if (nileheaders.length > 0) {\n nileheaders.forEach((header: HTMLSlotElement, index: number) => {\n this.header_rows_data.push(header.innerHTML);\n });\n }\n }\n row_data = [];\n }\n });\n }\n\n private handleDataChange() {\n let i = 0;\n let j = 0;\n this._childNodes.forEach((child: any, index) => {\n if (\n index != 0 &&\n child.tagName &&\n child?.tagName?.toLowerCase() === 'nile-table-row'\n ) {\n let nilerows = this.getChildren(child, 'nile-table-cell-item');\n if (nilerows.length > 0) {\n nilerows.forEach(\n (element: { innerHTML: any }, curr_index: number) => {\n element.innerHTML = this.rows_data[i][curr_index];\n }\n );\n i++;\n }\n }\n });\n }\n\n private handleDataSort(index: number, order: string) {\n this.rows_data.sort((a: any, b: any) => {\n let first_row_value = a[index]?.toLowerCase();\n let second_row_value = b[index]?.toLowerCase();\n return order == 'asc'\n ? first_row_value <= second_row_value\n ? 1\n : -1\n : first_row_value < second_row_value\n ? -1\n : 1;\n });\n }\n\n private handleSort(e: any) {\n const { curr_sort_string, order } = e.detail.value;\n this.sort__index = this.getIndexValue(curr_sort_string);\n this.handleDataSort(this.sort__index, order);\n this.handleDataChange();\n }\n\n private handleSearch(e: any) {\n const searchText = e.detail.value;\n this.search__index = this.getIndexValue(e.target.textContent);\n this.emit('nile-table-search', {\n index: this.search__index,\n value: searchText,\n });\n }\n\n public render(): TemplateResult {\n return html`\n <div class=\"base\" part=\"base\">\n <slot name=\"table__header\" class=\"table__header\"></slot>\n <slot\n @slotchange=${this.handleSlotchange}\n @nile-click-sort=${this.handleSort}\n class=\"nile__table__body\"\n @nile-search=${this.handleSearch}\n ></slot>\n </div>\n `;\n }\n\n /* #endregion */\n}\n\nexport default NileTableBody;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-table-body': NileTableBody;\n }\n}\n"],"names":["NileTableBody","h","constructor","this","rows_data","header_rows_data","_this","_createClass","key","value","getChildren","child","tagname","querySelectorAll","getIndexValue","index__value","indexOf","handleSlotchange","e","_this2","row_data","_childNodes","forEach","_t$tagName","tagName","toLowerCase","nilerows","length","element","push","innerHTML","nileheaders","header","index","handleDataChange","_this3","i","_e$tagName","curr_index","handleDataSort","order","sort","a","b","_s$t","_i$t","first_row_value","second_row_value","handleSort","_t$detail$value","detail","curr_sort_string","sort__index","handleSearch","searchText","search__index","target","textContent","emit","render","html","_templateObject","_taggedTemplateLiteral","__decorate","get","styles","NileElement","query","prototype","queryAssignedNodes","flatten","state","_export","customElement"],"mappings":"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"}
|
@@ -1,2 +1,2 @@
|
|
1
|
-
System.register(["../index-cd83c5c8.cjs.js"],function(_export,_context){"use strict";var o,_templateObject,e;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){o=_index001CjsJs.i;}],execute:function(){_export("s",e=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n
|
1
|
+
System.register(["../index-cd83c5c8.cjs.js"],function(_export,_context){"use strict";var o,_templateObject,e;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){o=_index001CjsJs.i;}],execute:function(){_export("s",e=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host {\n box-sizing: border-box;\n --nile-table-background--odd: var(\n --nile-table-body-row-odd-background-color\n );\n --nile-table-background--even: var(\n --nile-table-body-row-even-background-color\n );\n }\n\n .base {\n background-color: var(--nile-colors-white-base);\n border: 1px solid var(--nile-table-row-border-color);\n border-radius: var(--nile-radius-radius-xl);\n box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1),\n 0px 1px 2px 0px rgba(16, 24, 40, 0.06);\n overflow: hidden;\n }\n\n .table__header {\n display: flex;\n box-sizing: border-box;\n }\n\n .nile__table__body {\n display: table;\n border-collapse: collapse;\n width:100%;\n }\n\n slot::slotted(nile-table-row:nth-child(odd)) {\n border-bottom: 1px solid #e4e2e4;\n background: var(--nile-table-background--odd);\n }\n\n slot::slotted(nile-table-row:nth-child(even)) {\n background: var(--nile-table-background--even);\n }\n\n slot::slotted(nile-table-row:last-child) {\n border-bottom: 0px;\n }\n"]))));}};});
|
2
2
|
//# sourceMappingURL=nile-table-body.css.cjs.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"nile-table-body.css.cjs.js","sources":["../../../src/nile-table-body/nile-table-body.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * TableBody CSS\n */\nexport const styles = css`\n
|
1
|
+
{"version":3,"file":"nile-table-body.css.cjs.js","sources":["../../../src/nile-table-body/nile-table-body.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * TableBody CSS\n */\nexport const styles = css`\n :host {\n box-sizing: border-box;\n --nile-table-background--odd: var(\n --nile-table-body-row-odd-background-color\n );\n --nile-table-background--even: var(\n --nile-table-body-row-even-background-color\n );\n }\n\n .base {\n background-color: var(--nile-colors-white-base);\n border: 1px solid var(--nile-table-row-border-color);\n border-radius: var(--nile-radius-radius-xl);\n box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1),\n 0px 1px 2px 0px rgba(16, 24, 40, 0.06);\n overflow: hidden;\n }\n\n .table__header {\n display: flex;\n box-sizing: border-box;\n }\n\n .nile__table__body {\n display: table;\n border-collapse: collapse;\n width:100%;\n }\n\n slot::slotted(nile-table-row:nth-child(odd)) {\n border-bottom: 1px solid #e4e2e4;\n background: var(--nile-table-background--odd);\n }\n\n slot::slotted(nile-table-row:nth-child(even)) {\n background: var(--nile-table-background--even);\n }\n\n slot::slotted(nile-table-row:last-child) {\n border-bottom: 0px;\n }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
|
@@ -1,5 +1,4 @@
|
|
1
1
|
import{i as o}from"../index-cd2f9c12.esm.js";const e=o`
|
2
|
-
|
3
2
|
:host {
|
4
3
|
box-sizing: border-box;
|
5
4
|
--nile-table-background--odd: var(
|
@@ -11,13 +10,12 @@ import{i as o}from"../index-cd2f9c12.esm.js";const e=o`
|
|
11
10
|
}
|
12
11
|
|
13
12
|
.base {
|
14
|
-
width: max-content;
|
15
13
|
background-color: var(--nile-colors-white-base);
|
16
14
|
border: 1px solid var(--nile-table-row-border-color);
|
17
15
|
border-radius: var(--nile-radius-radius-xl);
|
18
16
|
box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1),
|
19
17
|
0px 1px 2px 0px rgba(16, 24, 40, 0.06);
|
20
|
-
overflow:hidden;
|
18
|
+
overflow: hidden;
|
21
19
|
}
|
22
20
|
|
23
21
|
.table__header {
|
@@ -28,9 +26,11 @@ import{i as o}from"../index-cd2f9c12.esm.js";const e=o`
|
|
28
26
|
.nile__table__body {
|
29
27
|
display: table;
|
30
28
|
border-collapse: collapse;
|
29
|
+
width:100%;
|
31
30
|
}
|
32
31
|
|
33
32
|
slot::slotted(nile-table-row:nth-child(odd)) {
|
33
|
+
border-bottom: 1px solid #e4e2e4;
|
34
34
|
background: var(--nile-table-background--odd);
|
35
35
|
}
|
36
36
|
|
@@ -1,10 +1,11 @@
|
|
1
|
-
import{__decorate as t}from"tslib";import{x as e}from"../index-cd2f9c12.esm.js";import{query as s,queryAssignedNodes as i,state as l,customElement as
|
2
|
-
<div class="base">
|
1
|
+
import{__decorate as t}from"tslib";import{x as e}from"../index-cd2f9c12.esm.js";import{query as s,queryAssignedNodes as i,state as l,customElement as a}from"lit/decorators.js";import{s as r}from"./nile-table-body.css.esm.js";import{N as o}from"../internal/nile-element.esm.js";import"lit";let h=class extends o{constructor(){super(...arguments),this.rows_data=[],this.header_rows_data=[]}static get styles(){return[r]}getChildren(t,e){return t.querySelectorAll(e)}getIndexValue(t){return this.header_rows_data.indexOf(t)}handleSlotchange(t){let e=[];this._childNodes.forEach((t=>{if(t.tagName&&"nile-table-row"===t?.tagName?.toLowerCase()){let s=this.getChildren(t,"nile-table-cell-item");if(s.length>0)s.forEach((t=>{e.push(t.innerHTML)})),this.rows_data.push(e);else{let e=this.getChildren(t,"nile-table-header-item");e.length>0&&e.forEach(((t,e)=>{this.header_rows_data.push(t.innerHTML)}))}e=[]}}))}handleDataChange(){let t=0;this._childNodes.forEach(((e,s)=>{if(0!=s&&e.tagName&&"nile-table-row"===e?.tagName?.toLowerCase()){let s=this.getChildren(e,"nile-table-cell-item");s.length>0&&(s.forEach(((e,s)=>{e.innerHTML=this.rows_data[t][s]})),t++)}}))}handleDataSort(t,e){this.rows_data.sort(((s,i)=>{let l=s[t]?.toLowerCase(),a=i[t]?.toLowerCase();return"asc"==e?l<=a?1:-1:l<a?-1:1}))}handleSort(t){const{curr_sort_string:e,order:s}=t.detail.value;this.sort__index=this.getIndexValue(e),this.handleDataSort(this.sort__index,s),this.handleDataChange()}handleSearch(t){const e=t.detail.value;this.search__index=this.getIndexValue(t.target.textContent),this.emit("nile-table-search",{index:this.search__index,value:e})}render(){return e`
|
2
|
+
<div class="base" part="base">
|
3
3
|
<slot name="table__header" class="table__header"></slot>
|
4
4
|
<slot
|
5
5
|
@slotchange=${this.handleSlotchange}
|
6
6
|
@nile-click-sort=${this.handleSort}
|
7
7
|
class="nile__table__body"
|
8
|
+
@nile-search=${this.handleSearch}
|
8
9
|
></slot>
|
9
10
|
</div>
|
10
|
-
`}};t([s("slot")],h.prototype,"defaultSlot",void 0),t([i({flatten:!0})],h.prototype,"_childNodes",void 0),t([l()],h.prototype,"
|
11
|
+
`}};t([s("slot")],h.prototype,"defaultSlot",void 0),t([i({flatten:!0})],h.prototype,"_childNodes",void 0),t([l()],h.prototype,"rows_data",void 0),t([l()],h.prototype,"header_rows_data",void 0),t([l()],h.prototype,"sort__index",void 0),t([l()],h.prototype,"search__index",void 0),h=t([a("nile-table-body")],h);export{h as N};
|
@@ -1,2 +1,2 @@
|
|
1
|
-
System.register(["tslib","../index-cd83c5c8.cjs.js","lit/decorators.js","./nile-table-header-item.css.cjs.js","../internal/nile-element.cjs.js","../internal/slot.cjs.js","../property-0f6a51ec.cjs.js","lit"],function(_export,_context){"use strict";var t,
|
1
|
+
System.register(["tslib","../index-cd83c5c8.cjs.js","lit/decorators.js","./nile-table-header-item.css.cjs.js","../internal/nile-element.cjs.js","../internal/slot.cjs.js","../property-0f6a51ec.cjs.js","lit"],function(_export,_context){"use strict";var e,t,i,r,s,n,o,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,l;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return typeof key==="symbol"?key:String(key);}function _toPrimitive(input,hint){if(typeof input!=="object"||input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==undefined){var res=prim.call(input,hint||"default");if(typeof res!=="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.");}return(hint==="string"?String:Number)(input);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=_getPrototypeOf(Derived),result;if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return _possibleConstructorReturn(this,result);};}function _possibleConstructorReturn(self,call){if(call&&(typeof call==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}return{setters:[function(_tslib){e=_tslib.__decorate;},function(_index001CjsJs){t=_index001CjsJs.x;},function(_litDecoratorsJs){i=_litDecoratorsJs.customElement;},function(_nileTableHeaderItemCssCjsJs){r=_nileTableHeaderItemCssCjsJs.s;},function(_internalNileElementCjsJs){s=_internalNileElementCjsJs.N;},function(_internalSlotCjsJs){n=_internalSlotCjsJs.H;},function(_property002CjsJs){o=_property002CjsJs.n;},function(_lit){}],execute:function(){_export("N",l=/*#__PURE__*/function(_s){_inherits(l,_s);var _super=_createSuper(l);function l(){var _this;_classCallCheck(this,l);_this=_super.apply(this,arguments),_this.hasSlotController=new n(_assertThisInitialized(_this),"[default]"),_this.havesort=!1,_this.havefilter=!1,_this.iconName="";return _this;}_createClass(l,[{key:"handleSort",value:function handleSort(e){var t="arrowdropup"===e.target.getAttribute("name")?"asc":"desc";var i=this.hasSlotController.host.innerHTML;this.emit("nile-click-sort",{value:{curr_sort_string:i,order:t}});}},{key:"handleSearch",value:function handleSearch(e){this.emit("nile-search",{value:e.detail.value});}},{key:"render",value:function render(){return t(_templateObject||(_templateObject=_taggedTemplateLiteral([" ",""])),this.hasSlotController.test("[default]")?t(_templateObject2||(_templateObject2=_taggedTemplateLiteral([" <div class=\"headers\">\n <slot> </slot>\n ","\n ","\n ","\n </div>"])),this.havesort?t(_templateObject3||(_templateObject3=_taggedTemplateLiteral([" <span class=\"sorting__icons\">\n <nile-icon\n name=\"arrowdropup\"\n size=\"16\"\n @click=","\n ></nile-icon>\n <nile-icon\n name=\"arrowdropdown\"\n size=\"16\"\n @click=","\n ></nile-icon>\n </span>"])),this.handleSort,this.handleSort):null,this.iconName?t(_templateObject4||(_templateObject4=_taggedTemplateLiteral([" <nile-icon name=\"","\" size=\"16\"></nile-icon>"])),this.iconName):t(_templateObject5||(_templateObject5=_taggedTemplateLiteral([""]))),this.havefilter?t(_templateObject6||(_templateObject6=_taggedTemplateLiteral([" <nile-popover title=\"Filter\" placement=\"bottom\">\n <nile-icon name=\"filter\" size=\"16\" slot=\"anchor\"></nile-icon>\n <nile-input\n placeholder=\"Search\"\n @nile-input=","\n part=\"filter__search\"\n ></nile-input>\n <slot name=\"filter__content\" part=\"filter__content\"></slot>\n </nile-popover>"])),this.handleSearch):t(_templateObject7||(_templateObject7=_taggedTemplateLiteral([""])))):null);}}],[{key:"styles",get:function get(){return[r];}}]);return l;}(s));e([o({type:Boolean,reflect:!0})],l.prototype,"havesort",void 0),e([o({type:Boolean,reflect:!0})],l.prototype,"havefilter",void 0),e([o({type:String,reflect:!0,attribute:"icon-name"})],l.prototype,"iconName",void 0),_export("N",l=e([i("nile-table-header-item")],l));}};});
|
2
2
|
//# sourceMappingURL=nile-table-header-item.cjs.js.map
|