@softpak/components 21.3.7 → 21.3.8
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.
- package/fesm2022/softpak-components-spx-check-digit.mjs +1 -1
- package/fesm2022/softpak-components-spx-check-digit.mjs.map +1 -1
- package/fesm2022/softpak-components-spx-form-view.mjs +2 -2
- package/fesm2022/softpak-components-spx-form-view.mjs.map +1 -1
- package/fesm2022/softpak-components-spx-inputs.mjs +18 -10
- package/fesm2022/softpak-components-spx-inputs.mjs.map +1 -1
- package/package.json +1 -1
- package/types/softpak-components-spx-inputs.d.ts +10 -3
package/package.json
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import * as _angular_core from '@angular/core';
|
|
2
2
|
import { ElementRef, ChangeDetectorRef, EventEmitter, QueryList, OnInit, SimpleChanges } from '@angular/core';
|
|
3
3
|
import * as _fortawesome_fontawesome_common_types from '@fortawesome/fontawesome-common-types';
|
|
4
|
+
import { IconDefinition } from '@fortawesome/angular-fontawesome';
|
|
4
5
|
import { Observable } from 'rxjs';
|
|
5
6
|
import { SpxSeverityEnum, SpxInputAlertI as SpxInputAlertI$1 } from '@softpak/components/spx-helpers';
|
|
6
7
|
import { ModalController } from '@ionic/angular/standalone';
|
|
@@ -35,8 +36,11 @@ declare class SpxInputBoxComponent {
|
|
|
35
36
|
SpxSeverity: typeof SpxSeverityEnum;
|
|
36
37
|
clearButtonName: _angular_core.Signal<string | undefined>;
|
|
37
38
|
searchButtonName: _angular_core.Signal<string | undefined>;
|
|
39
|
+
leftIcon: _angular_core.Signal<IconDefinition | undefined>;
|
|
38
40
|
readonly spxCompact: _angular_core.InputSignal<boolean | undefined>;
|
|
39
41
|
readonly spxLabel: _angular_core.InputSignal<string | undefined>;
|
|
42
|
+
readonly spxLeftIcon: _angular_core.InputSignal<IconDefinition | undefined>;
|
|
43
|
+
readonly spxMatchButtonXlHeight: _angular_core.InputSignal<boolean>;
|
|
40
44
|
readonly spxName: _angular_core.InputSignal<string | undefined>;
|
|
41
45
|
readonly spxReadonly: _angular_core.InputSignal<boolean>;
|
|
42
46
|
readonly spxRequired: _angular_core.InputSignal<boolean | undefined>;
|
|
@@ -63,7 +67,7 @@ declare class SpxInputBoxComponent {
|
|
|
63
67
|
onEdit(): void;
|
|
64
68
|
onHelp(): void;
|
|
65
69
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SpxInputBoxComponent, never>;
|
|
66
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SpxInputBoxComponent, "spx-input-box", never, { "spxCompact": { "alias": "spxCompact"; "required": false; "isSignal": true; }; "spxLabel": { "alias": "spxLabel"; "required": false; "isSignal": true; }; "spxName": { "alias": "spxName"; "required": false; "isSignal": true; }; "spxReadonly": { "alias": "spxReadonly"; "required": false; "isSignal": true; }; "spxRequired": { "alias": "spxRequired"; "required": false; "isSignal": true; }; "spxShowClear": { "alias": "spxShowClear"; "required": false; "isSignal": true; }; "spxShowEdit": { "alias": "spxShowEdit"; "required": false; "isSignal": true; }; "spxShowHelp": { "alias": "spxShowHelp"; "required": false; "isSignal": true; }; "spxShowLabel": { "alias": "spxShowLabel"; "required": false; "isSignal": true; }; "spxShowSearch": { "alias": "spxShowSearch"; "required": false; "isSignal": true; }; "spxShowValidationMessages": { "alias": "spxShowValidationMessages"; "required": false; "isSignal": true; }; "spxAlert": { "alias": "spxAlert"; "required": false; "isSignal": true; }; "spxValue": { "alias": "spxValue"; "required": false; "isSignal": true; }; }, { "spxValue": "spxValueChange"; "spxClear": "spxClear"; "spxSearch": "spxSearch"; "spxEdit": "spxEdit"; "spxHelp": "spxHelp"; "spxSetIdInParent": "spxSetIdInParent"; }, never, ["[controls]", "[validation-messages]"], true, never>;
|
|
70
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SpxInputBoxComponent, "spx-input-box", never, { "spxCompact": { "alias": "spxCompact"; "required": false; "isSignal": true; }; "spxLabel": { "alias": "spxLabel"; "required": false; "isSignal": true; }; "spxLeftIcon": { "alias": "spxLeftIcon"; "required": false; "isSignal": true; }; "spxMatchButtonXlHeight": { "alias": "spxMatchButtonXlHeight"; "required": false; "isSignal": true; }; "spxName": { "alias": "spxName"; "required": false; "isSignal": true; }; "spxReadonly": { "alias": "spxReadonly"; "required": false; "isSignal": true; }; "spxRequired": { "alias": "spxRequired"; "required": false; "isSignal": true; }; "spxShowClear": { "alias": "spxShowClear"; "required": false; "isSignal": true; }; "spxShowEdit": { "alias": "spxShowEdit"; "required": false; "isSignal": true; }; "spxShowHelp": { "alias": "spxShowHelp"; "required": false; "isSignal": true; }; "spxShowLabel": { "alias": "spxShowLabel"; "required": false; "isSignal": true; }; "spxShowSearch": { "alias": "spxShowSearch"; "required": false; "isSignal": true; }; "spxShowValidationMessages": { "alias": "spxShowValidationMessages"; "required": false; "isSignal": true; }; "spxAlert": { "alias": "spxAlert"; "required": false; "isSignal": true; }; "spxValue": { "alias": "spxValue"; "required": false; "isSignal": true; }; }, { "spxValue": "spxValueChange"; "spxClear": "spxClear"; "spxSearch": "spxSearch"; "spxEdit": "spxEdit"; "spxHelp": "spxHelp"; "spxSetIdInParent": "spxSetIdInParent"; }, never, ["[controls]", "[validation-messages]"], true, never>;
|
|
67
71
|
}
|
|
68
72
|
|
|
69
73
|
declare enum SpxInputTypeEnum {
|
|
@@ -96,6 +100,7 @@ declare class SpxInputTextComponent {
|
|
|
96
100
|
mappedReadonly: _angular_core.Signal<boolean>;
|
|
97
101
|
readonly spxSpeedDial: _angular_core.InputSignal<SpxSpeedDial<string | number>[]>;
|
|
98
102
|
readonly spxName: _angular_core.InputSignal<string | undefined>;
|
|
103
|
+
readonly spxMatchButtonXlHeight: _angular_core.InputSignal<boolean>;
|
|
99
104
|
readonly spxAutofocus: _angular_core.InputSignal<boolean>;
|
|
100
105
|
readonly spxAutocomplete: _angular_core.InputSignal<string | undefined>;
|
|
101
106
|
readonly spxInputMode: _angular_core.InputSignal<string | undefined>;
|
|
@@ -120,7 +125,7 @@ declare class SpxInputTextComponent {
|
|
|
120
125
|
handleChange(event: any): void;
|
|
121
126
|
handleSuggestionClick(value: any): void;
|
|
122
127
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SpxInputTextComponent, never>;
|
|
123
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SpxInputTextComponent, "spx-input-text", 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; }; "spxInputMode": { "alias": "spxInputMode"; "required": false; "isSignal": true; }; "spxPattern": { "alias": "spxPattern"; "required": false; "isSignal": true; }; "spxSuggestions": { "alias": "spxSuggestions"; "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"; }, never, never, true, never>;
|
|
128
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SpxInputTextComponent, "spx-input-text", never, { "spxSpeedDial": { "alias": "spxSpeedDial"; "required": false; "isSignal": true; }; "spxName": { "alias": "spxName"; "required": false; "isSignal": true; }; "spxMatchButtonXlHeight": { "alias": "spxMatchButtonXlHeight"; "required": false; "isSignal": true; }; "spxAutofocus": { "alias": "spxAutofocus"; "required": false; "isSignal": true; }; "spxAutocomplete": { "alias": "spxAutocomplete"; "required": false; "isSignal": true; }; "spxInputMode": { "alias": "spxInputMode"; "required": false; "isSignal": true; }; "spxPattern": { "alias": "spxPattern"; "required": false; "isSignal": true; }; "spxSuggestions": { "alias": "spxSuggestions"; "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"; }, never, never, true, never>;
|
|
124
129
|
}
|
|
125
130
|
|
|
126
131
|
interface SpxCycleConfig {
|
|
@@ -356,6 +361,7 @@ declare class SpxInputTimeComponent {
|
|
|
356
361
|
declare class SpxInputComponent {
|
|
357
362
|
protected mappedName: _angular_core.Signal<string | undefined>;
|
|
358
363
|
protected mappedReadonly: _angular_core.Signal<true | undefined>;
|
|
364
|
+
protected matchButtonXlHeight: _angular_core.Signal<boolean>;
|
|
359
365
|
readonly spxSpeedDial: _angular_core.InputSignal<SpxSpeedDial<string | number>[]>;
|
|
360
366
|
readonly spxLabel: _angular_core.InputSignal<string>;
|
|
361
367
|
readonly spxMax: _angular_core.InputSignal<string | undefined>;
|
|
@@ -371,6 +377,7 @@ declare class SpxInputComponent {
|
|
|
371
377
|
readonly spxSelectDay: _angular_core.InputSignal<boolean>;
|
|
372
378
|
readonly spxShowEdit: _angular_core.InputSignal<boolean>;
|
|
373
379
|
readonly spxShowHelp: _angular_core.InputSignal<boolean>;
|
|
380
|
+
readonly spxLeftIcon: _angular_core.InputSignal<IconDefinition | undefined>;
|
|
374
381
|
readonly spxShowLabel: _angular_core.InputSignal<boolean>;
|
|
375
382
|
readonly spxCompact: _angular_core.InputSignal<boolean>;
|
|
376
383
|
readonly spxShowClear: _angular_core.InputSignal<boolean>;
|
|
@@ -438,7 +445,7 @@ declare class SpxInputComponent {
|
|
|
438
445
|
registerOnChange(fn: (value: any) => void): void;
|
|
439
446
|
registerOnTouched(fn: () => void): void;
|
|
440
447
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SpxInputComponent, never>;
|
|
441
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SpxInputComponent, "spx-input", never, { "spxSpeedDial": { "alias": "spxSpeedDial"; "required": false; "isSignal": true; }; "spxLabel": { "alias": "spxLabel"; "required": false; "isSignal": true; }; "spxMax": { "alias": "spxMax"; "required": false; "isSignal": true; }; "spxMin": { "alias": "spxMin"; "required": false; "isSignal": true; }; "spxName": { "alias": "spxName"; "required": false; "isSignal": true; }; "spxReadonly": { "alias": "spxReadonly"; "required": false; "isSignal": true; }; "spxAutocomplete": { "alias": "spxAutocomplete"; "required": false; "isSignal": true; }; "spxAutofocus": { "alias": "spxAutofocus"; "required": false; "isSignal": true; }; "spxInputMode": { "alias": "spxInputMode"; "required": false; "isSignal": true; }; "spxPattern": { "alias": "spxPattern"; "required": false; "isSignal": true; }; "spxRequired": { "alias": "spxRequired"; "required": false; "isSignal": true; }; "spxSelectMonth": { "alias": "spxSelectMonth"; "required": false; "isSignal": true; }; "spxSelectDay": { "alias": "spxSelectDay"; "required": false; "isSignal": true; }; "spxShowEdit": { "alias": "spxShowEdit"; "required": false; "isSignal": true; }; "spxShowHelp": { "alias": "spxShowHelp"; "required": false; "isSignal": true; }; "spxShowLabel": { "alias": "spxShowLabel"; "required": false; "isSignal": true; }; "spxCompact": { "alias": "spxCompact"; "required": false; "isSignal": true; }; "spxShowClear": { "alias": "spxShowClear"; "required": false; "isSignal": true; }; "spxShowSearch": { "alias": "spxShowSearch"; "required": false; "isSignal": true; }; "spxAlert": { "alias": "spxAlert"; "required": false; "isSignal": true; }; "spxShowValidationMessages": { "alias": "spxShowValidationMessages"; "required": false; "isSignal": true; }; "spxStep": { "alias": "spxStep"; "required": false; "isSignal": true; }; "spxSuggestions": { "alias": "spxSuggestions"; "required": false; "isSignal": true; }; "spxType": { "alias": "spxType"; "required": false; "isSignal": true; }; "spxValidators": { "alias": "spxValidators"; "required": false; "isSignal": true; }; "spxCapitalize": { "alias": "spxCapitalize"; "required": false; "isSignal": true; }; "spxCycleConfig": { "alias": "spxCycleConfig"; "required": false; "isSignal": true; }; }, { "spxClear": "spxClear"; "spxEdit": "spxEdit"; "spxHelp": "spxHelp"; "spxSearch": "spxSearch"; "spxBlur": "spxBlur"; }, never, ["*"], true, never>;
|
|
448
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SpxInputComponent, "spx-input", never, { "spxSpeedDial": { "alias": "spxSpeedDial"; "required": false; "isSignal": true; }; "spxLabel": { "alias": "spxLabel"; "required": false; "isSignal": true; }; "spxMax": { "alias": "spxMax"; "required": false; "isSignal": true; }; "spxMin": { "alias": "spxMin"; "required": false; "isSignal": true; }; "spxName": { "alias": "spxName"; "required": false; "isSignal": true; }; "spxReadonly": { "alias": "spxReadonly"; "required": false; "isSignal": true; }; "spxAutocomplete": { "alias": "spxAutocomplete"; "required": false; "isSignal": true; }; "spxAutofocus": { "alias": "spxAutofocus"; "required": false; "isSignal": true; }; "spxInputMode": { "alias": "spxInputMode"; "required": false; "isSignal": true; }; "spxPattern": { "alias": "spxPattern"; "required": false; "isSignal": true; }; "spxRequired": { "alias": "spxRequired"; "required": false; "isSignal": true; }; "spxSelectMonth": { "alias": "spxSelectMonth"; "required": false; "isSignal": true; }; "spxSelectDay": { "alias": "spxSelectDay"; "required": false; "isSignal": true; }; "spxShowEdit": { "alias": "spxShowEdit"; "required": false; "isSignal": true; }; "spxShowHelp": { "alias": "spxShowHelp"; "required": false; "isSignal": true; }; "spxLeftIcon": { "alias": "spxLeftIcon"; "required": false; "isSignal": true; }; "spxShowLabel": { "alias": "spxShowLabel"; "required": false; "isSignal": true; }; "spxCompact": { "alias": "spxCompact"; "required": false; "isSignal": true; }; "spxShowClear": { "alias": "spxShowClear"; "required": false; "isSignal": true; }; "spxShowSearch": { "alias": "spxShowSearch"; "required": false; "isSignal": true; }; "spxAlert": { "alias": "spxAlert"; "required": false; "isSignal": true; }; "spxShowValidationMessages": { "alias": "spxShowValidationMessages"; "required": false; "isSignal": true; }; "spxStep": { "alias": "spxStep"; "required": false; "isSignal": true; }; "spxSuggestions": { "alias": "spxSuggestions"; "required": false; "isSignal": true; }; "spxType": { "alias": "spxType"; "required": false; "isSignal": true; }; "spxValidators": { "alias": "spxValidators"; "required": false; "isSignal": true; }; "spxCapitalize": { "alias": "spxCapitalize"; "required": false; "isSignal": true; }; "spxCycleConfig": { "alias": "spxCycleConfig"; "required": false; "isSignal": true; }; }, { "spxClear": "spxClear"; "spxEdit": "spxEdit"; "spxHelp": "spxHelp"; "spxSearch": "spxSearch"; "spxBlur": "spxBlur"; }, never, ["*"], true, never>;
|
|
442
449
|
}
|
|
443
450
|
|
|
444
451
|
export { SpxInputBoxComponent, SpxInputComponent, SpxInputTextComponent, SpxInputTypeEnum };
|