@vallift/ngl 21.0.6 → 22.0.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.
- package/README.md +2 -1
- package/fesm2022/vallift-ngl.mjs +6742 -378
- package/fesm2022/vallift-ngl.mjs.map +1 -1
- package/package.json +3 -3
- package/types/vallift-ngl.d.ts +1360 -11
package/types/vallift-ngl.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ import * as _vallift_ngl from '@vallift/ngl';
|
|
|
2
2
|
import { HttpHeaders, HttpEvent, HttpClient } from '@angular/common/http';
|
|
3
3
|
import { Observable, Subject, Subscription } from 'rxjs';
|
|
4
4
|
import * as _angular_core from '@angular/core';
|
|
5
|
-
import { AfterContentInit, OnDestroy, AfterViewInit, OnInit, ElementRef, Renderer2, EventEmitter, OnChanges, ChangeDetectorRef, ViewContainerRef, ComponentFactoryResolver, ApplicationRef, Injector, Type, QueryList, OutputEmitterRef, OutputRefSubscription, SimpleChanges, WritableSignal, InjectionToken, PipeTransform, Provider } from '@angular/core';
|
|
5
|
+
import { AfterContentInit, OnDestroy, AfterViewInit, OnInit, ElementRef, Renderer2, EventEmitter, OnChanges, ChangeDetectorRef, ViewContainerRef, ComponentFactoryResolver, ApplicationRef, Injector, Type, QueryList, OutputEmitterRef, OutputRefSubscription, SimpleChanges, WritableSignal, InjectionToken, PipeTransform, AfterViewChecked, Signal, Provider, EnvironmentProviders } from '@angular/core';
|
|
6
6
|
import * as _angular_forms from '@angular/forms';
|
|
7
7
|
import { ControlValueAccessor, FormControl, NgControl, FormGroupDirective, FormGroup, AbstractControl, ValidatorFn, ValidationErrors, AsyncValidatorFn } from '@angular/forms';
|
|
8
8
|
import { Router } from '@angular/router';
|
|
@@ -11,6 +11,7 @@ import { ComponentType, CdkPortal } from '@angular/cdk/portal';
|
|
|
11
11
|
import * as _angular_cdk_overlay from '@angular/cdk/overlay';
|
|
12
12
|
import { Overlay } from '@angular/cdk/overlay';
|
|
13
13
|
import { SafeHtml, DomSanitizer } from '@angular/platform-browser';
|
|
14
|
+
import { FormValueControl, ValidationError } from '@angular/forms/signals';
|
|
14
15
|
|
|
15
16
|
declare class BaseApiService {
|
|
16
17
|
config: _vallift_ngl.NglConfig;
|
|
@@ -213,6 +214,7 @@ declare class OverlayService {
|
|
|
213
214
|
disableClose?: boolean;
|
|
214
215
|
maxHeightClass?: string;
|
|
215
216
|
data?: any;
|
|
217
|
+
panelClass?: string[];
|
|
216
218
|
}): DialogRef<any, T>;
|
|
217
219
|
private setOverlayMaxHeight;
|
|
218
220
|
openBackdrop<T>(component: ComponentType<T>, options?: {
|
|
@@ -222,10 +224,12 @@ declare class OverlayService {
|
|
|
222
224
|
openBottomSheet<T>(component: ComponentType<T>, options?: {
|
|
223
225
|
disableClose?: boolean;
|
|
224
226
|
data?: any;
|
|
227
|
+
panelClass?: string[];
|
|
225
228
|
}): DialogRef<any, T>;
|
|
226
229
|
openFullScreen<T>(component: ComponentType<T>, options?: {
|
|
227
230
|
disableClose?: boolean;
|
|
228
231
|
data?: any;
|
|
232
|
+
panelClass?: string[];
|
|
229
233
|
}): DialogRef<any, T>;
|
|
230
234
|
openSidePanelRight<T>(component: ComponentType<T>, options?: {
|
|
231
235
|
widthInPx?: number;
|
|
@@ -1021,15 +1025,22 @@ declare class TooltipDirective {
|
|
|
1021
1025
|
private elementRef;
|
|
1022
1026
|
private positionBuilder;
|
|
1023
1027
|
private overlayRef;
|
|
1028
|
+
private tooltipComponentRef;
|
|
1024
1029
|
private longPressTimeout;
|
|
1030
|
+
private showTimeout;
|
|
1031
|
+
private isHiding;
|
|
1025
1032
|
libTooltip: string;
|
|
1026
1033
|
tooltipPosition: _angular_core.InputSignal<"bottom" | "top" | "left" | "right" | "before" | "after">;
|
|
1027
1034
|
tooltipClass: _angular_core.InputSignal<string | string[] | Set<string> | {
|
|
1028
1035
|
[klass: string]: any;
|
|
1029
1036
|
}>;
|
|
1037
|
+
tooltipShowDelay: _angular_core.InputSignal<number>;
|
|
1038
|
+
tooltipHideDuration: _angular_core.InputSignal<number>;
|
|
1030
1039
|
constructor();
|
|
1031
1040
|
private showTooltip;
|
|
1032
1041
|
private hideTooltip;
|
|
1042
|
+
private hideTooltipAnimated;
|
|
1043
|
+
private clearShowTimeout;
|
|
1033
1044
|
private getPosition;
|
|
1034
1045
|
private isTouch;
|
|
1035
1046
|
onMouseEnter(): void;
|
|
@@ -1037,7 +1048,7 @@ declare class TooltipDirective {
|
|
|
1037
1048
|
onTouchStart(): void;
|
|
1038
1049
|
onTouchEnd(): void;
|
|
1039
1050
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TooltipDirective, never>;
|
|
1040
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TooltipDirective, "[libTooltip]", never, { "libTooltip": { "alias": "libTooltip"; "required": false; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; "isSignal": true; }; "tooltipClass": { "alias": "tooltipClass"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1051
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TooltipDirective, "[libTooltip]", never, { "libTooltip": { "alias": "libTooltip"; "required": false; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; "isSignal": true; }; "tooltipClass": { "alias": "tooltipClass"; "required": false; "isSignal": true; }; "tooltipShowDelay": { "alias": "tooltipShowDelay"; "required": false; "isSignal": true; }; "tooltipHideDuration": { "alias": "tooltipHideDuration"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1041
1052
|
}
|
|
1042
1053
|
|
|
1043
1054
|
declare class ClickOutsideDirective implements AfterViewInit, OnDestroy {
|
|
@@ -1114,18 +1125,18 @@ declare class CheckboxComponent extends BaseControlValueAccessorV3<boolean> impl
|
|
|
1114
1125
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<CheckboxComponent, "app-checkbox", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1115
1126
|
}
|
|
1116
1127
|
|
|
1117
|
-
type Weekday = 'sunday' | 'monday' | 'tuesday' | 'wednesday' | 'thursday' | 'friday' | 'saturday';
|
|
1128
|
+
type Weekday$1 = 'sunday' | 'monday' | 'tuesday' | 'wednesday' | 'thursday' | 'friday' | 'saturday';
|
|
1118
1129
|
declare class DatePickerComponent extends BaseControlValueAccessorV3<Date> implements OnInit {
|
|
1119
1130
|
minDate: _angular_core.InputSignal<Date | null | undefined>;
|
|
1120
1131
|
maxDate: _angular_core.InputSignal<Date | null | undefined>;
|
|
1121
1132
|
allowOnlyPast: _angular_core.InputSignal<boolean>;
|
|
1122
1133
|
allowOnlyFuture: _angular_core.InputSignal<boolean>;
|
|
1123
1134
|
allowToday: _angular_core.InputSignal<boolean>;
|
|
1124
|
-
disabledDays: _angular_core.InputSignal<Weekday[]>;
|
|
1135
|
+
disabledDays: _angular_core.InputSignal<Weekday$1[]>;
|
|
1125
1136
|
disabledDates: _angular_core.InputSignal<Date[]>;
|
|
1126
1137
|
dateSelected: _angular_core.OutputEmitterRef<Date>;
|
|
1127
1138
|
days: {
|
|
1128
|
-
day: Weekday;
|
|
1139
|
+
day: Weekday$1;
|
|
1129
1140
|
displayName: string;
|
|
1130
1141
|
}[];
|
|
1131
1142
|
months: string[];
|
|
@@ -1173,7 +1184,7 @@ declare class DatePickerOverlayComponent {
|
|
|
1173
1184
|
maxDate: Date | null;
|
|
1174
1185
|
allowOnlyPast: boolean;
|
|
1175
1186
|
allowOnlyFuture: boolean;
|
|
1176
|
-
disabledDays: Weekday[];
|
|
1187
|
+
disabledDays: Weekday$1[];
|
|
1177
1188
|
disabledDates: Date[];
|
|
1178
1189
|
};
|
|
1179
1190
|
onDateSelected($event: Date): void;
|
|
@@ -1196,7 +1207,7 @@ declare class DateInputComponent extends BaseControlValueAccessorV3<Date | null>
|
|
|
1196
1207
|
maxDate: _angular_core.InputSignal<Date | null | undefined>;
|
|
1197
1208
|
allowOnlyPast: _angular_core.InputSignal<boolean>;
|
|
1198
1209
|
allowOnlyFuture: _angular_core.InputSignal<boolean>;
|
|
1199
|
-
disabledDays: _angular_core.InputSignal<Weekday[]>;
|
|
1210
|
+
disabledDays: _angular_core.InputSignal<Weekday$1[]>;
|
|
1200
1211
|
disabledDates: _angular_core.InputSignal<Date[]>;
|
|
1201
1212
|
inputDateFormat: _angular_core.InputSignal<InputDateFormat>;
|
|
1202
1213
|
overlayService: OverlayService;
|
|
@@ -1228,7 +1239,7 @@ declare class DateRangePickerComponent extends BaseControlValueAccessorV3<DateRa
|
|
|
1228
1239
|
allowToday: _angular_core.InputSignal<boolean>;
|
|
1229
1240
|
dateRangeSelected: _angular_core.OutputEmitterRef<DateRangeEvent>;
|
|
1230
1241
|
days: {
|
|
1231
|
-
day: Weekday;
|
|
1242
|
+
day: Weekday$1;
|
|
1232
1243
|
displayName: string;
|
|
1233
1244
|
}[];
|
|
1234
1245
|
months: string[];
|
|
@@ -1775,6 +1786,1328 @@ declare class HumanizeFormMessagesPipe implements PipeTransform {
|
|
|
1775
1786
|
static ɵpipe: _angular_core.ɵɵPipeDeclaration<HumanizeFormMessagesPipe, "humanizeFormMessages", true>;
|
|
1776
1787
|
}
|
|
1777
1788
|
|
|
1789
|
+
type SignalTextInputAppearance = 'fill' | 'outline' | 'ghost' | 'floating' | 'ifta' | 'floatingOutline';
|
|
1790
|
+
type SignalTextInputSize = 'sm' | 'md';
|
|
1791
|
+
|
|
1792
|
+
declare abstract class BaseFormControl<TValue = unknown> implements FormValueControl<TValue> {
|
|
1793
|
+
readonly value: _angular_core.ModelSignal<TValue>;
|
|
1794
|
+
readonly errors: _angular_core.InputSignal<readonly ValidationError.WithOptionalFieldTree[]>;
|
|
1795
|
+
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
1796
|
+
readonly invalid: _angular_core.InputSignal<boolean>;
|
|
1797
|
+
readonly required: _angular_core.InputSignal<boolean>;
|
|
1798
|
+
readonly touched: _angular_core.ModelSignal<boolean>;
|
|
1799
|
+
readonly isFocused: _angular_core.ModelSignal<boolean>;
|
|
1800
|
+
readonly showRequiredIndicator: _angular_core.Signal<boolean>;
|
|
1801
|
+
readonly showError: _angular_core.Signal<boolean>;
|
|
1802
|
+
readonly errorMessage: _angular_core.Signal<string | null>;
|
|
1803
|
+
protected setValue(value: TValue): void;
|
|
1804
|
+
protected onFocus(): void;
|
|
1805
|
+
protected onBlur(): void;
|
|
1806
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BaseFormControl<any>, never>;
|
|
1807
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BaseFormControl<any>, never, never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "isFocused": { "alias": "isFocused"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; "isFocused": "isFocusedChange"; }, never, never, true, never>;
|
|
1808
|
+
}
|
|
1809
|
+
|
|
1810
|
+
type SignalTextInputType = 'text' | 'email' | 'password' | 'number' | 'search' | 'tel' | 'url' | 'time' | 'date';
|
|
1811
|
+
declare class SignalTextField extends BaseFormControl<string> implements AfterViewInit, OnDestroy {
|
|
1812
|
+
label: _angular_core.InputSignal<string>;
|
|
1813
|
+
placeholder: _angular_core.InputSignal<string>;
|
|
1814
|
+
hint: _angular_core.InputSignal<string>;
|
|
1815
|
+
inputType: _angular_core.InputSignal<SignalTextInputType>;
|
|
1816
|
+
readonly: _angular_core.InputSignal<boolean>;
|
|
1817
|
+
maskPattern: _angular_core.InputSignal<string | null>;
|
|
1818
|
+
appearance: _angular_core.InputSignal<SignalTextInputAppearance>;
|
|
1819
|
+
size: _angular_core.InputSignal<SignalTextInputSize>;
|
|
1820
|
+
prefixText: _angular_core.InputSignal<string>;
|
|
1821
|
+
prefixIcon: _angular_core.InputSignal<string | null | undefined>;
|
|
1822
|
+
postfixText: _angular_core.InputSignal<string>;
|
|
1823
|
+
postfixIcon: _angular_core.InputSignal<string | null | undefined>;
|
|
1824
|
+
id: _angular_core.InputSignal<string | undefined>;
|
|
1825
|
+
fieldName: _angular_core.InputSignal<string | undefined>;
|
|
1826
|
+
autocomplete: _angular_core.InputSignal<string | undefined>;
|
|
1827
|
+
minLength: _angular_core.InputSignal<number | undefined>;
|
|
1828
|
+
maxLength: _angular_core.InputSignal<number | undefined>;
|
|
1829
|
+
pattern: _angular_core.InputSignal<readonly RegExp[]>;
|
|
1830
|
+
showClearButton: _angular_core.InputSignal<boolean>;
|
|
1831
|
+
debounceValueChange: _angular_core.InputSignal<boolean>;
|
|
1832
|
+
debounceMs: _angular_core.InputSignal<number>;
|
|
1833
|
+
valueChange: _angular_core.OutputEmitterRef<string>;
|
|
1834
|
+
enter: _angular_core.OutputEmitterRef<string>;
|
|
1835
|
+
clear: _angular_core.OutputEmitterRef<void>;
|
|
1836
|
+
keyDown: _angular_core.OutputEmitterRef<KeyboardEvent>;
|
|
1837
|
+
postfixIconClick: _angular_core.OutputEmitterRef<void>;
|
|
1838
|
+
private readonly instanceId;
|
|
1839
|
+
private readonly valueChangeSubject;
|
|
1840
|
+
inputRef: ElementRef<HTMLInputElement>;
|
|
1841
|
+
readonly inputId: _angular_core.Signal<string>;
|
|
1842
|
+
readonly usesInFieldLabel: _angular_core.Signal<boolean>;
|
|
1843
|
+
readonly showInFieldHint: _angular_core.Signal<boolean>;
|
|
1844
|
+
readonly usesPeerFloatingLabel: _angular_core.Signal<boolean>;
|
|
1845
|
+
readonly hasPrefixText: _angular_core.Signal<boolean>;
|
|
1846
|
+
readonly hasAbsolutePrefixIcon: _angular_core.Signal<boolean>;
|
|
1847
|
+
readonly hasPostfixText: _angular_core.Signal<boolean>;
|
|
1848
|
+
readonly hasAbsolutePostfixIcon: _angular_core.Signal<boolean>;
|
|
1849
|
+
readonly hasValue: _angular_core.Signal<boolean>;
|
|
1850
|
+
readonly showClear: _angular_core.Signal<boolean>;
|
|
1851
|
+
readonly hasAbsoluteClear: _angular_core.Signal<boolean>;
|
|
1852
|
+
readonly appearanceWrapperClasses: _angular_core.Signal<string>;
|
|
1853
|
+
readonly wrapperHeightClasses: _angular_core.Signal<string>;
|
|
1854
|
+
readonly inputSizeClasses: _angular_core.Signal<string>;
|
|
1855
|
+
readonly horizontalPaddingClasses: _angular_core.Signal<string>;
|
|
1856
|
+
readonly iconSize: _angular_core.Signal<number>;
|
|
1857
|
+
readonly inFieldHintIconSize = 14;
|
|
1858
|
+
readonly inFieldLabelLeftClasses: _angular_core.Signal<string>;
|
|
1859
|
+
readonly floatingLabelClasses: _angular_core.Signal<string>;
|
|
1860
|
+
readonly iftaLabelClasses: _angular_core.Signal<string>;
|
|
1861
|
+
readonly floatingOutlineLabelClasses: _angular_core.Signal<string>;
|
|
1862
|
+
ngAfterViewInit(): void;
|
|
1863
|
+
ngOnDestroy(): void;
|
|
1864
|
+
protected updateValue($event: Event): void;
|
|
1865
|
+
protected onKeyDown(event: KeyboardEvent): void;
|
|
1866
|
+
protected onClear(): void;
|
|
1867
|
+
protected onPostfixIconClick(event: MouseEvent): void;
|
|
1868
|
+
private emitValueChange;
|
|
1869
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SignalTextField, never>;
|
|
1870
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SignalTextField, "lib-signal-text-field", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "inputType": { "alias": "inputType"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "maskPattern": { "alias": "mask"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "prefixText": { "alias": "prefixText"; "required": false; "isSignal": true; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; "isSignal": true; }; "postfixText": { "alias": "postfixText"; "required": false; "isSignal": true; }; "postfixIcon": { "alias": "postfixIcon"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "fieldName": { "alias": "fieldName"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "pattern": { "alias": "pattern"; "required": false; "isSignal": true; }; "showClearButton": { "alias": "showClearButton"; "required": false; "isSignal": true; }; "debounceValueChange": { "alias": "debounceValueChange"; "required": false; "isSignal": true; }; "debounceMs": { "alias": "debounceMs"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "enter": "enter"; "clear": "clear"; "keyDown": "keyDown"; "postfixIconClick": "postfixIconClick"; }, never, never, true, never>;
|
|
1871
|
+
}
|
|
1872
|
+
|
|
1873
|
+
declare class SignalNumberField extends BaseFormControl<number | null> implements AfterViewInit, OnDestroy {
|
|
1874
|
+
label: _angular_core.InputSignal<string>;
|
|
1875
|
+
placeholder: _angular_core.InputSignal<string>;
|
|
1876
|
+
hint: _angular_core.InputSignal<string>;
|
|
1877
|
+
appearance: _angular_core.InputSignal<SignalTextInputAppearance>;
|
|
1878
|
+
size: _angular_core.InputSignal<SignalTextInputSize>;
|
|
1879
|
+
readonly: _angular_core.InputSignal<boolean>;
|
|
1880
|
+
prefixText: _angular_core.InputSignal<string>;
|
|
1881
|
+
prefixIcon: _angular_core.InputSignal<string | null | undefined>;
|
|
1882
|
+
postfixText: _angular_core.InputSignal<string>;
|
|
1883
|
+
postfixIcon: _angular_core.InputSignal<string | null | undefined>;
|
|
1884
|
+
id: _angular_core.InputSignal<string | undefined>;
|
|
1885
|
+
fieldName: _angular_core.InputSignal<string | undefined>;
|
|
1886
|
+
autocomplete: _angular_core.InputSignal<string | undefined>;
|
|
1887
|
+
numberMin: _angular_core.InputSignal<number | undefined>;
|
|
1888
|
+
numberMax: _angular_core.InputSignal<number | undefined>;
|
|
1889
|
+
numberStep: _angular_core.InputSignal<number | undefined>;
|
|
1890
|
+
hideSpinButtons: _angular_core.InputSignal<boolean>;
|
|
1891
|
+
showClearButton: _angular_core.InputSignal<boolean>;
|
|
1892
|
+
debounceValueChange: _angular_core.InputSignal<boolean>;
|
|
1893
|
+
debounceMs: _angular_core.InputSignal<number>;
|
|
1894
|
+
valueChange: _angular_core.OutputEmitterRef<number | null>;
|
|
1895
|
+
enter: _angular_core.OutputEmitterRef<number | null>;
|
|
1896
|
+
clear: _angular_core.OutputEmitterRef<void>;
|
|
1897
|
+
keyDown: _angular_core.OutputEmitterRef<KeyboardEvent>;
|
|
1898
|
+
postfixIconClick: _angular_core.OutputEmitterRef<void>;
|
|
1899
|
+
private readonly instanceId;
|
|
1900
|
+
private readonly valueChangeSubject;
|
|
1901
|
+
inputRef: ElementRef<HTMLInputElement>;
|
|
1902
|
+
readonly numberInputValue: _angular_core.WritableSignal<string>;
|
|
1903
|
+
readonly inputId: _angular_core.Signal<string>;
|
|
1904
|
+
readonly usesInFieldLabel: _angular_core.Signal<boolean>;
|
|
1905
|
+
readonly showInFieldHint: _angular_core.Signal<boolean>;
|
|
1906
|
+
readonly usesPeerFloatingLabel: _angular_core.Signal<boolean>;
|
|
1907
|
+
readonly hasPrefixText: _angular_core.Signal<boolean>;
|
|
1908
|
+
readonly hasAbsolutePrefixIcon: _angular_core.Signal<boolean>;
|
|
1909
|
+
readonly hasPostfixText: _angular_core.Signal<boolean>;
|
|
1910
|
+
readonly hasAbsolutePostfixIcon: _angular_core.Signal<boolean>;
|
|
1911
|
+
readonly hasValue: _angular_core.Signal<boolean>;
|
|
1912
|
+
readonly hasTextValue: _angular_core.Signal<boolean>;
|
|
1913
|
+
readonly peerInputValue: _angular_core.Signal<"" | " ">;
|
|
1914
|
+
readonly showClear: _angular_core.Signal<boolean>;
|
|
1915
|
+
readonly hasAbsoluteClear: _angular_core.Signal<boolean>;
|
|
1916
|
+
readonly inputMode: _angular_core.Signal<"decimal" | "numeric">;
|
|
1917
|
+
readonly appearanceWrapperClasses: _angular_core.Signal<string>;
|
|
1918
|
+
readonly wrapperHeightClasses: _angular_core.Signal<string>;
|
|
1919
|
+
readonly inputSizeClasses: _angular_core.Signal<string>;
|
|
1920
|
+
readonly horizontalPaddingClasses: _angular_core.Signal<string>;
|
|
1921
|
+
readonly iconSize: _angular_core.Signal<number>;
|
|
1922
|
+
readonly inFieldHintIconSize = 14;
|
|
1923
|
+
readonly inFieldLabelLeftClasses: _angular_core.Signal<string>;
|
|
1924
|
+
readonly floatingLabelClasses: _angular_core.Signal<string>;
|
|
1925
|
+
readonly iftaLabelClasses: _angular_core.Signal<string>;
|
|
1926
|
+
readonly floatingOutlineLabelClasses: _angular_core.Signal<string>;
|
|
1927
|
+
constructor();
|
|
1928
|
+
ngAfterViewInit(): void;
|
|
1929
|
+
ngOnDestroy(): void;
|
|
1930
|
+
protected updateValue($event: Event): void;
|
|
1931
|
+
protected onInputBlur(): void;
|
|
1932
|
+
protected onKeyDown(event: KeyboardEvent): void;
|
|
1933
|
+
protected onClear(): void;
|
|
1934
|
+
protected onPostfixIconClick(event: MouseEvent): void;
|
|
1935
|
+
private syncInputFromModel;
|
|
1936
|
+
private emitValueChange;
|
|
1937
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SignalNumberField, never>;
|
|
1938
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SignalNumberField, "lib-signal-number-field", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "prefixText": { "alias": "prefixText"; "required": false; "isSignal": true; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; "isSignal": true; }; "postfixText": { "alias": "postfixText"; "required": false; "isSignal": true; }; "postfixIcon": { "alias": "postfixIcon"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "fieldName": { "alias": "fieldName"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "numberMin": { "alias": "numberMin"; "required": false; "isSignal": true; }; "numberMax": { "alias": "numberMax"; "required": false; "isSignal": true; }; "numberStep": { "alias": "numberStep"; "required": false; "isSignal": true; }; "hideSpinButtons": { "alias": "hideSpinButtons"; "required": false; "isSignal": true; }; "showClearButton": { "alias": "showClearButton"; "required": false; "isSignal": true; }; "debounceValueChange": { "alias": "debounceValueChange"; "required": false; "isSignal": true; }; "debounceMs": { "alias": "debounceMs"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "enter": "enter"; "clear": "clear"; "keyDown": "keyDown"; "postfixIconClick": "postfixIconClick"; }, never, never, true, never>;
|
|
1939
|
+
}
|
|
1940
|
+
|
|
1941
|
+
interface SignalPhoneCountry {
|
|
1942
|
+
id: string;
|
|
1943
|
+
name: string;
|
|
1944
|
+
dialCode: string;
|
|
1945
|
+
flag: string;
|
|
1946
|
+
displayText?: string;
|
|
1947
|
+
mask?: string;
|
|
1948
|
+
nationalLength?: number | {
|
|
1949
|
+
min: number;
|
|
1950
|
+
max: number;
|
|
1951
|
+
};
|
|
1952
|
+
}
|
|
1953
|
+
|
|
1954
|
+
interface PhoneNumber {
|
|
1955
|
+
text: string;
|
|
1956
|
+
code: string;
|
|
1957
|
+
country: string;
|
|
1958
|
+
}
|
|
1959
|
+
declare const phoneNumbersAll: PhoneNumber[];
|
|
1960
|
+
declare const phoneNumbers: PhoneNumber[];
|
|
1961
|
+
|
|
1962
|
+
declare const DEFAULT_PHONE_COUNTRIES: readonly SignalPhoneCountry[];
|
|
1963
|
+
|
|
1964
|
+
declare class SignalPhoneNumberField extends BaseFormControl<string> implements AfterViewInit, OnDestroy {
|
|
1965
|
+
private readonly cdr;
|
|
1966
|
+
private readonly overlay;
|
|
1967
|
+
label: _angular_core.InputSignal<string>;
|
|
1968
|
+
placeholder: _angular_core.InputSignal<string>;
|
|
1969
|
+
hint: _angular_core.InputSignal<string>;
|
|
1970
|
+
appearance: _angular_core.InputSignal<SignalTextInputAppearance>;
|
|
1971
|
+
size: _angular_core.InputSignal<SignalTextInputSize>;
|
|
1972
|
+
readonly: _angular_core.InputSignal<boolean>;
|
|
1973
|
+
phoneNumbers: _angular_core.InputSignal<readonly PhoneNumber[]>;
|
|
1974
|
+
defaultCountryId: _angular_core.InputSignal<string>;
|
|
1975
|
+
readonly countries: _angular_core.Signal<readonly SignalPhoneCountry[]>;
|
|
1976
|
+
id: _angular_core.InputSignal<string | undefined>;
|
|
1977
|
+
fieldName: _angular_core.InputSignal<string | undefined>;
|
|
1978
|
+
autocomplete: _angular_core.InputSignal<string>;
|
|
1979
|
+
showClearButton: _angular_core.InputSignal<boolean>;
|
|
1980
|
+
debounceValueChange: _angular_core.InputSignal<boolean>;
|
|
1981
|
+
debounceMs: _angular_core.InputSignal<number>;
|
|
1982
|
+
valueChange: _angular_core.OutputEmitterRef<string>;
|
|
1983
|
+
enter: _angular_core.OutputEmitterRef<string>;
|
|
1984
|
+
clear: _angular_core.OutputEmitterRef<void>;
|
|
1985
|
+
keyDown: _angular_core.OutputEmitterRef<KeyboardEvent>;
|
|
1986
|
+
countryChange: _angular_core.OutputEmitterRef<SignalPhoneCountry>;
|
|
1987
|
+
private readonly instanceId;
|
|
1988
|
+
private readonly valueChangeSubject;
|
|
1989
|
+
protected readonly repositionScrollStrategy: _angular_cdk_overlay.RepositionScrollStrategy;
|
|
1990
|
+
inputRef: ElementRef<HTMLInputElement>;
|
|
1991
|
+
countryButton: ElementRef<HTMLButtonElement>;
|
|
1992
|
+
readonly nationalInputValue: _angular_core.WritableSignal<string>;
|
|
1993
|
+
readonly selectedCountry: _angular_core.WritableSignal<SignalPhoneCountry>;
|
|
1994
|
+
readonly isCountryPickerOpen: _angular_core.WritableSignal<boolean>;
|
|
1995
|
+
readonly countryPanelWidth: _angular_core.WritableSignal<number>;
|
|
1996
|
+
readonly inputId: _angular_core.Signal<string>;
|
|
1997
|
+
readonly countryButtonId: _angular_core.Signal<string>;
|
|
1998
|
+
readonly usesInFieldLabel: _angular_core.Signal<boolean>;
|
|
1999
|
+
readonly showInFieldHint: _angular_core.Signal<boolean>;
|
|
2000
|
+
readonly usesPeerFloatingLabel: _angular_core.Signal<boolean>;
|
|
2001
|
+
readonly hasPrefixSegment: _angular_core.Signal<boolean>;
|
|
2002
|
+
readonly hasValue: _angular_core.Signal<boolean>;
|
|
2003
|
+
readonly hasTextValue: _angular_core.Signal<boolean>;
|
|
2004
|
+
readonly peerInputValue: _angular_core.Signal<"" | " ">;
|
|
2005
|
+
readonly showClear: _angular_core.Signal<boolean>;
|
|
2006
|
+
readonly hasAbsoluteClear: _angular_core.Signal<boolean>;
|
|
2007
|
+
readonly activeMask: _angular_core.Signal<string>;
|
|
2008
|
+
readonly appearanceWrapperClasses: _angular_core.Signal<string>;
|
|
2009
|
+
readonly wrapperHeightClasses: _angular_core.Signal<string>;
|
|
2010
|
+
readonly inputSizeClasses: _angular_core.Signal<string>;
|
|
2011
|
+
readonly horizontalPaddingClasses: _angular_core.Signal<string>;
|
|
2012
|
+
readonly iconSize: _angular_core.Signal<number>;
|
|
2013
|
+
readonly inFieldHintIconSize = 14;
|
|
2014
|
+
readonly inFieldLabelLeftClasses: _angular_core.Signal<string>;
|
|
2015
|
+
readonly floatingLabelClasses: _angular_core.Signal<string>;
|
|
2016
|
+
readonly iftaLabelClasses: _angular_core.Signal<string>;
|
|
2017
|
+
readonly floatingOutlineLabelClasses: _angular_core.Signal<string>;
|
|
2018
|
+
constructor();
|
|
2019
|
+
ngAfterViewInit(): void;
|
|
2020
|
+
ngOnDestroy(): void;
|
|
2021
|
+
toggleCountryPicker(): void;
|
|
2022
|
+
openCountryPicker(): void;
|
|
2023
|
+
closeCountryPicker(): void;
|
|
2024
|
+
onCountrySelected(country: SignalPhoneCountry): void;
|
|
2025
|
+
protected updateValue(event: Event): void;
|
|
2026
|
+
protected onInputBlur(event: FocusEvent): void;
|
|
2027
|
+
protected onInputFocus(): void;
|
|
2028
|
+
protected onKeyDown(event: KeyboardEvent): void;
|
|
2029
|
+
protected onCountryButtonKeyDown(event: KeyboardEvent): void;
|
|
2030
|
+
protected onClear(event?: MouseEvent): void;
|
|
2031
|
+
private syncFromModel;
|
|
2032
|
+
private setNationalDisplay;
|
|
2033
|
+
private setCountryPanelWidth;
|
|
2034
|
+
private emitValueChange;
|
|
2035
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SignalPhoneNumberField, never>;
|
|
2036
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SignalPhoneNumberField, "lib-signal-phone-number-field", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "phoneNumbers": { "alias": "phoneNumbers"; "required": false; "isSignal": true; }; "defaultCountryId": { "alias": "defaultCountryId"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "fieldName": { "alias": "fieldName"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "showClearButton": { "alias": "showClearButton"; "required": false; "isSignal": true; }; "debounceValueChange": { "alias": "debounceValueChange"; "required": false; "isSignal": true; }; "debounceMs": { "alias": "debounceMs"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "enter": "enter"; "clear": "clear"; "keyDown": "keyDown"; "countryChange": "countryChange"; }, never, never, true, never>;
|
|
2037
|
+
}
|
|
2038
|
+
|
|
2039
|
+
type SignalTextareaResize = 'none' | 'vertical' | 'horizontal' | 'both';
|
|
2040
|
+
|
|
2041
|
+
declare class SignalTextarea extends BaseFormControl<string> implements AfterViewInit, OnDestroy {
|
|
2042
|
+
label: _angular_core.InputSignal<string>;
|
|
2043
|
+
placeholder: _angular_core.InputSignal<string>;
|
|
2044
|
+
hint: _angular_core.InputSignal<string>;
|
|
2045
|
+
readonly: _angular_core.InputSignal<boolean>;
|
|
2046
|
+
rows: _angular_core.InputSignal<number>;
|
|
2047
|
+
resize: _angular_core.InputSignal<SignalTextareaResize>;
|
|
2048
|
+
appearance: _angular_core.InputSignal<SignalTextInputAppearance>;
|
|
2049
|
+
size: _angular_core.InputSignal<SignalTextInputSize>;
|
|
2050
|
+
id: _angular_core.InputSignal<string | undefined>;
|
|
2051
|
+
fieldName: _angular_core.InputSignal<string | undefined>;
|
|
2052
|
+
autocomplete: _angular_core.InputSignal<string | undefined>;
|
|
2053
|
+
minLength: _angular_core.InputSignal<number | undefined>;
|
|
2054
|
+
maxLength: _angular_core.InputSignal<number | undefined>;
|
|
2055
|
+
showClearButton: _angular_core.InputSignal<boolean>;
|
|
2056
|
+
debounceValueChange: _angular_core.InputSignal<boolean>;
|
|
2057
|
+
debounceMs: _angular_core.InputSignal<number>;
|
|
2058
|
+
valueChange: _angular_core.OutputEmitterRef<string>;
|
|
2059
|
+
clear: _angular_core.OutputEmitterRef<void>;
|
|
2060
|
+
keyDown: _angular_core.OutputEmitterRef<KeyboardEvent>;
|
|
2061
|
+
private readonly instanceId;
|
|
2062
|
+
private readonly valueChangeSubject;
|
|
2063
|
+
textareaRef: ElementRef<HTMLTextAreaElement>;
|
|
2064
|
+
readonly inputId: _angular_core.Signal<string>;
|
|
2065
|
+
readonly usesInFieldLabel: _angular_core.Signal<boolean>;
|
|
2066
|
+
readonly showInFieldHint: _angular_core.Signal<boolean>;
|
|
2067
|
+
readonly usesPeerFloatingLabel: _angular_core.Signal<boolean>;
|
|
2068
|
+
readonly hasValue: _angular_core.Signal<boolean>;
|
|
2069
|
+
readonly showClear: _angular_core.Signal<boolean>;
|
|
2070
|
+
readonly appearanceWrapperClasses: _angular_core.Signal<string>;
|
|
2071
|
+
readonly textareaSizeClasses: _angular_core.Signal<string>;
|
|
2072
|
+
readonly textareaResizeClasses: _angular_core.Signal<string>;
|
|
2073
|
+
readonly horizontalPaddingClasses: _angular_core.Signal<string>;
|
|
2074
|
+
readonly iconSize: _angular_core.Signal<number>;
|
|
2075
|
+
readonly inFieldHintIconSize = 14;
|
|
2076
|
+
readonly absoluteTrailingTopClasses: _angular_core.Signal<string>;
|
|
2077
|
+
readonly inFieldLabelLeftClasses: _angular_core.Signal<string>;
|
|
2078
|
+
readonly floatingLabelClasses: _angular_core.Signal<string>;
|
|
2079
|
+
readonly iftaLabelClasses: _angular_core.Signal<string>;
|
|
2080
|
+
readonly floatingOutlineLabelClasses: _angular_core.Signal<string>;
|
|
2081
|
+
ngAfterViewInit(): void;
|
|
2082
|
+
ngOnDestroy(): void;
|
|
2083
|
+
protected updateValue($event: Event): void;
|
|
2084
|
+
protected onKeyDown(event: KeyboardEvent): void;
|
|
2085
|
+
protected onClear(): void;
|
|
2086
|
+
private emitValueChange;
|
|
2087
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SignalTextarea, never>;
|
|
2088
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SignalTextarea, "lib-signal-textarea", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "resize": { "alias": "resize"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "fieldName": { "alias": "fieldName"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "showClearButton": { "alias": "showClearButton"; "required": false; "isSignal": true; }; "debounceValueChange": { "alias": "debounceValueChange"; "required": false; "isSignal": true; }; "debounceMs": { "alias": "debounceMs"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "clear": "clear"; "keyDown": "keyDown"; }, never, never, true, never>;
|
|
2089
|
+
}
|
|
2090
|
+
|
|
2091
|
+
type SignalCheckboxSize = 'sm' | 'md' | 'lg';
|
|
2092
|
+
declare class SignalCheckbox extends BaseFormControl<boolean> implements AfterViewInit, AfterViewChecked {
|
|
2093
|
+
label: _angular_core.InputSignal<string>;
|
|
2094
|
+
hint: _angular_core.InputSignal<string>;
|
|
2095
|
+
id: _angular_core.InputSignal<string | undefined>;
|
|
2096
|
+
size: _angular_core.InputSignal<SignalCheckboxSize>;
|
|
2097
|
+
indeterminate: _angular_core.ModelSignal<boolean>;
|
|
2098
|
+
valueChange: _angular_core.OutputEmitterRef<boolean>;
|
|
2099
|
+
checkboxRef: ElementRef<HTMLInputElement>;
|
|
2100
|
+
private readonly instanceId;
|
|
2101
|
+
private syncedIndeterminate;
|
|
2102
|
+
readonly checkboxId: _angular_core.Signal<string>;
|
|
2103
|
+
readonly isChecked: _angular_core.Signal<boolean>;
|
|
2104
|
+
readonly isIndeterminate: _angular_core.Signal<boolean>;
|
|
2105
|
+
readonly isActive: _angular_core.Signal<boolean>;
|
|
2106
|
+
readonly boxAppearanceClasses: _angular_core.Signal<string>;
|
|
2107
|
+
readonly labelRowClasses: _angular_core.Signal<"h-4" | "h-6" | "h-5">;
|
|
2108
|
+
readonly labelTextClasses: _angular_core.Signal<string>;
|
|
2109
|
+
readonly checkmarkSizeClasses: _angular_core.Signal<"h-4 w-4" | "h-2.5 w-2.5" | "h-3.5 w-3.5">;
|
|
2110
|
+
ngAfterViewInit(): void;
|
|
2111
|
+
ngAfterViewChecked(): void;
|
|
2112
|
+
private syncNativeIndeterminate;
|
|
2113
|
+
protected onChange(event: Event): void;
|
|
2114
|
+
protected onKeyDown(event: KeyboardEvent): void;
|
|
2115
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SignalCheckbox, never>;
|
|
2116
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SignalCheckbox, "lib-signal-checkbox", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; }, { "indeterminate": "indeterminateChange"; "valueChange": "valueChange"; }, never, never, true, never>;
|
|
2117
|
+
}
|
|
2118
|
+
|
|
2119
|
+
type SignalRadioSize = 'sm' | 'md' | 'lg';
|
|
2120
|
+
declare class SignalRadio<T = unknown> extends BaseFormControl<T> {
|
|
2121
|
+
groupName: _angular_core.InputSignal<string | undefined>;
|
|
2122
|
+
optionValue: _angular_core.InputSignal<T>;
|
|
2123
|
+
label: _angular_core.InputSignal<string>;
|
|
2124
|
+
hint: _angular_core.InputSignal<string>;
|
|
2125
|
+
id: _angular_core.InputSignal<string | undefined>;
|
|
2126
|
+
size: _angular_core.InputSignal<SignalRadioSize>;
|
|
2127
|
+
valueChange: _angular_core.OutputEmitterRef<T>;
|
|
2128
|
+
private readonly group;
|
|
2129
|
+
private readonly instanceId;
|
|
2130
|
+
readonly inGroup: _angular_core.Signal<boolean>;
|
|
2131
|
+
readonly radioId: _angular_core.Signal<string>;
|
|
2132
|
+
readonly effectiveValue: _angular_core.Signal<T>;
|
|
2133
|
+
readonly effectiveDisabled: _angular_core.Signal<boolean>;
|
|
2134
|
+
readonly effectiveGroupName: _angular_core.Signal<string>;
|
|
2135
|
+
readonly effectiveSize: _angular_core.Signal<SignalRadioSize>;
|
|
2136
|
+
readonly effectiveShowError: _angular_core.Signal<boolean>;
|
|
2137
|
+
readonly isSelected: _angular_core.Signal<boolean>;
|
|
2138
|
+
readonly boxAppearanceClasses: _angular_core.Signal<string>;
|
|
2139
|
+
readonly labelRowClasses: _angular_core.Signal<"h-4" | "h-6" | "h-5">;
|
|
2140
|
+
readonly labelTextClasses: _angular_core.Signal<string>;
|
|
2141
|
+
readonly dotSizeClasses: _angular_core.Signal<"h-2.5 w-2.5" | "h-2 w-2" | "h-3 w-3">;
|
|
2142
|
+
protected onChange(event: Event): void;
|
|
2143
|
+
protected onKeyDown(event: KeyboardEvent): void;
|
|
2144
|
+
protected onFocus(): void;
|
|
2145
|
+
protected onBlur(): void;
|
|
2146
|
+
private selectOption;
|
|
2147
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SignalRadio<any>, never>;
|
|
2148
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SignalRadio<any>, "lib-signal-radio", never, { "groupName": { "alias": "groupName"; "required": false; "isSignal": true; }; "optionValue": { "alias": "optionValue"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
|
|
2149
|
+
}
|
|
2150
|
+
|
|
2151
|
+
interface SignalRadioGroupContext<T = unknown> {
|
|
2152
|
+
readonly value: Signal<T>;
|
|
2153
|
+
readonly disabled: Signal<boolean>;
|
|
2154
|
+
readonly effectiveGroupName: Signal<string>;
|
|
2155
|
+
readonly size: Signal<SignalRadioSize>;
|
|
2156
|
+
readonly showGroupError: Signal<boolean>;
|
|
2157
|
+
setValue(value: T): void;
|
|
2158
|
+
markOptionFocus(): void;
|
|
2159
|
+
markOptionBlur(): void;
|
|
2160
|
+
}
|
|
2161
|
+
|
|
2162
|
+
type SignalRadioGroupOrientation = 'horizontal' | 'vertical';
|
|
2163
|
+
interface SignalRadioOption<T = unknown> {
|
|
2164
|
+
value: T;
|
|
2165
|
+
label: string;
|
|
2166
|
+
hint?: string;
|
|
2167
|
+
disabled?: boolean;
|
|
2168
|
+
}
|
|
2169
|
+
declare class SignalRadioGroup<T = unknown> extends BaseFormControl<T> implements SignalRadioGroupContext<T> {
|
|
2170
|
+
label: _angular_core.InputSignal<string>;
|
|
2171
|
+
hint: _angular_core.InputSignal<string>;
|
|
2172
|
+
orientation: _angular_core.InputSignal<SignalRadioGroupOrientation>;
|
|
2173
|
+
groupName: _angular_core.InputSignal<string | undefined>;
|
|
2174
|
+
size: _angular_core.InputSignal<SignalRadioSize>;
|
|
2175
|
+
options: _angular_core.InputSignal<readonly SignalRadioOption<T>[]>;
|
|
2176
|
+
private readonly instanceId;
|
|
2177
|
+
readonly groupLabelId: _angular_core.Signal<string>;
|
|
2178
|
+
readonly effectiveGroupName: _angular_core.Signal<string>;
|
|
2179
|
+
readonly orientationClasses: _angular_core.Signal<"flex flex-row flex-wrap gap-x-6 gap-y-3" | "flex flex-col gap-3">;
|
|
2180
|
+
readonly hasOptions: _angular_core.Signal<boolean>;
|
|
2181
|
+
readonly showGroupError: _angular_core.Signal<boolean>;
|
|
2182
|
+
setValue(value: T): void;
|
|
2183
|
+
markOptionFocus(): void;
|
|
2184
|
+
markOptionBlur(): void;
|
|
2185
|
+
protected onGroupFocusOut(event: FocusEvent): void;
|
|
2186
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SignalRadioGroup<any>, never>;
|
|
2187
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SignalRadioGroup<any>, "lib-signal-radio-group", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "groupName": { "alias": "groupName"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
2188
|
+
}
|
|
2189
|
+
|
|
2190
|
+
type SignalSwitchSize = 'sm' | 'md' | 'lg';
|
|
2191
|
+
declare class SignalSwitch extends BaseFormControl<boolean> {
|
|
2192
|
+
label: _angular_core.InputSignal<string>;
|
|
2193
|
+
hint: _angular_core.InputSignal<string>;
|
|
2194
|
+
id: _angular_core.InputSignal<string | undefined>;
|
|
2195
|
+
size: _angular_core.InputSignal<SignalSwitchSize>;
|
|
2196
|
+
valueChange: _angular_core.OutputEmitterRef<boolean>;
|
|
2197
|
+
private readonly instanceId;
|
|
2198
|
+
readonly switchId: _angular_core.Signal<string>;
|
|
2199
|
+
readonly isOn: _angular_core.Signal<boolean>;
|
|
2200
|
+
readonly trackClasses: _angular_core.Signal<string>;
|
|
2201
|
+
readonly thumbAppearanceClasses: _angular_core.Signal<string>;
|
|
2202
|
+
readonly thumbClasses: _angular_core.Signal<"h-4 w-4" | "h-5 w-5" | "h-3 w-3">;
|
|
2203
|
+
readonly thumbTranslateClasses: _angular_core.Signal<"translate-x-0" | "translate-x-4" | "translate-x-6" | "translate-x-5">;
|
|
2204
|
+
readonly labelRowClasses: _angular_core.Signal<"h-4" | "h-6" | "h-5">;
|
|
2205
|
+
readonly labelTextClasses: _angular_core.Signal<string>;
|
|
2206
|
+
protected onChange(event: Event): void;
|
|
2207
|
+
protected onKeyDown(event: KeyboardEvent): void;
|
|
2208
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SignalSwitch, never>;
|
|
2209
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SignalSwitch, "lib-signal-switch", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
|
|
2210
|
+
}
|
|
2211
|
+
|
|
2212
|
+
type SignalDropdownScrollBehavior = 'block' | 'reposition';
|
|
2213
|
+
type SignalDropdownMobilePresentation = 'modal' | 'bottomSheet' | 'fullScreen';
|
|
2214
|
+
|
|
2215
|
+
declare class SignalDropdown<TItem = unknown> extends BaseFormControl<unknown> implements AfterViewInit, OnDestroy {
|
|
2216
|
+
private readonly cdr;
|
|
2217
|
+
private readonly overlay;
|
|
2218
|
+
private readonly overlayService;
|
|
2219
|
+
private readonly breakpointObserver;
|
|
2220
|
+
label: _angular_core.InputSignal<string>;
|
|
2221
|
+
placeholder: _angular_core.InputSignal<string>;
|
|
2222
|
+
hint: _angular_core.InputSignal<string>;
|
|
2223
|
+
items: _angular_core.InputSignal<TItem[]>;
|
|
2224
|
+
valuePath: _angular_core.InputSignal<string | undefined>;
|
|
2225
|
+
displayPath: _angular_core.InputSignal<string | undefined>;
|
|
2226
|
+
displayValue: _angular_core.InputSignal<string | undefined>;
|
|
2227
|
+
noOptionsMessage: _angular_core.InputSignal<string>;
|
|
2228
|
+
readonly: _angular_core.InputSignal<boolean>;
|
|
2229
|
+
appearance: _angular_core.InputSignal<SignalTextInputAppearance>;
|
|
2230
|
+
size: _angular_core.InputSignal<SignalTextInputSize>;
|
|
2231
|
+
prefixText: _angular_core.InputSignal<string>;
|
|
2232
|
+
prefixIcon: _angular_core.InputSignal<string | null | undefined>;
|
|
2233
|
+
postfixText: _angular_core.InputSignal<string>;
|
|
2234
|
+
postfixIcon: _angular_core.InputSignal<string | null | undefined>;
|
|
2235
|
+
id: _angular_core.InputSignal<string | undefined>;
|
|
2236
|
+
fieldName: _angular_core.InputSignal<string | undefined>;
|
|
2237
|
+
showClearButton: _angular_core.InputSignal<boolean>;
|
|
2238
|
+
debounceValueChange: _angular_core.InputSignal<boolean>;
|
|
2239
|
+
debounceMs: _angular_core.InputSignal<number>;
|
|
2240
|
+
scrollBehavior: _angular_core.InputSignal<SignalDropdownScrollBehavior>;
|
|
2241
|
+
mobilePresentation: _angular_core.InputSignal<SignalDropdownMobilePresentation>;
|
|
2242
|
+
valueChange: _angular_core.OutputEmitterRef<unknown>;
|
|
2243
|
+
postfixIconClick: _angular_core.OutputEmitterRef<void>;
|
|
2244
|
+
private readonly instanceId;
|
|
2245
|
+
private readonly valueChangeSubject;
|
|
2246
|
+
private breakpointSub?;
|
|
2247
|
+
private mobileDialogSub?;
|
|
2248
|
+
private mobileDialogRef;
|
|
2249
|
+
triggerButton: ElementRef<HTMLButtonElement>;
|
|
2250
|
+
dropdownButton: ElementRef<HTMLElement>;
|
|
2251
|
+
peerInputRef?: ElementRef<HTMLInputElement>;
|
|
2252
|
+
readonly isOpen: _angular_core.WritableSignal<boolean>;
|
|
2253
|
+
readonly isMobile: _angular_core.WritableSignal<boolean>;
|
|
2254
|
+
readonly dropdownWidth: _angular_core.WritableSignal<number>;
|
|
2255
|
+
readonly selectedItem: _angular_core.WritableSignal<TItem | null>;
|
|
2256
|
+
private readonly blockScrollStrategy;
|
|
2257
|
+
private readonly repositionScrollStrategy;
|
|
2258
|
+
readonly scrollStrategy: _angular_core.Signal<_angular_cdk_overlay.BlockScrollStrategy | _angular_cdk_overlay.RepositionScrollStrategy>;
|
|
2259
|
+
readonly inputId: _angular_core.Signal<string>;
|
|
2260
|
+
readonly usesInFieldLabel: _angular_core.Signal<boolean>;
|
|
2261
|
+
readonly showInFieldHint: _angular_core.Signal<boolean>;
|
|
2262
|
+
readonly usesPeerFloatingLabel: _angular_core.Signal<boolean>;
|
|
2263
|
+
readonly hasPrefixText: _angular_core.Signal<boolean>;
|
|
2264
|
+
readonly hasAbsolutePrefixIcon: _angular_core.Signal<boolean>;
|
|
2265
|
+
readonly hasPostfixText: _angular_core.Signal<boolean>;
|
|
2266
|
+
readonly hasAbsolutePostfixIcon: _angular_core.Signal<boolean>;
|
|
2267
|
+
readonly hasSelection: _angular_core.Signal<boolean>;
|
|
2268
|
+
readonly selectedDisplayText: _angular_core.Signal<string>;
|
|
2269
|
+
readonly peerInputValue: _angular_core.Signal<"" | " ">;
|
|
2270
|
+
readonly triggerDisplayText: _angular_core.Signal<string>;
|
|
2271
|
+
readonly showClear: _angular_core.Signal<boolean>;
|
|
2272
|
+
readonly hasAbsoluteClear: _angular_core.Signal<boolean>;
|
|
2273
|
+
readonly appearanceWrapperClasses: _angular_core.Signal<string>;
|
|
2274
|
+
readonly wrapperHeightClasses: _angular_core.Signal<string>;
|
|
2275
|
+
readonly inputSizeClasses: _angular_core.Signal<string>;
|
|
2276
|
+
readonly horizontalPaddingClasses: _angular_core.Signal<string>;
|
|
2277
|
+
readonly iconSize: _angular_core.Signal<number>;
|
|
2278
|
+
readonly inFieldHintIconSize = 14;
|
|
2279
|
+
readonly inFieldLabelLeftClasses: _angular_core.Signal<string>;
|
|
2280
|
+
readonly floatingLabelClasses: _angular_core.Signal<string>;
|
|
2281
|
+
readonly iftaLabelClasses: _angular_core.Signal<string>;
|
|
2282
|
+
readonly floatingOutlineLabelClasses: _angular_core.Signal<string>;
|
|
2283
|
+
constructor();
|
|
2284
|
+
ngAfterViewInit(): void;
|
|
2285
|
+
ngOnDestroy(): void;
|
|
2286
|
+
getDisplayString(item: TItem | null): string;
|
|
2287
|
+
getItemValue(item: TItem): unknown;
|
|
2288
|
+
toggleDropdown(): void;
|
|
2289
|
+
openDropdown(): void;
|
|
2290
|
+
closeDropdown(): void;
|
|
2291
|
+
onItemSelected(item: TItem): void;
|
|
2292
|
+
onClear(event: MouseEvent): void;
|
|
2293
|
+
onPostfixIconClick(event: MouseEvent): void;
|
|
2294
|
+
onTriggerFocus(): void;
|
|
2295
|
+
onTriggerBlur(event: FocusEvent): void;
|
|
2296
|
+
onTriggerKeyDown(event: KeyboardEvent): void;
|
|
2297
|
+
private applyItemSelection;
|
|
2298
|
+
private openMobilePanel;
|
|
2299
|
+
private buildMobilePanelData;
|
|
2300
|
+
private getMobilePanelClass;
|
|
2301
|
+
private setPopupWidth;
|
|
2302
|
+
private emitValueChange;
|
|
2303
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SignalDropdown<any>, never>;
|
|
2304
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SignalDropdown<any>, "lib-signal-dropdown", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "valuePath": { "alias": "valuePath"; "required": false; "isSignal": true; }; "displayPath": { "alias": "displayPath"; "required": false; "isSignal": true; }; "displayValue": { "alias": "displayValue"; "required": false; "isSignal": true; }; "noOptionsMessage": { "alias": "noOptionsMessage"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "prefixText": { "alias": "prefixText"; "required": false; "isSignal": true; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; "isSignal": true; }; "postfixText": { "alias": "postfixText"; "required": false; "isSignal": true; }; "postfixIcon": { "alias": "postfixIcon"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "fieldName": { "alias": "fieldName"; "required": false; "isSignal": true; }; "showClearButton": { "alias": "showClearButton"; "required": false; "isSignal": true; }; "debounceValueChange": { "alias": "debounceValueChange"; "required": false; "isSignal": true; }; "debounceMs": { "alias": "debounceMs"; "required": false; "isSignal": true; }; "scrollBehavior": { "alias": "scrollBehavior"; "required": false; "isSignal": true; }; "mobilePresentation": { "alias": "mobilePresentation"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "postfixIconClick": "postfixIconClick"; }, never, never, true, never>;
|
|
2305
|
+
}
|
|
2306
|
+
|
|
2307
|
+
type SignalMultiSelectSelectionDisplay = 'count' | 'csv' | 'chips';
|
|
2308
|
+
|
|
2309
|
+
declare class SignalMultiSelectDropdown<TItem = unknown> extends BaseFormControl<unknown[]> implements AfterViewInit, OnDestroy {
|
|
2310
|
+
private readonly cdr;
|
|
2311
|
+
private readonly overlay;
|
|
2312
|
+
private readonly overlayService;
|
|
2313
|
+
private readonly breakpointObserver;
|
|
2314
|
+
label: _angular_core.InputSignal<string>;
|
|
2315
|
+
placeholder: _angular_core.InputSignal<string>;
|
|
2316
|
+
hint: _angular_core.InputSignal<string>;
|
|
2317
|
+
items: _angular_core.InputSignal<TItem[]>;
|
|
2318
|
+
valuePath: _angular_core.InputSignal<string | undefined>;
|
|
2319
|
+
displayPath: _angular_core.InputSignal<string | undefined>;
|
|
2320
|
+
displayValue: _angular_core.InputSignal<string | undefined>;
|
|
2321
|
+
noOptionsMessage: _angular_core.InputSignal<string>;
|
|
2322
|
+
readonly: _angular_core.InputSignal<boolean>;
|
|
2323
|
+
appearance: _angular_core.InputSignal<SignalTextInputAppearance>;
|
|
2324
|
+
size: _angular_core.InputSignal<SignalTextInputSize>;
|
|
2325
|
+
selectionDisplay: _angular_core.InputSignal<SignalMultiSelectSelectionDisplay>;
|
|
2326
|
+
selectedCountLabel: _angular_core.InputSignal<string>;
|
|
2327
|
+
showSelectAll: _angular_core.InputSignal<boolean>;
|
|
2328
|
+
selectAllLabel: _angular_core.InputSignal<string>;
|
|
2329
|
+
clearAllLabel: _angular_core.InputSignal<string>;
|
|
2330
|
+
prefixText: _angular_core.InputSignal<string>;
|
|
2331
|
+
prefixIcon: _angular_core.InputSignal<string | null | undefined>;
|
|
2332
|
+
postfixText: _angular_core.InputSignal<string>;
|
|
2333
|
+
postfixIcon: _angular_core.InputSignal<string | null | undefined>;
|
|
2334
|
+
id: _angular_core.InputSignal<string | undefined>;
|
|
2335
|
+
fieldName: _angular_core.InputSignal<string | undefined>;
|
|
2336
|
+
showClearButton: _angular_core.InputSignal<boolean>;
|
|
2337
|
+
debounceValueChange: _angular_core.InputSignal<boolean>;
|
|
2338
|
+
debounceMs: _angular_core.InputSignal<number>;
|
|
2339
|
+
scrollBehavior: _angular_core.InputSignal<SignalDropdownScrollBehavior>;
|
|
2340
|
+
mobilePresentation: _angular_core.InputSignal<SignalDropdownMobilePresentation>;
|
|
2341
|
+
mobileOkLabel: _angular_core.InputSignal<string>;
|
|
2342
|
+
valueChange: _angular_core.OutputEmitterRef<unknown[]>;
|
|
2343
|
+
postfixIconClick: _angular_core.OutputEmitterRef<void>;
|
|
2344
|
+
private readonly instanceId;
|
|
2345
|
+
private readonly valueChangeSubject;
|
|
2346
|
+
private suppressNextTriggerToggle;
|
|
2347
|
+
private breakpointSub?;
|
|
2348
|
+
private mobileDialogSub?;
|
|
2349
|
+
private mobileDialogRef;
|
|
2350
|
+
triggerButton: ElementRef<HTMLButtonElement>;
|
|
2351
|
+
dropdownButton: ElementRef<HTMLElement>;
|
|
2352
|
+
peerInputRef?: ElementRef<HTMLInputElement>;
|
|
2353
|
+
readonly isOpen: _angular_core.WritableSignal<boolean>;
|
|
2354
|
+
readonly isMobile: _angular_core.WritableSignal<boolean>;
|
|
2355
|
+
readonly dropdownWidth: _angular_core.WritableSignal<number>;
|
|
2356
|
+
readonly selectedItems: _angular_core.WritableSignal<TItem[]>;
|
|
2357
|
+
private readonly blockScrollStrategy;
|
|
2358
|
+
private readonly repositionScrollStrategy;
|
|
2359
|
+
readonly scrollStrategy: _angular_core.Signal<_angular_cdk_overlay.BlockScrollStrategy | _angular_cdk_overlay.RepositionScrollStrategy>;
|
|
2360
|
+
readonly inputId: _angular_core.Signal<string>;
|
|
2361
|
+
readonly currentValues: _angular_core.Signal<unknown[]>;
|
|
2362
|
+
readonly usesInFieldLabel: _angular_core.Signal<boolean>;
|
|
2363
|
+
readonly showInFieldHint: _angular_core.Signal<boolean>;
|
|
2364
|
+
readonly usesPeerFloatingLabel: _angular_core.Signal<boolean>;
|
|
2365
|
+
readonly hasPrefixText: _angular_core.Signal<boolean>;
|
|
2366
|
+
readonly hasAbsolutePrefixIcon: _angular_core.Signal<boolean>;
|
|
2367
|
+
readonly hasPostfixText: _angular_core.Signal<boolean>;
|
|
2368
|
+
readonly hasAbsolutePostfixIcon: _angular_core.Signal<boolean>;
|
|
2369
|
+
readonly hasSelection: _angular_core.Signal<boolean>;
|
|
2370
|
+
readonly selectionCount: _angular_core.Signal<number>;
|
|
2371
|
+
readonly csvDisplayText: _angular_core.Signal<string>;
|
|
2372
|
+
readonly countDisplayText: _angular_core.Signal<string>;
|
|
2373
|
+
readonly peerInputValue: _angular_core.Signal<"" | " ">;
|
|
2374
|
+
readonly triggerDisplayText: _angular_core.Signal<string>;
|
|
2375
|
+
readonly showClear: _angular_core.Signal<boolean>;
|
|
2376
|
+
readonly hasAbsoluteClear: _angular_core.Signal<boolean>;
|
|
2377
|
+
readonly appearanceWrapperClasses: _angular_core.Signal<string>;
|
|
2378
|
+
readonly wrapperHeightClasses: _angular_core.Signal<string>;
|
|
2379
|
+
readonly inputSizeClasses: _angular_core.Signal<string>;
|
|
2380
|
+
readonly horizontalPaddingClasses: _angular_core.Signal<string>;
|
|
2381
|
+
readonly iconSize: _angular_core.Signal<number>;
|
|
2382
|
+
readonly inFieldHintIconSize = 14;
|
|
2383
|
+
readonly inFieldLabelLeftClasses: _angular_core.Signal<string>;
|
|
2384
|
+
readonly floatingLabelClasses: _angular_core.Signal<string>;
|
|
2385
|
+
readonly iftaLabelClasses: _angular_core.Signal<string>;
|
|
2386
|
+
readonly floatingOutlineLabelClasses: _angular_core.Signal<string>;
|
|
2387
|
+
constructor();
|
|
2388
|
+
ngAfterViewInit(): void;
|
|
2389
|
+
ngOnDestroy(): void;
|
|
2390
|
+
getDisplayString(item: TItem | null): string;
|
|
2391
|
+
getItemValue(item: TItem): unknown;
|
|
2392
|
+
isItemSelected(item: TItem): boolean;
|
|
2393
|
+
toggleDropdown(): void;
|
|
2394
|
+
openDropdown(): void;
|
|
2395
|
+
closeDropdown(): void;
|
|
2396
|
+
onItemToggled(item: TItem): void;
|
|
2397
|
+
onRemoveItem(item: TItem, event: MouseEvent): void;
|
|
2398
|
+
onClear(event: MouseEvent): void;
|
|
2399
|
+
onPostfixIconClick(event: MouseEvent): void;
|
|
2400
|
+
onTriggerFocus(): void;
|
|
2401
|
+
onTriggerBlur(event: FocusEvent): void;
|
|
2402
|
+
onTriggerKeyDown(event: KeyboardEvent): void;
|
|
2403
|
+
applyValue(values: unknown[]): void;
|
|
2404
|
+
private getCurrentValues;
|
|
2405
|
+
private openMobilePanel;
|
|
2406
|
+
private buildMobilePanelData;
|
|
2407
|
+
private getMobilePanelClass;
|
|
2408
|
+
private setPopupWidth;
|
|
2409
|
+
private emitValueChange;
|
|
2410
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SignalMultiSelectDropdown<any>, never>;
|
|
2411
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SignalMultiSelectDropdown<any>, "lib-signal-multi-select-dropdown", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "valuePath": { "alias": "valuePath"; "required": false; "isSignal": true; }; "displayPath": { "alias": "displayPath"; "required": false; "isSignal": true; }; "displayValue": { "alias": "displayValue"; "required": false; "isSignal": true; }; "noOptionsMessage": { "alias": "noOptionsMessage"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "selectionDisplay": { "alias": "selectionDisplay"; "required": false; "isSignal": true; }; "selectedCountLabel": { "alias": "selectedCountLabel"; "required": false; "isSignal": true; }; "showSelectAll": { "alias": "showSelectAll"; "required": false; "isSignal": true; }; "selectAllLabel": { "alias": "selectAllLabel"; "required": false; "isSignal": true; }; "clearAllLabel": { "alias": "clearAllLabel"; "required": false; "isSignal": true; }; "prefixText": { "alias": "prefixText"; "required": false; "isSignal": true; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; "isSignal": true; }; "postfixText": { "alias": "postfixText"; "required": false; "isSignal": true; }; "postfixIcon": { "alias": "postfixIcon"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "fieldName": { "alias": "fieldName"; "required": false; "isSignal": true; }; "showClearButton": { "alias": "showClearButton"; "required": false; "isSignal": true; }; "debounceValueChange": { "alias": "debounceValueChange"; "required": false; "isSignal": true; }; "debounceMs": { "alias": "debounceMs"; "required": false; "isSignal": true; }; "scrollBehavior": { "alias": "scrollBehavior"; "required": false; "isSignal": true; }; "mobilePresentation": { "alias": "mobilePresentation"; "required": false; "isSignal": true; }; "mobileOkLabel": { "alias": "mobileOkLabel"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "postfixIconClick": "postfixIconClick"; }, never, never, true, never>;
|
|
2412
|
+
}
|
|
2413
|
+
|
|
2414
|
+
type Weekday = 'sunday' | 'monday' | 'tuesday' | 'wednesday' | 'thursday' | 'friday' | 'saturday';
|
|
2415
|
+
type SignalDatePickerUiMode = 'date' | 'month' | 'year';
|
|
2416
|
+
interface SignalDatePickerConstraints {
|
|
2417
|
+
minDate: Date | null;
|
|
2418
|
+
maxDate: Date | null;
|
|
2419
|
+
allowOnlyPast: boolean;
|
|
2420
|
+
allowOnlyFuture: boolean;
|
|
2421
|
+
allowToday: boolean;
|
|
2422
|
+
disabledDays: Weekday[];
|
|
2423
|
+
disabledDates: Date[];
|
|
2424
|
+
}
|
|
2425
|
+
interface SignalDatePickerDayCell {
|
|
2426
|
+
value: number;
|
|
2427
|
+
isEnabled: boolean;
|
|
2428
|
+
}
|
|
2429
|
+
interface SignalDatePickerYearCell {
|
|
2430
|
+
value: number;
|
|
2431
|
+
isEnabled: boolean;
|
|
2432
|
+
}
|
|
2433
|
+
|
|
2434
|
+
declare class SignalDatePicker extends BaseFormControl<Date | null> implements OnDestroy {
|
|
2435
|
+
embedded: _angular_core.InputSignal<boolean>;
|
|
2436
|
+
minDate: _angular_core.InputSignal<Date | null>;
|
|
2437
|
+
maxDate: _angular_core.InputSignal<Date | null>;
|
|
2438
|
+
allowOnlyPast: _angular_core.InputSignal<boolean>;
|
|
2439
|
+
allowOnlyFuture: _angular_core.InputSignal<boolean>;
|
|
2440
|
+
allowToday: _angular_core.InputSignal<boolean>;
|
|
2441
|
+
disabledDays: _angular_core.InputSignal<Weekday[]>;
|
|
2442
|
+
disabledDates: _angular_core.InputSignal<Date[]>;
|
|
2443
|
+
debounceValueChange: _angular_core.InputSignal<boolean>;
|
|
2444
|
+
debounceMs: _angular_core.InputSignal<number>;
|
|
2445
|
+
valueChange: _angular_core.OutputEmitterRef<Date | null>;
|
|
2446
|
+
dateSelected: _angular_core.OutputEmitterRef<Date>;
|
|
2447
|
+
readonly uiMode: _angular_core.WritableSignal<SignalDatePickerUiMode>;
|
|
2448
|
+
readonly activeMonth: _angular_core.WritableSignal<number>;
|
|
2449
|
+
readonly activeYear: _angular_core.WritableSignal<number>;
|
|
2450
|
+
readonly yearWindowStart: _angular_core.WritableSignal<number>;
|
|
2451
|
+
readonly focusedDayIndex: _angular_core.WritableSignal<number>;
|
|
2452
|
+
readonly weekdayHeaders: {
|
|
2453
|
+
day: Weekday;
|
|
2454
|
+
displayName: string;
|
|
2455
|
+
}[];
|
|
2456
|
+
readonly monthLabels: string[];
|
|
2457
|
+
private lastSyncedValueTime;
|
|
2458
|
+
private readonly valueChangeSubject;
|
|
2459
|
+
readonly constraints: _angular_core.Signal<SignalDatePickerConstraints>;
|
|
2460
|
+
readonly blankDays: _angular_core.Signal<number[]>;
|
|
2461
|
+
readonly daysOfMonth: _angular_core.Signal<SignalDatePickerDayCell[]>;
|
|
2462
|
+
readonly years: _angular_core.Signal<SignalDatePickerYearCell[]>;
|
|
2463
|
+
readonly monthYearLabel: _angular_core.Signal<string>;
|
|
2464
|
+
readonly yearRangeLabel: _angular_core.Signal<string>;
|
|
2465
|
+
readonly enabledDayIndices: _angular_core.Signal<number[]>;
|
|
2466
|
+
readonly previousNavLabel: _angular_core.Signal<"Previous years" | "Previous year" | "Previous month">;
|
|
2467
|
+
readonly nextNavLabel: _angular_core.Signal<"Next years" | "Next year" | "Next month">;
|
|
2468
|
+
readonly canNavigatePrevious: _angular_core.Signal<boolean>;
|
|
2469
|
+
readonly canNavigateNext: _angular_core.Signal<boolean>;
|
|
2470
|
+
constructor();
|
|
2471
|
+
ngOnDestroy(): void;
|
|
2472
|
+
isDayToday(day: number): boolean;
|
|
2473
|
+
isDaySelected(day: number): boolean;
|
|
2474
|
+
isMonthSelectable(month: number): boolean;
|
|
2475
|
+
onDaySelected(day: number): void;
|
|
2476
|
+
onYearSelected(year: number): void;
|
|
2477
|
+
onMonthSelected(month: number): void;
|
|
2478
|
+
onYearSelectionPressed(): void;
|
|
2479
|
+
previousPressed(): void;
|
|
2480
|
+
nextPressed(): void;
|
|
2481
|
+
getDayTabIndex(dayIndex: number): number;
|
|
2482
|
+
onDayKeyDown(event: KeyboardEvent, dayIndex: number): void;
|
|
2483
|
+
onDayFocus(dayIndex: number): void;
|
|
2484
|
+
onDayBlur(): void;
|
|
2485
|
+
private findVerticalDayIndex;
|
|
2486
|
+
private syncYearWindowStart;
|
|
2487
|
+
private resetFocusedDayIndex;
|
|
2488
|
+
private focusDayButton;
|
|
2489
|
+
private emitValueChange;
|
|
2490
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SignalDatePicker, never>;
|
|
2491
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SignalDatePicker, "lib-signal-date-picker", never, { "embedded": { "alias": "embedded"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "allowOnlyPast": { "alias": "allowOnlyPast"; "required": false; "isSignal": true; }; "allowOnlyFuture": { "alias": "allowOnlyFuture"; "required": false; "isSignal": true; }; "allowToday": { "alias": "allowToday"; "required": false; "isSignal": true; }; "disabledDays": { "alias": "disabledDays"; "required": false; "isSignal": true; }; "disabledDates": { "alias": "disabledDates"; "required": false; "isSignal": true; }; "debounceValueChange": { "alias": "debounceValueChange"; "required": false; "isSignal": true; }; "debounceMs": { "alias": "debounceMs"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "dateSelected": "dateSelected"; }, never, never, true, never>;
|
|
2492
|
+
}
|
|
2493
|
+
|
|
2494
|
+
type SignalDateFormat = 'mmddyyyy' | 'ddmmyyyy';
|
|
2495
|
+
type SignalDateFieldScrollBehavior = 'block' | 'reposition';
|
|
2496
|
+
type SignalDateFieldMobilePresentation = 'modal' | 'bottomSheet' | 'fullScreen';
|
|
2497
|
+
|
|
2498
|
+
declare class SignalDateField extends BaseFormControl<Date | null> implements AfterViewInit, OnDestroy {
|
|
2499
|
+
private readonly cdr;
|
|
2500
|
+
private readonly overlay;
|
|
2501
|
+
private readonly overlayService;
|
|
2502
|
+
private readonly breakpointObserver;
|
|
2503
|
+
label: _angular_core.InputSignal<string>;
|
|
2504
|
+
placeholder: _angular_core.InputSignal<string>;
|
|
2505
|
+
hint: _angular_core.InputSignal<string>;
|
|
2506
|
+
readonly: _angular_core.InputSignal<boolean>;
|
|
2507
|
+
appearance: _angular_core.InputSignal<SignalTextInputAppearance>;
|
|
2508
|
+
size: _angular_core.InputSignal<SignalTextInputSize>;
|
|
2509
|
+
dateFormat: _angular_core.InputSignal<SignalDateFormat>;
|
|
2510
|
+
showCalendarIcon: _angular_core.InputSignal<boolean>;
|
|
2511
|
+
showClearButton: _angular_core.InputSignal<boolean>;
|
|
2512
|
+
prefixText: _angular_core.InputSignal<string>;
|
|
2513
|
+
prefixIcon: _angular_core.InputSignal<string | null | undefined>;
|
|
2514
|
+
postfixText: _angular_core.InputSignal<string>;
|
|
2515
|
+
postfixIcon: _angular_core.InputSignal<string | null | undefined>;
|
|
2516
|
+
id: _angular_core.InputSignal<string | undefined>;
|
|
2517
|
+
fieldName: _angular_core.InputSignal<string | undefined>;
|
|
2518
|
+
autocomplete: _angular_core.InputSignal<string | undefined>;
|
|
2519
|
+
debounceValueChange: _angular_core.InputSignal<boolean>;
|
|
2520
|
+
debounceMs: _angular_core.InputSignal<number>;
|
|
2521
|
+
scrollBehavior: _angular_core.InputSignal<SignalDateFieldScrollBehavior>;
|
|
2522
|
+
mobilePresentation: _angular_core.InputSignal<SignalDateFieldMobilePresentation>;
|
|
2523
|
+
minDate: _angular_core.InputSignal<Date | null>;
|
|
2524
|
+
maxDate: _angular_core.InputSignal<Date | null>;
|
|
2525
|
+
allowOnlyPast: _angular_core.InputSignal<boolean>;
|
|
2526
|
+
allowOnlyFuture: _angular_core.InputSignal<boolean>;
|
|
2527
|
+
allowToday: _angular_core.InputSignal<boolean>;
|
|
2528
|
+
disabledDays: _angular_core.InputSignal<Weekday[]>;
|
|
2529
|
+
disabledDates: _angular_core.InputSignal<Date[]>;
|
|
2530
|
+
valueChange: _angular_core.OutputEmitterRef<Date | null>;
|
|
2531
|
+
dateSelected: _angular_core.OutputEmitterRef<Date>;
|
|
2532
|
+
clear: _angular_core.OutputEmitterRef<void>;
|
|
2533
|
+
postfixIconClick: _angular_core.OutputEmitterRef<void>;
|
|
2534
|
+
private readonly instanceId;
|
|
2535
|
+
private readonly valueChangeSubject;
|
|
2536
|
+
private breakpointSub?;
|
|
2537
|
+
private mobileDialogSub?;
|
|
2538
|
+
private mobileDialogRef;
|
|
2539
|
+
private lastSyncedValueTime;
|
|
2540
|
+
inputRef: ElementRef<HTMLInputElement>;
|
|
2541
|
+
fieldWrapper: ElementRef<HTMLElement>;
|
|
2542
|
+
readonly isOpen: _angular_core.WritableSignal<boolean>;
|
|
2543
|
+
readonly isMobile: _angular_core.WritableSignal<boolean>;
|
|
2544
|
+
readonly dateInputValue: _angular_core.WritableSignal<string>;
|
|
2545
|
+
private readonly blockScrollStrategy;
|
|
2546
|
+
private readonly repositionScrollStrategy;
|
|
2547
|
+
readonly scrollStrategy: _angular_core.Signal<_angular_cdk_overlay.BlockScrollStrategy | _angular_cdk_overlay.RepositionScrollStrategy>;
|
|
2548
|
+
readonly inputId: _angular_core.Signal<string>;
|
|
2549
|
+
readonly inputPlaceholder: _angular_core.Signal<string>;
|
|
2550
|
+
readonly nativeMinDate: _angular_core.Signal<string | null>;
|
|
2551
|
+
readonly nativeMaxDate: _angular_core.Signal<string | null>;
|
|
2552
|
+
readonly usesInFieldLabel: _angular_core.Signal<boolean>;
|
|
2553
|
+
readonly showInFieldHint: _angular_core.Signal<boolean>;
|
|
2554
|
+
readonly usesPeerFloatingLabel: _angular_core.Signal<boolean>;
|
|
2555
|
+
readonly hasPrefixText: _angular_core.Signal<boolean>;
|
|
2556
|
+
readonly hasAbsolutePrefixIcon: _angular_core.Signal<boolean>;
|
|
2557
|
+
readonly hasPostfixText: _angular_core.Signal<boolean>;
|
|
2558
|
+
readonly hasAbsolutePostfixIcon: _angular_core.Signal<boolean>;
|
|
2559
|
+
readonly hasValue: _angular_core.Signal<boolean>;
|
|
2560
|
+
readonly hasTextValue: _angular_core.Signal<boolean>;
|
|
2561
|
+
readonly peerInputValue: _angular_core.Signal<"" | " ">;
|
|
2562
|
+
readonly showClear: _angular_core.Signal<boolean>;
|
|
2563
|
+
readonly hasAbsoluteClear: _angular_core.Signal<boolean>;
|
|
2564
|
+
readonly hasCalendarIconInset: _angular_core.Signal<boolean>;
|
|
2565
|
+
readonly appearanceWrapperClasses: _angular_core.Signal<string>;
|
|
2566
|
+
readonly wrapperHeightClasses: _angular_core.Signal<string>;
|
|
2567
|
+
readonly inputSizeClasses: _angular_core.Signal<string>;
|
|
2568
|
+
readonly horizontalPaddingClasses: _angular_core.Signal<string>;
|
|
2569
|
+
readonly iconSize: _angular_core.Signal<number>;
|
|
2570
|
+
readonly inFieldHintIconSize = 14;
|
|
2571
|
+
readonly inFieldLabelLeftClasses: _angular_core.Signal<string>;
|
|
2572
|
+
readonly floatingLabelClasses: _angular_core.Signal<string>;
|
|
2573
|
+
readonly iftaLabelClasses: _angular_core.Signal<string>;
|
|
2574
|
+
readonly floatingOutlineLabelClasses: _angular_core.Signal<string>;
|
|
2575
|
+
constructor();
|
|
2576
|
+
ngAfterViewInit(): void;
|
|
2577
|
+
ngOnDestroy(): void;
|
|
2578
|
+
onInputChanged(event: Event): void;
|
|
2579
|
+
openCalendar(event?: MouseEvent): void;
|
|
2580
|
+
closeCalendar(): void;
|
|
2581
|
+
onDatePicked(date: Date): void;
|
|
2582
|
+
onClear(event?: MouseEvent): void;
|
|
2583
|
+
onPostfixIconClick(event: MouseEvent): void;
|
|
2584
|
+
onInputBlur(event: FocusEvent): void;
|
|
2585
|
+
onInputKeyDown(event: KeyboardEvent): void;
|
|
2586
|
+
private openMobilePanel;
|
|
2587
|
+
private applyDateSelection;
|
|
2588
|
+
private buildPanelData;
|
|
2589
|
+
private getMobilePanelClass;
|
|
2590
|
+
private emitValueChange;
|
|
2591
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SignalDateField, never>;
|
|
2592
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SignalDateField, "lib-signal-date-field", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "dateFormat": { "alias": "dateFormat"; "required": false; "isSignal": true; }; "showCalendarIcon": { "alias": "showCalendarIcon"; "required": false; "isSignal": true; }; "showClearButton": { "alias": "showClearButton"; "required": false; "isSignal": true; }; "prefixText": { "alias": "prefixText"; "required": false; "isSignal": true; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; "isSignal": true; }; "postfixText": { "alias": "postfixText"; "required": false; "isSignal": true; }; "postfixIcon": { "alias": "postfixIcon"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "fieldName": { "alias": "fieldName"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "debounceValueChange": { "alias": "debounceValueChange"; "required": false; "isSignal": true; }; "debounceMs": { "alias": "debounceMs"; "required": false; "isSignal": true; }; "scrollBehavior": { "alias": "scrollBehavior"; "required": false; "isSignal": true; }; "mobilePresentation": { "alias": "mobilePresentation"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "allowOnlyPast": { "alias": "allowOnlyPast"; "required": false; "isSignal": true; }; "allowOnlyFuture": { "alias": "allowOnlyFuture"; "required": false; "isSignal": true; }; "allowToday": { "alias": "allowToday"; "required": false; "isSignal": true; }; "disabledDays": { "alias": "disabledDays"; "required": false; "isSignal": true; }; "disabledDates": { "alias": "disabledDates"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "dateSelected": "dateSelected"; "clear": "clear"; "postfixIconClick": "postfixIconClick"; }, never, never, true, never>;
|
|
2593
|
+
}
|
|
2594
|
+
|
|
2595
|
+
interface SignalDateRange {
|
|
2596
|
+
startDate: Date;
|
|
2597
|
+
endDate: Date;
|
|
2598
|
+
}
|
|
2599
|
+
|
|
2600
|
+
declare class SignalDateRangePicker extends BaseFormControl<SignalDateRange | null> implements OnDestroy {
|
|
2601
|
+
embedded: _angular_core.InputSignal<boolean>;
|
|
2602
|
+
minDate: _angular_core.InputSignal<Date | null>;
|
|
2603
|
+
maxDate: _angular_core.InputSignal<Date | null>;
|
|
2604
|
+
allowOnlyPast: _angular_core.InputSignal<boolean>;
|
|
2605
|
+
allowOnlyFuture: _angular_core.InputSignal<boolean>;
|
|
2606
|
+
allowToday: _angular_core.InputSignal<boolean>;
|
|
2607
|
+
disabledDays: _angular_core.InputSignal<Weekday[]>;
|
|
2608
|
+
disabledDates: _angular_core.InputSignal<Date[]>;
|
|
2609
|
+
debounceValueChange: _angular_core.InputSignal<boolean>;
|
|
2610
|
+
debounceMs: _angular_core.InputSignal<number>;
|
|
2611
|
+
valueChange: _angular_core.OutputEmitterRef<SignalDateRange | null>;
|
|
2612
|
+
dateRangeSelected: _angular_core.OutputEmitterRef<SignalDateRange>;
|
|
2613
|
+
readonly uiMode: _angular_core.WritableSignal<SignalDatePickerUiMode>;
|
|
2614
|
+
readonly activeMonth: _angular_core.WritableSignal<number>;
|
|
2615
|
+
readonly activeYear: _angular_core.WritableSignal<number>;
|
|
2616
|
+
readonly yearWindowStart: _angular_core.WritableSignal<number>;
|
|
2617
|
+
readonly focusedDayIndex: _angular_core.WritableSignal<number>;
|
|
2618
|
+
readonly startDate: _angular_core.WritableSignal<Date | null>;
|
|
2619
|
+
readonly endDate: _angular_core.WritableSignal<Date | null>;
|
|
2620
|
+
readonly hoveredDate: _angular_core.WritableSignal<Date | null>;
|
|
2621
|
+
readonly weekdayHeaders: {
|
|
2622
|
+
day: Weekday;
|
|
2623
|
+
displayName: string;
|
|
2624
|
+
}[];
|
|
2625
|
+
readonly monthLabels: string[];
|
|
2626
|
+
private lastSyncedValueKey;
|
|
2627
|
+
private readonly valueChangeSubject;
|
|
2628
|
+
readonly constraints: _angular_core.Signal<SignalDatePickerConstraints>;
|
|
2629
|
+
readonly blankDays: _angular_core.Signal<number[]>;
|
|
2630
|
+
readonly daysOfMonth: _angular_core.Signal<SignalDatePickerDayCell[]>;
|
|
2631
|
+
readonly years: _angular_core.Signal<SignalDatePickerYearCell[]>;
|
|
2632
|
+
readonly monthYearLabel: _angular_core.Signal<string>;
|
|
2633
|
+
readonly yearRangeLabel: _angular_core.Signal<string>;
|
|
2634
|
+
readonly enabledDayIndices: _angular_core.Signal<number[]>;
|
|
2635
|
+
readonly previousNavLabel: _angular_core.Signal<"Previous years" | "Previous year" | "Previous month">;
|
|
2636
|
+
readonly nextNavLabel: _angular_core.Signal<"Next years" | "Next year" | "Next month">;
|
|
2637
|
+
readonly canNavigatePrevious: _angular_core.Signal<boolean>;
|
|
2638
|
+
readonly canNavigateNext: _angular_core.Signal<boolean>;
|
|
2639
|
+
constructor();
|
|
2640
|
+
ngOnDestroy(): void;
|
|
2641
|
+
isDayToday(day: number): boolean;
|
|
2642
|
+
isDayRangeStart(day: number): boolean;
|
|
2643
|
+
isDayRangeEnd(day: number): boolean;
|
|
2644
|
+
isDayInSelectedRange(day: number): boolean;
|
|
2645
|
+
isDayInHoveredRange(day: number): boolean;
|
|
2646
|
+
isDayHoverEndpoint(day: number): boolean;
|
|
2647
|
+
isMonthSelectable(month: number): boolean;
|
|
2648
|
+
onDaySelected(day: number): void;
|
|
2649
|
+
onDayHovered(day: number): void;
|
|
2650
|
+
onDayHoverLeft(): void;
|
|
2651
|
+
clearSelection(): void;
|
|
2652
|
+
onYearSelected(year: number): void;
|
|
2653
|
+
onMonthSelected(month: number): void;
|
|
2654
|
+
onYearSelectionPressed(): void;
|
|
2655
|
+
previousPressed(): void;
|
|
2656
|
+
nextPressed(): void;
|
|
2657
|
+
getDayTabIndex(dayIndex: number): number;
|
|
2658
|
+
onDayKeyDown(event: KeyboardEvent, dayIndex: number): void;
|
|
2659
|
+
onDayFocus(dayIndex: number): void;
|
|
2660
|
+
onDayBlur(): void;
|
|
2661
|
+
private findVerticalDayIndex;
|
|
2662
|
+
private syncYearWindowStart;
|
|
2663
|
+
private resetFocusedDayIndex;
|
|
2664
|
+
private focusDayButton;
|
|
2665
|
+
private emitValueChange;
|
|
2666
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SignalDateRangePicker, never>;
|
|
2667
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SignalDateRangePicker, "lib-signal-date-range-picker", never, { "embedded": { "alias": "embedded"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "allowOnlyPast": { "alias": "allowOnlyPast"; "required": false; "isSignal": true; }; "allowOnlyFuture": { "alias": "allowOnlyFuture"; "required": false; "isSignal": true; }; "allowToday": { "alias": "allowToday"; "required": false; "isSignal": true; }; "disabledDays": { "alias": "disabledDays"; "required": false; "isSignal": true; }; "disabledDates": { "alias": "disabledDates"; "required": false; "isSignal": true; }; "debounceValueChange": { "alias": "debounceValueChange"; "required": false; "isSignal": true; }; "debounceMs": { "alias": "debounceMs"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "dateRangeSelected": "dateRangeSelected"; }, never, never, true, never>;
|
|
2668
|
+
}
|
|
2669
|
+
|
|
2670
|
+
type SignalDateRangeFieldScrollBehavior = 'block' | 'reposition';
|
|
2671
|
+
type SignalDateRangeFieldMobilePresentation = 'modal' | 'bottomSheet' | 'fullScreen';
|
|
2672
|
+
|
|
2673
|
+
declare class SignalDateRangeField extends BaseFormControl<SignalDateRange | null> implements AfterViewInit, OnDestroy {
|
|
2674
|
+
private readonly cdr;
|
|
2675
|
+
private readonly overlay;
|
|
2676
|
+
private readonly overlayService;
|
|
2677
|
+
private readonly breakpointObserver;
|
|
2678
|
+
label: _angular_core.InputSignal<string>;
|
|
2679
|
+
placeholder: _angular_core.InputSignal<string>;
|
|
2680
|
+
hint: _angular_core.InputSignal<string>;
|
|
2681
|
+
readonly: _angular_core.InputSignal<boolean>;
|
|
2682
|
+
appearance: _angular_core.InputSignal<SignalTextInputAppearance>;
|
|
2683
|
+
size: _angular_core.InputSignal<SignalTextInputSize>;
|
|
2684
|
+
dateFormat: _angular_core.InputSignal<SignalDateFormat>;
|
|
2685
|
+
showCalendarIcon: _angular_core.InputSignal<boolean>;
|
|
2686
|
+
showClearButton: _angular_core.InputSignal<boolean>;
|
|
2687
|
+
prefixText: _angular_core.InputSignal<string>;
|
|
2688
|
+
prefixIcon: _angular_core.InputSignal<string | null | undefined>;
|
|
2689
|
+
postfixText: _angular_core.InputSignal<string>;
|
|
2690
|
+
postfixIcon: _angular_core.InputSignal<string | null | undefined>;
|
|
2691
|
+
id: _angular_core.InputSignal<string | undefined>;
|
|
2692
|
+
fieldName: _angular_core.InputSignal<string | undefined>;
|
|
2693
|
+
autocomplete: _angular_core.InputSignal<string | undefined>;
|
|
2694
|
+
debounceValueChange: _angular_core.InputSignal<boolean>;
|
|
2695
|
+
debounceMs: _angular_core.InputSignal<number>;
|
|
2696
|
+
scrollBehavior: _angular_core.InputSignal<SignalDateRangeFieldScrollBehavior>;
|
|
2697
|
+
mobilePresentation: _angular_core.InputSignal<SignalDateRangeFieldMobilePresentation>;
|
|
2698
|
+
minDate: _angular_core.InputSignal<Date | null>;
|
|
2699
|
+
maxDate: _angular_core.InputSignal<Date | null>;
|
|
2700
|
+
allowOnlyPast: _angular_core.InputSignal<boolean>;
|
|
2701
|
+
allowOnlyFuture: _angular_core.InputSignal<boolean>;
|
|
2702
|
+
allowToday: _angular_core.InputSignal<boolean>;
|
|
2703
|
+
disabledDays: _angular_core.InputSignal<Weekday[]>;
|
|
2704
|
+
disabledDates: _angular_core.InputSignal<Date[]>;
|
|
2705
|
+
valueChange: _angular_core.OutputEmitterRef<SignalDateRange | null>;
|
|
2706
|
+
dateRangeSelected: _angular_core.OutputEmitterRef<SignalDateRange>;
|
|
2707
|
+
clear: _angular_core.OutputEmitterRef<void>;
|
|
2708
|
+
postfixIconClick: _angular_core.OutputEmitterRef<void>;
|
|
2709
|
+
private readonly instanceId;
|
|
2710
|
+
private readonly valueChangeSubject;
|
|
2711
|
+
private breakpointSub?;
|
|
2712
|
+
private mobileDialogSub?;
|
|
2713
|
+
private mobileDialogRef;
|
|
2714
|
+
private lastSyncedValueKey;
|
|
2715
|
+
inputRef: ElementRef<HTMLInputElement>;
|
|
2716
|
+
fieldWrapper: ElementRef<HTMLElement>;
|
|
2717
|
+
readonly isOpen: _angular_core.WritableSignal<boolean>;
|
|
2718
|
+
readonly isMobile: _angular_core.WritableSignal<boolean>;
|
|
2719
|
+
readonly textInputValue: _angular_core.WritableSignal<string>;
|
|
2720
|
+
private readonly blockScrollStrategy;
|
|
2721
|
+
private readonly repositionScrollStrategy;
|
|
2722
|
+
readonly scrollStrategy: _angular_core.Signal<_angular_cdk_overlay.BlockScrollStrategy | _angular_cdk_overlay.RepositionScrollStrategy>;
|
|
2723
|
+
readonly inputId: _angular_core.Signal<string>;
|
|
2724
|
+
readonly maskPlaceholder: _angular_core.Signal<string>;
|
|
2725
|
+
readonly usesInFieldLabel: _angular_core.Signal<boolean>;
|
|
2726
|
+
readonly showInFieldHint: _angular_core.Signal<boolean>;
|
|
2727
|
+
readonly usesPeerFloatingLabel: _angular_core.Signal<boolean>;
|
|
2728
|
+
readonly hasPrefixText: _angular_core.Signal<boolean>;
|
|
2729
|
+
readonly hasAbsolutePrefixIcon: _angular_core.Signal<boolean>;
|
|
2730
|
+
readonly hasPostfixText: _angular_core.Signal<boolean>;
|
|
2731
|
+
readonly hasAbsolutePostfixIcon: _angular_core.Signal<boolean>;
|
|
2732
|
+
readonly hasValue: _angular_core.Signal<boolean>;
|
|
2733
|
+
readonly hasTextValue: _angular_core.Signal<boolean>;
|
|
2734
|
+
readonly peerInputValue: _angular_core.Signal<"" | " ">;
|
|
2735
|
+
readonly showClear: _angular_core.Signal<boolean>;
|
|
2736
|
+
readonly hasAbsoluteClear: _angular_core.Signal<boolean>;
|
|
2737
|
+
readonly hasCalendarIconInset: _angular_core.Signal<boolean>;
|
|
2738
|
+
readonly appearanceWrapperClasses: _angular_core.Signal<string>;
|
|
2739
|
+
readonly wrapperHeightClasses: _angular_core.Signal<string>;
|
|
2740
|
+
readonly inputSizeClasses: _angular_core.Signal<string>;
|
|
2741
|
+
readonly horizontalPaddingClasses: _angular_core.Signal<string>;
|
|
2742
|
+
readonly iconSize: _angular_core.Signal<number>;
|
|
2743
|
+
readonly inFieldHintIconSize = 14;
|
|
2744
|
+
readonly inFieldLabelLeftClasses: _angular_core.Signal<string>;
|
|
2745
|
+
readonly floatingLabelClasses: _angular_core.Signal<string>;
|
|
2746
|
+
readonly iftaLabelClasses: _angular_core.Signal<string>;
|
|
2747
|
+
readonly floatingOutlineLabelClasses: _angular_core.Signal<string>;
|
|
2748
|
+
constructor();
|
|
2749
|
+
ngAfterViewInit(): void;
|
|
2750
|
+
ngOnDestroy(): void;
|
|
2751
|
+
onInputChanged(event: Event): void;
|
|
2752
|
+
openCalendar(event?: MouseEvent): void;
|
|
2753
|
+
closeCalendar(): void;
|
|
2754
|
+
onRangePicked(range: SignalDateRange): void;
|
|
2755
|
+
onClear(event?: MouseEvent): void;
|
|
2756
|
+
onPostfixIconClick(event: MouseEvent): void;
|
|
2757
|
+
onInputBlur(event: FocusEvent): void;
|
|
2758
|
+
onInputKeyDown(event: KeyboardEvent): void;
|
|
2759
|
+
private openMobilePanel;
|
|
2760
|
+
private applyRangeSelection;
|
|
2761
|
+
private buildPanelData;
|
|
2762
|
+
private getMobilePanelClass;
|
|
2763
|
+
private isSignalDateRange;
|
|
2764
|
+
private emitValueChange;
|
|
2765
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SignalDateRangeField, never>;
|
|
2766
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SignalDateRangeField, "lib-signal-date-range-field", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "dateFormat": { "alias": "dateFormat"; "required": false; "isSignal": true; }; "showCalendarIcon": { "alias": "showCalendarIcon"; "required": false; "isSignal": true; }; "showClearButton": { "alias": "showClearButton"; "required": false; "isSignal": true; }; "prefixText": { "alias": "prefixText"; "required": false; "isSignal": true; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; "isSignal": true; }; "postfixText": { "alias": "postfixText"; "required": false; "isSignal": true; }; "postfixIcon": { "alias": "postfixIcon"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "fieldName": { "alias": "fieldName"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "debounceValueChange": { "alias": "debounceValueChange"; "required": false; "isSignal": true; }; "debounceMs": { "alias": "debounceMs"; "required": false; "isSignal": true; }; "scrollBehavior": { "alias": "scrollBehavior"; "required": false; "isSignal": true; }; "mobilePresentation": { "alias": "mobilePresentation"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "allowOnlyPast": { "alias": "allowOnlyPast"; "required": false; "isSignal": true; }; "allowOnlyFuture": { "alias": "allowOnlyFuture"; "required": false; "isSignal": true; }; "allowToday": { "alias": "allowToday"; "required": false; "isSignal": true; }; "disabledDays": { "alias": "disabledDays"; "required": false; "isSignal": true; }; "disabledDates": { "alias": "disabledDates"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "dateRangeSelected": "dateRangeSelected"; "clear": "clear"; "postfixIconClick": "postfixIconClick"; }, never, never, true, never>;
|
|
2767
|
+
}
|
|
2768
|
+
|
|
2769
|
+
type SignalTimeFormat = '12h' | '24h';
|
|
2770
|
+
type SignalTimePeriod = 'AM' | 'PM';
|
|
2771
|
+
interface SignalTimeValue {
|
|
2772
|
+
hours: number;
|
|
2773
|
+
minutes: number;
|
|
2774
|
+
}
|
|
2775
|
+
|
|
2776
|
+
declare class SignalTimePicker extends BaseFormControl<SignalTimeValue | null> implements OnDestroy {
|
|
2777
|
+
timeFormat: _angular_core.InputSignal<SignalTimeFormat>;
|
|
2778
|
+
embedded: _angular_core.InputSignal<boolean>;
|
|
2779
|
+
debounceValueChange: _angular_core.InputSignal<boolean>;
|
|
2780
|
+
debounceMs: _angular_core.InputSignal<number>;
|
|
2781
|
+
valueChange: _angular_core.OutputEmitterRef<SignalTimeValue | null>;
|
|
2782
|
+
timeSelected: _angular_core.OutputEmitterRef<SignalTimeValue>;
|
|
2783
|
+
readonly is24HourFormat: _angular_core.WritableSignal<boolean>;
|
|
2784
|
+
readonly hours: _angular_core.WritableSignal<number>;
|
|
2785
|
+
readonly minutes: _angular_core.WritableSignal<number>;
|
|
2786
|
+
readonly period: _angular_core.WritableSignal<SignalTimePeriod | null>;
|
|
2787
|
+
private lastSyncedValueKey;
|
|
2788
|
+
private previousValidHours;
|
|
2789
|
+
private previousValidMinutes;
|
|
2790
|
+
private readonly valueChangeSubject;
|
|
2791
|
+
constructor();
|
|
2792
|
+
ngOnDestroy(): void;
|
|
2793
|
+
formattedHours(): string;
|
|
2794
|
+
formattedMinutes(): string;
|
|
2795
|
+
onHourUp(): void;
|
|
2796
|
+
onHourDown(): void;
|
|
2797
|
+
onMinuteUp(): void;
|
|
2798
|
+
onMinuteDown(): void;
|
|
2799
|
+
onHourKeyDown(event: KeyboardEvent): void;
|
|
2800
|
+
onMinuteKeyDown(event: KeyboardEvent): void;
|
|
2801
|
+
setPeriod(nextPeriod: SignalTimePeriod): void;
|
|
2802
|
+
toggle24HourFormat(enabled: boolean): void;
|
|
2803
|
+
validateHours(event: FocusEvent): void;
|
|
2804
|
+
validateMinutes(event: FocusEvent): void;
|
|
2805
|
+
private commitValue;
|
|
2806
|
+
private emitValueChange;
|
|
2807
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SignalTimePicker, never>;
|
|
2808
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SignalTimePicker, "lib-signal-time-picker", never, { "timeFormat": { "alias": "timeFormat"; "required": false; "isSignal": true; }; "embedded": { "alias": "embedded"; "required": false; "isSignal": true; }; "debounceValueChange": { "alias": "debounceValueChange"; "required": false; "isSignal": true; }; "debounceMs": { "alias": "debounceMs"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "timeSelected": "timeSelected"; }, never, never, true, never>;
|
|
2809
|
+
}
|
|
2810
|
+
|
|
2811
|
+
type SignalTimeFieldScrollBehavior = 'block' | 'reposition';
|
|
2812
|
+
type SignalTimeFieldMobilePresentation = 'modal' | 'bottomSheet' | 'fullScreen';
|
|
2813
|
+
|
|
2814
|
+
declare class SignalTimeField extends BaseFormControl<SignalTimeValue | null> implements AfterViewInit, OnDestroy {
|
|
2815
|
+
private readonly cdr;
|
|
2816
|
+
private readonly overlay;
|
|
2817
|
+
private readonly overlayService;
|
|
2818
|
+
private readonly breakpointObserver;
|
|
2819
|
+
label: _angular_core.InputSignal<string>;
|
|
2820
|
+
placeholder: _angular_core.InputSignal<string>;
|
|
2821
|
+
hint: _angular_core.InputSignal<string>;
|
|
2822
|
+
readonly: _angular_core.InputSignal<boolean>;
|
|
2823
|
+
appearance: _angular_core.InputSignal<SignalTextInputAppearance>;
|
|
2824
|
+
size: _angular_core.InputSignal<SignalTextInputSize>;
|
|
2825
|
+
timeFormat: _angular_core.InputSignal<SignalTimeFormat>;
|
|
2826
|
+
showClockIcon: _angular_core.InputSignal<boolean>;
|
|
2827
|
+
showClearButton: _angular_core.InputSignal<boolean>;
|
|
2828
|
+
prefixText: _angular_core.InputSignal<string>;
|
|
2829
|
+
prefixIcon: _angular_core.InputSignal<string | null | undefined>;
|
|
2830
|
+
postfixText: _angular_core.InputSignal<string>;
|
|
2831
|
+
postfixIcon: _angular_core.InputSignal<string | null | undefined>;
|
|
2832
|
+
id: _angular_core.InputSignal<string | undefined>;
|
|
2833
|
+
fieldName: _angular_core.InputSignal<string | undefined>;
|
|
2834
|
+
autocomplete: _angular_core.InputSignal<string | undefined>;
|
|
2835
|
+
debounceValueChange: _angular_core.InputSignal<boolean>;
|
|
2836
|
+
debounceMs: _angular_core.InputSignal<number>;
|
|
2837
|
+
scrollBehavior: _angular_core.InputSignal<SignalTimeFieldScrollBehavior>;
|
|
2838
|
+
mobilePresentation: _angular_core.InputSignal<SignalTimeFieldMobilePresentation>;
|
|
2839
|
+
okLabel: _angular_core.InputSignal<string>;
|
|
2840
|
+
valueChange: _angular_core.OutputEmitterRef<SignalTimeValue | null>;
|
|
2841
|
+
timeSelected: _angular_core.OutputEmitterRef<SignalTimeValue>;
|
|
2842
|
+
clear: _angular_core.OutputEmitterRef<void>;
|
|
2843
|
+
postfixIconClick: _angular_core.OutputEmitterRef<void>;
|
|
2844
|
+
private readonly instanceId;
|
|
2845
|
+
private readonly valueChangeSubject;
|
|
2846
|
+
private breakpointSub?;
|
|
2847
|
+
private mobileDialogSub?;
|
|
2848
|
+
private mobileDialogRef;
|
|
2849
|
+
private lastSyncedValueKey;
|
|
2850
|
+
inputRef: ElementRef<HTMLInputElement>;
|
|
2851
|
+
fieldWrapper: ElementRef<HTMLElement>;
|
|
2852
|
+
readonly isOpen: _angular_core.WritableSignal<boolean>;
|
|
2853
|
+
readonly isMobile: _angular_core.WritableSignal<boolean>;
|
|
2854
|
+
readonly timeInputValue: _angular_core.WritableSignal<string>;
|
|
2855
|
+
private readonly blockScrollStrategy;
|
|
2856
|
+
private readonly repositionScrollStrategy;
|
|
2857
|
+
readonly scrollStrategy: _angular_core.Signal<_angular_cdk_overlay.BlockScrollStrategy | _angular_cdk_overlay.RepositionScrollStrategy>;
|
|
2858
|
+
readonly inputId: _angular_core.Signal<string>;
|
|
2859
|
+
readonly inputPlaceholder: _angular_core.Signal<string>;
|
|
2860
|
+
readonly usesInFieldLabel: _angular_core.Signal<boolean>;
|
|
2861
|
+
readonly showInFieldHint: _angular_core.Signal<boolean>;
|
|
2862
|
+
readonly usesPeerFloatingLabel: _angular_core.Signal<boolean>;
|
|
2863
|
+
readonly hasPrefixText: _angular_core.Signal<boolean>;
|
|
2864
|
+
readonly hasAbsolutePrefixIcon: _angular_core.Signal<boolean>;
|
|
2865
|
+
readonly hasPostfixText: _angular_core.Signal<boolean>;
|
|
2866
|
+
readonly hasAbsolutePostfixIcon: _angular_core.Signal<boolean>;
|
|
2867
|
+
readonly hasValue: _angular_core.Signal<boolean>;
|
|
2868
|
+
readonly hasTextValue: _angular_core.Signal<boolean>;
|
|
2869
|
+
readonly peerInputValue: _angular_core.Signal<"" | " ">;
|
|
2870
|
+
readonly showClear: _angular_core.Signal<boolean>;
|
|
2871
|
+
readonly hasAbsoluteClear: _angular_core.Signal<boolean>;
|
|
2872
|
+
readonly hasClockIconInset: _angular_core.Signal<boolean>;
|
|
2873
|
+
readonly appearanceWrapperClasses: _angular_core.Signal<string>;
|
|
2874
|
+
readonly wrapperHeightClasses: _angular_core.Signal<string>;
|
|
2875
|
+
readonly inputSizeClasses: _angular_core.Signal<string>;
|
|
2876
|
+
readonly horizontalPaddingClasses: _angular_core.Signal<string>;
|
|
2877
|
+
readonly iconSize: _angular_core.Signal<number>;
|
|
2878
|
+
readonly inFieldHintIconSize = 14;
|
|
2879
|
+
readonly inFieldLabelLeftClasses: _angular_core.Signal<string>;
|
|
2880
|
+
readonly floatingLabelClasses: _angular_core.Signal<string>;
|
|
2881
|
+
readonly iftaLabelClasses: _angular_core.Signal<string>;
|
|
2882
|
+
readonly floatingOutlineLabelClasses: _angular_core.Signal<string>;
|
|
2883
|
+
constructor();
|
|
2884
|
+
ngAfterViewInit(): void;
|
|
2885
|
+
ngOnDestroy(): void;
|
|
2886
|
+
onInputChanged(event: Event): void;
|
|
2887
|
+
openClock(event?: MouseEvent): void;
|
|
2888
|
+
closeClock(): void;
|
|
2889
|
+
onTimeConfirmed(time: SignalTimeValue): void;
|
|
2890
|
+
onClear(event?: MouseEvent): void;
|
|
2891
|
+
onPostfixIconClick(event: MouseEvent): void;
|
|
2892
|
+
onInputBlur(event: FocusEvent): void;
|
|
2893
|
+
onInputKeyDown(event: KeyboardEvent): void;
|
|
2894
|
+
private openMobilePanel;
|
|
2895
|
+
private applyTimeSelection;
|
|
2896
|
+
private buildPanelData;
|
|
2897
|
+
private isSignalTimeValue;
|
|
2898
|
+
private getMobilePanelClass;
|
|
2899
|
+
private emitValueChange;
|
|
2900
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SignalTimeField, never>;
|
|
2901
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SignalTimeField, "lib-signal-time-field", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "timeFormat": { "alias": "timeFormat"; "required": false; "isSignal": true; }; "showClockIcon": { "alias": "showClockIcon"; "required": false; "isSignal": true; }; "showClearButton": { "alias": "showClearButton"; "required": false; "isSignal": true; }; "prefixText": { "alias": "prefixText"; "required": false; "isSignal": true; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; "isSignal": true; }; "postfixText": { "alias": "postfixText"; "required": false; "isSignal": true; }; "postfixIcon": { "alias": "postfixIcon"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "fieldName": { "alias": "fieldName"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "debounceValueChange": { "alias": "debounceValueChange"; "required": false; "isSignal": true; }; "debounceMs": { "alias": "debounceMs"; "required": false; "isSignal": true; }; "scrollBehavior": { "alias": "scrollBehavior"; "required": false; "isSignal": true; }; "mobilePresentation": { "alias": "mobilePresentation"; "required": false; "isSignal": true; }; "okLabel": { "alias": "okLabel"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "timeSelected": "timeSelected"; "clear": "clear"; "postfixIconClick": "postfixIconClick"; }, never, never, true, never>;
|
|
2902
|
+
}
|
|
2903
|
+
|
|
2904
|
+
type SignalOtpMaskMode = 'alwaysVisible' | 'withDelay' | 'alwaysObscure';
|
|
2905
|
+
|
|
2906
|
+
declare class SignalOtpField extends BaseFormControl<string> implements AfterViewInit, OnDestroy {
|
|
2907
|
+
label: _angular_core.InputSignal<string>;
|
|
2908
|
+
hint: _angular_core.InputSignal<string>;
|
|
2909
|
+
length: _angular_core.InputSignal<number>;
|
|
2910
|
+
maskMode: _angular_core.InputSignal<SignalOtpMaskMode>;
|
|
2911
|
+
maskDelayMs: _angular_core.InputSignal<number>;
|
|
2912
|
+
obscureChar: _angular_core.InputSignal<string>;
|
|
2913
|
+
id: _angular_core.InputSignal<string | undefined>;
|
|
2914
|
+
completed: _angular_core.OutputEmitterRef<string>;
|
|
2915
|
+
digitInputs: QueryList<ElementRef<HTMLInputElement>>;
|
|
2916
|
+
private readonly destroyRef;
|
|
2917
|
+
private readonly instanceId;
|
|
2918
|
+
private readonly maskTimers;
|
|
2919
|
+
private lastSyncedMaskMode;
|
|
2920
|
+
readonly inputId: _angular_core.Signal<string>;
|
|
2921
|
+
readonly digitIndices: _angular_core.Signal<number[]>;
|
|
2922
|
+
readonly focusedIndex: _angular_core.WritableSignal<number>;
|
|
2923
|
+
readonly digits: _angular_core.WritableSignal<string[]>;
|
|
2924
|
+
readonly maskedAt: _angular_core.WritableSignal<boolean[]>;
|
|
2925
|
+
readonly cellBaseClasses = "relative flex h-14 w-12 shrink-0 items-center justify-center rounded-xl border bg-surface transition-all duration-200";
|
|
2926
|
+
constructor();
|
|
2927
|
+
ngAfterViewInit(): void;
|
|
2928
|
+
ngOnDestroy(): void;
|
|
2929
|
+
cellClasses(index: number): string;
|
|
2930
|
+
inputClasses(index: number): string;
|
|
2931
|
+
shouldShowOverlay(index: number): boolean;
|
|
2932
|
+
displayChar(index: number): string;
|
|
2933
|
+
shouldHideInputText(index: number): boolean;
|
|
2934
|
+
onCellFocus(index: number): void;
|
|
2935
|
+
onCellBlur(): void;
|
|
2936
|
+
onInput(event: Event, index: number): void;
|
|
2937
|
+
onKeyDown(event: KeyboardEvent, index: number): void;
|
|
2938
|
+
onPaste(event: ClipboardEvent, index: number): void;
|
|
2939
|
+
onCellClick(index: number): void;
|
|
2940
|
+
private setDigit;
|
|
2941
|
+
private clearDigit;
|
|
2942
|
+
private commitDigits;
|
|
2943
|
+
private syncFromBoundValue;
|
|
2944
|
+
private applyMaskForIndex;
|
|
2945
|
+
private scheduleMask;
|
|
2946
|
+
private clearMaskState;
|
|
2947
|
+
private clearMaskTimer;
|
|
2948
|
+
private clearAllMaskTimers;
|
|
2949
|
+
private focusIndex;
|
|
2950
|
+
private syncInputElements;
|
|
2951
|
+
private syncInputAt;
|
|
2952
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SignalOtpField, never>;
|
|
2953
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SignalOtpField, "lib-signal-otp-field", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "length": { "alias": "length"; "required": false; "isSignal": true; }; "maskMode": { "alias": "maskMode"; "required": false; "isSignal": true; }; "maskDelayMs": { "alias": "maskDelayMs"; "required": false; "isSignal": true; }; "obscureChar": { "alias": "obscureChar"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; }, { "completed": "completed"; }, never, never, true, never>;
|
|
2954
|
+
}
|
|
2955
|
+
|
|
2956
|
+
type SignalRatingSize = 'sm' | 'md' | 'lg';
|
|
2957
|
+
type SignalStarFill = 'empty' | 'half' | 'full';
|
|
2958
|
+
|
|
2959
|
+
declare class SignalRating extends BaseFormControl<number | null> {
|
|
2960
|
+
label: _angular_core.InputSignal<string>;
|
|
2961
|
+
hint: _angular_core.InputSignal<string>;
|
|
2962
|
+
id: _angular_core.InputSignal<string | undefined>;
|
|
2963
|
+
size: _angular_core.InputSignal<SignalRatingSize>;
|
|
2964
|
+
maxStars: _angular_core.InputSignal<number>;
|
|
2965
|
+
allowClear: _angular_core.InputSignal<boolean>;
|
|
2966
|
+
readonly: _angular_core.InputSignal<boolean>;
|
|
2967
|
+
valueChange: _angular_core.OutputEmitterRef<number | null>;
|
|
2968
|
+
private readonly instanceId;
|
|
2969
|
+
readonly hoverRating: _angular_core.WritableSignal<number | null>;
|
|
2970
|
+
readonly ratingId: _angular_core.Signal<string>;
|
|
2971
|
+
readonly effectiveMax: _angular_core.Signal<number>;
|
|
2972
|
+
readonly starIndices: _angular_core.Signal<number[]>;
|
|
2973
|
+
readonly iconSize: _angular_core.Signal<number>;
|
|
2974
|
+
readonly displayRating: _angular_core.Signal<number | null>;
|
|
2975
|
+
readonly ariaValueText: _angular_core.Signal<string>;
|
|
2976
|
+
readonly isInteractive: _angular_core.Signal<boolean>;
|
|
2977
|
+
readonly labelRowClasses: _angular_core.Signal<"h-4" | "h-6" | "h-5">;
|
|
2978
|
+
readonly labelTextClasses: _angular_core.Signal<string>;
|
|
2979
|
+
readonly sliderClasses: _angular_core.Signal<string>;
|
|
2980
|
+
getStarFillFor(starIndex: number): SignalStarFill;
|
|
2981
|
+
onStarClick(event: MouseEvent, starIndex: number): void;
|
|
2982
|
+
onRowMouseMove(event: MouseEvent): void;
|
|
2983
|
+
onRowMouseLeave(): void;
|
|
2984
|
+
onKeyDown(event: KeyboardEvent): void;
|
|
2985
|
+
private applyRating;
|
|
2986
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SignalRating, never>;
|
|
2987
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SignalRating, "lib-signal-rating", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "maxStars": { "alias": "maxStars"; "required": false; "isSignal": true; }; "allowClear": { "alias": "allowClear"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
|
|
2988
|
+
}
|
|
2989
|
+
|
|
2990
|
+
type SignalSliderSize = 'sm' | 'md' | 'lg';
|
|
2991
|
+
interface SignalSliderRange {
|
|
2992
|
+
start: number;
|
|
2993
|
+
end: number;
|
|
2994
|
+
}
|
|
2995
|
+
|
|
2996
|
+
declare class SignalSlider extends BaseFormControl<number | null> implements OnDestroy {
|
|
2997
|
+
private readonly document;
|
|
2998
|
+
label: _angular_core.InputSignal<string>;
|
|
2999
|
+
hint: _angular_core.InputSignal<string>;
|
|
3000
|
+
id: _angular_core.InputSignal<string | undefined>;
|
|
3001
|
+
size: _angular_core.InputSignal<SignalSliderSize>;
|
|
3002
|
+
sliderMin: _angular_core.InputSignal<number>;
|
|
3003
|
+
sliderMax: _angular_core.InputSignal<number>;
|
|
3004
|
+
sliderStep: _angular_core.InputSignal<number>;
|
|
3005
|
+
readonly: _angular_core.InputSignal<boolean>;
|
|
3006
|
+
showValueLabel: _angular_core.InputSignal<boolean>;
|
|
3007
|
+
showValueBubble: _angular_core.InputSignal<boolean>;
|
|
3008
|
+
valueChange: _angular_core.OutputEmitterRef<number | null>;
|
|
3009
|
+
trackRef: ElementRef<HTMLElement>;
|
|
3010
|
+
private readonly instanceId;
|
|
3011
|
+
private activePointerId;
|
|
3012
|
+
private removePointerListeners;
|
|
3013
|
+
private cachedTrackRect;
|
|
3014
|
+
private lastPointerX;
|
|
3015
|
+
readonly isDragging: _angular_core.WritableSignal<boolean>;
|
|
3016
|
+
readonly dragPercent: _angular_core.WritableSignal<number | null>;
|
|
3017
|
+
readonly sliderId: _angular_core.Signal<string>;
|
|
3018
|
+
readonly effectiveMin: _angular_core.Signal<number>;
|
|
3019
|
+
readonly effectiveMax: _angular_core.Signal<number>;
|
|
3020
|
+
readonly effectiveStep: _angular_core.Signal<number>;
|
|
3021
|
+
readonly isInteractive: _angular_core.Signal<boolean>;
|
|
3022
|
+
readonly displayValue: _angular_core.Signal<number>;
|
|
3023
|
+
readonly valuePercent: _angular_core.Signal<number>;
|
|
3024
|
+
readonly visualPercent: _angular_core.Signal<number>;
|
|
3025
|
+
readonly visualDisplayValue: _angular_core.Signal<number>;
|
|
3026
|
+
readonly ariaValueText: _angular_core.Signal<string>;
|
|
3027
|
+
readonly showBubble: _angular_core.Signal<boolean>;
|
|
3028
|
+
readonly bubbleDisplayValue: _angular_core.Signal<string>;
|
|
3029
|
+
readonly trackHeightClass: _angular_core.Signal<string>;
|
|
3030
|
+
readonly thumbSizeClass: _angular_core.Signal<string>;
|
|
3031
|
+
readonly bubbleOffsetClass: _angular_core.Signal<string>;
|
|
3032
|
+
ngOnDestroy(): void;
|
|
3033
|
+
onTrackPointerDown(event: PointerEvent): void;
|
|
3034
|
+
onThumbPointerDown(event: PointerEvent): void;
|
|
3035
|
+
onKeyDown(event: KeyboardEvent): void;
|
|
3036
|
+
private beginDrag;
|
|
3037
|
+
private startPointerTracking;
|
|
3038
|
+
private stopPointerTracking;
|
|
3039
|
+
private updateDragVisual;
|
|
3040
|
+
private finishDrag;
|
|
3041
|
+
private clearDragState;
|
|
3042
|
+
private commitValue;
|
|
3043
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SignalSlider, never>;
|
|
3044
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SignalSlider, "lib-signal-slider", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "sliderMin": { "alias": "sliderMin"; "required": false; "isSignal": true; }; "sliderMax": { "alias": "sliderMax"; "required": false; "isSignal": true; }; "sliderStep": { "alias": "sliderStep"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "showValueLabel": { "alias": "showValueLabel"; "required": false; "isSignal": true; }; "showValueBubble": { "alias": "showValueBubble"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
|
|
3045
|
+
}
|
|
3046
|
+
|
|
3047
|
+
type ActiveThumb = 'start' | 'end';
|
|
3048
|
+
interface DragPercents {
|
|
3049
|
+
start: number;
|
|
3050
|
+
end: number;
|
|
3051
|
+
}
|
|
3052
|
+
declare class SignalRangeSlider extends BaseFormControl<SignalSliderRange | null> implements OnDestroy {
|
|
3053
|
+
private readonly document;
|
|
3054
|
+
label: _angular_core.InputSignal<string>;
|
|
3055
|
+
hint: _angular_core.InputSignal<string>;
|
|
3056
|
+
id: _angular_core.InputSignal<string | undefined>;
|
|
3057
|
+
size: _angular_core.InputSignal<SignalSliderSize>;
|
|
3058
|
+
sliderMin: _angular_core.InputSignal<number>;
|
|
3059
|
+
sliderMax: _angular_core.InputSignal<number>;
|
|
3060
|
+
sliderStep: _angular_core.InputSignal<number>;
|
|
3061
|
+
readonly: _angular_core.InputSignal<boolean>;
|
|
3062
|
+
showValueLabel: _angular_core.InputSignal<boolean>;
|
|
3063
|
+
showValueBubble: _angular_core.InputSignal<boolean>;
|
|
3064
|
+
valueChange: _angular_core.OutputEmitterRef<SignalSliderRange | null>;
|
|
3065
|
+
trackRef: ElementRef<HTMLElement>;
|
|
3066
|
+
private readonly instanceId;
|
|
3067
|
+
private activePointerId;
|
|
3068
|
+
private removePointerListeners;
|
|
3069
|
+
private cachedTrackRect;
|
|
3070
|
+
readonly isDragging: _angular_core.WritableSignal<boolean>;
|
|
3071
|
+
readonly dragPercents: _angular_core.WritableSignal<DragPercents | null>;
|
|
3072
|
+
readonly activeThumb: _angular_core.WritableSignal<ActiveThumb>;
|
|
3073
|
+
readonly focusedThumb: _angular_core.WritableSignal<ActiveThumb>;
|
|
3074
|
+
readonly sliderId: _angular_core.Signal<string>;
|
|
3075
|
+
readonly effectiveMin: _angular_core.Signal<number>;
|
|
3076
|
+
readonly effectiveMax: _angular_core.Signal<number>;
|
|
3077
|
+
readonly effectiveStep: _angular_core.Signal<number>;
|
|
3078
|
+
readonly isInteractive: _angular_core.Signal<boolean>;
|
|
3079
|
+
readonly displayRange: _angular_core.Signal<SignalSliderRange>;
|
|
3080
|
+
readonly startPercent: _angular_core.Signal<number>;
|
|
3081
|
+
readonly endPercent: _angular_core.Signal<number>;
|
|
3082
|
+
readonly visualStartPercent: _angular_core.Signal<number>;
|
|
3083
|
+
readonly visualEndPercent: _angular_core.Signal<number>;
|
|
3084
|
+
readonly visualActiveWidthPercent: _angular_core.Signal<number>;
|
|
3085
|
+
readonly visualDisplayRange: _angular_core.Signal<SignalSliderRange>;
|
|
3086
|
+
readonly ariaValueText: _angular_core.Signal<string>;
|
|
3087
|
+
readonly showBubble: _angular_core.Signal<boolean>;
|
|
3088
|
+
readonly bubbleThumb: _angular_core.Signal<ActiveThumb>;
|
|
3089
|
+
readonly bubblePercent: _angular_core.Signal<number>;
|
|
3090
|
+
readonly bubbleDisplayValue: _angular_core.Signal<string>;
|
|
3091
|
+
readonly trackHeightClass: _angular_core.Signal<string>;
|
|
3092
|
+
readonly thumbSizeClass: _angular_core.Signal<string>;
|
|
3093
|
+
readonly bubbleOffsetClass: _angular_core.Signal<string>;
|
|
3094
|
+
ngOnDestroy(): void;
|
|
3095
|
+
onTrackPointerDown(event: PointerEvent): void;
|
|
3096
|
+
onThumbPointerDown(event: PointerEvent, thumb: ActiveThumb): void;
|
|
3097
|
+
onThumbFocus(thumb: ActiveThumb): void;
|
|
3098
|
+
onThumbBlur(event: FocusEvent): void;
|
|
3099
|
+
onThumbKeyDown(event: KeyboardEvent, thumb: ActiveThumb): void;
|
|
3100
|
+
private beginDrag;
|
|
3101
|
+
private startPointerTracking;
|
|
3102
|
+
private stopPointerTracking;
|
|
3103
|
+
private updateDragVisual;
|
|
3104
|
+
private finishDrag;
|
|
3105
|
+
private clearDragState;
|
|
3106
|
+
private commitThumbValue;
|
|
3107
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SignalRangeSlider, never>;
|
|
3108
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SignalRangeSlider, "lib-signal-range-slider", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "sliderMin": { "alias": "sliderMin"; "required": false; "isSignal": true; }; "sliderMax": { "alias": "sliderMax"; "required": false; "isSignal": true; }; "sliderStep": { "alias": "sliderStep"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "showValueLabel": { "alias": "showValueLabel"; "required": false; "isSignal": true; }; "showValueBubble": { "alias": "showValueBubble"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
|
|
3109
|
+
}
|
|
3110
|
+
|
|
1778
3111
|
declare class DateUtils {
|
|
1779
3112
|
convertToMMDDYYYY(dateString: string | undefined | null): string | null;
|
|
1780
3113
|
convertTohhmm(dateString: string | undefined | null): string | null;
|
|
@@ -1837,11 +3170,27 @@ interface NglConfig {
|
|
|
1837
3170
|
}
|
|
1838
3171
|
declare const NGL_CONFIG: InjectionToken<NglConfig>;
|
|
1839
3172
|
|
|
1840
|
-
declare function provideNglConfig(config: NglConfig): Provider;
|
|
3173
|
+
declare function provideNglConfig(config: NglConfig): Provider | EnvironmentProviders;
|
|
1841
3174
|
|
|
1842
3175
|
declare class SharedConstants {
|
|
1843
3176
|
static inputIdentifier: string;
|
|
1844
3177
|
}
|
|
1845
3178
|
|
|
1846
|
-
|
|
1847
|
-
|
|
3179
|
+
type ThemeMode = 'light' | 'dark' | 'system';
|
|
3180
|
+
declare class ThemeService {
|
|
3181
|
+
private readonly document;
|
|
3182
|
+
private readonly platformId;
|
|
3183
|
+
private readonly storageKey;
|
|
3184
|
+
readonly themeMode: _angular_core.WritableSignal<ThemeMode>;
|
|
3185
|
+
readonly activeTheme: _angular_core.WritableSignal<"light" | "dark">;
|
|
3186
|
+
private mediaQuery?;
|
|
3187
|
+
init(): void;
|
|
3188
|
+
setThemeMode(mode: ThemeMode): void;
|
|
3189
|
+
toggleLightDark(): void;
|
|
3190
|
+
private applyTheme;
|
|
3191
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThemeService, never>;
|
|
3192
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<ThemeService>;
|
|
3193
|
+
}
|
|
3194
|
+
|
|
3195
|
+
export { AlertDialogComponent, AppErrorComponent, AppSvgIconComponent, BaseApiService, BaseControlValueAccessor, BaseControlValueAccessorV2, BaseControlValueAccessorV3, BaseInputComponent, BaseOverlayComponent, BaseTableComponent, BreadcrumbComponent, ButtonComponent, CheckboxComponent, ClickOutsideDirective, CloseButtonComponent, ColorConverterService, ColorFormats, ColorPickerComponent, ColorPickerDirective, ContextMenuButtonComponent, ContextMenuIconComponent, DEFAULT_PHONE_COUNTRIES, DataTableComponent, DateInputComponent, DatePickerComponent, DatePickerOverlayComponent, DateRangePickerComponent, DateUtils, DropdownComponent, DynamicRendererComponent, EnvBannerComponent, FORM_ERRORS, FileUploaderComponent, FormValidationUtils, HumanizeFormMessagesPipe, InputDateFormat, InvalidControlScrollContainerDirective, InvalidControlScrollDirective, InvalidTokenError, ListviewComponent, LoaderComponent, LoaderService, MultiSelectDropdownAppearance, MultiSelectDropdownComponent, MultiSelectionFieldComponent, NGL_CONFIG, NetworkImageComponent, NglService, NoDataComponent, NoDataTableComponent, NumberInputComponent, OpenFloatingMenuDirective, OverlayContextMenuComponent, OverlayService, OverlayWizardUtils, PaginationComponent, PaginationState, PhoneNumberInputComponent, RadioButtonComponent, RequestState, ResizableColumnDirective, ResponsiveHelperComponent, SharedConstants, ShimmerComponent, SignalCheckbox, SignalDateField, SignalDatePicker, SignalDateRangeField, SignalDateRangePicker, SignalDropdown, SignalMultiSelectDropdown, SignalNumberField, SignalOtpField, SignalPhoneNumberField, SignalRadio, SignalRadioGroup, SignalRangeSlider, SignalRating, SignalSlider, SignalSwitch, SignalTextField, SignalTextarea, SignalTimeField, SignalTimePicker, SingleItemPickerInputComponent, SingleSelectionFieldComponent, SortableTableDirective, SpinnerComponent, State, StatusBadgeComponent, SvgUrlIconComponent, SwitchComponent, TableCustomComponent, TableResizableColumnsDirective, TemplateResolverArrayUtil, TemplateResolverFormat, TextAreaInputComponent, TextInputComponent, ThemeService, TimePickerComponent, ToastComponent, ToastService, ToasterComponent, TooltipDirective, UnsavedAwareDirective, arrayToCSV, arrayToSeparator, arrayToSpaceSeparator, deepEqual, defaultErrors, getDynamicTypeStructure, isDynamicType, isValid, jsonEqual, jwtDecode, mmddyyyyDateValidatorAsync, onlyFutureDateValidator, onlyPastDateValidator, openLink, phoneNumbers, phoneNumbersAll, printInvalidFields, provideNglConfig, resolveTemplateWithObject, toSentenceCase };
|
|
3196
|
+
export type { ActionConfig, BadgeConfig, BadgeConfigProperty, BaseStateImpl, Breadcrumb, ColumnDef, ContextMenuActionConfig, ContextMenuButtonAction, CustomRendererConfig, DateConfig, DateRangeEvent, IconAction, JwtDecodeOptions, JwtHeader, JwtPayload, NglConfig, OverlayWizard, PaginationEvent, PagingEvent, PhoneNumber, Schema, SignalCheckboxSize, SignalDateFieldMobilePresentation, SignalDateFieldScrollBehavior, SignalDateFormat, SignalDatePickerUiMode, SignalDateRange, SignalDateRangeFieldMobilePresentation, SignalDateRangeFieldScrollBehavior, SignalDropdownMobilePresentation, SignalDropdownScrollBehavior, SignalMultiSelectSelectionDisplay, SignalOtpMaskMode, SignalPhoneCountry, SignalRadioGroupOrientation, SignalRadioOption, SignalRadioSize, SignalSliderRange, SignalSwitchSize, SignalTimeFieldMobilePresentation, SignalTimeFieldScrollBehavior, SignalTimeFormat, SignalTimeValue, TableActionEvent, TableSortEvent, TableStateEvent, TextConfig, ThemeMode, TimePickerValue, TimePickerValueEvent, Weekday$1 as Weekday };
|