@softpak/components 20.5.2 → 20.6.0

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 +188 -62
  4. package/fesm2022/softpak-components-spx-inputs.mjs.map +1 -1
  5. package/package.json +33 -33
  6. package/spx-inputs/index.d.ts +25 -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.0",
4
4
  "private": false,
5
5
  "peerDependencies": {
6
6
  "@angular/common": "20.x.x",
@@ -32,10 +32,6 @@
32
32
  "types": "./index.d.ts",
33
33
  "default": "./fesm2022/softpak-components.mjs"
34
34
  },
35
- "./spx-404-page": {
36
- "types": "./spx-404-page/index.d.ts",
37
- "default": "./fesm2022/softpak-components-spx-404-page.mjs"
38
- },
39
35
  "./spx-alert": {
40
36
  "types": "./spx-alert/index.d.ts",
41
37
  "default": "./fesm2022/softpak-components-spx-alert.mjs"
@@ -44,26 +40,30 @@
44
40
  "types": "./spx-app-configuration/index.d.ts",
45
41
  "default": "./fesm2022/softpak-components-spx-app-configuration.mjs"
46
42
  },
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"
43
+ "./spx-404-page": {
44
+ "types": "./spx-404-page/index.d.ts",
45
+ "default": "./fesm2022/softpak-components-spx-404-page.mjs"
54
46
  },
55
47
  "./spx-app-expiry": {
56
48
  "types": "./spx-app-expiry/index.d.ts",
57
49
  "default": "./fesm2022/softpak-components-spx-app-expiry.mjs"
58
50
  },
59
- "./spx-card": {
60
- "types": "./spx-card/index.d.ts",
61
- "default": "./fesm2022/softpak-components-spx-card.mjs"
51
+ "./spx-capitalize": {
52
+ "types": "./spx-capitalize/index.d.ts",
53
+ "default": "./fesm2022/softpak-components-spx-capitalize.mjs"
54
+ },
55
+ "./spx-button": {
56
+ "types": "./spx-button/index.d.ts",
57
+ "default": "./fesm2022/softpak-components-spx-button.mjs"
62
58
  },
63
59
  "./spx-change-details": {
64
60
  "types": "./spx-change-details/index.d.ts",
65
61
  "default": "./fesm2022/softpak-components-spx-change-details.mjs"
66
62
  },
63
+ "./spx-card": {
64
+ "types": "./spx-card/index.d.ts",
65
+ "default": "./fesm2022/softpak-components-spx-card.mjs"
66
+ },
67
67
  "./spx-channel-selection": {
68
68
  "types": "./spx-channel-selection/index.d.ts",
69
69
  "default": "./fesm2022/softpak-components-spx-channel-selection.mjs"
@@ -112,38 +112,42 @@
112
112
  "types": "./spx-pipes/index.d.ts",
113
113
  "default": "./fesm2022/softpak-components-spx-pipes.mjs"
114
114
  },
115
- "./spx-spinner": {
116
- "types": "./spx-spinner/index.d.ts",
117
- "default": "./fesm2022/softpak-components-spx-spinner.mjs"
115
+ "./spx-progress-bar": {
116
+ "types": "./spx-progress-bar/index.d.ts",
117
+ "default": "./fesm2022/softpak-components-spx-progress-bar.mjs"
118
118
  },
119
119
  "./spx-stock-info": {
120
120
  "types": "./spx-stock-info/index.d.ts",
121
121
  "default": "./fesm2022/softpak-components-spx-stock-info.mjs"
122
122
  },
123
+ "./spx-spinner": {
124
+ "types": "./spx-spinner/index.d.ts",
125
+ "default": "./fesm2022/softpak-components-spx-spinner.mjs"
126
+ },
123
127
  "./spx-storage": {
124
128
  "types": "./spx-storage/index.d.ts",
125
129
  "default": "./fesm2022/softpak-components-spx-storage.mjs"
126
130
  },
127
- "./spx-suggestion": {
128
- "types": "./spx-suggestion/index.d.ts",
129
- "default": "./fesm2022/softpak-components-spx-suggestion.mjs"
130
- },
131
- "./spx-toaster": {
132
- "types": "./spx-toaster/index.d.ts",
133
- "default": "./fesm2022/softpak-components-spx-toaster.mjs"
134
- },
135
131
  "./spx-tabs": {
136
132
  "types": "./spx-tabs/index.d.ts",
137
133
  "default": "./fesm2022/softpak-components-spx-tabs.mjs"
138
134
  },
139
- "./spx-progress-bar": {
140
- "types": "./spx-progress-bar/index.d.ts",
141
- "default": "./fesm2022/softpak-components-spx-progress-bar.mjs"
135
+ "./spx-toaster": {
136
+ "types": "./spx-toaster/index.d.ts",
137
+ "default": "./fesm2022/softpak-components-spx-toaster.mjs"
142
138
  },
143
139
  "./spx-toggle": {
144
140
  "types": "./spx-toggle/index.d.ts",
145
141
  "default": "./fesm2022/softpak-components-spx-toggle.mjs"
146
142
  },
143
+ "./spx-suggestion": {
144
+ "types": "./spx-suggestion/index.d.ts",
145
+ "default": "./fesm2022/softpak-components-spx-suggestion.mjs"
146
+ },
147
+ "./spx-update": {
148
+ "types": "./spx-update/index.d.ts",
149
+ "default": "./fesm2022/softpak-components-spx-update.mjs"
150
+ },
147
151
  "./spx-translate": {
148
152
  "types": "./spx-translate/index.d.ts",
149
153
  "default": "./fesm2022/softpak-components-spx-translate.mjs"
@@ -152,10 +156,6 @@
152
156
  "types": "./spx-validation/index.d.ts",
153
157
  "default": "./fesm2022/softpak-components-spx-validation.mjs"
154
158
  },
155
- "./spx-update": {
156
- "types": "./spx-update/index.d.ts",
157
- "default": "./fesm2022/softpak-components-spx-update.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,34 @@ 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
+ values?: string[] | null[];
158
163
  completeInput: EventEmitter<string[]>;
159
164
  inputBoxes: QueryList<ElementRef>;
160
- constructor(changeDetectorRef: ChangeDetectorRef);
165
+ constructor(cdr: ChangeDetectorRef);
166
+ /** Externe wijzigingen via model() → sync naar interne state + DOM */
167
+ private _reactToValueChanges;
161
168
  ngOnInit(): void;
162
169
  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;
170
+ private updateIntervalValue;
171
+ private applyValuesToDom;
172
+ private handleChange;
170
173
  private checkEmitCondition;
171
- protected writeValue(valuePair: SpxValuePair<string>): void;
174
+ spxSetFocus(): void;
175
+ onFocus(pos: number, _ev: FocusEvent): void;
176
+ onMouseUp(ev: MouseEvent): void;
177
+ onCompositionStart(): void;
178
+ onCompositionEnd(): void;
179
+ onInput(pos: number, event: Event): void;
180
+ private clearAllAndEmit;
181
+ onKeydown(pos: number, event: KeyboardEvent): void;
182
+ private nextPos;
183
+ private prevPos;
184
+ private focusPos;
172
185
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SpxInputCycleComponent, never>;
173
186
  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
187
  }