shirkasoft-ui-components 1.0.26 → 1.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shirkasoft-ui-components",
-  "version": "1.0.26",
+  "version": "1.1.0",
   "description": "Angular UI Components Library — themeable via CSS custom properties",
   "keywords": [
     "angular",

package/types/shirkasoft-ui-components.d.ts

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { ElementRef, OnDestroy, Type, ViewContainerRef, ComponentRef, AfterViewInit } from '@angular/core';
+import { ElementRef, OnDestroy, Type, ViewContainerRef, ComponentRef, AfterViewInit, TemplateRef } from '@angular/core';
 import { ControlValueAccessor, FormGroup, FormControl } from '@angular/forms';
 
 declare class TextFieldComponent implements ControlValueAccessor {
@@ -456,7 +456,7 @@ declare class FileUploadComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<FileUploadComponent, "shk-file-upload", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; "isSignal": true; }; "maxFiles": { "alias": "maxFiles"; "required": false; "isSignal": true; }; "fileUploadText": { "alias": "fileUploadText"; "required": false; "isSignal": true; }; "fileRecommendation": { "alias": "fileRecommendation"; "required": false; "isSignal": true; }; "changeFilesText": { "alias": "changeFilesText"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; }, { "fileSelected": "fileSelected"; "fileRemoved": "fileRemoved"; "fileError": "fileError"; "fileWarning": "fileWarning"; }, never, never, true, never>;
 }
 
-declare function getIcon$2(name: string): any;
+declare function getIcon$5(name: string): any;
 interface Column {
     field: string;
     header: string;
@@ -509,7 +509,7 @@ declare class TableComponent {
     private fb;
     private cdr;
     private transloco;
-    protected getIcon: typeof getIcon$2;
+    protected getIcon: typeof getIcon$5;
     private actionsHeaderLabel;
     data: _angular_core.InputSignal<any[]>;
     columns: _angular_core.InputSignal<Column[]>;
@@ -612,7 +612,7 @@ declare class TooltipComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<TooltipComponent, "shk-tooltip", never, { "text": { "alias": "text"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
-declare function getIcon$1(name?: string): any;
+declare function getIcon$4(name?: string): any;
 interface SidebarItem {
     id: string;
     label: string;
@@ -653,7 +653,7 @@ declare class SidebarComponent {
     mobileOpen: _angular_core.ModelSignal<boolean>;
     itemClick: _angular_core.OutputEmitterRef<SidebarItem>;
     toggle: _angular_core.OutputEmitterRef<boolean>;
-    protected getIcon: typeof getIcon$1;
+    protected getIcon: typeof getIcon$4;
     protected selectedId: _angular_core.WritableSignal<string>;
     protected expandedGroups: _angular_core.WritableSignal<Set<string>>;
     private isBrowser;
@@ -672,7 +672,7 @@ declare class SidebarComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidebarComponent, "shk-sidebar", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "groups": { "alias": "groups"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "logo": { "alias": "logo"; "required": false; "isSignal": true; }; "activeItemId": { "alias": "activeItemId"; "required": false; "isSignal": true; }; "userRole": { "alias": "userRole"; "required": false; "isSignal": true; }; "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; "showToggle": { "alias": "showToggle"; "required": false; "isSignal": true; }; "responsive": { "alias": "responsive"; "required": false; "isSignal": true; }; "fixed": { "alias": "fixed"; "required": false; "isSignal": true; }; "hasShadow": { "alias": "hasShadow"; "required": false; "isSignal": true; }; "expandedWidth": { "alias": "expandedWidth"; "required": false; "isSignal": true; }; "collapsedWidth": { "alias": "collapsedWidth"; "required": false; "isSignal": true; }; "defaultExpanded": { "alias": "defaultExpanded"; "required": false; "isSignal": true; }; "labelPipe": { "alias": "labelPipe"; "required": false; "isSignal": true; }; "expandTooltip": { "alias": "expandTooltip"; "required": false; "isSignal": true; }; "collapseTooltip": { "alias": "collapseTooltip"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "mobileOpen": { "alias": "mobileOpen"; "required": false; "isSignal": true; }; }, { "collapsed": "collapsedChange"; "mobileOpen": "mobileOpenChange"; "itemClick": "itemClick"; "toggle": "toggle"; }, never, ["[sidebarHeader]", "[sidebarContent]", "[sidebarFooter]"], true, never>;
 }
 
-declare function getIcon(name?: string): any;
+declare function getIcon$3(name?: string): any;
 interface RailSidebarItem {
     id: string;
     label: string;
@@ -719,7 +719,7 @@ declare class RailSidebarComponent {
     logoutRequested: _angular_core.OutputEmitterRef<void>;
     toggleSidebar: _angular_core.OutputEmitterRef<boolean>;
     workspaceClick: _angular_core.OutputEmitterRef<void>;
-    protected getIcon: typeof getIcon;
+    protected getIcon: typeof getIcon$3;
     protected expandedGroups: _angular_core.WritableSignal<Set<string>>;
     constructor();
     protected width: _angular_core.Signal<string>;
@@ -771,5 +771,314 @@ declare function readThemeColors(): {
     border: string;
 };
 
-export { COLOR_PALETTE, ChartComponent, ConfirmDialogComponent, ConfirmDialogService, DatePickerComponent, FileUploadComponent, ModalComponent, ModalService, NotificationComponent, NotificationService, PriceInputComponent, RailSidebarComponent, SelectComponent, SidebarComponent, TableComponent, TextFieldComponent, ToggleComponent, TooltipComponent, readThemeColors };
-export type { Column, ConfirmConfig, DatePickerView, FileUploadError, FilterChangeEvent, ModalConfig, Notification, NotificationPosition, PageChangeEvent, RailSidebarItem, RailSidebarSection, RailSidebarSectionEvent, RowAction, SidebarGroup, SidebarItem, TableAction };
+declare function getIcon$2(name: string): any;
+/** A chip shown under a sub item (time, pricing model, quantity, etc). */
+interface TimelineMeta {
+    icon: string;
+    label?: string;
+    value: string;
+}
+/** A row inside a timeline item (e.g. an activity of a tour day). */
+interface TimelineSubItem {
+    id: string | number;
+    title: string;
+    subtitle?: string;
+    /** Used to look up icon / color in `iconMap` and `iconColors`. */
+    type?: string;
+    /** Overrides the resolved icon name. */
+    icon?: string;
+    /** Hex background for the icon box (fallback). */
+    color?: string;
+    /** Hex text color for the icon (fallback). */
+    colorText?: string;
+    /** Custom CSS classes for the icon box (takes precedence over inline colors). */
+    iconClass?: string;
+    optional?: boolean;
+    optionalLabel?: string;
+    meta?: TimelineMeta[];
+    price?: string | number;
+}
+/** A single event in the timeline (e.g. a tour day). */
+interface TimelineItem {
+    id: string | number;
+    /** Text shown inside the marker (falls back to the auto index). */
+    markerText?: string | number;
+    title?: string;
+    subtitle?: string;
+    description?: string;
+    /** Small pill shown above the title (e.g. "Día 1"). */
+    badge?: string | number;
+    badgeIcon?: string;
+    /** CSS classes for the marker (falls back to the cycled gradient palette). */
+    color?: string;
+    subItems?: TimelineSubItem[];
+}
+/** A button rendered in the header. */
+interface TimelineAction {
+    label: string;
+    icon: string;
+    onClick: () => void;
+    class?: string;
+    isVisible?: () => boolean;
+    isDisabled?: () => boolean;
+}
+/** An action rendered in the item card footer. */
+interface TimelineItemAction {
+    label: string | ((item: TimelineItem) => string);
+    icon: string | ((item: TimelineItem) => string);
+    onClick: (item: TimelineItem) => void;
+    class?: string | ((item: TimelineItem) => string);
+    isVisible?: (item: TimelineItem) => boolean;
+    isDisabled?: (item: TimelineItem) => boolean;
+}
+/** An action rendered on hover over a sub item. */
+interface TimelineSubItemAction {
+    label: string | ((item: TimelineItem, subItem: TimelineSubItem) => string);
+    icon: string | ((item: TimelineItem, subItem: TimelineSubItem) => string);
+    onClick: (item: TimelineItem, subItem: TimelineSubItem) => void;
+    isVisible?: (item: TimelineItem, subItem: TimelineSubItem) => boolean;
+    isDisabled?: (item: TimelineItem, subItem: TimelineSubItem) => boolean;
+}
+type TimelineAlignment = 'left' | 'alternate';
+type TimelineMarkerSize = 'sm' | 'md' | 'lg';
+declare const DEFAULT_MARKER_GRADIENTS: string[];
+/** Supplier-type style palette used by the original wac-app timeline. */
+declare const DEFAULT_SUPPLIER_ICON_COLORS: Record<string, {
+    bg: string;
+    text: string;
+}>;
+/** Maps a sub-item `type` to a lucide icon name. */
+declare const DEFAULT_SUPPLIER_TYPE_ICONS: Record<string, string>;
+declare class TimelineComponent {
+    protected getIcon: typeof getIcon$2;
+    /** Timeline data. */
+    items: _angular_core.InputSignal<TimelineItem[]>;
+    /** 'left' = line and markers on the left; 'alternate' = cards alternate around a centered line on lg+. */
+    alignment: _angular_core.InputSignal<TimelineAlignment>;
+    /** Shows/hides the vertical connector line. */
+    showLine: _angular_core.InputSignal<boolean>;
+    /** Marker diameter. */
+    markerSize: _angular_core.InputSignal<TimelineMarkerSize>;
+    /** Gradient classes cycled across markers when the item has no `color`. */
+    markerGradients: _angular_core.InputSignal<string[]>;
+    /** Shows the info column on the opposite side of the card (alternate mode, lg+). */
+    showOpposite: _angular_core.InputSignal<boolean>;
+    /** Shows the item description. */
+    showDescription: _angular_core.InputSignal<boolean>;
+    /** Shows meta chips inside sub items. */
+    showSubItemMeta: _angular_core.InputSignal<boolean>;
+    /** Shows the price of each sub item. */
+    showSubItemPrice: _angular_core.InputSignal<boolean>;
+    /** Auto-append "N {subItemCountLabel}" under the title when the item has no subtitle. */
+    showSubItemCount: _angular_core.InputSignal<boolean>;
+    subItemCountLabel: _angular_core.InputSignal<string>;
+    showHeader: _angular_core.InputSignal<boolean>;
+    headerTitle: _angular_core.InputSignal<string>;
+    /** Convenience "add" button in the header. */
+    showAddItem: _angular_core.InputSignal<boolean>;
+    addItemLabel: _angular_core.InputSignal<string>;
+    addItemIcon: _angular_core.InputSignal<string>;
+    addItemTooltip: _angular_core.InputSignal<string>;
+    headerActions: _angular_core.InputSignal<TimelineAction[]>;
+    /** Renders "+ Añadir sub-elemento" in each card footer. */
+    showAddSubItem: _angular_core.InputSignal<boolean>;
+    addSubItemLabel: _angular_core.InputSignal<string>;
+    addSubItemTooltip: _angular_core.InputSignal<string>;
+    itemActions: _angular_core.InputSignal<TimelineItemAction[]>;
+    subItemActions: _angular_core.InputSignal<TimelineSubItemAction[]>;
+    /** Maps a sub-item `type` to a lucide icon name. */
+    iconMap: _angular_core.InputSignal<{
+        [type: string]: string;
+    }>;
+    /** Maps a sub-item `type` to its icon-box colors. */
+    iconColors: _angular_core.InputSignal<{
+        [type: string]: {
+            bg: string;
+            text: string;
+        };
+    }>;
+    /** Icon used when nothing matches. */
+    fallbackIcon: _angular_core.InputSignal<string>;
+    showEmptyState: _angular_core.InputSignal<boolean>;
+    emptyMessage: _angular_core.InputSignal<string>;
+    emptyIcon: _angular_core.InputSignal<string>;
+    editTooltip: _angular_core.InputSignal<string>;
+    deleteTooltip: _angular_core.InputSignal<string>;
+    optionalLabel: _angular_core.InputSignal<string>;
+    noSubItemsMessage: _angular_core.InputSignal<string>;
+    /** Custom content templates: keys 'marker', 'opposite', 'content', 'description', 'subItem', 'empty'. */
+    customTemplates: _angular_core.InputSignal<{
+        [key: string]: any;
+    }>;
+    addItem: _angular_core.OutputEmitterRef<void>;
+    addSubItem: _angular_core.OutputEmitterRef<TimelineItem>;
+    itemClick: _angular_core.OutputEmitterRef<TimelineItem>;
+    subItemClick: _angular_core.OutputEmitterRef<{
+        item: TimelineItem;
+        subItem: TimelineSubItem;
+    }>;
+    markerText(item: TimelineItem, index: number): string | number;
+    markerClass(item: TimelineItem, index: number): string;
+    markerColumnClass(): string;
+    alternateMarkerColumnClass(): string;
+    lineClass(): string;
+    subItemIconName(sub: TimelineSubItem): string;
+    subItemStyle(sub: TimelineSubItem): {
+        [key: string]: string;
+    } | undefined;
+    isHeaderActionVisible(action: TimelineAction): boolean;
+    isHeaderActionDisabled(action: TimelineAction): boolean;
+    getItemActionLabel(action: TimelineItemAction, item: TimelineItem): string;
+    getItemActionIconName(action: TimelineItemAction, item: TimelineItem): string;
+    getItemActionClass(action: TimelineItemAction, item: TimelineItem): string;
+    isItemActionVisible(action: TimelineItemAction, item: TimelineItem): boolean;
+    isItemActionDisabled(action: TimelineItemAction, item: TimelineItem): boolean;
+    getSubItemActionLabel(action: TimelineSubItemAction, item: TimelineItem, sub: TimelineSubItem): string;
+    getSubItemActionIconName(action: TimelineSubItemAction, item: TimelineItem, sub: TimelineSubItem): string;
+    isSubItemActionVisible(action: TimelineSubItemAction, item: TimelineItem, sub: TimelineSubItem): boolean;
+    isSubItemActionDisabled(action: TimelineSubItemAction, item: TimelineItem, sub: TimelineSubItem): boolean;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TimelineComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TimelineComponent, "shk-timeline", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "alignment": { "alias": "alignment"; "required": false; "isSignal": true; }; "showLine": { "alias": "showLine"; "required": false; "isSignal": true; }; "markerSize": { "alias": "markerSize"; "required": false; "isSignal": true; }; "markerGradients": { "alias": "markerGradients"; "required": false; "isSignal": true; }; "showOpposite": { "alias": "showOpposite"; "required": false; "isSignal": true; }; "showDescription": { "alias": "showDescription"; "required": false; "isSignal": true; }; "showSubItemMeta": { "alias": "showSubItemMeta"; "required": false; "isSignal": true; }; "showSubItemPrice": { "alias": "showSubItemPrice"; "required": false; "isSignal": true; }; "showSubItemCount": { "alias": "showSubItemCount"; "required": false; "isSignal": true; }; "subItemCountLabel": { "alias": "subItemCountLabel"; "required": false; "isSignal": true; }; "showHeader": { "alias": "showHeader"; "required": false; "isSignal": true; }; "headerTitle": { "alias": "headerTitle"; "required": false; "isSignal": true; }; "showAddItem": { "alias": "showAddItem"; "required": false; "isSignal": true; }; "addItemLabel": { "alias": "addItemLabel"; "required": false; "isSignal": true; }; "addItemIcon": { "alias": "addItemIcon"; "required": false; "isSignal": true; }; "addItemTooltip": { "alias": "addItemTooltip"; "required": false; "isSignal": true; }; "headerActions": { "alias": "headerActions"; "required": false; "isSignal": true; }; "showAddSubItem": { "alias": "showAddSubItem"; "required": false; "isSignal": true; }; "addSubItemLabel": { "alias": "addSubItemLabel"; "required": false; "isSignal": true; }; "addSubItemTooltip": { "alias": "addSubItemTooltip"; "required": false; "isSignal": true; }; "itemActions": { "alias": "itemActions"; "required": false; "isSignal": true; }; "subItemActions": { "alias": "subItemActions"; "required": false; "isSignal": true; }; "iconMap": { "alias": "iconMap"; "required": false; "isSignal": true; }; "iconColors": { "alias": "iconColors"; "required": false; "isSignal": true; }; "fallbackIcon": { "alias": "fallbackIcon"; "required": false; "isSignal": true; }; "showEmptyState": { "alias": "showEmptyState"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "emptyIcon": { "alias": "emptyIcon"; "required": false; "isSignal": true; }; "editTooltip": { "alias": "editTooltip"; "required": false; "isSignal": true; }; "deleteTooltip": { "alias": "deleteTooltip"; "required": false; "isSignal": true; }; "optionalLabel": { "alias": "optionalLabel"; "required": false; "isSignal": true; }; "noSubItemsMessage": { "alias": "noSubItemsMessage"; "required": false; "isSignal": true; }; "customTemplates": { "alias": "customTemplates"; "required": false; "isSignal": true; }; }, { "addItem": "addItem"; "addSubItem": "addSubItem"; "itemClick": "itemClick"; "subItemClick": "subItemClick"; }, never, never, true, never>;
+}
+
+declare function getIcon$1(name: string): any;
+/** An action button rendered on the right side of the fieldset header. */
+interface FieldsetHeaderAction {
+    label: string;
+    icon: string;
+    onClick: () => void;
+    class?: string;
+    isVisible?: () => boolean;
+    isDisabled?: () => boolean;
+}
+declare class FieldsetComponent {
+    protected getIcon: typeof getIcon$1;
+    /** Title shown in the header. */
+    legend: _angular_core.InputSignal<string>;
+    /** Collapsed state (default: collapsed). Two-way bindable with [(collapsed)]. */
+    collapsed: _angular_core.ModelSignal<boolean>;
+    /** Whether the header toggles the content. */
+    toggleable: _angular_core.InputSignal<boolean>;
+    /** Shows the expand/collapse icon button. */
+    showToggleIcon: _angular_core.InputSignal<boolean>;
+    /** Optional leading icon shown next to the legend. */
+    icon: _angular_core.InputSignal<string>;
+    /** Optional badge/count shown after the legend. */
+    badge: _angular_core.InputSignal<string | number>;
+    /** CSS classes for the badge (override). */
+    badgeClass: _angular_core.InputSignal<string>;
+    /** Icon shown when collapsed. */
+    collapsedIcon: _angular_core.InputSignal<string>;
+    /** Icon shown when expanded. */
+    expandedIcon: _angular_core.InputSignal<string>;
+    /** Action buttons rendered on the right side of the header. */
+    headerActions: _angular_core.InputSignal<FieldsetHeaderAction[]>;
+    /** Custom content templates: key 'legend' (context: $implicit collapsed, expanded). */
+    customTemplates: _angular_core.InputSignal<{
+        [key: string]: any;
+    }>;
+    hasShadow: _angular_core.InputSignal<boolean>;
+    expandLabel: _angular_core.InputSignal<string>;
+    collapseLabel: _angular_core.InputSignal<string>;
+    /** Emits the new expanded state when toggled. */
+    toggle: _angular_core.OutputEmitterRef<boolean>;
+    expand: _angular_core.OutputEmitterRef<void>;
+    collapse: _angular_core.OutputEmitterRef<void>;
+    contentId: string;
+    onToggle(): void;
+    isHeaderActionVisible(action: FieldsetHeaderAction): boolean;
+    isHeaderActionDisabled(action: FieldsetHeaderAction): boolean;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FieldsetComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FieldsetComponent, "shk-fieldset", never, { "legend": { "alias": "legend"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "toggleable": { "alias": "toggleable"; "required": false; "isSignal": true; }; "showToggleIcon": { "alias": "showToggleIcon"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "badgeClass": { "alias": "badgeClass"; "required": false; "isSignal": true; }; "collapsedIcon": { "alias": "collapsedIcon"; "required": false; "isSignal": true; }; "expandedIcon": { "alias": "expandedIcon"; "required": false; "isSignal": true; }; "headerActions": { "alias": "headerActions"; "required": false; "isSignal": true; }; "customTemplates": { "alias": "customTemplates"; "required": false; "isSignal": true; }; "hasShadow": { "alias": "hasShadow"; "required": false; "isSignal": true; }; "expandLabel": { "alias": "expandLabel"; "required": false; "isSignal": true; }; "collapseLabel": { "alias": "collapseLabel"; "required": false; "isSignal": true; }; }, { "collapsed": "collapsedChange"; "toggle": "toggle"; "expand": "expand"; "collapse": "collapse"; }, never, ["*"], true, never>;
+}
+
+declare function getIcon(name: string): any;
+/** A step of the wizard shown in the stepper. */
+interface WizardStep {
+    id: string | number;
+    label: string;
+    /** Optional lucide icon rendered inside the step circle. */
+    icon?: string;
+    /** Overrides the primary footer button label for this step. */
+    primaryLabel?: string;
+    /** Overrides the primary footer button icon for this step. */
+    primaryIcon?: string;
+}
+/** Declares a step's content template: <ng-template shkWizardStepContent="stepId">…</ng-template>. */
+declare class ShkWizardStepContent {
+    templateRef: TemplateRef<unknown>;
+    stepId: _angular_core.InputSignal<string | number>;
+    constructor(templateRef: TemplateRef<unknown>);
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShkWizardStepContent, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ShkWizardStepContent, "ng-template[shkWizardStepContent]", never, { "stepId": { "alias": "shkWizardStepContent"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class WizardComponent {
+    protected getIcon: typeof getIcon;
+    /** Steps definition shown in the stepper and used to resolve step content. */
+    steps: _angular_core.InputSignal<WizardStep[]>;
+    /** Active step id. Two-way bindable with [(currentStep)]. Null resolves to the first step. */
+    currentStep: _angular_core.ModelSignal<string | number | null>;
+    /** Shows the sticky header (back button + title). */
+    showHeader: _angular_core.InputSignal<boolean>;
+    headerTitle: _angular_core.InputSignal<string>;
+    headerSubtitle: _angular_core.InputSignal<string>;
+    /** Shows the round back button in the header. */
+    showBackButton: _angular_core.InputSignal<boolean>;
+    backTooltip: _angular_core.InputSignal<string>;
+    /** Optional lucide icon shown before the title. */
+    headerIcon: _angular_core.InputSignal<string>;
+    /** Shows the progress stepper (hide it for edit mode, like wac-app does). */
+    showStepper: _angular_core.InputSignal<boolean>;
+    /** Lets the user click on previous steps to jump back. */
+    stepperClickable: _angular_core.InputSignal<boolean>;
+    showFooter: _angular_core.InputSignal<boolean>;
+    /** Shows a "Paso X / N" counter on the left of the footer. */
+    showStepCounter: _angular_core.InputSignal<boolean>;
+    stepCounterPrefix: _angular_core.InputSignal<string>;
+    /** Shows the Cancel button on the first step (instead of a back button). */
+    showCancel: _angular_core.InputSignal<boolean>;
+    /** Auto-advances to the next step on the primary button when it is not the last step. */
+    advanceOnNext: _angular_core.InputSignal<boolean>;
+    prevLabel: _angular_core.InputSignal<string>;
+    prevIcon: _angular_core.InputSignal<string>;
+    cancelLabel: _angular_core.InputSignal<string>;
+    cancelIcon: _angular_core.InputSignal<string>;
+    nextLabel: _angular_core.InputSignal<string>;
+    nextIcon: _angular_core.InputSignal<string>;
+    finishLabel: _angular_core.InputSignal<string>;
+    finishIcon: _angular_core.InputSignal<string>;
+    /** Overrides the primary footer button label for every step. */
+    primaryLabel: _angular_core.InputSignal<string | null>;
+    /** Overrides the primary footer button icon for every step. */
+    primaryIcon: _angular_core.InputSignal<string | null>;
+    /** Shows a loading spinner on the primary button and disables it. */
+    primaryLoading: _angular_core.InputSignal<boolean>;
+    /** Disables the primary footer button (e.g. while the step form is invalid). */
+    primaryDisabled: _angular_core.InputSignal<boolean>;
+    back: _angular_core.OutputEmitterRef<void>;
+    cancel: _angular_core.OutputEmitterRef<void>;
+    prev: _angular_core.OutputEmitterRef<void>;
+    next: _angular_core.OutputEmitterRef<void>;
+    finish: _angular_core.OutputEmitterRef<void>;
+    stepChange: _angular_core.OutputEmitterRef<{
+        step: WizardStep | null;
+        index: number;
+    }>;
+    readonly stepContents: _angular_core.Signal<readonly ShkWizardStepContent[]>;
+    currentIndex: _angular_core.Signal<number>;
+    currentStepObj: _angular_core.Signal<WizardStep>;
+    isFirstStep: _angular_core.Signal<boolean>;
+    isLastStep: _angular_core.Signal<boolean>;
+    primaryActionLabel: _angular_core.Signal<string>;
+    primaryActionIcon: _angular_core.Signal<string>;
+    getStepTemplate(id: string | number): TemplateRef<unknown> | undefined;
+    goTo(stepId: string | number): void;
+    onPrev(): void;
+    onNext(): void;
+    onPrimary(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WizardComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WizardComponent, "shk-wizard", never, { "steps": { "alias": "steps"; "required": false; "isSignal": true; }; "currentStep": { "alias": "currentStep"; "required": false; "isSignal": true; }; "showHeader": { "alias": "showHeader"; "required": false; "isSignal": true; }; "headerTitle": { "alias": "headerTitle"; "required": false; "isSignal": true; }; "headerSubtitle": { "alias": "headerSubtitle"; "required": false; "isSignal": true; }; "showBackButton": { "alias": "showBackButton"; "required": false; "isSignal": true; }; "backTooltip": { "alias": "backTooltip"; "required": false; "isSignal": true; }; "headerIcon": { "alias": "headerIcon"; "required": false; "isSignal": true; }; "showStepper": { "alias": "showStepper"; "required": false; "isSignal": true; }; "stepperClickable": { "alias": "stepperClickable"; "required": false; "isSignal": true; }; "showFooter": { "alias": "showFooter"; "required": false; "isSignal": true; }; "showStepCounter": { "alias": "showStepCounter"; "required": false; "isSignal": true; }; "stepCounterPrefix": { "alias": "stepCounterPrefix"; "required": false; "isSignal": true; }; "showCancel": { "alias": "showCancel"; "required": false; "isSignal": true; }; "advanceOnNext": { "alias": "advanceOnNext"; "required": false; "isSignal": true; }; "prevLabel": { "alias": "prevLabel"; "required": false; "isSignal": true; }; "prevIcon": { "alias": "prevIcon"; "required": false; "isSignal": true; }; "cancelLabel": { "alias": "cancelLabel"; "required": false; "isSignal": true; }; "cancelIcon": { "alias": "cancelIcon"; "required": false; "isSignal": true; }; "nextLabel": { "alias": "nextLabel"; "required": false; "isSignal": true; }; "nextIcon": { "alias": "nextIcon"; "required": false; "isSignal": true; }; "finishLabel": { "alias": "finishLabel"; "required": false; "isSignal": true; }; "finishIcon": { "alias": "finishIcon"; "required": false; "isSignal": true; }; "primaryLabel": { "alias": "primaryLabel"; "required": false; "isSignal": true; }; "primaryIcon": { "alias": "primaryIcon"; "required": false; "isSignal": true; }; "primaryLoading": { "alias": "primaryLoading"; "required": false; "isSignal": true; }; "primaryDisabled": { "alias": "primaryDisabled"; "required": false; "isSignal": true; }; }, { "currentStep": "currentStepChange"; "back": "back"; "cancel": "cancel"; "prev": "prev"; "next": "next"; "finish": "finish"; "stepChange": "stepChange"; }, ["stepContents"], ["[shkWizardHeaderActions]"], true, never>;
+}
+
+export { COLOR_PALETTE, ChartComponent, ConfirmDialogComponent, ConfirmDialogService, DEFAULT_MARKER_GRADIENTS, DEFAULT_SUPPLIER_ICON_COLORS, DEFAULT_SUPPLIER_TYPE_ICONS, DatePickerComponent, FieldsetComponent, FileUploadComponent, ModalComponent, ModalService, NotificationComponent, NotificationService, PriceInputComponent, RailSidebarComponent, SelectComponent, ShkWizardStepContent, SidebarComponent, TableComponent, TextFieldComponent, TimelineComponent, ToggleComponent, TooltipComponent, WizardComponent, readThemeColors };
+export type { Column, ConfirmConfig, DatePickerView, FieldsetHeaderAction, FileUploadError, FilterChangeEvent, ModalConfig, Notification, NotificationPosition, PageChangeEvent, RailSidebarItem, RailSidebarSection, RailSidebarSectionEvent, RowAction, SelectOption, SidebarGroup, SidebarItem, TableAction, TimelineAction, TimelineAlignment, TimelineItem, TimelineItemAction, TimelineMarkerSize, TimelineMeta, TimelineSubItem, TimelineSubItemAction, WizardStep };