@softpak/components 20.5.1 → 20.6.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@softpak/components",
-  "version": "20.5.1",
+  "version": "20.6.0",
   "private": false,
   "peerDependencies": {
     "@angular/common": "20.x.x",
@@ -32,10 +32,6 @@
       "types": "./index.d.ts",
       "default": "./fesm2022/softpak-components.mjs"
     },
-    "./spx-404-page": {
-      "types": "./spx-404-page/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-404-page.mjs"
-    },
     "./spx-alert": {
       "types": "./spx-alert/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-alert.mjs"
@@ -44,42 +40,46 @@
       "types": "./spx-app-configuration/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-app-configuration.mjs"
     },
-    "./spx-button": {
-      "types": "./spx-button/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-button.mjs"
+    "./spx-404-page": {
+      "types": "./spx-404-page/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-404-page.mjs"
+    },
+    "./spx-app-expiry": {
+      "types": "./spx-app-expiry/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-app-expiry.mjs"
     },
     "./spx-capitalize": {
       "types": "./spx-capitalize/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-capitalize.mjs"
     },
-    "./spx-app-expiry": {
-      "types": "./spx-app-expiry/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-app-expiry.mjs"
+    "./spx-button": {
+      "types": "./spx-button/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-button.mjs"
     },
     "./spx-change-details": {
       "types": "./spx-change-details/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-change-details.mjs"
     },
-    "./spx-channel-selection": {
-      "types": "./spx-channel-selection/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-channel-selection.mjs"
-    },
     "./spx-card": {
       "types": "./spx-card/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-card.mjs"
     },
+    "./spx-channel-selection": {
+      "types": "./spx-channel-selection/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-channel-selection.mjs"
+    },
     "./spx-check-digit": {
       "types": "./spx-check-digit/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-check-digit.mjs"
     },
-    "./spx-form-section": {
-      "types": "./spx-form-section/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-form-section.mjs"
-    },
     "./spx-confirm": {
       "types": "./spx-confirm/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-confirm.mjs"
     },
+    "./spx-form-section": {
+      "types": "./spx-form-section/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-form-section.mjs"
+    },
     "./spx-form-view": {
       "types": "./spx-form-view/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-form-view.mjs"
@@ -116,53 +116,53 @@
       "types": "./spx-progress-bar/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-progress-bar.mjs"
     },
-    "./spx-spinner": {
-      "types": "./spx-spinner/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-spinner.mjs"
-    },
     "./spx-stock-info": {
       "types": "./spx-stock-info/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-stock-info.mjs"
     },
-    "./spx-suggestion": {
-      "types": "./spx-suggestion/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-suggestion.mjs"
+    "./spx-spinner": {
+      "types": "./spx-spinner/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-spinner.mjs"
     },
     "./spx-storage": {
       "types": "./spx-storage/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-storage.mjs"
     },
-    "./spx-toaster": {
-      "types": "./spx-toaster/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-toaster.mjs"
-    },
     "./spx-tabs": {
       "types": "./spx-tabs/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-tabs.mjs"
     },
-    "./spx-translate": {
-      "types": "./spx-translate/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-translate.mjs"
+    "./spx-toaster": {
+      "types": "./spx-toaster/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-toaster.mjs"
     },
     "./spx-toggle": {
       "types": "./spx-toggle/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-toggle.mjs"
     },
+    "./spx-suggestion": {
+      "types": "./spx-suggestion/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-suggestion.mjs"
+    },
     "./spx-update": {
       "types": "./spx-update/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-update.mjs"
     },
+    "./spx-translate": {
+      "types": "./spx-translate/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-translate.mjs"
+    },
     "./spx-validation": {
       "types": "./spx-validation/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-validation.mjs"
     },
-    "./spx-welcome": {
-      "types": "./spx-welcome/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-welcome.mjs"
-    },
     "./spx-validation-messages": {
       "types": "./spx-validation-messages/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-validation-messages.mjs"
+    },
+    "./spx-welcome": {
+      "types": "./spx-welcome/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-welcome.mjs"
     }
   }
 }

package/spx-inputs/index.d.ts

@@ -132,7 +132,7 @@ interface SpxCycleConfig {
 }
 
 declare class SpxInputCycleComponent {
-    private changeDetectorRef;
+    private cdr;
     mappedReadonly: _angular_core.Signal<boolean>;
     readonly spxSpeedDial: _angular_core.InputSignal<SpxSpeedDial<string | number>[]>;
     readonly spxName: _angular_core.InputSignal<string | undefined>;
@@ -146,7 +146,7 @@ declare class SpxInputCycleComponent {
     readonly spxSeverity: _angular_core.Signal<SpxSeverityEnum>;
     readonly spxType: _angular_core.InputSignal<SpxInputTypeEnum>;
     readonly spxWasInternalUpdate: _angular_core.InputSignal<boolean>;
-    readonly value: _angular_core.ModelSignal<SpxValuePair<any> | undefined>;
+    readonly value: _angular_core.ModelSignal<SpxValuePair<string> | null | undefined>;
     spxElementId: _angular_core.InputSignal<number | undefined>;
     selectedInputService: SelectedInputService;
     spxIsFocused: _angular_core.WritableSignal<boolean>;
@@ -154,21 +154,34 @@ declare class SpxInputCycleComponent {
     severityError: SpxSeverityEnum;
     severitySuccess: SpxSeverityEnum;
     severityWarning: SpxSeverityEnum;
-    values?: string[];
+    private isInternalUpdate;
+    private cancelNextMouseUp;
+    private composing;
+    private advancing;
+    private lastAdvanceAt;
+    values?: string[] | null[];
     completeInput: EventEmitter<string[]>;
     inputBoxes: QueryList<ElementRef>;
-    constructor(changeDetectorRef: ChangeDetectorRef);
+    constructor(cdr: ChangeDetectorRef);
+    /** Externe wijzigingen via model() → sync naar interne state + DOM */
+    private _reactToValueChanges;
     ngOnInit(): void;
     ngAfterViewInit(): void;
-    spxSetFocus(): void;
-    componentDidLoad(): void;
-    handleChange(event: SpxValuePair<string>): void;
-    onFocus(index: number): void;
-    onInput(index: number, event: Event): void;
-    private nextIndex;
-    private focusInput;
+    private updateIntervalValue;
+    private applyValuesToDom;
+    private handleChange;
     private checkEmitCondition;
-    protected writeValue(valuePair: SpxValuePair<string>): void;
+    spxSetFocus(): void;
+    onFocus(pos: number, _ev: FocusEvent): void;
+    onMouseUp(ev: MouseEvent): void;
+    onCompositionStart(): void;
+    onCompositionEnd(): void;
+    onInput(pos: number, event: Event): void;
+    private clearAllAndEmit;
+    onKeydown(pos: number, event: KeyboardEvent): void;
+    private nextPos;
+    private prevPos;
+    private focusPos;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SpxInputCycleComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SpxInputCycleComponent, "spx-input-cycle", never, { "spxSpeedDial": { "alias": "spxSpeedDial"; "required": false; "isSignal": true; }; "spxName": { "alias": "spxName"; "required": false; "isSignal": true; }; "spxAutofocus": { "alias": "spxAutofocus"; "required": false; "isSignal": true; }; "spxAutocomplete": { "alias": "spxAutocomplete"; "required": false; "isSignal": true; }; "spxCycleConfig": { "alias": "spxCycleConfig"; "required": true; "isSignal": true; }; "spxInputMode": { "alias": "spxInputMode"; "required": false; "isSignal": true; }; "spxReadonly": { "alias": "spxReadonly"; "required": false; "isSignal": true; }; "spxValidators": { "alias": "spxValidators"; "required": false; "isSignal": true; }; "spxCapitalize": { "alias": "spxCapitalize"; "required": false; "isSignal": true; }; "spxType": { "alias": "spxType"; "required": false; "isSignal": true; }; "spxWasInternalUpdate": { "alias": "spxWasInternalUpdate"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "spxElementId": { "alias": "spxElementId"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "completeInput": "completeInput"; }, never, never, true, never>;
 }