@softpak/components 21.3.8 → 21.3.9

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 (4) hide show
  1. package/fesm2022/softpak-components-spx-inputs.mjs +48 -10
  2. package/fesm2022/softpak-components-spx-inputs.mjs.map +1 -1
  3. package/package.json +1 -1
  4. package/types/softpak-components-spx-inputs.d.ts +15 -7
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@softpak/components",
3
- "version": "21.3.8",
3
+ "version": "21.3.9",
4
4
  "private": false,
5
5
  "peerDependencies": {
6
6
  "@angular/common": "21.x.x",
package/types/softpak-components-spx-inputs.d.ts CHANGED
@@ -1,6 +1,6 @@
1
+ import * as _fortawesome_fontawesome_common_types from '@fortawesome/fontawesome-common-types';
1
2
  import * as _angular_core from '@angular/core';
2
3
  import { ElementRef, ChangeDetectorRef, EventEmitter, QueryList, OnInit, SimpleChanges } from '@angular/core';
3
- import * as _fortawesome_fontawesome_common_types from '@fortawesome/fontawesome-common-types';
4
4
  import { IconDefinition } from '@fortawesome/angular-fontawesome';
5
5
  import { Observable } from 'rxjs';
6
6
  import { SpxSeverityEnum, SpxInputAlertI as SpxInputAlertI$1 } from '@softpak/components/spx-helpers';
@@ -27,8 +27,15 @@ interface SpxInputAlertI {
27
27
  severity: SpxSeverityEnum;
28
28
  }
29
29
 
30
+ declare class SpxInputLeftIconDirective {
31
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<SpxInputLeftIconDirective, never>;
32
+ static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SpxInputLeftIconDirective, "[spxInputLeftIcon]", never, {}, {}, never, never, true, never>;
33
+ }
34
+
35
+ type SpxInputLeftIcon = IconDefinition | 'clear' | 'edit' | 'help' | 'search';
30
36
  declare class SpxInputBoxComponent {
31
37
  selectedInputService: SelectedInputService;
38
+ projectedLeftIcon: _angular_core.Signal<SpxInputLeftIconDirective | undefined>;
32
39
  faEdit: _fortawesome_fontawesome_common_types.IconDefinition;
33
40
  faSearch: _fortawesome_fontawesome_common_types.IconDefinition;
34
41
  faQuestion: _fortawesome_fontawesome_common_types.IconDefinition;
@@ -37,9 +44,10 @@ declare class SpxInputBoxComponent {
37
44
  clearButtonName: _angular_core.Signal<string | undefined>;
38
45
  searchButtonName: _angular_core.Signal<string | undefined>;
39
46
  leftIcon: _angular_core.Signal<IconDefinition | undefined>;
47
+ hasLeftIcon: _angular_core.Signal<boolean>;
40
48
  readonly spxCompact: _angular_core.InputSignal<boolean | undefined>;
41
49
  readonly spxLabel: _angular_core.InputSignal<string | undefined>;
42
- readonly spxLeftIcon: _angular_core.InputSignal<IconDefinition | undefined>;
50
+ readonly spxLeftIcon: _angular_core.InputSignal<SpxInputLeftIcon | undefined>;
43
51
  readonly spxMatchButtonXlHeight: _angular_core.InputSignal<boolean>;
44
52
  readonly spxName: _angular_core.InputSignal<string | undefined>;
45
53
  readonly spxReadonly: _angular_core.InputSignal<boolean>;
@@ -67,7 +75,7 @@ declare class SpxInputBoxComponent {
67
75
  onEdit(): void;
68
76
  onHelp(): void;
69
77
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SpxInputBoxComponent, 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>;
78
+ 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"; }, ["projectedLeftIcon"], ["[spxInputLeftIcon]", "[controls]", "[validation-messages]"], true, never>;
71
79
  }
72
80
 
73
81
  declare enum SpxInputTypeEnum {
@@ -377,7 +385,7 @@ declare class SpxInputComponent {
377
385
  readonly spxSelectDay: _angular_core.InputSignal<boolean>;
378
386
  readonly spxShowEdit: _angular_core.InputSignal<boolean>;
379
387
  readonly spxShowHelp: _angular_core.InputSignal<boolean>;
380
- readonly spxLeftIcon: _angular_core.InputSignal<IconDefinition | undefined>;
388
+ readonly spxLeftIcon: _angular_core.InputSignal<SpxInputLeftIcon | undefined>;
381
389
  readonly spxShowLabel: _angular_core.InputSignal<boolean>;
382
390
  readonly spxCompact: _angular_core.InputSignal<boolean>;
383
391
  readonly spxShowClear: _angular_core.InputSignal<boolean>;
@@ -445,8 +453,8 @@ declare class SpxInputComponent {
445
453
  registerOnChange(fn: (value: any) => void): void;
446
454
  registerOnTouched(fn: () => void): void;
447
455
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SpxInputComponent, 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>;
456
+ 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, ["[spxInputLeftIcon]", "*"], true, never>;
449
457
  }
450
458
 
451
- export { SpxInputBoxComponent, SpxInputComponent, SpxInputTextComponent, SpxInputTypeEnum };
452
- export type { SpxCycleConfig, SpxInputAlertI, SpxSpeedDial, SpxValuePair };
459
+ export { SpxInputBoxComponent, SpxInputComponent, SpxInputLeftIconDirective, SpxInputTextComponent, SpxInputTypeEnum };
460
+ export type { SpxCycleConfig, SpxInputAlertI, SpxInputLeftIcon, SpxSpeedDial, SpxValuePair };