valtech-components 2.0.795 → 2.0.796

package/esm2022/lib/components/molecules/stats-card/stats-card.component.mjs

@@ -0,0 +1,211 @@
+import { Component, inject, Input, Output, EventEmitter } from '@angular/core';
+import { IonCard, IonCardContent, IonIcon, IonSkeletonText } from '@ionic/angular/standalone';
+import { CommonModule } from '@angular/common';
+import { PresetService } from '../../../services/presets';
+import { addIcons } from 'ionicons';
+import { trendingUp, trendingDown, remove, analytics, people, cash, cart, eye, heart, star } from 'ionicons/icons';
+import * as i0 from "@angular/core";
+addIcons({ trendingUp, trendingDown, remove, analytics, people, cash, cart, eye, heart, star });
+/**
+ * val-stats-card
+ *
+ * A card component for displaying statistics and KPIs.
+ * Supports presets for reusable configurations.
+ *
+ * @example With preset:
+ * <val-stats-card preset="kpi" [props]="{ title: 'Users', value: 1000 }"></val-stats-card>
+ *
+ * @example Basic usage
+ * <val-stats-card [props]="{
+ *   title: 'Total Users',
+ *   value: 12500,
+ *   icon: 'people',
+ *   color: 'primary'
+ * }"></val-stats-card>
+ *
+ * @input preset: string - Name of preset to apply
+ * @input props: StatsCardMetadata - Configuration for the stats card
+ * @output onClick: void - Emits when card is clicked
+ */
+export class StatsCardComponent {
+    constructor() {
+        this.presets = inject(PresetService);
+        this.props = {};
+        this.resolvedProps = {};
+        this.onClick = new EventEmitter();
+        this.Math = Math;
+    }
+    ngOnInit() {
+        this.resolveProps();
+    }
+    ngOnChanges(changes) {
+        if (changes['preset'] || changes['props']) {
+            this.resolveProps();
+        }
+    }
+    resolveProps() {
+        const presetProps = this.preset ? this.presets.get('statsCard', this.preset) : {};
+        this.resolvedProps = {
+            ...presetProps,
+            ...this.props,
+        };
+    }
+    getCardColor() {
+        const color = this.resolvedProps.color || 'primary';
+        return `var(--ion-color-${color})`;
+    }
+    getBackgroundClass() {
+        const bg = this.resolvedProps.background || 'light';
+        return `background-${bg}`;
+    }
+    getTrendClass() {
+        const direction = this.resolvedProps.trend?.direction || 'neutral';
+        const invert = this.resolvedProps.trend?.invertColors;
+        if (direction === 'neutral')
+            return 'trend-neutral';
+        if (direction === 'up')
+            return invert ? 'trend-down' : 'trend-up';
+        return invert ? 'trend-up' : 'trend-down';
+    }
+    getTrendIcon() {
+        const direction = this.resolvedProps.trend?.direction || 'neutral';
+        if (direction === 'up')
+            return 'trending-up';
+        if (direction === 'down')
+            return 'trending-down';
+        return 'remove';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StatsCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: StatsCardComponent, isStandalone: true, selector: "val-stats-card", inputs: { preset: "preset", props: "props" }, outputs: { onClick: "onClick" }, usesOnChanges: true, ngImport: i0, template: `
+    <ion-card
+      class="stats-card"
+      [class]="getBackgroundClass()"
+      [style.--card-color]="getCardColor()"
+      [style.min-height.px]="resolvedProps.minHeight"
+      (click)="onClick.emit()"
+    >
+      <ion-card-content>
+        <div class="stats-header">
+          <span class="stats-title">{{ resolvedProps.title }}</span>
+          @if (resolvedProps.icon) {
+            <ion-icon [name]="resolvedProps.icon" class="stats-icon"></ion-icon>
+          }
+        </div>
+
+        <div class="stats-value">
+          @if (resolvedProps.loading) {
+            <ion-skeleton-text [animated]="true" style="width: 60%; height: 32px;"></ion-skeleton-text>
+          } @else {
+            @if (resolvedProps.prefix) {
+              <span class="prefix">{{ resolvedProps.prefix }}</span>
+            }
+            <span class="value">{{ resolvedProps.value }}</span>
+            @if (resolvedProps.suffix) {
+              <span class="suffix">{{ resolvedProps.suffix }}</span>
+            }
+          }
+        </div>
+
+        @if (resolvedProps.trend && !resolvedProps.loading) {
+          <div class="stats-trend" [class]="getTrendClass()">
+            <ion-icon [name]="getTrendIcon()"></ion-icon>
+            <span class="trend-value">{{ Math.abs(resolvedProps.trend.value) }}%</span>
+            @if (resolvedProps.trend.label) {
+              <span class="trend-label">{{ resolvedProps.trend.label }}</span>
+            }
+          </div>
+        }
+
+        @if (resolvedProps.footer && !resolvedProps.loading) {
+          <div class="stats-footer">{{ resolvedProps.footer }}</div>
+        }
+
+        @if (resolvedProps.description && !resolvedProps.loading) {
+          <div class="stats-description">{{ resolvedProps.description }}</div>
+        }
+
+        @if (resolvedProps.logo && !resolvedProps.loading) {
+          <div class="stats-logo">
+            <img
+              [src]="resolvedProps.logo.src"
+              [alt]="resolvedProps.logo.alt"
+              [style.max-height.px]="resolvedProps.logo.maxHeight || 32"
+              [style.max-width.px]="resolvedProps.logo.maxWidth || 120"
+            />
+          </div>
+        }
+      </ion-card-content>
+    </ion-card>
+  `, isInline: true, styles: [":host{display:block}.stats-card{margin:0;border-radius:12px;cursor:pointer;transition:transform .2s,box-shadow .2s}.stats-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.stats-card.background-light{--background: var(--ion-color-light)}.stats-card.background-light .stats-title,.stats-card.background-light .stats-footer{color:var(--ion-color-medium)}.stats-card.background-light .stats-value{color:var(--ion-text-color)}.stats-card.background-light .stats-icon{color:var(--card-color);opacity:.8}.stats-card.background-solid{--background: var(--card-color)}.stats-card.background-solid .stats-title,.stats-card.background-solid .stats-footer,.stats-card.background-solid .stats-value,.stats-card.background-solid .stats-icon{color:#fff}.stats-card.background-solid .stats-title,.stats-card.background-solid .stats-footer{opacity:.9}.stats-card.background-gradient{--background: linear-gradient(135deg, var(--card-color), var(--card-color-shade, var(--card-color)))}.stats-card.background-gradient .stats-title,.stats-card.background-gradient .stats-footer,.stats-card.background-gradient .stats-value,.stats-card.background-gradient .stats-icon{color:#fff}.stats-card.background-gradient .stats-title,.stats-card.background-gradient .stats-footer{opacity:.9}ion-card-content{padding:16px}.stats-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.stats-title{font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stats-icon{font-size:24px}.stats-value{font-size:28px;font-weight:700;line-height:1.2;margin-bottom:8px}.stats-value .prefix,.stats-value .suffix{font-size:18px;font-weight:500;opacity:.8}.stats-value .prefix{margin-right:2px}.stats-value .suffix{margin-left:4px}.stats-trend{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:500;padding:4px 8px;border-radius:12px;margin-bottom:8px}.stats-trend ion-icon{font-size:16px}.stats-trend.trend-up{background-color:rgba(var(--ion-color-success-rgb),.15);color:var(--ion-color-success)}.stats-trend.trend-down{background-color:rgba(var(--ion-color-danger-rgb),.15);color:var(--ion-color-danger)}.stats-trend.trend-neutral{background-color:rgba(var(--ion-color-medium-rgb),.15);color:var(--ion-color-medium)}.stats-trend .trend-label{font-weight:400;opacity:.8;margin-left:4px}.stats-footer{font-size:12px;margin-top:4px}.stats-description{margin-top:8px;font-size:14px;line-height:1.4;color:var(--ion-text-color);opacity:.8}.stats-logo{margin-top:16px;padding-top:12px;border-top:1px solid rgba(var(--ion-text-color-rgb),.1)}.stats-logo img{display:block;object-fit:contain;filter:grayscale(100%);opacity:.7;transition:filter .2s,opacity .2s}.stats-logo:hover img{filter:grayscale(0%);opacity:1}.background-solid .stats-description,.background-gradient .stats-description{color:#fff;opacity:.9}.background-solid .stats-logo,.background-gradient .stats-logo{border-top-color:#fff3}.background-solid .stats-logo img,.background-gradient .stats-logo img{filter:grayscale(100%) brightness(10)}.background-solid .stats-logo:hover img,.background-gradient .stats-logo:hover img{filter:brightness(10)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: IonCardContent, selector: "ion-card-content", inputs: ["mode"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: IonSkeletonText, selector: "ion-skeleton-text", inputs: ["animated"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StatsCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-stats-card', standalone: true, imports: [CommonModule, IonCard, IonCardContent, IonIcon, IonSkeletonText], template: `
+    <ion-card
+      class="stats-card"
+      [class]="getBackgroundClass()"
+      [style.--card-color]="getCardColor()"
+      [style.min-height.px]="resolvedProps.minHeight"
+      (click)="onClick.emit()"
+    >
+      <ion-card-content>
+        <div class="stats-header">
+          <span class="stats-title">{{ resolvedProps.title }}</span>
+          @if (resolvedProps.icon) {
+            <ion-icon [name]="resolvedProps.icon" class="stats-icon"></ion-icon>
+          }
+        </div>
+
+        <div class="stats-value">
+          @if (resolvedProps.loading) {
+            <ion-skeleton-text [animated]="true" style="width: 60%; height: 32px;"></ion-skeleton-text>
+          } @else {
+            @if (resolvedProps.prefix) {
+              <span class="prefix">{{ resolvedProps.prefix }}</span>
+            }
+            <span class="value">{{ resolvedProps.value }}</span>
+            @if (resolvedProps.suffix) {
+              <span class="suffix">{{ resolvedProps.suffix }}</span>
+            }
+          }
+        </div>
+
+        @if (resolvedProps.trend && !resolvedProps.loading) {
+          <div class="stats-trend" [class]="getTrendClass()">
+            <ion-icon [name]="getTrendIcon()"></ion-icon>
+            <span class="trend-value">{{ Math.abs(resolvedProps.trend.value) }}%</span>
+            @if (resolvedProps.trend.label) {
+              <span class="trend-label">{{ resolvedProps.trend.label }}</span>
+            }
+          </div>
+        }
+
+        @if (resolvedProps.footer && !resolvedProps.loading) {
+          <div class="stats-footer">{{ resolvedProps.footer }}</div>
+        }
+
+        @if (resolvedProps.description && !resolvedProps.loading) {
+          <div class="stats-description">{{ resolvedProps.description }}</div>
+        }
+
+        @if (resolvedProps.logo && !resolvedProps.loading) {
+          <div class="stats-logo">
+            <img
+              [src]="resolvedProps.logo.src"
+              [alt]="resolvedProps.logo.alt"
+              [style.max-height.px]="resolvedProps.logo.maxHeight || 32"
+              [style.max-width.px]="resolvedProps.logo.maxWidth || 120"
+            />
+          </div>
+        }
+      </ion-card-content>
+    </ion-card>
+  `, styles: [":host{display:block}.stats-card{margin:0;border-radius:12px;cursor:pointer;transition:transform .2s,box-shadow .2s}.stats-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.stats-card.background-light{--background: var(--ion-color-light)}.stats-card.background-light .stats-title,.stats-card.background-light .stats-footer{color:var(--ion-color-medium)}.stats-card.background-light .stats-value{color:var(--ion-text-color)}.stats-card.background-light .stats-icon{color:var(--card-color);opacity:.8}.stats-card.background-solid{--background: var(--card-color)}.stats-card.background-solid .stats-title,.stats-card.background-solid .stats-footer,.stats-card.background-solid .stats-value,.stats-card.background-solid .stats-icon{color:#fff}.stats-card.background-solid .stats-title,.stats-card.background-solid .stats-footer{opacity:.9}.stats-card.background-gradient{--background: linear-gradient(135deg, var(--card-color), var(--card-color-shade, var(--card-color)))}.stats-card.background-gradient .stats-title,.stats-card.background-gradient .stats-footer,.stats-card.background-gradient .stats-value,.stats-card.background-gradient .stats-icon{color:#fff}.stats-card.background-gradient .stats-title,.stats-card.background-gradient .stats-footer{opacity:.9}ion-card-content{padding:16px}.stats-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.stats-title{font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stats-icon{font-size:24px}.stats-value{font-size:28px;font-weight:700;line-height:1.2;margin-bottom:8px}.stats-value .prefix,.stats-value .suffix{font-size:18px;font-weight:500;opacity:.8}.stats-value .prefix{margin-right:2px}.stats-value .suffix{margin-left:4px}.stats-trend{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:500;padding:4px 8px;border-radius:12px;margin-bottom:8px}.stats-trend ion-icon{font-size:16px}.stats-trend.trend-up{background-color:rgba(var(--ion-color-success-rgb),.15);color:var(--ion-color-success)}.stats-trend.trend-down{background-color:rgba(var(--ion-color-danger-rgb),.15);color:var(--ion-color-danger)}.stats-trend.trend-neutral{background-color:rgba(var(--ion-color-medium-rgb),.15);color:var(--ion-color-medium)}.stats-trend .trend-label{font-weight:400;opacity:.8;margin-left:4px}.stats-footer{font-size:12px;margin-top:4px}.stats-description{margin-top:8px;font-size:14px;line-height:1.4;color:var(--ion-text-color);opacity:.8}.stats-logo{margin-top:16px;padding-top:12px;border-top:1px solid rgba(var(--ion-text-color-rgb),.1)}.stats-logo img{display:block;object-fit:contain;filter:grayscale(100%);opacity:.7;transition:filter .2s,opacity .2s}.stats-logo:hover img{filter:grayscale(0%);opacity:1}.background-solid .stats-description,.background-gradient .stats-description{color:#fff;opacity:.9}.background-solid .stats-logo,.background-gradient .stats-logo{border-top-color:#fff3}.background-solid .stats-logo img,.background-gradient .stats-logo img{filter:grayscale(100%) brightness(10)}.background-solid .stats-logo:hover img,.background-gradient .stats-logo:hover img{filter:brightness(10)}\n"] }]
+        }], propDecorators: { preset: [{
+                type: Input
+            }], props: [{
+                type: Input
+            }], onClick: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdHMtY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvbW9sZWN1bGVzL3N0YXRzLWNhcmQvc3RhdHMtY2FyZC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFxQixNQUFNLEVBQUUsWUFBWSxFQUFpQixNQUFNLGVBQWUsQ0FBQztBQUNqSCxPQUFPLEVBQUUsT0FBTyxFQUFFLGNBQWMsRUFBRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDOUYsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUUxRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sVUFBVSxDQUFDO0FBQ3BDLE9BQU8sRUFBRSxVQUFVLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsR0FBRyxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7QUFFbkgsUUFBUSxDQUFDLEVBQUUsVUFBVSxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQztBQXFFaEc7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBb0JHO0FBQ0gsTUFBTSxPQUFPLGtCQUFrQjtJQXhGL0I7UUF5RlUsWUFBTyxHQUFHLE1BQU0sQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUcvQixVQUFLLEdBQStCLEVBQUUsQ0FBQztRQUVoRCxrQkFBYSxHQUFzQixFQUF1QixDQUFDO1FBRWpELFlBQU8sR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBRTdDLFNBQUksR0FBRyxJQUFJLENBQUM7S0E4Q2I7SUE1Q0MsUUFBUTtRQUNOLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBRUQsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLElBQUksT0FBTyxDQUFDLFFBQVEsQ0FBQyxJQUFJLE9BQU8sQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDO1lBQzFDLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUN0QixDQUFDO0lBQ0gsQ0FBQztJQUVPLFlBQVk7UUFDbEIsTUFBTSxXQUFXLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsV0FBVyxFQUFFLElBQUksQ0FBQyxNQUFNLENBQWdDLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztRQUVsSCxJQUFJLENBQUMsYUFBYSxHQUFHO1lBQ25CLEdBQUcsV0FBVztZQUNkLEdBQUcsSUFBSSxDQUFDLEtBQUs7U0FDTyxDQUFDO0lBQ3pCLENBQUM7SUFFRCxZQUFZO1FBQ1YsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQyxLQUFLLElBQUksU0FBUyxDQUFDO1FBQ3BELE9BQU8sbUJBQW1CLEtBQUssR0FBRyxDQUFDO0lBQ3JDLENBQUM7SUFFRCxrQkFBa0I7UUFDaEIsTUFBTSxFQUFFLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQyxVQUFVLElBQUksT0FBTyxDQUFDO1FBQ3BELE9BQU8sY0FBYyxFQUFFLEVBQUUsQ0FBQztJQUM1QixDQUFDO0lBRUQsYUFBYTtRQUNYLE1BQU0sU0FBUyxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsS0FBSyxFQUFFLFNBQVMsSUFBSSxTQUFTLENBQUM7UUFDbkUsTUFBTSxNQUFNLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQyxLQUFLLEVBQUUsWUFBWSxDQUFDO1FBRXRELElBQUksU0FBUyxLQUFLLFNBQVM7WUFBRSxPQUFPLGVBQWUsQ0FBQztRQUNwRCxJQUFJLFNBQVMsS0FBSyxJQUFJO1lBQUUsT0FBTyxNQUFNLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDO1FBQ2xFLE9BQU8sTUFBTSxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQztJQUM1QyxDQUFDO0lBRUQsWUFBWTtRQUNWLE1BQU0sU0FBUyxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsS0FBSyxFQUFFLFNBQVMsSUFBSSxTQUFTLENBQUM7UUFDbkUsSUFBSSxTQUFTLEtBQUssSUFBSTtZQUFFLE9BQU8sYUFBYSxDQUFDO1FBQzdDLElBQUksU0FBUyxLQUFLLE1BQU07WUFBRSxPQUFPLGVBQWUsQ0FBQztRQUNqRCxPQUFPLFFBQVEsQ0FBQztJQUNsQixDQUFDOytHQXZEVSxrQkFBa0I7bUdBQWxCLGtCQUFrQiw4S0FwRm5COzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0E0RFQsbXFHQTdEUyxZQUFZLCtCQUFFLE9BQU8seUxBQUUsY0FBYywrRUFBRSxPQUFPLDJKQUFFLGVBQWU7OzRGQXFGOUQsa0JBQWtCO2tCQXhGOUIsU0FBUzsrQkFDRSxnQkFBZ0IsY0FDZCxJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsT0FBTyxFQUFFLGNBQWMsRUFBRSxPQUFPLEVBQUUsZUFBZSxDQUFDLFlBQ2hFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0E0RFQ7OEJBMkJRLE1BQU07c0JBQWQsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBSUksT0FBTztzQkFBaEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgaW5qZWN0LCBJbnB1dCwgT25DaGFuZ2VzLCBPbkluaXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyLCBTaW1wbGVDaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJb25DYXJkLCBJb25DYXJkQ29udGVudCwgSW9uSWNvbiwgSW9uU2tlbGV0b25UZXh0IH0gZnJvbSAnQGlvbmljL2FuZ3VsYXIvc3RhbmRhbG9uZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgUHJlc2V0U2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzL3ByZXNldHMnO1xuaW1wb3J0IHsgU3RhdHNDYXJkTWV0YWRhdGEgfSBmcm9tICcuL3R5cGVzJztcbmltcG9ydCB7IGFkZEljb25zIH0gZnJvbSAnaW9uaWNvbnMnO1xuaW1wb3J0IHsgdHJlbmRpbmdVcCwgdHJlbmRpbmdEb3duLCByZW1vdmUsIGFuYWx5dGljcywgcGVvcGxlLCBjYXNoLCBjYXJ0LCBleWUsIGhlYXJ0LCBzdGFyIH0gZnJvbSAnaW9uaWNvbnMvaWNvbnMnO1xuXG5hZGRJY29ucyh7IHRyZW5kaW5nVXAsIHRyZW5kaW5nRG93biwgcmVtb3ZlLCBhbmFseXRpY3MsIHBlb3BsZSwgY2FzaCwgY2FydCwgZXllLCBoZWFydCwgc3RhciB9KTtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndmFsLXN0YXRzLWNhcmQnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBJb25DYXJkLCBJb25DYXJkQ29udGVudCwgSW9uSWNvbiwgSW9uU2tlbGV0b25UZXh0XSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8aW9uLWNhcmRcbiAgICAgIGNsYXNzPVwic3RhdHMtY2FyZFwiXG4gICAgICBbY2xhc3NdPVwiZ2V0QmFja2dyb3VuZENsYXNzKClcIlxuICAgICAgW3N0eWxlLi0tY2FyZC1jb2xvcl09XCJnZXRDYXJkQ29sb3IoKVwiXG4gICAgICBbc3R5bGUubWluLWhlaWdodC5weF09XCJyZXNvbHZlZFByb3BzLm1pbkhlaWdodFwiXG4gICAgICAoY2xpY2spPVwib25DbGljay5lbWl0KClcIlxuICAgID5cbiAgICAgIDxpb24tY2FyZC1jb250ZW50PlxuICAgICAgICA8ZGl2IGNsYXNzPVwic3RhdHMtaGVhZGVyXCI+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJzdGF0cy10aXRsZVwiPnt7IHJlc29sdmVkUHJvcHMudGl0bGUgfX08L3NwYW4+XG4gICAgICAgICAgQGlmIChyZXNvbHZlZFByb3BzLmljb24pIHtcbiAgICAgICAgICAgIDxpb24taWNvbiBbbmFtZV09XCJyZXNvbHZlZFByb3BzLmljb25cIiBjbGFzcz1cInN0YXRzLWljb25cIj48L2lvbi1pY29uPlxuICAgICAgICAgIH1cbiAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgPGRpdiBjbGFzcz1cInN0YXRzLXZhbHVlXCI+XG4gICAgICAgICAgQGlmIChyZXNvbHZlZFByb3BzLmxvYWRpbmcpIHtcbiAgICAgICAgICAgIDxpb24tc2tlbGV0b24tdGV4dCBbYW5pbWF0ZWRdPVwidHJ1ZVwiIHN0eWxlPVwid2lkdGg6IDYwJTsgaGVpZ2h0OiAzMnB4O1wiPjwvaW9uLXNrZWxldG9uLXRleHQ+XG4gICAgICAgICAgfSBAZWxzZSB7XG4gICAgICAgICAgICBAaWYgKHJlc29sdmVkUHJvcHMucHJlZml4KSB7XG4gICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwicHJlZml4XCI+e3sgcmVzb2x2ZWRQcm9wcy5wcmVmaXggfX08L3NwYW4+XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cInZhbHVlXCI+e3sgcmVzb2x2ZWRQcm9wcy52YWx1ZSB9fTwvc3Bhbj5cbiAgICAgICAgICAgIEBpZiAocmVzb2x2ZWRQcm9wcy5zdWZmaXgpIHtcbiAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJzdWZmaXhcIj57eyByZXNvbHZlZFByb3BzLnN1ZmZpeCB9fTwvc3Bhbj5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgIDwvZGl2PlxuXG4gICAgICAgIEBpZiAocmVzb2x2ZWRQcm9wcy50cmVuZCAmJiAhcmVzb2x2ZWRQcm9wcy5sb2FkaW5nKSB7XG4gICAgICAgICAgPGRpdiBjbGFzcz1cInN0YXRzLXRyZW5kXCIgW2NsYXNzXT1cImdldFRyZW5kQ2xhc3MoKVwiPlxuICAgICAgICAgICAgPGlvbi1pY29uIFtuYW1lXT1cImdldFRyZW5kSWNvbigpXCI+PC9pb24taWNvbj5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidHJlbmQtdmFsdWVcIj57eyBNYXRoLmFicyhyZXNvbHZlZFByb3BzLnRyZW5kLnZhbHVlKSB9fSU8L3NwYW4+XG4gICAgICAgICAgICBAaWYgKHJlc29sdmVkUHJvcHMudHJlbmQubGFiZWwpIHtcbiAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ0cmVuZC1sYWJlbFwiPnt7IHJlc29sdmVkUHJvcHMudHJlbmQubGFiZWwgfX08L3NwYW4+XG4gICAgICAgICAgICB9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIH1cblxuICAgICAgICBAaWYgKHJlc29sdmVkUHJvcHMuZm9vdGVyICYmICFyZXNvbHZlZFByb3BzLmxvYWRpbmcpIHtcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwic3RhdHMtZm9vdGVyXCI+e3sgcmVzb2x2ZWRQcm9wcy5mb290ZXIgfX08L2Rpdj5cbiAgICAgICAgfVxuXG4gICAgICAgIEBpZiAocmVzb2x2ZWRQcm9wcy5kZXNjcmlwdGlvbiAmJiAhcmVzb2x2ZWRQcm9wcy5sb2FkaW5nKSB7XG4gICAgICAgICAgPGRpdiBjbGFzcz1cInN0YXRzLWRlc2NyaXB0aW9uXCI+e3sgcmVzb2x2ZWRQcm9wcy5kZXNjcmlwdGlvbiB9fTwvZGl2PlxuICAgICAgICB9XG5cbiAgICAgICAgQGlmIChyZXNvbHZlZFByb3BzLmxvZ28gJiYgIXJlc29sdmVkUHJvcHMubG9hZGluZykge1xuICAgICAgICAgIDxkaXYgY2xhc3M9XCJzdGF0cy1sb2dvXCI+XG4gICAgICAgICAgICA8aW1nXG4gICAgICAgICAgICAgIFtzcmNdPVwicmVzb2x2ZWRQcm9wcy5sb2dvLnNyY1wiXG4gICAgICAgICAgICAgIFthbHRdPVwicmVzb2x2ZWRQcm9wcy5sb2dvLmFsdFwiXG4gICAgICAgICAgICAgIFtzdHlsZS5tYXgtaGVpZ2h0LnB4XT1cInJlc29sdmVkUHJvcHMubG9nby5tYXhIZWlnaHQgfHwgMzJcIlxuICAgICAgICAgICAgICBbc3R5bGUubWF4LXdpZHRoLnB4XT1cInJlc29sdmVkUHJvcHMubG9nby5tYXhXaWR0aCB8fCAxMjBcIlxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgfVxuICAgICAgPC9pb24tY2FyZC1jb250ZW50PlxuICAgIDwvaW9uLWNhcmQ+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL3N0YXRzLWNhcmQuY29tcG9uZW50LnNjc3MnXSxcbn0pXG4vKipcbiAqIHZhbC1zdGF0cy1jYXJkXG4gKlxuICogQSBjYXJkIGNvbXBvbmVudCBmb3IgZGlzcGxheWluZyBzdGF0aXN0aWNzIGFuZCBLUElzLlxuICogU3VwcG9ydHMgcHJlc2V0cyBmb3IgcmV1c2FibGUgY29uZmlndXJhdGlvbnMuXG4gKlxuICogQGV4YW1wbGUgV2l0aCBwcmVzZXQ6XG4gKiA8dmFsLXN0YXRzLWNhcmQgcHJlc2V0PVwia3BpXCIgW3Byb3BzXT1cInsgdGl0bGU6ICdVc2VycycsIHZhbHVlOiAxMDAwIH1cIj48L3ZhbC1zdGF0cy1jYXJkPlxuICpcbiAqIEBleGFtcGxlIEJhc2ljIHVzYWdlXG4gKiA8dmFsLXN0YXRzLWNhcmQgW3Byb3BzXT1cIntcbiAqICAgdGl0bGU6ICdUb3RhbCBVc2VycycsXG4gKiAgIHZhbHVlOiAxMjUwMCxcbiAqICAgaWNvbjogJ3Blb3BsZScsXG4gKiAgIGNvbG9yOiAncHJpbWFyeSdcbiAqIH1cIj48L3ZhbC1zdGF0cy1jYXJkPlxuICpcbiAqIEBpbnB1dCBwcmVzZXQ6IHN0cmluZyAtIE5hbWUgb2YgcHJlc2V0IHRvIGFwcGx5XG4gKiBAaW5wdXQgcHJvcHM6IFN0YXRzQ2FyZE1ldGFkYXRhIC0gQ29uZmlndXJhdGlvbiBmb3IgdGhlIHN0YXRzIGNhcmRcbiAqIEBvdXRwdXQgb25DbGljazogdm9pZCAtIEVtaXRzIHdoZW4gY2FyZCBpcyBjbGlja2VkXG4gKi9cbmV4cG9ydCBjbGFzcyBTdGF0c0NhcmRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcyB7XG4gIHByaXZhdGUgcHJlc2V0cyA9IGluamVjdChQcmVzZXRTZXJ2aWNlKTtcblxuICBASW5wdXQoKSBwcmVzZXQ/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHByb3BzOiBQYXJ0aWFsPFN0YXRzQ2FyZE1ldGFkYXRhPiA9IHt9O1xuXG4gIHJlc29sdmVkUHJvcHM6IFN0YXRzQ2FyZE1ldGFkYXRhID0ge30gYXMgU3RhdHNDYXJkTWV0YWRhdGE7XG5cbiAgQE91dHB1dCgpIG9uQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgTWF0aCA9IE1hdGg7XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5yZXNvbHZlUHJvcHMoKTtcbiAgfVxuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcbiAgICBpZiAoY2hhbmdlc1sncHJlc2V0J10gfHwgY2hhbmdlc1sncHJvcHMnXSkge1xuICAgICAgdGhpcy5yZXNvbHZlUHJvcHMoKTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIHJlc29sdmVQcm9wcygpOiB2b2lkIHtcbiAgICBjb25zdCBwcmVzZXRQcm9wcyA9IHRoaXMucHJlc2V0ID8gKHRoaXMucHJlc2V0cy5nZXQoJ3N0YXRzQ2FyZCcsIHRoaXMucHJlc2V0KSBhcyBQYXJ0aWFsPFN0YXRzQ2FyZE1ldGFkYXRhPikgOiB7fTtcblxuICAgIHRoaXMucmVzb2x2ZWRQcm9wcyA9IHtcbiAgICAgIC4uLnByZXNldFByb3BzLFxuICAgICAgLi4udGhpcy5wcm9wcyxcbiAgICB9IGFzIFN0YXRzQ2FyZE1ldGFkYXRhO1xuICB9XG5cbiAgZ2V0Q2FyZENvbG9yKCk6IHN0cmluZyB7XG4gICAgY29uc3QgY29sb3IgPSB0aGlzLnJlc29sdmVkUHJvcHMuY29sb3IgfHwgJ3ByaW1hcnknO1xuICAgIHJldHVybiBgdmFyKC0taW9uLWNvbG9yLSR7Y29sb3J9KWA7XG4gIH1cblxuICBnZXRCYWNrZ3JvdW5kQ2xhc3MoKTogc3RyaW5nIHtcbiAgICBjb25zdCBiZyA9IHRoaXMucmVzb2x2ZWRQcm9wcy5iYWNrZ3JvdW5kIHx8ICdsaWdodCc7XG4gICAgcmV0dXJuIGBiYWNrZ3JvdW5kLSR7Ymd9YDtcbiAgfVxuXG4gIGdldFRyZW5kQ2xhc3MoKTogc3RyaW5nIHtcbiAgICBjb25zdCBkaXJlY3Rpb24gPSB0aGlzLnJlc29sdmVkUHJvcHMudHJlbmQ/LmRpcmVjdGlvbiB8fCAnbmV1dHJhbCc7XG4gICAgY29uc3QgaW52ZXJ0ID0gdGhpcy5yZXNvbHZlZFByb3BzLnRyZW5kPy5pbnZlcnRDb2xvcnM7XG5cbiAgICBpZiAoZGlyZWN0aW9uID09PSAnbmV1dHJhbCcpIHJldHVybiAndHJlbmQtbmV1dHJhbCc7XG4gICAgaWYgKGRpcmVjdGlvbiA9PT0gJ3VwJykgcmV0dXJuIGludmVydCA/ICd0cmVuZC1kb3duJyA6ICd0cmVuZC11cCc7XG4gICAgcmV0dXJuIGludmVydCA/ICd0cmVuZC11cCcgOiAndHJlbmQtZG93bic7XG4gIH1cblxuICBnZXRUcmVuZEljb24oKTogc3RyaW5nIHtcbiAgICBjb25zdCBkaXJlY3Rpb24gPSB0aGlzLnJlc29sdmVkUHJvcHMudHJlbmQ/LmRpcmVjdGlvbiB8fCAnbmV1dHJhbCc7XG4gICAgaWYgKGRpcmVjdGlvbiA9PT0gJ3VwJykgcmV0dXJuICd0cmVuZGluZy11cCc7XG4gICAgaWYgKGRpcmVjdGlvbiA9PT0gJ2Rvd24nKSByZXR1cm4gJ3RyZW5kaW5nLWRvd24nO1xuICAgIHJldHVybiAncmVtb3ZlJztcbiAgfVxufVxuIl19

package/esm2022/lib/components/molecules/stats-card/types.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvbW9sZWN1bGVzL3N0YXRzLWNhcmQvdHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbG9yIH0gZnJvbSAnQGlvbmljL2NvcmUnO1xuXG4vKipcbiAqIExvZ28gY29uZmlndXJhdGlvbiBmb3Igc3RhdHMgY2FyZC5cbiAqL1xuZXhwb3J0IGludGVyZmFjZSBTdGF0c0NhcmRMb2dvIHtcbiAgLyoqIExvZ28gaW1hZ2UgVVJMICovXG4gIHNyYzogc3RyaW5nO1xuICAvKiogQWx0IHRleHQgZm9yIGFjY2Vzc2liaWxpdHkgKi9cbiAgYWx0OiBzdHJpbmc7XG4gIC8qKiBNYXggaGVpZ2h0IGluIHBpeGVscyAoZGVmYXVsdDogMzIpICovXG4gIG1heEhlaWdodD86IG51bWJlcjtcbiAgLyoqIE1heCB3aWR0aCBpbiBwaXhlbHMgKGRlZmF1bHQ6IDEyMCkgKi9cbiAgbWF4V2lkdGg/OiBudW1iZXI7XG59XG5cbi8qKlxuICogVHJlbmQgY29uZmlndXJhdGlvbiBmb3Igc3RhdHMgY2FyZC5cbiAqL1xuZXhwb3J0IGludGVyZmFjZSBTdGF0c1RyZW5kIHtcbiAgLyoqIFRyZW5kIHZhbHVlIChwZXJjZW50YWdlIG9yIGFic29sdXRlKSAqL1xuICB2YWx1ZTogbnVtYmVyO1xuICAvKiogVHJlbmQgZGlyZWN0aW9uICovXG4gIGRpcmVjdGlvbjogJ3VwJyB8ICdkb3duJyB8ICduZXV0cmFsJztcbiAgLyoqIFRyZW5kIGxhYmVsIChlLmcuLCBcInZzIGxhc3QgbW9udGhcIikgKi9cbiAgbGFiZWw/OiBzdHJpbmc7XG4gIC8qKiBJbnZlcnQgY29sb3JzICh1cD1iYWQsIGRvd249Z29vZCkgKi9cbiAgaW52ZXJ0Q29sb3JzPzogYm9vbGVhbjtcbn1cblxuLyoqXG4gKiBNZXRhZGF0YSBmb3IgdGhlIHN0YXRzIGNhcmQgY29tcG9uZW50LlxuICovXG5leHBvcnQgaW50ZXJmYWNlIFN0YXRzQ2FyZE1ldGFkYXRhIHtcbiAgLyoqIFN0YXQgdGl0bGUvbGFiZWwgKi9cbiAgdGl0bGU6IHN0cmluZztcbiAgLyoqIE1haW4gc3RhdCB2YWx1ZSAqL1xuICB2YWx1ZTogc3RyaW5nIHwgbnVtYmVyO1xuICAvKiogVmFsdWUgcHJlZml4IChlLmcuLCBcIiRcIiwgXCLigqxcIikgKi9cbiAgcHJlZml4Pzogc3RyaW5nO1xuICAvKiogVmFsdWUgc3VmZml4IChlLmcuLCBcIiVcIiwgXCJ1c2Vyc1wiKSAqL1xuICBzdWZmaXg/OiBzdHJpbmc7XG4gIC8qKiBJY29uIG5hbWUgKi9cbiAgaWNvbj86IHN0cmluZztcbiAgLyoqIENhcmQgY29sb3IgKi9cbiAgY29sb3I/OiBDb2xvcjtcbiAgLyoqIEJhY2tncm91bmQgc3R5bGUgKi9cbiAgYmFja2dyb3VuZD86ICdzb2xpZCcgfCAnZ3JhZGllbnQnIHwgJ2xpZ2h0JztcbiAgLyoqIFRyZW5kIGluZGljYXRvciAqL1xuICB0cmVuZD86IFN0YXRzVHJlbmQ7XG4gIC8qKiBGb290ZXIgdGV4dCAqL1xuICBmb290ZXI/OiBzdHJpbmc7XG4gIC8qKiBEZXNjcmlwdGlvbiB0ZXh0IChmb3IgR2l0TGFiLXN0eWxlIGxheW91dCkgKi9cbiAgZGVzY3JpcHRpb24/OiBzdHJpbmc7XG4gIC8qKiBDb21wYW55L2JyYW5kIGxvZ28gZGlzcGxheWVkIGF0IGJvdHRvbSAqL1xuICBsb2dvPzogU3RhdHNDYXJkTG9nbztcbiAgLyoqIE1pbmltdW0gaGVpZ2h0IGluIHBpeGVscyAoZm9yIHVuaWZvcm0gY2FyZCBzaXplcykgKi9cbiAgbWluSGVpZ2h0PzogbnVtYmVyO1xuICAvKiogTG9hZGluZyBzdGF0ZSAqL1xuICBsb2FkaW5nPzogYm9vbGVhbjtcbiAgLyoqIFVuaXF1ZSB0b2tlbiBpZGVudGlmaWVyICovXG4gIHRva2VuPzogc3RyaW5nO1xufVxuIl19

package/esm2022/lib/components/molecules/stepper/stepper.component.mjs

@@ -0,0 +1,242 @@
+import { Component, inject, Input, Output, EventEmitter } from '@angular/core';
+import { IonIcon } from '@ionic/angular/standalone';
+import { CommonModule } from '@angular/common';
+import { PresetService } from '../../../services/presets';
+import { addIcons } from 'ionicons';
+import { checkmark, close, ellipse } from 'ionicons/icons';
+import * as i0 from "@angular/core";
+addIcons({ checkmark, close, ellipse });
+/**
+ * val-stepper
+ *
+ * A stepper component for multi-step processes.
+ * Supports horizontal and vertical orientations.
+ *
+ * @example Basic usage
+ * <val-stepper [props]="{
+ *   steps: [
+ *     { value: 'info', label: 'Personal Info' },
+ *     { value: 'address', label: 'Address' },
+ *     { value: 'payment', label: 'Payment' },
+ *     { value: 'confirm', label: 'Confirm' }
+ *   ],
+ *   currentIndex: 1
+ * }" (stepChange)="onStepChange($event)"></val-stepper>
+ *
+ * @example Vertical with descriptions
+ * <val-stepper [props]="{
+ *   steps: [
+ *     { value: 'step1', label: 'Step 1', description: 'Description here' },
+ *     { value: 'step2', label: 'Step 2', optional: true }
+ *   ],
+ *   orientation: 'vertical',
+ *   currentIndex: 0
+ * }"></val-stepper>
+ *
+ * @input props: StepperMetadata - Configuration for the stepper
+ * @output stepChange: StepChangeEvent - Emits when step changes
+ */
+export class StepperComponent {
+    constructor() {
+        this.presets = inject(PresetService);
+        /**
+         * Stepper configuration object. Values here override preset values.
+         */
+        this.props = {};
+        /**
+         * Resolved props after merging preset + explicit props.
+         */
+        this.resolvedProps = {};
+        this.stepChange = new EventEmitter();
+    }
+    ngOnInit() {
+        this.resolveProps();
+    }
+    ngOnChanges(changes) {
+        if (changes['preset'] || changes['props']) {
+            this.resolveProps();
+        }
+    }
+    resolveProps() {
+        const presetProps = this.preset
+            ? this.presets.get('stepper', this.preset)
+            : {};
+        this.resolvedProps = {
+            ...presetProps,
+            ...this.props,
+        };
+    }
+    getCurrentIndex() {
+        if (this.resolvedProps.currentIndex !== undefined) {
+            return this.resolvedProps.currentIndex;
+        }
+        if (this.resolvedProps.currentStep) {
+            return this.resolvedProps.steps?.findIndex((s) => s.value === this.resolvedProps.currentStep) ?? 0;
+        }
+        return 0;
+    }
+    getStepStatus(step, index) {
+        if (step.status)
+            return step.status;
+        const currentIndex = this.getCurrentIndex();
+        if (index < currentIndex)
+            return 'completed';
+        if (index === currentIndex)
+            return 'current';
+        return 'pending';
+    }
+    getStepColor(step, index) {
+        const status = this.getStepStatus(step, index);
+        const color = this.resolvedProps.color || 'primary';
+        switch (status) {
+            case 'completed':
+                return `var(--ion-color-${color})`;
+            case 'current':
+                return `var(--ion-color-${color})`;
+            case 'error':
+                return 'var(--ion-color-danger)';
+            default:
+                return 'var(--ion-color-medium)';
+        }
+    }
+    isStepClickable(step, index) {
+        if (step.disabled)
+            return false;
+        if (!this.resolvedProps.linear)
+            return true;
+        const currentIndex = this.getCurrentIndex();
+        return index <= currentIndex || (step.editable && index < currentIndex);
+    }
+    onStepClick(step, index) {
+        if (!this.isStepClickable(step, index))
+            return;
+        const currentIndex = this.getCurrentIndex();
+        if (index === currentIndex)
+            return;
+        this.stepChange.emit({
+            step,
+            index,
+            previousIndex: currentIndex,
+        });
+    }
+    getStepLabel(step) {
+        return step.label || step.contentFallback || '';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: StepperComponent, isStandalone: true, selector: "val-stepper", inputs: { preset: "preset", props: "props" }, outputs: { stepChange: "stepChange" }, usesOnChanges: true, ngImport: i0, template: `
+    <div
+      class="stepper-container"
+      [class.horizontal]="resolvedProps.orientation !== 'vertical'"
+      [class.vertical]="resolvedProps.orientation === 'vertical'"
+    >
+      @for (step of resolvedProps.steps; track step.value; let i = $index; let isLast = $last) {
+        <div
+          class="step"
+          [class.current]="getStepStatus(step, i) === 'current'"
+          [class.completed]="getStepStatus(step, i) === 'completed'"
+          [class.error]="getStepStatus(step, i) === 'error'"
+          [class.disabled]="step.disabled"
+          [class.clickable]="isStepClickable(step, i)"
+          (click)="onStepClick(step, i)"
+        >
+          <div class="step-indicator">
+            <div class="step-circle" [style.--step-color]="getStepColor(step, i)">
+              @if (getStepStatus(step, i) === 'completed') {
+                <ion-icon name="checkmark"></ion-icon>
+              } @else if (getStepStatus(step, i) === 'error') {
+                <ion-icon name="close"></ion-icon>
+              } @else if (step.icon) {
+                <ion-icon [name]="step.icon"></ion-icon>
+              } @else if (resolvedProps.showNumbers !== false) {
+                <span class="step-number">{{ i + 1 }}</span>
+              } @else {
+                <ion-icon name="ellipse"></ion-icon>
+              }
+            </div>
+            @if (!isLast && resolvedProps.connectorStyle !== 'none') {
+              <div
+                class="step-connector"
+                [class.dashed]="resolvedProps.connectorStyle === 'dashed'"
+                [class.completed]="getStepStatus(step, i) === 'completed'"
+              ></div>
+            }
+          </div>
+          <div class="step-content">
+            <div class="step-label">
+              {{ getStepLabel(step) }}
+              @if (step.optional) {
+                <span class="optional-text">(Optional)</span>
+              }
+            </div>
+            @if (step.description) {
+              <div class="step-description">{{ step.description }}</div>
+            }
+          </div>
+        </div>
+      }
+    </div>
+  `, isInline: true, styles: [":host{display:block}.stepper-container{display:flex}.stepper-container.horizontal{flex-direction:row;align-items:flex-start}.stepper-container.horizontal .step{flex:1;flex-direction:column;align-items:center;text-align:center}.stepper-container.horizontal .step .step-indicator{flex-direction:row;width:100%;justify-content:center}.stepper-container.horizontal .step .step-connector{flex:1;height:2px;margin:0 8px;align-self:center}.stepper-container.vertical{flex-direction:column}.stepper-container.vertical .step{flex-direction:row;align-items:flex-start}.stepper-container.vertical .step .step-indicator{flex-direction:column;align-items:center}.stepper-container.vertical .step .step-connector{width:2px;flex:1;min-height:24px;margin:8px 0}.stepper-container.vertical .step .step-content{margin-left:12px;padding-bottom:24px}.step{display:flex;cursor:default}.step.clickable{cursor:pointer}.step.clickable:hover .step-circle{transform:scale(1.1)}.step.disabled{opacity:.5;pointer-events:none}.step.current .step-circle{box-shadow:0 0 0 4px rgba(var(--ion-color-primary-rgb),.2)}.step-indicator{display:flex;position:relative}.step-circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--step-color, var(--ion-color-medium));color:#fff;font-weight:600;font-size:14px;transition:transform .2s,box-shadow .2s;flex-shrink:0}.step-circle ion-icon{font-size:18px}.step-connector{background-color:var(--ion-color-light-shade);transition:background-color .3s}.step-connector.completed{background-color:var(--ion-color-primary)}.step-connector.dashed{background:repeating-linear-gradient(90deg,var(--ion-color-light-shade),var(--ion-color-light-shade) 4px,transparent 4px,transparent 8px)}.step-connector.dashed.completed{background:repeating-linear-gradient(90deg,var(--ion-color-primary),var(--ion-color-primary) 4px,transparent 4px,transparent 8px)}.step-content{margin-top:8px}.step-label{font-weight:500;font-size:14px;color:var(--ion-text-color)}.step-label .optional-text{font-weight:400;font-size:12px;color:var(--ion-color-medium);margin-left:4px}.step-description{font-size:12px;color:var(--ion-color-medium);margin-top:4px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StepperComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-stepper', standalone: true, imports: [CommonModule, IonIcon], template: `
+    <div
+      class="stepper-container"
+      [class.horizontal]="resolvedProps.orientation !== 'vertical'"
+      [class.vertical]="resolvedProps.orientation === 'vertical'"
+    >
+      @for (step of resolvedProps.steps; track step.value; let i = $index; let isLast = $last) {
+        <div
+          class="step"
+          [class.current]="getStepStatus(step, i) === 'current'"
+          [class.completed]="getStepStatus(step, i) === 'completed'"
+          [class.error]="getStepStatus(step, i) === 'error'"
+          [class.disabled]="step.disabled"
+          [class.clickable]="isStepClickable(step, i)"
+          (click)="onStepClick(step, i)"
+        >
+          <div class="step-indicator">
+            <div class="step-circle" [style.--step-color]="getStepColor(step, i)">
+              @if (getStepStatus(step, i) === 'completed') {
+                <ion-icon name="checkmark"></ion-icon>
+              } @else if (getStepStatus(step, i) === 'error') {
+                <ion-icon name="close"></ion-icon>
+              } @else if (step.icon) {
+                <ion-icon [name]="step.icon"></ion-icon>
+              } @else if (resolvedProps.showNumbers !== false) {
+                <span class="step-number">{{ i + 1 }}</span>
+              } @else {
+                <ion-icon name="ellipse"></ion-icon>
+              }
+            </div>
+            @if (!isLast && resolvedProps.connectorStyle !== 'none') {
+              <div
+                class="step-connector"
+                [class.dashed]="resolvedProps.connectorStyle === 'dashed'"
+                [class.completed]="getStepStatus(step, i) === 'completed'"
+              ></div>
+            }
+          </div>
+          <div class="step-content">
+            <div class="step-label">
+              {{ getStepLabel(step) }}
+              @if (step.optional) {
+                <span class="optional-text">(Optional)</span>
+              }
+            </div>
+            @if (step.description) {
+              <div class="step-description">{{ step.description }}</div>
+            }
+          </div>
+        </div>
+      }
+    </div>
+  `, styles: [":host{display:block}.stepper-container{display:flex}.stepper-container.horizontal{flex-direction:row;align-items:flex-start}.stepper-container.horizontal .step{flex:1;flex-direction:column;align-items:center;text-align:center}.stepper-container.horizontal .step .step-indicator{flex-direction:row;width:100%;justify-content:center}.stepper-container.horizontal .step .step-connector{flex:1;height:2px;margin:0 8px;align-self:center}.stepper-container.vertical{flex-direction:column}.stepper-container.vertical .step{flex-direction:row;align-items:flex-start}.stepper-container.vertical .step .step-indicator{flex-direction:column;align-items:center}.stepper-container.vertical .step .step-connector{width:2px;flex:1;min-height:24px;margin:8px 0}.stepper-container.vertical .step .step-content{margin-left:12px;padding-bottom:24px}.step{display:flex;cursor:default}.step.clickable{cursor:pointer}.step.clickable:hover .step-circle{transform:scale(1.1)}.step.disabled{opacity:.5;pointer-events:none}.step.current .step-circle{box-shadow:0 0 0 4px rgba(var(--ion-color-primary-rgb),.2)}.step-indicator{display:flex;position:relative}.step-circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--step-color, var(--ion-color-medium));color:#fff;font-weight:600;font-size:14px;transition:transform .2s,box-shadow .2s;flex-shrink:0}.step-circle ion-icon{font-size:18px}.step-connector{background-color:var(--ion-color-light-shade);transition:background-color .3s}.step-connector.completed{background-color:var(--ion-color-primary)}.step-connector.dashed{background:repeating-linear-gradient(90deg,var(--ion-color-light-shade),var(--ion-color-light-shade) 4px,transparent 4px,transparent 8px)}.step-connector.dashed.completed{background:repeating-linear-gradient(90deg,var(--ion-color-primary),var(--ion-color-primary) 4px,transparent 4px,transparent 8px)}.step-content{margin-top:8px}.step-label{font-weight:500;font-size:14px;color:var(--ion-text-color)}.step-label .optional-text{font-weight:400;font-size:12px;color:var(--ion-color-medium);margin-left:4px}.step-description{font-size:12px;color:var(--ion-color-medium);margin-top:4px}\n"] }]
+        }], propDecorators: { preset: [{
+                type: Input
+            }], props: [{
+                type: Input
+            }], stepChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcHBlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvbW9sZWN1bGVzL3N0ZXBwZXIvc3RlcHBlci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFxQixNQUFNLEVBQUUsWUFBWSxFQUFpQixNQUFNLGVBQWUsQ0FBQztBQUNqSCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDcEQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUUxRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sVUFBVSxDQUFDO0FBQ3BDLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxNQUFNLGdCQUFnQixDQUFDOztBQUUzRCxRQUFRLENBQUMsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxDQUFDLENBQUM7QUE2RHhDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQTZCRztBQUNILE1BQU0sT0FBTyxnQkFBZ0I7SUF6RjdCO1FBMEZVLFlBQU8sR0FBRyxNQUFNLENBQUMsYUFBYSxDQUFDLENBQUM7UUFReEM7O1dBRUc7UUFDTSxVQUFLLEdBQTZCLEVBQUUsQ0FBQztRQUU5Qzs7V0FFRztRQUNILGtCQUFhLEdBQW9CLEVBQXFCLENBQUM7UUFFN0MsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFtQixDQUFDO0tBa0Y1RDtJQWhGQyxRQUFRO1FBQ04sSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFFRCxXQUFXLENBQUMsT0FBc0I7UUFDaEMsSUFBSSxPQUFPLENBQUMsUUFBUSxDQUFDLElBQUksT0FBTyxD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YUFBYSxFQUFFLFlBQVk7U0FDNUIsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELFlBQVksQ0FBQyxJQUFrQjtRQUM3QixPQUFPLElBQUksQ0FBQyxLQUFLLElBQUksSUFBSSxDQUFDLGVBQWUsSUFBSSxFQUFFLENBQUM7SUFDbEQsQ0FBQzsrR0FwR1UsZ0JBQWdCO21HQUFoQixnQkFBZ0IsaUxBckZqQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW9EVCxtdUVBckRTLFlBQVksK0JBQUUsT0FBTzs7NEZBc0ZwQixnQkFBZ0I7a0JBekY1QixTQUFTOytCQUNFLGFBQWEsY0FDWCxJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsT0FBTyxDQUFDLFlBQ3RCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBb0RUOzhCQXdDUSxNQUFNO3NCQUFkLEtBQUs7Z0JBS0csS0FBSztzQkFBYixLQUFLO2dCQU9JLFVBQVU7c0JBQW5CLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIGluamVjdCwgSW5wdXQsIE9uQ2hhbmdlcywgT25Jbml0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciwgU2ltcGxlQ2hhbmdlcyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSW9uSWNvbiB9IGZyb20gJ0Bpb25pYy9hbmd1bGFyL3N0YW5kYWxvbmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFByZXNldFNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9zZXJ2aWNlcy9wcmVzZXRzJztcbmltcG9ydCB7IFN0ZXBwZXJNZXRhZGF0YSwgU3RlcE1ldGFkYXRhLCBTdGVwQ2hhbmdlRXZlbnQsIFN0ZXBTdGF0dXMgfSBmcm9tICcuL3R5cGVzJztcbmltcG9ydCB7IGFkZEljb25zIH0gZnJvbSAnaW9uaWNvbnMnO1xuaW1wb3J0IHsgY2hlY2ttYXJrLCBjbG9zZSwgZWxsaXBzZSB9IGZyb20gJ2lvbmljb25zL2ljb25zJztcblxuYWRkSWNvbnMoeyBjaGVja21hcmssIGNsb3NlLCBlbGxpcHNlIH0pO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd2YWwtc3RlcHBlcicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIElvbkljb25dLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXZcbiAgICAgIGNsYXNzPVwic3RlcHBlci1jb250YWluZXJcIlxuICAgICAgW2NsYXNzLmhvcml6b250YWxdPVwicmVzb2x2ZWRQcm9wcy5vcmllbnRhdGlvbiAhPT0gJ3ZlcnRpY2FsJ1wiXG4gICAgICBbY2xhc3MudmVydGljYWxdPVwicmVzb2x2ZWRQcm9wcy5vcmllbnRhdGlvbiA9PT0gJ3ZlcnRpY2FsJ1wiXG4gICAgPlxuICAgICAgQGZvciAoc3RlcCBvZiByZXNvbHZlZFByb3BzLnN0ZXBzOyB0cmFjayBzdGVwLnZhbHVlOyBsZXQgaSA9ICRpbmRleDsgbGV0IGlzTGFzdCA9ICRsYXN0KSB7XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjbGFzcz1cInN0ZXBcIlxuICAgICAgICAgIFtjbGFzcy5jdXJyZW50XT1cImdldFN0ZXBTdGF0dXMoc3RlcCwgaSkgPT09ICdjdXJyZW50J1wiXG4gICAgICAgICAgW2NsYXNzLmNvbXBsZXRlZF09XCJnZXRTdGVwU3RhdHVzKHN0ZXAsIGkpID09PSAnY29tcGxldGVkJ1wiXG4gICAgICAgICAgW2NsYXNzLmVycm9yXT1cImdldFN0ZXBTdGF0dXMoc3RlcCwgaSkgPT09ICdlcnJvcidcIlxuICAgICAgICAgIFtjbGFzcy5kaXNhYmxlZF09XCJzdGVwLmRpc2FibGVkXCJcbiAgICAgICAgICBbY2xhc3MuY2xpY2thYmxlXT1cImlzU3RlcENsaWNrYWJsZShzdGVwLCBpKVwiXG4gICAgICAgICAgKGNsaWNrKT1cIm9uU3RlcENsaWNrKHN0ZXAsIGkpXCJcbiAgICAgICAgPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJzdGVwLWluZGljYXRvclwiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInN0ZXAtY2lyY2xlXCIgW3N0eWxlLi0tc3RlcC1jb2xvcl09XCJnZXRTdGVwQ29sb3Ioc3RlcCwgaSlcIj5cbiAgICAgICAgICAgICAgQGlmIChnZXRTdGVwU3RhdHVzKHN0ZXAsIGkpID09PSAnY29tcGxldGVkJykge1xuICAgICAgICAgICAgICAgIDxpb24taWNvbiBuYW1lPVwiY2hlY2ttYXJrXCI+PC9pb24taWNvbj5cbiAgICAgICAgICAgICAgfSBAZWxzZSBpZiAoZ2V0U3RlcFN0YXR1cyhzdGVwLCBpKSA9PT0gJ2Vycm9yJykge1xuICAgICAgICAgICAgICAgIDxpb24taWNvbiBuYW1lPVwiY2xvc2VcIj48L2lvbi1pY29uPlxuICAgICAgICAgICAgICB9IEBlbHNlIGlmIChzdGVwLmljb24pIHtcbiAgICAgICAgICAgICAgICA8aW9uLWljb24gW25hbWVdPVwic3RlcC5pY29uXCI+PC9pb24taWNvbj5cbiAgICAgICAgICAgICAgfSBAZWxzZSBpZiAocmVzb2x2ZWRQcm9wcy5zaG93TnVtYmVycyAhPT0gZmFsc2UpIHtcbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInN0ZXAtbnVtYmVyXCI+e3sgaSArIDEgfX08L3NwYW4+XG4gICAgICAgICAgICAgIH0gQGVsc2Uge1xuICAgICAgICAgICAgICAgIDxpb24taWNvbiBuYW1lPVwiZWxsaXBzZVwiPjwvaW9uLWljb24+XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgQGlmICghaXNMYXN0ICYmIHJlc29sdmVkUHJvcHMuY29ubmVjdG9yU3R5bGUgIT09ICdub25lJykge1xuICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgY2xhc3M9XCJzdGVwLWNvbm5lY3RvclwiXG4gICAgICAgICAgICAgICAgW2NsYXNzLmRhc2hlZF09XCJyZXNvbHZlZFByb3BzLmNvbm5lY3RvclN0eWxlID09PSAnZGFzaGVkJ1wiXG4gICAgICAgICAgICAgICAgW2NsYXNzLmNvbXBsZXRlZF09XCJnZXRTdGVwU3RhdHVzKHN0ZXAsIGkpID09PSAnY29tcGxldGVkJ1wiXG4gICAgICAgICAgICAgID48L2Rpdj5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwic3RlcC1jb250ZW50XCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwic3RlcC1sYWJlbFwiPlxuICAgICAgICAgICAgICB7eyBnZXRTdGVwTGFiZWwoc3RlcCkgfX1cbiAgICAgICAgICAgICAgQGlmIChzdGVwLm9wdGlvbmFsKSB7XG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJvcHRpb25hbC10ZXh0XCI+KE9wdGlvbmFsKTwvc3Bhbj5cbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICBAaWYgKHN0ZXAuZGVzY3JpcHRpb24pIHtcbiAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInN0ZXAtZGVzY3JpcHRpb25cIj57eyBzdGVwLmRlc2NyaXB0aW9uIH19PC9kaXY+XG4gICAgICAgICAgICB9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgfVxuICAgIDwvZGl2PlxuICBgLFxuICBzdHlsZVVybHM6IFsnLi9zdGVwcGVyLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuLyoqXG4gKiB2YWwtc3RlcHBlclxuICpcbiAqIEEgc3RlcHBlciBjb21wb25lbnQgZm9yIG11bHRpLXN0ZXAgcHJvY2Vzc2VzLlxuICogU3VwcG9ydHMgaG9yaXpvbnRhbCBhbmQgdmVydGljYWwgb3JpZW50YXRpb25zLlxuICpcbiAqIEBleGFtcGxlIEJhc2ljIHVzYWdlXG4gKiA8dmFsLXN0ZXBwZXIgW3Byb3BzXT1cIntcbiAqICAgc3RlcHM6IFtcbiAqICAgICB7IHZhbHVlOiAnaW5mbycsIGxhYmVsOiAnUGVyc29uYWwgSW5mbycgfSxcbiAqICAgICB7IHZhbHVlOiAnYWRkcmVzcycsIGxhYmVsOiAnQWRkcmVzcycgfSxcbiAqICAgICB7IHZhbHVlOiAncGF5bWVudCcsIGxhYmVsOiAnUGF5bWVudCcgfSxcbiAqICAgICB7IHZhbHVlOiAnY29uZmlybScsIGxhYmVsOiAnQ29uZmlybScgfVxuICogICBdLFxuICogICBjdXJyZW50SW5kZXg6IDFcbiAqIH1cIiAoc3RlcENoYW5nZSk9XCJvblN0ZXBDaGFuZ2UoJGV2ZW50KVwiPjwvdmFsLXN0ZXBwZXI+XG4gKlxuICogQGV4YW1wbGUgVmVydGljYWwgd2l0aCBkZXNjcmlwdGlvbnNcbiAqIDx2YWwtc3RlcHBlciBbcHJvcHNdPVwie1xuICogICBzdGVwczogW1xuICogICAgIHsgdmFsdWU6ICdzdGVwMScsIGxhYmVsOiAnU3RlcCAxJywgZGVzY3JpcHRpb246ICdEZXNjcmlwdGlvbiBoZXJlJyB9LFxuICogICAgIHsgdmFsdWU6ICdzdGVwMicsIGxhYmVsOiAnU3RlcCAyJywgb3B0aW9uYWw6IHRydWUgfVxuICogICBdLFxuICogICBvcmllbnRhdGlvbjogJ3ZlcnRpY2FsJyxcbiAqICAgY3VycmVudEluZGV4OiAwXG4gKiB9XCI+PC92YWwtc3RlcHBlcj5cbiAqXG4gKiBAaW5wdXQgcHJvcHM6IFN0ZXBwZXJNZXRhZGF0YSAtIENvbmZpZ3VyYXRpb24gZm9yIHRoZSBzdGVwcGVyXG4gKiBAb3V0cHV0IHN0ZXBDaGFuZ2U6IFN0ZXBDaGFuZ2VFdmVudCAtIEVtaXRzIHdoZW4gc3RlcCBjaGFuZ2VzXG4gKi9cbmV4cG9ydCBjbGFzcyBTdGVwcGVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkNoYW5nZXMge1xuICBwcml2YXRlIHByZXNldHMgPSBpbmplY3QoUHJlc2V0U2VydmljZSk7XG5cbiAgLyoqXG4gICAqIFByZXNldCBuYW1lIHRvIGFwcGx5LiBQcmVzZXRzIGRlZmluZSByZXVzYWJsZSBzdGVwcGVyIGNvbmZpZ3VyYXRpb25zXG4gICAqIHRoYXQgY2FuIGJlIHJlZ2lzdGVyZWQgYXQgYXBwIGxldmVsIHZpYSBwcm92aWRlVmFsdGVjaFByZXNldHMoKS5cbiAgICovXG4gIEBJbnB1dCgpIHByZXNldD86IHN0cmluZztcblxuICAvKipcbiAgICogU3RlcHBlciBjb25maWd1cmF0aW9uIG9iamVjdC4gVmFsdWVzIGhlcmUgb3ZlcnJpZGUgcHJlc2V0IHZhbHVlcy5cbiAgICovXG4gIEBJbnB1dCgpIHByb3BzOiBQYXJ0aWFsPFN0ZXBwZXJNZXRhZGF0YT4gPSB7fTtcblxuICAvKipcbiAgICogUmVzb2x2ZWQgcHJvcHMgYWZ0ZXIgbWVyZ2luZyBwcmVzZXQgKyBleHBsaWNpdCBwcm9wcy5cbiAgICovXG4gIHJlc29sdmVkUHJvcHM6IFN0ZXBwZXJNZXRhZGF0YSA9IHt9IGFzIFN0ZXBwZXJNZXRhZGF0YTtcblxuICBAT3V0cHV0KCkgc3RlcENoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8U3RlcENoYW5nZUV2ZW50PigpO1xuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMucmVzb2x2ZVByb3BzKCk7XG4gIH1cblxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKSB7XG4gICAgaWYgKGNoYW5nZXNbJ3ByZXNldCddIHx8IGNoYW5nZXNbJ3Byb3BzJ10pIHtcbiAgICAgIHRoaXMucmVzb2x2ZVByb3BzKCk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSByZXNvbHZlUHJvcHMoKTogdm9pZCB7XG4gICAgY29uc3QgcHJlc2V0UHJvcHMgPSB0aGlzLnByZXNldFxuICAgICAgPyAodGhpcy5wcmVzZXRzLmdldCgnc3RlcHBlcicsIHRoaXMucHJlc2V0KSBhcyBQYXJ0aWFsPFN0ZXBwZXJNZXRhZGF0YT4pXG4gICAgICA6IHt9O1xuXG4gICAgdGhpcy5yZXNvbHZlZFByb3BzID0ge1xuICAgICAgLi4ucHJlc2V0UHJvcHMsXG4gICAgICAuLi50aGlzLnByb3BzLFxuICAgIH0gYXMgU3RlcHBlck1ldGFkYXRhO1xuICB9XG5cbiAgZ2V0Q3VycmVudEluZGV4KCk6IG51bWJlciB7XG4gICAgaWYgKHRoaXMucmVzb2x2ZWRQcm9wcy5jdXJyZW50SW5kZXggIT09IHVuZGVmaW5lZCkge1xuICAgICAgcmV0dXJuIHRoaXMucmVzb2x2ZWRQcm9wcy5jdXJyZW50SW5kZXg7XG4gICAgfVxuICAgIGlmICh0aGlzLnJlc29sdmVkUHJvcHMuY3VycmVudFN0ZXApIHtcbiAgICAgIHJldHVybiB0aGlzLnJlc29sdmVkUHJvcHMuc3RlcHM/LmZpbmRJbmRleCgocykgPT4gcy52YWx1ZSA9PT0gdGhpcy5yZXNvbHZlZFByb3BzLmN1cnJlbnRTdGVwKSA/PyAwO1xuICAgIH1cbiAgICByZXR1cm4gMDtcbiAgfVxuXG4gIGdldFN0ZXBTdGF0dXMoc3RlcDogU3RlcE1ldGFkYXRhLCBpbmRleDogbnVtYmVyKTogU3RlcFN0YXR1cyB7XG4gICAgaWYgKHN0ZXAuc3RhdHVzKSByZXR1cm4gc3RlcC5zdGF0dXM7XG5cbiAgICBjb25zdCBjdXJyZW50SW5kZXggPSB0aGlzLmdldEN1cnJlbnRJbmRleCgpO1xuICAgIGlmIChpbmRleCA8IGN1cnJlbnRJbmRleCkgcmV0dXJuICdjb21wbGV0ZWQnO1xuICAgIGlmIChpbmRleCA9PT0gY3VycmVudEluZGV4KSByZXR1cm4gJ2N1cnJlbnQnO1xuICAgIHJldHVybiAncGVuZGluZyc7XG4gIH1cblxuICBnZXRTdGVwQ29sb3Ioc3RlcDogU3RlcE1ldGFkYXRhLCBpbmRleDogbnVtYmVyKTogc3RyaW5nIHtcbiAgICBjb25zdCBzdGF0dXMgPSB0aGlzLmdldFN0ZXBTdGF0dXMoc3RlcCwgaW5kZXgpO1xuICAgIGNvbnN0IGNvbG9yID0gdGhpcy5yZXNvbHZlZFByb3BzLmNvbG9yIHx8ICdwcmltYXJ5JztcblxuICAgIHN3aXRjaCAoc3RhdHVzKSB7XG4gICAgICBjYXNlICdjb21wbGV0ZWQnOlxuICAgICAgICByZXR1cm4gYHZhcigtLWlvbi1jb2xvci0ke2NvbG9yfSlgO1xuICAgICAgY2FzZSAnY3VycmVudCc6XG4gICAgICAgIHJldHVybiBgdmFyKC0taW9uLWNvbG9yLSR7Y29sb3J9KWA7XG4gICAgICBjYXNlICdlcnJvcic6XG4gICAgICAgIHJldHVybiAndmFyKC0taW9uLWNvbG9yLWRhbmdlciknO1xuICAgICAgZGVmYXVsdDpcbiAgICAgICAgcmV0dXJuICd2YXIoLS1pb24tY29sb3ItbWVkaXVtKSc7XG4gICAgfVxuICB9XG5cbiAgaXNTdGVwQ2xpY2thYmxlKHN0ZXA6IFN0ZXBNZXRhZGF0YSwgaW5kZXg6IG51bWJlcik6IGJvb2xlYW4ge1xuICAgIGlmIChzdGVwLmRpc2FibGVkKSByZXR1cm4gZmFsc2U7XG4gICAgaWYgKCF0aGlzLnJlc29sdmVkUHJvcHMubGluZWFyKSByZXR1cm4gdHJ1ZTtcblxuICAgIGNvbnN0IGN1cnJlbnRJbmRleCA9IHRoaXMuZ2V0Q3VycmVudEluZGV4KCk7XG4gICAgcmV0dXJuIGluZGV4IDw9IGN1cnJlbnRJbmRleCB8fCAoc3RlcC5lZGl0YWJsZSAmJiBpbmRleCA8IGN1cnJlbnRJbmRleCk7XG4gIH1cblxuICBvblN0ZXBDbGljayhzdGVwOiBTdGVwTWV0YWRhdGEsIGluZGV4OiBudW1iZXIpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuaXNTdGVwQ2xpY2thYmxlKHN0ZXAsIGluZGV4KSkgcmV0dXJuO1xuXG4gICAgY29uc3QgY3VycmVudEluZGV4ID0gdGhpcy5nZXRDdXJyZW50SW5kZXgoKTtcbiAgICBpZiAoaW5kZXggPT09IGN1cnJlbnRJbmRleCkgcmV0dXJuO1xuXG4gICAgdGhpcy5zdGVwQ2hhbmdlLmVtaXQoe1xuICAgICAgc3RlcCxcbiAgICAgIGluZGV4LFxuICAgICAgcHJldmlvdXNJbmRleDogY3VycmVudEluZGV4LFxuICAgIH0pO1xuICB9XG5cbiAgZ2V0U3RlcExhYmVsKHN0ZXA6IFN0ZXBNZXRhZGF0YSk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHN0ZXAubGFiZWwgfHwgc3RlcC5jb250ZW50RmFsbGJhY2sgfHwgJyc7XG4gIH1cbn1cbiJdfQ==

package/esm2022/lib/components/molecules/stepper/types.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvbW9sZWN1bGVzL3N0ZXBwZXIvdHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbG9yIH0gZnJvbSAnQGlvbmljL2NvcmUnO1xuXG4vKipcbiAqIFN0ZXAgc3RhdHVzLlxuICovXG5leHBvcnQgdHlwZSBTdGVwU3RhdHVzID0gJ3BlbmRpbmcnIHwgJ2N1cnJlbnQnIHwgJ2NvbXBsZXRlZCcgfCAnZXJyb3InO1xuXG4vKipcbiAqIFNpbmdsZSBzdGVwIGNvbmZpZ3VyYXRpb24uXG4gKi9cbmV4cG9ydCBpbnRlcmZhY2UgU3RlcE1ldGFkYXRhIHtcbiAgLyoqIFVuaXF1ZSBzdGVwIGlkZW50aWZpZXIgKi9cbiAgdmFsdWU6IHN0cmluZztcbiAgLyoqIFN0ZXAgbGFiZWwgKi9cbiAgbGFiZWw/OiBzdHJpbmc7XG4gIC8qKiBTdGVwIGRlc2NyaXB0aW9uL3N1YnRpdGxlICovXG4gIGRlc2NyaXB0aW9uPzogc3RyaW5nO1xuICAvKiogU3RlcCBpY29uIChvdmVycmlkZXMgbnVtYmVyKSAqL1xuICBpY29uPzogc3RyaW5nO1xuICAvKiogU3RlcCBzdGF0dXMgKi9cbiAgc3RhdHVzPzogU3RlcFN0YXR1cztcbiAgLyoqIFdoZXRoZXIgc3RlcCBpcyBvcHRpb25hbCAqL1xuICBvcHRpb25hbD86IGJvb2xlYW47XG4gIC8qKiBXaGV0aGVyIHN0ZXAgaXMgZWRpdGFibGUgKGNhbiBnbyBiYWNrKSAqL1xuICBlZGl0YWJsZT86IGJvb2xlYW47XG4gIC8qKiBXaGV0aGVyIHN0ZXAgaXMgZGlzYWJsZWQgKi9cbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICAvKiogUmVhY3RpdmUgY29udGVudCBrZXkgZm9yIGxhYmVsICovXG4gIGNvbnRlbnRLZXk/OiBzdHJpbmc7XG4gIC8qKiBDb21wb25lbnQgY2xhc3MgbmFtZSBmb3IgY29udGVudCBsb29rdXAgKi9cbiAgY29udGVudENsYXNzPzogc3RyaW5nO1xuICAvKiogRmFsbGJhY2sgZm9yIGxhYmVsICovXG4gIGNvbnRlbnRGYWxsYmFjaz86IHN0cmluZztcbn1cblxuLyoqXG4gKiBNZXRhZGF0YSBmb3IgdGhlIHN0ZXBwZXIgY29tcG9uZW50LlxuICovXG5leHBvcnQgaW50ZXJmYWNlIFN0ZXBwZXJNZXRhZGF0YSB7XG4gIC8qKiBTdGVwIGl0ZW1zICovXG4gIHN0ZXBzOiBTdGVwTWV0YWRhdGFbXTtcbiAgLyoqIEN1cnJlbnQgc3RlcCB2YWx1ZSAqL1xuICBjdXJyZW50U3RlcD86IHN0cmluZztcbiAgLyoqIEN1cnJlbnQgc3RlcCBpbmRleCAoYWx0ZXJuYXRpdmUgdG8gY3VycmVudFN0ZXApICovXG4gIGN1cnJlbnRJbmRleD86IG51bWJlcjtcbiAgLyoqIFN0ZXBwZXIgb3JpZW50YXRpb24gKi9cbiAgb3JpZW50YXRpb24/OiAnaG9yaXpvbnRhbCcgfCAndmVydGljYWwnO1xuICAvKiogTGluZWFyIG1vZGUgKG11c3QgY29tcGxldGUgaW4gb3JkZXIpICovXG4gIGxpbmVhcj86IGJvb2xlYW47XG4gIC8qKiBTdGVwcGVyIGNvbG9yICovXG4gIGNvbG9yPzogQ29sb3I7XG4gIC8qKiBTaG93IHN0ZXAgbnVtYmVycyAqL1xuICBzaG93TnVtYmVycz86IGJvb2xlYW47XG4gIC8qKiBDb25uZWN0b3IgbGluZSBzdHlsZSAqL1xuICBjb25uZWN0b3JTdHlsZT86ICdzb2xpZCcgfCAnZGFzaGVkJyB8ICdub25lJztcbiAgLyoqIFVuaXF1ZSB0b2tlbiBpZGVudGlmaWVyICovXG4gIHRva2VuPzogc3RyaW5nO1xufVxuXG4vKipcbiAqIEV2ZW50IGVtaXR0ZWQgd2hlbiBzdGVwIGNoYW5nZXMuXG4gKi9cbmV4cG9ydCBpbnRlcmZhY2UgU3RlcENoYW5nZUV2ZW50IHtcbiAgLyoqIE5ldyBzdGVwICovXG4gIHN0ZXA6IFN0ZXBNZXRhZGF0YTtcbiAgLyoqIE5ldyBzdGVwIGluZGV4ICovXG4gIGluZGV4OiBudW1iZXI7XG4gIC8qKiBQcmV2aW91cyBzdGVwIGluZGV4ICovXG4gIHByZXZpb3VzSW5kZXg6IG51bWJlcjtcbn1cbiJdfQ==