@educarehq/solaris-ui 0.3.0 → 0.3.2

package/esm2022/lib/components/navigation/segmented-control/item/segmented-item.component.js

@@ -1,197 +0,0 @@
-import { input, inject, signal, computed, Component, ElementRef, ChangeDetectionStrategy, } from '@angular/core';
-import { SolarisTranslateService } from '../../../../services/translation';
-import { SolarisIconComponent } from '../../../icon';
-import { SOLARIS_SEGMENTED_CONTROL } from '../token/segmented-control.tokens';
-import * as i0 from "@angular/core";
-let nextId = 0;
-export class SolarisSegmentedItemComponent {
-    translateService = inject(SolarisTranslateService, {
-        optional: true,
-    });
-    control = inject(SOLARIS_SEGMENTED_CONTROL, {
-        optional: true,
-    });
-    elementRef = inject(ElementRef);
-    hasContent = signal(false, ...(ngDevMode ? [{ debugName: "hasContent" }] : /* istanbul ignore next */ []));
-    value = input.required(...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
-    label = input(undefined, ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
-    labelKey = input(undefined, ...(ngDevMode ? [{ debugName: "labelKey" }] : /* istanbul ignore next */ []));
-    icon = input(undefined, ...(ngDevMode ? [{ debugName: "icon" }] : /* 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 */ []));
-    instanceId = `solaris-segmented-item-${nextId++}`;
-    itemId = computed(() => {
-        const ctrl = this.control;
-        if (ctrl) {
-            return `solaris-segmented-item-${String(this.value())}`;
-        }
-        return this.instanceId;
-    }, ...(ngDevMode ? [{ debugName: "itemId" }] : /* istanbul ignore next */ []));
-    isSelected = computed(() => {
-        if (!this.control)
-            return false;
-        return this.control.compareFn()(this.value(), this.control.value());
-    }, ...(ngDevMode ? [{ debugName: "isSelected" }] : /* istanbul ignore next */ []));
-    isComputedDisabled = computed(() => {
-        return this.disabled() || (this.control?.disabled() ?? false);
-    }, ...(ngDevMode ? [{ debugName: "isComputedDisabled" }] : /* istanbul ignore next */ []));
-    isComputedReadonly = computed(() => {
-        return this.control?.readonly() ?? false;
-    }, ...(ngDevMode ? [{ debugName: "isComputedReadonly" }] : /* istanbul ignore next */ []));
-    isTabstop = computed(() => {
-        if (this.isComputedDisabled())
-            return false;
-        if (this.isSelected())
-            return true;
-        if (!this.control)
-            return false;
-        const items = this.control.items();
-        const firstEnabled = items.findIndex((item) => !item.isComputedDisabled());
-        return items.indexOf(this) === firstEnabled;
-    }, ...(ngDevMode ? [{ debugName: "isTabstop" }] : /* istanbul ignore next */ []));
-    isIconOnly = computed(() => {
-        return (!!this.icon() && !this.label() && !this.labelKey() && !this.hasContent());
-    }, ...(ngDevMode ? [{ debugName: "isIconOnly" }] : /* istanbul ignore next */ []));
-    ngAfterContentInit() {
-        this.updateHasContent();
-    }
-    updateHasContent() {
-        // SECURITY_EXCEPTION: nativeElement required to check projected content. SSR-safe read-only operation.
-        const nativeEl = this.elementRef.nativeElement;
-        const innerEl = nativeEl.querySelector('.solaris-segmented-item__inner');
-        if (!innerEl)
-            return;
-        for (const node of Array.from(innerEl.childNodes)) {
-            if (node.nodeType === Node.TEXT_NODE && node.textContent?.trim()) {
-                this.hasContent.set(true);
-                return;
-            }
-            if (node.nodeType === Node.ELEMENT_NODE) {
-                const el = node;
-                if (!el.classList.contains('solaris-segmented-item__icon')) {
-                    this.hasContent.set(true);
-                    return;
-                }
-            }
-        }
-    }
-    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 */ []));
-    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 */ []));
-    index = computed(() => {
-        if (!this.control)
-            return -1;
-        return this.control.items().indexOf(this);
-    }, ...(ngDevMode ? [{ debugName: "index" }] : /* istanbul ignore next */ []));
-    onClick() {
-        if (this.isComputedDisabled())
-            return;
-        if (this.isComputedReadonly())
-            return;
-        this.control?.selectItem(this);
-    }
-    onKeydown(event) {
-        if (this.isComputedDisabled())
-            return;
-        const items = this.control?.items() ?? [];
-        const currentIndex = this.index();
-        if (event.key === 'Enter' || event.key === ' ') {
-            event.preventDefault();
-            if (!this.isComputedReadonly()) {
-                this.control?.selectItem(this);
-            }
-            return;
-        }
-        const nextIndex = this.getNextIndex(event.key, items, currentIndex);
-        if (nextIndex === null || nextIndex === currentIndex)
-            return;
-        event.preventDefault();
-        const nextItem = items[nextIndex];
-        this.control?.focusItem(nextItem);
-    }
-    getNextIndex(key, items, currentIndex) {
-        const orientation = this.control?.orientation() ?? 'horizontal';
-        switch (key) {
-            case 'ArrowRight':
-                return orientation === 'horizontal'
-                    ? this.findNextEnabled(items, currentIndex, 1)
-                    : null;
-            case 'ArrowLeft':
-                return orientation === 'horizontal'
-                    ? this.findNextEnabled(items, currentIndex, -1)
-                    : null;
-            case 'ArrowDown':
-                return orientation === 'vertical'
-                    ? this.findNextEnabled(items, currentIndex, 1)
-                    : null;
-            case 'ArrowUp':
-                return orientation === 'vertical'
-                    ? this.findNextEnabled(items, currentIndex, -1)
-                    : null;
-            case 'Home':
-                return this.findFirstEnabled(items);
-            case 'End':
-                return this.findLastEnabled(items);
-            default:
-                return null;
-        }
-    }
-    findNextEnabled(items, fromIndex, direction) {
-        let i = fromIndex + direction;
-        while (i >= 0 && i < items.length) {
-            if (!items[i].isComputedDisabled())
-                return i;
-            i += direction;
-        }
-        return null;
-    }
-    findFirstEnabled(items) {
-        for (let i = 0; i < items.length; i++) {
-            if (!items[i].isComputedDisabled())
-                return i;
-        }
-        return null;
-    }
-    findLastEnabled(items) {
-        for (let i = items.length - 1; i >= 0; i--) {
-            if (!items[i].isComputedDisabled())
-                return i;
-        }
-        return null;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisSegmentedItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: SolarisSegmentedItemComponent, isStandalone: true, selector: "solaris-segmented-item", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, labelKey: { classPropertyName: "labelKey", publicName: "labelKey", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", 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 } }, host: { attributes: { "role": "radio" }, listeners: { "click": "onClick()", "keydown": "onKeydown($event)" }, properties: { "attr.id": "itemId()", "attr.data-selected": "isSelected()", "attr.data-disabled": "isComputedDisabled()", "attr.aria-checked": "isSelected()", "attr.aria-disabled": "isComputedDisabled() || undefined", "attr.aria-label": "resolvedAriaLabel() || undefined", "attr.tabindex": "isTabstop() ? \"0\" : \"-1\"", "class.solaris-segmented-item--icon-only": "isIconOnly()" } }, ngImport: i0, template: "<span class=\"solaris-segmented-item__inner\">\n  @if (icon(); as iconName) {\n    <solaris-icon\n      class=\"solaris-segmented-item__icon\"\n      [name]=\"iconName\"\n      [decorative]=\"true\"\n    />\n  }\n  @if (resolvedLabel(); as labelText) {\n    <span class=\"solaris-segmented-item__label\">{{ labelText }}</span>\n  }\n  <ng-content />\n</span>\n", styles: [":host{--solaris-segmented-item-gap: var(--solaris-spacing-2);--solaris-segmented-item-radius: var(--solaris-radius-sm);--solaris-segmented-item-color: var(--solaris-text-default);--solaris-segmented-item-padding-y: var(--solaris-spacing-2);--solaris-segmented-item-padding-x: var(--solaris-spacing-2);--solaris-segmented-item-icon-size: var(--solaris-font-size-sm);--solaris-segmented-item-font-size: var(--solaris-font-size-sm);--solaris-segmented-item-selected-color: var(--solaris-text-strong);--solaris-segmented-item-font-weight: var(--solaris-font-weight-medium);--solaris-segmented-item-hover-background: var(--solaris-surface-subtle);z-index:2;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-segmented-item-gap);color:var(--solaris-segmented-item-color);padding:var(--solaris-segmented-item-padding-y) var(--solaris-segmented-item-padding-x);font:var(--solaris-segmented-item-font-weight) var(--solaris-segmented-item-font-size)/1 var(--solaris-font-family-sans);border-radius:max(var(--solaris-segmented-radius) - var(--solaris-segmented-padding),var(--solaris-segmented-padding) - var(--solaris-segmented-radius));transition:color var(--solaris-motion-duration-normal) var(--solaris-motion-easing-standard),background var(--solaris-motion-duration-normal) var(--solaris-motion-easing-standard)}:host(:hover:not([data-disabled=true]):not([data-selected=true])){background:var(--solaris-segmented-item-hover-background)}:host(.solaris-segmented-item--icon-only){--solaris-segmented-item-icon-size: calc(var(--solaris-font-size-md) * 1.2)}:host:not([data-selected=true]):not([data-disabled=true]){opacity:.5}:host(:focus-visible){outline-offset:var(--solaris-border-width-md);border-radius:var(--solaris-segmented-item-radius);outline:var(--solaris-border-width-md) solid var(--solaris-primary-base)}:host([data-selected=true]){color:var(--solaris-segmented-item-selected-color)}:host([data-disabled=true]){opacity:.15;cursor:not-allowed}:host([data-disabled=true]:focus-visible){outline:none}:host([data-selected=true][data-disabled=true]){opacity:.4}:host-context([data-orientation=vertical]){width:100%;display:flex;max-width:100%;box-sizing:border-box}.solaris-segmented-item__inner{min-width:0;align-items:center;display:inline-flex;gap:var(--solaris-segmented-item-gap)}.solaris-segmented-item__icon{flex-shrink:0;width:var(--solaris-segmented-item-icon-size);height:var(--solaris-segmented-item-icon-size)}.solaris-segmented-item__label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:var(--solaris-line-height-md)}:host-context([data-size=sm]){--solaris-segmented-item-padding-y: var(--solaris-spacing-1);--solaris-segmented-item-padding-x: var(--solaris-spacing-1);--solaris-segmented-item-icon-size: var(--solaris-font-size-xs);--solaris-segmented-item-font-size: var(--solaris-font-size-xs)}:host-context([data-size=lg]){--solaris-segmented-item-padding-y: var(--solaris-spacing-3);--solaris-segmented-item-padding-x: var(--solaris-spacing-3);--solaris-segmented-item-icon-size: var(--solaris-font-size-md);--solaris-segmented-item-font-size: var(--solaris-font-size-md)}:host-context([data-size=sm][data-density=compact]){--solaris-segmented-item-gap: var(--solaris-spacing-1);--solaris-segmented-item-padding-y: var(--solaris-spacing-1);--solaris-segmented-item-padding-x: var(--solaris-spacing-1);--solaris-segmented-item-icon-size: var(--solaris-font-size-xs);--solaris-segmented-item-font-size: var(--solaris-font-size-xs)}:host-context([data-size=md][data-density=compact]){--solaris-segmented-item-gap: var(--solaris-spacing-1);--solaris-segmented-item-padding-y: var(--solaris-spacing-1);--solaris-segmented-item-padding-x: var(--solaris-spacing-1);--solaris-segmented-item-icon-size: var(--solaris-font-size-sm);--solaris-segmented-item-font-size: var(--solaris-font-size-sm)}:host-context([data-size=lg][data-density=compact]){--solaris-segmented-item-gap: var(--solaris-spacing-1);--solaris-segmented-item-padding-y: var(--solaris-spacing-2);--solaris-segmented-item-padding-x: var(--solaris-spacing-2);--solaris-segmented-item-icon-size: var(--solaris-font-size-md);--solaris-segmented-item-font-size: var(--solaris-font-size-md)}:host-context([data-appearance=surface][data-selected=true]){--solaris-segmented-item-color: var(--solaris-text-strong)}:host-context([data-appearance=outline]){--solaris-segmented-item-color: var(--solaris-text-default)}:host-context([data-full-width=true]){flex:1;justify-content:center}:host-context([data-equal-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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisSegmentedItemComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'solaris-segmented-item', standalone: true, imports: [SolarisIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
-                        role: 'radio',
-                        '[attr.id]': 'itemId()',
-                        '(click)': 'onClick()',
-                        '(keydown)': 'onKeydown($event)',
-                        '[attr.data-selected]': 'isSelected()',
-                        '[attr.data-disabled]': 'isComputedDisabled()',
-                        '[attr.aria-checked]': 'isSelected()',
-                        '[attr.aria-disabled]': 'isComputedDisabled() || undefined',
-                        '[attr.aria-label]': 'resolvedAriaLabel() || undefined',
-                        '[attr.tabindex]': 'isTabstop() ? "0" : "-1"',
-                        '[class.solaris-segmented-item--icon-only]': 'isIconOnly()',
-                    }, template: "<span class=\"solaris-segmented-item__inner\">\n  @if (icon(); as iconName) {\n    <solaris-icon\n      class=\"solaris-segmented-item__icon\"\n      [name]=\"iconName\"\n      [decorative]=\"true\"\n    />\n  }\n  @if (resolvedLabel(); as labelText) {\n    <span class=\"solaris-segmented-item__label\">{{ labelText }}</span>\n  }\n  <ng-content />\n</span>\n", styles: [":host{--solaris-segmented-item-gap: var(--solaris-spacing-2);--solaris-segmented-item-radius: var(--solaris-radius-sm);--solaris-segmented-item-color: var(--solaris-text-default);--solaris-segmented-item-padding-y: var(--solaris-spacing-2);--solaris-segmented-item-padding-x: var(--solaris-spacing-2);--solaris-segmented-item-icon-size: var(--solaris-font-size-sm);--solaris-segmented-item-font-size: var(--solaris-font-size-sm);--solaris-segmented-item-selected-color: var(--solaris-text-strong);--solaris-segmented-item-font-weight: var(--solaris-font-weight-medium);--solaris-segmented-item-hover-background: var(--solaris-surface-subtle);z-index:2;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-segmented-item-gap);color:var(--solaris-segmented-item-color);padding:var(--solaris-segmented-item-padding-y) var(--solaris-segmented-item-padding-x);font:var(--solaris-segmented-item-font-weight) var(--solaris-segmented-item-font-size)/1 var(--solaris-font-family-sans);border-radius:max(var(--solaris-segmented-radius) - var(--solaris-segmented-padding),var(--solaris-segmented-padding) - var(--solaris-segmented-radius));transition:color var(--solaris-motion-duration-normal) var(--solaris-motion-easing-standard),background var(--solaris-motion-duration-normal) var(--solaris-motion-easing-standard)}:host(:hover:not([data-disabled=true]):not([data-selected=true])){background:var(--solaris-segmented-item-hover-background)}:host(.solaris-segmented-item--icon-only){--solaris-segmented-item-icon-size: calc(var(--solaris-font-size-md) * 1.2)}:host:not([data-selected=true]):not([data-disabled=true]){opacity:.5}:host(:focus-visible){outline-offset:var(--solaris-border-width-md);border-radius:var(--solaris-segmented-item-radius);outline:var(--solaris-border-width-md) solid var(--solaris-primary-base)}:host([data-selected=true]){color:var(--solaris-segmented-item-selected-color)}:host([data-disabled=true]){opacity:.15;cursor:not-allowed}:host([data-disabled=true]:focus-visible){outline:none}:host([data-selected=true][data-disabled=true]){opacity:.4}:host-context([data-orientation=vertical]){width:100%;display:flex;max-width:100%;box-sizing:border-box}.solaris-segmented-item__inner{min-width:0;align-items:center;display:inline-flex;gap:var(--solaris-segmented-item-gap)}.solaris-segmented-item__icon{flex-shrink:0;width:var(--solaris-segmented-item-icon-size);height:var(--solaris-segmented-item-icon-size)}.solaris-segmented-item__label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:var(--solaris-line-height-md)}:host-context([data-size=sm]){--solaris-segmented-item-padding-y: var(--solaris-spacing-1);--solaris-segmented-item-padding-x: var(--solaris-spacing-1);--solaris-segmented-item-icon-size: var(--solaris-font-size-xs);--solaris-segmented-item-font-size: var(--solaris-font-size-xs)}:host-context([data-size=lg]){--solaris-segmented-item-padding-y: var(--solaris-spacing-3);--solaris-segmented-item-padding-x: var(--solaris-spacing-3);--solaris-segmented-item-icon-size: var(--solaris-font-size-md);--solaris-segmented-item-font-size: var(--solaris-font-size-md)}:host-context([data-size=sm][data-density=compact]){--solaris-segmented-item-gap: var(--solaris-spacing-1);--solaris-segmented-item-padding-y: var(--solaris-spacing-1);--solaris-segmented-item-padding-x: var(--solaris-spacing-1);--solaris-segmented-item-icon-size: var(--solaris-font-size-xs);--solaris-segmented-item-font-size: var(--solaris-font-size-xs)}:host-context([data-size=md][data-density=compact]){--solaris-segmented-item-gap: var(--solaris-spacing-1);--solaris-segmented-item-padding-y: var(--solaris-spacing-1);--solaris-segmented-item-padding-x: var(--solaris-spacing-1);--solaris-segmented-item-icon-size: var(--solaris-font-size-sm);--solaris-segmented-item-font-size: var(--solaris-font-size-sm)}:host-context([data-size=lg][data-density=compact]){--solaris-segmented-item-gap: var(--solaris-spacing-1);--solaris-segmented-item-padding-y: var(--solaris-spacing-2);--solaris-segmented-item-padding-x: var(--solaris-spacing-2);--solaris-segmented-item-icon-size: var(--solaris-font-size-md);--solaris-segmented-item-font-size: var(--solaris-font-size-md)}:host-context([data-appearance=surface][data-selected=true]){--solaris-segmented-item-color: var(--solaris-text-strong)}:host-context([data-appearance=outline]){--solaris-segmented-item-color: var(--solaris-text-default)}:host-context([data-full-width=true]){flex:1;justify-content:center}:host-context([data-equal-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: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], labelKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelKey", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", 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 }] }] } });
-//# sourceMappingURL=segmented-item.component.js.map

package/esm2022/lib/components/navigation/segmented-control/item/segmented-item.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"segmented-item.component.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/navigation/segmented-control/item/segmented-item.component.ts","../../../../../../../../../packages/angular/src/lib/components/navigation/segmented-control/item/segmented-item.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  input,\n  inject,\n  signal,\n  computed,\n  Component,\n  ElementRef,\n  AfterContentInit,\n  ChangeDetectionStrategy,\n} from '@angular/core';\n\nimport { SolarisTranslateService } from '../../../../services/translation';\nimport { SolarisIconComponent } from '../../../icon';\nimport { SOLARIS_SEGMENTED_CONTROL } from '../token/segmented-control.tokens';\n\nlet nextId = 0;\n\n@Component({\n  selector: 'solaris-segmented-item',\n  standalone: true,\n  imports: [SolarisIconComponent],\n  templateUrl: './segmented-item.component.html',\n  styleUrls: ['./segmented-item.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    role: 'radio',\n    '[attr.id]': 'itemId()',\n    '(click)': 'onClick()',\n    '(keydown)': 'onKeydown($event)',\n    '[attr.data-selected]': 'isSelected()',\n    '[attr.data-disabled]': 'isComputedDisabled()',\n    '[attr.aria-checked]': 'isSelected()',\n    '[attr.aria-disabled]': 'isComputedDisabled() || undefined',\n    '[attr.aria-label]': 'resolvedAriaLabel() || undefined',\n    '[attr.tabindex]': 'isTabstop() ? \"0\" : \"-1\"',\n    '[class.solaris-segmented-item--icon-only]': 'isIconOnly()',\n  },\n})\nexport class SolarisSegmentedItemComponent implements AfterContentInit {\n  private readonly translateService = inject(SolarisTranslateService, {\n    optional: true,\n  });\n  private readonly control = inject(SOLARIS_SEGMENTED_CONTROL, {\n    optional: true,\n  });\n  private readonly elementRef = inject(ElementRef);\n\n  protected readonly hasContent = signal(false);\n\n  readonly value = input.required<unknown>();\n  readonly label = input<string | undefined>(undefined);\n  readonly labelKey = input<string | undefined>(undefined);\n  readonly icon = input<string | undefined>(undefined);\n  readonly disabled = input<boolean>(false);\n  readonly ariaLabel = input<string | undefined>(undefined);\n  readonly ariaLabelKey = input<string | undefined>(undefined);\n\n  protected readonly instanceId = `solaris-segmented-item-${nextId++}`;\n\n  protected readonly itemId = computed(() => {\n    const ctrl = this.control;\n    if (ctrl) {\n      return `solaris-segmented-item-${String(this.value())}`;\n    }\n    return this.instanceId;\n  });\n\n  readonly isSelected = computed(() => {\n    if (!this.control) return false;\n    return this.control.compareFn()(this.value(), this.control.value());\n  });\n\n  readonly isComputedDisabled = computed(() => {\n    return this.disabled() || (this.control?.disabled() ?? false);\n  });\n\n  readonly isComputedReadonly = computed(() => {\n    return this.control?.readonly() ?? false;\n  });\n\n  readonly isTabstop = computed(() => {\n    if (this.isComputedDisabled()) return false;\n    if (this.isSelected()) return true;\n    if (!this.control) return false;\n    const items = this.control.items();\n    const firstEnabled = items.findIndex((item) => !item.isComputedDisabled());\n    return items.indexOf(this) === firstEnabled;\n  });\n\n  protected readonly isIconOnly = computed(() => {\n    return (\n      !!this.icon() && !this.label() && !this.labelKey() && !this.hasContent()\n    );\n  });\n\n  ngAfterContentInit(): void {\n    this.updateHasContent();\n  }\n\n  private updateHasContent(): void {\n    // SECURITY_EXCEPTION: nativeElement required to check projected content. SSR-safe read-only operation.\n    const nativeEl = this.elementRef.nativeElement as HTMLElement;\n    const innerEl = nativeEl.querySelector('.solaris-segmented-item__inner');\n    if (!innerEl) return;\n    for (const node of Array.from(innerEl.childNodes)) {\n      if (node.nodeType === Node.TEXT_NODE && node.textContent?.trim()) {\n        this.hasContent.set(true);\n        return;\n      }\n      if (node.nodeType === Node.ELEMENT_NODE) {\n        const el = node as HTMLElement;\n        if (!el.classList.contains('solaris-segmented-item__icon')) {\n          this.hasContent.set(true);\n          return;\n        }\n      }\n    }\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 ?? undefined;\n  });\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 undefined;\n  });\n\n  protected readonly index = computed(() => {\n    if (!this.control) return -1;\n    return this.control.items().indexOf(this);\n  });\n\n  protected onClick(): void {\n    if (this.isComputedDisabled()) return;\n    if (this.isComputedReadonly()) return;\n    this.control?.selectItem(this);\n  }\n\n  protected onKeydown(event: KeyboardEvent): void {\n    if (this.isComputedDisabled()) return;\n\n    const items = this.control?.items() ?? [];\n    const currentIndex = this.index();\n\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      if (!this.isComputedReadonly()) {\n        this.control?.selectItem(this);\n      }\n      return;\n    }\n\n    const nextIndex = this.getNextIndex(event.key, items, currentIndex);\n\n    if (nextIndex === null || nextIndex === currentIndex) return;\n\n    event.preventDefault();\n\n    const nextItem = items[nextIndex];\n    this.control?.focusItem(nextItem);\n  }\n\n  private getNextIndex(\n    key: string,\n    items: ReadonlyArray<SolarisSegmentedItemComponent>,\n    currentIndex: number,\n  ): number | null {\n    const orientation = this.control?.orientation() ?? 'horizontal';\n\n    switch (key) {\n      case 'ArrowRight':\n        return orientation === 'horizontal'\n          ? this.findNextEnabled(items, currentIndex, 1)\n          : null;\n\n      case 'ArrowLeft':\n        return orientation === 'horizontal'\n          ? this.findNextEnabled(items, currentIndex, -1)\n          : null;\n\n      case 'ArrowDown':\n        return orientation === 'vertical'\n          ? this.findNextEnabled(items, currentIndex, 1)\n          : null;\n\n      case 'ArrowUp':\n        return orientation === 'vertical'\n          ? this.findNextEnabled(items, currentIndex, -1)\n          : null;\n\n      case 'Home':\n        return this.findFirstEnabled(items);\n\n      case 'End':\n        return this.findLastEnabled(items);\n\n      default:\n        return null;\n    }\n  }\n\n  private findNextEnabled(\n    items: ReadonlyArray<SolarisSegmentedItemComponent>,\n    fromIndex: number,\n    direction: 1 | -1,\n  ): number | null {\n    let i = fromIndex + direction;\n    while (i >= 0 && i < items.length) {\n      if (!items[i].isComputedDisabled()) return i;\n      i += direction;\n    }\n    return null;\n  }\n\n  private findFirstEnabled(\n    items: ReadonlyArray<SolarisSegmentedItemComponent>,\n  ): number | null {\n    for (let i = 0; i < items.length; i++) {\n      if (!items[i].isComputedDisabled()) return i;\n    }\n    return null;\n  }\n\n  private findLastEnabled(\n    items: ReadonlyArray<SolarisSegmentedItemComponent>,\n  ): number | null {\n    for (let i = items.length - 1; i >= 0; i--) {\n      if (!items[i].isComputedDisabled()) return i;\n    }\n    return null;\n  }\n}\n","<span class=\"solaris-segmented-item__inner\">\n  @if (icon(); as iconName) {\n    <solaris-icon\n      class=\"solaris-segmented-item__icon\"\n      [name]=\"iconName\"\n      [decorative]=\"true\"\n    />\n  }\n  @if (resolvedLabel(); as labelText) {\n    <span class=\"solaris-segmented-item__label\">{{ labelText }}</span>\n  }\n  <ng-content />\n</span>\n"]}

package/esm2022/lib/components/navigation/segmented-control/model/segmented-control.types.js

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

package/esm2022/lib/components/navigation/segmented-control/model/segmented-control.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"segmented-control.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/navigation/segmented-control/model/segmented-control.types.ts"],"names":[],"mappings":"","sourcesContent":["export type SolarisSegmentedControlOrientation = 'horizontal' | 'vertical';\n\nexport type SolarisSegmentedControlAppearance = 'surface' | 'outline';\n\nexport type SolarisSegmentedControlSize = 'sm' | 'md' | 'lg';\n\nexport type SolarisSegmentedControlDensity = 'compact' | 'comfortable';\n\nexport type SolarisSegmentedControlRadius = 'sm' | 'md' | 'lg' | 'full';\n\nexport interface SolarisSegmentedControlValueChangeEvent {\n  value: unknown;\n}\n\nexport interface SolarisSegmentedControlChangeEvent {\n  value: unknown;\n  previousValue: unknown;\n}\n"]}

package/esm2022/lib/components/navigation/segmented-control/token/segmented-control.tokens.js

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

package/esm2022/lib/components/navigation/segmented-control/token/segmented-control.tokens.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"segmented-control.tokens.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/navigation/segmented-control/token/segmented-control.tokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAe,MAAM,eAAe,CAAC;AA8B5D,MAAM,CAAC,MAAM,yBAAyB,GACpC,IAAI,cAAc,CAChB,yBAAyB,CAC1B,CAAC","sourcesContent":["import { InjectionToken, type Signal } from '@angular/core';\n\nimport type {\n  SolarisSegmentedControlOrientation,\n  SolarisSegmentedControlAppearance,\n  SolarisSegmentedControlSize,\n  SolarisSegmentedControlDensity,\n  SolarisSegmentedControlRadius,\n} from '../model/segmented-control.types';\nimport type { SolarisSegmentedItemComponent } from '../item/segmented-item.component';\n\nexport interface SolarisSegmentedControlInterface {\n  value: Signal<unknown>;\n  items: Signal<ReadonlyArray<SolarisSegmentedItemComponent>>;\n  orientation: Signal<SolarisSegmentedControlOrientation>;\n  appearance: Signal<SolarisSegmentedControlAppearance>;\n  size: Signal<SolarisSegmentedControlSize>;\n  density: Signal<SolarisSegmentedControlDensity>;\n  radius: Signal<SolarisSegmentedControlRadius>;\n  disabled: Signal<boolean>;\n  readonly: Signal<boolean>;\n  invalid: Signal<boolean>;\n  fullWidth: Signal<boolean>;\n  equalWidth: Signal<boolean>;\n  indicator: Signal<boolean>;\n  compareFn: Signal<(a: unknown, b: unknown) => boolean>;\n  selectItem: (item: SolarisSegmentedItemComponent) => void;\n  focusItem: (item: SolarisSegmentedItemComponent) => void;\n}\n\nexport const SOLARIS_SEGMENTED_CONTROL =\n  new InjectionToken<SolarisSegmentedControlInterface>(\n    'SolarisSegmentedControl',\n  );\n"]}

package/esm2022/lib/components/navigation/stepper/actions/stepper-actions.component.js

@@ -1,15 +0,0 @@
-import { Component, input, ChangeDetectionStrategy } from '@angular/core';
-import * as i0 from "@angular/core";
-export class SolarisStepperActionsComponent {
-    align = input('end', ...(ngDevMode ? [{ debugName: "align" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisStepperActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.17", type: SolarisStepperActionsComponent, isStandalone: true, selector: "solaris-stepper-actions", inputs: { align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-align": "align()" }, classAttribute: "solaris-stepper-actions" }, ngImport: i0, template: "<ng-content />\n", styles: [":host{display:flex;gap:var(--solaris-spacing-3);padding-top:var(--solaris-spacing-6)}:host([data-align=start]){justify-content:flex-start}:host([data-align=center]){justify-content:center}:host([data-align=end]){justify-content:flex-end}:host([data-align=space-between]){justify-content:space-between}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisStepperActionsComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'solaris-stepper-actions', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, host: {
-                        '[attr.data-align]': 'align()',
-                        class: 'solaris-stepper-actions',
-                    }, template: "<ng-content />\n", styles: [":host{display:flex;gap:var(--solaris-spacing-3);padding-top:var(--solaris-spacing-6)}:host([data-align=start]){justify-content:flex-start}:host([data-align=center]){justify-content:center}:host([data-align=end]){justify-content:flex-end}:host([data-align=space-between]){justify-content:space-between}\n"] }]
-        }], propDecorators: { align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }] } });
-//# sourceMappingURL=stepper-actions.component.js.map

package/esm2022/lib/components/navigation/stepper/actions/stepper-actions.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"stepper-actions.component.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/navigation/stepper/actions/stepper-actions.component.ts","../../../../../../../../../packages/angular/src/lib/components/navigation/stepper/actions/stepper-actions.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;;AAc1E,MAAM,OAAO,8BAA8B;IAChC,KAAK,GAAG,KAAK,CAA6B,KAAK,4EAAC,CAAC;wGAD/C,8BAA8B;4FAA9B,8BAA8B,0TCd3C,kBACA;;4FDaa,8BAA8B;kBAX1C,SAAS;+BACE,yBAAyB,cACvB,IAAI,mBAGC,uBAAuB,CAAC,MAAM,QACzC;wBACJ,mBAAmB,EAAE,SAAS;wBAC9B,KAAK,EAAE,yBAAyB;qBACjC","sourcesContent":["import { Component, input, ChangeDetectionStrategy } from '@angular/core';\nimport type { SolarisStepperActionsAlign } from '../model/stepper.types';\n\n@Component({\n  selector: 'solaris-stepper-actions',\n  standalone: true,\n  templateUrl: './stepper-actions.component.html',\n  styleUrls: ['./stepper-actions.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[attr.data-align]': 'align()',\n    class: 'solaris-stepper-actions',\n  },\n})\nexport class SolarisStepperActionsComponent {\n  readonly align = input<SolarisStepperActionsAlign>('end');\n}\n","<ng-content />\n"]}

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

@@ -1,99 +0,0 @@
-import { Component, input, output, model, contentChildren, contentChild, computed, signal, inject, ChangeDetectionStrategy, effect, } from '@angular/core';
-import { SolarisStepperActionsComponent } from '../actions/stepper-actions.component';
-import { SolarisTranslateService } from '../../../../services/translation';
-import { SolarisStepComponent } from '../step/step.component';
-import { SOLARIS_STEPPER } from '../token/stepper.tokens';
-import { SolarisIconComponent } from '../../../icon';
-import * as i0 from "@angular/core";
-export class SolarisStepperComponent {
-    translateService = inject(SolarisTranslateService, {
-        optional: true,
-    });
-    steps = contentChildren(SolarisStepComponent, ...(ngDevMode ? [{ debugName: "steps" }] : /* istanbul ignore next */ []));
-    actions = contentChild(SolarisStepperActionsComponent, ...(ngDevMode ? [{ debugName: "actions" }] : /* istanbul ignore next */ []));
-    activeIndex = model(0, ...(ngDevMode ? [{ debugName: "activeIndex" }] : /* istanbul ignore next */ []));
-    orientation = input('horizontal', ...(ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []));
-    appearance = input('default', ...(ngDevMode ? [{ debugName: "appearance" }] : /* istanbul ignore next */ []));
-    linear = input(false, ...(ngDevMode ? [{ debugName: "linear" }] : /* istanbul ignore next */ []));
-    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
-    density = input('comfortable', ...(ngDevMode ? [{ debugName: "density" }] : /* istanbul ignore next */ []));
-    showConnectors = input(true, ...(ngDevMode ? [{ debugName: "showConnectors" }] : /* istanbul ignore next */ []));
-    showStepStatus = input(true, ...(ngDevMode ? [{ debugName: "showStepStatus" }] : /* istanbul ignore next */ []));
-    showStepNumbers = input(true, ...(ngDevMode ? [{ debugName: "showStepNumbers" }] : /* istanbul ignore next */ []));
-    contentTransition = input('fade', ...(ngDevMode ? [{ debugName: "contentTransition" }] : /* istanbul ignore next */ []));
-    ariaLabel = input(undefined, ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
-    ariaLabelKey = input(undefined, ...(ngDevMode ? [{ debugName: "ariaLabelKey" }] : /* istanbul ignore next */ []));
-    activeIndexChange = output();
-    stepChange = output();
-    stepClick = output();
-    stepTransitionDirection = signal('next', ...(ngDevMode ? [{ debugName: "stepTransitionDirection" }] : /* istanbul ignore next */ []));
-    previousIndex = signal(0, ...(ngDevMode ? [{ debugName: "previousIndex" }] : /* 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 ?? 'Progress';
-    }, ...(ngDevMode ? [{ debugName: "resolvedAriaLabel" }] : /* istanbul ignore next */ []));
-    constructor() {
-        effect(() => {
-            const current = this.activeIndex();
-            const prev = this.previousIndex();
-            if (current !== prev) {
-                this.activeIndexChange.emit(current);
-                this.stepChange.emit({
-                    activeIndex: current,
-                    previousIndex: prev,
-                });
-                this.stepTransitionDirection.set(current > prev ? 'next' : 'previous');
-                this.previousIndex.set(current);
-            }
-        });
-    }
-    goToStep(index) {
-        const step = this.steps()[index];
-        if (!step)
-            return;
-        if (step.computedStatus() === 'disabled')
-            return;
-        if (this.linear() &&
-            step.computedStatus() !== 'completed' &&
-            index !== this.activeIndex())
-            return;
-        this.activeIndex.set(index);
-        this.stepClick.emit({
-            index,
-            label: step.resolvedLabel(),
-        });
-    }
-    isStepClickable(step) {
-        return step.computedStatus() !== 'disabled';
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisStepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: SolarisStepperComponent, isStandalone: true, selector: "solaris-stepper", inputs: { activeIndex: { classPropertyName: "activeIndex", publicName: "activeIndex", 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 }, linear: { classPropertyName: "linear", publicName: "linear", 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 }, showConnectors: { classPropertyName: "showConnectors", publicName: "showConnectors", isSignal: true, isRequired: false, transformFunction: null }, showStepStatus: { classPropertyName: "showStepStatus", publicName: "showStepStatus", isSignal: true, isRequired: false, transformFunction: null }, showStepNumbers: { classPropertyName: "showStepNumbers", publicName: "showStepNumbers", isSignal: true, isRequired: false, transformFunction: null }, contentTransition: { classPropertyName: "contentTransition", publicName: "contentTransition", 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: { activeIndex: "activeIndexChange", activeIndexChange: "activeIndexChange", stepChange: "stepChange", stepClick: "stepClick" }, host: { properties: { "attr.data-size": "size()", "attr.role": "\"navigation\"", "attr.data-density": "density()", "attr.data-appearance": "appearance()", "attr.data-orientation": "orientation()", "attr.aria-label": "resolvedAriaLabel()" }, classAttribute: "solaris-stepper" }, providers: [
-            {
-                provide: SOLARIS_STEPPER,
-                useExisting: SolarisStepperComponent,
-            },
-        ], queries: [{ propertyName: "steps", predicate: SolarisStepComponent, isSignal: true }, { propertyName: "actions", first: true, predicate: SolarisStepperActionsComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"solaris-stepper__indicators\">\n  @for (step of steps(); track step; let i = $index) {\n    @if (showConnectors() && i > 0) {\n      <div\n        class=\"solaris-stepper__connector\"\n        [class.solaris-stepper__connector--active]=\"i <= activeIndex()\"\n      ></div>\n    }\n\n    <div\n      class=\"solaris-stepper__step\"\n      [class.solaris-stepper__step--active]=\"i === activeIndex()\"\n      [class.solaris-stepper__step--clickable]=\"isStepClickable(step)\"\n      [attr.data-status]=\"step.computedStatus()\"\n    >\n      @if (isStepClickable(step)) {\n        <button\n          type=\"button\"\n          class=\"solaris-stepper__indicator-button\"\n          (click)=\"goToStep(i)\"\n          [attr.aria-current]=\"i === activeIndex() ? 'step' : undefined\"\n          [attr.aria-disabled]=\"step.computedStatus() === 'disabled'\"\n        >\n          @if (step.icon(); as iconName) {\n            <solaris-icon [name]=\"iconName\" [decorative]=\"true\" />\n          } @else if (step.showCheckIcon()) {\n            <solaris-icon name=\"check\" [decorative]=\"true\" />\n          } @else if (step.showErrorIcon()) {\n            <solaris-icon name=\"danger\" [decorative]=\"true\" />\n          } @else if (showStepNumbers()) {\n            <span class=\"solaris-stepper__number\">{{ i + 1 }}</span>\n          }\n        </button>\n      } @else {\n        <span class=\"solaris-stepper__indicator-static\">\n          @if (step.icon(); as iconName) {\n            <solaris-icon [name]=\"iconName\" [decorative]=\"true\" />\n          } @else if (step.showCheckIcon()) {\n            <solaris-icon name=\"check\" [decorative]=\"true\" />\n          } @else if (step.showErrorIcon()) {\n            <solaris-icon name=\"danger\" [decorative]=\"true\" />\n          } @else if (showStepNumbers()) {\n            <span class=\"solaris-stepper__number\">{{ i + 1 }}</span>\n          }\n        </span>\n      }\n\n      <div class=\"solaris-stepper__label-group\">\n        <span class=\"solaris-stepper__label\">{{ step.resolvedLabel() }}</span>\n        @if (step.resolvedDescription(); as desc) {\n          <span class=\"solaris-stepper__description\">{{ desc }}</span>\n        }\n      </div>\n\n      @if (showStepStatus()) {\n        <span class=\"solaris-stepper__status-badge\">\n          @if (step.optional()) {\n            <span class=\"solaris-stepper__optional-text\">Optional</span>\n            <!-- SOLARIS_I18N_EXCEPTION: \"Optional\" is a short static label used as a visual badge. Translation support can be added in a future iteration. -->\n          }\n        </span>\n      }\n    </div>\n  }\n</div>\n\n<div\n  class=\"solaris-stepper__content-panel\"\n  [class.solaris-stepper__content-panel--fade]=\"contentTransition() === 'fade'\"\n  [class.solaris-stepper__content-panel--slide-right]=\"\n    contentTransition() === 'slide' && stepTransitionDirection() === 'next'\n  \"\n  [class.solaris-stepper__content-panel--slide-left]=\"\n    contentTransition() === 'slide' && stepTransitionDirection() === 'previous'\n  \"\n>\n  <ng-content select=\"solaris-step\" />\n</div>\n\n<ng-content select=\"solaris-stepper-actions\" />\n", styles: [":host{--solaris-stepper-gap: var(--solaris-spacing-4);--solaris-stepper-card-shadow: var(--solaris-shadow-sm);--solaris-stepper-indicator-size: var(--solaris-spacing-8);--solaris-stepper-label-color: var(--solaris-text-default);--solaris-stepper-indicator-color: var(--solaris-text-subtle);--solaris-stepper-description-color: var(--solaris-text-muted);--solaris-stepper-card-background: var(--solaris-surface-base);--solaris-stepper-connector-color: var(--solaris-border-subtle);--solaris-stepper-connector-size: var(--solaris-border-width-md);--solaris-stepper-card-border-color: var(--solaris-border-subtle);--solaris-stepper-indicator-background: var(--solaris-surface-muted);--solaris-stepper-connector-active-color: var(--solaris-primary-base);--solaris-stepper-dashed-connector-color: var(--solaris-border-subtle);display:block}.solaris-stepper__indicators{display:flex;align-items:flex-start;gap:var(--solaris-stepper-gap)}:host([data-orientation=vertical]) .solaris-stepper__indicators{flex-direction:column}.solaris-stepper__connector{flex:1;min-width:var(--solaris-spacing-6);border-radius:var(--solaris-radius-full);height:var(--solaris-stepper-connector-size);background:var(--solaris-stepper-connector-color);margin-top:calc(var(--solaris-stepper-indicator-size) / 2 - var(--solaris-stepper-connector-size) / 2);transition:background var(--solaris-motion-duration-fast) var(--solaris-motion-easing-standard)}:host([data-orientation=vertical]) .solaris-stepper__connector{flex:1;height:auto;margin-top:0;min-width:auto;min-height:var(--solaris-spacing-6);width:var(--solaris-stepper-connector-size);margin-left:calc(var(--solaris-stepper-indicator-size) / 2 - var(--solaris-stepper-connector-size) / 2)}.solaris-stepper__connector--active{background:var(--solaris-stepper-connector-active-color)}.solaris-stepper__step{display:flex;flex-shrink:0;align-items:center;gap:var(--solaris-spacing-3)}.solaris-stepper__step--clickable{cursor:pointer}.solaris-stepper__indicator-button,.solaris-stepper__indicator-static{padding:0;border:none;display:flex;flex-shrink:0;align-items:center;justify-content:center;border-radius:var(--solaris-radius-full);width:var(--solaris-stepper-indicator-size);height:var(--solaris-stepper-indicator-size);color:var(--solaris-stepper-indicator-color);background:var(--solaris-stepper-indicator-background);font:var(--solaris-font-weight-semibold) var(--solaris-font-size-sm)/1 var(--solaris-font-family-sans);transition:background var(--solaris-motion-duration-fast) var(--solaris-motion-easing-standard),color var(--solaris-motion-duration-fast) var(--solaris-motion-easing-standard),box-shadow var(--solaris-motion-duration-fast) var(--solaris-motion-easing-standard)}.solaris-stepper__indicator-button{cursor:pointer}.solaris-stepper__indicator-button:focus-visible{outline-offset:.2rem;outline:.2rem solid var(--solaris-primary-base)}.solaris-stepper__step[data-status=active] .solaris-stepper__indicator-button,.solaris-stepper__step[data-status=active] .solaris-stepper__indicator-static{color:var(--solaris-primary-text);background:var(--solaris-primary-base)}.solaris-stepper__step[data-status=completed] .solaris-stepper__indicator-button,.solaris-stepper__step[data-status=completed] .solaris-stepper__indicator-static{color:var(--solaris-success-on-solid);background:var(--solaris-success-base)}.solaris-stepper__step[data-status=error] .solaris-stepper__indicator-button,.solaris-stepper__step[data-status=error] .solaris-stepper__indicator-static{color:var(--solaris-danger-on-solid);background:var(--solaris-danger-base)}.solaris-stepper__step[data-status=disabled] .solaris-stepper__indicator-button,.solaris-stepper__step[data-status=disabled] .solaris-stepper__indicator-static{opacity:.5;cursor:not-allowed}.solaris-stepper__step[data-status=disabled] .solaris-stepper__label{opacity:.5}.solaris-stepper__number{font:var(--solaris-font-weight-semibold) var(--solaris-font-size-sm)/1 var(--solaris-font-family-sans)}.solaris-stepper__label-group{display:flex;flex-direction:column;gap:var(--solaris-spacing-1)}:host([data-orientation=vertical]) .solaris-stepper__label-group{flex:1}.solaris-stepper__label{white-space:nowrap;color:var(--solaris-stepper-label-color);font:var(--solaris-font-weight-medium) var(--solaris-font-size-sm)/var(--solaris-line-height-md) var(--solaris-font-family-sans)}.solaris-stepper__description{white-space:nowrap;color:var(--solaris-stepper-description-color);font:var(--solaris-font-weight-regular) var(--solaris-font-size-xs)/var(--solaris-line-height-md) var(--solaris-font-family-sans)}.solaris-stepper__status-badge{display:flex;align-items:center}.solaris-stepper__optional-text{color:var(--solaris-text-muted);border-radius:var(--solaris-radius-sm);background:var(--solaris-surface-subtle);padding:var(--solaris-spacing-1) var(--solaris-spacing-2);font:var(--solaris-font-weight-regular) var(--solaris-font-size-xs)/1 var(--solaris-font-family-sans)}.solaris-stepper__content-panel{padding-top:var(--solaris-spacing-6)}:host([data-orientation=horizontal]) .solaris-stepper__content-panel{max-width:100%}.solaris-stepper__content-panel--fade{animation:solaris-stepper-fade-in var(--solaris-motion-duration-normal) var(--solaris-motion-easing-standard)}.solaris-stepper__content-panel--slide-right{animation:solaris-stepper-slide-in-right var(--solaris-motion-duration-normal) var(--solaris-motion-easing-standard)}.solaris-stepper__content-panel--slide-left{animation:solaris-stepper-slide-in-left var(--solaris-motion-duration-normal) var(--solaris-motion-easing-standard)}:host([data-appearance=card]) .solaris-stepper__connector{display:none}:host([data-appearance=card]) .solaris-stepper__step{flex:1;text-align:center;align-items:center;flex-direction:column;padding:var(--solaris-spacing-4);border-radius:var(--solaris-radius-lg);box-shadow:var(--solaris-stepper-card-shadow);background:var(--solaris-stepper-card-background);border:.1rem solid var(--solaris-stepper-card-border-color);transition:box-shadow var(--solaris-motion-duration-fast) var(--solaris-motion-easing-standard),border-color var(--solaris-motion-duration-fast) var(--solaris-motion-easing-standard)}:host([data-appearance=card]) .solaris-stepper__step--active{border-color:var(--solaris-primary-base);box-shadow:var(--solaris-shadow-focus, 0 0 0 .1rem var(--solaris-primary-base))}:host([data-appearance=card]) .solaris-stepper__indicators{gap:var(--solaris-stepper-gap)}:host([data-appearance=dashed]){--solaris-stepper-gap: 0}:host([data-appearance=dashed]) .solaris-stepper__indicators{gap:var(--solaris-spacing-2)}:host([data-appearance=dashed]) .solaris-stepper__connector,:host([data-appearance=dashed]) .solaris-stepper__indicator-button,:host([data-appearance=dashed]) .solaris-stepper__indicator-static,:host([data-appearance=dashed]) .solaris-stepper__label-group,:host([data-appearance=dashed]) .solaris-stepper__status-badge{display:none}:host([data-appearance=dashed]) .solaris-stepper__step{flex:1;height:var(--solaris-spacing-2);min-width:var(--solaris-spacing-4);border-radius:var(--solaris-radius-full);background:var(--solaris-stepper-connector-color)}:host([data-appearance=dashed]) .solaris-stepper__step[data-status=completed]{background:var(--solaris-success-base)}:host([data-appearance=dashed]) .solaris-stepper__step[data-status=active]{background:var(--solaris-primary-base)}:host([data-appearance=dashed]) .solaris-stepper__step[data-status=error]{background:var(--solaris-danger-base)}:host([data-appearance=dashed]) .solaris-stepper__step--clickable{cursor:pointer}:host([data-appearance=dashed][data-orientation=vertical]) .solaris-stepper__indicators{gap:var(--solaris-spacing-2)}:host([data-appearance=dashed][data-orientation=vertical]) .solaris-stepper__step{flex:none;height:auto;min-width:auto;width:var(--solaris-spacing-2);min-height:var(--solaris-spacing-4)}:host([data-size=sm]){--solaris-stepper-gap: var(--solaris-spacing-3);--solaris-stepper-indicator-size: var(--solaris-spacing-6)}:host([data-size=sm]) .solaris-stepper__label{font-size:var(--solaris-font-size-xs)}:host([data-size=lg]){--solaris-stepper-gap: var(--solaris-spacing-6);--solaris-stepper-indicator-size: var(--solaris-spacing-10)}:host([data-size=lg]) .solaris-stepper__label{font-size:var(--solaris-font-size-md)}:host([data-density=compact]){--solaris-stepper-gap: var(--solaris-spacing-2);--solaris-stepper-indicator-size: var(--solaris-spacing-6)}:host([data-density=compact]) .solaris-stepper__label{font-size:var(--solaris-font-size-xs)}:host([data-density=compact]) .solaris-stepper__description{display:none}:host([data-density=compact]) .solaris-stepper__content-panel{padding-top:var(--solaris-spacing-3)}@media(prefers-reduced-motion:reduce){.solaris-stepper__content-panel--fade,.solaris-stepper__content-panel--slide-right,.solaris-stepper__content-panel--slide-left{animation:none}}@keyframes solaris-stepper-fade-in{0%{opacity:0}to{opacity:1}}@keyframes solaris-stepper-slide-in-right{0%{opacity:0;transform:translate(var(--solaris-spacing-4))}to{opacity:1;transform:translate(0)}}@keyframes solaris-stepper-slide-in-left{0%{opacity:0;transform:translate(calc(-1 * var(--solaris-spacing-4)))}to{opacity:1;transform:translate(0)}}\n"], dependencies: [{ kind: "component", type: SolarisIconComponent, selector: "solaris-icon", inputs: ["name", "ariaLabel", "decorative"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisStepperComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'solaris-stepper', standalone: true, imports: [SolarisIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
-                        class: 'solaris-stepper',
-                        '[attr.data-size]': 'size()',
-                        '[attr.role]': '"navigation"',
-                        '[attr.data-density]': 'density()',
-                        '[attr.data-appearance]': 'appearance()',
-                        '[attr.data-orientation]': 'orientation()',
-                        '[attr.aria-label]': 'resolvedAriaLabel()',
-                    }, providers: [
-                        {
-                            provide: SOLARIS_STEPPER,
-                            useExisting: SolarisStepperComponent,
-                        },
-                    ], template: "<div class=\"solaris-stepper__indicators\">\n  @for (step of steps(); track step; let i = $index) {\n    @if (showConnectors() && i > 0) {\n      <div\n        class=\"solaris-stepper__connector\"\n        [class.solaris-stepper__connector--active]=\"i <= activeIndex()\"\n      ></div>\n    }\n\n    <div\n      class=\"solaris-stepper__step\"\n      [class.solaris-stepper__step--active]=\"i === activeIndex()\"\n      [class.solaris-stepper__step--clickable]=\"isStepClickable(step)\"\n      [attr.data-status]=\"step.computedStatus()\"\n    >\n      @if (isStepClickable(step)) {\n        <button\n          type=\"button\"\n          class=\"solaris-stepper__indicator-button\"\n          (click)=\"goToStep(i)\"\n          [attr.aria-current]=\"i === activeIndex() ? 'step' : undefined\"\n          [attr.aria-disabled]=\"step.computedStatus() === 'disabled'\"\n        >\n          @if (step.icon(); as iconName) {\n            <solaris-icon [name]=\"iconName\" [decorative]=\"true\" />\n          } @else if (step.showCheckIcon()) {\n            <solaris-icon name=\"check\" [decorative]=\"true\" />\n          } @else if (step.showErrorIcon()) {\n            <solaris-icon name=\"danger\" [decorative]=\"true\" />\n          } @else if (showStepNumbers()) {\n            <span class=\"solaris-stepper__number\">{{ i + 1 }}</span>\n          }\n        </button>\n      } @else {\n        <span class=\"solaris-stepper__indicator-static\">\n          @if (step.icon(); as iconName) {\n            <solaris-icon [name]=\"iconName\" [decorative]=\"true\" />\n          } @else if (step.showCheckIcon()) {\n            <solaris-icon name=\"check\" [decorative]=\"true\" />\n          } @else if (step.showErrorIcon()) {\n            <solaris-icon name=\"danger\" [decorative]=\"true\" />\n          } @else if (showStepNumbers()) {\n            <span class=\"solaris-stepper__number\">{{ i + 1 }}</span>\n          }\n        </span>\n      }\n\n      <div class=\"solaris-stepper__label-group\">\n        <span class=\"solaris-stepper__label\">{{ step.resolvedLabel() }}</span>\n        @if (step.resolvedDescription(); as desc) {\n          <span class=\"solaris-stepper__description\">{{ desc }}</span>\n        }\n      </div>\n\n      @if (showStepStatus()) {\n        <span class=\"solaris-stepper__status-badge\">\n          @if (step.optional()) {\n            <span class=\"solaris-stepper__optional-text\">Optional</span>\n            <!-- SOLARIS_I18N_EXCEPTION: \"Optional\" is a short static label used as a visual badge. Translation support can be added in a future iteration. -->\n          }\n        </span>\n      }\n    </div>\n  }\n</div>\n\n<div\n  class=\"solaris-stepper__content-panel\"\n  [class.solaris-stepper__content-panel--fade]=\"contentTransition() === 'fade'\"\n  [class.solaris-stepper__content-panel--slide-right]=\"\n    contentTransition() === 'slide' && stepTransitionDirection() === 'next'\n  \"\n  [class.solaris-stepper__content-panel--slide-left]=\"\n    contentTransition() === 'slide' && stepTransitionDirection() === 'previous'\n  \"\n>\n  <ng-content select=\"solaris-step\" />\n</div>\n\n<ng-content select=\"solaris-stepper-actions\" />\n", styles: [":host{--solaris-stepper-gap: var(--solaris-spacing-4);--solaris-stepper-card-shadow: var(--solaris-shadow-sm);--solaris-stepper-indicator-size: var(--solaris-spacing-8);--solaris-stepper-label-color: var(--solaris-text-default);--solaris-stepper-indicator-color: var(--solaris-text-subtle);--solaris-stepper-description-color: var(--solaris-text-muted);--solaris-stepper-card-background: var(--solaris-surface-base);--solaris-stepper-connector-color: var(--solaris-border-subtle);--solaris-stepper-connector-size: var(--solaris-border-width-md);--solaris-stepper-card-border-color: var(--solaris-border-subtle);--solaris-stepper-indicator-background: var(--solaris-surface-muted);--solaris-stepper-connector-active-color: var(--solaris-primary-base);--solaris-stepper-dashed-connector-color: var(--solaris-border-subtle);display:block}.solaris-stepper__indicators{display:flex;align-items:flex-start;gap:var(--solaris-stepper-gap)}:host([data-orientation=vertical]) .solaris-stepper__indicators{flex-direction:column}.solaris-stepper__connector{flex:1;min-width:var(--solaris-spacing-6);border-radius:var(--solaris-radius-full);height:var(--solaris-stepper-connector-size);background:var(--solaris-stepper-connector-color);margin-top:calc(var(--solaris-stepper-indicator-size) / 2 - var(--solaris-stepper-connector-size) / 2);transition:background var(--solaris-motion-duration-fast) var(--solaris-motion-easing-standard)}:host([data-orientation=vertical]) .solaris-stepper__connector{flex:1;height:auto;margin-top:0;min-width:auto;min-height:var(--solaris-spacing-6);width:var(--solaris-stepper-connector-size);margin-left:calc(var(--solaris-stepper-indicator-size) / 2 - var(--solaris-stepper-connector-size) / 2)}.solaris-stepper__connector--active{background:var(--solaris-stepper-connector-active-color)}.solaris-stepper__step{display:flex;flex-shrink:0;align-items:center;gap:var(--solaris-spacing-3)}.solaris-stepper__step--clickable{cursor:pointer}.solaris-stepper__indicator-button,.solaris-stepper__indicator-static{padding:0;border:none;display:flex;flex-shrink:0;align-items:center;justify-content:center;border-radius:var(--solaris-radius-full);width:var(--solaris-stepper-indicator-size);height:var(--solaris-stepper-indicator-size);color:var(--solaris-stepper-indicator-color);background:var(--solaris-stepper-indicator-background);font:var(--solaris-font-weight-semibold) var(--solaris-font-size-sm)/1 var(--solaris-font-family-sans);transition:background var(--solaris-motion-duration-fast) var(--solaris-motion-easing-standard),color var(--solaris-motion-duration-fast) var(--solaris-motion-easing-standard),box-shadow var(--solaris-motion-duration-fast) var(--solaris-motion-easing-standard)}.solaris-stepper__indicator-button{cursor:pointer}.solaris-stepper__indicator-button:focus-visible{outline-offset:.2rem;outline:.2rem solid var(--solaris-primary-base)}.solaris-stepper__step[data-status=active] .solaris-stepper__indicator-button,.solaris-stepper__step[data-status=active] .solaris-stepper__indicator-static{color:var(--solaris-primary-text);background:var(--solaris-primary-base)}.solaris-stepper__step[data-status=completed] .solaris-stepper__indicator-button,.solaris-stepper__step[data-status=completed] .solaris-stepper__indicator-static{color:var(--solaris-success-on-solid);background:var(--solaris-success-base)}.solaris-stepper__step[data-status=error] .solaris-stepper__indicator-button,.solaris-stepper__step[data-status=error] .solaris-stepper__indicator-static{color:var(--solaris-danger-on-solid);background:var(--solaris-danger-base)}.solaris-stepper__step[data-status=disabled] .solaris-stepper__indicator-button,.solaris-stepper__step[data-status=disabled] .solaris-stepper__indicator-static{opacity:.5;cursor:not-allowed}.solaris-stepper__step[data-status=disabled] .solaris-stepper__label{opacity:.5}.solaris-stepper__number{font:var(--solaris-font-weight-semibold) var(--solaris-font-size-sm)/1 var(--solaris-font-family-sans)}.solaris-stepper__label-group{display:flex;flex-direction:column;gap:var(--solaris-spacing-1)}:host([data-orientation=vertical]) .solaris-stepper__label-group{flex:1}.solaris-stepper__label{white-space:nowrap;color:var(--solaris-stepper-label-color);font:var(--solaris-font-weight-medium) var(--solaris-font-size-sm)/var(--solaris-line-height-md) var(--solaris-font-family-sans)}.solaris-stepper__description{white-space:nowrap;color:var(--solaris-stepper-description-color);font:var(--solaris-font-weight-regular) var(--solaris-font-size-xs)/var(--solaris-line-height-md) var(--solaris-font-family-sans)}.solaris-stepper__status-badge{display:flex;align-items:center}.solaris-stepper__optional-text{color:var(--solaris-text-muted);border-radius:var(--solaris-radius-sm);background:var(--solaris-surface-subtle);padding:var(--solaris-spacing-1) var(--solaris-spacing-2);font:var(--solaris-font-weight-regular) var(--solaris-font-size-xs)/1 var(--solaris-font-family-sans)}.solaris-stepper__content-panel{padding-top:var(--solaris-spacing-6)}:host([data-orientation=horizontal]) .solaris-stepper__content-panel{max-width:100%}.solaris-stepper__content-panel--fade{animation:solaris-stepper-fade-in var(--solaris-motion-duration-normal) var(--solaris-motion-easing-standard)}.solaris-stepper__content-panel--slide-right{animation:solaris-stepper-slide-in-right var(--solaris-motion-duration-normal) var(--solaris-motion-easing-standard)}.solaris-stepper__content-panel--slide-left{animation:solaris-stepper-slide-in-left var(--solaris-motion-duration-normal) var(--solaris-motion-easing-standard)}:host([data-appearance=card]) .solaris-stepper__connector{display:none}:host([data-appearance=card]) .solaris-stepper__step{flex:1;text-align:center;align-items:center;flex-direction:column;padding:var(--solaris-spacing-4);border-radius:var(--solaris-radius-lg);box-shadow:var(--solaris-stepper-card-shadow);background:var(--solaris-stepper-card-background);border:.1rem solid var(--solaris-stepper-card-border-color);transition:box-shadow var(--solaris-motion-duration-fast) var(--solaris-motion-easing-standard),border-color var(--solaris-motion-duration-fast) var(--solaris-motion-easing-standard)}:host([data-appearance=card]) .solaris-stepper__step--active{border-color:var(--solaris-primary-base);box-shadow:var(--solaris-shadow-focus, 0 0 0 .1rem var(--solaris-primary-base))}:host([data-appearance=card]) .solaris-stepper__indicators{gap:var(--solaris-stepper-gap)}:host([data-appearance=dashed]){--solaris-stepper-gap: 0}:host([data-appearance=dashed]) .solaris-stepper__indicators{gap:var(--solaris-spacing-2)}:host([data-appearance=dashed]) .solaris-stepper__connector,:host([data-appearance=dashed]) .solaris-stepper__indicator-button,:host([data-appearance=dashed]) .solaris-stepper__indicator-static,:host([data-appearance=dashed]) .solaris-stepper__label-group,:host([data-appearance=dashed]) .solaris-stepper__status-badge{display:none}:host([data-appearance=dashed]) .solaris-stepper__step{flex:1;height:var(--solaris-spacing-2);min-width:var(--solaris-spacing-4);border-radius:var(--solaris-radius-full);background:var(--solaris-stepper-connector-color)}:host([data-appearance=dashed]) .solaris-stepper__step[data-status=completed]{background:var(--solaris-success-base)}:host([data-appearance=dashed]) .solaris-stepper__step[data-status=active]{background:var(--solaris-primary-base)}:host([data-appearance=dashed]) .solaris-stepper__step[data-status=error]{background:var(--solaris-danger-base)}:host([data-appearance=dashed]) .solaris-stepper__step--clickable{cursor:pointer}:host([data-appearance=dashed][data-orientation=vertical]) .solaris-stepper__indicators{gap:var(--solaris-spacing-2)}:host([data-appearance=dashed][data-orientation=vertical]) .solaris-stepper__step{flex:none;height:auto;min-width:auto;width:var(--solaris-spacing-2);min-height:var(--solaris-spacing-4)}:host([data-size=sm]){--solaris-stepper-gap: var(--solaris-spacing-3);--solaris-stepper-indicator-size: var(--solaris-spacing-6)}:host([data-size=sm]) .solaris-stepper__label{font-size:var(--solaris-font-size-xs)}:host([data-size=lg]){--solaris-stepper-gap: var(--solaris-spacing-6);--solaris-stepper-indicator-size: var(--solaris-spacing-10)}:host([data-size=lg]) .solaris-stepper__label{font-size:var(--solaris-font-size-md)}:host([data-density=compact]){--solaris-stepper-gap: var(--solaris-spacing-2);--solaris-stepper-indicator-size: var(--solaris-spacing-6)}:host([data-density=compact]) .solaris-stepper__label{font-size:var(--solaris-font-size-xs)}:host([data-density=compact]) .solaris-stepper__description{display:none}:host([data-density=compact]) .solaris-stepper__content-panel{padding-top:var(--solaris-spacing-3)}@media(prefers-reduced-motion:reduce){.solaris-stepper__content-panel--fade,.solaris-stepper__content-panel--slide-right,.solaris-stepper__content-panel--slide-left{animation:none}}@keyframes solaris-stepper-fade-in{0%{opacity:0}to{opacity:1}}@keyframes solaris-stepper-slide-in-right{0%{opacity:0;transform:translate(var(--solaris-spacing-4))}to{opacity:1;transform:translate(0)}}@keyframes solaris-stepper-slide-in-left{0%{opacity:0;transform:translate(calc(-1 * var(--solaris-spacing-4)))}to{opacity:1;transform:translate(0)}}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { steps: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SolarisStepComponent), { isSignal: true }] }], actions: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SolarisStepperActionsComponent), { isSignal: true }] }], activeIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeIndex", required: false }] }, { type: i0.Output, args: ["activeIndexChange"] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], linear: [{ type: i0.Input, args: [{ isSignal: true, alias: "linear", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], density: [{ type: i0.Input, args: [{ isSignal: true, alias: "density", required: false }] }], showConnectors: [{ type: i0.Input, args: [{ isSignal: true, alias: "showConnectors", required: false }] }], showStepStatus: [{ type: i0.Input, args: [{ isSignal: true, alias: "showStepStatus", required: false }] }], showStepNumbers: [{ type: i0.Input, args: [{ isSignal: true, alias: "showStepNumbers", required: false }] }], contentTransition: [{ type: i0.Input, args: [{ isSignal: true, alias: "contentTransition", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], ariaLabelKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabelKey", required: false }] }], activeIndexChange: [{ type: i0.Output, args: ["activeIndexChange"] }], stepChange: [{ type: i0.Output, args: ["stepChange"] }], stepClick: [{ type: i0.Output, args: ["stepClick"] }] } });
-//# sourceMappingURL=stepper.component.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"stepper.component.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/navigation/stepper/component/stepper.component.ts","../../../../../../../../../packages/angular/src/lib/components/navigation/stepper/component/stepper.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  input,\n  output,\n  model,\n  contentChildren,\n  contentChild,\n  computed,\n  signal,\n  inject,\n  ChangeDetectionStrategy,\n  effect,\n} from '@angular/core';\n\nimport { SolarisStepperActionsComponent } from '../actions/stepper-actions.component';\nimport { SolarisTranslateService } from '../../../../services/translation';\nimport type { SolarisStepperControl } from '../token/stepper.tokens';\nimport { SolarisStepComponent } from '../step/step.component';\nimport { SOLARIS_STEPPER } from '../token/stepper.tokens';\nimport { SolarisIconComponent } from '../../../icon';\n\nimport type {\n  SolarisStepperOrientation,\n  SolarisStepperAppearance,\n  SolarisStepperSize,\n  SolarisStepperDensity,\n  SolarisStepperContentTransition,\n  SolarisStepperChangeEvent,\n} from '../model/stepper.types';\n\n@Component({\n  selector: 'solaris-stepper',\n  standalone: true,\n  imports: [SolarisIconComponent],\n  templateUrl: './stepper.component.html',\n  styleUrls: ['./stepper.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'solaris-stepper',\n    '[attr.data-size]': 'size()',\n    '[attr.role]': '\"navigation\"',\n    '[attr.data-density]': 'density()',\n    '[attr.data-appearance]': 'appearance()',\n    '[attr.data-orientation]': 'orientation()',\n    '[attr.aria-label]': 'resolvedAriaLabel()',\n  },\n  providers: [\n    {\n      provide: SOLARIS_STEPPER,\n      useExisting: SolarisStepperComponent,\n    },\n  ],\n})\nexport class SolarisStepperComponent implements SolarisStepperControl {\n  private readonly translateService = inject(SolarisTranslateService, {\n    optional: true,\n  });\n\n  readonly steps = contentChildren(SolarisStepComponent);\n  readonly actions = contentChild(SolarisStepperActionsComponent);\n\n  readonly activeIndex = model<number>(0);\n  readonly orientation = input<SolarisStepperOrientation>('horizontal');\n  readonly appearance = input<SolarisStepperAppearance>('default');\n  readonly linear = input<boolean>(false);\n  readonly size = input<SolarisStepperSize>('md');\n  readonly density = input<SolarisStepperDensity>('comfortable');\n  readonly showConnectors = input<boolean>(true);\n  readonly showStepStatus = input<boolean>(true);\n  readonly showStepNumbers = input<boolean>(true);\n  readonly contentTransition = input<SolarisStepperContentTransition>('fade');\n  readonly ariaLabel = input<string | undefined>(undefined);\n  readonly ariaLabelKey = input<string | undefined>(undefined);\n\n  readonly activeIndexChange = output<number>();\n  readonly stepChange = output<SolarisStepperChangeEvent>();\n  readonly stepClick = output<{ index: number; label: string | undefined }>();\n\n  protected readonly stepTransitionDirection = signal<'next' | 'previous'>(\n    'next',\n  );\n  readonly previousIndex = signal<number>(0);\n\n  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 ?? 'Progress';\n  });\n\n  constructor() {\n    effect(() => {\n      const current = this.activeIndex();\n      const prev = this.previousIndex();\n      if (current !== prev) {\n        this.activeIndexChange.emit(current);\n        this.stepChange.emit({\n          activeIndex: current,\n          previousIndex: prev,\n        });\n        this.stepTransitionDirection.set(current > prev ? 'next' : 'previous');\n        this.previousIndex.set(current);\n      }\n    });\n  }\n\n  goToStep(index: number): void {\n    const step = this.steps()[index];\n    if (!step) return;\n    if (step.computedStatus() === 'disabled') return;\n    if (\n      this.linear() &&\n      step.computedStatus() !== 'completed' &&\n      index !== this.activeIndex()\n    )\n      return;\n\n    this.activeIndex.set(index);\n\n    this.stepClick.emit({\n      index,\n      label: step.resolvedLabel(),\n    });\n  }\n\n  isStepClickable(step: SolarisStepComponent): boolean {\n    return step.computedStatus() !== 'disabled';\n  }\n}\n","<div class=\"solaris-stepper__indicators\">\n  @for (step of steps(); track step; let i = $index) {\n    @if (showConnectors() && i > 0) {\n      <div\n        class=\"solaris-stepper__connector\"\n        [class.solaris-stepper__connector--active]=\"i <= activeIndex()\"\n      ></div>\n    }\n\n    <div\n      class=\"solaris-stepper__step\"\n      [class.solaris-stepper__step--active]=\"i === activeIndex()\"\n      [class.solaris-stepper__step--clickable]=\"isStepClickable(step)\"\n      [attr.data-status]=\"step.computedStatus()\"\n    >\n      @if (isStepClickable(step)) {\n        <button\n          type=\"button\"\n          class=\"solaris-stepper__indicator-button\"\n          (click)=\"goToStep(i)\"\n          [attr.aria-current]=\"i === activeIndex() ? 'step' : undefined\"\n          [attr.aria-disabled]=\"step.computedStatus() === 'disabled'\"\n        >\n          @if (step.icon(); as iconName) {\n            <solaris-icon [name]=\"iconName\" [decorative]=\"true\" />\n          } @else if (step.showCheckIcon()) {\n            <solaris-icon name=\"check\" [decorative]=\"true\" />\n          } @else if (step.showErrorIcon()) {\n            <solaris-icon name=\"danger\" [decorative]=\"true\" />\n          } @else if (showStepNumbers()) {\n            <span class=\"solaris-stepper__number\">{{ i + 1 }}</span>\n          }\n        </button>\n      } @else {\n        <span class=\"solaris-stepper__indicator-static\">\n          @if (step.icon(); as iconName) {\n            <solaris-icon [name]=\"iconName\" [decorative]=\"true\" />\n          } @else if (step.showCheckIcon()) {\n            <solaris-icon name=\"check\" [decorative]=\"true\" />\n          } @else if (step.showErrorIcon()) {\n            <solaris-icon name=\"danger\" [decorative]=\"true\" />\n          } @else if (showStepNumbers()) {\n            <span class=\"solaris-stepper__number\">{{ i + 1 }}</span>\n          }\n        </span>\n      }\n\n      <div class=\"solaris-stepper__label-group\">\n        <span class=\"solaris-stepper__label\">{{ step.resolvedLabel() }}</span>\n        @if (step.resolvedDescription(); as desc) {\n          <span class=\"solaris-stepper__description\">{{ desc }}</span>\n        }\n      </div>\n\n      @if (showStepStatus()) {\n        <span class=\"solaris-stepper__status-badge\">\n          @if (step.optional()) {\n            <span class=\"solaris-stepper__optional-text\">Optional</span>\n            <!-- SOLARIS_I18N_EXCEPTION: \"Optional\" is a short static label used as a visual badge. Translation support can be added in a future iteration. -->\n          }\n        </span>\n      }\n    </div>\n  }\n</div>\n\n<div\n  class=\"solaris-stepper__content-panel\"\n  [class.solaris-stepper__content-panel--fade]=\"contentTransition() === 'fade'\"\n  [class.solaris-stepper__content-panel--slide-right]=\"\n    contentTransition() === 'slide' && stepTransitionDirection() === 'next'\n  \"\n  [class.solaris-stepper__content-panel--slide-left]=\"\n    contentTransition() === 'slide' && stepTransitionDirection() === 'previous'\n  \"\n>\n  <ng-content select=\"solaris-step\" />\n</div>\n\n<ng-content select=\"solaris-stepper-actions\" />\n"]}

package/esm2022/lib/components/navigation/stepper/content/stepper-content.component.js

@@ -1,13 +0,0 @@
-import { Component, ChangeDetectionStrategy } from '@angular/core';
-import * as i0 from "@angular/core";
-export class SolarisStepperContentComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisStepperContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: SolarisStepperContentComponent, isStandalone: true, selector: "solaris-stepper-content", host: { classAttribute: "solaris-stepper-content" }, ngImport: i0, template: "<ng-content />\n", styles: [":host{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisStepperContentComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'solaris-stepper-content', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, host: {
-                        class: 'solaris-stepper-content',
-                    }, template: "<ng-content />\n", styles: [":host{display:block}\n"] }]
-        }] });
-//# sourceMappingURL=stepper-content.component.js.map

package/esm2022/lib/components/navigation/stepper/content/stepper-content.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"stepper-content.component.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/navigation/stepper/content/stepper-content.component.ts","../../../../../../../../../packages/angular/src/lib/components/navigation/stepper/content/stepper-content.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;;AAYnE,MAAM,OAAO,8BAA8B;wGAA9B,8BAA8B;4FAA9B,8BAA8B,wICZ3C,kBACA;;4FDWa,8BAA8B;kBAV1C,SAAS;+BACE,yBAAyB,cACvB,IAAI,mBAGC,uBAAuB,CAAC,MAAM,QACzC;wBACJ,KAAK,EAAE,yBAAyB;qBACjC","sourcesContent":["import { Component, ChangeDetectionStrategy } from '@angular/core';\n\n@Component({\n  selector: 'solaris-stepper-content',\n  standalone: true,\n  templateUrl: './stepper-content.component.html',\n  styleUrls: ['./stepper-content.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'solaris-stepper-content',\n  },\n})\nexport class SolarisStepperContentComponent {}\n","<ng-content />\n"]}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"stepper.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/navigation/stepper/model/stepper.types.ts"],"names":[],"mappings":"","sourcesContent":["export type SolarisStepperOrientation = 'horizontal' | 'vertical';\n\nexport type SolarisStepperAppearance = 'default' | 'card' | 'dashed';\n\nexport type SolarisStepperSize = 'sm' | 'md' | 'lg';\n\nexport type SolarisStepperDensity = 'compact' | 'comfortable';\n\nexport type SolarisStepperStatus =\n  | 'pending'\n  | 'active'\n  | 'completed'\n  | 'error'\n  | 'disabled';\n\nexport type SolarisStepperContentTransition = 'none' | 'fade' | 'slide';\n\nexport type SolarisStepperActionsAlign =\n  | 'start'\n  | 'center'\n  | 'end'\n  | 'space-between';\n\nexport interface SolarisStepperChangeEvent {\n  activeIndex: number;\n  previousIndex: number;\n}\n\nexport interface SolarisStepClickEvent {\n  index: number;\n  label: string | undefined;\n}\n"]}