@educarehq/solaris-ui 0.1.0 → 0.3.0

package/esm2022/lib/components/navigation/stepper/step/step.component.js

@@ -0,0 +1,91 @@
+import { Component, input, inject, computed, ChangeDetectionStrategy, } from '@angular/core';
+import { SolarisTranslateService } from '../../../../services/translation';
+import { SOLARIS_STEPPER } from '../token/stepper.tokens';
+import * as i0 from "@angular/core";
+export class SolarisStepComponent {
+    translateService = inject(SolarisTranslateService, {
+        optional: true,
+    });
+    stepper = inject(SOLARIS_STEPPER, { optional: true });
+    error = input(false, ...(ngDevMode ? [{ debugName: "error" }] : /* istanbul ignore next */ []));
+    optional = input(false, ...(ngDevMode ? [{ debugName: "optional" }] : /* istanbul ignore next */ []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    completed = input(false, ...(ngDevMode ? [{ debugName: "completed" }] : /* istanbul ignore next */ []));
+    icon = input(undefined, ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
+    label = input(undefined, ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    labelKey = input(undefined, ...(ngDevMode ? [{ debugName: "labelKey" }] : /* istanbul ignore next */ []));
+    status = input('pending', ...(ngDevMode ? [{ debugName: "status" }] : /* istanbul ignore next */ []));
+    description = input(undefined, ...(ngDevMode ? [{ debugName: "description" }] : /* istanbul ignore next */ []));
+    descriptionKey = input(undefined, ...(ngDevMode ? [{ debugName: "descriptionKey" }] : /* istanbul ignore next */ []));
+    index = computed(() => {
+        if (this.stepper) {
+            return this.stepper.steps().indexOf(this);
+        }
+        return -1;
+    }, ...(ngDevMode ? [{ debugName: "index" }] : /* istanbul ignore next */ []));
+    isActive = computed(() => {
+        if (this.stepper) {
+            return this.stepper.activeIndex() === this.index();
+        }
+        return false;
+    }, ...(ngDevMode ? [{ debugName: "isActive" }] : /* istanbul ignore next */ []));
+    computedStatus = computed(() => {
+        if (this.disabled())
+            return 'disabled';
+        if (this.error())
+            return 'error';
+        if (this.isActive())
+            return 'active';
+        if (this.completed())
+            return 'completed';
+        return this.status();
+    }, ...(ngDevMode ? [{ debugName: "computedStatus" }] : /* istanbul ignore next */ []));
+    isInteractive = computed(() => {
+        if (this.computedStatus() === 'disabled')
+            return false;
+        if (!this.stepper)
+            return false;
+        return !(this.stepper.linear() &&
+            this.computedStatus() !== 'completed' &&
+            !this.isActive());
+    }, ...(ngDevMode ? [{ debugName: "isInteractive" }] : /* istanbul ignore next */ []));
+    showContent = computed(() => {
+        if (!this.stepper)
+            return true;
+        return this.isActive();
+    }, ...(ngDevMode ? [{ debugName: "showContent" }] : /* istanbul ignore next */ []));
+    resolvedLabel = computed(() => {
+        if (this.label())
+            return this.label();
+        const labelKey = this.labelKey();
+        if (labelKey && this.translateService) {
+            return this.translateService.translate(labelKey);
+        }
+        return labelKey ?? '';
+    }, ...(ngDevMode ? [{ debugName: "resolvedLabel" }] : /* istanbul ignore next */ []));
+    resolvedDescription = computed(() => {
+        if (this.description())
+            return this.description();
+        const descriptionKey = this.descriptionKey();
+        if (descriptionKey && this.translateService) {
+            return this.translateService.translate(descriptionKey);
+        }
+        return descriptionKey ?? '';
+    }, ...(ngDevMode ? [{ debugName: "resolvedDescription" }] : /* istanbul ignore next */ []));
+    showCheckIcon = computed(() => this.computedStatus() === 'completed' && !this.icon(), ...(ngDevMode ? [{ debugName: "showCheckIcon" }] : /* istanbul ignore next */ []));
+    showErrorIcon = computed(() => this.computedStatus() === 'error' && !this.icon(), ...(ngDevMode ? [{ debugName: "showErrorIcon" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisStepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: SolarisStepComponent, isStandalone: true, selector: "solaris-step", inputs: { error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, optional: { classPropertyName: "optional", publicName: "optional", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, completed: { classPropertyName: "completed", publicName: "completed", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, labelKey: { classPropertyName: "labelKey", publicName: "labelKey", isSignal: true, isRequired: false, transformFunction: null }, status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, descriptionKey: { classPropertyName: "descriptionKey", publicName: "descriptionKey", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "listitem" }, properties: { "attr.data-active": "isActive()", "attr.data-status": "computedStatus()", "attr.aria-current": "isActive() ? \"step\" : undefined", "attr.aria-disabled": "computedStatus() === \"disabled\"" }, classAttribute: "solaris-step" }, ngImport: i0, template: "@if (showContent()) {\n  <div class=\"solaris-step__content-wrapper\">\n    <ng-content select=\"solaris-stepper-content\" />\n  </div>\n}\n", styles: [":host{display:block}.solaris-step__content-wrapper{padding-top:var(--solaris-spacing-4)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisStepComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'solaris-step', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        role: 'listitem',
+                        class: 'solaris-step',
+                        '[attr.data-active]': 'isActive()',
+                        '[attr.data-status]': 'computedStatus()',
+                        '[attr.aria-current]': 'isActive() ? "step" : undefined',
+                        '[attr.aria-disabled]': 'computedStatus() === "disabled"',
+                    }, template: "@if (showContent()) {\n  <div class=\"solaris-step__content-wrapper\">\n    <ng-content select=\"solaris-stepper-content\" />\n  </div>\n}\n", styles: [":host{display:block}.solaris-step__content-wrapper{padding-top:var(--solaris-spacing-4)}\n"] }]
+        }], propDecorators: { error: [{ type: i0.Input, args: [{ isSignal: true, alias: "error", required: false }] }], optional: [{ type: i0.Input, args: [{ isSignal: true, alias: "optional", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], completed: [{ type: i0.Input, args: [{ isSignal: true, alias: "completed", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], labelKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelKey", required: false }] }], status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: false }] }], description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: false }] }], descriptionKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "descriptionKey", required: false }] }] } });
+//# sourceMappingURL=step.component.js.map

package/esm2022/lib/components/navigation/stepper/step/step.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"step.component.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/navigation/stepper/step/step.component.ts","../../../../../../../../../packages/angular/src/lib/components/navigation/stepper/step/step.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  input,\n  inject,\n  computed,\n  ChangeDetectionStrategy,\n} from '@angular/core';\n\nimport { SolarisTranslateService } from '../../../../services/translation';\nimport type { SolarisStepperStatus } from '../model/stepper.types';\nimport { SOLARIS_STEPPER } from '../token/stepper.tokens';\n\n@Component({\n  selector: 'solaris-step',\n  standalone: true,\n  imports: [],\n  templateUrl: './step.component.html',\n  styleUrls: ['./step.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    role: 'listitem',\n    class: 'solaris-step',\n    '[attr.data-active]': 'isActive()',\n    '[attr.data-status]': 'computedStatus()',\n    '[attr.aria-current]': 'isActive() ? \"step\" : undefined',\n    '[attr.aria-disabled]': 'computedStatus() === \"disabled\"',\n  },\n})\nexport class SolarisStepComponent {\n  private readonly translateService = inject(SolarisTranslateService, {\n    optional: true,\n  });\n  readonly stepper = inject(SOLARIS_STEPPER, { optional: true });\n\n  readonly error = input<boolean>(false);\n  readonly optional = input<boolean>(false);\n  readonly disabled = input<boolean>(false);\n  readonly completed = input<boolean>(false);\n  readonly icon = input<string | undefined>(undefined);\n  readonly label = input<string | undefined>(undefined);\n  readonly labelKey = input<string | undefined>(undefined);\n  readonly status = input<SolarisStepperStatus>('pending');\n  readonly description = input<string | undefined>(undefined);\n  readonly descriptionKey = input<string | undefined>(undefined);\n\n  readonly index = computed(() => {\n    if (this.stepper) {\n      return this.stepper.steps().indexOf(this);\n    }\n    return -1;\n  });\n\n  readonly isActive = computed(() => {\n    if (this.stepper) {\n      return this.stepper.activeIndex() === this.index();\n    }\n    return false;\n  });\n\n  readonly computedStatus = computed<SolarisStepperStatus>(() => {\n    if (this.disabled()) return 'disabled';\n    if (this.error()) return 'error';\n    if (this.isActive()) return 'active';\n    if (this.completed()) return 'completed';\n    return this.status();\n  });\n\n  readonly isInteractive = computed(() => {\n    if (this.computedStatus() === 'disabled') return false;\n    if (!this.stepper) return false;\n    return !(\n      this.stepper.linear() &&\n      this.computedStatus() !== 'completed' &&\n      !this.isActive()\n    );\n  });\n\n  readonly showContent = computed(() => {\n    if (!this.stepper) return true;\n    return this.isActive();\n  });\n\n  readonly resolvedLabel = computed(() => {\n    if (this.label()) return this.label();\n    const labelKey = this.labelKey();\n    if (labelKey && this.translateService) {\n      return this.translateService.translate(labelKey);\n    }\n    return labelKey ?? '';\n  });\n\n  readonly resolvedDescription = computed(() => {\n    if (this.description()) return this.description();\n    const descriptionKey = this.descriptionKey();\n    if (descriptionKey && this.translateService) {\n      return this.translateService.translate(descriptionKey);\n    }\n    return descriptionKey ?? '';\n  });\n\n  readonly showCheckIcon = computed(\n    () => this.computedStatus() === 'completed' && !this.icon(),\n  );\n  readonly showErrorIcon = computed(\n    () => this.computedStatus() === 'error' && !this.icon(),\n  );\n}\n","@if (showContent()) {\n  <div class=\"solaris-step__content-wrapper\">\n    <ng-content select=\"solaris-stepper-content\" />\n  </div>\n}\n"]}

package/esm2022/lib/components/navigation/stepper/token/stepper.tokens.js

@@ -0,0 +1,3 @@
+import { InjectionToken } from '@angular/core';
+export const SOLARIS_STEPPER = new InjectionToken('SolarisStepper');
+//# sourceMappingURL=stepper.tokens.js.map

package/esm2022/lib/components/navigation/stepper/token/stepper.tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepper.tokens.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/navigation/stepper/token/stepper.tokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAoB/C,MAAM,CAAC,MAAM,eAAe,GAAG,IAAI,cAAc,CAC/C,gBAAgB,CACjB,CAAC","sourcesContent":["import { InjectionToken } from '@angular/core';\n\nimport type {\n  SolarisStepperOrientation,\n  SolarisStepperAppearance,\n  SolarisStepperSize,\n  SolarisStepperDensity,\n} from '../model/stepper.types';\n\nexport interface SolarisStepperControl {\n  activeIndex: () => number;\n  steps: () => ReadonlyArray<unknown>;\n  orientation: () => SolarisStepperOrientation;\n  appearance: () => SolarisStepperAppearance;\n  linear: () => boolean;\n  size: () => SolarisStepperSize;\n  density: () => SolarisStepperDensity;\n  goToStep: (index: number) => void;\n}\n\nexport const SOLARIS_STEPPER = new InjectionToken<SolarisStepperControl>(\n  'SolarisStepper',\n);\n"]}

package/esm2022/lib/components/navigation/tabs/component/tabs.component.js

@@ -0,0 +1,169 @@
+import { Component, input, output, model, contentChildren, computed, signal, inject, ChangeDetectionStrategy, effect, ElementRef, NgZone, } from '@angular/core';
+import { SolarisTranslateService } from '../../../../services/translation';
+import { SolarisTabComponent } from '../tab/tab.component';
+import { SolarisTabPanelComponent } from '../tab-panel/tab-panel.component';
+import { SOLARIS_TABS } from '../token/tabs.tokens';
+import * as i0 from "@angular/core";
+let nextInstanceId = 0;
+export class SolarisTabsComponent {
+    translateService = inject(SolarisTranslateService, {
+        optional: true,
+    });
+    elementRef = inject(ElementRef);
+    ngZone = inject(NgZone);
+    tabs = contentChildren(SolarisTabComponent, ...(ngDevMode ? [{ debugName: "tabs" }] : /* istanbul ignore next */ []));
+    panels = contentChildren(SolarisTabPanelComponent, ...(ngDevMode ? [{ debugName: "panels" }] : /* istanbul ignore next */ []));
+    value = model(undefined, ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    defaultValue = input(undefined, ...(ngDevMode ? [{ debugName: "defaultValue" }] : /* istanbul ignore next */ []));
+    orientation = input('horizontal', ...(ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []));
+    appearance = input('underline', ...(ngDevMode ? [{ debugName: "appearance" }] : /* istanbul ignore next */ []));
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    density = input('comfortable', ...(ngDevMode ? [{ debugName: "density" }] : /* istanbul ignore next */ []));
+    activationMode = input('automatic', ...(ngDevMode ? [{ debugName: "activationMode" }] : /* istanbul ignore next */ []));
+    contentTransition = input('fade', ...(ngDevMode ? [{ debugName: "contentTransition" }] : /* istanbul ignore next */ []));
+    fullWidth = input(false, ...(ngDevMode ? [{ debugName: "fullWidth" }] : /* istanbul ignore next */ []));
+    fitContent = input(true, ...(ngDevMode ? [{ debugName: "fitContent" }] : /* istanbul ignore next */ []));
+    scrollable = input(true, ...(ngDevMode ? [{ debugName: "scrollable" }] : /* istanbul ignore next */ []));
+    showIndicator = input(true, ...(ngDevMode ? [{ debugName: "showIndicator" }] : /* istanbul ignore next */ []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    ariaLabel = input(undefined, ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+    ariaLabelKey = input(undefined, ...(ngDevMode ? [{ debugName: "ariaLabelKey" }] : /* istanbul ignore next */ []));
+    valueChange = output();
+    tabChange = output();
+    tabClick = output();
+    previousValue = signal(undefined, ...(ngDevMode ? [{ debugName: "previousValue" }] : /* istanbul ignore next */ []));
+    slideDirection = signal('right', ...(ngDevMode ? [{ debugName: "slideDirection" }] : /* istanbul ignore next */ []));
+    instanceId = `solaris-tabs-${nextInstanceId++}`;
+    indicatorReady = signal(false, ...(ngDevMode ? [{ debugName: "indicatorReady" }] : /* istanbul ignore next */ []));
+    indicatorTransformX = signal('translateX(0)', ...(ngDevMode ? [{ debugName: "indicatorTransformX" }] : /* istanbul ignore next */ []));
+    indicatorTransformY = signal('translateY(0)', ...(ngDevMode ? [{ debugName: "indicatorTransformY" }] : /* istanbul ignore next */ []));
+    indicatorSize = signal('0', ...(ngDevMode ? [{ debugName: "indicatorSize" }] : /* istanbul ignore next */ []));
+    resolvedAriaLabel = computed(() => {
+        if (this.ariaLabel())
+            return this.ariaLabel();
+        const ariaLabelKey = this.ariaLabelKey();
+        if (ariaLabelKey && this.translateService) {
+            return this.translateService.translate(ariaLabelKey);
+        }
+        return ariaLabelKey ?? 'Tabs';
+    }, ...(ngDevMode ? [{ debugName: "resolvedAriaLabel" }] : /* istanbul ignore next */ []));
+    constructor() {
+        effect(() => {
+            const defaultValue = this.defaultValue();
+            const currentValue = this.value();
+            if (currentValue === undefined && defaultValue !== undefined) {
+                this.value.set(defaultValue);
+            }
+        });
+        effect(() => {
+            const current = this.value();
+            const previous = this.previousValue();
+            if (current !== previous && previous !== undefined) {
+                this.valueChange.emit(current);
+                this.tabChange.emit({
+                    value: current,
+                    previousValue: previous,
+                });
+                this.updateSlideDirection(current, previous);
+            }
+            this.previousValue.set(current);
+        });
+        this.ngZone.runOutsideAngular(() => {
+            setTimeout(() => this.measureIndicator());
+        });
+        effect(() => {
+            this.value();
+            this.appearance();
+            this.orientation();
+            this.tabs();
+            this.ngZone.runOutsideAngular(() => {
+                setTimeout(() => this.measureIndicator());
+            });
+        });
+    }
+    activateTab(tab) {
+        if (tab.isComputedDisabled())
+            return;
+        if (this.disabled())
+            return;
+        this.value.set(tab.value());
+        const label = tab.resolvedLabel();
+        this.tabClick.emit({
+            value: tab.value(),
+            label,
+        });
+    }
+    focusTab(tab) {
+        // SECURITY_EXCEPTION: nativeElement required to query tab elements for programmatic focus. Read-only, SSR-safe.
+        const nativeElement = this.elementRef.nativeElement;
+        const tabElements = nativeElement.querySelectorAll('solaris-tab');
+        const tabArray = this.tabs();
+        const index = tabArray.indexOf(tab);
+        if (index >= 0 && tabElements[index]) {
+            tabElements[index].focus();
+        }
+    }
+    generateTabId(value) {
+        return `${this.instanceId}-tab-${value}`;
+    }
+    generatePanelId(value) {
+        return `${this.instanceId}-panel-${value}`;
+    }
+    measureIndicator() {
+        // SECURITY_EXCEPTION: nativeElement required to query tablist for indicator measurement. Read-only, SSR-safe.
+        const nativeEl = this.elementRef.nativeElement;
+        const tablist = nativeEl.querySelector('.solaris-tabs__tablist');
+        if (!tablist)
+            return;
+        const activeTab = tablist.querySelector('solaris-tab[data-active="true"]');
+        if (!activeTab)
+            return;
+        const isVertical = this.orientation() === 'vertical';
+        if (isVertical) {
+            this.indicatorTransformY.set(`translateY(${activeTab.offsetTop}px)`);
+            this.indicatorSize.set(`${activeTab.offsetHeight}px`);
+        }
+        else {
+            this.indicatorTransformX.set(`translateX(${activeTab.offsetLeft}px)`);
+            this.indicatorSize.set(`${activeTab.offsetWidth}px`);
+        }
+        if (!this.indicatorReady()) {
+            setTimeout(() => this.indicatorReady.set(true));
+        }
+    }
+    updateSlideDirection(current, previous) {
+        const tabs = this.tabs();
+        const currentIndex = tabs.findIndex((t) => t.value() === current);
+        const previousIndex = tabs.findIndex((t) => t.value() === previous);
+        if (currentIndex >= 0 && previousIndex >= 0) {
+            this.slideDirection.set(currentIndex > previousIndex ? 'right' : 'left');
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: SolarisTabsComponent, isStandalone: true, selector: "solaris-tabs", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, defaultValue: { classPropertyName: "defaultValue", publicName: "defaultValue", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, density: { classPropertyName: "density", publicName: "density", isSignal: true, isRequired: false, transformFunction: null }, activationMode: { classPropertyName: "activationMode", publicName: "activationMode", isSignal: true, isRequired: false, transformFunction: null }, contentTransition: { classPropertyName: "contentTransition", publicName: "contentTransition", isSignal: true, isRequired: false, transformFunction: null }, fullWidth: { classPropertyName: "fullWidth", publicName: "fullWidth", isSignal: true, isRequired: false, transformFunction: null }, fitContent: { classPropertyName: "fitContent", publicName: "fitContent", isSignal: true, isRequired: false, transformFunction: null }, scrollable: { classPropertyName: "scrollable", publicName: "scrollable", isSignal: true, isRequired: false, transformFunction: null }, showIndicator: { classPropertyName: "showIndicator", publicName: "showIndicator", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelKey: { classPropertyName: "ariaLabelKey", publicName: "ariaLabelKey", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", valueChange: "valueChange", tabChange: "tabChange", tabClick: "tabClick" }, host: { properties: { "attr.data-orientation": "orientation()", "attr.data-appearance": "appearance()", "attr.data-size": "size()", "attr.data-density": "density()", "attr.data-full-width": "fullWidth()", "attr.data-scrollable": "scrollable()", "attr.data-show-indicator": "showIndicator()", "attr.data-content-transition": "contentTransition()" }, classAttribute: "solaris-tabs" }, providers: [
+            {
+                provide: SOLARIS_TABS,
+                useExisting: SolarisTabsComponent,
+            },
+        ], queries: [{ propertyName: "tabs", predicate: SolarisTabComponent, isSignal: true }, { propertyName: "panels", predicate: SolarisTabPanelComponent, isSignal: true }], ngImport: i0, template: "<div\n  class=\"solaris-tabs__tablist\"\n  #tablist\n  role=\"tablist\"\n  [attr.aria-orientation]=\"orientation()\"\n  [attr.aria-label]=\"resolvedAriaLabel()\"\n>\n  <ng-content select=\"solaris-tab\" />\n\n  @if (showIndicator() && appearance() === 'underline') {\n    <div\n      class=\"solaris-tabs__indicator\"\n      [class.solaris-tabs__indicator--animate]=\"indicatorReady()\"\n      [class.solaris-tabs__indicator--vertical]=\"orientation() === 'vertical'\"\n      [style.transform]=\"\n        orientation() === 'vertical'\n          ? indicatorTransformY()\n          : indicatorTransformX()\n      \"\n      [style.width]=\"orientation() === 'vertical' ? '' : indicatorSize()\"\n      [style.height]=\"orientation() === 'vertical' ? indicatorSize() : ''\"\n    ></div>\n  }\n</div>\n\n@if (panels().length > 0) {\n  <div\n    class=\"solaris-tabs__panels\"\n    [class.solaris-tabs__panels--fade]=\"contentTransition() === 'fade'\"\n    [class.solaris-tabs__panels--slide]=\"contentTransition() === 'slide'\"\n    [class.solaris-tabs__panels--slide-from-right]=\"\n      contentTransition() === 'slide' && slideDirection() === 'right'\n    \"\n    [class.solaris-tabs__panels--slide-from-left]=\"\n      contentTransition() === 'slide' && slideDirection() === 'left'\n    \"\n  >\n    <ng-content select=\"solaris-tab-panel\" />\n  </div>\n}\n", styles: [":host{--solaris-tabs-gap: 0;--solaris-tabs-padding: 0;--solaris-tabs-tab-height: auto;--solaris-tabs-badge-gap: var(--solaris-spacing-2);--solaris-tabs-tab-radius: var(--solaris-radius-sm);--solaris-tabs-tab-color: var(--solaris-text-default);--solaris-tabs-tab-padding-y: var(--solaris-spacing-2);--solaris-tabs-tab-padding-x: var(--solaris-spacing-3);--solaris-tabs-panel-padding: var(--solaris-spacing-4);--solaris-tabs-border-color: var(--solaris-border-subtle);--solaris-tabs-indicator-color: var(--solaris-primary-base);--solaris-tabs-tab-active-color: var(--solaris-primary-text);--solaris-tabs-indicator-size: var(--solaris-border-width-md);--solaris-tabs-tab-hover-background: var(--solaris-surface-subtle);--solaris-tabs-tab-active-background: var(--solaris-primary-surface);width:100%;display:block}:host([data-orientation=vertical]){display:flex;gap:var(--solaris-spacing-4)}.solaris-tabs__tablist{display:flex;position:relative;align-items:stretch;gap:var(--solaris-tabs-gap)}:host([data-orientation=horizontal]) .solaris-tabs__tablist{overflow-x:auto;overflow-y:hidden;flex-direction:row;scrollbar-width:thin;border-bottom:var(--solaris-border-width-sm) solid var(--solaris-tabs-border-color)}:host([data-orientation=vertical]) .solaris-tabs__tablist{flex-shrink:0;flex-direction:column;border-right:var(--solaris-border-width-sm) solid var(--solaris-tabs-border-color)}:host([data-scrollable=false][data-orientation=horizontal]) .solaris-tabs__tablist{overflow:visible}:host([data-full-width=true][data-orientation=horizontal]) .solaris-tabs__tablist{display:flex}:host([data-appearance=pills][data-orientation=horizontal]) .solaris-tabs__tablist{border-bottom:none;gap:var(--solaris-spacing-1)}:host([data-appearance=underline][data-orientation=horizontal]) .solaris-tabs__tablist{border-bottom:var(--solaris-border-width-sm) solid var(--solaris-tabs-border-color)}:host([data-appearance=enclosed][data-orientation=horizontal]) .solaris-tabs__tablist{margin-bottom:0;border-bottom:var(--solaris-border-width-sm) solid var(--solaris-tabs-border-color)}:host([data-appearance=enclosed][data-orientation=horizontal]) .solaris-tabs__panels{border:var(--solaris-border-width-sm) solid var(--solaris-tabs-border-color);border-top:none;border-radius:0 0 var(--solaris-radius-sm) var(--solaris-radius-sm)}.solaris-tabs__panels{position:relative;overflow:hidden}:host([data-orientation=vertical]) .solaris-tabs__panels{flex:1;min-width:0}.solaris-tabs__panels--fade>::ng-deep solaris-tab-panel[data-active=true]{animation:solaris-tabs-fade-in var(--solaris-motion-duration-normal) var(--solaris-motion-easing-standard)}.solaris-tabs__panels--slide>::ng-deep solaris-tab-panel[data-active=true]{animation:solaris-tabs-slide-in-right var(--solaris-motion-duration-normal) var(--solaris-motion-easing-standard)}.solaris-tabs__panels--slide-from-left>::ng-deep solaris-tab-panel[data-active=true]{animation-name:solaris-tabs-slide-in-left}@keyframes solaris-tabs-fade-in{0%{opacity:0}to{opacity:1}}@keyframes solaris-tabs-slide-in-right{0%{opacity:0;transform:translate(var(--solaris-spacing-4))}to{opacity:1;transform:translate(0)}}@keyframes solaris-tabs-slide-in-left{0%{opacity:0;transform:translate(calc(-1 * var(--solaris-spacing-4)))}to{opacity:1;transform:translate(0)}}.solaris-tabs__indicator{position:absolute;bottom:0;left:0;height:var(--solaris-tabs-indicator-size);background:var(--solaris-tabs-indicator-color);border-radius:var(--solaris-radius-sm) var(--solaris-radius-sm) 0 0;transition:none;pointer-events:none;z-index:1}.solaris-tabs__indicator--vertical{inset:0 0 auto auto;width:var(--solaris-tabs-indicator-size);height:0;border-radius:var(--solaris-radius-sm) 0 0 var(--solaris-radius-sm)}.solaris-tabs__indicator--animate{transition:transform var(--solaris-motion-duration-normal) var(--solaris-motion-easing-standard),width var(--solaris-motion-duration-normal) var(--solaris-motion-easing-standard),height var(--solaris-motion-duration-normal) var(--solaris-motion-easing-standard)}@media(prefers-reduced-motion:reduce){.solaris-tabs__panels--fade>::ng-deep solaris-tab-panel[data-active=true],.solaris-tabs__panels--slide>::ng-deep solaris-tab-panel[data-active=true]{animation:none}.solaris-tabs__indicator{transition:none}}:host-context([data-reduced-motion=true]) .solaris-tabs__panels--fade>::ng-deep solaris-tab-panel[data-active=true],:host-context([data-reduced-motion=true]) .solaris-tabs__panels--slide>::ng-deep solaris-tab-panel[data-active=true]{animation:none}:host-context([data-reduced-motion=true]) .solaris-tabs__indicator{transition:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisTabsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'solaris-tabs', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'solaris-tabs',
+                        '[attr.data-orientation]': 'orientation()',
+                        '[attr.data-appearance]': 'appearance()',
+                        '[attr.data-size]': 'size()',
+                        '[attr.data-density]': 'density()',
+                        '[attr.data-full-width]': 'fullWidth()',
+                        '[attr.data-scrollable]': 'scrollable()',
+                        '[attr.data-show-indicator]': 'showIndicator()',
+                        '[attr.data-content-transition]': 'contentTransition()',
+                    }, providers: [
+                        {
+                            provide: SOLARIS_TABS,
+                            useExisting: SolarisTabsComponent,
+                        },
+                    ], template: "<div\n  class=\"solaris-tabs__tablist\"\n  #tablist\n  role=\"tablist\"\n  [attr.aria-orientation]=\"orientation()\"\n  [attr.aria-label]=\"resolvedAriaLabel()\"\n>\n  <ng-content select=\"solaris-tab\" />\n\n  @if (showIndicator() && appearance() === 'underline') {\n    <div\n      class=\"solaris-tabs__indicator\"\n      [class.solaris-tabs__indicator--animate]=\"indicatorReady()\"\n      [class.solaris-tabs__indicator--vertical]=\"orientation() === 'vertical'\"\n      [style.transform]=\"\n        orientation() === 'vertical'\n          ? indicatorTransformY()\n          : indicatorTransformX()\n      \"\n      [style.width]=\"orientation() === 'vertical' ? '' : indicatorSize()\"\n      [style.height]=\"orientation() === 'vertical' ? indicatorSize() : ''\"\n    ></div>\n  }\n</div>\n\n@if (panels().length > 0) {\n  <div\n    class=\"solaris-tabs__panels\"\n    [class.solaris-tabs__panels--fade]=\"contentTransition() === 'fade'\"\n    [class.solaris-tabs__panels--slide]=\"contentTransition() === 'slide'\"\n    [class.solaris-tabs__panels--slide-from-right]=\"\n      contentTransition() === 'slide' && slideDirection() === 'right'\n    \"\n    [class.solaris-tabs__panels--slide-from-left]=\"\n      contentTransition() === 'slide' && slideDirection() === 'left'\n    \"\n  >\n    <ng-content select=\"solaris-tab-panel\" />\n  </div>\n}\n", styles: [":host{--solaris-tabs-gap: 0;--solaris-tabs-padding: 0;--solaris-tabs-tab-height: auto;--solaris-tabs-badge-gap: var(--solaris-spacing-2);--solaris-tabs-tab-radius: var(--solaris-radius-sm);--solaris-tabs-tab-color: var(--solaris-text-default);--solaris-tabs-tab-padding-y: var(--solaris-spacing-2);--solaris-tabs-tab-padding-x: var(--solaris-spacing-3);--solaris-tabs-panel-padding: var(--solaris-spacing-4);--solaris-tabs-border-color: var(--solaris-border-subtle);--solaris-tabs-indicator-color: var(--solaris-primary-base);--solaris-tabs-tab-active-color: var(--solaris-primary-text);--solaris-tabs-indicator-size: var(--solaris-border-width-md);--solaris-tabs-tab-hover-background: var(--solaris-surface-subtle);--solaris-tabs-tab-active-background: var(--solaris-primary-surface);width:100%;display:block}:host([data-orientation=vertical]){display:flex;gap:var(--solaris-spacing-4)}.solaris-tabs__tablist{display:flex;position:relative;align-items:stretch;gap:var(--solaris-tabs-gap)}:host([data-orientation=horizontal]) .solaris-tabs__tablist{overflow-x:auto;overflow-y:hidden;flex-direction:row;scrollbar-width:thin;border-bottom:var(--solaris-border-width-sm) solid var(--solaris-tabs-border-color)}:host([data-orientation=vertical]) .solaris-tabs__tablist{flex-shrink:0;flex-direction:column;border-right:var(--solaris-border-width-sm) solid var(--solaris-tabs-border-color)}:host([data-scrollable=false][data-orientation=horizontal]) .solaris-tabs__tablist{overflow:visible}:host([data-full-width=true][data-orientation=horizontal]) .solaris-tabs__tablist{display:flex}:host([data-appearance=pills][data-orientation=horizontal]) .solaris-tabs__tablist{border-bottom:none;gap:var(--solaris-spacing-1)}:host([data-appearance=underline][data-orientation=horizontal]) .solaris-tabs__tablist{border-bottom:var(--solaris-border-width-sm) solid var(--solaris-tabs-border-color)}:host([data-appearance=enclosed][data-orientation=horizontal]) .solaris-tabs__tablist{margin-bottom:0;border-bottom:var(--solaris-border-width-sm) solid var(--solaris-tabs-border-color)}:host([data-appearance=enclosed][data-orientation=horizontal]) .solaris-tabs__panels{border:var(--solaris-border-width-sm) solid var(--solaris-tabs-border-color);border-top:none;border-radius:0 0 var(--solaris-radius-sm) var(--solaris-radius-sm)}.solaris-tabs__panels{position:relative;overflow:hidden}:host([data-orientation=vertical]) .solaris-tabs__panels{flex:1;min-width:0}.solaris-tabs__panels--fade>::ng-deep solaris-tab-panel[data-active=true]{animation:solaris-tabs-fade-in var(--solaris-motion-duration-normal) var(--solaris-motion-easing-standard)}.solaris-tabs__panels--slide>::ng-deep solaris-tab-panel[data-active=true]{animation:solaris-tabs-slide-in-right var(--solaris-motion-duration-normal) var(--solaris-motion-easing-standard)}.solaris-tabs__panels--slide-from-left>::ng-deep solaris-tab-panel[data-active=true]{animation-name:solaris-tabs-slide-in-left}@keyframes solaris-tabs-fade-in{0%{opacity:0}to{opacity:1}}@keyframes solaris-tabs-slide-in-right{0%{opacity:0;transform:translate(var(--solaris-spacing-4))}to{opacity:1;transform:translate(0)}}@keyframes solaris-tabs-slide-in-left{0%{opacity:0;transform:translate(calc(-1 * var(--solaris-spacing-4)))}to{opacity:1;transform:translate(0)}}.solaris-tabs__indicator{position:absolute;bottom:0;left:0;height:var(--solaris-tabs-indicator-size);background:var(--solaris-tabs-indicator-color);border-radius:var(--solaris-radius-sm) var(--solaris-radius-sm) 0 0;transition:none;pointer-events:none;z-index:1}.solaris-tabs__indicator--vertical{inset:0 0 auto auto;width:var(--solaris-tabs-indicator-size);height:0;border-radius:var(--solaris-radius-sm) 0 0 var(--solaris-radius-sm)}.solaris-tabs__indicator--animate{transition:transform var(--solaris-motion-duration-normal) var(--solaris-motion-easing-standard),width var(--solaris-motion-duration-normal) var(--solaris-motion-easing-standard),height var(--solaris-motion-duration-normal) var(--solaris-motion-easing-standard)}@media(prefers-reduced-motion:reduce){.solaris-tabs__panels--fade>::ng-deep solaris-tab-panel[data-active=true],.solaris-tabs__panels--slide>::ng-deep solaris-tab-panel[data-active=true]{animation:none}.solaris-tabs__indicator{transition:none}}:host-context([data-reduced-motion=true]) .solaris-tabs__panels--fade>::ng-deep solaris-tab-panel[data-active=true],:host-context([data-reduced-motion=true]) .solaris-tabs__panels--slide>::ng-deep solaris-tab-panel[data-active=true]{animation:none}:host-context([data-reduced-motion=true]) .solaris-tabs__indicator{transition:none}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { tabs: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SolarisTabComponent), { isSignal: true }] }], panels: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SolarisTabPanelComponent), { isSignal: true }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], defaultValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultValue", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], density: [{ type: i0.Input, args: [{ isSignal: true, alias: "density", required: false }] }], activationMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "activationMode", required: false }] }], contentTransition: [{ type: i0.Input, args: [{ isSignal: true, alias: "contentTransition", required: false }] }], fullWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "fullWidth", required: false }] }], fitContent: [{ type: i0.Input, args: [{ isSignal: true, alias: "fitContent", required: false }] }], scrollable: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollable", required: false }] }], showIndicator: [{ type: i0.Input, args: [{ isSignal: true, alias: "showIndicator", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], ariaLabelKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabelKey", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }], tabChange: [{ type: i0.Output, args: ["tabChange"] }], tabClick: [{ type: i0.Output, args: ["tabClick"] }] } });
+//# sourceMappingURL=tabs.component.js.map

package/esm2022/lib/components/navigation/tabs/component/tabs.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.component.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/navigation/tabs/component/tabs.component.ts","../../../../../../../../../packages/angular/src/lib/components/navigation/tabs/component/tabs.component.html"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,KAAK,EACL,MAAM,EACN,KAAK,EACL,eAAe,EACf,QAAQ,EACR,MAAM,EACN,MAAM,EACN,uBAAuB,EACvB,MAAM,EACN,UAAU,EACV,MAAM,GACP,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,uBAAuB,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AAC5E,OAAO,EAAE,YAAY,EAA2B,MAAM,sBAAsB,CAAC;;AAa7E,IAAI,cAAc,GAAG,CAAC,CAAC;AA2BvB,MAAM,OAAO,oBAAoB;IACd,gBAAgB,GAAG,MAAM,CAAC,uBAAuB,EAAE;QAClE,QAAQ,EAAE,IAAI;KACf,CAAC,CAAC;IACc,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IAChC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;IAEhC,IAAI,GAAG,eAAe,CAAC,mBAAmB,2EAAC,CAAC;IAC5C,MAAM,GAAG,eAAe,CAAC,wBAAwB,6EAAC,CAAC;IAEnD,KAAK,GAAG,KAAK,CAA8B,SAAS,4EAAC,CAAC;IACtD,YAAY,GAAG,KAAK,CAA8B,SAAS,mFAAC,CAAC;IAC7D,WAAW,GAAG,KAAK,CAAyB,YAAY,kFAAC,CAAC;IAC1D,UAAU,GAAG,KAAK,CAAwB,WAAW,iFAAC,CAAC;IACvD,IAAI,GAAG,KAAK,CAAkB,IAAI,2EAAC,CAAC;IACpC,OAAO,GAAG,KAAK,CAAqB,aAAa,8EAAC,CAAC;IACnD,cAAc,GAAG,KAAK,CAA4B,WAAW,qFAAC,CAAC;IAC/D,iBAAiB,GAAG,KAAK,CAA+B,MAAM,wFAAC,CAAC;IAChE,SAAS,GAAG,KAAK,CAAU,KAAK,gFAAC,CAAC;IAClC,UAAU,GAAG,KAAK,CAAU,IAAI,iFAAC,CAAC;IAClC,UAAU,GAAG,KAAK,CAAU,IAAI,iFAAC,CAAC;IAClC,aAAa,GAAG,KAAK,CAAU,IAAI,oFAAC,CAAC;IACrC,QAAQ,GAAG,KAAK,CAAU,KAAK,+EAAC,CAAC;IACjC,SAAS,GAAG,KAAK,CAAqB,SAAS,gFAAC,CAAC;IACjD,YAAY,GAAG,KAAK,CAAqB,SAAS,mFAAC,CAAC;IAEpD,WAAW,GAAG,MAAM,EAA+B,CAAC;IACpD,SAAS,GAAG,MAAM,EAA0B,CAAC;IAC7C,QAAQ,GAAG,MAAM,EAAwB,CAAC;IAEhC,aAAa,GAAG,MAAM,CACvC,SAAS,oFACV,CAAC;IACiB,cAAc,GAAG,MAAM,CAAmB,OAAO,qFAAC,CAAC;IAEnD,UAAU,GAAG,gBAAgB,cAAc,EAAE,EAAE,CAAC;IAEhD,cAAc,GAAG,MAAM,CAAC,KAAK,qFAAC,CAAC;IAC/B,mBAAmB,GAAG,MAAM,CAAC,eAAe,0FAAC,CAAC;IAC9C,mBAAmB,GAAG,MAAM,CAAC,eAAe,0FAAC,CAAC;IAC9C,aAAa,GAAG,MAAM,CAAC,GAAG,oFAAC,CAAC;IAE5B,iBAAiB,GAAG,QAAQ,CAAC,GAAG,EAAE;QACnD,IAAI,IAAI,CAAC,SAAS,EAAE;YAAE,OAAO,IAAI,CAAC,SAAS,EAAE,CAAC;QAC9C,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;QACzC,IAAI,YAAY,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC;YAC1C,OAAO,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;QACvD,CAAC;QACD,OAAO,YAAY,IAAI,MAAM,CAAC;IAChC,CAAC,wFAAC,CAAC;IAEH;QACE,MAAM,CAAC,GAAG,EAAE;YACV,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;YACzC,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;YAClC,IAAI,YAAY,KAAK,SAAS,IAAI,YAAY,KAAK,SAAS,EAAE,CAAC;gBAC7D,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;YAC/B,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,MAAM,CAAC,GAAG,EAAE;YACV,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;YAC7B,MAAM,QAAQ,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;YACtC,IAAI,OAAO,KAAK,QAAQ,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;gBACnD,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;gBAC/B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;oBAClB,KAAK,EAAE,OAAO;oBACd,aAAa,EAAE,QAAQ;iBACxB,CAAC,CAAC;gBACH,IAAI,CAAC,oBAAoB,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;YAC/C,CAAC;YACD,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QAClC,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,GAAG,EAAE;YACjC,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC,CAAC;QAC5C,CAAC,CAAC,CAAC;QAEH,MAAM,CAAC,GAAG,EAAE;YACV,IAAI,CAAC,KAAK,EAAE,CAAC;YACb,IAAI,CAAC,UAAU,EAAE,CAAC;YAClB,IAAI,CAAC,WAAW,EAAE,CAAC;YACnB,IAAI,CAAC,IAAI,EAAE,CAAC;YACZ,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,GAAG,EAAE;gBACjC,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC,CAAC;YAC5C,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC;IAED,WAAW,CAAC,GAAwB;QAClC,IAAI,GAAG,CAAC,kBAAkB,EAAE;YAAE,OAAO;QACrC,IAAI,IAAI,CAAC,QAAQ,EAAE;YAAE,OAAO;QAC5B,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC;QAC5B,MAAM,KAAK,GAAG,GAAG,CAAC,aAAa,EAAE,CAAC;QAClC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;YACjB,KAAK,EAAE,GAAG,CAAC,KAAK,EAAE;YAClB,KAAK;SACN,CAAC,CAAC;IACL,CAAC;IAED,QAAQ,CAAC,GAAwB;QAC/B,gHAAgH;QAChH,MAAM,aAAa,GAAG,IAAI,CAAC,UAAU,CAAC,aAA4B,CAAC;QACnE,MAAM,WAAW,GAAG,aAAa,CAAC,gBAAgB,CAChD,aAAa,CACa,CAAC;QAC7B,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;QAC7B,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;QACpC,IAAI,KAAK,IAAI,CAAC,IAAI,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC;YACrC,WAAW,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,CAAC;QAC7B,CAAC;IACH,CAAC;IAED,aAAa,CAAC,KAAsB;QAClC,OAAO,GAAG,IAAI,CAAC,UAAU,QAAQ,KAAK,EAAE,CAAC;IAC3C,CAAC;IAED,eAAe,CAAC,KAAsB;QACpC,OAAO,GAAG,IAAI,CAAC,UAAU,UAAU,KAAK,EAAE,CAAC;IAC7C,CAAC;IAEO,gBAAgB;QACtB,8GAA8G;QAC9G,MAAM,QAAQ,GAAG,IAAI,CAAC,UAAU,CAAC,aAA4B,CAAC;QAC9D,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CACpC,wBAAwB,CACH,CAAC;QACxB,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,MAAM,SAAS,GAAG,OAAO,CAAC,aAAa,CACrC,iCAAiC,CACZ,CAAC;QACxB,IAAI,CAAC,SAAS;YAAE,OAAO;QAEvB,MAAM,UAAU,GAAG,IAAI,CAAC,WAAW,EAAE,KAAK,UAAU,CAAC;QAErD,IAAI,UAAU,EAAE,CAAC;YACf,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,cAAc,SAAS,CAAC,SAAS,KAAK,CAAC,CAAC;YACrE,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC,YAAY,IAAI,CAAC,CAAC;QACxD,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,cAAc,SAAS,CAAC,UAAU,KAAK,CAAC,CAAC;YACtE,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC,WAAW,IAAI,CAAC,CAAC;QACvD,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE,EAAE,CAAC;YAC3B,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC;QAClD,CAAC;IACH,CAAC;IAEO,oBAAoB,CAC1B,OAAoC,EACpC,QAAqC;QAErC,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;QACzB,MAAM,YAAY,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,OAAO,CAAC,CAAC;QAClE,MAAM,aAAa,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,QAAQ,CAAC,CAAC;QACpE,IAAI,YAAY,IAAI,CAAC,IAAI,aAAa,IAAI,CAAC,EAAE,CAAC;YAC5C,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,YAAY,GAAG,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;QAC3E,CAAC;IACH,CAAC;wGA/JU,oBAAoB;4FAApB,oBAAoB,+hFAPpB;YACT;gBACE,OAAO,EAAE,YAAY;gBACrB,WAAW,EAAE,oBAAoB;aAClC;SACF,+CAS+B,mBAAmB,yDACjB,wBAAwB,6CClE5D,+0CAwCA;;4FDkBa,oBAAoB;kBAzBhC,SAAS;+BACE,cAAc,cACZ,IAAI,WACP,EAAE,mBAGM,uBAAuB,CAAC,MAAM,QACzC;wBACJ,KAAK,EAAE,cAAc;wBACrB,yBAAyB,EAAE,eAAe;wBAC1C,wBAAwB,EAAE,cAAc;wBACxC,kBAAkB,EAAE,QAAQ;wBAC5B,qBAAqB,EAAE,WAAW;wBAClC,wBAAwB,EAAE,aAAa;wBACvC,wBAAwB,EAAE,cAAc;wBACxC,4BAA4B,EAAE,iBAAiB;wBAC/C,gCAAgC,EAAE,qBAAqB;qBACxD,aACU;wBACT;4BACE,OAAO,EAAE,YAAY;4BACrB,WAAW,sBAAsB;yBAClC;qBACF;sHAS+B,mBAAmB,2FACjB,wBAAwB","sourcesContent":["import {\n  Component,\n  input,\n  output,\n  model,\n  contentChildren,\n  computed,\n  signal,\n  inject,\n  ChangeDetectionStrategy,\n  effect,\n  ElementRef,\n  NgZone,\n} from '@angular/core';\n\nimport { SolarisTranslateService } from '../../../../services/translation';\nimport { SolarisTabComponent } from '../tab/tab.component';\nimport { SolarisTabPanelComponent } from '../tab-panel/tab-panel.component';\nimport { SOLARIS_TABS, type SolarisTabsControl } from '../token/tabs.tokens';\n\nimport type {\n  SolarisTabsOrientation,\n  SolarisTabsAppearance,\n  SolarisTabsSize,\n  SolarisTabsDensity,\n  SolarisTabsActivationMode,\n  SolarisTabsContentTransition,\n  SolarisTabsChangeEvent,\n  SolarisTabClickEvent,\n} from '../model/tabs.types';\n\nlet nextInstanceId = 0;\n\n@Component({\n  selector: 'solaris-tabs',\n  standalone: true,\n  imports: [],\n  templateUrl: './tabs.component.html',\n  styleUrls: ['./tabs.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'solaris-tabs',\n    '[attr.data-orientation]': 'orientation()',\n    '[attr.data-appearance]': 'appearance()',\n    '[attr.data-size]': 'size()',\n    '[attr.data-density]': 'density()',\n    '[attr.data-full-width]': 'fullWidth()',\n    '[attr.data-scrollable]': 'scrollable()',\n    '[attr.data-show-indicator]': 'showIndicator()',\n    '[attr.data-content-transition]': 'contentTransition()',\n  },\n  providers: [\n    {\n      provide: SOLARIS_TABS,\n      useExisting: SolarisTabsComponent,\n    },\n  ],\n})\nexport class SolarisTabsComponent implements SolarisTabsControl {\n  private readonly translateService = inject(SolarisTranslateService, {\n    optional: true,\n  });\n  private readonly elementRef = inject(ElementRef);\n  private readonly ngZone = inject(NgZone);\n\n  readonly tabs = contentChildren(SolarisTabComponent);\n  readonly panels = contentChildren(SolarisTabPanelComponent);\n\n  readonly value = model<string | number | undefined>(undefined);\n  readonly defaultValue = input<string | number | undefined>(undefined);\n  readonly orientation = input<SolarisTabsOrientation>('horizontal');\n  readonly appearance = input<SolarisTabsAppearance>('underline');\n  readonly size = input<SolarisTabsSize>('md');\n  readonly density = input<SolarisTabsDensity>('comfortable');\n  readonly activationMode = input<SolarisTabsActivationMode>('automatic');\n  readonly contentTransition = input<SolarisTabsContentTransition>('fade');\n  readonly fullWidth = input<boolean>(false);\n  readonly fitContent = input<boolean>(true);\n  readonly scrollable = input<boolean>(true);\n  readonly showIndicator = input<boolean>(true);\n  readonly disabled = input<boolean>(false);\n  readonly ariaLabel = input<string | undefined>(undefined);\n  readonly ariaLabelKey = input<string | undefined>(undefined);\n\n  readonly valueChange = output<string | number | undefined>();\n  readonly tabChange = output<SolarisTabsChangeEvent>();\n  readonly tabClick = output<SolarisTabClickEvent>();\n\n  protected readonly previousValue = signal<string | number | undefined>(\n    undefined,\n  );\n  protected readonly slideDirection = signal<'left' | 'right'>('right');\n\n  protected readonly instanceId = `solaris-tabs-${nextInstanceId++}`;\n\n  protected readonly indicatorReady = signal(false);\n  protected readonly indicatorTransformX = signal('translateX(0)');\n  protected readonly indicatorTransformY = signal('translateY(0)');\n  protected readonly indicatorSize = signal('0');\n\n  protected readonly resolvedAriaLabel = computed(() => {\n    if (this.ariaLabel()) return this.ariaLabel();\n    const ariaLabelKey = this.ariaLabelKey();\n    if (ariaLabelKey && this.translateService) {\n      return this.translateService.translate(ariaLabelKey);\n    }\n    return ariaLabelKey ?? 'Tabs';\n  });\n\n  constructor() {\n    effect(() => {\n      const defaultValue = this.defaultValue();\n      const currentValue = this.value();\n      if (currentValue === undefined && defaultValue !== undefined) {\n        this.value.set(defaultValue);\n      }\n    });\n\n    effect(() => {\n      const current = this.value();\n      const previous = this.previousValue();\n      if (current !== previous && previous !== undefined) {\n        this.valueChange.emit(current);\n        this.tabChange.emit({\n          value: current,\n          previousValue: previous,\n        });\n        this.updateSlideDirection(current, previous);\n      }\n      this.previousValue.set(current);\n    });\n\n    this.ngZone.runOutsideAngular(() => {\n      setTimeout(() => this.measureIndicator());\n    });\n\n    effect(() => {\n      this.value();\n      this.appearance();\n      this.orientation();\n      this.tabs();\n      this.ngZone.runOutsideAngular(() => {\n        setTimeout(() => this.measureIndicator());\n      });\n    });\n  }\n\n  activateTab(tab: SolarisTabComponent): void {\n    if (tab.isComputedDisabled()) return;\n    if (this.disabled()) return;\n    this.value.set(tab.value());\n    const label = tab.resolvedLabel();\n    this.tabClick.emit({\n      value: tab.value(),\n      label,\n    });\n  }\n\n  focusTab(tab: SolarisTabComponent): void {\n    // SECURITY_EXCEPTION: nativeElement required to query tab elements for programmatic focus. Read-only, SSR-safe.\n    const nativeElement = this.elementRef.nativeElement as HTMLElement;\n    const tabElements = nativeElement.querySelectorAll(\n      'solaris-tab',\n    ) as NodeListOf<HTMLElement>;\n    const tabArray = this.tabs();\n    const index = tabArray.indexOf(tab);\n    if (index >= 0 && tabElements[index]) {\n      tabElements[index].focus();\n    }\n  }\n\n  generateTabId(value: string | number): string {\n    return `${this.instanceId}-tab-${value}`;\n  }\n\n  generatePanelId(value: string | number): string {\n    return `${this.instanceId}-panel-${value}`;\n  }\n\n  private measureIndicator(): void {\n    // SECURITY_EXCEPTION: nativeElement required to query tablist for indicator measurement. Read-only, SSR-safe.\n    const nativeEl = this.elementRef.nativeElement as HTMLElement;\n    const tablist = nativeEl.querySelector(\n      '.solaris-tabs__tablist',\n    ) as HTMLElement | null;\n    if (!tablist) return;\n\n    const activeTab = tablist.querySelector(\n      'solaris-tab[data-active=\"true\"]',\n    ) as HTMLElement | null;\n    if (!activeTab) return;\n\n    const isVertical = this.orientation() === 'vertical';\n\n    if (isVertical) {\n      this.indicatorTransformY.set(`translateY(${activeTab.offsetTop}px)`);\n      this.indicatorSize.set(`${activeTab.offsetHeight}px`);\n    } else {\n      this.indicatorTransformX.set(`translateX(${activeTab.offsetLeft}px)`);\n      this.indicatorSize.set(`${activeTab.offsetWidth}px`);\n    }\n\n    if (!this.indicatorReady()) {\n      setTimeout(() => this.indicatorReady.set(true));\n    }\n  }\n\n  private updateSlideDirection(\n    current: string | number | undefined,\n    previous: string | number | undefined,\n  ): void {\n    const tabs = this.tabs();\n    const currentIndex = tabs.findIndex((t) => t.value() === current);\n    const previousIndex = tabs.findIndex((t) => t.value() === previous);\n    if (currentIndex >= 0 && previousIndex >= 0) {\n      this.slideDirection.set(currentIndex > previousIndex ? 'right' : 'left');\n    }\n  }\n}\n","<div\n  class=\"solaris-tabs__tablist\"\n  #tablist\n  role=\"tablist\"\n  [attr.aria-orientation]=\"orientation()\"\n  [attr.aria-label]=\"resolvedAriaLabel()\"\n>\n  <ng-content select=\"solaris-tab\" />\n\n  @if (showIndicator() && appearance() === 'underline') {\n    <div\n      class=\"solaris-tabs__indicator\"\n      [class.solaris-tabs__indicator--animate]=\"indicatorReady()\"\n      [class.solaris-tabs__indicator--vertical]=\"orientation() === 'vertical'\"\n      [style.transform]=\"\n        orientation() === 'vertical'\n          ? indicatorTransformY()\n          : indicatorTransformX()\n      \"\n      [style.width]=\"orientation() === 'vertical' ? '' : indicatorSize()\"\n      [style.height]=\"orientation() === 'vertical' ? indicatorSize() : ''\"\n    ></div>\n  }\n</div>\n\n@if (panels().length > 0) {\n  <div\n    class=\"solaris-tabs__panels\"\n    [class.solaris-tabs__panels--fade]=\"contentTransition() === 'fade'\"\n    [class.solaris-tabs__panels--slide]=\"contentTransition() === 'slide'\"\n    [class.solaris-tabs__panels--slide-from-right]=\"\n      contentTransition() === 'slide' && slideDirection() === 'right'\n    \"\n    [class.solaris-tabs__panels--slide-from-left]=\"\n      contentTransition() === 'slide' && slideDirection() === 'left'\n    \"\n  >\n    <ng-content select=\"solaris-tab-panel\" />\n  </div>\n}\n"]}

package/esm2022/lib/components/navigation/tabs/index.js

@@ -0,0 +1,5 @@
+export { SolarisTabsComponent } from './component/tabs.component';
+export { SolarisTabComponent } from './tab/tab.component';
+export { SolarisTabPanelComponent } from './tab-panel/tab-panel.component';
+export { SOLARIS_TABS } from './token/tabs.tokens';
+//# sourceMappingURL=index.js.map

package/esm2022/lib/components/navigation/tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../packages/angular/src/lib/components/navigation/tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAC;AAC3E,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC","sourcesContent":["export { SolarisTabsComponent } from './component/tabs.component';\nexport { SolarisTabComponent } from './tab/tab.component';\nexport { SolarisTabPanelComponent } from './tab-panel/tab-panel.component';\nexport { SOLARIS_TABS } from './token/tabs.tokens';\n\nexport type { SolarisTabsControl } from './token/tabs.tokens';\nexport type {\n  SolarisTabsOrientation,\n  SolarisTabsAppearance,\n  SolarisTabsSize,\n  SolarisTabsDensity,\n  SolarisTabsActivationMode,\n  SolarisTabsContentTransition,\n  SolarisTabsValueChangeEvent,\n  SolarisTabsChangeEvent,\n  SolarisTabClickEvent,\n} from './model/tabs.types';\n"]}

package/esm2022/lib/components/navigation/tabs/model/tabs.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=tabs.types.js.map

package/esm2022/lib/components/navigation/tabs/model/tabs.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/navigation/tabs/model/tabs.types.ts"],"names":[],"mappings":"","sourcesContent":["export type SolarisTabsOrientation = 'horizontal' | 'vertical';\n\nexport type SolarisTabsAppearance = 'underline' | 'pills' | 'enclosed';\n\nexport type SolarisTabsSize = 'sm' | 'md' | 'lg';\n\nexport type SolarisTabsDensity = 'compact' | 'comfortable';\n\nexport type SolarisTabsActivationMode = 'automatic' | 'manual';\n\nexport type SolarisTabsContentTransition = 'none' | 'fade' | 'slide';\n\nexport interface SolarisTabsValueChangeEvent {\n  value: string | number | undefined;\n}\n\nexport interface SolarisTabsChangeEvent {\n  value: string | number | undefined;\n  previousValue: string | number | undefined;\n}\n\nexport interface SolarisTabClickEvent {\n  value: string | number;\n  label: string | undefined;\n}\n"]}

package/esm2022/lib/components/navigation/tabs/tab/tab.component.js

@@ -0,0 +1,195 @@
+import { input, inject, computed, Component, ChangeDetectionStrategy, } from '@angular/core';
+import { SolarisTranslateService } from '../../../../services/translation';
+import { SolarisBadgeComponent } from '../../../data-display/badge';
+import { SolarisIconComponent } from '../../../icon';
+import { SOLARIS_TABS } from '../token/tabs.tokens';
+import * as i0 from "@angular/core";
+let nextId = 0;
+export class SolarisTabComponent {
+    translateService = inject(SolarisTranslateService, {
+        optional: true,
+    });
+    tabsControl = inject(SOLARIS_TABS, { optional: true });
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    value = input.required(...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    iconDecorative = input(true, ...(ngDevMode ? [{ debugName: "iconDecorative" }] : /* istanbul ignore next */ []));
+    icon = input(undefined, ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
+    label = input(undefined, ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    labelKey = input(undefined, ...(ngDevMode ? [{ debugName: "labelKey" }] : /* istanbul ignore next */ []));
+    ariaLabel = input(undefined, ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+    badgeLabel = input(undefined, ...(ngDevMode ? [{ debugName: "badgeLabel" }] : /* istanbul ignore next */ []));
+    ariaLabelKey = input(undefined, ...(ngDevMode ? [{ debugName: "ariaLabelKey" }] : /* istanbul ignore next */ []));
+    badgeLabelKey = input(undefined, ...(ngDevMode ? [{ debugName: "badgeLabelKey" }] : /* istanbul ignore next */ []));
+    badge = input(undefined, ...(ngDevMode ? [{ debugName: "badge" }] : /* istanbul ignore next */ []));
+    instanceId = `solaris-tab-${nextId++}`;
+    tabId = computed(() => {
+        if (this.tabsControl) {
+            return this.tabsControl.generateTabId(this.value());
+        }
+        return `${this.instanceId}-tab`;
+    }, ...(ngDevMode ? [{ debugName: "tabId" }] : /* istanbul ignore next */ []));
+    panelId = computed(() => {
+        if (this.tabsControl) {
+            return this.tabsControl.generatePanelId(this.value());
+        }
+        return `${this.instanceId}-panel`;
+    }, ...(ngDevMode ? [{ debugName: "panelId" }] : /* istanbul ignore next */ []));
+    orientation = computed(() => {
+        return this.tabsControl?.orientation() ?? 'horizontal';
+    }, ...(ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []));
+    size = computed(() => {
+        return this.tabsControl?.size() ?? 'md';
+    }, ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    density = computed(() => {
+        return this.tabsControl?.density() ?? 'comfortable';
+    }, ...(ngDevMode ? [{ debugName: "density" }] : /* istanbul ignore next */ []));
+    appearance = computed(() => {
+        return this.tabsControl?.appearance() ?? 'underline';
+    }, ...(ngDevMode ? [{ debugName: "appearance" }] : /* istanbul ignore next */ []));
+    isActive = computed(() => {
+        if (!this.tabsControl)
+            return false;
+        return this.tabsControl.value() === this.value();
+    }, ...(ngDevMode ? [{ debugName: "isActive" }] : /* istanbul ignore next */ []));
+    isComputedDisabled = computed(() => {
+        return this.disabled() || (this.tabsControl?.disabled() ?? false);
+    }, ...(ngDevMode ? [{ debugName: "isComputedDisabled" }] : /* istanbul ignore next */ []));
+    computedBadge = computed(() => {
+        const b = this.badge();
+        if (b === undefined || b === null)
+            return null;
+        return b;
+    }, ...(ngDevMode ? [{ debugName: "computedBadge" }] : /* istanbul ignore next */ []));
+    index = computed(() => {
+        if (!this.tabsControl)
+            return -1;
+        return this.tabsControl.tabs().indexOf(this);
+    }, ...(ngDevMode ? [{ debugName: "index" }] : /* istanbul ignore next */ []));
+    resolvedLabel = computed(() => {
+        if (this.label())
+            return this.label();
+        const labelKey = this.labelKey();
+        if (labelKey && this.translateService) {
+            return this.translateService.translate(labelKey);
+        }
+        return labelKey ?? undefined;
+    }, ...(ngDevMode ? [{ debugName: "resolvedLabel" }] : /* istanbul ignore next */ []));
+    resolvedBadgeLabel = computed(() => {
+        if (this.badgeLabel())
+            return this.badgeLabel();
+        const badgeLabelKey = this.badgeLabelKey();
+        if (badgeLabelKey && this.translateService) {
+            return this.translateService.translate(badgeLabelKey);
+        }
+        return badgeLabelKey ?? undefined;
+    }, ...(ngDevMode ? [{ debugName: "resolvedBadgeLabel" }] : /* istanbul ignore next */ []));
+    resolvedAriaLabel = computed(() => {
+        if (this.ariaLabel())
+            return this.ariaLabel();
+        const ariaLabelKey = this.ariaLabelKey();
+        if (ariaLabelKey && this.translateService) {
+            return this.translateService.translate(ariaLabelKey);
+        }
+        return undefined;
+    }, ...(ngDevMode ? [{ debugName: "resolvedAriaLabel" }] : /* istanbul ignore next */ []));
+    onClick() {
+        if (this.isComputedDisabled())
+            return;
+        this.tabsControl?.activateTab(this);
+        this.tabsControl?.focusTab(this);
+    }
+    onKeydown(event) {
+        if (this.isComputedDisabled())
+            return;
+        const tabs = this.tabsControl?.tabs() ?? [];
+        const currentIndex = this.index();
+        if (event.key === 'Enter' || event.key === ' ') {
+            event.preventDefault();
+            if (this.tabsControl?.activationMode() === 'manual') {
+                this.tabsControl.activateTab(this);
+            }
+            return;
+        }
+        const nextIndex = this.getNextIndex(event.key, tabs, currentIndex);
+        if (nextIndex === null || nextIndex === currentIndex)
+            return;
+        event.preventDefault();
+        const nextTab = tabs[nextIndex];
+        if (this.tabsControl?.activationMode() === 'automatic') {
+            this.tabsControl.activateTab(nextTab);
+        }
+        this.tabsControl?.focusTab(nextTab);
+    }
+    getNextIndex(key, tabs, currentIndex) {
+        switch (key) {
+            case 'ArrowRight':
+                return this.orientation() === 'horizontal'
+                    ? this.findNextEnabled(tabs, currentIndex, 1)
+                    : null;
+            case 'ArrowLeft':
+                return this.orientation() === 'horizontal'
+                    ? this.findNextEnabled(tabs, currentIndex, -1)
+                    : null;
+            case 'ArrowDown':
+                return this.orientation() === 'vertical'
+                    ? this.findNextEnabled(tabs, currentIndex, 1)
+                    : null;
+            case 'ArrowUp':
+                return this.orientation() === 'vertical'
+                    ? this.findNextEnabled(tabs, currentIndex, -1)
+                    : null;
+            case 'Home':
+                return this.findFirstEnabled(tabs);
+            case 'End':
+                return this.findLastEnabled(tabs);
+            default:
+                return null;
+        }
+    }
+    findNextEnabled(tabs, fromIndex, direction) {
+        let i = fromIndex + direction;
+        while (i >= 0 && i < tabs.length) {
+            if (!tabs[i].isComputedDisabled())
+                return i;
+            i += direction;
+        }
+        return null;
+    }
+    findFirstEnabled(tabs) {
+        for (let i = 0; i < tabs.length; i++) {
+            if (!tabs[i].isComputedDisabled())
+                return i;
+        }
+        return null;
+    }
+    findLastEnabled(tabs) {
+        for (let i = tabs.length - 1; i >= 0; i--) {
+            if (!tabs[i].isComputedDisabled())
+                return i;
+        }
+        return null;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: SolarisTabComponent, isStandalone: true, selector: "solaris-tab", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, iconDecorative: { classPropertyName: "iconDecorative", publicName: "iconDecorative", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, labelKey: { classPropertyName: "labelKey", publicName: "labelKey", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, badgeLabel: { classPropertyName: "badgeLabel", publicName: "badgeLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelKey: { classPropertyName: "ariaLabelKey", publicName: "ariaLabelKey", isSignal: true, isRequired: false, transformFunction: null }, badgeLabelKey: { classPropertyName: "badgeLabelKey", publicName: "badgeLabelKey", isSignal: true, isRequired: false, transformFunction: null }, badge: { classPropertyName: "badge", publicName: "badge", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "tab" }, listeners: { "click": "onClick()", "keydown": "onKeydown($event)" }, properties: { "attr.id": "tabId()", "attr.data-size": "size()", "attr.data-density": "density()", "attr.data-active": "isActive()", "attr.aria-controls": "panelId()", "attr.aria-selected": "isActive()", "attr.data-appearance": "appearance()", "attr.aria-label": "resolvedAriaLabel()", "attr.data-orientation": "orientation()", "attr.tabindex": "isActive() ? \"0\" : \"-1\"", "attr.data-disabled": "isComputedDisabled()", "attr.aria-disabled": "isComputedDisabled() || undefined" } }, ngImport: i0, template: "<span class=\"solaris-tab__inner\">\n  @if (icon(); as iconName) {\n    <solaris-icon\n      class=\"solaris-tab__icon\"\n      [name]=\"iconName\"\n      [decorative]=\"iconDecorative()\"\n    />\n  }\n  @if (resolvedLabel(); as labelText) {\n    <span class=\"solaris-tab__label\">{{ labelText }}</span>\n  }\n  <ng-content />\n  @if (computedBadge(); as badgeValue) {\n    <solaris-badge\n      class=\"solaris-tab__badge\"\n      variant=\"count\"\n      size=\"sm\"\n      [attr.aria-label]=\"resolvedBadgeLabel()\"\n    >\n      {{ badgeValue }}\n    </solaris-badge>\n  }\n</span>\n", styles: [":host{--solaris-tab-gap: var(--solaris-spacing-2);--solaris-tab-padding-x: var(--solaris-spacing-3);--solaris-tab-padding-y: var(--solaris-spacing-2);--solaris-tab-color: var(--solaris-text-default);--solaris-tab-active-color: var(--solaris-primary-text);--solaris-tab-hover-background: var(--solaris-surface-subtle);--solaris-tab-active-background: var(--solaris-surface-base);--solaris-tab-radius: var(--solaris-radius-sm);--solaris-tab-font-size: var(--solaris-font-size-sm);--solaris-tab-font-weight: var(--solaris-font-weight-medium);--solaris-tab-icon-size: var(--solaris-spacing-4);--solaris-tab-badge-gap: var(--solaris-spacing-2);--solaris-tabs-indicator-color: var(--solaris-primary-base);--solaris-tabs-border-color: var(--solaris-border-subtle);--solaris-tabs-tab-active-background: var(--solaris-primary-surface);border:none;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;align-items:center;white-space:nowrap;display:inline-flex;text-decoration:none;background:transparent;gap:var(--solaris-tab-gap);color:var(--solaris-tab-color);padding:var(--solaris-tab-padding-y) var(--solaris-tab-padding-x);font:var(--solaris-tab-font-weight) var(--solaris-tab-font-size)/1 var(--solaris-font-family-sans);transition:color var(--solaris-motion-duration-normal) var(--solaris-motion-easing-standard),background var(--solaris-motion-duration-normal) var(--solaris-motion-easing-standard),box-shadow var(--solaris-motion-duration-normal) var(--solaris-motion-easing-standard)}:host(:hover:not([data-disabled=true]):not([data-active=true])){background:var(--solaris-tab-hover-background)}:host(:focus-visible){outline-offset:var(--solaris-border-width-md);outline:var(--solaris-border-width-md) solid var(--solaris-primary-base)}:host([data-active=true]){color:var(--solaris-tab-active-color)}:host([data-disabled=true]){opacity:.5;cursor:not-allowed}:host([data-orientation=vertical]){width:100%;display:flex;max-width:100%;box-sizing:border-box}.solaris-tab__inner{align-items:center;display:inline-flex;gap:var(--solaris-tab-gap)}.solaris-tab__icon{flex-shrink:0;width:var(--solaris-tab-icon-size);height:var(--solaris-tab-icon-size)}.solaris-tab__label{line-height:var(--solaris-line-height-md)}.solaris-tab__badge{flex-shrink:0}:host([data-size=sm]){--solaris-tab-padding-y: var(--solaris-spacing-1);--solaris-tab-padding-x: var(--solaris-spacing-2);--solaris-tab-icon-size: var(--solaris-spacing-3);--solaris-tab-font-size: var(--solaris-font-size-xs)}:host([data-size=lg]){--solaris-tab-padding-y: var(--solaris-spacing-3);--solaris-tab-padding-x: var(--solaris-spacing-4);--solaris-tab-icon-size: var(--solaris-spacing-5);--solaris-tab-font-size: var(--solaris-font-size-md)}:host([data-density=compact]){--solaris-tab-gap: var(--solaris-spacing-1);--solaris-tab-padding-y: var(--solaris-spacing-1);--solaris-tab-padding-x: var(--solaris-spacing-2)}:host([data-appearance=underline]){--solaris-tab-radius: 0}:host([data-appearance=pills]){border-radius:var(--solaris-tab-radius);--solaris-tab-radius: var(--solaris-radius-full)}:host([data-appearance=pills]:hover:not([data-disabled=true]):not([data-active=true])){background:var(--solaris-tab-hover-background)}:host([data-appearance=pills][data-active=true]){color:var(--solaris-tab-active-color);background:var(--solaris-tabs-tab-active-background)}:host([data-appearance=enclosed]){margin-bottom:0;border:var(--solaris-border-width-sm) solid transparent;border-bottom:none;border-radius:var(--solaris-radius-sm) var(--solaris-radius-sm) 0 0}:host([data-appearance=enclosed][data-active=true]){background:var(--solaris-surface-base);border-color:var(--solaris-tabs-border-color)}:host-context([data-full-width=true]){flex:1;justify-content:center}@media(prefers-reduced-motion:reduce){:host{transition:none}}:host-context([data-reduced-motion=true]){transition:none}\n"], dependencies: [{ kind: "component", type: SolarisIconComponent, selector: "solaris-icon", inputs: ["name", "ariaLabel", "decorative"] }, { kind: "component", type: SolarisBadgeComponent, selector: "solaris-badge", inputs: ["appearance", "variant", "color", "radius", "density", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisTabComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'solaris-tab', standalone: true, imports: [SolarisIconComponent, SolarisBadgeComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        role: 'tab',
+                        '[attr.id]': 'tabId()',
+                        '(click)': 'onClick()',
+                        '[attr.data-size]': 'size()',
+                        '(keydown)': 'onKeydown($event)',
+                        '[attr.data-density]': 'density()',
+                        '[attr.data-active]': 'isActive()',
+                        '[attr.aria-controls]': 'panelId()',
+                        '[attr.aria-selected]': 'isActive()',
+                        '[attr.data-appearance]': 'appearance()',
+                        '[attr.aria-label]': 'resolvedAriaLabel()',
+                        '[attr.data-orientation]': 'orientation()',
+                        '[attr.tabindex]': 'isActive() ? "0" : "-1"',
+                        '[attr.data-disabled]': 'isComputedDisabled()',
+                        '[attr.aria-disabled]': 'isComputedDisabled() || undefined',
+                    }, template: "<span class=\"solaris-tab__inner\">\n  @if (icon(); as iconName) {\n    <solaris-icon\n      class=\"solaris-tab__icon\"\n      [name]=\"iconName\"\n      [decorative]=\"iconDecorative()\"\n    />\n  }\n  @if (resolvedLabel(); as labelText) {\n    <span class=\"solaris-tab__label\">{{ labelText }}</span>\n  }\n  <ng-content />\n  @if (computedBadge(); as badgeValue) {\n    <solaris-badge\n      class=\"solaris-tab__badge\"\n      variant=\"count\"\n      size=\"sm\"\n      [attr.aria-label]=\"resolvedBadgeLabel()\"\n    >\n      {{ badgeValue }}\n    </solaris-badge>\n  }\n</span>\n", styles: [":host{--solaris-tab-gap: var(--solaris-spacing-2);--solaris-tab-padding-x: var(--solaris-spacing-3);--solaris-tab-padding-y: var(--solaris-spacing-2);--solaris-tab-color: var(--solaris-text-default);--solaris-tab-active-color: var(--solaris-primary-text);--solaris-tab-hover-background: var(--solaris-surface-subtle);--solaris-tab-active-background: var(--solaris-surface-base);--solaris-tab-radius: var(--solaris-radius-sm);--solaris-tab-font-size: var(--solaris-font-size-sm);--solaris-tab-font-weight: var(--solaris-font-weight-medium);--solaris-tab-icon-size: var(--solaris-spacing-4);--solaris-tab-badge-gap: var(--solaris-spacing-2);--solaris-tabs-indicator-color: var(--solaris-primary-base);--solaris-tabs-border-color: var(--solaris-border-subtle);--solaris-tabs-tab-active-background: var(--solaris-primary-surface);border:none;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;align-items:center;white-space:nowrap;display:inline-flex;text-decoration:none;background:transparent;gap:var(--solaris-tab-gap);color:var(--solaris-tab-color);padding:var(--solaris-tab-padding-y) var(--solaris-tab-padding-x);font:var(--solaris-tab-font-weight) var(--solaris-tab-font-size)/1 var(--solaris-font-family-sans);transition:color var(--solaris-motion-duration-normal) var(--solaris-motion-easing-standard),background var(--solaris-motion-duration-normal) var(--solaris-motion-easing-standard),box-shadow var(--solaris-motion-duration-normal) var(--solaris-motion-easing-standard)}:host(:hover:not([data-disabled=true]):not([data-active=true])){background:var(--solaris-tab-hover-background)}:host(:focus-visible){outline-offset:var(--solaris-border-width-md);outline:var(--solaris-border-width-md) solid var(--solaris-primary-base)}:host([data-active=true]){color:var(--solaris-tab-active-color)}:host([data-disabled=true]){opacity:.5;cursor:not-allowed}:host([data-orientation=vertical]){width:100%;display:flex;max-width:100%;box-sizing:border-box}.solaris-tab__inner{align-items:center;display:inline-flex;gap:var(--solaris-tab-gap)}.solaris-tab__icon{flex-shrink:0;width:var(--solaris-tab-icon-size);height:var(--solaris-tab-icon-size)}.solaris-tab__label{line-height:var(--solaris-line-height-md)}.solaris-tab__badge{flex-shrink:0}:host([data-size=sm]){--solaris-tab-padding-y: var(--solaris-spacing-1);--solaris-tab-padding-x: var(--solaris-spacing-2);--solaris-tab-icon-size: var(--solaris-spacing-3);--solaris-tab-font-size: var(--solaris-font-size-xs)}:host([data-size=lg]){--solaris-tab-padding-y: var(--solaris-spacing-3);--solaris-tab-padding-x: var(--solaris-spacing-4);--solaris-tab-icon-size: var(--solaris-spacing-5);--solaris-tab-font-size: var(--solaris-font-size-md)}:host([data-density=compact]){--solaris-tab-gap: var(--solaris-spacing-1);--solaris-tab-padding-y: var(--solaris-spacing-1);--solaris-tab-padding-x: var(--solaris-spacing-2)}:host([data-appearance=underline]){--solaris-tab-radius: 0}:host([data-appearance=pills]){border-radius:var(--solaris-tab-radius);--solaris-tab-radius: var(--solaris-radius-full)}:host([data-appearance=pills]:hover:not([data-disabled=true]):not([data-active=true])){background:var(--solaris-tab-hover-background)}:host([data-appearance=pills][data-active=true]){color:var(--solaris-tab-active-color);background:var(--solaris-tabs-tab-active-background)}:host([data-appearance=enclosed]){margin-bottom:0;border:var(--solaris-border-width-sm) solid transparent;border-bottom:none;border-radius:var(--solaris-radius-sm) var(--solaris-radius-sm) 0 0}:host([data-appearance=enclosed][data-active=true]){background:var(--solaris-surface-base);border-color:var(--solaris-tabs-border-color)}:host-context([data-full-width=true]){flex:1;justify-content:center}@media(prefers-reduced-motion:reduce){:host{transition:none}}:host-context([data-reduced-motion=true]){transition:none}\n"] }]
+        }], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], iconDecorative: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconDecorative", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], labelKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelKey", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], badgeLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "badgeLabel", required: false }] }], ariaLabelKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabelKey", required: false }] }], badgeLabelKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "badgeLabelKey", required: false }] }], badge: [{ type: i0.Input, args: [{ isSignal: true, alias: "badge", required: false }] }] } });
+//# sourceMappingURL=tab.component.js.map