ps-helix 3.0.6 → 3.0.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/README.md +3 -3
- package/fesm2022/ps-helix.mjs +138 -41
- package/fesm2022/ps-helix.mjs.map +1 -1
- package/index.d.ts +47 -26
- package/package.json +1 -1
package/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as _angular_core from '@angular/core';
|
|
2
|
-
import { AfterContentChecked, OnDestroy, AfterContentInit, InjectionToken, AfterViewInit, TemplateRef, Type } from '@angular/core';
|
|
2
|
+
import { AfterContentChecked, OnDestroy, AfterContentInit, InjectionToken, EventEmitter, AfterViewInit, TemplateRef, Type } from '@angular/core';
|
|
3
3
|
import { ControlValueAccessor } from '@angular/forms';
|
|
4
4
|
import * as ps_helix from 'ps-helix';
|
|
5
5
|
import { Observable } from 'rxjs';
|
|
@@ -197,12 +197,14 @@ declare class PshButtonComponent implements AfterContentChecked {
|
|
|
197
197
|
iconOnlyText: _angular_core.InputSignal<string | undefined>;
|
|
198
198
|
type: _angular_core.InputSignal<"button" | "submit" | "reset">;
|
|
199
199
|
clicked: _angular_core.OutputEmitterRef<MouseEvent>;
|
|
200
|
+
disabledClick: _angular_core.OutputEmitterRef<MouseEvent>;
|
|
200
201
|
ngAfterContentChecked(): void;
|
|
201
202
|
computedAriaLabel: _angular_core.Signal<string | undefined>;
|
|
202
203
|
state: _angular_core.Signal<"default" | "disabled" | "loading">;
|
|
203
204
|
handleClick(event: MouseEvent): void;
|
|
205
|
+
onHostClick(event: MouseEvent): void;
|
|
204
206
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<PshButtonComponent, never>;
|
|
205
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<PshButtonComponent, "psh-button", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "iconPosition": { "alias": "iconPosition"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "loadingText": { "alias": "loadingText"; "required": false; "isSignal": true; }; "disabledText": { "alias": "disabledText"; "required": false; "isSignal": true; }; "iconOnlyText": { "alias": "iconOnlyText"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; }, { "fullWidth": "fullWidthChange"; "clicked": "clicked"; }, never, ["*"], true, never>;
|
|
207
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<PshButtonComponent, "psh-button", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "iconPosition": { "alias": "iconPosition"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "loadingText": { "alias": "loadingText"; "required": false; "isSignal": true; }; "disabledText": { "alias": "disabledText"; "required": false; "isSignal": true; }; "iconOnlyText": { "alias": "iconOnlyText"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; }, { "fullWidth": "fullWidthChange"; "clicked": "clicked"; "disabledClick": "disabledClick"; }, never, ["*"], true, never>;
|
|
206
208
|
}
|
|
207
209
|
|
|
208
210
|
/**
|
|
@@ -629,10 +631,16 @@ declare class PshCheckboxComponent implements ControlValueAccessor {
|
|
|
629
631
|
private checkboxInput;
|
|
630
632
|
private onChange;
|
|
631
633
|
private onTouched;
|
|
632
|
-
checked: _angular_core.
|
|
633
|
-
|
|
634
|
-
|
|
635
|
-
|
|
634
|
+
checked: _angular_core.WritableSignal<boolean>;
|
|
635
|
+
set checkedInput(v: boolean);
|
|
636
|
+
disabled: _angular_core.WritableSignal<boolean>;
|
|
637
|
+
set disabledInput(v: boolean);
|
|
638
|
+
indeterminate: _angular_core.WritableSignal<boolean>;
|
|
639
|
+
set indeterminateInput(v: boolean);
|
|
640
|
+
required: _angular_core.InputSignal<boolean>;
|
|
641
|
+
checkedChange: EventEmitter<boolean>;
|
|
642
|
+
disabledChange: EventEmitter<boolean>;
|
|
643
|
+
indeterminateChange: EventEmitter<boolean>;
|
|
636
644
|
label: _angular_core.InputSignal<string>;
|
|
637
645
|
error: _angular_core.InputSignal<string>;
|
|
638
646
|
success: _angular_core.InputSignal<string>;
|
|
@@ -656,7 +664,7 @@ declare class PshCheckboxComponent implements ControlValueAccessor {
|
|
|
656
664
|
focus(): void;
|
|
657
665
|
blur(): void;
|
|
658
666
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<PshCheckboxComponent, never>;
|
|
659
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<PshCheckboxComponent, "psh-checkbox", never, { "
|
|
667
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<PshCheckboxComponent, "psh-checkbox", never, { "checkedInput": { "alias": "checked"; "required": false; }; "disabledInput": { "alias": "disabled"; "required": false; }; "indeterminateInput": { "alias": "indeterminate"; "required": false; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "success": { "alias": "success"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "labelPosition": { "alias": "labelPosition"; "required": false; "isSignal": true; }; }, { "checkedChange": "checkedChange"; "disabledChange": "disabledChange"; "indeterminateChange": "indeterminateChange"; }, never, ["*"], true, never>;
|
|
660
668
|
}
|
|
661
669
|
|
|
662
670
|
/**
|
|
@@ -808,8 +816,10 @@ declare class PshInputComponent implements ControlValueAccessor {
|
|
|
808
816
|
private destroyRef;
|
|
809
817
|
private static nextId;
|
|
810
818
|
readonly inputId: string;
|
|
811
|
-
value: _angular_core.
|
|
812
|
-
|
|
819
|
+
value: _angular_core.WritableSignal<string>;
|
|
820
|
+
set valueInput(v: string);
|
|
821
|
+
disabled: _angular_core.WritableSignal<boolean>;
|
|
822
|
+
set disabledInput(v: boolean);
|
|
813
823
|
readonly: _angular_core.ModelSignal<boolean>;
|
|
814
824
|
loading: _angular_core.ModelSignal<boolean>;
|
|
815
825
|
variant: _angular_core.InputSignal<InputVariant>;
|
|
@@ -835,7 +845,8 @@ declare class PshInputComponent implements ControlValueAccessor {
|
|
|
835
845
|
private passwordVisibleSignal;
|
|
836
846
|
private blurTimeoutId;
|
|
837
847
|
private debounceTimeoutId;
|
|
838
|
-
valueChange:
|
|
848
|
+
valueChange: EventEmitter<string>;
|
|
849
|
+
disabledChange: EventEmitter<boolean>;
|
|
839
850
|
inputFocus: _angular_core.OutputEmitterRef<void>;
|
|
840
851
|
inputBlur: _angular_core.OutputEmitterRef<void>;
|
|
841
852
|
suggestionSelect: _angular_core.OutputEmitterRef<string>;
|
|
@@ -866,7 +877,7 @@ declare class PshInputComponent implements ControlValueAccessor {
|
|
|
866
877
|
private debouncedUpdateSuggestions;
|
|
867
878
|
private updateSuggestions;
|
|
868
879
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<PshInputComponent, never>;
|
|
869
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<PshInputComponent, "psh-input", never, { "
|
|
880
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<PshInputComponent, "psh-input", never, { "valueInput": { "alias": "value"; "required": false; }; "disabledInput": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "iconStart": { "alias": "iconStart"; "required": false; "isSignal": true; }; "iconEnd": { "alias": "iconEnd"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "success": { "alias": "success"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "suggestions": { "alias": "suggestions"; "required": false; "isSignal": true; }; "autocompleteConfig": { "alias": "autocompleteConfig"; "required": false; "isSignal": true; }; }, { "readonly": "readonlyChange"; "loading": "loadingChange"; "valueChange": "valueChange"; "disabledChange": "disabledChange"; "inputFocus": "inputFocus"; "inputBlur": "inputBlur"; "suggestionSelect": "suggestionSelect"; }, never, ["[input-label]", "[input-error]", "[input-success]", "[input-hint]"], true, never>;
|
|
870
881
|
}
|
|
871
882
|
|
|
872
883
|
/**
|
|
@@ -1427,9 +1438,11 @@ declare class PshRadioComponent {
|
|
|
1427
1438
|
private config;
|
|
1428
1439
|
private styles;
|
|
1429
1440
|
private uniqueId;
|
|
1430
|
-
checked: _angular_core.
|
|
1431
|
-
|
|
1432
|
-
|
|
1441
|
+
checked: _angular_core.WritableSignal<boolean>;
|
|
1442
|
+
set checkedInput(v: boolean);
|
|
1443
|
+
disabled: _angular_core.WritableSignal<boolean>;
|
|
1444
|
+
set disabledInput(v: boolean);
|
|
1445
|
+
required: _angular_core.InputSignal<boolean>;
|
|
1433
1446
|
label: _angular_core.InputSignal<string>;
|
|
1434
1447
|
error: _angular_core.InputSignal<string>;
|
|
1435
1448
|
success: _angular_core.InputSignal<string>;
|
|
@@ -1440,8 +1453,9 @@ declare class PshRadioComponent {
|
|
|
1440
1453
|
labelPosition: _angular_core.InputSignal<"left" | "right">;
|
|
1441
1454
|
private radioText;
|
|
1442
1455
|
protected hasProjectedContent: _angular_core.WritableSignal<boolean>;
|
|
1456
|
+
checkedChange: EventEmitter<boolean>;
|
|
1457
|
+
disabledChange: EventEmitter<boolean>;
|
|
1443
1458
|
valueChange: _angular_core.OutputEmitterRef<any>;
|
|
1444
|
-
checkedChange: _angular_core.OutputEmitterRef<boolean>;
|
|
1445
1459
|
customStyles: _angular_core.Signal<any>;
|
|
1446
1460
|
state: _angular_core.Signal<string>;
|
|
1447
1461
|
computedAriaLabel: _angular_core.Signal<string | undefined>;
|
|
@@ -1456,7 +1470,7 @@ declare class PshRadioComponent {
|
|
|
1456
1470
|
private focusNextRadio;
|
|
1457
1471
|
private focusPreviousRadio;
|
|
1458
1472
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<PshRadioComponent, never>;
|
|
1459
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<PshRadioComponent, "psh-radio", never, { "
|
|
1473
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<PshRadioComponent, "psh-radio", never, { "checkedInput": { "alias": "checked"; "required": false; }; "disabledInput": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "success": { "alias": "success"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "labelPosition": { "alias": "labelPosition"; "required": false; "isSignal": true; }; }, { "checkedChange": "checkedChange"; "disabledChange": "disabledChange"; "valueChange": "valueChange"; }, ["radioText"], ["*"], true, never>;
|
|
1460
1474
|
}
|
|
1461
1475
|
|
|
1462
1476
|
interface SelectOption<T> {
|
|
@@ -1483,8 +1497,10 @@ declare class PshSelectComponent<T = any> implements ControlValueAccessor, After
|
|
|
1483
1497
|
private cdr;
|
|
1484
1498
|
private destroyRef;
|
|
1485
1499
|
readonly selectId: string;
|
|
1486
|
-
value: _angular_core.
|
|
1487
|
-
|
|
1500
|
+
value: _angular_core.WritableSignal<T | T[] | null>;
|
|
1501
|
+
set valueInput(v: T | T[] | null);
|
|
1502
|
+
disabled: _angular_core.WritableSignal<boolean>;
|
|
1503
|
+
set disabledInput(v: boolean);
|
|
1488
1504
|
size: _angular_core.InputSignal<SelectSize>;
|
|
1489
1505
|
searchable: _angular_core.InputSignal<boolean>;
|
|
1490
1506
|
multiple: _angular_core.InputSignal<boolean>;
|
|
@@ -1511,7 +1527,8 @@ declare class PshSelectComponent<T = any> implements ControlValueAccessor, After
|
|
|
1511
1527
|
private hasLabelContentSignal;
|
|
1512
1528
|
private initializedSignal;
|
|
1513
1529
|
private activeDescendantId;
|
|
1514
|
-
valueChange:
|
|
1530
|
+
valueChange: EventEmitter<T | T[] | null>;
|
|
1531
|
+
disabledChange: EventEmitter<boolean>;
|
|
1515
1532
|
opened: _angular_core.OutputEmitterRef<void>;
|
|
1516
1533
|
closed: _angular_core.OutputEmitterRef<void>;
|
|
1517
1534
|
scrollEnd: _angular_core.OutputEmitterRef<void>;
|
|
@@ -1554,7 +1571,7 @@ declare class PshSelectComponent<T = any> implements ControlValueAccessor, After
|
|
|
1554
1571
|
private updateSelectedLabel;
|
|
1555
1572
|
private flattenOptions;
|
|
1556
1573
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<PshSelectComponent<any>, never>;
|
|
1557
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<PshSelectComponent<any>, "psh-select", never, { "
|
|
1574
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<PshSelectComponent<any>, "psh-select", never, { "valueInput": { "alias": "value"; "required": false; }; "disabledInput": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "multiplePlaceholder": { "alias": "multiplePlaceholder"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "success": { "alias": "success"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "maxSelections": { "alias": "maxSelections"; "required": false; "isSignal": true; }; "minSelections": { "alias": "minSelections"; "required": false; "isSignal": true; }; "compareWith": { "alias": "compareWith"; "required": false; "isSignal": true; }; "searchConfig": { "alias": "searchConfig"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "disabledChange": "disabledChange"; "opened": "opened"; "closed": "closed"; "scrollEnd": "scrollEnd"; "searched": "searched"; }, never, ["[select-label]", "[select-error]", "[select-success]", "[select-hint]"], true, never>;
|
|
1558
1575
|
}
|
|
1559
1576
|
|
|
1560
1577
|
/**
|
|
@@ -1824,11 +1841,15 @@ declare class PshSwitchComponent implements ControlValueAccessor {
|
|
|
1824
1841
|
private switchInput;
|
|
1825
1842
|
private onChange;
|
|
1826
1843
|
private onTouched;
|
|
1827
|
-
checked: _angular_core.
|
|
1828
|
-
|
|
1829
|
-
|
|
1830
|
-
|
|
1831
|
-
|
|
1844
|
+
checked: _angular_core.WritableSignal<boolean>;
|
|
1845
|
+
set checkedInput(v: boolean);
|
|
1846
|
+
disabled: _angular_core.WritableSignal<boolean>;
|
|
1847
|
+
set disabledInput(v: boolean);
|
|
1848
|
+
checkedChange: EventEmitter<boolean>;
|
|
1849
|
+
disabledChange: EventEmitter<boolean>;
|
|
1850
|
+
required: _angular_core.InputSignal<boolean>;
|
|
1851
|
+
size: _angular_core.InputSignal<SwitchSize>;
|
|
1852
|
+
labelPosition: _angular_core.InputSignal<"left" | "right">;
|
|
1832
1853
|
label: _angular_core.InputSignal<string>;
|
|
1833
1854
|
error: _angular_core.InputSignal<string>;
|
|
1834
1855
|
success: _angular_core.InputSignal<string>;
|
|
@@ -1847,7 +1868,7 @@ declare class PshSwitchComponent implements ControlValueAccessor {
|
|
|
1847
1868
|
focus(): void;
|
|
1848
1869
|
blur(): void;
|
|
1849
1870
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<PshSwitchComponent, never>;
|
|
1850
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<PshSwitchComponent, "psh-switch", never, { "
|
|
1871
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<PshSwitchComponent, "psh-switch", never, { "checkedInput": { "alias": "checked"; "required": false; }; "disabledInput": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "labelPosition": { "alias": "labelPosition"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "success": { "alias": "success"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; }, { "checkedChange": "checkedChange"; "disabledChange": "disabledChange"; }, never, ["*"], true, never>;
|
|
1851
1872
|
}
|
|
1852
1873
|
|
|
1853
1874
|
/**
|