@softpak/components 20.5.2 → 20.6.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/fesm2022/softpak-components-spx-alert.mjs +2 -2
  2. package/fesm2022/softpak-components-spx-alert.mjs.map +1 -1
  3. package/fesm2022/softpak-components-spx-inputs.mjs +198 -61
  4. package/fesm2022/softpak-components-spx-inputs.mjs.map +1 -1
  5. package/package.json +26 -26
  6. package/spx-inputs/index.d.ts +26 -12
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@softpak/components",
3
- "version": "20.5.2",
3
+ "version": "20.6.1",
4
4
  "private": false,
5
5
  "peerDependencies": {
6
6
  "@angular/common": "20.x.x",
@@ -36,29 +36,25 @@
36
36
  "types": "./spx-404-page/index.d.ts",
37
37
  "default": "./fesm2022/softpak-components-spx-404-page.mjs"
38
38
  },
39
- "./spx-alert": {
40
- "types": "./spx-alert/index.d.ts",
41
- "default": "./fesm2022/softpak-components-spx-alert.mjs"
39
+ "./spx-button": {
40
+ "types": "./spx-button/index.d.ts",
41
+ "default": "./fesm2022/softpak-components-spx-button.mjs"
42
42
  },
43
43
  "./spx-app-configuration": {
44
44
  "types": "./spx-app-configuration/index.d.ts",
45
45
  "default": "./fesm2022/softpak-components-spx-app-configuration.mjs"
46
46
  },
47
- "./spx-button": {
48
- "types": "./spx-button/index.d.ts",
49
- "default": "./fesm2022/softpak-components-spx-button.mjs"
50
- },
51
- "./spx-capitalize": {
52
- "types": "./spx-capitalize/index.d.ts",
53
- "default": "./fesm2022/softpak-components-spx-capitalize.mjs"
47
+ "./spx-alert": {
48
+ "types": "./spx-alert/index.d.ts",
49
+ "default": "./fesm2022/softpak-components-spx-alert.mjs"
54
50
  },
55
51
  "./spx-app-expiry": {
56
52
  "types": "./spx-app-expiry/index.d.ts",
57
53
  "default": "./fesm2022/softpak-components-spx-app-expiry.mjs"
58
54
  },
59
- "./spx-card": {
60
- "types": "./spx-card/index.d.ts",
61
- "default": "./fesm2022/softpak-components-spx-card.mjs"
55
+ "./spx-capitalize": {
56
+ "types": "./spx-capitalize/index.d.ts",
57
+ "default": "./fesm2022/softpak-components-spx-capitalize.mjs"
62
58
  },
63
59
  "./spx-change-details": {
64
60
  "types": "./spx-change-details/index.d.ts",
@@ -68,6 +64,10 @@
68
64
  "types": "./spx-channel-selection/index.d.ts",
69
65
  "default": "./fesm2022/softpak-components-spx-channel-selection.mjs"
70
66
  },
67
+ "./spx-card": {
68
+ "types": "./spx-card/index.d.ts",
69
+ "default": "./fesm2022/softpak-components-spx-card.mjs"
70
+ },
71
71
  "./spx-check-digit": {
72
72
  "types": "./spx-check-digit/index.d.ts",
73
73
  "default": "./fesm2022/softpak-components-spx-check-digit.mjs"
@@ -80,14 +80,14 @@
80
80
  "types": "./spx-form-section/index.d.ts",
81
81
  "default": "./fesm2022/softpak-components-spx-form-section.mjs"
82
82
  },
83
- "./spx-form-view": {
84
- "types": "./spx-form-view/index.d.ts",
85
- "default": "./fesm2022/softpak-components-spx-form-view.mjs"
86
- },
87
83
  "./spx-helpers": {
88
84
  "types": "./spx-helpers/index.d.ts",
89
85
  "default": "./fesm2022/softpak-components-spx-helpers.mjs"
90
86
  },
87
+ "./spx-form-view": {
88
+ "types": "./spx-form-view/index.d.ts",
89
+ "default": "./fesm2022/softpak-components-spx-form-view.mjs"
90
+ },
91
91
  "./spx-inputs": {
92
92
  "types": "./spx-inputs/index.d.ts",
93
93
  "default": "./fesm2022/softpak-components-spx-inputs.mjs"
@@ -116,6 +116,10 @@
116
116
  "types": "./spx-spinner/index.d.ts",
117
117
  "default": "./fesm2022/softpak-components-spx-spinner.mjs"
118
118
  },
119
+ "./spx-progress-bar": {
120
+ "types": "./spx-progress-bar/index.d.ts",
121
+ "default": "./fesm2022/softpak-components-spx-progress-bar.mjs"
122
+ },
119
123
  "./spx-stock-info": {
120
124
  "types": "./spx-stock-info/index.d.ts",
121
125
  "default": "./fesm2022/softpak-components-spx-stock-info.mjs"
@@ -136,10 +140,6 @@
136
140
  "types": "./spx-tabs/index.d.ts",
137
141
  "default": "./fesm2022/softpak-components-spx-tabs.mjs"
138
142
  },
139
- "./spx-progress-bar": {
140
- "types": "./spx-progress-bar/index.d.ts",
141
- "default": "./fesm2022/softpak-components-spx-progress-bar.mjs"
142
- },
143
143
  "./spx-toggle": {
144
144
  "types": "./spx-toggle/index.d.ts",
145
145
  "default": "./fesm2022/softpak-components-spx-toggle.mjs"
@@ -148,14 +148,14 @@
148
148
  "types": "./spx-translate/index.d.ts",
149
149
  "default": "./fesm2022/softpak-components-spx-translate.mjs"
150
150
  },
151
- "./spx-validation": {
152
- "types": "./spx-validation/index.d.ts",
153
- "default": "./fesm2022/softpak-components-spx-validation.mjs"
154
- },
155
151
  "./spx-update": {
156
152
  "types": "./spx-update/index.d.ts",
157
153
  "default": "./fesm2022/softpak-components-spx-update.mjs"
158
154
  },
155
+ "./spx-validation": {
156
+ "types": "./spx-validation/index.d.ts",
157
+ "default": "./fesm2022/softpak-components-spx-validation.mjs"
158
+ },
159
159
  "./spx-validation-messages": {
160
160
  "types": "./spx-validation-messages/index.d.ts",
161
161
  "default": "./fesm2022/softpak-components-spx-validation-messages.mjs"
package/spx-inputs/index.d.ts CHANGED
@@ -132,7 +132,7 @@ interface SpxCycleConfig {
132
132
  }
133
133
 
134
134
  declare class SpxInputCycleComponent {
135
- private changeDetectorRef;
135
+ private cdr;
136
136
  mappedReadonly: _angular_core.Signal<boolean>;
137
137
  readonly spxSpeedDial: _angular_core.InputSignal<SpxSpeedDial<string | number>[]>;
138
138
  readonly spxName: _angular_core.InputSignal<string | undefined>;
@@ -146,7 +146,7 @@ declare class SpxInputCycleComponent {
146
146
  readonly spxSeverity: _angular_core.Signal<SpxSeverityEnum>;
147
147
  readonly spxType: _angular_core.InputSignal<SpxInputTypeEnum>;
148
148
  readonly spxWasInternalUpdate: _angular_core.InputSignal<boolean>;
149
- readonly value: _angular_core.ModelSignal<SpxValuePair<any> | undefined>;
149
+ readonly value: _angular_core.ModelSignal<SpxValuePair<string> | null | undefined>;
150
150
  spxElementId: _angular_core.InputSignal<number | undefined>;
151
151
  selectedInputService: SelectedInputService;
152
152
  spxIsFocused: _angular_core.WritableSignal<boolean>;
@@ -154,21 +154,35 @@ declare class SpxInputCycleComponent {
154
154
  severityError: SpxSeverityEnum;
155
155
  severitySuccess: SpxSeverityEnum;
156
156
  severityWarning: SpxSeverityEnum;
157
- values?: string[];
157
+ private isInternalUpdate;
158
+ private cancelNextMouseUp;
159
+ private composing;
160
+ private advancing;
161
+ private lastAdvanceAt;
162
+ private lastEmitted;
163
+ values?: string[] | null[];
158
164
  completeInput: EventEmitter<string[]>;
159
165
  inputBoxes: QueryList<ElementRef>;
160
- constructor(changeDetectorRef: ChangeDetectorRef);
166
+ constructor(cdr: ChangeDetectorRef);
167
+ /** Externe wijzigingen via model() → sync naar interne state + DOM */
168
+ private _reactToValueChanges;
161
169
  ngOnInit(): void;
162
170
  ngAfterViewInit(): void;
163
- spxSetFocus(): void;
164
- componentDidLoad(): void;
165
- handleChange(event: SpxValuePair<string>): void;
166
- onFocus(index: number): void;
167
- onInput(index: number, event: Event): void;
168
- private nextIndex;
169
- private focusInput;
171
+ private updateIntervalValue;
172
+ private applyValuesToDom;
173
+ private handleChange;
170
174
  private checkEmitCondition;
171
- protected writeValue(valuePair: SpxValuePair<string>): void;
175
+ spxSetFocus(): void;
176
+ onFocus(pos: number, _ev: FocusEvent): void;
177
+ onMouseUp(ev: MouseEvent): void;
178
+ onCompositionStart(): void;
179
+ onCompositionEnd(): void;
180
+ onInput(pos: number, event: Event): void;
181
+ private clearAllAndEmit;
182
+ onKeydown(pos: number, event: KeyboardEvent): void;
183
+ private nextPos;
184
+ private prevPos;
185
+ private focusPos;
172
186
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SpxInputCycleComponent, never>;
173
187
  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>;
174
188
  }