@ardium-ui/ui 5.0.0-alpha.2 → 5.0.0-alpha.21
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/fesm2022/ardium-ui-ui.mjs +387 -133
- package/fesm2022/ardium-ui-ui.mjs.map +1 -1
- package/lib/_internal/disablable-component.d.ts +2 -1
- package/lib/_internal/focusable-component.d.ts +2 -1
- package/lib/_internal/form-field-component.d.ts +2 -1
- package/lib/_internal/selectable-list-component.d.ts +4 -3
- package/lib/badge/badge.directive.d.ts +3 -2
- package/lib/buttons/_button-base.d.ts +4 -3
- package/lib/buttons/button/button.component.d.ts +2 -1
- package/lib/buttons/icon-button/icon-button.component.d.ts +4 -3
- package/lib/calendar/calendar.component.d.ts +5 -4
- package/lib/calendar/views/years-view/years-view.component.d.ts +1 -2
- package/lib/checkbox-list/checkbox-list.component.d.ts +9 -6
- package/lib/checkbox-list/checkbox-list.directives.d.ts +7 -0
- package/lib/checkbox-list/checkbox-list.module.d.ts +1 -1
- package/lib/chip/chip.component.d.ts +2 -1
- package/lib/chip/deletable-chip/deletable-chip.component.d.ts +2 -1
- package/lib/chip/selectable-chip/selectable-chip.component.d.ts +3 -2
- package/lib/dialog/dialog.component.d.ts +8 -7
- package/lib/divider/divider.component.d.ts +2 -1
- package/lib/dropdown-panel/dropdown-panel.component.d.ts +2 -1
- package/lib/file-inputs/file-input/file-input.component.d.ts +2 -1
- package/lib/file-inputs/file-input-base.d.ts +4 -4
- package/lib/form-field/error/error.directive.d.ts +5 -1
- package/lib/form-field/form-field-base.d.ts +9 -3
- package/lib/form-field/form-field-native-inputs.d.ts +3 -2
- package/lib/form-field/form-field.component.d.ts +1 -1
- package/lib/form-field/form-field.module.d.ts +5 -4
- package/lib/form-field/hint/hint.directive.d.ts +3 -2
- package/lib/form-field/hint-error/hint-error.component.d.ts +6 -0
- package/lib/form-field/hint-error/hint-error.directive.d.ts +9 -0
- package/lib/form-field/horizontal-form-field.component.d.ts +1 -1
- package/lib/form-field/index.d.ts +4 -0
- package/lib/form-field/label/label.component.d.ts +3 -2
- package/lib/form-field-frame/form-field-frame.component.d.ts +4 -3
- package/lib/icon/icon.component.d.ts +2 -1
- package/lib/inputs/_simple-input-base.d.ts +4 -2
- package/lib/inputs/autocomplete-input/autocomplete-input.component.d.ts +3 -2
- package/lib/inputs/date-input/date-input.component.d.ts +11 -9
- package/lib/inputs/date-input/date-input.defaults.d.ts +2 -0
- package/lib/inputs/digit-input/digit-input.component.d.ts +4 -3
- package/lib/inputs/hex-input/hex-input.component.d.ts +5 -3
- package/lib/inputs/number-input/number-input.component.d.ts +8 -7
- package/lib/inputs/number-input/number-input.defaults.d.ts +1 -0
- package/lib/inputs/password-input/password-input.component.d.ts +4 -3
- package/lib/kbd/kbd.component.d.ts +2 -1
- package/lib/kbd-shortcut/kbd-shortcut.component.d.ts +2 -1
- package/lib/modal/modal.component.d.ts +6 -5
- package/lib/option/option.component.d.ts +2 -1
- package/lib/progress-bar/progress-bar.component.d.ts +4 -3
- package/lib/progress-circle/progress-circle.component.d.ts +5 -4
- package/lib/segment/segment.component.d.ts +6 -5
- package/lib/select/select.component.d.ts +27 -19
- package/lib/select/select.defaults.d.ts +7 -0
- package/lib/select/select.utils.d.ts +2 -0
- package/lib/slider/abstract-slider.d.ts +8 -7
- package/lib/star/rating-display/rating-display.component.d.ts +2 -1
- package/lib/star/rating-input/rating-input.component.d.ts +2 -1
- package/lib/tabber/index.d.ts +2 -0
- package/lib/tabber/tab/tab.component.d.ts +13 -7
- package/lib/tabber/tabber.component.d.ts +26 -9
- package/lib/tabber/tabber.directives.d.ts +9 -0
- package/lib/tabber/tabber.module.d.ts +3 -2
- package/lib/tabber/tabber.types.d.ts +5 -0
- package/lib/table/table.component.d.ts +16 -15
- package/lib/table-pagination/table-pagination.component.d.ts +4 -3
- package/lib/text-list/text-list.component.d.ts +2 -1
- package/package.json +1 -1
- package/prebuilt-themes/default/checkbox-list.css +44 -18
- package/prebuilt-themes/default/checkbox-list.css.map +1 -1
- package/prebuilt-themes/default/chips.css +9 -4
- package/prebuilt-themes/default/chips.css.map +1 -1
- package/prebuilt-themes/default/core.css +6 -0
- package/prebuilt-themes/default/core.css.map +1 -1
- package/prebuilt-themes/default/form-field-frame.css +6 -2
- package/prebuilt-themes/default/form-field-frame.css.map +1 -1
- package/prebuilt-themes/default/form-field.css +35 -13
- package/prebuilt-themes/default/form-field.css.map +1 -1
- package/prebuilt-themes/default/inputs/digit-input.css.map +1 -1
- package/prebuilt-themes/default/inputs/file-input.css.map +1 -1
- package/prebuilt-themes/default/inputs/input.css +0 -1
- package/prebuilt-themes/default/inputs/input.css.map +1 -1
- package/prebuilt-themes/default/inputs/number-input.css +36 -13
- package/prebuilt-themes/default/inputs/number-input.css.map +1 -1
- package/prebuilt-themes/default/modal.css +2 -1
- package/prebuilt-themes/default/modal.css.map +1 -1
- package/prebuilt-themes/default/radio.css +5 -3
- package/prebuilt-themes/default/radio.css.map +1 -1
- package/prebuilt-themes/default/stars.css.map +1 -1
- package/themes/_variables.scss +2 -0
- package/themes/default/checkbox-list.scss +47 -21
- package/themes/default/chips.scss +11 -11
- package/themes/default/core.scss +6 -0
- package/themes/default/form-field-frame.scss +10 -5
- package/themes/default/form-field.scss +27 -12
- package/themes/default/inputs/input.scss +0 -1
- package/themes/default/inputs/number-input.scss +37 -14
- package/themes/default/modal.scss +2 -1
- package/themes/default/radio.scss +5 -3
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { TemplateRef } from '@angular/core';
|
|
2
|
+
import { BooleanLike } from '@ardium-ui/devkit';
|
|
2
3
|
import { _FocusableComponentBase } from '../_internal/focusable-component';
|
|
3
4
|
import { FormElementAppearance, FormElementVariant } from '../types/theming.types';
|
|
4
5
|
import { Nullable } from '../types/utility.types';
|
|
@@ -8,8 +9,8 @@ import * as i0 from "@angular/core";
|
|
|
8
9
|
export declare class ArdiumFormFieldFrameComponent extends _FocusableComponentBase {
|
|
9
10
|
protected readonly _DEFAULTS: ArdFormFieldFrameDefaults;
|
|
10
11
|
constructor(defaults: ArdFormFieldFrameDefaults);
|
|
11
|
-
readonly hasError: import("@angular/core").InputSignalWithTransform<boolean,
|
|
12
|
-
readonly isSuccess: import("@angular/core").InputSignalWithTransform<boolean,
|
|
12
|
+
readonly hasError: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
|
|
13
|
+
readonly isSuccess: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
|
|
13
14
|
set _setIsFocused(v: boolean);
|
|
14
15
|
/**
|
|
15
16
|
* The appearance of the component, aka the styling.
|
|
@@ -22,7 +23,7 @@ export declare class ArdiumFormFieldFrameComponent extends _FocusableComponentBa
|
|
|
22
23
|
/**
|
|
23
24
|
* Whether to use the compact styling or not.
|
|
24
25
|
*/
|
|
25
|
-
readonly compact: import("@angular/core").InputSignalWithTransform<boolean,
|
|
26
|
+
readonly compact: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
|
|
26
27
|
readonly ngClasses: import("@angular/core").Signal<string>;
|
|
27
28
|
readonly prefixTemplateInput: import("@angular/core").InputSignal<Nullable<TemplateRef<any>>>;
|
|
28
29
|
readonly suffixTemplateInput: import("@angular/core").InputSignal<Nullable<TemplateRef<any>>>;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { AfterViewInit, ElementRef } from '@angular/core';
|
|
2
|
+
import { BooleanLike } from '@ardium-ui/devkit';
|
|
2
3
|
import { Nullable } from '../types/utility.types';
|
|
3
4
|
import * as i0 from "@angular/core";
|
|
4
5
|
type WeightNumber = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
|
|
@@ -14,7 +15,7 @@ export declare class ArdiumIconComponent implements AfterViewInit {
|
|
|
14
15
|
protected readonly _DEFAULTS: import("./icon.defaults").ArdIconDefaults;
|
|
15
16
|
readonly ariaLabel: import("@angular/core").InputSignal<string>;
|
|
16
17
|
readonly icon: import("@angular/core").InputSignal<Nullable<string>>;
|
|
17
|
-
readonly filled: import("@angular/core").InputSignalWithTransform<boolean,
|
|
18
|
+
readonly filled: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
|
|
18
19
|
readonly weight: import("@angular/core").InputSignalWithTransform<WeightNumber | undefined, Nullable<Weight>>;
|
|
19
20
|
readonly grade: import("@angular/core").InputSignalWithTransform<GradeNumber | undefined, Nullable<GradeNumber>>;
|
|
20
21
|
readonly opticalSize: import("@angular/core").InputSignalWithTransform<OpticalSizeNumber | undefined, Nullable<OpticalSize>>;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { AfterViewInit, ElementRef } from '@angular/core';
|
|
2
|
+
import { BooleanLike } from '@ardium-ui/devkit';
|
|
2
3
|
import { _FormFieldComponentBase, _FormFieldComponentDefaults } from '../_internal/form-field-component';
|
|
3
4
|
import { SimpleOneAxisAlignment } from './../types/alignment.types';
|
|
4
5
|
import { FormElementAppearance, FormElementVariant } from './../types/theming.types';
|
|
@@ -33,11 +34,12 @@ export declare abstract class _SimpleInputComponentBase extends _FormFieldCompon
|
|
|
33
34
|
readonly appearance: import("@angular/core").InputSignal<FormElementAppearance>;
|
|
34
35
|
readonly variant: import("@angular/core").InputSignal<FormElementVariant>;
|
|
35
36
|
readonly alignText: import("@angular/core").InputSignal<SimpleOneAxisAlignment>;
|
|
36
|
-
readonly compact: import("@angular/core").InputSignalWithTransform<boolean,
|
|
37
|
+
readonly compact: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
|
|
37
38
|
readonly ngClasses: import("@angular/core").Signal<string>;
|
|
38
39
|
readonly inputAttrs: import("@angular/core").InputSignal<Record<string, any>>;
|
|
39
40
|
readonly maxLength: import("@angular/core").InputSignalWithTransform<Nullable<number>, any>;
|
|
40
|
-
readonly
|
|
41
|
+
readonly maxLengthAsInt: import("@angular/core").Signal<number>;
|
|
42
|
+
readonly clearable: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
|
|
41
43
|
writeValue(v: any): void;
|
|
42
44
|
protected _valueBeforeInit?: string | null;
|
|
43
45
|
set value(v: string | null);
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { AfterViewInit, ElementRef, TemplateRef } from '@angular/core';
|
|
2
|
+
import { BooleanLike } from '@ardium-ui/devkit';
|
|
2
3
|
import { SimplestItemStorage, SimplestItemStorageHost } from '../../_internal/item-storages/simplest-item-storage';
|
|
3
4
|
import { DropdownPanelAppearance, DropdownPanelVariant } from '../../dropdown-panel/dropdown-panel.types';
|
|
4
5
|
import { ArdSimplestStorageItem } from '../../types/item-storage.types';
|
|
@@ -18,7 +19,7 @@ export declare class ArdiumAutocompleteInputComponent extends _SimpleInputCompon
|
|
|
18
19
|
constructor(defaults: ArdAutocompleteInputDefaults);
|
|
19
20
|
protected readonly inputModel: InputModel;
|
|
20
21
|
readonly charlistFromInput: import("@angular/core").InputSignalWithTransform<RegExp | undefined, string>;
|
|
21
|
-
readonly charlistCaseInsensitive: import("@angular/core").InputSignalWithTransform<boolean,
|
|
22
|
+
readonly charlistCaseInsensitive: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
|
|
22
23
|
readonly charlist: import("@angular/core").Signal<RegExp | undefined>;
|
|
23
24
|
readonly autocomplete: import("@angular/core").InputSignal<Nullable<string>>;
|
|
24
25
|
readonly shouldDisplayAutocomplete: import("@angular/core").Signal<boolean>;
|
|
@@ -34,7 +35,7 @@ export declare class ArdiumAutocompleteInputComponent extends _SimpleInputCompon
|
|
|
34
35
|
set suggestions(value: any);
|
|
35
36
|
private readonly _suggestionDropdowOpen;
|
|
36
37
|
readonly shouldDisplaySuggestions: import("@angular/core").Signal<boolean>;
|
|
37
|
-
readonly areSuggestionsLoading: import("@angular/core").InputSignalWithTransform<boolean,
|
|
38
|
+
readonly areSuggestionsLoading: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
|
|
38
39
|
readonly suggestionsLoadingText: import("@angular/core").InputSignal<string>;
|
|
39
40
|
readonly suggestionTemplate: import("@angular/core").Signal<ArdAutocompleteInputSuggestionTemplateDirective | undefined>;
|
|
40
41
|
readonly suggestionLoadingTemplate: import("@angular/core").Signal<ArdAutocompleteInputLoadingTemplateDirective | undefined>;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { AfterViewInit, ElementRef, OnDestroy, SimpleChanges, TemplateRef } from '@angular/core';
|
|
2
2
|
import { ControlValueAccessor } from '@angular/forms';
|
|
3
|
+
import { BooleanLike, NumberLike } from '@ardium-ui/devkit';
|
|
3
4
|
import { _FormFieldComponentBase } from '../../_internal/form-field-component';
|
|
4
5
|
import { ArdCalendarFilterFn, ArdCalendarView } from '../../calendar/calendar.types';
|
|
5
6
|
import { ArdiumDropdownPanelComponent, DropdownPanelAppearance, DropdownPanelVariant } from '../../dropdown-panel';
|
|
@@ -19,9 +20,9 @@ export declare class ArdiumDateInputComponent extends _FormFieldComponentBase im
|
|
|
19
20
|
private readonly scrollStrategyOpts;
|
|
20
21
|
readonly inputAttrs: import("@angular/core").InputSignal<Record<string, any>>;
|
|
21
22
|
readonly placeholder: import("@angular/core").InputSignal<string>;
|
|
22
|
-
readonly inputReadOnly: import("@angular/core").InputSignalWithTransform<boolean,
|
|
23
|
-
readonly calendarDisabled: import("@angular/core").InputSignalWithTransform<boolean,
|
|
24
|
-
readonly calendarHidden: import("@angular/core").InputSignalWithTransform<boolean,
|
|
23
|
+
readonly inputReadOnly: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
|
|
24
|
+
readonly calendarDisabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
|
|
25
|
+
readonly calendarHidden: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
|
|
25
26
|
readonly serializeFn: import("@angular/core").InputSignal<ArdDateInputSerializeFn>;
|
|
26
27
|
readonly deserializeFn: import("@angular/core").InputSignal<ArdDateInputDeserializeFn>;
|
|
27
28
|
readonly value: import("@angular/core").ModelSignal<Date | null>;
|
|
@@ -48,26 +49,27 @@ export declare class ArdiumDateInputComponent extends _FormFieldComponentBase im
|
|
|
48
49
|
readonly appearance: import("@angular/core").InputSignal<FormElementAppearance>;
|
|
49
50
|
readonly variant: import("@angular/core").InputSignal<FormElementVariant>;
|
|
50
51
|
readonly color: import("@angular/core").InputSignal<ComponentColor>;
|
|
51
|
-
readonly compact: import("@angular/core").InputSignalWithTransform<boolean,
|
|
52
|
+
readonly compact: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
|
|
52
53
|
readonly ngClasses: import("@angular/core").Signal<string>;
|
|
53
54
|
readonly dropdownAppearance: import("@angular/core").InputSignal<Nullable<DropdownPanelAppearance>>;
|
|
54
55
|
readonly dropdownAppearanceOrDefault: import("@angular/core").Signal<DropdownPanelAppearance>;
|
|
55
56
|
readonly dropdownVariant: import("@angular/core").InputSignal<Nullable<DropdownPanelVariant>>;
|
|
56
57
|
readonly dropdownVariantOrDefault: import("@angular/core").Signal<DropdownPanelVariant>;
|
|
57
58
|
readonly activeView: import("@angular/core").ModelSignal<ArdCalendarView>;
|
|
59
|
+
readonly startView: import("@angular/core").InputSignal<Nullable<ArdCalendarView>>;
|
|
58
60
|
readonly activeYear: import("@angular/core").ModelSignal<number>;
|
|
59
61
|
readonly activeMonth: import("@angular/core").ModelSignal<number>;
|
|
60
|
-
readonly firstWeekday: import("@angular/core").InputSignalWithTransform<number,
|
|
61
|
-
readonly multipleYearPageChangeModifier: import("@angular/core").InputSignalWithTransform<number,
|
|
62
|
+
readonly firstWeekday: import("@angular/core").InputSignalWithTransform<number, NumberLike>;
|
|
63
|
+
readonly multipleYearPageChangeModifier: import("@angular/core").InputSignalWithTransform<number, NumberLike>;
|
|
62
64
|
readonly min: import("@angular/core").InputSignalWithTransform<Date | null, any>;
|
|
63
65
|
readonly max: import("@angular/core").InputSignalWithTransform<Date | null, any>;
|
|
64
|
-
readonly UTC: import("@angular/core").InputSignalWithTransform<boolean,
|
|
66
|
+
readonly UTC: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
|
|
65
67
|
readonly _UTCAfterInit: import("@angular/core").WritableSignal<boolean>;
|
|
66
68
|
readonly filter: import("@angular/core").InputSignal<ArdCalendarFilterFn | null>;
|
|
67
69
|
ngOnChanges(changes: SimpleChanges): void;
|
|
68
70
|
readonly yearSelect: import("@angular/core").OutputEmitterRef<number>;
|
|
69
71
|
readonly monthSelect: import("@angular/core").OutputEmitterRef<number>;
|
|
70
|
-
readonly useAcceptButtonToSelect: import("@angular/core").InputSignalWithTransform<boolean,
|
|
72
|
+
readonly useAcceptButtonToSelect: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
|
|
71
73
|
private _valueToAccept;
|
|
72
74
|
onCalendarSelectedChange(event: Date | null): void;
|
|
73
75
|
private _acceptSelectedDate;
|
|
@@ -104,5 +106,5 @@ export declare class ArdiumDateInputComponent extends _FormFieldComponentBase im
|
|
|
104
106
|
readonly valueContext: import("@angular/core").Signal<ArdDateInputValueContext>;
|
|
105
107
|
readonly acceptButtonsContext: import("@angular/core").Signal<ArdDateInputAcceptButtonsContext>;
|
|
106
108
|
static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumDateInputComponent, never>;
|
|
107
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumDateInputComponent, "ard-date-input", never, { "inputAttrs": { "alias": "inputAttrs"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "inputReadOnly": { "alias": "inputReadOnly"; "required": false; "isSignal": true; }; "calendarDisabled": { "alias": "calendarDisabled"; "required": false; "isSignal": true; }; "calendarHidden": { "alias": "calendarHidden"; "required": false; "isSignal": true; }; "serializeFn": { "alias": "serializeFn"; "required": false; "isSignal": true; }; "deserializeFn": { "alias": "deserializeFn"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "dateInputValue": { "alias": "dateInputValue"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "minMaxStrategy": { "alias": "minMaxStrategy"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "dropdownAppearance": { "alias": "dropdownAppearance"; "required": false; "isSignal": true; }; "dropdownVariant": { "alias": "dropdownVariant"; "required": false; "isSignal": true; }; "activeView": { "alias": "activeView"; "required": false; "isSignal": true; }; "activeYear": { "alias": "activeYear"; "required": false; "isSignal": true; }; "activeMonth": { "alias": "activeMonth"; "required": false; "isSignal": true; }; "firstWeekday": { "alias": "firstWeekday"; "required": false; "isSignal": true; }; "multipleYearPageChangeModifier": { "alias": "multipleYearPageChangeModifier"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "UTC": { "alias": "UTC"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "useAcceptButtonToSelect": { "alias": "useAcceptButtonToSelect"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "dateInputValue": "dateInputValueChange"; "isOpen": "isOpenChange"; "openEvent": "open"; "closeEvent": "close"; "activeView": "activeViewChange"; "activeYear": "activeYearChange"; "activeMonth": "activeMonthChange"; "yearSelect": "yearSelect"; "monthSelect": "monthSelect"; }, ["valueTemplate", "calendarIconTemplate", "acceptButtonsTemplate", "prefixTemplate", "suffixTemplate", "calendarDaysViewHeaderTemplate", "calendarYearsViewHeaderTemplate", "calendarMonthsViewHeaderTemplate", "calendarWeekdayTemplate", "calendarFloatingMonthTemplate", "calendarYearTemplate", "calendarMonthTemplate", "calendarDayTemplate"], never, false, never>;
|
|
109
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumDateInputComponent, "ard-date-input", never, { "inputAttrs": { "alias": "inputAttrs"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "inputReadOnly": { "alias": "inputReadOnly"; "required": false; "isSignal": true; }; "calendarDisabled": { "alias": "calendarDisabled"; "required": false; "isSignal": true; }; "calendarHidden": { "alias": "calendarHidden"; "required": false; "isSignal": true; }; "serializeFn": { "alias": "serializeFn"; "required": false; "isSignal": true; }; "deserializeFn": { "alias": "deserializeFn"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "dateInputValue": { "alias": "dateInputValue"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "minMaxStrategy": { "alias": "minMaxStrategy"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "dropdownAppearance": { "alias": "dropdownAppearance"; "required": false; "isSignal": true; }; "dropdownVariant": { "alias": "dropdownVariant"; "required": false; "isSignal": true; }; "activeView": { "alias": "activeView"; "required": false; "isSignal": true; }; "startView": { "alias": "startView"; "required": false; "isSignal": true; }; "activeYear": { "alias": "activeYear"; "required": false; "isSignal": true; }; "activeMonth": { "alias": "activeMonth"; "required": false; "isSignal": true; }; "firstWeekday": { "alias": "firstWeekday"; "required": false; "isSignal": true; }; "multipleYearPageChangeModifier": { "alias": "multipleYearPageChangeModifier"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "UTC": { "alias": "UTC"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "useAcceptButtonToSelect": { "alias": "useAcceptButtonToSelect"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "dateInputValue": "dateInputValueChange"; "isOpen": "isOpenChange"; "openEvent": "open"; "closeEvent": "close"; "activeView": "activeViewChange"; "activeYear": "activeYearChange"; "activeMonth": "activeMonthChange"; "yearSelect": "yearSelect"; "monthSelect": "monthSelect"; }, ["valueTemplate", "calendarIconTemplate", "acceptButtonsTemplate", "prefixTemplate", "suffixTemplate", "calendarDaysViewHeaderTemplate", "calendarYearsViewHeaderTemplate", "calendarMonthsViewHeaderTemplate", "calendarWeekdayTemplate", "calendarFloatingMonthTemplate", "calendarYearTemplate", "calendarMonthTemplate", "calendarDayTemplate"], never, false, never>;
|
|
108
110
|
}
|
|
@@ -4,6 +4,7 @@ import { ArdCalendarFilterFn, ArdCalendarView } from '../../calendar/calendar.ty
|
|
|
4
4
|
import { DropdownPanelAppearance, DropdownPanelVariant } from '../../dropdown-panel';
|
|
5
5
|
import { ComponentColor } from '../../types/colors.types';
|
|
6
6
|
import { FormElementAppearance, FormElementVariant } from '../../types/theming.types';
|
|
7
|
+
import { Nullable } from '../../types/utility.types';
|
|
7
8
|
import { ArdDateInputDeserializeFn, ArdDateInputMinMaxStrategy, ArdDateInputSerializeFn } from './date-input.types';
|
|
8
9
|
export interface ArdDateInputDefaults extends _FormFieldComponentDefaults {
|
|
9
10
|
inputAttrs: Record<string, any>;
|
|
@@ -17,6 +18,7 @@ export interface ArdDateInputDefaults extends _FormFieldComponentDefaults {
|
|
|
17
18
|
dropdownAppearance: DropdownPanelAppearance;
|
|
18
19
|
dropdownVariant: DropdownPanelVariant;
|
|
19
20
|
minMaxStrategy: ArdDateInputMinMaxStrategy;
|
|
21
|
+
startView: Nullable<ArdCalendarView>;
|
|
20
22
|
activeView: ArdCalendarView;
|
|
21
23
|
activeYear: number;
|
|
22
24
|
activeMonth: number;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { AfterViewInit, ElementRef, OnDestroy, OnInit } from '@angular/core';
|
|
2
2
|
import { ControlValueAccessor } from '@angular/forms';
|
|
3
|
+
import { BooleanLike } from '@ardium-ui/devkit';
|
|
3
4
|
import { _FormFieldComponentBase } from '../../_internal/form-field-component';
|
|
4
5
|
import { FormElementAppearance, FormElementVariant } from '../../types/theming.types';
|
|
5
6
|
import { ArdDigitInputDefaults } from './digit-input.defaults';
|
|
@@ -24,7 +25,7 @@ export declare class ArdiumDigitInputComponent extends _FormFieldComponentBase i
|
|
|
24
25
|
readonly appearance: import("@angular/core").InputSignal<FormElementAppearance>;
|
|
25
26
|
readonly variant: import("@angular/core").InputSignal<FormElementVariant>;
|
|
26
27
|
readonly shape: import("@angular/core").InputSignal<DigitInputShape>;
|
|
27
|
-
readonly compact: import("@angular/core").InputSignalWithTransform<boolean,
|
|
28
|
+
readonly compact: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
|
|
28
29
|
readonly ngClasses: import("@angular/core").Signal<string>;
|
|
29
30
|
readonly config: import("@angular/core").InputSignalWithTransform<void, DigitInputConfig>;
|
|
30
31
|
readonly configArrayData: import("@angular/core").Signal<import("./digit-input.utils").DigitInputConfigData[]>;
|
|
@@ -37,8 +38,8 @@ export declare class ArdiumDigitInputComponent extends _FormFieldComponentBase i
|
|
|
37
38
|
private _writeValue;
|
|
38
39
|
private _wasViewInit;
|
|
39
40
|
ngAfterViewInit(): void;
|
|
40
|
-
readonly outputAsString: import("@angular/core").InputSignalWithTransform<boolean,
|
|
41
|
-
readonly outputControlValueAccessorOnFinish: import("@angular/core").InputSignalWithTransform<boolean,
|
|
41
|
+
readonly outputAsString: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
|
|
42
|
+
readonly outputControlValueAccessorOnFinish: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
|
|
42
43
|
set value(v: string | (string | null)[] | null);
|
|
43
44
|
readonly valueChange: import("@angular/core").OutputEmitterRef<string | (string | null)[] | null>;
|
|
44
45
|
readonly stringValue: import("@angular/core").Signal<string>;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { AfterViewInit, ElementRef } from '@angular/core';
|
|
2
2
|
import { ControlValueAccessor } from '@angular/forms';
|
|
3
|
+
import { BooleanLike } from '@ardium-ui/devkit';
|
|
3
4
|
import { _FormFieldComponentBase } from '../../_internal/form-field-component';
|
|
4
5
|
import { FormElementAppearance, FormElementVariant } from '../../types/theming.types';
|
|
5
6
|
import { Nullable } from '../../types/utility.types';
|
|
@@ -23,12 +24,13 @@ export declare class ArdiumHexInputComponent extends _FormFieldComponentBase imp
|
|
|
23
24
|
readonly shouldDisplayPlaceholder: import("@angular/core").Signal<boolean>;
|
|
24
25
|
readonly appearance: import("@angular/core").InputSignal<FormElementAppearance>;
|
|
25
26
|
readonly variant: import("@angular/core").InputSignal<FormElementVariant>;
|
|
26
|
-
readonly compact: import("@angular/core").InputSignalWithTransform<boolean,
|
|
27
|
+
readonly compact: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
|
|
27
28
|
readonly case: import("@angular/core").InputSignal<CaseTransformerType>;
|
|
28
29
|
readonly maxDigits: import("@angular/core").InputSignalWithTransform<Nullable<number>, any>;
|
|
29
|
-
readonly
|
|
30
|
+
readonly maxDigitsAsInt: import("@angular/core").Signal<number>;
|
|
31
|
+
readonly hideHash: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
|
|
30
32
|
readonly showHash: import("@angular/core").Signal<boolean>;
|
|
31
|
-
readonly clearable: import("@angular/core").InputSignalWithTransform<boolean,
|
|
33
|
+
readonly clearable: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
|
|
32
34
|
readonly clearButtonTitle: import("@angular/core").InputSignal<string>;
|
|
33
35
|
readonly shouldShowClearButton: import("@angular/core").Signal<boolean>;
|
|
34
36
|
onClearButtonClick(event: MouseEvent): void;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { AfterViewInit, ElementRef } from '@angular/core';
|
|
2
2
|
import { ControlValueAccessor } from '@angular/forms';
|
|
3
|
+
import { BooleanLike, NumberLike } from '@ardium-ui/devkit';
|
|
3
4
|
import { _FormFieldComponentBase } from '../../_internal/form-field-component';
|
|
4
5
|
import { ButtonAppearance, ButtonVariant } from '../../buttons/general-button.types';
|
|
5
6
|
import { OneAxisAlignment } from '../../types/alignment.types';
|
|
@@ -23,7 +24,7 @@ export declare class ArdiumNumberInputComponent extends _FormFieldComponentBase
|
|
|
23
24
|
readonly appearance: import("@angular/core").InputSignal<FormElementAppearance>;
|
|
24
25
|
readonly variant: import("@angular/core").InputSignal<FormElementVariant>;
|
|
25
26
|
readonly alignText: import("@angular/core").InputSignal<OneAxisAlignment>;
|
|
26
|
-
readonly compact: import("@angular/core").InputSignalWithTransform<boolean,
|
|
27
|
+
readonly compact: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
|
|
27
28
|
readonly ngClasses: import("@angular/core").Signal<string>;
|
|
28
29
|
readonly buttonVariant: import("@angular/core").Signal<ButtonVariant>;
|
|
29
30
|
readonly buttonAppearance: import("@angular/core").Signal<ButtonAppearance>;
|
|
@@ -39,12 +40,12 @@ export declare class ArdiumNumberInputComponent extends _FormFieldComponentBase
|
|
|
39
40
|
readonly direction: 1 | -1;
|
|
40
41
|
readonly value: number;
|
|
41
42
|
}>;
|
|
42
|
-
readonly min: import("@angular/core").InputSignalWithTransform<number,
|
|
43
|
-
readonly max: import("@angular/core").InputSignalWithTransform<number,
|
|
44
|
-
readonly allowFloat: import("@angular/core").InputSignalWithTransform<boolean,
|
|
45
|
-
readonly noButtons: import("@angular/core").InputSignalWithTransform<boolean,
|
|
46
|
-
readonly keepFocusOnQuickChangeButton: import("@angular/core").InputSignalWithTransform<boolean,
|
|
47
|
-
readonly stepSize: import("@angular/core").InputSignalWithTransform<number,
|
|
43
|
+
readonly min: import("@angular/core").InputSignalWithTransform<number, NumberLike>;
|
|
44
|
+
readonly max: import("@angular/core").InputSignalWithTransform<number, NumberLike>;
|
|
45
|
+
readonly allowFloat: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
|
|
46
|
+
readonly noButtons: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
|
|
47
|
+
readonly keepFocusOnQuickChangeButton: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
|
|
48
|
+
readonly stepSize: import("@angular/core").InputSignalWithTransform<number, NumberLike>;
|
|
48
49
|
onQuickChangeButtonClick(direction: 1 | -1, event?: MouseEvent): void;
|
|
49
50
|
private _focusInputIfCantQuickChange;
|
|
50
51
|
onQuickChangeButtonMouseup(event: MouseEvent): void;
|
|
@@ -14,6 +14,7 @@ export interface ArdNumberInputDefaults extends _FormFieldComponentDefaults {
|
|
|
14
14
|
allowFloat: boolean;
|
|
15
15
|
noButtons: boolean;
|
|
16
16
|
stepSize: number;
|
|
17
|
+
keepFocusOnQuickChangeButton: boolean;
|
|
17
18
|
}
|
|
18
19
|
export declare const ARD_NUMBER_INPUT_DEFAULTS: InjectionToken<ArdNumberInputDefaults>;
|
|
19
20
|
export declare function provideNumberInputDefaults(config: Partial<ArdNumberInputDefaults>): Provider;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { ElementRef, OnDestroy, OnInit } from '@angular/core';
|
|
2
2
|
import { ControlValueAccessor } from '@angular/forms';
|
|
3
|
+
import { BooleanLike } from '@ardium-ui/devkit';
|
|
3
4
|
import { _FormFieldComponentBase } from '../../_internal/form-field-component';
|
|
4
5
|
import { FormElementAppearance, FormElementVariant } from '../../types/theming.types';
|
|
5
6
|
import { Nullable } from '../../types/utility.types';
|
|
@@ -18,8 +19,8 @@ export declare class ArdiumPasswordInputComponent extends _FormFieldComponentBas
|
|
|
18
19
|
readonly suffixTemplate: import("@angular/core").Signal<ArdPasswordInputSuffixTemplateDirective | undefined>;
|
|
19
20
|
readonly placeholderTemplate: import("@angular/core").Signal<ArdPasswordInputPlaceholderTemplateDirective | undefined>;
|
|
20
21
|
readonly shouldDisplayPlaceholder: import("@angular/core").Signal<boolean>;
|
|
21
|
-
readonly revealable: import("@angular/core").InputSignalWithTransform<boolean,
|
|
22
|
-
readonly holdToReveal: import("@angular/core").InputSignalWithTransform<boolean,
|
|
22
|
+
readonly revealable: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
|
|
23
|
+
readonly holdToReveal: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
|
|
23
24
|
readonly autoHideTimeoutMs: import("@angular/core").InputSignalWithTransform<Nullable<number>, any>;
|
|
24
25
|
readonly revealed: import("@angular/core").ModelSignal<boolean>;
|
|
25
26
|
private _hideTimeout;
|
|
@@ -29,7 +30,7 @@ export declare class ArdiumPasswordInputComponent extends _FormFieldComponentBas
|
|
|
29
30
|
readonly revealButtonContext: import("@angular/core").Signal<PasswordInputRevealButtonContext>;
|
|
30
31
|
readonly appearance: import("@angular/core").InputSignal<FormElementAppearance>;
|
|
31
32
|
readonly variant: import("@angular/core").InputSignal<FormElementVariant>;
|
|
32
|
-
readonly compact: import("@angular/core").InputSignalWithTransform<boolean,
|
|
33
|
+
readonly compact: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
|
|
33
34
|
readonly ngClasses: import("@angular/core").Signal<string>;
|
|
34
35
|
readonly inputAttrs: import("@angular/core").InputSignal<Record<string, any>>;
|
|
35
36
|
writeValue(v: any): void;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { AfterViewInit, ElementRef } from '@angular/core';
|
|
2
|
+
import { BooleanLike } from '@ardium-ui/devkit';
|
|
2
3
|
import { FormElementAppearance } from './../types/theming.types';
|
|
3
4
|
import * as i0 from "@angular/core";
|
|
4
5
|
export declare class ArdiumKbdComponent implements AfterViewInit {
|
|
@@ -6,7 +7,7 @@ export declare class ArdiumKbdComponent implements AfterViewInit {
|
|
|
6
7
|
readonly contentWrapper: import("@angular/core").Signal<ElementRef<HTMLElement> | undefined>;
|
|
7
8
|
ngAfterViewInit(): void;
|
|
8
9
|
readonly key: import("@angular/core").InputSignal<string>;
|
|
9
|
-
readonly full: import("@angular/core").InputSignalWithTransform<boolean,
|
|
10
|
+
readonly full: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
|
|
10
11
|
readonly appearance: import("@angular/core").InputSignal<FormElementAppearance>;
|
|
11
12
|
readonly ngClasses: import("@angular/core").Signal<string>;
|
|
12
13
|
static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumKbdComponent, never>;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { AfterViewInit, ElementRef } from '@angular/core';
|
|
2
|
+
import { BooleanLike } from '@ardium-ui/devkit';
|
|
2
3
|
import { FormElementAppearance } from '../types/theming.types';
|
|
3
4
|
import { Nullable } from '../types/utility.types';
|
|
4
5
|
import * as i0 from "@angular/core";
|
|
@@ -9,7 +10,7 @@ export declare class ArdiumKbdShortcutComponent implements AfterViewInit {
|
|
|
9
10
|
ngAfterViewInit(): void;
|
|
10
11
|
readonly splitRegex: RegExp;
|
|
11
12
|
readonly keys: import("@angular/core").InputSignalWithTransform<Nullable<string[]>, Nullable<string | string[]>>;
|
|
12
|
-
readonly full: import("@angular/core").InputSignalWithTransform<boolean,
|
|
13
|
+
readonly full: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
|
|
13
14
|
readonly appearance: import("@angular/core").InputSignal<FormElementAppearance>;
|
|
14
15
|
readonly ngClasses: import("@angular/core").Signal<string>;
|
|
15
16
|
static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumKbdShortcutComponent, never>;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { TemplateRef } from '@angular/core';
|
|
2
|
+
import { BooleanLike } from '@ardium-ui/devkit';
|
|
2
3
|
import { PanelVariant } from '../types/theming.types';
|
|
3
4
|
import { ArdModalCloseIconTemplateDirective } from './modal.directives';
|
|
4
5
|
import * as i0 from "@angular/core";
|
|
@@ -9,13 +10,13 @@ export declare class ArdiumModalComponent {
|
|
|
9
10
|
private readonly _DEFAULTS;
|
|
10
11
|
readonly appearance: import("@angular/core").InputSignal<"raised">;
|
|
11
12
|
readonly variant: import("@angular/core").InputSignal<PanelVariant>;
|
|
12
|
-
readonly compact: import("@angular/core").InputSignalWithTransform<boolean,
|
|
13
|
+
readonly compact: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
|
|
13
14
|
readonly ngClasses: import("@angular/core").Signal<string>;
|
|
14
15
|
readonly heading: import("@angular/core").InputSignal<string>;
|
|
15
|
-
readonly noCloseButton: import("@angular/core").InputSignalWithTransform<boolean,
|
|
16
|
-
readonly noBackdrop: import("@angular/core").InputSignalWithTransform<boolean,
|
|
17
|
-
readonly disableBackdropClose: import("@angular/core").InputSignalWithTransform<boolean,
|
|
18
|
-
readonly allActionsDisabled: import("@angular/core").InputSignalWithTransform<boolean,
|
|
16
|
+
readonly noCloseButton: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
|
|
17
|
+
readonly noBackdrop: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
|
|
18
|
+
readonly disableBackdropClose: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
|
|
19
|
+
readonly allActionsDisabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
|
|
19
20
|
private readonly open;
|
|
20
21
|
set _open(v: any);
|
|
21
22
|
openProgrammatically(): void;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { AfterViewChecked, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
|
|
2
|
+
import { BooleanLike } from '@ardium-ui/devkit';
|
|
2
3
|
import { Subject } from 'rxjs';
|
|
3
4
|
import { Nullable } from '../types/utility.types';
|
|
4
5
|
import * as i0 from "@angular/core";
|
|
@@ -8,7 +9,7 @@ export declare class ArdiumOptionComponent implements OnChanges, AfterViewChecke
|
|
|
8
9
|
readonly hasImplicitValue: import("@angular/core").Signal<boolean>;
|
|
9
10
|
readonly label: import("@angular/core").InputSignal<Nullable<string>>;
|
|
10
11
|
get labelOrInnerHtml(): string;
|
|
11
|
-
readonly disabled: import("@angular/core").InputSignalWithTransform<boolean,
|
|
12
|
+
readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
|
|
12
13
|
readonly stateChange$: Subject<{
|
|
13
14
|
value: any;
|
|
14
15
|
oldValue?: string;
|
|
@@ -1,17 +1,18 @@
|
|
|
1
1
|
import { TemplateRef } from '@angular/core';
|
|
2
|
+
import { BooleanLike, NumberLike } from '@ardium-ui/devkit';
|
|
2
3
|
import { SimpleComponentColor } from '../types/colors.types';
|
|
3
4
|
import { ArdProgressBarValueTemplateDirective } from './progress-bar.directive';
|
|
4
5
|
import { ProgressBarMode, ProgressBarSize, ProgressBarValueContext, ProgressBarVariant } from './progress-bar.types';
|
|
5
6
|
import * as i0 from "@angular/core";
|
|
6
7
|
export declare class ArdiumProgressBarComponent {
|
|
7
8
|
protected readonly _DEFAULTS: import("./progress-bar.defaults").ArdProgressBarDefaults;
|
|
8
|
-
readonly value: import("@angular/core").InputSignalWithTransform<number,
|
|
9
|
-
readonly bufferValue: import("@angular/core").InputSignalWithTransform<number,
|
|
9
|
+
readonly value: import("@angular/core").InputSignalWithTransform<number, NumberLike>;
|
|
10
|
+
readonly bufferValue: import("@angular/core").InputSignalWithTransform<number, NumberLike>;
|
|
10
11
|
readonly color: import("@angular/core").InputSignal<SimpleComponentColor>;
|
|
11
12
|
readonly variant: import("@angular/core").InputSignal<ProgressBarVariant>;
|
|
12
13
|
readonly size: import("@angular/core").InputSignal<ProgressBarSize>;
|
|
13
14
|
readonly mode: import("@angular/core").InputSignal<ProgressBarMode>;
|
|
14
|
-
readonly hideValue: import("@angular/core").InputSignalWithTransform<boolean,
|
|
15
|
+
readonly hideValue: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
|
|
15
16
|
readonly ngClasses: import("@angular/core").Signal<string>;
|
|
16
17
|
constructor();
|
|
17
18
|
readonly cssVariables: import("@angular/core").Signal<string>;
|
|
@@ -1,18 +1,19 @@
|
|
|
1
1
|
import { TemplateRef } from '@angular/core';
|
|
2
|
+
import { BooleanLike, NumberLike } from '@ardium-ui/devkit';
|
|
2
3
|
import { SimpleComponentColor } from '../types/colors.types';
|
|
3
4
|
import { ArdProgressCircleValueTemplateDirective } from './progress-circle.directive';
|
|
4
5
|
import { ProgressCircleAppearance, ProgressCircleValueContext, ProgressCircleVariant } from './progress-circle.types';
|
|
5
6
|
import * as i0 from "@angular/core";
|
|
6
7
|
export declare class ArdiumProgressCircleComponent {
|
|
7
8
|
protected readonly _DEFAULTS: import("./progress-circle.defaults").ArdProgressCircleDefaults;
|
|
8
|
-
readonly value: import("@angular/core").InputSignalWithTransform<number,
|
|
9
|
-
readonly max: import("@angular/core").InputSignalWithTransform<number,
|
|
9
|
+
readonly value: import("@angular/core").InputSignalWithTransform<number, NumberLike>;
|
|
10
|
+
readonly max: import("@angular/core").InputSignalWithTransform<number, NumberLike>;
|
|
10
11
|
readonly percentValue: import("@angular/core").Signal<number>;
|
|
11
12
|
readonly appearance: import("@angular/core").InputSignal<ProgressCircleAppearance>;
|
|
12
13
|
readonly color: import("@angular/core").InputSignal<SimpleComponentColor>;
|
|
13
14
|
readonly variant: import("@angular/core").InputSignal<ProgressCircleVariant>;
|
|
14
|
-
readonly hideValue: import("@angular/core").InputSignalWithTransform<boolean,
|
|
15
|
-
readonly reverse: import("@angular/core").InputSignalWithTransform<boolean,
|
|
15
|
+
readonly hideValue: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
|
|
16
|
+
readonly reverse: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
|
|
16
17
|
readonly ngClasses: import("@angular/core").Signal<string>;
|
|
17
18
|
readonly fillPercentVariable: import("@angular/core").Signal<string>;
|
|
18
19
|
readonly valueTemplate: import("@angular/core").Signal<TemplateRef<ArdProgressCircleValueTemplateDirective> | undefined>;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { AfterContentInit } from '@angular/core';
|
|
2
|
+
import { BooleanLike, NumberLike } from '@ardium-ui/devkit';
|
|
2
3
|
import { _SelectableListComponentBase } from '../_internal/selectable-list-component';
|
|
3
4
|
import { OneAxisAlignment } from '../types/alignment.types';
|
|
4
5
|
import { ComponentColor } from '../types/colors.types';
|
|
@@ -21,12 +22,12 @@ export declare class ArdiumSegmentComponent extends _SelectableListComponentBase
|
|
|
21
22
|
readonly variant: import("@angular/core").InputSignal<SegmentVariant>;
|
|
22
23
|
readonly color: import("@angular/core").InputSignal<ComponentColor>;
|
|
23
24
|
readonly align: import("@angular/core").InputSignal<OneAxisAlignment>;
|
|
24
|
-
readonly iconBased: import("@angular/core").InputSignalWithTransform<boolean,
|
|
25
|
-
readonly compact: import("@angular/core").InputSignalWithTransform<boolean,
|
|
25
|
+
readonly iconBased: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
|
|
26
|
+
readonly compact: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
|
|
26
27
|
readonly ngClasses: import("@angular/core").Signal<string>;
|
|
27
|
-
readonly autoFocus: import("@angular/core").InputSignalWithTransform<boolean,
|
|
28
|
-
readonly uniformWidths: import("@angular/core").InputSignalWithTransform<boolean,
|
|
29
|
-
readonly itemsPerRow: import("@angular/core").InputSignalWithTransform<number,
|
|
28
|
+
readonly autoFocus: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
|
|
29
|
+
readonly uniformWidths: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
|
|
30
|
+
readonly itemsPerRow: import("@angular/core").InputSignalWithTransform<number, NumberLike>;
|
|
30
31
|
get itemsInActualRow(): number;
|
|
31
32
|
readonly optionTemplate: import("@angular/core").Signal<ArdSegmentOptionTemplateDirective | undefined>;
|
|
32
33
|
ngAfterContentInit(): void;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { AfterContentInit, AfterViewInit, ElementRef, OnChanges, OnDestroy, OnInit, QueryList, Signal, SimpleChanges, TemplateRef } from '@angular/core';
|
|
2
2
|
import { ControlValueAccessor } from '@angular/forms';
|
|
3
|
+
import { BooleanLike, NumberLike } from '@ardium-ui/devkit';
|
|
3
4
|
import { _FormFieldComponentBase } from '../_internal/form-field-component';
|
|
4
5
|
import { ItemStorage, ItemStorageHost } from '../_internal/item-storages/dropdown-item-storage';
|
|
5
6
|
import { ArdiumDropdownPanelComponent } from '../dropdown-panel/dropdown-panel.component';
|
|
@@ -35,28 +36,29 @@ export declare class ArdiumSelectComponent extends _FormFieldComponentBase imple
|
|
|
35
36
|
readonly clearButtonTitle: import("@angular/core").InputSignal<string>;
|
|
36
37
|
readonly dropdownPosition: import("@angular/core").InputSignal<ArdPanelPosition>;
|
|
37
38
|
readonly noItemsFoundText: import("@angular/core").InputSignal<string>;
|
|
39
|
+
readonly addCustomOptionText: import("@angular/core").InputSignal<string>;
|
|
38
40
|
readonly loadingPlaceholderText: import("@angular/core").InputSignal<string>;
|
|
39
41
|
readonly searchInputId: import("@angular/core").InputSignal<Nullable<string>>;
|
|
40
42
|
readonly inputAttrs: import("@angular/core").InputSignal<Record<string, any>>;
|
|
41
|
-
readonly isLoading: import("@angular/core").InputSignalWithTransform<boolean,
|
|
42
|
-
readonly itemsAlreadyGrouped: import("@angular/core").InputSignalWithTransform<boolean,
|
|
43
|
-
readonly invertDisabled: import("@angular/core").InputSignalWithTransform<boolean,
|
|
44
|
-
readonly noGroupActions: import("@angular/core").InputSignalWithTransform<boolean,
|
|
45
|
-
readonly autoHighlightFirst: import("@angular/core").InputSignalWithTransform<boolean,
|
|
46
|
-
readonly autoFocus: import("@angular/core").InputSignalWithTransform<boolean,
|
|
47
|
-
readonly keepOpen: import("@angular/core").InputSignalWithTransform<boolean,
|
|
48
|
-
readonly hideSelected: import("@angular/core").InputSignalWithTransform<boolean,
|
|
49
|
-
readonly noBackspaceClear: import("@angular/core").InputSignalWithTransform<boolean,
|
|
50
|
-
readonly sortMultipleValues: import("@angular/core").InputSignalWithTransform<boolean,
|
|
51
|
-
readonly searchCaseSensitive: import("@angular/core").InputSignalWithTransform<boolean,
|
|
52
|
-
readonly keepSearchAfterSelect: import("@angular/core").InputSignalWithTransform<boolean,
|
|
53
|
-
readonly maxSelectedItems: import("@angular/core").InputSignalWithTransform<number,
|
|
54
|
-
readonly itemDisplayLimit: import("@angular/core").InputSignalWithTransform<number,
|
|
43
|
+
readonly isLoading: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
|
|
44
|
+
readonly itemsAlreadyGrouped: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
|
|
45
|
+
readonly invertDisabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
|
|
46
|
+
readonly noGroupActions: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
|
|
47
|
+
readonly autoHighlightFirst: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
|
|
48
|
+
readonly autoFocus: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
|
|
49
|
+
readonly keepOpen: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
|
|
50
|
+
readonly hideSelected: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
|
|
51
|
+
readonly noBackspaceClear: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
|
|
52
|
+
readonly sortMultipleValues: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
|
|
53
|
+
readonly searchCaseSensitive: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
|
|
54
|
+
readonly keepSearchAfterSelect: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
|
|
55
|
+
readonly maxSelectedItems: import("@angular/core").InputSignalWithTransform<number, NumberLike>;
|
|
56
|
+
readonly itemDisplayLimit: import("@angular/core").InputSignalWithTransform<number, NumberLike>;
|
|
55
57
|
readonly searchFn: import("@angular/core").InputSignal<SearchFn>;
|
|
56
58
|
readonly compareWith: import("@angular/core").InputSignal<Nullable<SearchFn>>;
|
|
57
59
|
readonly appearance: import("@angular/core").InputSignal<FormElementAppearance>;
|
|
58
60
|
readonly variant: import("@angular/core").InputSignal<FormElementVariant>;
|
|
59
|
-
readonly compact: import("@angular/core").InputSignalWithTransform<boolean,
|
|
61
|
+
readonly compact: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
|
|
60
62
|
readonly ngClasses: Signal<string>;
|
|
61
63
|
readonly dropdownAppearance: import("@angular/core").InputSignal<Nullable<DropdownPanelAppearance>>;
|
|
62
64
|
readonly dropdownAppearanceOrDefault: Signal<DropdownPanelAppearance>;
|
|
@@ -67,9 +69,9 @@ export declare class ArdiumSelectComponent extends _FormFieldComponentBase imple
|
|
|
67
69
|
set items(value: string | any[] | null);
|
|
68
70
|
optionComponents: QueryList<ArdiumOptionComponent>;
|
|
69
71
|
private _setItemsFromComponents;
|
|
70
|
-
readonly multiselectable: import("@angular/core").InputSignalWithTransform<boolean,
|
|
71
|
-
readonly clearable: import("@angular/core").InputSignalWithTransform<boolean,
|
|
72
|
-
readonly searchable: import("@angular/core").InputSignalWithTransform<boolean,
|
|
72
|
+
readonly multiselectable: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
|
|
73
|
+
readonly clearable: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
|
|
74
|
+
readonly searchable: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
|
|
73
75
|
readonly filtered: Signal<boolean>;
|
|
74
76
|
readonly touched: import("@angular/core").WritableSignal<boolean>;
|
|
75
77
|
private _defaultAddCustomFn;
|
|
@@ -132,6 +134,12 @@ export declare class ArdiumSelectComponent extends _FormFieldComponentBase imple
|
|
|
132
134
|
private readonly scrollStrategyOpts;
|
|
133
135
|
dropdownHost: ElementRef<HTMLDivElement>;
|
|
134
136
|
dropdownTemplate: TemplateRef<any>;
|
|
137
|
+
readonly dropdownPanelWidth: import("@angular/core").InputSignalWithTransform<Nullable<string | number>, Nullable<string | number>>;
|
|
138
|
+
readonly dropdownPanelHeight: import("@angular/core").InputSignalWithTransform<Nullable<string | number>, Nullable<string | number>>;
|
|
139
|
+
readonly dropdownPanelMinWidth: import("@angular/core").InputSignalWithTransform<Nullable<string | number>, Nullable<string | number>>;
|
|
140
|
+
readonly dropdownPanelMinHeight: import("@angular/core").InputSignalWithTransform<Nullable<string | number>, Nullable<string | number>>;
|
|
141
|
+
readonly dropdownPanelMaxWidth: import("@angular/core").InputSignalWithTransform<Nullable<string | number>, Nullable<string | number>>;
|
|
142
|
+
readonly dropdownPanelMaxHeight: import("@angular/core").InputSignalWithTransform<Nullable<string | number>, Nullable<string | number>>;
|
|
135
143
|
private dropdownOverlay?;
|
|
136
144
|
private _createOverlay;
|
|
137
145
|
private _destroyOverlay;
|
|
@@ -193,5 +201,5 @@ export declare class ArdiumSelectComponent extends _FormFieldComponentBase imple
|
|
|
193
201
|
private _onBackspaceOrDeletePress;
|
|
194
202
|
private _onCtrlAPress;
|
|
195
203
|
static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumSelectComponent, never>;
|
|
196
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumSelectComponent, "ard-select", never, { "valueFrom": { "alias": "valueFrom"; "required": false; "isSignal": true; }; "labelFrom": { "alias": "labelFrom"; "required": false; "isSignal": true; }; "disabledFrom": { "alias": "disabledFrom"; "required": false; "isSignal": true; }; "groupLabelFrom": { "alias": "groupLabelFrom"; "required": false; "isSignal": true; }; "groupDisabledFrom": { "alias": "groupDisabledFrom"; "required": false; "isSignal": true; }; "childrenFrom": { "alias": "childrenFrom"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "clearButtonTitle": { "alias": "clearButtonTitle"; "required": false; "isSignal": true; }; "dropdownPosition": { "alias": "dropdownPosition"; "required": false; "isSignal": true; }; "noItemsFoundText": { "alias": "noItemsFoundText"; "required": false; "isSignal": true; }; "loadingPlaceholderText": { "alias": "loadingPlaceholderText"; "required": false; "isSignal": true; }; "searchInputId": { "alias": "searchInputId"; "required": false; "isSignal": true; }; "inputAttrs": { "alias": "inputAttrs"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "itemsAlreadyGrouped": { "alias": "itemsAlreadyGrouped"; "required": false; "isSignal": true; }; "invertDisabled": { "alias": "invertDisabled"; "required": false; "isSignal": true; }; "noGroupActions": { "alias": "noGroupActions"; "required": false; "isSignal": true; }; "autoHighlightFirst": { "alias": "autoHighlightFirst"; "required": false; "isSignal": true; }; "autoFocus": { "alias": "autoFocus"; "required": false; "isSignal": true; }; "keepOpen": { "alias": "keepOpen"; "required": false; "isSignal": true; }; "hideSelected": { "alias": "hideSelected"; "required": false; "isSignal": true; }; "noBackspaceClear": { "alias": "noBackspaceClear"; "required": false; "isSignal": true; }; "sortMultipleValues": { "alias": "sortMultipleValues"; "required": false; "isSignal": true; }; "searchCaseSensitive": { "alias": "searchCaseSensitive"; "required": false; "isSignal": true; }; "keepSearchAfterSelect": { "alias": "keepSearchAfterSelect"; "required": false; "isSignal": true; }; "maxSelectedItems": { "alias": "maxSelectedItems"; "required": false; "isSignal": true; }; "itemDisplayLimit": { "alias": "itemDisplayLimit"; "required": false; "isSignal": true; }; "searchFn": { "alias": "searchFn"; "required": false; "isSignal": true; }; "compareWith": { "alias": "compareWith"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "dropdownAppearance": { "alias": "dropdownAppearance"; "required": false; "isSignal": true; }; "dropdownVariant": { "alias": "dropdownVariant"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; }; "multiselectable": { "alias": "multiselectable"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "addCustom": { "alias": "addCustom"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "changeEvent": "change"; "addEvent": "add"; "failedToAddEvent": "failedToAdd"; "removeEvent": "remove"; "clearEvent": "clear"; "openEvent": "open"; "closeEvent": "close"; "scrollEvent": "scroll"; "scrollToEndEvent": "scrollToEnd"; "searchEvent": "search"; "isOpen": "isOpenChange"; }, ["optionTemplate", "optgroupTemplate", "valueTemplate", "placeholderTemplate", "loadingSpinnerTemplate", "loadingPlaceholderTemplate", "dropdownHeaderTemplate", "dropdownFooterTemplate", "noItemsFoundTemplate", "addCustomTemplate", "itemLimitReachedTemplate", "itemDisplayLimitTemplate", "prefixTemplate", "suffixTemplate", "optionComponents"], never, false, never>;
|
|
204
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumSelectComponent, "ard-select", never, { "valueFrom": { "alias": "valueFrom"; "required": false; "isSignal": true; }; "labelFrom": { "alias": "labelFrom"; "required": false; "isSignal": true; }; "disabledFrom": { "alias": "disabledFrom"; "required": false; "isSignal": true; }; "groupLabelFrom": { "alias": "groupLabelFrom"; "required": false; "isSignal": true; }; "groupDisabledFrom": { "alias": "groupDisabledFrom"; "required": false; "isSignal": true; }; "childrenFrom": { "alias": "childrenFrom"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "clearButtonTitle": { "alias": "clearButtonTitle"; "required": false; "isSignal": true; }; "dropdownPosition": { "alias": "dropdownPosition"; "required": false; "isSignal": true; }; "noItemsFoundText": { "alias": "noItemsFoundText"; "required": false; "isSignal": true; }; "addCustomOptionText": { "alias": "addCustomOptionText"; "required": false; "isSignal": true; }; "loadingPlaceholderText": { "alias": "loadingPlaceholderText"; "required": false; "isSignal": true; }; "searchInputId": { "alias": "searchInputId"; "required": false; "isSignal": true; }; "inputAttrs": { "alias": "inputAttrs"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "itemsAlreadyGrouped": { "alias": "itemsAlreadyGrouped"; "required": false; "isSignal": true; }; "invertDisabled": { "alias": "invertDisabled"; "required": false; "isSignal": true; }; "noGroupActions": { "alias": "noGroupActions"; "required": false; "isSignal": true; }; "autoHighlightFirst": { "alias": "autoHighlightFirst"; "required": false; "isSignal": true; }; "autoFocus": { "alias": "autoFocus"; "required": false; "isSignal": true; }; "keepOpen": { "alias": "keepOpen"; "required": false; "isSignal": true; }; "hideSelected": { "alias": "hideSelected"; "required": false; "isSignal": true; }; "noBackspaceClear": { "alias": "noBackspaceClear"; "required": false; "isSignal": true; }; "sortMultipleValues": { "alias": "sortMultipleValues"; "required": false; "isSignal": true; }; "searchCaseSensitive": { "alias": "searchCaseSensitive"; "required": false; "isSignal": true; }; "keepSearchAfterSelect": { "alias": "keepSearchAfterSelect"; "required": false; "isSignal": true; }; "maxSelectedItems": { "alias": "maxSelectedItems"; "required": false; "isSignal": true; }; "itemDisplayLimit": { "alias": "itemDisplayLimit"; "required": false; "isSignal": true; }; "searchFn": { "alias": "searchFn"; "required": false; "isSignal": true; }; "compareWith": { "alias": "compareWith"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "dropdownAppearance": { "alias": "dropdownAppearance"; "required": false; "isSignal": true; }; "dropdownVariant": { "alias": "dropdownVariant"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; }; "multiselectable": { "alias": "multiselectable"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "addCustom": { "alias": "addCustom"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "dropdownPanelWidth": { "alias": "dropdownPanelWidth"; "required": false; "isSignal": true; }; "dropdownPanelHeight": { "alias": "dropdownPanelHeight"; "required": false; "isSignal": true; }; "dropdownPanelMinWidth": { "alias": "dropdownPanelMinWidth"; "required": false; "isSignal": true; }; "dropdownPanelMinHeight": { "alias": "dropdownPanelMinHeight"; "required": false; "isSignal": true; }; "dropdownPanelMaxWidth": { "alias": "dropdownPanelMaxWidth"; "required": false; "isSignal": true; }; "dropdownPanelMaxHeight": { "alias": "dropdownPanelMaxHeight"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "changeEvent": "change"; "addEvent": "add"; "failedToAddEvent": "failedToAdd"; "removeEvent": "remove"; "clearEvent": "clear"; "openEvent": "open"; "closeEvent": "close"; "scrollEvent": "scroll"; "scrollToEndEvent": "scrollToEnd"; "searchEvent": "search"; "isOpen": "isOpenChange"; }, ["optionTemplate", "optgroupTemplate", "valueTemplate", "placeholderTemplate", "loadingSpinnerTemplate", "loadingPlaceholderTemplate", "dropdownHeaderTemplate", "dropdownFooterTemplate", "noItemsFoundTemplate", "addCustomTemplate", "itemLimitReachedTemplate", "itemDisplayLimitTemplate", "prefixTemplate", "suffixTemplate", "optionComponents"], never, false, never>;
|
|
197
205
|
}
|
|
@@ -17,6 +17,7 @@ export interface ArdSelectDefaults extends _FormFieldComponentDefaults {
|
|
|
17
17
|
clearButtonTitle: string;
|
|
18
18
|
dropdownPosition: ArdPanelPosition;
|
|
19
19
|
noItemsFoundText: string;
|
|
20
|
+
addCustomOptionText: string;
|
|
20
21
|
loadingPlaceholderText: string;
|
|
21
22
|
inputAttrs: Record<string, any>;
|
|
22
23
|
isLoading: boolean;
|
|
@@ -38,6 +39,12 @@ export interface ArdSelectDefaults extends _FormFieldComponentDefaults {
|
|
|
38
39
|
appearance: FormElementAppearance;
|
|
39
40
|
variant: FormElementVariant;
|
|
40
41
|
compact: boolean;
|
|
42
|
+
dropdownPanelWidth: Nullable<number | string>;
|
|
43
|
+
dropdownPanelHeight: Nullable<number | string>;
|
|
44
|
+
dropdownPanelMinWidth: Nullable<number | string>;
|
|
45
|
+
dropdownPanelMinHeight: Nullable<number | string>;
|
|
46
|
+
dropdownPanelMaxWidth: Nullable<number | string>;
|
|
47
|
+
dropdownPanelMaxHeight: Nullable<number | string>;
|
|
41
48
|
dropdownAppearance: Nullable<DropdownPanelAppearance>;
|
|
42
49
|
dropdownVariant: Nullable<DropdownPanelVariant>;
|
|
43
50
|
multiselectable: boolean;
|