npm - @aquera/nile-elements - Versions diffs - 1.0.1-beta-1.9 → 1.1.0-beta-1.0 - Mend

@aquera/nile-elements 1.0.1-beta-1.9 → 1.1.0-beta-1.0

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.

Files changed (1895) hide show

package/dist/nile-tab-group/nile-tab-group.cjs.js.map CHANGED Viewed

	@@ -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, CSSResultArray, TemplateResult, nothing} from 'lit';\nimport { customElement, property } 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, PropertyValueMap } 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 static 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 @property({ type: Boolean, reflect: true, attribute: true }) hasScrollControls = false;\n\n /** The placement of the tabs. /\n @property() placement: 'top' \| 'bottom' \| 'start' \| 'end' = 'top';\n\n /* The placement of the tabs. /\n @property({ reflect: true, attribute: 'value', type: String }) activeTabProp: string = '';\n\n /* Track for showing Indicators and Background. /\n @property({ type: Boolean, reflect: true, attribute:'no-track'}) noTrack = false;\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 @state() activeTabName: string = '';\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 if(this.activeTabProp) this.activeTabName=this.activeTabProp;\n else this.activeTabName=this.getActiveTab().panel;\n this.syncIndicator();\n\n this.mutationObserver.observe(this, { attributes: true, childList: true, subtree: true });\n this.resizeObserver.observe(this.nav);\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 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 protected firstUpdated(_changedProperties: PropertyValueMap<any> \| Map<PropertyKey, unknown>): void {\n this.addEventListener('nile-toggle-change', this.handleToggleFromTab);\n }\n\n protected updated(_changedProperties: PropertyValueMap<any> \| Map<PropertyKey, unknown>): void {\n if(_changedProperties.has('activeTabName')){\n const tab=this.getActiveTab()\n if(!tab) return;\n this.setActiveTab(tab, {scrollBehavior: 'smooth' });\n }\n if(_changedProperties.has('activeTabProp')){\n this.activeTabName=this.activeTabProp;\n }\n }\n\n // @watch('noScrollControls', { waitUntilFirstUpdate: true })\n // updateScrollControls() {\n // this.setScrollControls()\n // }\n\n @watch('placement', { waitUntilFirstUpdate: true })\n syncIndicator() {\n if(!this.indicator) return;\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 render() {\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 'hide__track':this.noTrack\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='var(--nile-icon-arrow-right, var(--ng-icon-chevron-right))'\n library=\"system\"\n label=\"scrollToStart\"\n @click=${this.handleScrollToEnd}\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-path\" class=\"tab-group__indicator__path\"></div>\n <div\n part=\"active-tab-indicator\"\n class=${classMap({\n 'tab-group__indicator': !this.noTrack,\n })}\n ></div>\n\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='var(--nile-icon-arrow-left, var(--ng-icon-chevron-left))'\n library=\"system\"\n label=\"scrollToEnd\"\n @click=${this.handleScrollToStart}\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 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 => this.activeTabName?el.panel==this.activeTabName:el.active) ?? this.tabs[0];\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 && !tab.disabled) {\n this.activeTabName=tab.panel\n }\n }\n\n setScrollControls(){\n if (this.noScrollControls) {\n this.hasScrollControls = false;\n } else {\n this.hasScrollControls = ['top', 'bottom'].includes(this.placement) && this.nav.scrollWidth > this.nav.clientWidth;\n }\n this.hasScrollControls = false;\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.activeTabName=tab.panel\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 = tab;\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.activeTabName=this.tabs[index].panel\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:-this.nav.scrollWidth,\n behavior: 'smooth'\n });\n }\n\n private handleScrollToEnd() {\n this.nav.scroll({\n left:this.nav.scrollWidth,\n behavior: 'smooth'\n });\n }\n\n private setActiveTab(tab: NileTab, options?: { emitEvents?: boolean; scrollBehavior?: 'auto' \| 'smooth' }) {\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 // 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 \|\| !this.indicator) {\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 + 12,\n top: previous.top + current.clientHeight + 12\n }),\n { left: 0, top: 0 }\n );\n\n switch (this.placement) {\n case 'top':\n case 'bottom':\n this.indicator.style.width = `${width - 5}px`;\n this.indicator.style.height = 'auto';\n this.indicator.style.translate = `${offset.left + 2}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\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 private handleToggleFromTab(e:CustomEvent){\n e.stopPropagation();\n this.activeTabName=e.detail.value;\n }\n\n}\n\nexport default NileTabGroup;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-tab-group': NileTabGroup;\n }\n}\n"],"names":["NileTabGroup","g","this","tabs","panels","hasScrollControls","placement","activeTabProp","noTrack","activation","noScrollControls","centered","activeTabName","_this","_inherits","_p","_createClass","key","value","connectedCallback","_this2","whenAllDefined","Promise","allSettled","customElements","whenDefined","super","resizeObserver","ResizeObserver","repositionIndicator","mutationObserver","MutationObserver","mutations","some","m","includes","attributeName","setTimeout","setAriaLabels","syncTabsAndPanels","updateComplete","then","getActiveTab","panel","syncIndicator","observe","attributes","childList","subtree","nav","IntersectionObserver","entries","observer","intersectionRatio","unobserve","target","tabGroup","disconnectedCallback","disconnect","firstUpdated","_changedProperties","addEventListener","handleToggleFromTab","updated","has","tab","setActiveTab","scrollBehavior","indicator","style","display","render","html","_templateObject","_taggedTemplateLiteral","classMap","hide__track","handleClick","handleKeyDown","_templateObject2","handleScrollToEnd","_templateObject3","handleScrollToStart","getAllTabs","options","includeDisabled","_toConsumableArray","shadowRoot","querySelector","assignedElements","filter","el","tagName","toLowerCase","disabled","getAllPanels","body","_this$tabs$find","_this3","find","active","event","closest","setScrollControls","scrollWidth","clientWidth","preventDefault","activeEl","index","indexOf","length","focus","preventScroll","scrollIntoView","scroll","left","behavior","emitEvents","activeTab","previousTab","map","name","emit","forEach","setAttribute","getAttribute","currentTab","width","height","clientHeight","allTabs","offset","slice","reduce","previous","current","top","translate","concat","e","stopPropagation","detail","NileElement","styles","__decorate","query","prototype","property","type","Boolean","reflect","attribute","String","state","watch","waitUntilFirstUpdate","customElement"],"mappings":"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"}
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, CSSResultArray, TemplateResult, nothing} from 'lit';\nimport { customElement, property } 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, PropertyValueMap } 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 static 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() hasScrollControls = false;\n\n /** The placement of the tabs. /\n @property() placement: 'top' \| 'bottom' \| 'start' \| 'end' = 'top';\n\n /* The placement of the tabs. /\n @property({ reflect: true, attribute: 'value', type: String }) activeTabProp: string = '';\n\n /* Track for showing Indicators and Background. /\n @property({ type: Boolean, reflect: true, attribute:'no-track'}) noTrack = false;\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 @state() activeTabName: string = '';\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 if(this.activeTabProp) this.activeTabName=this.activeTabProp;\n else this.activeTabName=this.getActiveTab().panel;\n this.syncIndicator();\n\n this.mutationObserver.observe(this, { attributes: true, childList: true, subtree: true });\n this.resizeObserver.observe(this.nav);\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 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 protected firstUpdated(_changedProperties: PropertyValueMap<any> \| Map<PropertyKey, unknown>): void {\n this.addEventListener('nile-toggle-change', this.handleToggleFromTab);\n }\n\n protected updated(_changedProperties: PropertyValueMap<any> \| Map<PropertyKey, unknown>): void {\n if(_changedProperties.has('activeTabName')){\n const tab=this.getActiveTab()\n if(!tab) return;\n this.setActiveTab(tab, {scrollBehavior: 'smooth' });\n }\n if(_changedProperties.has('activeTabProp')){\n this.activeTabName=this.activeTabProp;\n }\n }\n\n // @watch('noScrollControls', { waitUntilFirstUpdate: true })\n // updateScrollControls() {\n // this.setScrollControls()\n // }\n\n @watch('placement', { waitUntilFirstUpdate: true })\n syncIndicator() {\n if(!this.indicator) return;\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 render() {\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 'hide__track':this.noTrack\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.handleScrollToEnd}\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-path\" class=\"tab-group__indicator__path\"></div>\n <div\n part=\"active-tab-indicator\"\n class=${classMap({\n 'tab-group__indicator': !this.noTrack,\n })}\n ></div>\n\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.handleScrollToStart}\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 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 => this.activeTabName?el.panel==this.activeTabName:el.active) ?? this.tabs[0];\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 && !tab.disabled) {\n this.activeTabName=tab.panel\n }\n }\n\n setScrollControls(){\n if (this.noScrollControls) {\n this.hasScrollControls = false;\n } else {\n this.hasScrollControls = ['top', 'bottom'].includes(this.placement) && this.nav.scrollWidth > this.nav.clientWidth;\n }\n this.hasScrollControls = false;\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.activeTabName=tab.panel\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 = tab;\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.activeTabName=this.tabs[index].panel\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:-this.nav.scrollWidth,\n behavior: 'smooth'\n });\n }\n\n private handleScrollToEnd() {\n this.nav.scroll({\n left:this.nav.scrollWidth,\n behavior: 'smooth'\n });\n }\n\n private setActiveTab(tab: NileTab, options?: { emitEvents?: boolean; scrollBehavior?: 'auto' \| 'smooth' }) {\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 // 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 \|\| !this.indicator) {\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 + 12,\n top: previous.top + current.clientHeight + 12\n }),\n { left: 0, top: 0 }\n );\n\n switch (this.placement) {\n case 'top':\n case 'bottom':\n this.indicator.style.width = `${width - 5}px`;\n this.indicator.style.height = 'auto';\n this.indicator.style.translate = `${offset.left + 2}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\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 private handleToggleFromTab(e:CustomEvent){\n e.stopPropagation();\n this.activeTabName=e.detail.value;\n }\n\n}\n\nexport default NileTabGroup;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-tab-group': NileTabGroup;\n }\n}\n"],"names":["NileTabGroup","_p","m","constructor","this","tabs","panels","hasScrollControls","placement","activeTabProp","noTrack","activation","noScrollControls","centered","activeTabName","_this","_inherits","_createClass","key","value","connectedCallback","whenAllDefined","Promise","allSettled","customElements","whenDefined","super","resizeObserver","ResizeObserver","repositionIndicator","mutationObserver","MutationObserver","mutations","some","includes","attributeName","setTimeout","setAriaLabels","syncTabsAndPanels","updateComplete","then","getActiveTab","panel","syncIndicator","observe","attributes","childList","subtree","nav","IntersectionObserver","entries","observer","intersectionRatio","unobserve","target","tabGroup","disconnectedCallback","disconnect","firstUpdated","_changedProperties","addEventListener","handleToggleFromTab","updated","has","tab","setActiveTab","scrollBehavior","indicator","style","display","render","html","_templateObject","_taggedTemplateLiteral","classMap","hide__track","handleClick","handleKeyDown","_templateObject2","handleScrollToEnd","_templateObject3","handleScrollToStart","getAllTabs","options","includeDisabled","_toConsumableArray","shadowRoot","querySelector","assignedElements","filter","el","tagName","toLowerCase","disabled","getAllPanels","body","_this$tabs$find","_this3","find","active","event","closest","setScrollControls","scrollWidth","clientWidth","preventDefault","activeEl","index","indexOf","length","focus","preventScroll","scrollIntoView","scroll","left","behavior","emitEvents","activeTab","previousTab","map","name","emit","forEach","setAttribute","getAttribute","currentTab","width","height","clientHeight","allTabs","offset","slice","reduce","previous","current","top","translate","e","stopPropagation","detail","NileElement","styles","__decorate","query","prototype","state","property","reflect","attribute","type","String","Boolean","watch","waitUntilFirstUpdate","customElement"],"mappings":"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"}

package/dist/nile-tab-group/nile-tab-group.css.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var r,_templateObject,a;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){r=_lit.css;}],execute:function execute(){_export("s",a=r(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  [hidden] {\n    display: none !important;\n  }\n\n  :host {\n    --indicator-color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n    --track-color: var(--nile-colors-neutral-400, var(--ng-componentcolors-utility-gray-500));\n    --track-width: var(--nile-width-2px, var(--ng-width-0-5));\n    --tab-gap: var(--nile-spacing-lg, var(--ng-spacing-lg));\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n\n    display: block;\n  }\n\n  .tab-group {\n    display: flex;\n    border-radius: var(--nile-radius-none, var(--ng-radius-none));\n  }\n\n  .tab-group__tabs {\n    display: flex;\n    position: relative;\n    gap: var(--tab-gap);\n  }\n\n  .hide__track {\n    --track-width: 0px;\n    --tab-gap: var(--nile-spacing-3px, var(--ng-spacing-xs));\n  }\n\n  .tab-group__indicator {\n    position: absolute;\n    transition: 0.3s translate ease, 0.3s width ease;\n  }\n\n  .tab-group__indicator__path{\n    position: absolute;\n    height: var(--track-width);\n    width: 100%;\n    background: var(--nile-colors-neutral-400, var(--ng-colors-bg-quaternary));\n    bottom:0px;\n    z-index:0;\n  }\n\n  .tab-group--has-scroll-controls .tab-group__nav-container {\n    position: relative;\n    padding: var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-10px, var(--ng-spacing-lg));\n  }\n\n  .tab-group__body {\n    display: block;\n    overflow: auto;\n  }\n\n  .tab-group__scroll-button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    width: 20px;\n  }\n\n  .tab-group__scroll-button--start {\n    left: 0;\n  }\n\n  .tab-group__scroll-button--end {\n    right: 0;\n  }\n\n  .tab-group--rtl .tab-group__scroll-button--start {\n    left: auto;\n    right: 0;\n  }\n\n  .tab-group--rtl .tab-group__scroll-button--end {\n    left: 0;\n    right: auto;\n  }\n\n  /*\n   * Top\n   */\n\n  .tab-group--top {\n    flex-direction: column;\n  }\n\n  .tab-group--top .tab-group__nav-container {\n    order: 1;\n  }\n\n  .tab-group--top .tab-group__nav {\n    display: flex;\n    overflow-x: auto;\n\n    /* Hide scrollbar in Firefox */\n    scrollbar-width: none;\n  }\n\n  /* Hide scrollbar in Chrome/Safari */\n  .tab-group--top .tab-group__nav::-webkit-scrollbar {\n    width: 0;\n    height: 0;\n  }\n\n  .tab-group--top .tab-group__tabs {\n    flex: 1 1 auto;\n    position: relative;\n    flex-direction: row;\n  }\n\n  .tab-group--top .tab-group__indicator {\n    bottom: 0px;\n    border-bottom: 2px solid var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n    z-index:0;\n  }\n\n  .tab-group--top .tab-group__body {\n    order: 2;\n  }\n\n  .tab-group--top ::slotted(nile-tab-panel) {\n    --padding: var(--nile-spacing-10px, var(--ng-spacing-lg)) var(--nile-spacing-none, var(--ng-spacing-none));\n  }\n\n  /*\n   * Bottom\n   */\n\n  .tab-group--bottom {\n    flex-direction: column;\n  }\n\n  .tab-group--bottom .tab-group__nav-container {\n    order: 2;\n  }\n\n  .tab-group--bottom .tab-group__nav {\n    display: flex;\n    overflow-x: auto;\n\n    /* Hide scrollbar in Firefox */\n    scrollbar-width: none;\n  }\n\n  /* Hide scrollbar in Chrome/Safari */\n  .tab-group--bottom .tab-group__nav::-webkit-scrollbar {\n    width: 0;\n    height: 0;\n  }\n\n  .tab-group--bottom .tab-group__tabs {\n    flex: 1 1 auto;\n    position: relative;\n    flex-direction: row;\n    border-top: solid var(--track-width) var(--track-color);\n  }\n\n  .tab-group--bottom .tab-group__indicator {\n    top: calc(-1 * var(--track-width));\n    border-top: solid var(--track-width) var(--indicator-color);\n  }\n\n  .tab-group--bottom .tab-group__body {\n    order: 1;\n  }\n\n  .tab-group--bottom ::slotted(nile-tab-panel) {\n    --padding: var(--nile-spacing-10px, var(--ng-spacing-2-5)) var(--nile-spacing-none, var(--ng-spacing-none));\n  }\n\n  /*\n   * Start\n   */\n\n  .tab-group--start {\n    flex-direction: row;\n  }\n\n  .tab-group--start .tab-group__nav-container {\n    order: 1;\n  }\n\n  .tab-group--start .tab-group__tabs {\n    flex: 0 0 auto;\n    flex-direction: column;\n    border-inline-end: solid var(--track-width) var(--track-color);\n  }\n\n  .tab-group--start .tab-group__indicator {\n    right: calc(-1 * var(--track-width));\n    border-right: solid var(--track-width) var(--indicator-color);\n  }\n\n  .tab-group--start.tab-group--rtl .tab-group__indicator {\n    right: auto;\n    left: calc(-1 * var(--track-width));\n  }\n\n  .tab-group--start .tab-group__body {\n    flex: 1 1 auto;\n    order: 2;\n  }\n\n  .tab-group--start ::slotted(nile-tab-panel) {\n    --padding: var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-10px, var(--ng-spacing-lg));\n  }\n\n  /*\n   * End\n   */\n\n  .tab-group--end {\n    flex-direction: row;\n  }\n\n  .tab-group--end .tab-group__nav-container {\n    order: 2;\n  }\n\n  .tab-group--end .tab-group__tabs {\n    flex: 0 0 auto;\n    flex-direction: column;\n    border-left: solid var(--track-width) var(--track-color);\n  }\n\n  .tab-group--end .tab-group__indicator {\n    left: calc(-1 * var(--track-width));\n    border-inline-start: solid var(--track-width) var(--indicator-color);\n  }\n\n  .tab-group--end.tab-group--rtl .tab-group__indicator {\n    right: calc(-1 * var(--track-width));\n    left: auto;\n  }\n\n  .tab-group--end .tab-group__body {\n    flex: 1 1 auto;\n    order: 1;\n  }\n\n  .tab-group--end ::slotted(nile-tab-panel) {\n    --padding: var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-lg, var(--ng-spacing-lg));\n  }\n\n  .hide__track slot::slotted(nile-tab) {\n    --tab-border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));\n    --tab-padding:var(--nile-spacing-md, var(--ng-spacing-md)) var(--nile-spacing-lg, var(--ng-spacing-lg));\n    --tab-hover-background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary));\n    --tab-active-background-color: var(--nile-colors-brand-50, var(--ng-colors-bg-brand-primary-alt));\n  }\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var t,_templateObject,o;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){t=_lit.css;}],execute:function execute(){_export("s",o=t(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  [hidden] {\n    display: none !important;\n  }\n\n  :host {\n    --indicator-color: var(--nile-colors-primary-600);\n    --track-color: var(--nile-colors-neutral-400);\n    --track-width: 2px;\n    --tab-gap: 12px;\n\n    display: block;\n  }\n\n  .tab-group {\n    display: flex;\n    border-radius: 0;\n  }\n\n  .tab-group__tabs {\n    display: flex;\n    position: relative;\n    gap: var(--tab-gap);\n  }\n\n  .hide__track {\n    --track-width: 0px;\n    --tab-gap: 3px;\n  }\n\n  .tab-group__indicator {\n    position: absolute;\n    transition: 0.3s translate ease, 0.3s width ease;\n  }\n\n  .tab-group__indicator__path{\n    position: absolute;\n    height: var(--track-width);\n    width: 100%;\n    background: var(--nile-colors-neutral-400);\n    bottom:0px;\n    z-index:0;\n  }\n\n  .tab-group--has-scroll-controls .tab-group__nav-container {\n    position: relative;\n    padding: 0 10px;\n  }\n\n  .tab-group__body {\n    display: block;\n    overflow: auto;\n  }\n\n  .tab-group__scroll-button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    width: 20px;\n  }\n\n  .tab-group__scroll-button--start {\n    left: 0;\n  }\n\n  .tab-group__scroll-button--end {\n    right: 0;\n  }\n\n  .tab-group--rtl .tab-group__scroll-button--start {\n    left: auto;\n    right: 0;\n  }\n\n  .tab-group--rtl .tab-group__scroll-button--end {\n    left: 0;\n    right: auto;\n  }\n\n  /*\n   * Top\n   */\n\n  .tab-group--top {\n    flex-direction: column;\n  }\n\n  .tab-group--top .tab-group__nav-container {\n    order: 1;\n  }\n\n  .tab-group--top .tab-group__nav {\n    display: flex;\n    overflow-x: auto;\n\n    /* Hide scrollbar in Firefox */\n    scrollbar-width: none;\n  }\n\n  /* Hide scrollbar in Chrome/Safari */\n  .tab-group--top .tab-group__nav::-webkit-scrollbar {\n    width: 0;\n    height: 0;\n  }\n\n  .tab-group--top .tab-group__tabs {\n    flex: 1 1 auto;\n    position: relative;\n    flex-direction: row;\n  }\n\n  .tab-group--top .tab-group__indicator {\n    bottom: 0px;\n    border-bottom: 2px solid var(--nile-colors-primary-600);\n    z-index:0;\n  }\n\n  .tab-group--top .tab-group__body {\n    order: 2;\n  }\n\n  .tab-group--top ::slotted(nile-tab-panel) {\n    --padding: 10px 0;\n  }\n\n  /*\n   * Bottom\n   */\n\n  .tab-group--bottom {\n    flex-direction: column;\n  }\n\n  .tab-group--bottom .tab-group__nav-container {\n    order: 2;\n  }\n\n  .tab-group--bottom .tab-group__nav {\n    display: flex;\n    overflow-x: auto;\n\n    /* Hide scrollbar in Firefox */\n    scrollbar-width: none;\n  }\n\n  /* Hide scrollbar in Chrome/Safari */\n  .tab-group--bottom .tab-group__nav::-webkit-scrollbar {\n    width: 0;\n    height: 0;\n  }\n\n  .tab-group--bottom .tab-group__tabs {\n    flex: 1 1 auto;\n    position: relative;\n    flex-direction: row;\n    border-top: solid var(--track-width) var(--track-color);\n  }\n\n  .tab-group--bottom .tab-group__indicator {\n    top: calc(-1 * var(--track-width));\n    border-top: solid var(--track-width) var(--indicator-color);\n  }\n\n  .tab-group--bottom .tab-group__body {\n    order: 1;\n  }\n\n  .tab-group--bottom ::slotted(nile-tab-panel) {\n    --padding: 10px 0;\n  }\n\n  /*\n   * Start\n   */\n\n  .tab-group--start {\n    flex-direction: row;\n  }\n\n  .tab-group--start .tab-group__nav-container {\n    order: 1;\n  }\n\n  .tab-group--start .tab-group__tabs {\n    flex: 0 0 auto;\n    flex-direction: column;\n    border-inline-end: solid var(--track-width) var(--track-color);\n  }\n\n  .tab-group--start .tab-group__indicator {\n    right: calc(-1 * var(--track-width));\n    border-right: solid var(--track-width) var(--indicator-color);\n  }\n\n  .tab-group--start.tab-group--rtl .tab-group__indicator {\n    right: auto;\n    left: calc(-1 * var(--track-width));\n  }\n\n  .tab-group--start .tab-group__body {\n    flex: 1 1 auto;\n    order: 2;\n  }\n\n  .tab-group--start ::slotted(nile-tab-panel) {\n    --padding: 0 10px;\n  }\n\n  /*\n   * End\n   */\n\n  .tab-group--end {\n    flex-direction: row;\n  }\n\n  .tab-group--end .tab-group__nav-container {\n    order: 2;\n  }\n\n  .tab-group--end .tab-group__tabs {\n    flex: 0 0 auto;\n    flex-direction: column;\n    border-left: solid var(--track-width) var(--track-color);\n  }\n\n  .tab-group--end .tab-group__indicator {\n    left: calc(-1 * var(--track-width));\n    border-inline-start: solid var(--track-width) var(--indicator-color);\n  }\n\n  .tab-group--end.tab-group--rtl .tab-group__indicator {\n    right: calc(-1 * var(--track-width));\n    left: auto;\n  }\n\n  .tab-group--end .tab-group__body {\n    flex: 1 1 auto;\n    order: 1;\n  }\n\n  .tab-group--end ::slotted(nile-tab-panel) {\n    --padding: 0 10px;\n  }\n\n  .hide__track slot::slotted(nile-tab) {\n    --tab-border-radius: 4px;\n    --tab-padding:8px 12px;\n    --tab-hover-background-color: var(--nile-colors-neutral-100);\n    --tab-active-background-color: var(--nile-colors-brand-50);\n  }\n"]))));}};});
 //# sourceMappingURL=nile-tab-group.css.cjs.js.map

package/dist/nile-tab-group/nile-tab-group.css.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-tab-group.css.cjs.js","sources":["../../../src/nile-tab-group/nile-tab-group.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';\n\n/\n TabGroup CSS\n /\nexport const styles = css`\n [hidden] {\n display: none !important;\n }\n\n :host {\n --indicator-color: var(--nile-colors-primary-600~~, var(--ng-colors-text-brand-secondary-700~~));\n --track-color: var(--nile-colors-neutral-400~~, var(--ng-componentcolors-utility-gray-500~~));\n --track-width: ~~var(--nile-width-~~2px~~, var(--ng-width-0-5))~~;\n --tab-gap: ~~var(--nile-spacing-lg, var(--ng-spacing-lg))~~;\n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n\n display: block;\n }\n\n .tab-group {\n display: flex;\n border-radius: ~~var(--nile-radius-none, var(--ng-radius-none))~~;\n }\n\n .tab-group__tabs {\n display: flex;\n position: relative;\n gap: var(--tab-gap);\n }\n\n .hide__track {\n --track-width: 0px;\n --tab-gap: ~~var(--nile-spacing-~~3px~~, var(--ng-spacing-xs))~~;\n }\n\n .tab-group__indicator {\n position: absolute;\n transition: 0.3s translate ease, 0.3s width ease;\n }\n\n .tab-group__indicator__path{\n position: absolute;\n height: var(--track-width);\n width: 100%;\n background: var(--nile-colors-neutral-400~~, var(--ng-colors-bg-quaternary~~));\n bottom:0px;\n z-index:0;\n }\n\n .tab-group--has-scroll-controls .tab-group__nav-container {\n position: relative;\n padding: ~~var(--nile-spacing-none,~~ ~~var(--ng-spacing-none)) var(--nile-spacing-~~10px~~, var(--ng-spacing-lg))~~;\n }\n\n .tab-group__body {\n display: block;\n overflow: auto;\n }\n\n .tab-group__scroll-button {\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n top: 0;\n bottom: 0;\n width: 20px;\n }\n\n .tab-group__scroll-button--start {\n left: 0;\n }\n\n .tab-group__scroll-button--end {\n right: 0;\n }\n\n .tab-group--rtl .tab-group__scroll-button--start {\n left: auto;\n right: 0;\n }\n\n .tab-group--rtl .tab-group__scroll-button--end {\n left: 0;\n right: auto;\n }\n\n /\n * Top\n /\n\n .tab-group--top {\n flex-direction: column;\n }\n\n .tab-group--top .tab-group__nav-container {\n order: 1;\n }\n\n .tab-group--top .tab-group__nav {\n display: flex;\n overflow-x: auto;\n\n / Hide scrollbar in Firefox /\n scrollbar-width: none;\n }\n\n / Hide scrollbar in Chrome/Safari /\n .tab-group--top .tab-group__nav::-webkit-scrollbar {\n width: 0;\n height: 0;\n }\n\n .tab-group--top .tab-group__tabs {\n flex: 1 1 auto;\n position: relative;\n flex-direction: row;\n }\n\n .tab-group--top .tab-group__indicator {\n bottom: 0px;\n border-bottom: 2px solid var(--nile-colors-primary-600~~, var(--ng-colors-text-brand-secondary-700~~));\n z-index:0;\n }\n\n .tab-group--top .tab-group__body {\n order: 2;\n }\n\n .tab-group--top ::slotted(nile-tab-panel) {\n --padding: ~~var(--nile-spacing-~~10px, ~~var(--ng-spacing-lg)) var(--nile-spacing-none, var(--ng-spacing-none))~~;\n }\n\n /\n * Bottom\n /\n\n .tab-group--bottom {\n flex-direction: column;\n }\n\n .tab-group--bottom .tab-group__nav-container {\n order: 2;\n }\n\n .tab-group--bottom .tab-group__nav {\n display: flex;\n overflow-x: auto;\n\n / Hide scrollbar in Firefox /\n scrollbar-width: none;\n }\n\n / Hide scrollbar in Chrome/Safari /\n .tab-group--bottom .tab-group__nav::-webkit-scrollbar {\n width: 0;\n height: 0;\n }\n\n .tab-group--bottom .tab-group__tabs {\n flex: 1 1 auto;\n position: relative;\n flex-direction: row;\n border-top: solid var(--track-width) var(--track-color);\n }\n\n .tab-group--bottom .tab-group__indicator {\n top: calc(-1 var(--track-width));\n border-top: solid var(--track-width) var(--indicator-color);\n }\n\n .tab-group--bottom .tab-group__body {\n order: 1;\n }\n\n .tab-group--bottom ::slotted(nile-tab-panel) {\n --padding: ~~var(--nile-spacing-~~10px, ~~var(--ng-spacing-2-5)) var(--nile-spacing-none, var(--ng-spacing-none))~~;\n }\n\n /\n Start\n /\n\n .tab-group--start {\n flex-direction: row;\n }\n\n .tab-group--start .tab-group__nav-container {\n order: 1;\n }\n\n .tab-group--start .tab-group__tabs {\n flex: 0 0 auto;\n flex-direction: column;\n border-inline-end: solid var(--track-width) var(--track-color);\n }\n\n .tab-group--start .tab-group__indicator {\n right: calc(-1 var(--track-width));\n border-right: solid var(--track-width) var(--indicator-color);\n }\n\n .tab-group--start.tab-group--rtl .tab-group__indicator {\n right: auto;\n left: calc(-1 * var(--track-width));\n }\n\n .tab-group--start .tab-group__body {\n flex: 1 1 auto;\n order: 2;\n }\n\n .tab-group--start ::slotted(nile-tab-panel) {\n --padding: ~~var(--nile-spacing-none,~~ ~~var(--ng-spacing-none)) var(--nile-spacing-~~10px~~, var(--ng-spacing-lg))~~;\n }\n\n /\n End\n /\n\n .tab-group--end {\n flex-direction: row;\n }\n\n .tab-group--end .tab-group__nav-container {\n order: 2;\n }\n\n .tab-group--end .tab-group__tabs {\n flex: 0 0 auto;\n flex-direction: column;\n border-left: solid var(--track-width) var(--track-color);\n }\n\n .tab-group--end .tab-group__indicator {\n left: calc(-1 var(--track-width));\n border-inline-start: solid var(--track-width) var(--indicator-color);\n }\n\n .tab-group--end.tab-group--rtl .tab-group__indicator {\n right: calc(-1 * var(--track-width));\n left: auto;\n }\n\n .tab-group--end .tab-group__body {\n flex: 1 1 auto;\n order: 1;\n }\n\n .tab-group--end ::slotted(nile-tab-panel) {\n --padding: ~~var(--nile-spacing-none,~~ ~~var(--ng-spacing-none)) var(--nile-spacing-lg, var(--ng-spacing-lg))~~;\n }\n\n .hide__track slot::slotted(nile-tab) {\n --tab-border-radius: ~~var(--nile-radius-radius-xs, var(--ng-radius-xs))~~;\n --tab-padding:~~var(--nile-spacing-md,~~ ~~var(--ng-spacing-md)) var(--nile-spacing-lg, var(--ng-spacing-lg))~~;\n --tab-hover-background-color: var(--nile-colors-neutral-100~~, var(--ng-colors-bg-secondary~~));\n --tab-active-background-color: var(--nile-colors-brand-50~~, var(--ng-colors-bg-brand-primary-alt~~));\n }\n`;\n\nexport default [styles];\n\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
1	+ {"version":3,"file":"nile-tab-group.css.cjs.js","sources":["../../../src/nile-tab-group/nile-tab-group.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';\n\n/\n TabGroup CSS\n /\nexport const styles = css`\n [hidden] {\n display: none !important;\n }\n\n :host {\n --indicator-color: var(--nile-colors-primary-600);\n --track-color: var(--nile-colors-neutral-400);\n --track-width: 2px;\n --tab-gap: 12px;\n\n display: block;\n }\n\n .tab-group {\n display: flex;\n border-radius: 0;\n }\n\n .tab-group__tabs {\n display: flex;\n position: relative;\n gap: var(--tab-gap);\n }\n\n .hide__track {\n --track-width: 0px;\n --tab-gap: 3px;\n }\n\n .tab-group__indicator {\n position: absolute;\n transition: 0.3s translate ease, 0.3s width ease;\n }\n\n .tab-group__indicator__path{\n position: absolute;\n height: var(--track-width);\n width: 100%;\n background: var(--nile-colors-neutral-400);\n bottom:0px;\n z-index:0;\n }\n\n .tab-group--has-scroll-controls .tab-group__nav-container {\n position: relative;\n padding: 0 10px;\n }\n\n .tab-group__body {\n display: block;\n overflow: auto;\n }\n\n .tab-group__scroll-button {\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n top: 0;\n bottom: 0;\n width: 20px;\n }\n\n .tab-group__scroll-button--start {\n left: 0;\n }\n\n .tab-group__scroll-button--end {\n right: 0;\n }\n\n .tab-group--rtl .tab-group__scroll-button--start {\n left: auto;\n right: 0;\n }\n\n .tab-group--rtl .tab-group__scroll-button--end {\n left: 0;\n right: auto;\n }\n\n /\n * Top\n /\n\n .tab-group--top {\n flex-direction: column;\n }\n\n .tab-group--top .tab-group__nav-container {\n order: 1;\n }\n\n .tab-group--top .tab-group__nav {\n display: flex;\n overflow-x: auto;\n\n / Hide scrollbar in Firefox /\n scrollbar-width: none;\n }\n\n / Hide scrollbar in Chrome/Safari /\n .tab-group--top .tab-group__nav::-webkit-scrollbar {\n width: 0;\n height: 0;\n }\n\n .tab-group--top .tab-group__tabs {\n flex: 1 1 auto;\n position: relative;\n flex-direction: row;\n }\n\n .tab-group--top .tab-group__indicator {\n bottom: 0px;\n border-bottom: 2px solid var(--nile-colors-primary-600);\n z-index:0;\n }\n\n .tab-group--top .tab-group__body {\n order: 2;\n }\n\n .tab-group--top ::slotted(nile-tab-panel) {\n --padding: 10px 0;\n }\n\n /\n * Bottom\n /\n\n .tab-group--bottom {\n flex-direction: column;\n }\n\n .tab-group--bottom .tab-group__nav-container {\n order: 2;\n }\n\n .tab-group--bottom .tab-group__nav {\n display: flex;\n overflow-x: auto;\n\n / Hide scrollbar in Firefox /\n scrollbar-width: none;\n }\n\n / Hide scrollbar in Chrome/Safari /\n .tab-group--bottom .tab-group__nav::-webkit-scrollbar {\n width: 0;\n height: 0;\n }\n\n .tab-group--bottom .tab-group__tabs {\n flex: 1 1 auto;\n position: relative;\n flex-direction: row;\n border-top: solid var(--track-width) var(--track-color);\n }\n\n .tab-group--bottom .tab-group__indicator {\n top: calc(-1 var(--track-width));\n border-top: solid var(--track-width) var(--indicator-color);\n }\n\n .tab-group--bottom .tab-group__body {\n order: 1;\n }\n\n .tab-group--bottom ::slotted(nile-tab-panel) {\n --padding: 10px 0;\n }\n\n /\n Start\n /\n\n .tab-group--start {\n flex-direction: row;\n }\n\n .tab-group--start .tab-group__nav-container {\n order: 1;\n }\n\n .tab-group--start .tab-group__tabs {\n flex: 0 0 auto;\n flex-direction: column;\n border-inline-end: solid var(--track-width) var(--track-color);\n }\n\n .tab-group--start .tab-group__indicator {\n right: calc(-1 var(--track-width));\n border-right: solid var(--track-width) var(--indicator-color);\n }\n\n .tab-group--start.tab-group--rtl .tab-group__indicator {\n right: auto;\n left: calc(-1 * var(--track-width));\n }\n\n .tab-group--start .tab-group__body {\n flex: 1 1 auto;\n order: 2;\n }\n\n .tab-group--start ::slotted(nile-tab-panel) {\n --padding: 0 10px;\n }\n\n /\n End\n /\n\n .tab-group--end {\n flex-direction: row;\n }\n\n .tab-group--end .tab-group__nav-container {\n order: 2;\n }\n\n .tab-group--end .tab-group__tabs {\n flex: 0 0 auto;\n flex-direction: column;\n border-left: solid var(--track-width) var(--track-color);\n }\n\n .tab-group--end .tab-group__indicator {\n left: calc(-1 var(--track-width));\n border-inline-start: solid var(--track-width) var(--indicator-color);\n }\n\n .tab-group--end.tab-group--rtl .tab-group__indicator {\n right: calc(-1 * var(--track-width));\n left: auto;\n }\n\n .tab-group--end .tab-group__body {\n flex: 1 1 auto;\n order: 1;\n }\n\n .tab-group--end ::slotted(nile-tab-panel) {\n --padding: 0 10px;\n }\n\n .hide__track slot::slotted(nile-tab) {\n --tab-border-radius: 4px;\n --tab-padding:8px 12px;\n --tab-hover-background-color: var(--nile-colors-neutral-100);\n --tab-active-background-color: var(--nile-colors-brand-50);\n }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-tab-group/nile-tab-group.css.esm.js CHANGED Viewed

@@ -1,23 +1,20 @@
-import{css as r}from"lit";const a=r`
+import{css as t}from"lit";const o=t`
   [hidden] {
     display: none !important;
   }
   :host {
-    --indicator-color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));
-    --track-color: var(--nile-colors-neutral-400, var(--ng-componentcolors-utility-gray-500));
-    --track-width: var(--nile-width-2px, var(--ng-width-0-5));
-    --tab-gap: var(--nile-spacing-lg, var(--ng-spacing-lg));
-    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
-    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
-    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
+    --indicator-color: var(--nile-colors-primary-600);
+    --track-color: var(--nile-colors-neutral-400);
+    --track-width: 2px;
+    --tab-gap: 12px;
     display: block;
   }
   .tab-group {
     display: flex;
-    border-radius: var(--nile-radius-none, var(--ng-radius-none));
+    border-radius: 0;
   }
   .tab-group__tabs {
@@ -28,7 +25,7 @@ import{css as r}from"lit";const a=r`
   .hide__track {
     --track-width: 0px;
-    --tab-gap: var(--nile-spacing-3px, var(--ng-spacing-xs));
+    --tab-gap: 3px;
   }
   .tab-group__indicator {
@@ -40,14 +37,14 @@ import{css as r}from"lit";const a=r`
     position: absolute;
     height: var(--track-width);
     width: 100%;
-    background: var(--nile-colors-neutral-400, var(--ng-colors-bg-quaternary));
+    background: var(--nile-colors-neutral-400);
     bottom:0px;
     z-index:0;
   }
   .tab-group--has-scroll-controls .tab-group__nav-container {
     position: relative;
-    padding: var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-10px, var(--ng-spacing-lg));
+    padding: 0 10px;
   }
   .tab-group__body {
@@ -117,7 +114,7 @@ import{css as r}from"lit";const a=r`
   .tab-group--top .tab-group__indicator {
     bottom: 0px;
-    border-bottom: 2px solid var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));
+    border-bottom: 2px solid var(--nile-colors-primary-600);
     z-index:0;
   }
@@ -126,7 +123,7 @@ import{css as r}from"lit";const a=r`
   }
   .tab-group--top ::slotted(nile-tab-panel) {
-    --padding: var(--nile-spacing-10px, var(--ng-spacing-lg)) var(--nile-spacing-none, var(--ng-spacing-none));
+    --padding: 10px 0;
   }
   /*
@@ -172,7 +169,7 @@ import{css as r}from"lit";const a=r`
   }
   .tab-group--bottom ::slotted(nile-tab-panel) {
-    --padding: var(--nile-spacing-10px, var(--ng-spacing-2-5)) var(--nile-spacing-none, var(--ng-spacing-none));
+    --padding: 10px 0;
   }
   /*
@@ -209,7 +206,7 @@ import{css as r}from"lit";const a=r`
   }
   .tab-group--start ::slotted(nile-tab-panel) {
-    --padding: var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-10px, var(--ng-spacing-lg));
+    --padding: 0 10px;
   }
   /*
@@ -246,13 +243,13 @@ import{css as r}from"lit";const a=r`
   }
   .tab-group--end ::slotted(nile-tab-panel) {
-    --padding: var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-lg, var(--ng-spacing-lg));
+    --padding: 0 10px;
   }
   .hide__track slot::slotted(nile-tab) {
-    --tab-border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));
-    --tab-padding:var(--nile-spacing-md, var(--ng-spacing-md)) var(--nile-spacing-lg, var(--ng-spacing-lg));
-    --tab-hover-background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary));
-    --tab-active-background-color: var(--nile-colors-brand-50, var(--ng-colors-bg-brand-primary-alt));
+    --tab-border-radius: 4px;
+    --tab-padding:8px 12px;
+    --tab-hover-background-color: var(--nile-colors-neutral-100);
+    --tab-active-background-color: var(--nile-colors-brand-50);
   }
-`;export{a as s};
+`;export{o as s};

package/dist/nile-tab-group/nile-tab-group.esm.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import{__decorate as i}from"tslib";import{html as s}from"lit";import{query as o,property as n,state as e,customElement as c}from"lit/decorators.js";import{s as t}from"./nile-tab-group.css.esm.js";import"../nile-icon-button/nile-icon-button.esm.js";import{classMap as m}from"lit/directives/class-map.js";import{s as r}from"../internal/scroll.esm.js";import{w as l}from"../internal/watch.esm.js";import{N as p}from"../internal/nile-element.esm.js";import"../nile-icon-button/nile-icon-button.css.esm.js";import"../nile-icon/index.esm.js";import"lit/directives/unsafe-svg.js";import"../nile-icon/icons/svg/index.esm.js";import"../nile-icon/icons/svg/access-request.esm.js";import"../nile-icon/icons/svg/accessreview.esm.js";import"../nile-icon/icons/svg/action.esm.js";import"../nile-icon/icons/svg/activity-logs.esm.js";import"../nile-icon/icons/svg/address.esm.js";import"../nile-icon/icons/svg/admin-users.esm.js";import"../nile-icon/icons/svg/agent.esm.js";import"../nile-icon/icons/svg/aggregation.esm.js";import"../nile-icon/icons/svg/alert-circle.esm.js";import"../nile-icon/icons/svg/alert.esm.js";import"../nile-icon/icons/svg/allapplication.esm.js";import"../nile-icon/icons/svg/allsearch.esm.js";import"../nile-icon/icons/svg/analytics.esm.js";import"../nile-icon/icons/svg/api.esm.js";import"../nile-icon/icons/svg/applications-2.esm.js";import"../nile-icon/icons/svg/apply-filter.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-narrow-left.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/attribute.esm.js";import"../nile-icon/icons/svg/attributemap.esm.js";import"../nile-icon/icons/svg/automation-details.esm.js";import"../nile-icon/icons/svg/back.esm.js";import"../nile-icon/icons/svg/bar-and-line-chart.esm.js";import"../nile-icon/icons/svg/bar-chart-square-02.esm.js";import"../nile-icon/icons/svg/bar-chart.esm.js";import"../nile-icon/icons/svg/bargraph.esm.js";import"../nile-icon/icons/svg/block.esm.js";import"../nile-icon/icons/svg/bluedot.esm.js";import"../nile-icon/icons/svg/book-closed.esm.js";import"../nile-icon/icons/svg/boolean.esm.js";import"../nile-icon/icons/svg/border_all.esm.js";import"../nile-icon/icons/svg/box.esm.js";import"../nile-icon/icons/svg/bubble-chart.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/cases.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-circle.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-left-double.esm.js";import"../nile-icon/icons/svg/chevron-up.esm.js";import"../nile-icon/icons/svg/class.esm.js";import"../nile-icon/icons/svg/clock-check.esm.js";import"../nile-icon/icons/svg/clock-rewind.esm.js";import"../nile-icon/icons/svg/clock.esm.js";import"../nile-icon/icons/svg/close.esm.js";import"../nile-icon/icons/svg/cloud-01.esm.js";import"../nile-icon/icons/svg/code-generator.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/column-02.esm.js";import"../nile-icon/icons/svg/column-add.esm.js";import"../nile-icon/icons/svg/columns-03.esm.js";import"../nile-icon/icons/svg/combo1.esm.js";import"../nile-icon/icons/svg/comment.esm.js";import"../nile-icon/icons/svg/compact.esm.js";import"../nile-icon/icons/svg/compare-tiles.esm.js";import"../nile-icon/icons/svg/compare.esm.js";import"../nile-icon/icons/svg/component-menu.esm.js";import"../nile-icon/icons/svg/component.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/copy-06.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/cost-analytics.esm.js";import"../nile-icon/icons/svg/create.esm.js";import"../nile-icon/icons/svg/createuser.esm.js";import"../nile-icon/icons/svg/dashboard.esm.js";import"../nile-icon/icons/svg/data-insight.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-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-string.esm.js";import"../nile-icon/icons/svg/data-type-unknown.esm.js";import"../nile-icon/icons/svg/database.esm.js";import"../nile-icon/icons/svg/databaseview.esm.js";import"../nile-icon/icons/svg/dataflow-03.esm.js";import"../nile-icon/icons/svg/dataflow-04.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/deligateduser.esm.js";import"../nile-icon/icons/svg/directory.esm.js";import"../nile-icon/icons/svg/disabled.esm.js";import"../nile-icon/icons/svg/dock-to-right.esm.js";import"../nile-icon/icons/svg/document-new.esm.js";import"../nile-icon/icons/svg/done-02.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/dotpoints-02.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/downgrade.esm.js";import"../nile-icon/icons/svg/download.esm.js";import"../nile-icon/icons/svg/drag.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/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/exactmatch.esm.js";import"../nile-icon/icons/svg/execute.esm.js";import"../nile-icon/icons/svg/expand-03.esm.js";import"../nile-icon/icons/svg/expand-06.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-off.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-06.esm.js";import"../nile-icon/icons/svg/file-check-02.esm.js";import"../nile-icon/icons/svg/file-shield-01.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.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-colorpalatte.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-orchestration.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/frequency.esm.js";import"../nile-icon/icons/svg/full-union.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/function.esm.js";import"../nile-icon/icons/svg/funnel-02.esm.js";import"../nile-icon/icons/svg/funnel.esm.js";import"../nile-icon/icons/svg/gateway.esm.js";import"../nile-icon/icons/svg/gauge.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-03.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/grid-01.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-01.esm.js";import"../nile-icon/icons/svg/guide.esm.js";import"../nile-icon/icons/svg/handtool.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-tasks.esm.js";import"../nile-icon/icons/svg/headphones-01.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/ifelse.esm.js";import"../nile-icon/icons/svg/ifelsenew.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.esm.js";import"../nile-icon/icons/svg/inner-union.esm.js";import"../nile-icon/icons/svg/inprogress.esm.js";import"../nile-icon/icons/svg/insert-at-cursor.esm.js";import"../nile-icon/icons/svg/integer.esm.js";import"../nile-icon/icons/svg/intersection.esm.js";import"../nile-icon/icons/svg/js.esm.js";import"../nile-icon/icons/svg/key-performance-indicator.esm.js";import"../nile-icon/icons/svg/keyboard-01.esm.js";import"../nile-icon/icons/svg/keyword.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-02.esm.js";import"../nile-icon/icons/svg/layout-alt-02.esm.js";import"../nile-icon/icons/svg/layout-alt-03.esm.js";import"../nile-icon/icons/svg/left-join.esm.js";import"../nile-icon/icons/svg/left-union.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/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/mapper.esm.js";import"../nile-icon/icons/svg/mapupdate.esm.js";import"../nile-icon/icons/svg/marker-pin-01.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/monitor-01.esm.js";import"../nile-icon/icons/svg/mouse.esm.js";import"../nile-icon/icons/svg/move-application.esm.js";import"../nile-icon/icons/svg/moveleft.esm.js";import"../nile-icon/icons/svg/moveright.esm.js";import"../nile-icon/icons/svg/mute.esm.js";import"../nile-icon/icons/svg/my-integration.esm.js";import"../nile-icon/icons/svg/new-calendar.esm.js";import"../nile-icon/icons/svg/ng-action.esm.js";import"../nile-icon/icons/svg/ng-activity.esm.js";import"../nile-icon/icons/svg/ng-alert-circle.esm.js";import"../nile-icon/icons/svg/ng-align-center.esm.js";import"../nile-icon/icons/svg/ng-annotation-x.esm.js";import"../nile-icon/icons/svg/ng-arrow-down.esm.js";import"../nile-icon/icons/svg/ng-arrow-narrow-down.esm.js";import"../nile-icon/icons/svg/ng-arrow-narrow-left.esm.js";import"../nile-icon/icons/svg/ng-arrow-narrow-right.esm.js";import"../nile-icon/icons/svg/ng-arrow-up.esm.js";import"../nile-icon/icons/svg/ng-bar-chart-12.esm.js";import"../nile-icon/icons/svg/ng-bell-01.esm.js";import"../nile-icon/icons/svg/ng-bell-ringing-04.esm.js";import"../nile-icon/icons/svg/ng-bold-01.esm.js";import"../nile-icon/icons/svg/ng-building-01.esm.js";import"../nile-icon/icons/svg/ng-building-05.esm.js";import"../nile-icon/icons/svg/ng-button-loading-blue-animated.esm.js";import"../nile-icon/icons/svg/ng-button-loading-blue.esm.js";import"../nile-icon/icons/svg/ng-calendar-plus-02.esm.js";import"../nile-icon/icons/svg/ng-calendar.esm.js";import"../nile-icon/icons/svg/ng-check-circle-broken.esm.js";import"../nile-icon/icons/svg/ng-check-circle.esm.js";import"../nile-icon/icons/svg/ng-check-square-broken.esm.js";import"../nile-icon/icons/svg/ng-check.esm.js";import"../nile-icon/icons/svg/ng-chevron-down.esm.js";import"../nile-icon/icons/svg/ng-chevron-left.esm.js";import"../nile-icon/icons/svg/ng-chevron-right.esm.js";import"../nile-icon/icons/svg/ng-chevron-selector-vertical.esm.js";import"../nile-icon/icons/svg/ng-chevron-up-double.esm.js";import"../nile-icon/icons/svg/ng-chevron-up.esm.js";import"../nile-icon/icons/svg/ng-copy-03.esm.js";import"../nile-icon/icons/svg/ng-dataflow-04.esm.js";import"../nile-icon/icons/svg/ng-dots-grid.esm.js";import"../nile-icon/icons/svg/ng-dots-vertical.esm.js";import"../nile-icon/icons/svg/ng-download-01.esm.js";import"../nile-icon/icons/svg/ng-dropdown.esm.js";import"../nile-icon/icons/svg/ng-edit-02.esm.js";import"../nile-icon/icons/svg/ng-edit-05.esm.js";import"../nile-icon/icons/svg/ng-expand-06.esm.js";import"../nile-icon/icons/svg/ng-eye-off.esm.js";import"../nile-icon/icons/svg/ng-eye.esm.js";import"../nile-icon/icons/svg/ng-file-02.esm.js";import"../nile-icon/icons/svg/ng-file-06.esm.js";import"../nile-icon/icons/svg/ng-file-check-02.esm.js";import"../nile-icon/icons/svg/ng-file-question-03.esm.js";import"../nile-icon/icons/svg/ng-filter-lines.esm.js";import"../nile-icon/icons/svg/ng-grid-01.esm.js";import"../nile-icon/icons/svg/ng-help-circle.esm.js";import"../nile-icon/icons/svg/ng-image-03.esm.js";import"../nile-icon/icons/svg/ng-image-user-left.esm.js";import"../nile-icon/icons/svg/ng-info-circle.esm.js";import"../nile-icon/icons/svg/ng-italic-01.esm.js";import"../nile-icon/icons/svg/ng-layers-three-01.esm.js";import"../nile-icon/icons/svg/ng-list.esm.js";import"../nile-icon/icons/svg/ng-lock-03.esm.js";import"../nile-icon/icons/svg/ng-log-out-01.esm.js";import"../nile-icon/icons/svg/ng-mail-01.esm.js";import"../nile-icon/icons/svg/ng-mail-04.esm.js";import"../nile-icon/icons/svg/ng-marker-pin-01.esm.js";import"../nile-icon/icons/svg/ng-menu-05.esm.js";import"../nile-icon/icons/svg/ng-message-text-square-01.esm.js";import"../nile-icon/icons/svg/ng-minimize-02.esm.js";import"../nile-icon/icons/svg/ng-minus.esm.js";import"../nile-icon/icons/svg/ng-plus.esm.js";import"../nile-icon/icons/svg/ng-refresh-cw-02.esm.js";import"../nile-icon/icons/svg/ng-rocket-02.esm.js";import"../nile-icon/icons/svg/ng-search-lg.esm.js";import"../nile-icon/icons/svg/ng-send-01.esm.js";import"../nile-icon/icons/svg/ng-settings-01.esm.js";import"../nile-icon/icons/svg/ng-share-04.esm.js";import"../nile-icon/icons/svg/ng-share-06.esm.js";import"../nile-icon/icons/svg/ng-stars-02.esm.js";import"../nile-icon/icons/svg/ng-trash-01.esm.js";import"../nile-icon/icons/svg/ng-trash-03.esm.js";import"../nile-icon/icons/svg/ng-trend-up-01.esm.js";import"../nile-icon/icons/svg/ng-underline-01.esm.js";import"../nile-icon/icons/svg/ng-upload-01.esm.js";import"../nile-icon/icons/svg/ng-upload-cloud-02.esm.js";import"../nile-icon/icons/svg/ng-user-01.esm.js";import"../nile-icon/icons/svg/ng-user-check-02-1.esm.js";import"../nile-icon/icons/svg/ng-user-check-02.esm.js";import"../nile-icon/icons/svg/ng-user-plus-02.esm.js";import"../nile-icon/icons/svg/ng-user-right-01.esm.js";import"../nile-icon/icons/svg/ng-users-01.esm.js";import"../nile-icon/icons/svg/ng-x-circle.esm.js";import"../nile-icon/icons/svg/ng-x-close.esm.js";import"../nile-icon/icons/svg/ng-x-square.esm.js";import"../nile-icon/icons/svg/nightingale-chart.esm.js";import"../nile-icon/icons/svg/nlp.esm.js";import"../nile-icon/icons/svg/nomatch.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/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/override.esm.js";import"../nile-icon/icons/svg/palletemenu.esm.js";import"../nile-icon/icons/svg/paperclip.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/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/phone.esm.js";import"../nile-icon/icons/svg/pie.esm.js";import"../nile-icon/icons/svg/pin.esm.js";import"../nile-icon/icons/svg/play.esm.js";import"../nile-icon/icons/svg/play_pause.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/preview.esm.js";import"../nile-icon/icons/svg/printer.esm.js";import"../nile-icon/icons/svg/priority-high.esm.js";import"../nile-icon/icons/svg/priority-highest.esm.js";import"../nile-icon/icons/svg/priority-low.esm.js";import"../nile-icon/icons/svg/priority-medium.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/radar.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-02.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/resource_analysis.esm.js";import"../nile-icon/icons/svg/resource_graph.esm.js";import"../nile-icon/icons/svg/restart_alt.esm.js";import"../nile-icon/icons/svg/revocation-cycle.esm.js";import"../nile-icon/icons/svg/right-join.esm.js";import"../nile-icon/icons/svg/right-union.esm.js";import"../nile-icon/icons/svg/rocket-02.esm.js";import"../nile-icon/icons/svg/role.esm.js";import"../nile-icon/icons/svg/run.esm.js";import"../nile-icon/icons/svg/sankey.esm.js";import"../nile-icon/icons/svg/save.esm.js";import"../nile-icon/icons/svg/savings.esm.js";import"../nile-icon/icons/svg/scatter-plot.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-02.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/semi-circle-donut-chart.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/sendreminder.esm.js";import"../nile-icon/icons/svg/server-03.esm.js";import"../nile-icon/icons/svg/settings-02.esm.js";import"../nile-icon/icons/svg/settings.esm.js";import"../nile-icon/icons/svg/share.esm.js";import"../nile-icon/icons/svg/shield-01.esm.js";import"../nile-icon/icons/svg/smartcode.esm.js";import"../nile-icon/icons/svg/sort.esm.js";import"../nile-icon/icons/svg/sort_ascending.esm.js";import"../nile-icon/icons/svg/sort_descending.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/stacked-bar-chart.esm.js";import"../nile-icon/icons/svg/step_into.esm.js";import"../nile-icon/icons/svg/step_out.esm.js";import"../nile-icon/icons/svg/step_over.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.esm.js";import"../nile-icon/icons/svg/tag.esm.js";import"../nile-icon/icons/svg/test.esm.js";import"../nile-icon/icons/svg/text-02.esm.js";import"../nile-icon/icons/svg/text.esm.js";import"../nile-icon/icons/svg/textarea-expander.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/transaction_monitor.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-02.esm.js";import"../nile-icon/icons/svg/undo.esm.js";import"../nile-icon/icons/svg/union.esm.js";import"../nile-icon/icons/svg/unmute.esm.js";import"../nile-icon/icons/svg/update.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-group.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.esm.js";import"../nile-icon/icons/svg/userremovegroup.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.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-01.esm.js";import"../nile-icon/icons/svg/warning.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-text.esm.js";import"../nile-icon/icons/svg/workflow.esm.js";import"../nile-icon/icons/svg/writeexpression.esm.js";import"../nile-icon/aliasmap.esm.js";import"lit/static-html.js";import"lit/directives/if-defined.js";import"../internal/offset.esm.js";let g=class extends p{constructor(){super(...arguments),this.tabs=[],this.panels=[],this.hasScrollControls=!1,this.placement="top",this.activeTabProp="",this.noTrack=!1,this.activation="auto",this.noScrollControls=!1,this.centered=!1,this.activeTabName=""}connectedCallback(){const i=Promise.allSettled([customElements.whenDefined("nile-tab"),customElements.whenDefined("nile-tab-panel")]);super.connectedCallback(),this.resizeObserver=new ResizeObserver((()=>{this.repositionIndicator()})),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.activeTabProp?this.activeTabName=this.activeTabProp:this.activeTabName=this.getActiveTab().panel,this.syncIndicator(),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(),s.unobserve(i[0].target))})).observe(this.tabGroup)}))}))}disconnectedCallback(){this.mutationObserver.disconnect(),this.resizeObserver.unobserve(this.nav)}firstUpdated(i){this.addEventListener("nile-toggle-change",this.handleToggleFromTab)}updated(i){if(i.has("activeTabName")){const i=this.getActiveTab();if(!i)return;this.setActiveTab(i,{scrollBehavior:"smooth"})}i.has("activeTabProp")&&(this.activeTabName=this.activeTabProp)}syncIndicator(){if(!this.indicator)return;this.getActiveTab()?(this.indicator.style.display="block",this.repositionIndicator()):this.indicator.style.display="none"}render(){return s`
+import{__decorate as i}from"tslib";import{html as s}from"lit";import{query as o,state as n,property as e,customElement as t}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 m}from"lit/directives/class-map.js";import{s as r}from"../internal/scroll.esm.js";import{w as l}from"../internal/watch.esm.js";import{N as p}from"../internal/nile-element.esm.js";import"../nile-icon-button/nile-icon-button.css.esm.js";import"../nile-icon/index.esm.js";import"lit/directives/unsafe-svg.js";import"../nile-icon/icons/svg/index.esm.js";import"../nile-icon/icons/svg/access-request.esm.js";import"../nile-icon/icons/svg/accessreview.esm.js";import"../nile-icon/icons/svg/action.esm.js";import"../nile-icon/icons/svg/activity-logs.esm.js";import"../nile-icon/icons/svg/address.esm.js";import"../nile-icon/icons/svg/admin-users.esm.js";import"../nile-icon/icons/svg/agent.esm.js";import"../nile-icon/icons/svg/aggregation.esm.js";import"../nile-icon/icons/svg/alert-circle.esm.js";import"../nile-icon/icons/svg/alert.esm.js";import"../nile-icon/icons/svg/allapplication.esm.js";import"../nile-icon/icons/svg/allsearch.esm.js";import"../nile-icon/icons/svg/analytics.esm.js";import"../nile-icon/icons/svg/api.esm.js";import"../nile-icon/icons/svg/applications-2.esm.js";import"../nile-icon/icons/svg/apply-filter.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-narrow-left.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/attribute.esm.js";import"../nile-icon/icons/svg/attributemap.esm.js";import"../nile-icon/icons/svg/automation-details.esm.js";import"../nile-icon/icons/svg/back.esm.js";import"../nile-icon/icons/svg/bar-and-line-chart.esm.js";import"../nile-icon/icons/svg/bar-chart-square-02.esm.js";import"../nile-icon/icons/svg/bar-chart.esm.js";import"../nile-icon/icons/svg/bargraph.esm.js";import"../nile-icon/icons/svg/block.esm.js";import"../nile-icon/icons/svg/bluedot.esm.js";import"../nile-icon/icons/svg/book-closed.esm.js";import"../nile-icon/icons/svg/boolean.esm.js";import"../nile-icon/icons/svg/border_all.esm.js";import"../nile-icon/icons/svg/box.esm.js";import"../nile-icon/icons/svg/bubble-chart.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/cases.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-circle.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-left-double.esm.js";import"../nile-icon/icons/svg/chevron-up.esm.js";import"../nile-icon/icons/svg/class.esm.js";import"../nile-icon/icons/svg/clock-check.esm.js";import"../nile-icon/icons/svg/clock-rewind.esm.js";import"../nile-icon/icons/svg/clock.esm.js";import"../nile-icon/icons/svg/close.esm.js";import"../nile-icon/icons/svg/cloud-01.esm.js";import"../nile-icon/icons/svg/code-generator.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/column-02.esm.js";import"../nile-icon/icons/svg/column-add.esm.js";import"../nile-icon/icons/svg/columns-03.esm.js";import"../nile-icon/icons/svg/combo1.esm.js";import"../nile-icon/icons/svg/comment.esm.js";import"../nile-icon/icons/svg/compact.esm.js";import"../nile-icon/icons/svg/compare-tiles.esm.js";import"../nile-icon/icons/svg/compare.esm.js";import"../nile-icon/icons/svg/component-menu.esm.js";import"../nile-icon/icons/svg/component.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/copy-06.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/cost-analytics.esm.js";import"../nile-icon/icons/svg/create.esm.js";import"../nile-icon/icons/svg/createuser.esm.js";import"../nile-icon/icons/svg/dashboard.esm.js";import"../nile-icon/icons/svg/data-insight.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-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-string.esm.js";import"../nile-icon/icons/svg/data-type-unknown.esm.js";import"../nile-icon/icons/svg/database.esm.js";import"../nile-icon/icons/svg/databaseview.esm.js";import"../nile-icon/icons/svg/dataflow-03.esm.js";import"../nile-icon/icons/svg/dataflow-04.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/deligateduser.esm.js";import"../nile-icon/icons/svg/directory.esm.js";import"../nile-icon/icons/svg/disabled.esm.js";import"../nile-icon/icons/svg/dock-to-right.esm.js";import"../nile-icon/icons/svg/document-new.esm.js";import"../nile-icon/icons/svg/done-02.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/dotpoints-02.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/downgrade.esm.js";import"../nile-icon/icons/svg/download.esm.js";import"../nile-icon/icons/svg/drag.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/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/exactmatch.esm.js";import"../nile-icon/icons/svg/execute.esm.js";import"../nile-icon/icons/svg/expand-03.esm.js";import"../nile-icon/icons/svg/expand-06.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-off.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-06.esm.js";import"../nile-icon/icons/svg/file-check-02.esm.js";import"../nile-icon/icons/svg/file-shield-01.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.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-colorpalatte.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-orchestration.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/format_align_justify.esm.js";import"../nile-icon/icons/svg/format_align_left.esm.js";import"../nile-icon/icons/svg/format_align_middle.esm.js";import"../nile-icon/icons/svg/format_align_right.esm.js";import"../nile-icon/icons/svg/format_bold.esm.js";import"../nile-icon/icons/svg/format_clear.esm.js";import"../nile-icon/icons/svg/format_italic.esm.js";import"../nile-icon/icons/svg/format_list_bulleted.esm.js";import"../nile-icon/icons/svg/format_list_numbered.esm.js";import"../nile-icon/icons/svg/format_underline.esm.js";import"../nile-icon/icons/svg/frequency.esm.js";import"../nile-icon/icons/svg/full-union.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/function.esm.js";import"../nile-icon/icons/svg/funnel-02.esm.js";import"../nile-icon/icons/svg/funnel.esm.js";import"../nile-icon/icons/svg/gateway.esm.js";import"../nile-icon/icons/svg/gauge.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-03.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/grid-01.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-01.esm.js";import"../nile-icon/icons/svg/guide.esm.js";import"../nile-icon/icons/svg/handtool.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-tasks.esm.js";import"../nile-icon/icons/svg/headphones-01.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/ifelse.esm.js";import"../nile-icon/icons/svg/ifelsenew.esm.js";import"../nile-icon/icons/svg/image.esm.js";import"../nile-icon/icons/svg/image_2.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.esm.js";import"../nile-icon/icons/svg/inner-union.esm.js";import"../nile-icon/icons/svg/inprogress.esm.js";import"../nile-icon/icons/svg/insert-at-cursor.esm.js";import"../nile-icon/icons/svg/integer.esm.js";import"../nile-icon/icons/svg/intersection.esm.js";import"../nile-icon/icons/svg/js.esm.js";import"../nile-icon/icons/svg/key-performance-indicator.esm.js";import"../nile-icon/icons/svg/keyboard-01.esm.js";import"../nile-icon/icons/svg/keyword.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-02.esm.js";import"../nile-icon/icons/svg/layout-alt-02.esm.js";import"../nile-icon/icons/svg/layout-alt-03.esm.js";import"../nile-icon/icons/svg/left-join.esm.js";import"../nile-icon/icons/svg/left-union.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/link_2.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/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/mapper.esm.js";import"../nile-icon/icons/svg/mapupdate.esm.js";import"../nile-icon/icons/svg/marker-pin-01.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/monitor-01.esm.js";import"../nile-icon/icons/svg/mouse.esm.js";import"../nile-icon/icons/svg/move-application.esm.js";import"../nile-icon/icons/svg/moveleft.esm.js";import"../nile-icon/icons/svg/moveright.esm.js";import"../nile-icon/icons/svg/mute.esm.js";import"../nile-icon/icons/svg/my-integration.esm.js";import"../nile-icon/icons/svg/new-calendar.esm.js";import"../nile-icon/icons/svg/nightingale-chart.esm.js";import"../nile-icon/icons/svg/nlp.esm.js";import"../nile-icon/icons/svg/nomatch.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/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/override.esm.js";import"../nile-icon/icons/svg/palletemenu.esm.js";import"../nile-icon/icons/svg/paperclip.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/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/phone.esm.js";import"../nile-icon/icons/svg/pie.esm.js";import"../nile-icon/icons/svg/pin.esm.js";import"../nile-icon/icons/svg/play.esm.js";import"../nile-icon/icons/svg/play_pause.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/preview.esm.js";import"../nile-icon/icons/svg/printer.esm.js";import"../nile-icon/icons/svg/priority-high.esm.js";import"../nile-icon/icons/svg/priority-highest.esm.js";import"../nile-icon/icons/svg/priority-low.esm.js";import"../nile-icon/icons/svg/priority-medium.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/radar.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-02.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/resource_analysis.esm.js";import"../nile-icon/icons/svg/resource_graph.esm.js";import"../nile-icon/icons/svg/restart_alt.esm.js";import"../nile-icon/icons/svg/revocation-cycle.esm.js";import"../nile-icon/icons/svg/right-join.esm.js";import"../nile-icon/icons/svg/right-union.esm.js";import"../nile-icon/icons/svg/rocket-02.esm.js";import"../nile-icon/icons/svg/role.esm.js";import"../nile-icon/icons/svg/run.esm.js";import"../nile-icon/icons/svg/sankey.esm.js";import"../nile-icon/icons/svg/save.esm.js";import"../nile-icon/icons/svg/savings.esm.js";import"../nile-icon/icons/svg/scatter-plot.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-02.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/semi-circle-donut-chart.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/sendreminder.esm.js";import"../nile-icon/icons/svg/server-03.esm.js";import"../nile-icon/icons/svg/settings-02.esm.js";import"../nile-icon/icons/svg/settings.esm.js";import"../nile-icon/icons/svg/share.esm.js";import"../nile-icon/icons/svg/shield-01.esm.js";import"../nile-icon/icons/svg/smartcode.esm.js";import"../nile-icon/icons/svg/sort.esm.js";import"../nile-icon/icons/svg/sort_ascending.esm.js";import"../nile-icon/icons/svg/sort_descending.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/stacked-bar-chart.esm.js";import"../nile-icon/icons/svg/step_into.esm.js";import"../nile-icon/icons/svg/step_out.esm.js";import"../nile-icon/icons/svg/step_over.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.esm.js";import"../nile-icon/icons/svg/tag.esm.js";import"../nile-icon/icons/svg/test.esm.js";import"../nile-icon/icons/svg/text-02.esm.js";import"../nile-icon/icons/svg/text.esm.js";import"../nile-icon/icons/svg/textarea-expander.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/transaction_monitor.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-02.esm.js";import"../nile-icon/icons/svg/undo.esm.js";import"../nile-icon/icons/svg/union.esm.js";import"../nile-icon/icons/svg/unmute.esm.js";import"../nile-icon/icons/svg/update.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-group.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.esm.js";import"../nile-icon/icons/svg/userremovegroup.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.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-01.esm.js";import"../nile-icon/icons/svg/warning.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-text.esm.js";import"../nile-icon/icons/svg/workflow.esm.js";import"../nile-icon/icons/svg/writeexpression.esm.js";import"../nile-icon/aliasmap.esm.js";import"lit/static-html.js";import"lit/directives/if-defined.js";import"../internal/offset.esm.js";let g=class extends p{constructor(){super(...arguments),this.tabs=[],this.panels=[],this.hasScrollControls=!1,this.placement="top",this.activeTabProp="",this.noTrack=!1,this.activation="auto",this.noScrollControls=!1,this.centered=!1,this.activeTabName=""}connectedCallback(){const i=Promise.allSettled([customElements.whenDefined("nile-tab"),customElements.whenDefined("nile-tab-panel")]);super.connectedCallback(),this.resizeObserver=new ResizeObserver((()=>{this.repositionIndicator()})),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.activeTabProp?this.activeTabName=this.activeTabProp:this.activeTabName=this.getActiveTab().panel,this.syncIndicator(),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(),s.unobserve(i[0].target))})).observe(this.tabGroup)}))}))}disconnectedCallback(){this.mutationObserver.disconnect(),this.resizeObserver.unobserve(this.nav)}firstUpdated(i){this.addEventListener("nile-toggle-change",this.handleToggleFromTab)}updated(i){if(i.has("activeTabName")){const i=this.getActiveTab();if(!i)return;this.setActiveTab(i,{scrollBehavior:"smooth"})}i.has("activeTabProp")&&(this.activeTabName=this.activeTabProp)}syncIndicator(){if(!this.indicator)return;this.getActiveTab()?(this.indicator.style.display="block",this.repositionIndicator()):this.indicator.style.display="none"}render(){return s`
       <div
         part="base"
         class=${m({"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,hide__track:this.noTrack})}
@@ -11,7 +11,7 @@ import{__decorate as i}from"tslib";import{html as s}from"lit";import{query as o,
                   part="scroll-button scroll-button--start"
                   exportparts="base:scroll-button__base"
                   class="tab-group__scroll-button tab-group__scroll-button--start"
-                  name='var(--nile-icon-arrow-right, var(--ng-icon-chevron-right))'
+                  name='arrowright'
                   library="system"
                   label="scrollToStart"
                   @click=${this.handleScrollToEnd}
@@ -35,7 +35,7 @@ import{__decorate as i}from"tslib";import{html as s}from"lit";import{query as o,
                   part="scroll-button scroll-button--end"
                   exportparts="base:scroll-button__base"
                   class="tab-group__scroll-button tab-group__scroll-button--end"
-                  name='var(--nile-icon-arrow-left, var(--ng-icon-chevron-left))'
+                  name='arrowleft'
                   library="system"
                   label="scrollToEnd"
                   @click=${this.handleScrollToStart}
@@ -45,4 +45,4 @@ import{__decorate as i}from"tslib";import{html as s}from"lit";import{query as o,
         <slot part="body" class="tab-group__body" @slotchange=${this.syncTabsAndPanels}></slot>
       </div>
-    `}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=>this.activeTabName?i.panel==this.activeTabName:i.active))??this.tabs[0]}handleClick(i){const s=i.target.closest("nile-tab"),o=s?.closest("nile-tab-group");o===this&&(null===s||s.disabled||(this.activeTabName=s.panel))}setScrollControls(){this.noScrollControls?this.hasScrollControls=!1:this.hasScrollControls=["top","bottom"].includes(this.placement)&&this.nav.scrollWidth>this.nav.clientWidth,this.hasScrollControls=!1}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.activeTabName=s.panel,i.preventDefault()),["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(i.key))){const o=s;if("nile-tab"===o?.tagName.toLowerCase()){let s=this.tabs.indexOf(o);"Home"===i.key?s=0:"End"===i.key?s=this.tabs.length-1:["top","bottom"].includes(this.placement)&&"ArrowLeft"===i.key||["start","end"].includes(this.placement)&&"ArrowUp"===i.key?s--:(["top","bottom"].includes(this.placement)&&"ArrowRight"===i.key||["start","end"].includes(this.placement)&&"ArrowDown"===i.key)&&s++,s<0&&(s=this.tabs.length-1),s>this.tabs.length-1&&(s=0),this.tabs[s].focus({preventScroll:!0}),"auto"===this.activation&&(this.activeTabName=this.tabs[s].panel),["top","bottom"].includes(this.placement)&&r(this.tabs[s],this.nav,"horizontal"),i.preventDefault()}}}handleScrollToStart(){this.nav.scroll({left:-this.nav.scrollWidth,behavior:"smooth"})}handleScrollToEnd(){this.nav.scroll({left:this.nav.scrollWidth,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)&&r(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||!this.indicator)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+12,top:i.top+s.clientHeight+12})),{left:0,top:0});switch(this.placement){case"top":case"bottom":this.indicator.style.width=s-5+"px",this.indicator.style.height="auto",this.indicator.style.translate=`${e.left+2}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.tabs.forEach((i=>{i.centered=this.centered}))}handleToggleFromTab(i){i.stopPropagation(),this.activeTabName=i.detail.value}};g.styles=t,i([o(".tab-group")],g.prototype,"tabGroup",void 0),i([o(".tab-group__body")],g.prototype,"body",void 0),i([o(".tab-group__nav")],g.prototype,"nav",void 0),i([o(".tab-group__indicator")],g.prototype,"indicator",void 0),i([n({type:Boolean,reflect:!0,attribute:!0})],g.prototype,"hasScrollControls",void 0),i([n()],g.prototype,"placement",void 0),i([n({reflect:!0,attribute:"value",type:String})],g.prototype,"activeTabProp",void 0),i([n({type:Boolean,reflect:!0,attribute:"no-track"})],g.prototype,"noTrack",void 0),i([n()],g.prototype,"activation",void 0),i([n({attribute:"no-scroll-controls",type:Boolean})],g.prototype,"noScrollControls",void 0),i([n({type:Boolean,reflect:!0})],g.prototype,"centered",void 0),i([e()],g.prototype,"activeTabName",void 0),i([l("placement",{waitUntilFirstUpdate:!0})],g.prototype,"syncIndicator",null),g=i([c("nile-tab-group")],g);export{g as N};
+    `}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=>this.activeTabName?i.panel==this.activeTabName:i.active))??this.tabs[0]}handleClick(i){const s=i.target.closest("nile-tab"),o=s?.closest("nile-tab-group");o===this&&(null===s||s.disabled||(this.activeTabName=s.panel))}setScrollControls(){this.noScrollControls?this.hasScrollControls=!1:this.hasScrollControls=["top","bottom"].includes(this.placement)&&this.nav.scrollWidth>this.nav.clientWidth,this.hasScrollControls=!1}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.activeTabName=s.panel,i.preventDefault()),["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(i.key))){const o=s;if("nile-tab"===o?.tagName.toLowerCase()){let s=this.tabs.indexOf(o);"Home"===i.key?s=0:"End"===i.key?s=this.tabs.length-1:["top","bottom"].includes(this.placement)&&"ArrowLeft"===i.key||["start","end"].includes(this.placement)&&"ArrowUp"===i.key?s--:(["top","bottom"].includes(this.placement)&&"ArrowRight"===i.key||["start","end"].includes(this.placement)&&"ArrowDown"===i.key)&&s++,s<0&&(s=this.tabs.length-1),s>this.tabs.length-1&&(s=0),this.tabs[s].focus({preventScroll:!0}),"auto"===this.activation&&(this.activeTabName=this.tabs[s].panel),["top","bottom"].includes(this.placement)&&r(this.tabs[s],this.nav,"horizontal"),i.preventDefault()}}}handleScrollToStart(){this.nav.scroll({left:-this.nav.scrollWidth,behavior:"smooth"})}handleScrollToEnd(){this.nav.scroll({left:this.nav.scrollWidth,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)&&r(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||!this.indicator)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+12,top:i.top+s.clientHeight+12})),{left:0,top:0});switch(this.placement){case"top":case"bottom":this.indicator.style.width=s-5+"px",this.indicator.style.height="auto",this.indicator.style.translate=`${e.left+2}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.tabs.forEach((i=>{i.centered=this.centered}))}handleToggleFromTab(i){i.stopPropagation(),this.activeTabName=i.detail.value}};g.styles=c,i([o(".tab-group")],g.prototype,"tabGroup",void 0),i([o(".tab-group__body")],g.prototype,"body",void 0),i([o(".tab-group__nav")],g.prototype,"nav",void 0),i([o(".tab-group__indicator")],g.prototype,"indicator",void 0),i([n()],g.prototype,"hasScrollControls",void 0),i([e()],g.prototype,"placement",void 0),i([e({reflect:!0,attribute:"value",type:String})],g.prototype,"activeTabProp",void 0),i([e({type:Boolean,reflect:!0,attribute:"no-track"})],g.prototype,"noTrack",void 0),i([e()],g.prototype,"activation",void 0),i([e({attribute:"no-scroll-controls",type:Boolean})],g.prototype,"noScrollControls",void 0),i([e({type:Boolean,reflect:!0})],g.prototype,"centered",void 0),i([n()],g.prototype,"activeTabName",void 0),i([l("placement",{waitUntilFirstUpdate:!0})],g.prototype,"syncIndicator",null),g=i([t("nile-tab-group")],g);export{g as N};