@aquera/nile-elements 0.1.26 → 0.1.28-beta-1.1

package/dist/nile-stepper-item/nile-stepper-item.css.esm.js

@@ -3,7 +3,7 @@ import{css as e}from"lit";const t=e`
 		--stepper-flex-val:1;
 		--bulletin--dot--seperation:30%;
 		
-		display:inline-block;
+		display: inline-block;
 		flex-grow:var(--stepper-flex-val);
 		min-width:var(--nile-stepper-min-width);
 	}
@@ -13,7 +13,7 @@ import{css as e}from"lit";const t=e`
 	}
 
 	.stepper__item--sm {
-		--item-spacing: var(--nile-spacing-spacing-lg,12px);
+		--item-spacing: var(--nile-spacing-spacing-md);
 		--stepper-item-title-size:14px;
 		--stepper-item-subtitle-size:14px;
 		--stepper-item-text-line-height:20px;
@@ -21,17 +21,17 @@ import{css as e}from"lit";const t=e`
 	}
 
 	.stepper__item--md {
-		--item-spacing: var(--nile-spacing-spacing-xl, 16px);
+		--item-spacing: var(--nile-spacing-spacing-md);
 		--stepper-item-title-size:16px;
-		--stepper-item-subtitle-size:16px;
-		--stepper-item-text-line-heightt:24px;
+		--stepper-item-subtitle-size:14px;
+		--stepper-item-text-line-height:24px;
 		--circle-height:20px;
 	}
 
 	.stepper__item--lg {
-		--item-spacing: var(--nile-spacing-spacing-xl, 16px);
+		--item-spacing: var(--nile-spacing-spacing-lg);
 		--stepper-item-title-size:16px;
-		--stepper-item-subtitle-size:16px;
+		--stepper-item-subtitle-size:14px;
 		--stepper-item-text-line-height:24px;
 		--circle-height:28px;
 	}
@@ -55,13 +55,24 @@ import{css as e}from"lit";const t=e`
 	.stepper__line {
 		display: block;
 		border: 0;
-		border-top: 2px solid var(--nile-colors-gray-light-mode-200);
+		border-top: 2px solid var(--nile-colors-neutral-500);
 	}
 
 	.stepper__line--active {
 		border-top: 2px solid var(--nile-colors-primary-600);
 	}
 
+	.stepper__item__content--above{
+		position:relative;
+		padding: 0 var(--nile-spacing-spacing-md);
+	}
+
+	.stepper__item__content--above .stepper__content__subtitle{
+		position: absolute;
+    top: 100%;
+    white-space: nowrap;
+	}
+
 	.stepper__item__content--below {
 		margin-top: var(--item-spacing);
 		display:flex;
@@ -75,25 +86,35 @@ import{css as e}from"lit";const t=e`
 		margin:0 -1px;
 	}
 
+	.stepper__item__bulletin{
+		margin-left: 6px;
+		margin-right: 6px;
+	}
+
+	.stepper__item__bulletin--inline{
+		margin-right: 0px;
+	}
+
 	.stepper__content__title {
-		color:var(--nile-colors-gray-light-mode-700);
+		color:var(--nile-colors-dark-900);
 		font-size: var(--stepper-item-title-size);
 		line-height: var(--stepper-item-text-line-height);
 		font-family: var(--nile-font-family-medium);
-		font-weight: 600;
+		font-weight: 400;
 	}
 
 	.stepper__content__title--inline{
 		padding: 0 8px;
-		color:var(--nile-colors-gray-light-mode-500);
+		color:var(--nile-colors-dark-900);
 	}
 
 	.stepper__content__title--active{
-		color:var(--nile-colors-primary-700);
+		color:var(--nile-colors-primary-600);
+		font-weight: 600;
 	}
 
 	.stepper__content__subtitle {
-		color:var(--nile-colors-gray-light-mode-600);
+		color:var(--nile-colors-dark-500);
 		font-size: var(--stepper-item-subtitle-size);
 		line-height: var(--stepper-item-text-line-height);
 		font-family: var(--nile-font-family-sans-serif);
@@ -108,13 +129,13 @@ import{css as e}from"lit";const t=e`
 		width: var(--circle-height);
 		aspect-ratio: 1 / 1;
 		border-radius: 50%;
-		background: radial-gradient(var(--nile-colors-gray-light-mode-300) var(--bulletin--dot--seperation), var(--nile-colors-gray-neutral-50) var(--bulletin--dot--seperation));
-		border: 2px solid var(--nile-colors-gray-light-mode-200);
+		background: radial-gradient(var(--nile-colors-neutral-500) var(--bulletin--dot--seperation), var(--nile-colors-dark-200) var(--bulletin--dot--seperation));
+		border: 2px solid var(--nile-colors-neutral-500);
 	}
 
 	.stepper__bulletin__dot--active{
 		background: radial-gradient(var(--nile-colors-white-base) var(--bulletin--dot--seperation), var(--nile-colors-primary-600) var(--bulletin--dot--seperation));
-		border: 2px solid var(--nile-colors-primary-400);
+		border: 2px solid var(--nile-colors-primary-500);
 	}
 
 	.stepper__bulletin--icon {

package/dist/nile-stepper-item/nile-stepper-item.esm.js

@@ -1,39 +1,42 @@
-import{__decorate as t}from"tslib";import{html as e,nothing as i}from"lit";import{property as s,state as l,customElement as _}from"lit/decorators.js";import{classMap as p}from"lit/directives/class-map.js";import{s as r}from"./nile-stepper-item.css.esm.js";import{N as n}from"../internal/nile-element.esm.js";let o=class extends n{constructor(){super(...arguments),this.title="",this.subtitle="",this.contentBelow=!1,this.size="md",this.icon="tick",this.isFirst=!1,this.isLast=!1,this.isComplete=!1,this.isCurrent=!1,this.haveFlex=!0}static get styles(){return[r]}render(){this.haveFlex||this.style.setProperty("--stepper-flex-val","0");const t=this.isCurrent,s=this.isComplete;let l=!1;(s&&!t||this.completedStepValue==this.value)&&(l=!0);let _=!1;s&&(_=!0,this.calculatedCompletedStepValue==this.value&&(_=!1));let r="sm"==this.size?20:"md"==this.size?24:28;return e`
-			<div class="${p({stepper__item:!0,"stepper__item--selected":t,"stepper__item--sm":"sm"==this.size,"stepper__item--md":"md"==this.size,"stepper__item--lg":"lg"==this.size})}">
+import{__decorate as t}from"tslib";import{html as e,nothing as i}from"lit";import{query as s,property as _,state as l,customElement as p}from"lit/decorators.js";import{classMap as r}from"lit/directives/class-map.js";import{s as n}from"./nile-stepper-item.css.esm.js";import{N as o}from"../internal/nile-element.esm.js";let d=class extends o{constructor(){super(...arguments),this.title="",this.subtitle="",this.contentBelow=!1,this.size="md",this.icon="tick",this.isFirst=!1,this.isLast=!1,this.isComplete=!1,this.isCurrent=!1,this.haveFlex=!0}static get styles(){return[n]}updated(t){if(t.has("subtitle")&&this.isLast&&!this.contentBelow&&this.subtitle){const t=this.absoluteSubtitle?.scrollWidth??"0";this.absoluteTitle.style.minWidth=t+"px"}}render(){this.haveFlex||this.style.setProperty("--stepper-flex-val","0");const t=this.isCurrent,s=this.isComplete;let _=!1;(s&&!t||this.completedStepValue==this.value)&&(_=!0);let l=!1;return s&&(l=!0,this.calculatedCompletedStepValue==this.value&&(l=!1)),e`
+			<div class="${r({stepper__item:!0,"stepper__item--selected":t,"stepper__item--sm":"sm"==this.size,"stepper__item--md":"md"==this.size,"stepper__item--lg":"lg"==this.size})}">
 				<div class="stepper__line__content">
 					<div class="stepper__line__container">
 						${this.isFirst?i:e`
-							<hr class="${p({stepper__line:!0,"stepper__line--active":s||t})}"/>
+							<hr class="${r({stepper__line:!0,"stepper__line--active":s||t})}"/>
 						`}
 					</div>
 
-					<div class="stepper__item__bulletin">
-						${l?e`<div class="stepper__bulletin--icon">
-									<svg width="${r}" height="${r}" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-										<path fill-rule="evenodd" clip-rule="evenodd" d="M22.7953 9.85334L13.2487 19.0667L10.7153 16.36C10.2487 15.92 9.51534 15.8933 8.982 16.2667C8.462 16.6533 8.31534 17.3333 8.63534 17.88L11.6353 22.76C11.9287 23.2133 12.4353 23.4933 13.0087 23.4933C13.5553 23.4933 14.0753 23.2133 14.3687 22.76C14.8487 22.1333 24.0087 11.2133 24.0087 11.2133C25.2087 9.98668 23.7553 8.90668 22.7953 9.84001V9.85334Z" fill="white"/>
-									</svg>
-								</div>`:e`<div class="${p({"stepper__bulletin--dot":!0,"stepper__bulletin__dot--active":t})}"></div>`}
+					<div class=${r({stepper__item__bulletin:!0,"stepper__item__bulletin--inline":!this.contentBelow})}>
+						${_?e`<div class="stepper__bulletin--icon">${this.getSvg()}</div>`:e`<div class="${r({"stepper__bulletin--dot":!0,"stepper__bulletin__dot--active":t})}"></div>`}
 					</div>
 					
-					<div class="${p({stepper__line__container:!0,"stepper__line--hastitle":!this.contentBelow})}">
+					<div class="${r({stepper__line__container:!0,"stepper__line--hastitle":!this.contentBelow})}">
 						${this.contentBelow||!this.title?i:e`
-							<div 
-							class="${p({"stepper__content__title stepper__content__title--inline":!0,"stepper__content__title--active":t})}">
-							${this.title}
+
+							<div class="stepper__item__content--above">
+								<div class="${r({stepper__content__title:!0,"stepper__content__title--active":t})}">
+									${this.title}
+								</div>
+								<div class="${r({stepper__content__subtitle:!0,"stepper__content__subtitle--active":t})}">${this.subtitle}</div>
 							</div>
 						`}
 						${this.isLast?i:e`
-							<hr class="${p({stepper__line:!0,"stepper__line--active":_})}" style="flex-grow:1;"/>
+							<hr class="${r({stepper__line:!0,"stepper__line--active":l})}" style="flex-grow:1;"/>
 						`}
 					</div>
 				</div>
 				${this.contentBelow?e`
 					<div class="stepper__item__content--below">
-						<div class="${p({stepper__content__title:!0,"stepper__content__title--active":t})}">
+						<div class="${r({stepper__content__title:!0,"stepper__content__title--active":t})}">
 							${this.title}
 						</div>
-						<div class="${p({stepper__content__subtitle:!0,"stepper__content__subtitle--active":t})}">${this.subtitle}</div>
+						<div class="${r({stepper__content__subtitle:!0,"stepper__content__subtitle--active":t})}">${this.subtitle}</div>
 					</div>
 				`:i}
 			</div>
-		`}};t([s()],o.prototype,"title",void 0),t([s()],o.prototype,"subtitle",void 0),t([l()],o.prototype,"contentBelow",void 0),t([l()],o.prototype,"size",void 0),t([l()],o.prototype,"icon",void 0),t([l()],o.prototype,"isFirst",void 0),t([l()],o.prototype,"isLast",void 0),t([l()],o.prototype,"isComplete",void 0),t([l()],o.prototype,"isCurrent",void 0),t([l()],o.prototype,"currentStepValue",void 0),t([l()],o.prototype,"completedStepValue",void 0),t([l()],o.prototype,"calculatedCompletedStepValue",void 0),t([l()],o.prototype,"value",void 0),t([l()],o.prototype,"haveFlex",void 0),o=t([_("nile-stepper-item")],o);export{o as N};
+		`}getSvg(){let t="sm"==this.size?20:"md"==this.size?24:28;return e`
+		<svg width="${t}" height="${t}" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+			<path fill-rule="evenodd" clip-rule="evenodd" d="M22.7953 9.85334L13.2487 19.0667L10.7153 16.36C10.2487 15.92 9.51534 15.8933 8.982 16.2667C8.462 16.6533 8.31534 17.3333 8.63534 17.88L11.6353 22.76C11.9287 23.2133 12.4353 23.4933 13.0087 23.4933C13.5553 23.4933 14.0753 23.2133 14.3687 22.76C14.8487 22.1333 24.0087 11.2133 24.0087 11.2133C25.2087 9.98668 23.7553 8.90668 22.7953 9.84001V9.85334Z" fill="white"/>
+		</svg>
+		`}};t([s(".stepper__item__content--above .stepper__content__title")],d.prototype,"absoluteTitle",void 0),t([s(".stepper__item__content--above .stepper__content__subtitle")],d.prototype,"absoluteSubtitle",void 0),t([_()],d.prototype,"title",void 0),t([_()],d.prototype,"subtitle",void 0),t([l()],d.prototype,"contentBelow",void 0),t([l()],d.prototype,"size",void 0),t([l()],d.prototype,"icon",void 0),t([l()],d.prototype,"isFirst",void 0),t([l()],d.prototype,"isLast",void 0),t([l()],d.prototype,"isComplete",void 0),t([l()],d.prototype,"isCurrent",void 0),t([l()],d.prototype,"currentStepValue",void 0),t([l()],d.prototype,"completedStepValue",void 0),t([l()],d.prototype,"calculatedCompletedStepValue",void 0),t([l()],d.prototype,"value",void 0),t([l()],d.prototype,"haveFlex",void 0),d=t([p("nile-stepper-item")],d);export{d as N};

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

@@ -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} 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","m","this","tabs","panels","hasScrollControls","placement","activeTabProp","noTrack","activation","noScrollControls","centered","activeTabName","_this","_inherits","_p","_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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"}
+{"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","m","this","tabs","panels","hasScrollControls","placement","activeTabProp","noTrack","activation","noScrollControls","centered","activeTabName","_this","_inherits","_p","_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

@@ -1,2 +1,2 @@
-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-tab-track-color);\n    bottom:0px;\n    z-index:-1;\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:-1;\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"]))));}};});
+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

@@ -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);\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-tab-track-color);\n    bottom:0px;\n    z-index:-1;\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:-1;\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"}
+{"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

@@ -37,9 +37,9 @@ import{css as t}from"lit";const o=t`
     position: absolute;
     height: var(--track-width);
     width: 100%;
-    background: var(--nile-tab-track-color);
+    background: var(--nile-colors-neutral-400);
     bottom:0px;
-    z-index:-1;
+    z-index:0;
   }
 
   .tab-group--has-scroll-controls .tab-group__nav-container {
@@ -115,7 +115,7 @@ import{css as t}from"lit";const o=t`
   .tab-group--top .tab-group__indicator {
     bottom: 0px;
     border-bottom: 2px solid var(--nile-colors-primary-600);
-    z-index:-1;
+    z-index:0;
   }
 
   .tab-group--top .tab-group__body {

package/dist/nile-vertical-stepper-item/nile-vertical-stepper-item.cjs.js

@@ -1,2 +1,2 @@
-function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","./nile-vertical-stepper-item.css.cjs.js","../internal/nile-element.cjs.js","lit/directives/class-map.js"],function(_export,_context){"use strict";var t,e,i,s,l,p,r,_,d,_templateObject,_templateObject2,_templateObject3,_templateObject4,o;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_lit){e=_lit.html;i=_lit.nothing;},function(_litDecoratorsJs){s=_litDecoratorsJs.property;l=_litDecoratorsJs.state;p=_litDecoratorsJs.customElement;},function(_nileVerticalStepperItemCssCjsJs){r=_nileVerticalStepperItemCssCjsJs.s;},function(_internalNileElementCjsJs){_=_internalNileElementCjsJs.N;},function(_litDirectivesClassMapJs){d=_litDirectivesClassMapJs.classMap;}],execute:function execute(){_export("N",o=/*#__PURE__*/function(_ref){function o(){var _this;_classCallCheck(this,o);_this=_callSuper(this,o,arguments),_this.title="",_this.subtitle="",_this.contentBelow=!1,_this.size="md",_this.icon="tick",_this.isFirst=!1,_this.isLast=!1,_this.isComplete=!1,_this.isCurrent=!1,_this.haveFlex=!0;return _this;}_inherits(o,_ref);return _createClass(o,[{key:"render",value:function render(){this.isLast&&this.style.setProperty("--vertical-stepper-flex-val","0");var t=this.isCurrent,s=this.isComplete;var l=!1;(s&&!t||this.completedStepValue==this.value)&&(l=!0);var p=!1;s&&(p=!0,this.calculatedCompletedStepValue==this.value&&(p=!1));var r="sm"==this.size?14:"md"==this.size?16:20;return e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t\t\t<div class=\"","\">\n\t\t\t\t<div class=\"stepper-item__connector-content\">\n\t\t\t\t\t<div class=\"stepper__item__bulletin\">\n\t\t\t\t\t\t","\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"stepper__item__line__container\">\n\t\t\t\t\t\t","\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"stepper__item__content\">\n\t\t\t\t\t<div class=\"","\">","</div>\n\t\t\t\t\t<div class=\"","\">","</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t"])),d({stepper__item:!0,"stepper__item--selected":t,"stepper__item--default":!t,"stepper__item--sm":"sm"==this.size,"stepper__item--md":"md"==this.size,"stepper__item--lg":"lg"==this.size}),l?e(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["<div class=\"stepper__bulletin--icon\">\n\t\t\t\t\t\t\t\t\t<svg width=\"","\" height=\"","\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t\t\t\t\t\t<g clip-path=\"url(#clip0_10902_1507)\">\n\t\t\t\t\t\t\t\t\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M22.7953 9.85334L13.2487 19.0667L10.7153 16.36C10.2487 15.92 9.51534 15.8933 8.982 16.2667C8.462 16.6533 8.31534 17.3333 8.63534 17.88L11.6353 22.76C11.9287 23.2133 12.4353 23.4933 13.0087 23.4933C13.5553 23.4933 14.0753 23.2133 14.3687 22.76C14.8487 22.1333 24.0087 11.2133 24.0087 11.2133C25.2087 9.98668 23.7553 8.90668 22.7953 9.84001V9.85334Z\" fill=\"white\"/>\n\t\t\t\t\t\t\t\t\t\t</g>\n\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t</div>"])),r,r):e(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["<div class=\"","\"></div>"])),d({"stepper__bulletin--dot":!0,"stepper__bulletin__dot--active":t})),this.isLast?i:e(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["<div class=\"","\"></div>"])),d({stepper__item__line:!0,"stepper__item__line--active":p})),d({stepper__content__title:!0,"stepper__content__title--active":t}),this.title,d({stepper__content__subtitle:!0,"stepper__content__subtitle--active":t}),this.subtitle);}}],[{key:"styles",get:function get(){return[r];}}]);}(_));t([s()],o.prototype,"title",void 0),t([s()],o.prototype,"subtitle",void 0),t([l()],o.prototype,"contentBelow",void 0),t([l()],o.prototype,"size",void 0),t([l()],o.prototype,"icon",void 0),t([l()],o.prototype,"isFirst",void 0),t([l()],o.prototype,"isLast",void 0),t([l()],o.prototype,"isComplete",void 0),t([l()],o.prototype,"isCurrent",void 0),t([l()],o.prototype,"currentStepValue",void 0),t([l()],o.prototype,"completedStepValue",void 0),t([l()],o.prototype,"calculatedCompletedStepValue",void 0),t([l()],o.prototype,"value",void 0),t([l()],o.prototype,"haveFlex",void 0),_export("N",o=t([p("nile-vertical-stepper-item")],o));}};});
+function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","./nile-vertical-stepper-item.css.cjs.js","../internal/nile-element.cjs.js","lit/directives/class-map.js"],function(_export,_context){"use strict";var t,e,i,s,l,p,r,_,o,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,d;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_lit){e=_lit.html;i=_lit.nothing;},function(_litDecoratorsJs){s=_litDecoratorsJs.property;l=_litDecoratorsJs.state;p=_litDecoratorsJs.customElement;},function(_nileVerticalStepperItemCssCjsJs){r=_nileVerticalStepperItemCssCjsJs.s;},function(_internalNileElementCjsJs){_=_internalNileElementCjsJs.N;},function(_litDirectivesClassMapJs){o=_litDirectivesClassMapJs.classMap;}],execute:function execute(){_export("N",d=/*#__PURE__*/function(_ref){function d(){var _this;_classCallCheck(this,d);_this=_callSuper(this,d,arguments),_this.title="",_this.subtitle="",_this.contentBelow=!1,_this.size="md",_this.icon="tick",_this.isFirst=!1,_this.isLast=!1,_this.isComplete=!1,_this.isCurrent=!1,_this.haveFlex=!0;return _this;}_inherits(d,_ref);return _createClass(d,[{key:"render",value:function render(){this.isLast&&this.style.setProperty("--vertical-stepper-flex-val","0");var t=this.isCurrent,s=this.isComplete;var l=!1;(s&&!t||this.completedStepValue==this.value)&&(l=!0);var p=!1;return s&&(p=!0,this.calculatedCompletedStepValue==this.value&&(p=!1)),"sm"==this.size||this.size,e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t\t\t<div class=\"","\">\n\t\t\t\t<div class=\"stepper-item__connector-content\">\n\t\t\t\t\t<div class=\"stepper__item__bulletin\">\n\t\t\t\t\t\t","\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"stepper__item__line__container\">\n\t\t\t\t\t\t","\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"stepper__item__content\">\n\t\t\t\t\t<div class=\"","\">","</div>\n\t\t\t\t\t<div class=\"","\">","</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t"])),o({stepper__item:!0,"stepper__item--selected":t,"stepper__item--default":!t,"stepper__item--sm":"sm"==this.size,"stepper__item--md":"md"==this.size,"stepper__item--lg":"lg"==this.size}),l?e(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["<div class=\"stepper__bulletin--icon\">","</div>"])),this.getSvg()):e(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["<div class=\"","\"></div>"])),o({"stepper__bulletin--dot":!0,"stepper__bulletin__dot--active":t})),this.isLast?i:e(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["<div class=\"","\"></div>"])),o({stepper__item__line:!0,"stepper__item__line--active":p})),o({stepper__content__title:!0,"stepper__content__title--alone":!this.subtitle,"stepper__content__title--active":t}),this.title,o({stepper__content__subtitle:!0,"stepper__content__subtitle--active":t}),this.subtitle);}},{key:"getSvg",value:function getSvg(){var t="sm"==this.size?20:"md"==this.size?24:28;return e(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n\t\t<svg width=\"","\" height=\"","\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M22.7953 9.85334L13.2487 19.0667L10.7153 16.36C10.2487 15.92 9.51534 15.8933 8.982 16.2667C8.462 16.6533 8.31534 17.3333 8.63534 17.88L11.6353 22.76C11.9287 23.2133 12.4353 23.4933 13.0087 23.4933C13.5553 23.4933 14.0753 23.2133 14.3687 22.76C14.8487 22.1333 24.0087 11.2133 24.0087 11.2133C25.2087 9.98668 23.7553 8.90668 22.7953 9.84001V9.85334Z\" fill=\"white\"/>\n\t\t</svg>\n\t\t"])),t,t);}}],[{key:"styles",get:function get(){return[r];}}]);}(_));t([s()],d.prototype,"title",void 0),t([s()],d.prototype,"subtitle",void 0),t([l()],d.prototype,"contentBelow",void 0),t([l()],d.prototype,"size",void 0),t([l()],d.prototype,"icon",void 0),t([l()],d.prototype,"isFirst",void 0),t([l()],d.prototype,"isLast",void 0),t([l()],d.prototype,"isComplete",void 0),t([l()],d.prototype,"isCurrent",void 0),t([l()],d.prototype,"currentStepValue",void 0),t([l()],d.prototype,"completedStepValue",void 0),t([l()],d.prototype,"calculatedCompletedStepValue",void 0),t([l()],d.prototype,"value",void 0),t([l()],d.prototype,"haveFlex",void 0),_export("N",d=t([p("nile-vertical-stepper-item")],d));}};});
 //# sourceMappingURL=nile-vertical-stepper-item.cjs.js.map

package/dist/nile-vertical-stepper-item/nile-vertical-stepper-item.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-vertical-stepper-item.cjs.js","sources":["../../../src/nile-vertical-stepper-item/nile-vertical-stepper-item.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, nothing, html, CSSResultArray, TemplateResult} from 'lit';\nimport { customElement, state, property } from 'lit/decorators.js';\nimport {styles} from './nile-vertical-stepper-item.css';\nimport NileElement from '../internal/nile-element';\nimport { classMap } from 'lit/directives/class-map.js';\n\n\n/**\n * Nile vertical-stepper-item component.\n *\n * @tag nile-vertical-stepper-item\n *\n */\n@customElement('nile-vertical-stepper-item')\nexport class NileVerticalStepperItem extends NileElement {\n\t/* Properties passed directly */\n\t@property() title: string = '';\n\t@property() subtitle: string = '';\n\n\n\t/* Properties passed to parent component: NileStepper */\n\t@state() private contentBelow = false;\n\t@state() private size : 'sm' | 'md' | 'lg' = 'md';\n\t@state() private icon = 'tick';\n\n\n\t/* Properties Computed at parent level component NileStepper */\n\t@state() private isFirst = false;\n\t@state() private isLast = false;\n\n\t@state() private isComplete = false;\n\t@state() private isCurrent = false;\n\t@state() private currentStepValue :Number;\n\t@state() private completedStepValue :Number;\n\t@state() private calculatedCompletedStepValue :Number;\n\n\t@state() private value :Number;\n\t@state() private haveFlex :Boolean=true;\n\n\t/**\n\t * The styles for nile-vertical-stepper-item\n\t * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n\t */\n\tpublic static get styles(): CSSResultArray {\n\t\treturn [styles];\n\t}\n\n\t/* #endregion */\n\n\t/* #region Methods */\n\n\t/**\n\t * Render method\n\t * @slot This is a slot test\n\t */\n\tpublic render(): TemplateResult {\n\t\tif (this.isLast) this.style.setProperty('--vertical-stepper-flex-val', `0`);\n\t\tconst isCurrent = this.isCurrent;\n\t\tconst isComplete = this.isComplete;\n\n\t\tlet showCompletedIcon=false;\n\t\tif(isComplete && !isCurrent || this.completedStepValue==this.value) showCompletedIcon=true;\n\n\t\tlet suffixStepperLineActive = false;\n\t\tif (isComplete) {\n\t\t\tsuffixStepperLineActive = true;\n\t\t\tif (this.calculatedCompletedStepValue == this.value) suffixStepperLineActive = false;\n\t\t}\n\n\t\tlet iconSize = this.size == 'sm'?14:this.size == 'md'?16:20;\n\t\treturn html`\n\t\t\t<div class=\"${classMap({\n\t\t\t\t'stepper__item':true,\n\t\t\t\t'stepper__item--selected':isCurrent,\n\t\t\t\t'stepper__item--default':!isCurrent,\n\t\t\t\t'stepper__item--sm':this.size=='sm',\n\t\t\t\t'stepper__item--md':this.size=='md',\n\t\t\t\t'stepper__item--lg':this.size=='lg',\n\t\t\t})}\">\n\t\t\t\t<div class=\"stepper-item__connector-content\">\n\t\t\t\t\t<div class=\"stepper__item__bulletin\">\n\t\t\t\t\t\t${showCompletedIcon ? \n\t\t\t\t\t\t\thtml`<div class=\"stepper__bulletin--icon\">\n\t\t\t\t\t\t\t\t\t<svg width=\"${iconSize}\" height=\"${iconSize}\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t\t\t\t\t\t<g clip-path=\"url(#clip0_10902_1507)\">\n\t\t\t\t\t\t\t\t\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M22.7953 9.85334L13.2487 19.0667L10.7153 16.36C10.2487 15.92 9.51534 15.8933 8.982 16.2667C8.462 16.6533 8.31534 17.3333 8.63534 17.88L11.6353 22.76C11.9287 23.2133 12.4353 23.4933 13.0087 23.4933C13.5553 23.4933 14.0753 23.2133 14.3687 22.76C14.8487 22.1333 24.0087 11.2133 24.0087 11.2133C25.2087 9.98668 23.7553 8.90668 22.7953 9.84001V9.85334Z\" fill=\"white\"/>\n\t\t\t\t\t\t\t\t\t\t</g>\n\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t</div>`\n\t\t\t\t\t\t\t: html`<div class=\"${classMap({ 'stepper__bulletin--dot':true, 'stepper__bulletin__dot--active':isCurrent })}\"></div>`\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"stepper__item__line__container\">\n\t\t\t\t\t\t${this.isLast?nothing : html`<div class=\"${classMap({ 'stepper__item__line':true, 'stepper__item__line--active':suffixStepperLineActive })}\"></div>`}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"stepper__item__content\">\n\t\t\t\t\t<div class=\"${classMap({ 'stepper__content__title':true, 'stepper__content__title--active':isCurrent })}\">${this.title}</div>\n\t\t\t\t\t<div class=\"${classMap({ 'stepper__content__subtitle':true, 'stepper__content__subtitle--active':isCurrent })}\">${this.subtitle}</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t`;\n\t}\n\n\t/* #endregion */\n}\n\nexport default NileVerticalStepperItem;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-vertical-stepper-item': NileVerticalStepperItem;\n  }\n}"],"names":["NileVerticalStepperItem","_ref","o","this","title","subtitle","contentBelow","size","icon","isFirst","isLast","isComplete","isCurrent","haveFlex","_this","_inherits","_createClass","key","value","render","style","setProperty","showCompletedIcon","completedStepValue","suffixStepperLineActive","calculatedCompletedStepValue","iconSize","html","_templateObject","_taggedTemplateLiteral","classMap","stepper__item","_templateObject2","_templateObject3","nothing","_templateObject4","stepper__item__line","stepper__content__title","stepper__content__subtitle","__decorate","get","styles","NileElement","property","prototype","state","_export","customElement"],"mappings":"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"}
+{"version":3,"file":"nile-vertical-stepper-item.cjs.js","sources":["../../../src/nile-vertical-stepper-item/nile-vertical-stepper-item.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, nothing, html, CSSResultArray, TemplateResult} from 'lit';\nimport { customElement, state, property } from 'lit/decorators.js';\nimport {styles} from './nile-vertical-stepper-item.css';\nimport NileElement from '../internal/nile-element';\nimport { classMap } from 'lit/directives/class-map.js';\n\n\n/**\n * Nile vertical-stepper-item component.\n *\n * @tag nile-vertical-stepper-item\n *\n */\n@customElement('nile-vertical-stepper-item')\nexport class NileVerticalStepperItem extends NileElement {\n\t/* Properties passed directly */\n\t@property() title: string = '';\n\t@property() subtitle: string = '';\n\n\n\t/* Properties passed to parent component: NileStepper */\n\t@state() private contentBelow = false;\n\t@state() private size : 'sm' | 'md' | 'lg' = 'md';\n\t@state() private icon = 'tick';\n\n\n\t/* Properties Computed at parent level component NileStepper */\n\t@state() private isFirst = false;\n\t@state() private isLast = false;\n\n\t@state() private isComplete = false;\n\t@state() private isCurrent = false;\n\t@state() private currentStepValue :Number;\n\t@state() private completedStepValue :Number;\n\t@state() private calculatedCompletedStepValue :Number;\n\n\t@state() private value :Number;\n\t@state() private haveFlex :Boolean=true;\n\n\t/**\n\t * The styles for nile-vertical-stepper-item\n\t * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n\t */\n\tpublic static get styles(): CSSResultArray {\n\t\treturn [styles];\n\t}\n\n\t/* #endregion */\n\n\t/* #region Methods */\n\n\t/**\n\t * Render method\n\t * @slot This is a slot test\n\t */\n\tpublic render(): TemplateResult {\n\t\tif (this.isLast) this.style.setProperty('--vertical-stepper-flex-val', `0`);\n\t\tconst isCurrent = this.isCurrent;\n\t\tconst isComplete = this.isComplete;\n\n\t\tlet showCompletedIcon=false;\n\t\tif(isComplete && !isCurrent || this.completedStepValue==this.value) showCompletedIcon=true;\n\n\t\tlet suffixStepperLineActive = false;\n\t\tif (isComplete) {\n\t\t\tsuffixStepperLineActive = true;\n\t\t\tif (this.calculatedCompletedStepValue == this.value) suffixStepperLineActive = false;\n\t\t}\n\n\t\tlet iconSize = this.size == 'sm'?14:this.size == 'md'?16:20;\n\t\treturn html`\n\t\t\t<div class=\"${classMap({\n\t\t\t\t'stepper__item':true,\n\t\t\t\t'stepper__item--selected':isCurrent,\n\t\t\t\t'stepper__item--default':!isCurrent,\n\t\t\t\t'stepper__item--sm':this.size=='sm',\n\t\t\t\t'stepper__item--md':this.size=='md',\n\t\t\t\t'stepper__item--lg':this.size=='lg',\n\t\t\t})}\">\n\t\t\t\t<div class=\"stepper-item__connector-content\">\n\t\t\t\t\t<div class=\"stepper__item__bulletin\">\n\t\t\t\t\t\t${showCompletedIcon ? \n\t\t\t\t\t\t\thtml`<div class=\"stepper__bulletin--icon\">${this.getSvg()}</div>`\n\t\t\t\t\t\t\t: html`<div class=\"${classMap({ 'stepper__bulletin--dot':true, 'stepper__bulletin__dot--active':isCurrent })}\"></div>`\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"stepper__item__line__container\">\n\t\t\t\t\t\t${this.isLast?nothing : html`<div class=\"${classMap({ 'stepper__item__line':true, 'stepper__item__line--active':suffixStepperLineActive })}\"></div>`}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"stepper__item__content\">\n\t\t\t\t\t<div class=\"${classMap({ 'stepper__content__title':true, \"stepper__content__title--alone\": !this.subtitle, 'stepper__content__title--active':isCurrent })}\">${this.title}</div>\n\t\t\t\t\t<div class=\"${classMap({ 'stepper__content__subtitle':true, 'stepper__content__subtitle--active':isCurrent })}\">${this.subtitle}</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t`;\n\t}\n\n\tgetSvg():TemplateResult{\n\t\tlet iconSize = this.size == 'sm' ? 20 : this.size == 'md' ? 24 : 28;\n\t\treturn html`\n\t\t<svg width=\"${iconSize}\" height=\"${iconSize}\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M22.7953 9.85334L13.2487 19.0667L10.7153 16.36C10.2487 15.92 9.51534 15.8933 8.982 16.2667C8.462 16.6533 8.31534 17.3333 8.63534 17.88L11.6353 22.76C11.9287 23.2133 12.4353 23.4933 13.0087 23.4933C13.5553 23.4933 14.0753 23.2133 14.3687 22.76C14.8487 22.1333 24.0087 11.2133 24.0087 11.2133C25.2087 9.98668 23.7553 8.90668 22.7953 9.84001V9.85334Z\" fill=\"white\"/>\n\t\t</svg>\n\t\t`\n\t}\n\n\n\t/* #endregion */\n}\n\nexport default NileVerticalStepperItem;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-vertical-stepper-item': NileVerticalStepperItem;\n  }\n}"],"names":["NileVerticalStepperItem","d","this","title","subtitle","contentBelow","size","icon","isFirst","isLast","isComplete","isCurrent","haveFlex","_this","_inherits","_ref","_createClass","key","value","render","style","setProperty","showCompletedIcon","completedStepValue","suffixStepperLineActive","calculatedCompletedStepValue","html","_templateObject","_taggedTemplateLiteral","classMap","stepper__item","_templateObject2","getSvg","_templateObject3","nothing","_templateObject4","stepper__item__line","stepper__content__title","stepper__content__subtitle","iconSize","_templateObject5","__decorate","get","styles","NileElement","property","prototype","state","_export","customElement"],"mappings":"63GAqBaA,CAAAA,uBAAAA,IAAAA,EAAN,SAAAC,EAAA,qEAEMC,EAAAA,KAAAA,CAAKC,KAAW,CAAA,EAAA,CAChBD,KAAAA,CAAQE,QAAW,CAAA,EAAA,CAIdF,KAAAA,CAAYG,YAAG,CAAA,CAAA,CAAA,CACfH,KAAAA,CAAII,IAAwB,CAAA,IAAA,CAC5BJ,KAAAA,CAAIK,IAAAA,CAAG,MAIPL,CAAAA,KAAAA,CAAOM,SAAG,CACVN,CAAAA,KAAAA,CAAMO,MAAG,CAAA,CAAA,CAAA,CAETP,KAAAA,CAAUQ,UAAAA,CAAAA,CAAG,EACbR,KAAAA,CAASS,SAAAA,CAAAA,CAAG,CAMZT,CAAAA,KAAAA,CAAQU,QAAU,CAAA,CAAA,CAwEnC,QAAAC,KAAA,EAlEOC,SAAA,CAAAb,CAAA,CAAAc,IAAA,SAAAC,YAAA,CAAAf,CAAA,GAAAgB,GAAA,UAAAC,KAAA,CAYA,SAAAC,MAAAA,CAAAA,CAAAA,CACFjB,IAAKO,CAAAA,MAAAA,EAAQP,IAAKkB,CAAAA,KAAAA,CAAMC,YAAY,6BAA+B,CAAA,GAAA,CAAA,CACvE,GAAMV,CAAAA,CAAAA,CAAYT,IAAKS,CAAAA,SAAAA,CACjBD,EAAaR,IAAKQ,CAAAA,UAAAA,CAExB,GAAIY,CAAAA,CAAAA,CAAAA,CAAkB,CACnBZ,CAAAA,CAAAA,CAAAA,EAAAA,CAAeC,GAAaT,IAAKqB,CAAAA,kBAAAA,EAAoBrB,KAAKgB,KAAOI,IAAAA,CAAAA,CAAAA,CAAkB,GAEtF,GAAIE,CAAAA,CAAAA,CAAAA,CAA0B,CAO9B,CAAA,MANId,CAAAA,CACHc,GAAAA,CAAAA,CAAAA,CAA0B,EACtBtB,IAAKuB,CAAAA,4BAAAA,EAAgCvB,IAAKgB,CAAAA,KAAAA,GAAOM,CAA0B,CAAA,CAAA,CAAA,CAAA,CAAA,CAGpD,MAAbtB,IAAKI,CAAAA,IAAAA,EAAgBJ,IAAKI,CAAAA,IAAAA,CAClCoB,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,qcACIC,CAAAA,CAAS,CACtBC,aAAgB,CAAA,CAAA,CAAA,CAChB,yBAA0BnB,CAAAA,CAAAA,CAC1B,0BAA0BA,CAC1B,CAAA,mBAAA,CAA+B,IAAXT,EAAAA,IAAAA,CAAKI,KACzB,mBAA+B,CAAA,IAAA,EAAXJ,KAAKI,IACzB,CAAA,mBAAA,CAA+B,MAAXJ,IAAKI,CAAAA,IAAAA,CAAAA,CAAAA,CAIrBgB,CACDI,CAAAA,CAAI,CAAAK,gBAAA,GAAAA,gBAAA,CAAAH,sBAAA,wDAAwC1B,IAAAA,CAAK8B,MAC/CN,CAAAA,CAAAA,EAAAA,CAAI,CAAAO,gBAAA,GAAAA,gBAAA,CAAAL,sBAAA,iCAAeC,CAAS,CAAA,CAAE,wBAAyB,CAAA,CAAA,CAAA,CAAM,gCAAiClB,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAI/FT,IAAKO,CAAAA,MAAAA,CAAOyB,EAAUR,CAAI,CAAAS,gBAAA,GAAAA,gBAAA,CAAAP,sBAAA,iCAAeC,EAAS,CAAEO,mBAAAA,CAAAA,CAAsB,EAAM,6BAA8BZ,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAInGK,CAAS,CAAA,CAAEQ,yBAA0B,CAAM,CAAA,gCAAA,CAAA,CAAmCnC,KAAKE,QAAU,CAAA,iCAAA,CAAkCO,IAAiBT,IAAKC,CAAAA,KAAAA,CACrJ0B,CAAAA,CAAS,CAAES,0BAAAA,CAAAA,CAA6B,CAAM,CAAA,oCAAA,CAAqC3B,IAAiBT,IAAKE,CAAAA,QAAAA,CAI1H,EAED,GAAAa,GAAA,UAAAC,KAAA,UAAAc,MAAAA,CAAAA,CAAAA,CACC,GAAIO,CAAAA,CAAAA,CAAwB,MAAbrC,IAAKI,CAAAA,IAAAA,CAAe,EAAkB,CAAA,IAAA,EAAbJ,IAAKI,CAAAA,IAAAA,CAAe,EAAK,CAAA,EAAA,CACjE,MAAOoB,CAAAA,CAAI,CAAAc,gBAAA,GAAAA,gBAAA,CAAAZ,sBAAA,ujBACGW,CAAqBA,CAAAA,CAAAA,EAInC,CAzFWE,KAAAA,GAAAA,UAAAA,GAAAA,CA2BL,SAAAC,IAAA,CAAWC,CACjB,MAAO,CAACA,CAAAA,CACR,EAUM,MAzCqCC,CAAAA,GAEhCH,CAAAA,CAAA,CAAXI,CAA8B7C,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA8C,UAAA,OAAA,CAAA,IAAA,EAAA,CAAA,CACnBL,CAAA,CAAA,CAAXI,CAAiC7C,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA8C,UAAA,UAAA,CAAA,IAAA,EAAA,CAAA,CAIjBL,EAAA,CAAhBM,CAAAA,CAAAA,CAAAA,CAAAA,CAAqC/C,EAAA8C,SAAA,CAAA,cAAA,CAAA,IAAA,EACrBL,CAAAA,CAAAA,CAAAA,CAAA,CAAhBM,CAAAA,CAAAA,CAAAA,CAAAA,CAAiD/C,EAAA8C,SAAA,CAAA,MAAA,CAAA,IAAA,IACjCL,CAAA,CAAA,CAAhBM,KAA8B/C,CAAA8C,CAAAA,SAAAA,CAAA,MAAA,CAAA,IAAA,EAAA,CAAA,CAIdL,CAAA,CAAA,CAAhBM,KAAgC/C,CAAA8C,CAAAA,SAAAA,CAAA,SAAA,CAAA,IAAA,EAAA,CAAA,CAChBL,CAAA,CAAA,CAAhBM,KAA+B/C,CAAA8C,CAAAA,SAAAA,CAAA,QAAA,CAAA,IAAA,EAAA,CAAA,CAEfL,CAAA,CAAA,CAAhBM,KAAmC/C,CAAA8C,CAAAA,SAAAA,CAAA,iBAAA,EACnBL,CAAAA,CAAAA,CAAAA,CAAA,CAAhBM,CAAkC/C,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA8C,SAAA,CAAA,WAAA,CAAA,IAAA,EAClBL,CAAAA,CAAAA,CAAAA,CAAA,CAAhBM,CAAyC/C,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA8C,SAAA,CAAA,kBAAA,CAAA,IAAA,EACzBL,CAAAA,CAAAA,CAAAA,CAAA,CAAhBM,CAA2C/C,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA8C,SAAA,CAAA,oBAAA,CAAA,IAAA,EAC3BL,CAAAA,CAAAA,CAAAA,CAAA,CAAhBM,CAAqD/C,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA8C,UAAA,8BAAA,CAAA,IAAA,EAAA,CAAA,CAErCL,EAAA,CAAhBM,CAAAA,CAAAA,CAAAA,CAAAA,CAA8B/C,CAAA8C,CAAAA,SAAAA,CAAA,OAAA,CAAA,IAAA,EAAA,CAAA,CACdL,EAAA,CAAhBM,CAAAA,CAAAA,CAAAA,CAAAA,CAAuC/C,CAAA8C,CAAAA,SAAAA,CAAA,UAAA,CAAA,IAAA,EAAA,CAAA,CAAAE,OAAA,KAvB5BhD,EAAuByC,CAAA,CAAA,CADnCQ,CAAc,CAAA,4BAAA,CAAA,CAAA,CACFjD"}

package/dist/nile-vertical-stepper-item/nile-vertical-stepper-item.css.cjs.js

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,t;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("s",t=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t:host {\n\t\t--vertical-stepper-flex-val:1;\n\t\tflex-grow:var(--vertical-stepper-flex-val);\n\t\t--bulletin--dot--seperation:30%;\n\t\t--min-line-container-height:25px;\n\t}\n\n\t.stepper__item {\n\t\tdisplay:flex;\n\t\tcolumn-gap:var(--item-spacing);\n\t\theight:100%;\n\t}\n\n\t.stepper__item--sm {\n\t\t--item-spacing: var(--nile-spacing-spacing-lg,12px);\n\t\t--stepper-item-title-size:14px;\n\t\t--stepper-item-subtitle-size:14px;\n\t\t--stepper-item-text-line-height:20px;\n\t\t--circle-height:16px;\n\t}\n\n\t.stepper__item--md {\n\t\t--item-spacing: var(--nile-spacing-spacing-xl, 16px);\n\t\t--stepper-item-title-size:16px;\n\t\t--stepper-item-subtitle-size:16px;\n\t\t--stepper-item-text-line-heightt:24px;\n\t\t--circle-height:20px;\n\t}\n\n\t.stepper__item--lg {\n\t\t--item-spacing: var(--nile-spacing-spacing-xl, 16px);\n\t\t--stepper-item-title-size:16px;\n\t\t--stepper-item-subtitle-size:16px;\n\t\t--stepper-item-text-line-height:24px;\n\t\t--circle-height:28px;\n\t}\n\t\n\t.stepper-item__connector-content{\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t}\n\t.stepper__item__bulletin {\n\t\tdisplay:grid;\n\t\tplace-content:center;\n\t}\n\n\t.stepper__bulletin--dot {\n\t\twidth: var(--circle-height);\n\t\taspect-ratio: 1 / 1;\n\t\tborder-radius: 50%;\n\t\tbackground: radial-gradient(var(--nile-colors-gray-light-mode-300) var(--bulletin--dot--seperation), var(--nile-colors-gray-neutral-50) var(--bulletin--dot--seperation));\n\t\tborder: 2px solid var(--nile-colors-gray-light-mode-200);\n\t}\n\n\t.stepper__bulletin__dot--active{\n\t\tbackground: radial-gradient(var(--nile-colors-white-base) var(--bulletin--dot--seperation), var(--nile-colors-primary-600) var(--bulletin--dot--seperation));\n\t\tborder: 2px solid var(--nile-colors-primary-400);\n\t}\n\n\t.stepper__bulletin--icon {\n\t\tdisplay:grid;\n\t\tplace-content:center;\n\t\twidth: var(--circle-height);\n\t\tborder: 2px solid var(--nile-colors-primary-600);\n\t\taspect-ratio: 1 / 1;\n\t\tborder-radius: 50%;\n\t\tbackground-color:var(--nile-colors-primary-600);\n\t\toverflow:hidden;\n\t}\n\n\t.stepper__item__line__container{\n\t\tflex-grow: 1;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\tpadding: 2px;\n\t\tmin-height: var(--min-line-container-height);\n\t}\n\n\t.stepper__item__line{\n\t\theight:100%;\n\t\tborder-left: 2px solid var(--nile-colors-primary-600);\n\t}\n\t.stepper__item__line--active{\n\t\tborder-left: 2px solid var(--nile-colors-primary-600);\n\t}\n\n\t.stepper__item__content{\n\t\tdisplay:flex;\n\t\tflex-direction:column;\n\t\tjustify-content:start;\n\t}\n\t.stepper__content__title {\n\t\tcolor:var(--nile-colors-gray-light-mode-700);\n\t\tfont-size: var(--stepper-item-title-size);\n\t\tline-height: var(--stepper-item-text-line-height);\n\t\tfont-family: var(--nile-font-family-medium);\n\t\tfont-weight: 600;\n\t}\n\n\t.stepper__content__title--active{\n\t\tcolor:var(--nile-colors-primary-700);\n\t}\n\n\t.stepper__content__subtitle {\n\t\tcolor:var(--nile-colors-gray-light-mode-600);\n\t\tfont-size: var(--stepper-item-subtitle-size);\n\t\tline-height: var(--stepper-item-text-line-height);\n\t\tfont-family: var( --nile-font-family-sans-serif);\n\t\tfont-weight: 400;\n\t}\n\n\t.stepper__content__subtitle--active{\n\t\tcolor:var(--nile-colors-primary-600);\n\t}\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,t;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("s",t=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t:host {\n\t\t--vertical-stepper-flex-val:1;\n\t\tflex-grow:var(--vertical-stepper-flex-val);\n\t\t--bulletin--dot--seperation:30%;\n\t\t--min-line-container-height:25px;\n\t}\n\n\t.stepper__item {\n\t\tdisplay:flex;\n\t\tcolumn-gap:var(--item-spacing);\n\t\theight:100%;\n\t}\n\n\t.stepper__item--sm {\n\t\t--item-spacing: var(--nile-spacing-spacing-md);\n\t\t--stepper-item-title-size:14px;\n\t\t--stepper-item-title-margin-top:15%;\n\t\t--stepper-item-subtitle-size:14px;\n\t\t--stepper-item-text-line-height:20px;\n\t\t--circle-height:16px;\n\t}\n\n\t.stepper__item--md {\n\t\t--item-spacing: var(--nile-spacing-spacing-md);\n\t\t--stepper-item-title-size:16px;\n\t\t--stepper-item-title-margin-top:15%;\n\t\t--stepper-item-subtitle-size:14px;\n\t\t--stepper-item-text-line-height:24px;\n\t\t--circle-height:20px;\n\t}\n\n\t.stepper__item--lg {\n\t\t--item-spacing: var(--nile-spacing-spacing-lg);\n\t\t--stepper-item-title-size:16px;\n\t\t--stepper-item-title-margin-top:25%;\n\t\t--stepper-item-subtitle-size:14px;\n\t\t--stepper-item-text-line-height:24px;\n\t\t--circle-height:28px;\n\t}\n\t\n\t.stepper-item__connector-content{\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t}\n\n\t.stepper__item__bulletin {\n\t\tdisplay:grid;\n\t\tplace-content:center;\n\t}\n\n\t.stepper__item__bulletin {\n\t\tmargin-top:3px;\n\t\tmargin-bottom:3px;\n\t}\n\n\t.stepper__bulletin--dot {\n\t\twidth: var(--circle-height);\n\t\taspect-ratio: 1 / 1;\n\t\tborder-radius: 50%;\n\t\tbackground: radial-gradient(var(--nile-colors-neutral-500) var(--bulletin--dot--seperation), var(--nile-colors-dark-200) var(--bulletin--dot--seperation));\n\t\tborder: 2px solid var(--nile-colors-neutral-500);\n\t}\n\n\t.stepper__bulletin__dot--active{\n\t\tbackground: radial-gradient(var(--nile-colors-white-base) var(--bulletin--dot--seperation), var(--nile-colors-primary-600) var(--bulletin--dot--seperation));\n\t\tborder: 2px solid var(--nile-colors-primary-500);\n\t}\n\n\t.stepper__bulletin--icon {\n\t\tdisplay:grid;\n\t\tplace-content:center;\n\t\twidth: var(--circle-height);\n\t\tborder: 2px solid var(--nile-colors-primary-600);\n\t\taspect-ratio: 1 / 1;\n\t\tborder-radius: 50%;\n\t\tbackground-color:var(--nile-colors-primary-600);\n\t\toverflow:hidden;\n\t}\n\n\t.stepper__item__line__container{\n\t\tflex-grow: 1;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\tpadding: 2px;\n\t\tmin-height: var(--min-line-container-height);\n\t}\n\n\t.stepper__item__line{\n\t\theight:100%;\n\t\tborder-left: 2px solid var(--nile-colors-neutral-500);\n\t}\n\t.stepper__item__line--active{\n\t\tborder-left: 2px solid var(--nile-colors-primary-600);\n\t}\n\n\t.stepper__item__content{\n\t\tdisplay:flex;\n\t\tflex-direction:column;\n\t\tjustify-content:start;\n\t}\n\t.stepper__content__title {\n\t\tcolor:var(--nile-colors-dark-900);\n\t\tfont-size: var(--stepper-item-title-size);\n\t\tline-height: var(--stepper-item-text-line-height);\n\t\tfont-family: var(--nile-font-family-medium);\n\t\tfont-weight: 400;\n\t}\n\n\t.stepper__content__title--alone{\n\t\tmargin-top: var(--stepper-item-title-margin-top);\n\t}\n\n\t.stepper__content__title--active{\n\t\tcolor:var(--nile-colors-primary-600);\n\t\tfont-weight: 600;\n\t}\n\n\t.stepper__content__subtitle {\n\t\tcolor:var(--nile-colors-dark-500);\n\t\tfont-size: var(--stepper-item-subtitle-size);\n\t\tline-height: var(--stepper-item-text-line-height);\n\t\tfont-family: var( --nile-font-family-sans-serif);\n\t\tfont-weight: 400;\n\t}\n\n\t.stepper__content__subtitle--active{\n\t\tcolor:var(--nile-colors-primary-600);\n\t}\n"]))));}};});
 //# sourceMappingURL=nile-vertical-stepper-item.css.cjs.js.map

package/dist/nile-vertical-stepper-item/nile-vertical-stepper-item.css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-vertical-stepper-item.css.cjs.js","sources":["../../../src/nile-vertical-stepper-item/nile-vertical-stepper-item.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 * VerticalStepperItem CSS\n */\nexport const styles = css`\n\t:host {\n\t\t--vertical-stepper-flex-val:1;\n\t\tflex-grow:var(--vertical-stepper-flex-val);\n\t\t--bulletin--dot--seperation:30%;\n\t\t--min-line-container-height:25px;\n\t}\n\n\t.stepper__item {\n\t\tdisplay:flex;\n\t\tcolumn-gap:var(--item-spacing);\n\t\theight:100%;\n\t}\n\n\t.stepper__item--sm {\n\t\t--item-spacing: var(--nile-spacing-spacing-lg,12px);\n\t\t--stepper-item-title-size:14px;\n\t\t--stepper-item-subtitle-size:14px;\n\t\t--stepper-item-text-line-height:20px;\n\t\t--circle-height:16px;\n\t}\n\n\t.stepper__item--md {\n\t\t--item-spacing: var(--nile-spacing-spacing-xl, 16px);\n\t\t--stepper-item-title-size:16px;\n\t\t--stepper-item-subtitle-size:16px;\n\t\t--stepper-item-text-line-heightt:24px;\n\t\t--circle-height:20px;\n\t}\n\n\t.stepper__item--lg {\n\t\t--item-spacing: var(--nile-spacing-spacing-xl, 16px);\n\t\t--stepper-item-title-size:16px;\n\t\t--stepper-item-subtitle-size:16px;\n\t\t--stepper-item-text-line-height:24px;\n\t\t--circle-height:28px;\n\t}\n\t\n\t.stepper-item__connector-content{\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t}\n\t.stepper__item__bulletin {\n\t\tdisplay:grid;\n\t\tplace-content:center;\n\t}\n\n\t.stepper__bulletin--dot {\n\t\twidth: var(--circle-height);\n\t\taspect-ratio: 1 / 1;\n\t\tborder-radius: 50%;\n\t\tbackground: radial-gradient(var(--nile-colors-gray-light-mode-300) var(--bulletin--dot--seperation), var(--nile-colors-gray-neutral-50) var(--bulletin--dot--seperation));\n\t\tborder: 2px solid var(--nile-colors-gray-light-mode-200);\n\t}\n\n\t.stepper__bulletin__dot--active{\n\t\tbackground: radial-gradient(var(--nile-colors-white-base) var(--bulletin--dot--seperation), var(--nile-colors-primary-600) var(--bulletin--dot--seperation));\n\t\tborder: 2px solid var(--nile-colors-primary-400);\n\t}\n\n\t.stepper__bulletin--icon {\n\t\tdisplay:grid;\n\t\tplace-content:center;\n\t\twidth: var(--circle-height);\n\t\tborder: 2px solid var(--nile-colors-primary-600);\n\t\taspect-ratio: 1 / 1;\n\t\tborder-radius: 50%;\n\t\tbackground-color:var(--nile-colors-primary-600);\n\t\toverflow:hidden;\n\t}\n\n\t.stepper__item__line__container{\n\t\tflex-grow: 1;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\tpadding: 2px;\n\t\tmin-height: var(--min-line-container-height);\n\t}\n\n\t.stepper__item__line{\n\t\theight:100%;\n\t\tborder-left: 2px solid var(--nile-colors-primary-600);\n\t}\n\t.stepper__item__line--active{\n\t\tborder-left: 2px solid var(--nile-colors-primary-600);\n\t}\n\n\t.stepper__item__content{\n\t\tdisplay:flex;\n\t\tflex-direction:column;\n\t\tjustify-content:start;\n\t}\n\t.stepper__content__title {\n\t\tcolor:var(--nile-colors-gray-light-mode-700);\n\t\tfont-size: var(--stepper-item-title-size);\n\t\tline-height: var(--stepper-item-text-line-height);\n\t\tfont-family: var(--nile-font-family-medium);\n\t\tfont-weight: 600;\n\t}\n\n\t.stepper__content__title--active{\n\t\tcolor:var(--nile-colors-primary-700);\n\t}\n\n\t.stepper__content__subtitle {\n\t\tcolor:var(--nile-colors-gray-light-mode-600);\n\t\tfont-size: var(--stepper-item-subtitle-size);\n\t\tline-height: var(--stepper-item-text-line-height);\n\t\tfont-family: var( --nile-font-family-sans-serif);\n\t\tfont-weight: 400;\n\t}\n\n\t.stepper__content__subtitle--active{\n\t\tcolor:var(--nile-colors-primary-600);\n\t}\n`;\n\nexport default [styles];"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-vertical-stepper-item.css.cjs.js","sources":["../../../src/nile-vertical-stepper-item/nile-vertical-stepper-item.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 * VerticalStepperItem CSS\n */\nexport const styles = css`\n\t:host {\n\t\t--vertical-stepper-flex-val:1;\n\t\tflex-grow:var(--vertical-stepper-flex-val);\n\t\t--bulletin--dot--seperation:30%;\n\t\t--min-line-container-height:25px;\n\t}\n\n\t.stepper__item {\n\t\tdisplay:flex;\n\t\tcolumn-gap:var(--item-spacing);\n\t\theight:100%;\n\t}\n\n\t.stepper__item--sm {\n\t\t--item-spacing: var(--nile-spacing-spacing-md);\n\t\t--stepper-item-title-size:14px;\n\t\t--stepper-item-title-margin-top:15%;\n\t\t--stepper-item-subtitle-size:14px;\n\t\t--stepper-item-text-line-height:20px;\n\t\t--circle-height:16px;\n\t}\n\n\t.stepper__item--md {\n\t\t--item-spacing: var(--nile-spacing-spacing-md);\n\t\t--stepper-item-title-size:16px;\n\t\t--stepper-item-title-margin-top:15%;\n\t\t--stepper-item-subtitle-size:14px;\n\t\t--stepper-item-text-line-height:24px;\n\t\t--circle-height:20px;\n\t}\n\n\t.stepper__item--lg {\n\t\t--item-spacing: var(--nile-spacing-spacing-lg);\n\t\t--stepper-item-title-size:16px;\n\t\t--stepper-item-title-margin-top:25%;\n\t\t--stepper-item-subtitle-size:14px;\n\t\t--stepper-item-text-line-height:24px;\n\t\t--circle-height:28px;\n\t}\n\t\n\t.stepper-item__connector-content{\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t}\n\n\t.stepper__item__bulletin {\n\t\tdisplay:grid;\n\t\tplace-content:center;\n\t}\n\n\t.stepper__item__bulletin {\n\t\tmargin-top:3px;\n\t\tmargin-bottom:3px;\n\t}\n\n\t.stepper__bulletin--dot {\n\t\twidth: var(--circle-height);\n\t\taspect-ratio: 1 / 1;\n\t\tborder-radius: 50%;\n\t\tbackground: radial-gradient(var(--nile-colors-neutral-500) var(--bulletin--dot--seperation), var(--nile-colors-dark-200) var(--bulletin--dot--seperation));\n\t\tborder: 2px solid var(--nile-colors-neutral-500);\n\t}\n\n\t.stepper__bulletin__dot--active{\n\t\tbackground: radial-gradient(var(--nile-colors-white-base) var(--bulletin--dot--seperation), var(--nile-colors-primary-600) var(--bulletin--dot--seperation));\n\t\tborder: 2px solid var(--nile-colors-primary-500);\n\t}\n\n\t.stepper__bulletin--icon {\n\t\tdisplay:grid;\n\t\tplace-content:center;\n\t\twidth: var(--circle-height);\n\t\tborder: 2px solid var(--nile-colors-primary-600);\n\t\taspect-ratio: 1 / 1;\n\t\tborder-radius: 50%;\n\t\tbackground-color:var(--nile-colors-primary-600);\n\t\toverflow:hidden;\n\t}\n\n\t.stepper__item__line__container{\n\t\tflex-grow: 1;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\tpadding: 2px;\n\t\tmin-height: var(--min-line-container-height);\n\t}\n\n\t.stepper__item__line{\n\t\theight:100%;\n\t\tborder-left: 2px solid var(--nile-colors-neutral-500);\n\t}\n\t.stepper__item__line--active{\n\t\tborder-left: 2px solid var(--nile-colors-primary-600);\n\t}\n\n\t.stepper__item__content{\n\t\tdisplay:flex;\n\t\tflex-direction:column;\n\t\tjustify-content:start;\n\t}\n\t.stepper__content__title {\n\t\tcolor:var(--nile-colors-dark-900);\n\t\tfont-size: var(--stepper-item-title-size);\n\t\tline-height: var(--stepper-item-text-line-height);\n\t\tfont-family: var(--nile-font-family-medium);\n\t\tfont-weight: 400;\n\t}\n\n\t.stepper__content__title--alone{\n\t\tmargin-top: var(--stepper-item-title-margin-top);\n\t}\n\n\t.stepper__content__title--active{\n\t\tcolor:var(--nile-colors-primary-600);\n\t\tfont-weight: 600;\n\t}\n\n\t.stepper__content__subtitle {\n\t\tcolor:var(--nile-colors-dark-500);\n\t\tfont-size: var(--stepper-item-subtitle-size);\n\t\tline-height: var(--stepper-item-text-line-height);\n\t\tfont-family: var( --nile-font-family-sans-serif);\n\t\tfont-weight: 400;\n\t}\n\n\t.stepper__content__subtitle--active{\n\t\tcolor:var(--nile-colors-primary-600);\n\t}\n`;\n\nexport default [styles];"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}