@softpak/components 21.3.8 → 21.3.10

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 +50 -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 +17 -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.10",
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,19 +27,29 @@ 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;
35
42
  faTimes: _fortawesome_fontawesome_common_types.IconDefinition;
36
43
  SpxSeverity: typeof SpxSeverityEnum;
37
44
  clearButtonName: _angular_core.Signal<string | undefined>;
45
+ clearButtonFullHeight: _angular_core.Signal<boolean>;
38
46
  searchButtonName: _angular_core.Signal<string | undefined>;
47
+ clearButtonSize: _angular_core.Signal<"sm" | "xl">;
39
48
  leftIcon: _angular_core.Signal<IconDefinition | undefined>;
49
+ hasLeftIcon: _angular_core.Signal<boolean>;
40
50
  readonly spxCompact: _angular_core.InputSignal<boolean | undefined>;
41
51
  readonly spxLabel: _angular_core.InputSignal<string | undefined>;
42
- readonly spxLeftIcon: _angular_core.InputSignal<IconDefinition | undefined>;
52
+ readonly spxLeftIcon: _angular_core.InputSignal<SpxInputLeftIcon | undefined>;
43
53
  readonly spxMatchButtonXlHeight: _angular_core.InputSignal<boolean>;
44
54
  readonly spxName: _angular_core.InputSignal<string | undefined>;
45
55
  readonly spxReadonly: _angular_core.InputSignal<boolean>;
@@ -67,7 +77,7 @@ declare class SpxInputBoxComponent {
67
77
  onEdit(): void;
68
78
  onHelp(): void;
69
79
  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>;
80
+ 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
81
  }
72
82
 
73
83
  declare enum SpxInputTypeEnum {
@@ -377,7 +387,7 @@ declare class SpxInputComponent {
377
387
  readonly spxSelectDay: _angular_core.InputSignal<boolean>;
378
388
  readonly spxShowEdit: _angular_core.InputSignal<boolean>;
379
389
  readonly spxShowHelp: _angular_core.InputSignal<boolean>;
380
- readonly spxLeftIcon: _angular_core.InputSignal<IconDefinition | undefined>;
390
+ readonly spxLeftIcon: _angular_core.InputSignal<SpxInputLeftIcon | undefined>;
381
391
  readonly spxShowLabel: _angular_core.InputSignal<boolean>;
382
392
  readonly spxCompact: _angular_core.InputSignal<boolean>;
383
393
  readonly spxShowClear: _angular_core.InputSignal<boolean>;
@@ -445,8 +455,8 @@ declare class SpxInputComponent {
445
455
  registerOnChange(fn: (value: any) => void): void;
446
456
  registerOnTouched(fn: () => void): void;
447
457
  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>;
458
+ 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
459
  }
450
460
 
451
- export { SpxInputBoxComponent, SpxInputComponent, SpxInputTextComponent, SpxInputTypeEnum };
452
- export type { SpxCycleConfig, SpxInputAlertI, SpxSpeedDial, SpxValuePair };
461
+ export { SpxInputBoxComponent, SpxInputComponent, SpxInputLeftIconDirective, SpxInputTextComponent, SpxInputTypeEnum };
462
+ export type { SpxCycleConfig, SpxInputAlertI, SpxInputLeftIcon, SpxSpeedDial, SpxValuePair };