quang 19.2.2 → 19.2.4
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/auth/auth-providers.d.ts +39 -0
- package/auth/auth.service.d.ts +52 -0
- package/auth/directives/has-at-least-one-role.directive.d.ts +26 -0
- package/auth/directives/has-every-role.directive.d.ts +26 -0
- package/auth/directives/is-authenticated.directive.d.ts +14 -0
- package/auth/directives/is-not-authenticated.directive.d.ts +14 -0
- package/auth/guards/index.d.ts +2 -0
- package/auth/guards/is-allowed.guard.d.ts +2 -0
- package/auth/guards/is-authenticated.guard.d.ts +2 -0
- package/auth/index.d.ts +9 -195
- package/auth/logout-on-error.interceptor.d.ts +9 -0
- package/auth/mobile/index.d.ts +1 -5
- package/auth/mobile/mobile-auth-feature.d.ts +2 -0
- package/auth/token-storage/index.d.ts +3 -0
- package/auth/token-storage/local-storage-feature.d.ts +2 -0
- package/auth/token-storage/memory-storage-feature.d.ts +12 -0
- package/auth/token-storage/session-storage-feature.d.ts +2 -0
- package/components/autocomplete/autocomplete.component.d.ts +64 -0
- package/components/autocomplete/index.d.ts +1 -67
- package/components/checkbox/checkbox.component.d.ts +11 -0
- package/components/checkbox/index.d.ts +1 -15
- package/components/date/date.component.d.ts +85 -0
- package/components/date/index.d.ts +1 -89
- package/components/input/index.d.ts +1 -19
- package/components/input/input.component.d.ts +15 -0
- package/components/paginator/index.d.ts +5 -68
- package/components/paginator/paginator-language.service.d.ts +10 -0
- package/components/paginator/paginator.component.d.ts +30 -0
- package/components/paginator/paginator.module.d.ts +7 -0
- package/components/paginator/paginator.service.d.ts +6 -0
- package/components/paginator/paginatorIntl.d.ts +12 -0
- package/components/select/index.d.ts +1 -32
- package/components/select/select.component.d.ts +31 -0
- package/components/shared/ErrorData.d.ts +4 -0
- package/components/shared/index.d.ts +4 -112
- package/components/shared/makeId.d.ts +1 -0
- package/components/shared/option-list/option-list.component.d.ts +53 -0
- package/components/shared/quang-base-component.directive.d.ts +50 -0
- package/components/table/index.d.ts +1 -70
- package/components/table/table.component.d.ts +66 -0
- package/components/wysiwyg/index.d.ts +1 -51
- package/components/wysiwyg/wysiwyg.component.d.ts +46 -0
- package/data-handling/conversion.d.ts +3 -0
- package/data-handling/download.d.ts +3 -0
- package/data-handling/index.d.ts +2 -10
- package/device/index.d.ts +1 -14
- package/device/resize-observable.service.d.ts +11 -0
- package/fesm2022/quang-auth.mjs +18 -18
- package/fesm2022/quang-auth.mjs.map +1 -1
- package/fesm2022/quang-components-autocomplete.mjs +3 -3
- package/fesm2022/quang-components-autocomplete.mjs.map +1 -1
- package/fesm2022/quang-components-checkbox.mjs +3 -3
- package/fesm2022/quang-components-checkbox.mjs.map +1 -1
- package/fesm2022/quang-components-date.mjs +3 -3
- package/fesm2022/quang-components-date.mjs.map +1 -1
- package/fesm2022/quang-components-input.mjs +3 -3
- package/fesm2022/quang-components-input.mjs.map +1 -1
- package/fesm2022/quang-components-paginator.mjs +13 -13
- package/fesm2022/quang-components-paginator.mjs.map +1 -1
- package/fesm2022/quang-components-select.mjs +15 -5
- package/fesm2022/quang-components-select.mjs.map +1 -1
- package/fesm2022/quang-components-shared.mjs +6 -6
- package/fesm2022/quang-components-shared.mjs.map +1 -1
- package/fesm2022/quang-components-table.mjs +3 -3
- package/fesm2022/quang-components-table.mjs.map +1 -1
- package/fesm2022/quang-components-wysiwyg.mjs +3 -3
- package/fesm2022/quang-components-wysiwyg.mjs.map +1 -1
- package/fesm2022/quang-device.mjs +3 -3
- package/fesm2022/quang-device.mjs.map +1 -1
- package/fesm2022/quang-loader.mjs +6 -6
- package/fesm2022/quang-loader.mjs.map +1 -1
- package/fesm2022/quang-overlay-modal.mjs +3 -3
- package/fesm2022/quang-overlay-modal.mjs.map +1 -1
- package/fesm2022/quang-overlay-popover.mjs +6 -6
- package/fesm2022/quang-overlay-popover.mjs.map +1 -1
- package/fesm2022/quang-overlay-shared.mjs +9 -9
- package/fesm2022/quang-overlay-shared.mjs.map +1 -1
- package/fesm2022/quang-overlay-toast.mjs +6 -6
- package/fesm2022/quang-overlay-toast.mjs.map +1 -1
- package/fesm2022/quang-overlay-tooltip.mjs +6 -6
- package/fesm2022/quang-overlay-tooltip.mjs.map +1 -1
- package/fesm2022/quang-translation.mjs +6 -6
- package/fesm2022/quang-translation.mjs.map +1 -1
- package/forms/form-group-model.d.ts +18 -0
- package/forms/index.d.ts +2 -51
- package/forms/validators.d.ts +43 -0
- package/index.d.ts +9 -13
- package/loader/index.d.ts +4 -69
- package/loader/loader-providers.d.ts +23 -0
- package/loader/loader.component.d.ts +23 -0
- package/loader/loader.interceptor.d.ts +10 -0
- package/loader/loader.service.d.ts +9 -0
- package/overlay/modal/index.d.ts +1 -34
- package/overlay/modal/modal.component.d.ts +29 -0
- package/overlay/popover/index.d.ts +1 -25
- package/overlay/popover/popover.component.d.ts +13 -0
- package/overlay/popover/popover.directive.d.ts +11 -0
- package/overlay/shared/CustomViewportRuler.d.ts +63 -0
- package/overlay/shared/index.d.ts +3 -116
- package/overlay/shared/quang-base-overlay.component.d.ts +9 -0
- package/overlay/shared/quang-base-overlay.directive.d.ts +44 -0
- package/overlay/toast/index.d.ts +2 -44
- package/overlay/toast/toast.component.d.ts +13 -0
- package/overlay/toast/toast.service.d.ts +27 -0
- package/overlay/tooltip/index.d.ts +2 -23
- package/overlay/tooltip/tooltip.component.d.ts +11 -0
- package/overlay/tooltip/tooltip.directive.d.ts +11 -0
- package/package.json +25 -25
- package/shared/index.d.ts +1 -16
- package/shared/intercept-utils.d.ts +13 -0
- package/translation/index.d.ts +4 -62
- package/translation/translation-loader.service.d.ts +10 -0
- package/translation/translation-providers.d.ts +28 -0
- package/translation/translation.service.d.ts +15 -0
- package/translation/translations.tokens.d.ts +5 -0
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
import { ElementRef } from '@angular/core';
|
|
2
|
+
import AirDatepicker, { AirDatepickerLocale, AirDatepickerOptions, AirDatepickerPosition } from 'air-datepicker';
|
|
3
|
+
import { QuangTranslationService } from 'quang/translation';
|
|
4
|
+
import { QuangBaseComponent } from 'quang/components/shared';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
export interface DateRange {
|
|
7
|
+
dateFrom: string | null;
|
|
8
|
+
dateTo: string | null;
|
|
9
|
+
}
|
|
10
|
+
export type QuangDatepickerOptions = AirDatepickerOptions;
|
|
11
|
+
export declare class QuangDateComponent extends QuangBaseComponent<string | DateRange | null> {
|
|
12
|
+
/**
|
|
13
|
+
* Format to use to show on the input field.
|
|
14
|
+
* The format is based on the standard {@link https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table}
|
|
15
|
+
* Default: dd/MM/yyyy
|
|
16
|
+
* @default dd/MM/yyyy
|
|
17
|
+
*/
|
|
18
|
+
dateFormat: import("@angular/core").InputSignal<string>;
|
|
19
|
+
/**
|
|
20
|
+
* Format to use to show on the time inside the input field.
|
|
21
|
+
* The format is based on the standard {@link https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table}
|
|
22
|
+
* Default: HH:mm
|
|
23
|
+
* @default HH:mm
|
|
24
|
+
*/
|
|
25
|
+
timeFormat: import("@angular/core").InputSignal<string>;
|
|
26
|
+
/**
|
|
27
|
+
* Calendar locale, if not provided the component will try to use the one provided in {@link QuangTranslationService}
|
|
28
|
+
* if the language is not set in {@link QuangTranslationService} it will use the browser language
|
|
29
|
+
* Use this parameter only to override default behavior
|
|
30
|
+
*/
|
|
31
|
+
activeLanguageOverride: import("@angular/core").InputSignal<string | undefined>;
|
|
32
|
+
/**
|
|
33
|
+
* If true enable the timepicker inside the calendar
|
|
34
|
+
*/
|
|
35
|
+
timepicker: import("@angular/core").InputSignal<boolean>;
|
|
36
|
+
/**
|
|
37
|
+
* The message to show inside the input if the date is invalid
|
|
38
|
+
*/
|
|
39
|
+
invalidDateMessage: import("@angular/core").InputSignal<string>;
|
|
40
|
+
showOnlyTimepicker: import("@angular/core").InputSignal<boolean>;
|
|
41
|
+
minHour: import("@angular/core").InputSignal<number>;
|
|
42
|
+
maxHour: import("@angular/core").InputSignal<number>;
|
|
43
|
+
minMinute: import("@angular/core").InputSignal<number>;
|
|
44
|
+
maxMinute: import("@angular/core").InputSignal<number>;
|
|
45
|
+
minDate: import("@angular/core").InputSignal<Date | undefined>;
|
|
46
|
+
maxDate: import("@angular/core").InputSignal<Date | undefined>;
|
|
47
|
+
showInline: import("@angular/core").InputSignal<boolean>;
|
|
48
|
+
calendarClasses: import("@angular/core").InputSignal<string>;
|
|
49
|
+
buttonClass: import("@angular/core").InputSignal<string>;
|
|
50
|
+
datepickerOptions: import("@angular/core").InputSignal<QuangDatepickerOptions | undefined>;
|
|
51
|
+
_inputForDate: import("@angular/core").Signal<ElementRef<any> | undefined>;
|
|
52
|
+
contentTemplate: import("@angular/core").Signal<ElementRef<any>>;
|
|
53
|
+
hasNoContent: import("@angular/core").Signal<boolean>;
|
|
54
|
+
_quangTranslationService: import("@angular/core").WritableSignal<QuangTranslationService | undefined>;
|
|
55
|
+
_quangTranslationActiveLang: import("@angular/core").Signal<string | null>;
|
|
56
|
+
multipleDatesSeparator: import("@angular/core").InputSignal<string>;
|
|
57
|
+
rangeSelection: import("@angular/core").InputSignal<boolean>;
|
|
58
|
+
_activeLanguage: import("@angular/core").Signal<string | null | undefined>;
|
|
59
|
+
_airDatepickerInstance: import("@angular/core").WritableSignal<AirDatepicker<HTMLInputElement> | undefined>;
|
|
60
|
+
searchTextDebounce: import("@angular/core").InputSignal<number>;
|
|
61
|
+
targetPosition: import("@angular/core").WritableSignal<AirDatepickerPosition>;
|
|
62
|
+
_generateAirDatepickerEffect: import("@angular/core").EffectRef;
|
|
63
|
+
valueFormat: import("@angular/core").Signal<string>;
|
|
64
|
+
inputValueString: import("@angular/core").Signal<string>;
|
|
65
|
+
constructor();
|
|
66
|
+
showTimepicker: import("@angular/core").Signal<boolean>;
|
|
67
|
+
isMouseInsideCalendar: import("@angular/core").WritableSignal<boolean>;
|
|
68
|
+
isMouseOutsideCalendar: import("@angular/core").Signal<boolean>;
|
|
69
|
+
setupCalendar(): void;
|
|
70
|
+
onChangeText($event: Event): void;
|
|
71
|
+
onBlurHandler(): void;
|
|
72
|
+
setupInputStringToDate(value: string): Date;
|
|
73
|
+
onChangedHandler(value: string | DateRange | null): void;
|
|
74
|
+
onHideCalendar(): void;
|
|
75
|
+
formatDate(val: string | DateRange | null): string;
|
|
76
|
+
openDatePicker(): void;
|
|
77
|
+
interceptInputInteraction($event: Event): void;
|
|
78
|
+
getLocale(): AirDatepickerLocale;
|
|
79
|
+
onCancel(): void;
|
|
80
|
+
private dateToUtc;
|
|
81
|
+
private setCalendarPosition;
|
|
82
|
+
private setupTimepicker;
|
|
83
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<QuangDateComponent, never>;
|
|
84
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<QuangDateComponent, "quang-date", never, { "dateFormat": { "alias": "dateFormat"; "required": false; "isSignal": true; }; "timeFormat": { "alias": "timeFormat"; "required": false; "isSignal": true; }; "activeLanguageOverride": { "alias": "activeLanguageOverride"; "required": false; "isSignal": true; }; "timepicker": { "alias": "timepicker"; "required": false; "isSignal": true; }; "invalidDateMessage": { "alias": "invalidDateMessage"; "required": false; "isSignal": true; }; "showOnlyTimepicker": { "alias": "showOnlyTimepicker"; "required": false; "isSignal": true; }; "minHour": { "alias": "minHour"; "required": false; "isSignal": true; }; "maxHour": { "alias": "maxHour"; "required": false; "isSignal": true; }; "minMinute": { "alias": "minMinute"; "required": false; "isSignal": true; }; "maxMinute": { "alias": "maxMinute"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "showInline": { "alias": "showInline"; "required": false; "isSignal": true; }; "calendarClasses": { "alias": "calendarClasses"; "required": false; "isSignal": true; }; "buttonClass": { "alias": "buttonClass"; "required": false; "isSignal": true; }; "datepickerOptions": { "alias": "datepickerOptions"; "required": false; "isSignal": true; }; "multipleDatesSeparator": { "alias": "multipleDatesSeparator"; "required": false; "isSignal": true; }; "rangeSelection": { "alias": "rangeSelection"; "required": false; "isSignal": true; }; "searchTextDebounce": { "alias": "searchTextDebounce"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
85
|
+
}
|
|
@@ -1,89 +1 @@
|
|
|
1
|
-
|
|
2
|
-
import { ElementRef } from '@angular/core';
|
|
3
|
-
import AirDatepicker, { AirDatepickerOptions, AirDatepickerPosition, AirDatepickerLocale } from 'air-datepicker';
|
|
4
|
-
import { QuangTranslationService } from 'quang/translation';
|
|
5
|
-
import { QuangBaseComponent } from 'quang/components/shared';
|
|
6
|
-
|
|
7
|
-
interface DateRange {
|
|
8
|
-
dateFrom: string | null;
|
|
9
|
-
dateTo: string | null;
|
|
10
|
-
}
|
|
11
|
-
type QuangDatepickerOptions = AirDatepickerOptions;
|
|
12
|
-
declare class QuangDateComponent extends QuangBaseComponent<string | DateRange | null> {
|
|
13
|
-
/**
|
|
14
|
-
* Format to use to show on the input field.
|
|
15
|
-
* The format is based on the standard {@link https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table}
|
|
16
|
-
* Default: dd/MM/yyyy
|
|
17
|
-
* @default dd/MM/yyyy
|
|
18
|
-
*/
|
|
19
|
-
dateFormat: _angular_core.InputSignal<string>;
|
|
20
|
-
/**
|
|
21
|
-
* Format to use to show on the time inside the input field.
|
|
22
|
-
* The format is based on the standard {@link https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table}
|
|
23
|
-
* Default: HH:mm
|
|
24
|
-
* @default HH:mm
|
|
25
|
-
*/
|
|
26
|
-
timeFormat: _angular_core.InputSignal<string>;
|
|
27
|
-
/**
|
|
28
|
-
* Calendar locale, if not provided the component will try to use the one provided in {@link QuangTranslationService}
|
|
29
|
-
* if the language is not set in {@link QuangTranslationService} it will use the browser language
|
|
30
|
-
* Use this parameter only to override default behavior
|
|
31
|
-
*/
|
|
32
|
-
activeLanguageOverride: _angular_core.InputSignal<string | undefined>;
|
|
33
|
-
/**
|
|
34
|
-
* If true enable the timepicker inside the calendar
|
|
35
|
-
*/
|
|
36
|
-
timepicker: _angular_core.InputSignal<boolean>;
|
|
37
|
-
/**
|
|
38
|
-
* The message to show inside the input if the date is invalid
|
|
39
|
-
*/
|
|
40
|
-
invalidDateMessage: _angular_core.InputSignal<string>;
|
|
41
|
-
showOnlyTimepicker: _angular_core.InputSignal<boolean>;
|
|
42
|
-
minHour: _angular_core.InputSignal<number>;
|
|
43
|
-
maxHour: _angular_core.InputSignal<number>;
|
|
44
|
-
minMinute: _angular_core.InputSignal<number>;
|
|
45
|
-
maxMinute: _angular_core.InputSignal<number>;
|
|
46
|
-
minDate: _angular_core.InputSignal<Date | undefined>;
|
|
47
|
-
maxDate: _angular_core.InputSignal<Date | undefined>;
|
|
48
|
-
showInline: _angular_core.InputSignal<boolean>;
|
|
49
|
-
calendarClasses: _angular_core.InputSignal<string>;
|
|
50
|
-
buttonClass: _angular_core.InputSignal<string>;
|
|
51
|
-
datepickerOptions: _angular_core.InputSignal<QuangDatepickerOptions | undefined>;
|
|
52
|
-
_inputForDate: _angular_core.Signal<ElementRef<any> | undefined>;
|
|
53
|
-
contentTemplate: _angular_core.Signal<ElementRef<any>>;
|
|
54
|
-
hasNoContent: _angular_core.Signal<boolean>;
|
|
55
|
-
_quangTranslationService: _angular_core.WritableSignal<QuangTranslationService | undefined>;
|
|
56
|
-
_quangTranslationActiveLang: _angular_core.Signal<string | null>;
|
|
57
|
-
multipleDatesSeparator: _angular_core.InputSignal<string>;
|
|
58
|
-
rangeSelection: _angular_core.InputSignal<boolean>;
|
|
59
|
-
_activeLanguage: _angular_core.Signal<string | null | undefined>;
|
|
60
|
-
_airDatepickerInstance: _angular_core.WritableSignal<AirDatepicker<HTMLInputElement> | undefined>;
|
|
61
|
-
searchTextDebounce: _angular_core.InputSignal<number>;
|
|
62
|
-
targetPosition: _angular_core.WritableSignal<AirDatepickerPosition>;
|
|
63
|
-
_generateAirDatepickerEffect: _angular_core.EffectRef;
|
|
64
|
-
valueFormat: _angular_core.Signal<string>;
|
|
65
|
-
inputValueString: _angular_core.Signal<string>;
|
|
66
|
-
constructor();
|
|
67
|
-
showTimepicker: _angular_core.Signal<boolean>;
|
|
68
|
-
isMouseInsideCalendar: _angular_core.WritableSignal<boolean>;
|
|
69
|
-
isMouseOutsideCalendar: _angular_core.Signal<boolean>;
|
|
70
|
-
setupCalendar(): void;
|
|
71
|
-
onChangeText($event: Event): void;
|
|
72
|
-
onBlurHandler(): void;
|
|
73
|
-
setupInputStringToDate(value: string): Date;
|
|
74
|
-
onChangedHandler(value: string | DateRange | null): void;
|
|
75
|
-
onHideCalendar(): void;
|
|
76
|
-
formatDate(val: string | DateRange | null): string;
|
|
77
|
-
openDatePicker(): void;
|
|
78
|
-
interceptInputInteraction($event: Event): void;
|
|
79
|
-
getLocale(): AirDatepickerLocale;
|
|
80
|
-
onCancel(): void;
|
|
81
|
-
private dateToUtc;
|
|
82
|
-
private setCalendarPosition;
|
|
83
|
-
private setupTimepicker;
|
|
84
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<QuangDateComponent, never>;
|
|
85
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<QuangDateComponent, "quang-date", never, { "dateFormat": { "alias": "dateFormat"; "required": false; "isSignal": true; }; "timeFormat": { "alias": "timeFormat"; "required": false; "isSignal": true; }; "activeLanguageOverride": { "alias": "activeLanguageOverride"; "required": false; "isSignal": true; }; "timepicker": { "alias": "timepicker"; "required": false; "isSignal": true; }; "invalidDateMessage": { "alias": "invalidDateMessage"; "required": false; "isSignal": true; }; "showOnlyTimepicker": { "alias": "showOnlyTimepicker"; "required": false; "isSignal": true; }; "minHour": { "alias": "minHour"; "required": false; "isSignal": true; }; "maxHour": { "alias": "maxHour"; "required": false; "isSignal": true; }; "minMinute": { "alias": "minMinute"; "required": false; "isSignal": true; }; "maxMinute": { "alias": "maxMinute"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "showInline": { "alias": "showInline"; "required": false; "isSignal": true; }; "calendarClasses": { "alias": "calendarClasses"; "required": false; "isSignal": true; }; "buttonClass": { "alias": "buttonClass"; "required": false; "isSignal": true; }; "datepickerOptions": { "alias": "datepickerOptions"; "required": false; "isSignal": true; }; "multipleDatesSeparator": { "alias": "multipleDatesSeparator"; "required": false; "isSignal": true; }; "rangeSelection": { "alias": "rangeSelection"; "required": false; "isSignal": true; }; "searchTextDebounce": { "alias": "searchTextDebounce"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
86
|
-
}
|
|
87
|
-
|
|
88
|
-
export { QuangDateComponent };
|
|
89
|
-
export type { DateRange, QuangDatepickerOptions };
|
|
1
|
+
export * from './date.component';
|
|
@@ -1,19 +1 @@
|
|
|
1
|
-
|
|
2
|
-
import { QuangBaseComponent } from 'quang/components/shared';
|
|
3
|
-
|
|
4
|
-
type InputType = 'text' | 'textarea' | 'password' | 'email' | 'number' | 'url' | 'search' | 'tel' | 'color';
|
|
5
|
-
declare class QuangInputComponent extends QuangBaseComponent<string | number> {
|
|
6
|
-
componentType: _angular_core.InputSignal<InputType>;
|
|
7
|
-
maxLengthText: _angular_core.InputSignal<number | null>;
|
|
8
|
-
minLengthText: _angular_core.InputSignal<number | null>;
|
|
9
|
-
minNumber: _angular_core.InputSignal<number | undefined>;
|
|
10
|
-
maxNumber: _angular_core.InputSignal<number | undefined>;
|
|
11
|
-
componentStep: _angular_core.InputSignal<number>;
|
|
12
|
-
resizable: _angular_core.InputSignal<boolean>;
|
|
13
|
-
constructor();
|
|
14
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<QuangInputComponent, never>;
|
|
15
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<QuangInputComponent, "quang-input", never, { "componentType": { "alias": "componentType"; "required": true; "isSignal": true; }; "maxLengthText": { "alias": "maxLengthText"; "required": false; "isSignal": true; }; "minLengthText": { "alias": "minLengthText"; "required": false; "isSignal": true; }; "minNumber": { "alias": "minNumber"; "required": false; "isSignal": true; }; "maxNumber": { "alias": "maxNumber"; "required": false; "isSignal": true; }; "componentStep": { "alias": "componentStep"; "required": false; "isSignal": true; }; "resizable": { "alias": "resizable"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
export { QuangInputComponent };
|
|
19
|
-
export type { InputType };
|
|
1
|
+
export * from './input.component';
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { QuangBaseComponent } from 'quang/components/shared';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export type InputType = 'text' | 'textarea' | 'password' | 'email' | 'number' | 'url' | 'search' | 'tel' | 'color';
|
|
4
|
+
export declare class QuangInputComponent extends QuangBaseComponent<string | number> {
|
|
5
|
+
componentType: import("@angular/core").InputSignal<InputType>;
|
|
6
|
+
maxLengthText: import("@angular/core").InputSignal<number | null>;
|
|
7
|
+
minLengthText: import("@angular/core").InputSignal<number | null>;
|
|
8
|
+
minNumber: import("@angular/core").InputSignal<number | undefined>;
|
|
9
|
+
maxNumber: import("@angular/core").InputSignal<number | undefined>;
|
|
10
|
+
componentStep: import("@angular/core").InputSignal<number>;
|
|
11
|
+
resizable: import("@angular/core").InputSignal<boolean>;
|
|
12
|
+
constructor();
|
|
13
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<QuangInputComponent, never>;
|
|
14
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<QuangInputComponent, "quang-input", never, { "componentType": { "alias": "componentType"; "required": true; "isSignal": true; }; "maxLengthText": { "alias": "maxLengthText"; "required": false; "isSignal": true; }; "minLengthText": { "alias": "minLengthText"; "required": false; "isSignal": true; }; "minNumber": { "alias": "minNumber"; "required": false; "isSignal": true; }; "maxNumber": { "alias": "maxNumber"; "required": false; "isSignal": true; }; "componentStep": { "alias": "componentStep"; "required": false; "isSignal": true; }; "resizable": { "alias": "resizable"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
15
|
+
}
|
|
@@ -1,68 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
declare class PaginatorIntl {
|
|
8
|
-
readonly changes: _angular_core.WritableSignal<any>;
|
|
9
|
-
itemsPerPageLabel: string;
|
|
10
|
-
nextPageLabel: string;
|
|
11
|
-
previousPageLabel: string;
|
|
12
|
-
firstPageLabel: string;
|
|
13
|
-
lastPageLabel: string;
|
|
14
|
-
static ɵfac: __FactoryDeclaration<PaginatorIntl, never>;
|
|
15
|
-
static ɵprov: __InjectableDeclaration<PaginatorIntl>;
|
|
16
|
-
getRangeLabel: ((page: number, pageSize: number, length: number) => string) | undefined;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
declare class QuangPaginatorLanguageService extends PaginatorIntl {
|
|
20
|
-
private readonly transloco;
|
|
21
|
-
constructor(transloco: TranslocoService);
|
|
22
|
-
getAndInitTranslations(): void;
|
|
23
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<QuangPaginatorLanguageService, never>;
|
|
24
|
-
static ɵprov: _angular_core.ɵɵInjectableDeclaration<QuangPaginatorLanguageService>;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
declare class QuangPaginatorComponent implements OnInit {
|
|
28
|
-
componentId: _angular_core.InputSignal<string>;
|
|
29
|
-
componentTabIndex: _angular_core.InputSignal<number>;
|
|
30
|
-
componentClass: _angular_core.InputSignal<string | string[]>;
|
|
31
|
-
page: _angular_core.InputSignal<number>;
|
|
32
|
-
pageSize: _angular_core.InputSignal<number>;
|
|
33
|
-
sizeList: _angular_core.InputSignal<number[]>;
|
|
34
|
-
totalItems: _angular_core.InputSignal<number>;
|
|
35
|
-
showTotalElementsCount: _angular_core.InputSignal<boolean>;
|
|
36
|
-
totalItemsText: _angular_core.InputSignal<string>;
|
|
37
|
-
sizeText: _angular_core.InputSignal<string>;
|
|
38
|
-
pageRangeText: _angular_core.InputSignal<string>;
|
|
39
|
-
_currentPage: _angular_core.WritableSignal<number>;
|
|
40
|
-
page$: rxjs.Subscription;
|
|
41
|
-
_pageSize: _angular_core.WritableSignal<number>;
|
|
42
|
-
pageSize$: rxjs.Subscription;
|
|
43
|
-
_totalPages: _angular_core.Signal<number>;
|
|
44
|
-
changePage: _angular_core.OutputEmitterRef<number>;
|
|
45
|
-
changeSize: _angular_core.OutputEmitterRef<number>;
|
|
46
|
-
ngOnInit(): void;
|
|
47
|
-
onChangeSize(event: any): void;
|
|
48
|
-
goToNextPage(): void;
|
|
49
|
-
goToPreviousPage(): void;
|
|
50
|
-
goToFirstPage(): void;
|
|
51
|
-
goToLastPage(): void;
|
|
52
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<QuangPaginatorComponent, never>;
|
|
53
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<QuangPaginatorComponent, "quang-paginator", never, { "componentId": { "alias": "componentId"; "required": false; "isSignal": true; }; "componentTabIndex": { "alias": "componentTabIndex"; "required": false; "isSignal": true; }; "componentClass": { "alias": "componentClass"; "required": false; "isSignal": true; }; "page": { "alias": "page"; "required": true; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": true; "isSignal": true; }; "sizeList": { "alias": "sizeList"; "required": false; "isSignal": true; }; "totalItems": { "alias": "totalItems"; "required": true; "isSignal": true; }; "showTotalElementsCount": { "alias": "showTotalElementsCount"; "required": false; "isSignal": true; }; "totalItemsText": { "alias": "totalItemsText"; "required": false; "isSignal": true; }; "sizeText": { "alias": "sizeText"; "required": false; "isSignal": true; }; "pageRangeText": { "alias": "pageRangeText"; "required": false; "isSignal": true; }; }, { "changePage": "changePage"; "changeSize": "changeSize"; }, never, never, true, never>;
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
declare class PaginatorModule {
|
|
57
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<PaginatorModule, never>;
|
|
58
|
-
static ɵmod: _angular_core.ɵɵNgModuleDeclaration<PaginatorModule, never, [typeof i1.CommonModule], never>;
|
|
59
|
-
static ɵinj: _angular_core.ɵɵInjectorDeclaration<PaginatorModule>;
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
declare class QuangPaginatorService {
|
|
63
|
-
getPage(list: any[], pageNumber: number, pageSize: number): any[];
|
|
64
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<QuangPaginatorService, never>;
|
|
65
|
-
static ɵprov: _angular_core.ɵɵInjectableDeclaration<QuangPaginatorService>;
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
export { PaginatorIntl, PaginatorModule, QuangPaginatorComponent, QuangPaginatorLanguageService, QuangPaginatorService };
|
|
1
|
+
export * from './paginator-language.service';
|
|
2
|
+
export * from './paginator.component';
|
|
3
|
+
export * from './paginator.module';
|
|
4
|
+
export * from './paginator.service';
|
|
5
|
+
export * from './paginatorIntl';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { TranslocoService } from '@jsverse/transloco';
|
|
2
|
+
import { PaginatorIntl } from './paginatorIntl';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class QuangPaginatorLanguageService extends PaginatorIntl {
|
|
5
|
+
private readonly transloco;
|
|
6
|
+
constructor(transloco: TranslocoService);
|
|
7
|
+
getAndInitTranslations(): void;
|
|
8
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<QuangPaginatorLanguageService, never>;
|
|
9
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<QuangPaginatorLanguageService>;
|
|
10
|
+
}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { OnInit } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class QuangPaginatorComponent implements OnInit {
|
|
4
|
+
componentId: import("@angular/core").InputSignal<string>;
|
|
5
|
+
componentTabIndex: import("@angular/core").InputSignal<number>;
|
|
6
|
+
componentClass: import("@angular/core").InputSignal<string | string[]>;
|
|
7
|
+
page: import("@angular/core").InputSignal<number>;
|
|
8
|
+
pageSize: import("@angular/core").InputSignal<number>;
|
|
9
|
+
sizeList: import("@angular/core").InputSignal<number[]>;
|
|
10
|
+
totalItems: import("@angular/core").InputSignal<number>;
|
|
11
|
+
showTotalElementsCount: import("@angular/core").InputSignal<boolean>;
|
|
12
|
+
totalItemsText: import("@angular/core").InputSignal<string>;
|
|
13
|
+
sizeText: import("@angular/core").InputSignal<string>;
|
|
14
|
+
pageRangeText: import("@angular/core").InputSignal<string>;
|
|
15
|
+
_currentPage: import("@angular/core").WritableSignal<number>;
|
|
16
|
+
page$: import("rxjs").Subscription;
|
|
17
|
+
_pageSize: import("@angular/core").WritableSignal<number>;
|
|
18
|
+
pageSize$: import("rxjs").Subscription;
|
|
19
|
+
_totalPages: import("@angular/core").Signal<number>;
|
|
20
|
+
changePage: import("@angular/core").OutputEmitterRef<number>;
|
|
21
|
+
changeSize: import("@angular/core").OutputEmitterRef<number>;
|
|
22
|
+
ngOnInit(): void;
|
|
23
|
+
onChangeSize(event: any): void;
|
|
24
|
+
goToNextPage(): void;
|
|
25
|
+
goToPreviousPage(): void;
|
|
26
|
+
goToFirstPage(): void;
|
|
27
|
+
goToLastPage(): void;
|
|
28
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<QuangPaginatorComponent, never>;
|
|
29
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<QuangPaginatorComponent, "quang-paginator", never, { "componentId": { "alias": "componentId"; "required": false; "isSignal": true; }; "componentTabIndex": { "alias": "componentTabIndex"; "required": false; "isSignal": true; }; "componentClass": { "alias": "componentClass"; "required": false; "isSignal": true; }; "page": { "alias": "page"; "required": true; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": true; "isSignal": true; }; "sizeList": { "alias": "sizeList"; "required": false; "isSignal": true; }; "totalItems": { "alias": "totalItems"; "required": true; "isSignal": true; }; "showTotalElementsCount": { "alias": "showTotalElementsCount"; "required": false; "isSignal": true; }; "totalItemsText": { "alias": "totalItemsText"; "required": false; "isSignal": true; }; "sizeText": { "alias": "sizeText"; "required": false; "isSignal": true; }; "pageRangeText": { "alias": "pageRangeText"; "required": false; "isSignal": true; }; }, { "changePage": "changePage"; "changeSize": "changeSize"; }, never, never, true, never>;
|
|
30
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "@angular/common";
|
|
3
|
+
export declare class PaginatorModule {
|
|
4
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PaginatorModule, never>;
|
|
5
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<PaginatorModule, never, [typeof i1.CommonModule], never>;
|
|
6
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<PaginatorModule>;
|
|
7
|
+
}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class QuangPaginatorService {
|
|
3
|
+
getPage(list: any[], pageNumber: number, pageSize: number): any[];
|
|
4
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<QuangPaginatorService, never>;
|
|
5
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<QuangPaginatorService>;
|
|
6
|
+
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { ɵɵFactoryDeclaration, ɵɵInjectableDeclaration } from '@angular/core';
|
|
2
|
+
export declare class PaginatorIntl {
|
|
3
|
+
readonly changes: import("@angular/core").WritableSignal<any>;
|
|
4
|
+
itemsPerPageLabel: string;
|
|
5
|
+
nextPageLabel: string;
|
|
6
|
+
previousPageLabel: string;
|
|
7
|
+
firstPageLabel: string;
|
|
8
|
+
lastPageLabel: string;
|
|
9
|
+
static ɵfac: ɵɵFactoryDeclaration<PaginatorIntl, never>;
|
|
10
|
+
static ɵprov: ɵɵInjectableDeclaration<PaginatorIntl>;
|
|
11
|
+
getRangeLabel: ((page: number, pageSize: number, length: number) => string) | undefined;
|
|
12
|
+
}
|
|
@@ -1,32 +1 @@
|
|
|
1
|
-
|
|
2
|
-
import { AfterViewInit, ElementRef } from '@angular/core';
|
|
3
|
-
import { QuangBaseComponent, SelectOption, OptionListParentType } from 'quang/components/shared';
|
|
4
|
-
|
|
5
|
-
declare class QuangSelectComponent extends QuangBaseComponent<string | number | string[] | number[] | null> implements AfterViewInit {
|
|
6
|
-
selectionMode: _angular_core.InputSignal<"single" | "multiple">;
|
|
7
|
-
/**
|
|
8
|
-
* Set the max height of the selection list before scrolling.
|
|
9
|
-
* Default: 18rem
|
|
10
|
-
* @default 18rem
|
|
11
|
-
*/
|
|
12
|
-
optionListMaxHeight: _angular_core.InputSignal<string>;
|
|
13
|
-
selectOptions: _angular_core.InputSignal<SelectOption[]>;
|
|
14
|
-
scrollBehaviorOnOpen: _angular_core.InputSignal<ScrollBehavior>;
|
|
15
|
-
selectButton: _angular_core.Signal<ElementRef<HTMLButtonElement> | undefined>;
|
|
16
|
-
_showOptions: _angular_core.WritableSignal<boolean>;
|
|
17
|
-
_optionHideTimeout: _angular_core.WritableSignal<any>;
|
|
18
|
-
_selectedItems: _angular_core.Signal<SelectOption[] | null>;
|
|
19
|
-
translateValue: _angular_core.InputSignal<boolean>;
|
|
20
|
-
nullOption: _angular_core.InputSignal<boolean>;
|
|
21
|
-
readonly ParentType = OptionListParentType.SELECT;
|
|
22
|
-
changeOptionsVisibility(skipTimeout?: boolean): void;
|
|
23
|
-
showOptionVisibility(): void;
|
|
24
|
-
hideOptionVisibility(skipTimeout?: boolean): void;
|
|
25
|
-
onBlurHandler(): void;
|
|
26
|
-
onChangedHandler(value: string | number | string[] | number[] | null): void;
|
|
27
|
-
onMouseLeaveCallback(): void;
|
|
28
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<QuangSelectComponent, never>;
|
|
29
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<QuangSelectComponent, "quang-select", never, { "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "optionListMaxHeight": { "alias": "optionListMaxHeight"; "required": false; "isSignal": true; }; "selectOptions": { "alias": "selectOptions"; "required": true; "isSignal": true; }; "scrollBehaviorOnOpen": { "alias": "scrollBehaviorOnOpen"; "required": false; "isSignal": true; }; "translateValue": { "alias": "translateValue"; "required": false; "isSignal": true; }; "nullOption": { "alias": "nullOption"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
export { QuangSelectComponent };
|
|
1
|
+
export * from './select.component';
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { AfterViewInit, ElementRef } from '@angular/core';
|
|
2
|
+
import { OptionListParentType, QuangBaseComponent, SelectOption } from 'quang/components/shared';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class QuangSelectComponent extends QuangBaseComponent<string | number | string[] | number[] | null> implements AfterViewInit {
|
|
5
|
+
selectionMode: import("@angular/core").InputSignal<"single" | "multiple">;
|
|
6
|
+
/**
|
|
7
|
+
* Set the max height of the selection list before scrolling.
|
|
8
|
+
* Default: 18rem
|
|
9
|
+
* @default 18rem
|
|
10
|
+
*/
|
|
11
|
+
optionListMaxHeight: import("@angular/core").InputSignal<string>;
|
|
12
|
+
selectOptions: import("@angular/core").InputSignal<SelectOption[]>;
|
|
13
|
+
scrollBehaviorOnOpen: import("@angular/core").InputSignal<ScrollBehavior>;
|
|
14
|
+
selectButton: import("@angular/core").Signal<ElementRef<HTMLButtonElement> | undefined>;
|
|
15
|
+
_showOptions: import("@angular/core").WritableSignal<boolean>;
|
|
16
|
+
_optionHideTimeout: import("@angular/core").WritableSignal<any>;
|
|
17
|
+
_selectedItems: import("@angular/core").Signal<SelectOption[] | null>;
|
|
18
|
+
translateValue: import("@angular/core").InputSignal<boolean>;
|
|
19
|
+
nullOption: import("@angular/core").InputSignal<boolean>;
|
|
20
|
+
autoSelectSingleOption: import("@angular/core").InputSignal<boolean>;
|
|
21
|
+
readonly ParentType = OptionListParentType.SELECT;
|
|
22
|
+
constructor();
|
|
23
|
+
changeOptionsVisibility(skipTimeout?: boolean): void;
|
|
24
|
+
showOptionVisibility(): void;
|
|
25
|
+
hideOptionVisibility(skipTimeout?: boolean): void;
|
|
26
|
+
onBlurHandler(): void;
|
|
27
|
+
onChangedHandler(value: string | number | string[] | number[] | null): void;
|
|
28
|
+
onMouseLeaveCallback(): void;
|
|
29
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<QuangSelectComponent, never>;
|
|
30
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<QuangSelectComponent, "quang-select", never, { "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "optionListMaxHeight": { "alias": "optionListMaxHeight"; "required": false; "isSignal": true; }; "selectOptions": { "alias": "selectOptions"; "required": true; "isSignal": true; }; "scrollBehaviorOnOpen": { "alias": "scrollBehaviorOnOpen"; "required": false; "isSignal": true; }; "translateValue": { "alias": "translateValue"; "required": false; "isSignal": true; }; "nullOption": { "alias": "nullOption"; "required": false; "isSignal": true; }; "autoSelectSingleOption": { "alias": "autoSelectSingleOption"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
31
|
+
}
|
|
@@ -1,112 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
import { ControlValueAccessor, FormControl, NgControl } from '@angular/forms';
|
|
6
|
-
|
|
7
|
-
declare const makeId: (length: number) => string;
|
|
8
|
-
|
|
9
|
-
interface ErrorData {
|
|
10
|
-
error: string;
|
|
11
|
-
message: string;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
declare abstract class QuangBaseComponent<T = any> implements ControlValueAccessor, AfterViewInit {
|
|
15
|
-
componentId: _angular_core.InputSignal<string>;
|
|
16
|
-
isReadonly: _angular_core.InputSignal<boolean>;
|
|
17
|
-
isReadonly$: rxjs.Observable<boolean>;
|
|
18
|
-
componentTabIndex: _angular_core.InputSignal<number>;
|
|
19
|
-
componentClass: _angular_core.InputSignal<string | string[]>;
|
|
20
|
-
componentLabel: _angular_core.InputSignal<string>;
|
|
21
|
-
componentPlaceholder: _angular_core.InputSignal<string>;
|
|
22
|
-
errorMap: _angular_core.InputSignal<ErrorData[]>;
|
|
23
|
-
_errorMessagesByKey: _angular_core.Signal<Map<string, string>>;
|
|
24
|
-
successMessage: _angular_core.InputSignal<string>;
|
|
25
|
-
helpMessage: _angular_core.InputSignal<string>;
|
|
26
|
-
formControl: _angular_core.InputSignal<FormControl<any> | undefined>;
|
|
27
|
-
componentBlur: _angular_core.OutputEmitterRef<void>;
|
|
28
|
-
_value: _angular_core.WritableSignal<T | null>;
|
|
29
|
-
_isRequired: _angular_core.WritableSignal<boolean>;
|
|
30
|
-
_isDisabled: _angular_core.WritableSignal<boolean>;
|
|
31
|
-
_isTouched: _angular_core.WritableSignal<boolean>;
|
|
32
|
-
_isValid: _angular_core.WritableSignal<boolean>;
|
|
33
|
-
_showSuccess: _angular_core.Signal<boolean | "">;
|
|
34
|
-
_showErrors: _angular_core.Signal<boolean>;
|
|
35
|
-
_currentErrorMessage: _angular_core.WritableSignal<string>;
|
|
36
|
-
_currentErrorMessageExtraData: _angular_core.WritableSignal<Record<string, any>>;
|
|
37
|
-
_ngControl: _angular_core.WritableSignal<NgControl | null>;
|
|
38
|
-
_injector: _angular_core.WritableSignal<Injector>;
|
|
39
|
-
_statusChange$?: Subscription;
|
|
40
|
-
getIsRequiredControl: _angular_core.Signal<boolean>;
|
|
41
|
-
onChange?: (value: T) => void;
|
|
42
|
-
onTouched?: () => void;
|
|
43
|
-
destroyRef: DestroyRef;
|
|
44
|
-
constructor();
|
|
45
|
-
registerOnChange(fn: (value: T) => void): void;
|
|
46
|
-
writeValue(val: T): void;
|
|
47
|
-
registerOnTouched(fn: () => void): void;
|
|
48
|
-
onChangedEventHandler($event: Event): void;
|
|
49
|
-
onChangedHandler(value: T): void;
|
|
50
|
-
onBlurHandler(): void;
|
|
51
|
-
setupFormControl(): void;
|
|
52
|
-
onChangeIsReadonly: Subscription;
|
|
53
|
-
setDisabledState(isDisabled: boolean): void;
|
|
54
|
-
checkFormErrors(): void;
|
|
55
|
-
ngAfterViewInit(): void;
|
|
56
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<QuangBaseComponent<any>, never>;
|
|
57
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<QuangBaseComponent<any>, never, never, { "componentId": { "alias": "componentId"; "required": false; "isSignal": true; }; "isReadonly": { "alias": "isReadonly"; "required": false; "isSignal": true; }; "componentTabIndex": { "alias": "componentTabIndex"; "required": false; "isSignal": true; }; "componentClass": { "alias": "componentClass"; "required": false; "isSignal": true; }; "componentLabel": { "alias": "componentLabel"; "required": false; "isSignal": true; }; "componentPlaceholder": { "alias": "componentPlaceholder"; "required": false; "isSignal": true; }; "errorMap": { "alias": "errorMap"; "required": false; "isSignal": true; }; "successMessage": { "alias": "successMessage"; "required": false; "isSignal": true; }; "helpMessage": { "alias": "helpMessage"; "required": false; "isSignal": true; }; "formControl": { "alias": "formControl"; "required": false; "isSignal": true; }; }, { "componentBlur": "componentBlur"; }, never, never, true, never>;
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
interface SelectOption {
|
|
61
|
-
label: string;
|
|
62
|
-
value: string | number | null;
|
|
63
|
-
}
|
|
64
|
-
declare enum OptionListParentType {
|
|
65
|
-
SELECT = "select",
|
|
66
|
-
AUTOCOMPLETE = "autocomplete"
|
|
67
|
-
}
|
|
68
|
-
declare class QuangOptionListComponent {
|
|
69
|
-
logLevel: "normal" | "verbose" | null;
|
|
70
|
-
selectionMode: _angular_core.InputSignal<"single" | "multiple">;
|
|
71
|
-
optionListMaxHeight: _angular_core.InputSignal<string>;
|
|
72
|
-
selectOptions: _angular_core.InputSignal<SelectOption[]>;
|
|
73
|
-
selectButtonRef: _angular_core.InputSignal<HTMLInputElement | HTMLButtonElement | HTMLDivElement>;
|
|
74
|
-
_value: _angular_core.InputSignal<any>;
|
|
75
|
-
_isDisabled: _angular_core.InputSignal<boolean | undefined>;
|
|
76
|
-
componentClass: _angular_core.InputSignal<string | string[]>;
|
|
77
|
-
componentLabel: _angular_core.InputSignal<string>;
|
|
78
|
-
componentTabIndex: _angular_core.InputSignal<number>;
|
|
79
|
-
translateValue: _angular_core.InputSignal<boolean>;
|
|
80
|
-
nullOption: _angular_core.InputSignal<boolean>;
|
|
81
|
-
elementWidth: _angular_core.WritableSignal<string>;
|
|
82
|
-
elementTop: _angular_core.WritableSignal<string>;
|
|
83
|
-
elementBottom: _angular_core.WritableSignal<string>;
|
|
84
|
-
scrollBehaviorOnOpen: _angular_core.InputSignal<ScrollBehavior>;
|
|
85
|
-
changedHandler: _angular_core.OutputEmitterRef<any>;
|
|
86
|
-
blurHandler: _angular_core.OutputEmitterRef<any>;
|
|
87
|
-
optionListContainer: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
|
|
88
|
-
destroyRef: DestroyRef;
|
|
89
|
-
parentType: _angular_core.InputSignal<OptionListParentType>;
|
|
90
|
-
parentID: _angular_core.InputSignal<string>;
|
|
91
|
-
searchString: _angular_core.WritableSignal<string>;
|
|
92
|
-
searchResetTimer: ReturnType<typeof setTimeout> | null;
|
|
93
|
-
selectButtonRef$: Subscription;
|
|
94
|
-
selectOptionsList: _angular_core.Signal<SelectOption[]>;
|
|
95
|
-
onKeyDown: Subscription | null;
|
|
96
|
-
selectedElementIndex: _angular_core.Signal<number>;
|
|
97
|
-
optionList$: _angular_core.EffectRef;
|
|
98
|
-
handleSearch(key: string, listItems: HTMLLIElement[], currentIndex: number): number;
|
|
99
|
-
changePosition(): void;
|
|
100
|
-
isScrollable(ele: Element): boolean;
|
|
101
|
-
getScrollParent(node: unknown): Element;
|
|
102
|
-
onSelectItem(item: SelectOption | null): void;
|
|
103
|
-
getSelected(item: SelectOption): boolean;
|
|
104
|
-
onBlurHandler(e: Event): void;
|
|
105
|
-
getOptionListWidth(): void;
|
|
106
|
-
getOptionListTop(): void;
|
|
107
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<QuangOptionListComponent, never>;
|
|
108
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<QuangOptionListComponent, "quang-option-list", never, { "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "optionListMaxHeight": { "alias": "optionListMaxHeight"; "required": false; "isSignal": true; }; "selectOptions": { "alias": "selectOptions"; "required": false; "isSignal": true; }; "selectButtonRef": { "alias": "selectButtonRef"; "required": true; "isSignal": true; }; "_value": { "alias": "_value"; "required": false; "isSignal": true; }; "_isDisabled": { "alias": "_isDisabled"; "required": false; "isSignal": true; }; "componentClass": { "alias": "componentClass"; "required": false; "isSignal": true; }; "componentLabel": { "alias": "componentLabel"; "required": false; "isSignal": true; }; "componentTabIndex": { "alias": "componentTabIndex"; "required": false; "isSignal": true; }; "translateValue": { "alias": "translateValue"; "required": false; "isSignal": true; }; "nullOption": { "alias": "nullOption"; "required": false; "isSignal": true; }; "scrollBehaviorOnOpen": { "alias": "scrollBehaviorOnOpen"; "required": false; "isSignal": true; }; "parentType": { "alias": "parentType"; "required": true; "isSignal": true; }; "parentID": { "alias": "parentID"; "required": false; "isSignal": true; }; }, { "changedHandler": "changedHandler"; "blurHandler": "blurHandler"; }, never, never, true, never>;
|
|
109
|
-
}
|
|
110
|
-
|
|
111
|
-
export { OptionListParentType, QuangBaseComponent, QuangOptionListComponent, makeId };
|
|
112
|
-
export type { ErrorData, SelectOption };
|
|
1
|
+
export * from './makeId';
|
|
2
|
+
export * from './quang-base-component.directive';
|
|
3
|
+
export * from './option-list/option-list.component';
|
|
4
|
+
export * from './ErrorData';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const makeId: (length: number) => string;
|