@ardium-ui/ui 5.0.0-alpha.3 → 5.0.0-alpha.31

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (164) hide show
  1. package/fesm2022/ardium-ui-ui.mjs +822 -560
  2. package/fesm2022/ardium-ui-ui.mjs.map +1 -1
  3. package/lib/_internal/disablable-component.d.ts +2 -1
  4. package/lib/_internal/focusable-component.d.ts +2 -1
  5. package/lib/_internal/form-field-component.d.ts +2 -1
  6. package/lib/_internal/item-storages/dropdown-item-storage.d.ts +16 -18
  7. package/lib/_internal/item-storages/simple-item-storage.d.ts +15 -12
  8. package/lib/_internal/item-storages/simplest-item-storage.d.ts +1 -1
  9. package/lib/_internal/selectable-list-component.d.ts +6 -6
  10. package/lib/badge/badge.directive.d.ts +3 -2
  11. package/lib/buttons/_button-base.d.ts +4 -3
  12. package/lib/buttons/button/button.component.d.ts +2 -1
  13. package/lib/buttons/icon-button/icon-button.component.d.ts +4 -3
  14. package/lib/calendar/calendar.component.d.ts +5 -4
  15. package/lib/checkbox-list/checkbox-list.component.d.ts +9 -7
  16. package/lib/checkbox-list/checkbox-list.directives.d.ts +7 -0
  17. package/lib/checkbox-list/checkbox-list.module.d.ts +1 -1
  18. package/lib/chip/chip.component.d.ts +2 -1
  19. package/lib/chip/deletable-chip/deletable-chip.component.d.ts +2 -1
  20. package/lib/chip/selectable-chip/selectable-chip.component.d.ts +3 -2
  21. package/lib/dialog/dialog.component.d.ts +8 -7
  22. package/lib/divider/divider.component.d.ts +2 -1
  23. package/lib/dropdown-panel/dropdown-panel.component.d.ts +2 -1
  24. package/lib/file-inputs/file-input/file-input.component.d.ts +2 -1
  25. package/lib/file-inputs/file-input-base.d.ts +4 -4
  26. package/lib/form-field/error/error.directive.d.ts +5 -1
  27. package/lib/form-field/form-field-base.d.ts +9 -3
  28. package/lib/form-field/form-field-native-inputs.d.ts +3 -2
  29. package/lib/form-field/form-field.component.d.ts +1 -1
  30. package/lib/form-field/form-field.module.d.ts +5 -4
  31. package/lib/form-field/hint/hint.directive.d.ts +3 -2
  32. package/lib/form-field/hint-error/hint-error.component.d.ts +6 -0
  33. package/lib/form-field/hint-error/hint-error.directive.d.ts +9 -0
  34. package/lib/form-field/horizontal-form-field.component.d.ts +1 -1
  35. package/lib/form-field/index.d.ts +4 -0
  36. package/lib/form-field/label/label.component.d.ts +3 -2
  37. package/lib/form-field-frame/form-field-frame.component.d.ts +4 -3
  38. package/lib/icon/icon.component.d.ts +2 -1
  39. package/lib/inputs/_simple-input-base.d.ts +4 -2
  40. package/lib/inputs/autocomplete-input/autocomplete-input.component.d.ts +5 -4
  41. package/lib/inputs/date-input/date-input.component.d.ts +9 -8
  42. package/lib/inputs/digit-input/digit-input.component.d.ts +4 -3
  43. package/lib/inputs/hex-input/hex-input.component.d.ts +5 -3
  44. package/lib/inputs/number-input/number-input.component.d.ts +8 -7
  45. package/lib/inputs/number-input/number-input.defaults.d.ts +1 -0
  46. package/lib/inputs/password-input/password-input.component.d.ts +4 -3
  47. package/lib/kbd/kbd.component.d.ts +2 -1
  48. package/lib/kbd-shortcut/kbd-shortcut.component.d.ts +2 -1
  49. package/lib/modal/modal.component.d.ts +6 -5
  50. package/lib/option/option.component.d.ts +2 -1
  51. package/lib/progress-bar/progress-bar.component.d.ts +4 -3
  52. package/lib/progress-circle/progress-circle.component.d.ts +5 -4
  53. package/lib/segment/segment.component.d.ts +6 -5
  54. package/lib/select/select.component.d.ts +33 -26
  55. package/lib/select/select.defaults.d.ts +7 -0
  56. package/lib/select/select.directive.d.ts +6 -0
  57. package/lib/select/select.module.d.ts +1 -1
  58. package/lib/select/select.types.d.ts +4 -2
  59. package/lib/select/select.utils.d.ts +2 -0
  60. package/lib/slider/abstract-slider.d.ts +12 -8
  61. package/lib/slider/range-slider/range-slider.component.d.ts +2 -2
  62. package/lib/slider/slider.component.d.ts +1 -0
  63. package/lib/slider/slider.types.d.ts +2 -2
  64. package/lib/star/rating-display/rating-display.component.d.ts +2 -1
  65. package/lib/star/rating-input/rating-input.component.d.ts +2 -1
  66. package/lib/tabber/index.d.ts +2 -1
  67. package/lib/tabber/tab/tab.component.d.ts +14 -8
  68. package/lib/tabber/tabber.component.d.ts +25 -9
  69. package/lib/tabber/tabber.defaults.d.ts +1 -0
  70. package/lib/tabber/tabber.directives.d.ts +9 -0
  71. package/lib/tabber/tabber.module.d.ts +3 -2
  72. package/lib/tabber/tabber.types.d.ts +5 -0
  73. package/lib/table/table.component.d.ts +16 -15
  74. package/lib/table-pagination/table-pagination.component.d.ts +4 -3
  75. package/lib/text-list/text-list.component.d.ts +2 -1
  76. package/lib/types/item-storage.types.d.ts +15 -17
  77. package/package.json +1 -1
  78. package/prebuilt-themes/default/buttons/button.css +48 -22
  79. package/prebuilt-themes/default/buttons/button.css.map +1 -1
  80. package/prebuilt-themes/default/buttons/fab.css +40 -20
  81. package/prebuilt-themes/default/buttons/fab.css.map +1 -1
  82. package/prebuilt-themes/default/buttons/icon-button.css +35 -16
  83. package/prebuilt-themes/default/buttons/icon-button.css.map +1 -1
  84. package/prebuilt-themes/default/calendar.css.map +1 -1
  85. package/prebuilt-themes/default/card.css.map +1 -1
  86. package/prebuilt-themes/default/checkbox-list.css +44 -18
  87. package/prebuilt-themes/default/checkbox-list.css.map +1 -1
  88. package/prebuilt-themes/default/chips.css +10 -5
  89. package/prebuilt-themes/default/chips.css.map +1 -1
  90. package/prebuilt-themes/default/color-display.css +1 -1
  91. package/prebuilt-themes/default/core.css +10 -0
  92. package/prebuilt-themes/default/core.css.map +1 -1
  93. package/prebuilt-themes/default/dropdown-panel.css.map +1 -1
  94. package/prebuilt-themes/default/form-field-frame.css +7 -3
  95. package/prebuilt-themes/default/form-field-frame.css.map +1 -1
  96. package/prebuilt-themes/default/form-field.css +35 -13
  97. package/prebuilt-themes/default/form-field.css.map +1 -1
  98. package/prebuilt-themes/default/inputs/autocomplete-input.css +1 -1
  99. package/prebuilt-themes/default/inputs/autocomplete-input.css.map +1 -1
  100. package/prebuilt-themes/default/inputs/color-input.css +2 -2
  101. package/prebuilt-themes/default/inputs/color-input.css.map +1 -1
  102. package/prebuilt-themes/default/inputs/date-input.css +1 -1
  103. package/prebuilt-themes/default/inputs/digit-input.css +1 -1
  104. package/prebuilt-themes/default/inputs/digit-input.css.map +1 -1
  105. package/prebuilt-themes/default/inputs/file-input.css +1 -1
  106. package/prebuilt-themes/default/inputs/file-input.css.map +1 -1
  107. package/prebuilt-themes/default/inputs/hex-input.css +3 -3
  108. package/prebuilt-themes/default/inputs/hex-input.css.map +1 -1
  109. package/prebuilt-themes/default/inputs/input.css +1 -2
  110. package/prebuilt-themes/default/inputs/input.css.map +1 -1
  111. package/prebuilt-themes/default/inputs/number-input.css +37 -14
  112. package/prebuilt-themes/default/inputs/number-input.css.map +1 -1
  113. package/prebuilt-themes/default/inputs/password-input.css +1 -1
  114. package/prebuilt-themes/default/inputs/search-bar.css +1 -1
  115. package/prebuilt-themes/default/inputs/search-bar.css.map +1 -1
  116. package/prebuilt-themes/default/kbd-shortcut.css +1 -1
  117. package/prebuilt-themes/default/kbd.css +1 -1
  118. package/prebuilt-themes/default/modal.css +2 -1
  119. package/prebuilt-themes/default/modal.css.map +1 -1
  120. package/prebuilt-themes/default/progress-circle.css.map +1 -1
  121. package/prebuilt-themes/default/radio.css +5 -3
  122. package/prebuilt-themes/default/radio.css.map +1 -1
  123. package/prebuilt-themes/default/segment.css +70 -57
  124. package/prebuilt-themes/default/segment.css.map +1 -1
  125. package/prebuilt-themes/default/select.css +87 -40
  126. package/prebuilt-themes/default/select.css.map +1 -1
  127. package/prebuilt-themes/default/slide-toggle.css.map +1 -1
  128. package/prebuilt-themes/default/slider.css +90 -51
  129. package/prebuilt-themes/default/slider.css.map +1 -1
  130. package/prebuilt-themes/default/stars.css.map +1 -1
  131. package/prebuilt-themes/default/statebox.css +1 -1
  132. package/prebuilt-themes/default/tabber.css +36 -12
  133. package/prebuilt-themes/default/tabber.css.map +1 -1
  134. package/prebuilt-themes/default/table.css.map +1 -1
  135. package/themes/_variables.scss +3 -0
  136. package/themes/default/buttons/_button-mixins.scss +31 -18
  137. package/themes/default/buttons/button.scss +41 -11
  138. package/themes/default/buttons/fab.scss +36 -9
  139. package/themes/default/buttons/icon-button.scss +31 -5
  140. package/themes/default/checkbox-list.scss +47 -21
  141. package/themes/default/chips.scss +12 -12
  142. package/themes/default/color-display.scss +1 -1
  143. package/themes/default/core.scss +12 -0
  144. package/themes/default/form-field-frame.scss +11 -6
  145. package/themes/default/form-field.scss +27 -12
  146. package/themes/default/inputs/_shared.scss +1 -1
  147. package/themes/default/inputs/color-input.scss +1 -1
  148. package/themes/default/inputs/digit-input.scss +1 -1
  149. package/themes/default/inputs/hex-input.scss +2 -2
  150. package/themes/default/inputs/input.scss +0 -1
  151. package/themes/default/inputs/number-input.scss +37 -14
  152. package/themes/default/kbd-shortcut.scss +1 -1
  153. package/themes/default/kbd.scss +1 -1
  154. package/themes/default/modal.scss +2 -1
  155. package/themes/default/radio.scss +5 -3
  156. package/themes/default/segment.scss +75 -67
  157. package/themes/default/select.scss +96 -42
  158. package/themes/default/slider.scss +90 -55
  159. package/themes/default/statebox.scss +1 -1
  160. package/themes/default/tabber.scss +36 -13
  161. package/lib/tabber/tab/tab.defaults.d.ts +0 -6
  162. package/prebuilt-themes/default/calendar-OLD.css +0 -294
  163. package/prebuilt-themes/default/calendar-OLD.css.map +0 -1
  164. package/themes/default/calendar-OLD.scss +0 -183
@@ -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';
@@ -10,7 +11,7 @@ import { FormElementAppearance } from '../types/theming.types';
10
11
  import { Nullable } from '../types/utility.types';
11
12
  import { FormElementVariant } from './../types/theming.types';
12
13
  import { ArdSelectDefaults } from './select.defaults';
13
- import { ArdAddCustomTemplateDirective, ArdDropdownFooterTemplateDirective, ArdDropdownHeaderTemplateDirective, ArdItemDisplayLimitTemplateDirective, ArdItemLimitReachedTemplateDirective, ArdLoadingPlaceholderTemplateDirective, ArdLoadingSpinnerTemplateDirective, ArdNoItemsFoundTemplateDirective, ArdOptgroupTemplateDirective, ArdOptionTemplateDirective, ArdSelectPlaceholderTemplateDirective, ArdSelectPrefixTemplateDirective, ArdSelectSuffixTemplateDirective, ArdValueTemplateDirective } from './select.directive';
14
+ import { ArdAddCustomTemplateDirective, ArdDropdownFooterTemplateDirective, ArdDropdownHeaderTemplateDirective, ArdItemDisplayLimitTemplateDirective, ArdItemLimitReachedTemplateDirective, ArdLoadingPlaceholderTemplateDirective, ArdLoadingSpinnerTemplateDirective, ArdNoItemsFoundTemplateDirective, ArdOptgroupTemplateDirective, ArdOptionTemplateDirective, ArdSelectDropdownArrowTemplateDirective, ArdSelectPlaceholderTemplateDirective, ArdSelectPrefixTemplateDirective, ArdSelectSuffixTemplateDirective, ArdValueTemplateDirective } from './select.directive';
14
15
  import { AddCustomFn, CustomOptionContext, GroupContext, ItemDisplayLimitContext, ItemLimitContext, PlaceholderContext, SearchContext, StatsContext, ValueContext } from './select.types';
15
16
  import * as i0 from "@angular/core";
16
17
  export declare class ArdiumSelectComponent extends _FormFieldComponentBase implements OnChanges, AfterViewInit, AfterContentInit, OnInit, OnDestroy, ControlValueAccessor, ItemStorageHost {
@@ -35,28 +36,28 @@ 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, any>;
42
- readonly itemsAlreadyGrouped: import("@angular/core").InputSignalWithTransform<boolean, any>;
43
- readonly invertDisabled: import("@angular/core").InputSignalWithTransform<boolean, any>;
44
- readonly noGroupActions: import("@angular/core").InputSignalWithTransform<boolean, any>;
45
- readonly autoHighlightFirst: import("@angular/core").InputSignalWithTransform<boolean, any>;
46
- readonly autoFocus: import("@angular/core").InputSignalWithTransform<boolean, any>;
47
- readonly keepOpen: import("@angular/core").InputSignalWithTransform<boolean, any>;
48
- readonly hideSelected: import("@angular/core").InputSignalWithTransform<boolean, any>;
49
- readonly noBackspaceClear: import("@angular/core").InputSignalWithTransform<boolean, any>;
50
- readonly sortMultipleValues: import("@angular/core").InputSignalWithTransform<boolean, any>;
51
- readonly searchCaseSensitive: import("@angular/core").InputSignalWithTransform<boolean, any>;
52
- readonly keepSearchAfterSelect: import("@angular/core").InputSignalWithTransform<boolean, any>;
53
- readonly maxSelectedItems: import("@angular/core").InputSignalWithTransform<number, any>;
54
- readonly itemDisplayLimit: import("@angular/core").InputSignalWithTransform<number, any>;
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 searchCaseSensitive: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
53
+ readonly keepSearchAfterSelect: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
54
+ readonly maxSelectedItems: import("@angular/core").InputSignalWithTransform<number, NumberLike>;
55
+ readonly itemDisplayLimit: import("@angular/core").InputSignalWithTransform<number, NumberLike>;
55
56
  readonly searchFn: import("@angular/core").InputSignal<SearchFn>;
56
57
  readonly compareWith: import("@angular/core").InputSignal<Nullable<SearchFn>>;
57
58
  readonly appearance: import("@angular/core").InputSignal<FormElementAppearance>;
58
59
  readonly variant: import("@angular/core").InputSignal<FormElementVariant>;
59
- readonly compact: import("@angular/core").InputSignalWithTransform<boolean, any>;
60
+ readonly compact: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
60
61
  readonly ngClasses: Signal<string>;
61
62
  readonly dropdownAppearance: import("@angular/core").InputSignal<Nullable<DropdownPanelAppearance>>;
62
63
  readonly dropdownAppearanceOrDefault: Signal<DropdownPanelAppearance>;
@@ -67,9 +68,9 @@ export declare class ArdiumSelectComponent extends _FormFieldComponentBase imple
67
68
  set items(value: string | any[] | null);
68
69
  optionComponents: QueryList<ArdiumOptionComponent>;
69
70
  private _setItemsFromComponents;
70
- readonly multiselectable: import("@angular/core").InputSignalWithTransform<boolean, any>;
71
- readonly clearable: import("@angular/core").InputSignalWithTransform<boolean, any>;
72
- readonly searchable: import("@angular/core").InputSignalWithTransform<boolean, any>;
71
+ readonly multiselectable: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
72
+ readonly clearable: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
73
+ readonly searchable: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
73
74
  readonly filtered: Signal<boolean>;
74
75
  readonly touched: import("@angular/core").WritableSignal<boolean>;
75
76
  private _defaultAddCustomFn;
@@ -83,7 +84,6 @@ export declare class ArdiumSelectComponent extends _FormFieldComponentBase imple
83
84
  set value(newValue: any);
84
85
  get value(): Signal<any[]>;
85
86
  readonly valueChange: import("@angular/core").OutputEmitterRef<any[]>;
86
- readonly changeEvent: import("@angular/core").OutputEmitterRef<any[]>;
87
87
  readonly addEvent: import("@angular/core").OutputEmitterRef<any[]>;
88
88
  readonly failedToAddEvent: import("@angular/core").OutputEmitterRef<any[]>;
89
89
  readonly removeEvent: import("@angular/core").OutputEmitterRef<any[]>;
@@ -106,6 +106,7 @@ export declare class ArdiumSelectComponent extends _FormFieldComponentBase imple
106
106
  readonly optgroupTemplate: Signal<ArdOptgroupTemplateDirective | undefined>;
107
107
  readonly valueTemplate: Signal<ArdValueTemplateDirective | undefined>;
108
108
  readonly placeholderTemplate: Signal<ArdSelectPlaceholderTemplateDirective | undefined>;
109
+ readonly dropdownArrowTemplate: Signal<ArdSelectDropdownArrowTemplateDirective | undefined>;
109
110
  readonly loadingSpinnerTemplate: Signal<ArdLoadingSpinnerTemplateDirective | undefined>;
110
111
  readonly loadingPlaceholderTemplate: Signal<ArdLoadingPlaceholderTemplateDirective | undefined>;
111
112
  readonly dropdownHeaderTemplate: Signal<ArdDropdownHeaderTemplateDirective | undefined>;
@@ -116,13 +117,13 @@ export declare class ArdiumSelectComponent extends _FormFieldComponentBase imple
116
117
  readonly itemDisplayLimitTemplate: Signal<ArdItemDisplayLimitTemplateDirective | undefined>;
117
118
  readonly prefixTemplate: Signal<ArdSelectPrefixTemplateDirective | undefined>;
118
119
  readonly suffixTemplate: Signal<ArdSelectSuffixTemplateDirective | undefined>;
119
- getValueContext(item: ArdOption): ValueContext;
120
+ readonly optionContextGenerator: Signal<(item: ArdOption) => OptionContext<ArdOption>>;
121
+ readonly valueContextGenerator: Signal<(item: ArdOption) => ValueContext>;
122
+ readonly groupContextGenerator: Signal<(group: ArdOptionGroup) => GroupContext>;
120
123
  readonly getStatsContext: Signal<StatsContext>;
121
124
  readonly getSearchContext: Signal<SearchContext>;
122
125
  readonly getPlaceholderContext: Signal<PlaceholderContext>;
123
126
  readonly getCustomOptionContext: Signal<CustomOptionContext>;
124
- getGroupContext(group: ArdOptionGroup): GroupContext;
125
- getOptionContext(item: ArdOption): OptionContext<ArdOption>;
126
127
  readonly getItemLimitContext: Signal<ItemLimitContext>;
127
128
  readonly getItemDisplayLimitContext: Signal<ItemDisplayLimitContext>;
128
129
  private readonly elementRef;
@@ -130,8 +131,14 @@ export declare class ArdiumSelectComponent extends _FormFieldComponentBase imple
130
131
  private readonly overlay;
131
132
  private readonly viewContainerRef;
132
133
  private readonly scrollStrategyOpts;
133
- dropdownHost: ElementRef<HTMLDivElement>;
134
- dropdownTemplate: TemplateRef<any>;
134
+ readonly dropdownHost: Signal<ElementRef<HTMLDivElement>>;
135
+ readonly dropdownTemplate: Signal<TemplateRef<any>>;
136
+ readonly dropdownPanelWidth: import("@angular/core").InputSignalWithTransform<Nullable<string | number>, Nullable<string | number>>;
137
+ readonly dropdownPanelHeight: import("@angular/core").InputSignalWithTransform<Nullable<string | number>, Nullable<string | number>>;
138
+ readonly dropdownPanelMinWidth: import("@angular/core").InputSignalWithTransform<Nullable<string | number>, Nullable<string | number>>;
139
+ readonly dropdownPanelMinHeight: import("@angular/core").InputSignalWithTransform<Nullable<string | number>, Nullable<string | number>>;
140
+ readonly dropdownPanelMaxWidth: import("@angular/core").InputSignalWithTransform<Nullable<string | number>, Nullable<string | number>>;
141
+ readonly dropdownPanelMaxHeight: import("@angular/core").InputSignalWithTransform<Nullable<string | number>, Nullable<string | number>>;
135
142
  private dropdownOverlay?;
136
143
  private _createOverlay;
137
144
  private _destroyOverlay;
@@ -193,5 +200,5 @@ export declare class ArdiumSelectComponent extends _FormFieldComponentBase imple
193
200
  private _onBackspaceOrDeletePress;
194
201
  private _onCtrlAPress;
195
202
  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>;
203
+ 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; }; "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"; "addEvent": "add"; "failedToAddEvent": "failedToAdd"; "removeEvent": "remove"; "clearEvent": "clear"; "openEvent": "open"; "closeEvent": "close"; "scrollEvent": "scroll"; "scrollToEndEvent": "scrollToEnd"; "searchEvent": "search"; "isOpen": "isOpenChange"; }, ["optionTemplate", "optgroupTemplate", "valueTemplate", "placeholderTemplate", "dropdownArrowTemplate", "loadingSpinnerTemplate", "loadingPlaceholderTemplate", "dropdownHeaderTemplate", "dropdownFooterTemplate", "noItemsFoundTemplate", "addCustomTemplate", "itemLimitReachedTemplate", "itemDisplayLimitTemplate", "prefixTemplate", "suffixTemplate", "optionComponents"], never, false, never>;
197
204
  }
@@ -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;
@@ -44,6 +44,12 @@ export declare class ArdSelectPlaceholderTemplateDirective {
44
44
  static ɵfac: i0.ɵɵFactoryDeclaration<ArdSelectPlaceholderTemplateDirective, never>;
45
45
  static ɵdir: i0.ɵɵDirectiveDeclaration<ArdSelectPlaceholderTemplateDirective, "ard-select > ng-template[ard-placeholder-tmp]", never, {}, {}, never, never, false, never>;
46
46
  }
47
+ export declare class ArdSelectDropdownArrowTemplateDirective {
48
+ template: TemplateRef<null>;
49
+ constructor(template: TemplateRef<null>);
50
+ static ɵfac: i0.ɵɵFactoryDeclaration<ArdSelectDropdownArrowTemplateDirective, never>;
51
+ static ɵdir: i0.ɵɵDirectiveDeclaration<ArdSelectDropdownArrowTemplateDirective, "ard-select > ng-template[ard-dropdown-arrow-tmp]", never, {}, {}, never, never, false, never>;
52
+ }
47
53
  export declare class ArdLoadingSpinnerTemplateDirective {
48
54
  template: TemplateRef<null>;
49
55
  constructor(template: TemplateRef<null>);
@@ -9,6 +9,6 @@ import * as i7 from "@ardium-ui/devkit";
9
9
  import * as i8 from "../_internal/clear-button/clear-button.module";
10
10
  export declare class ArdiumSelectModule {
11
11
  static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumSelectModule, never>;
12
- static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumSelectModule, [typeof i1.ArdiumSelectComponent, typeof i2.ArdOptionTemplateDirective, typeof i2.ArdOptgroupTemplateDirective, typeof i2.ArdValueTemplateDirective, typeof i2.ArdSelectPlaceholderTemplateDirective, typeof i2.ArdLoadingSpinnerTemplateDirective, typeof i2.ArdLoadingPlaceholderTemplateDirective, typeof i2.ArdDropdownHeaderTemplateDirective, typeof i2.ArdDropdownFooterTemplateDirective, typeof i2.ArdNoItemsFoundTemplateDirective, typeof i2.ArdValueChipTemplateDirective, typeof i2.ArdItemLimitReachedTemplateDirective, typeof i2.ArdItemDisplayLimitTemplateDirective, typeof i2.ArdAddCustomTemplateDirective, typeof i2.ArdSelectPrefixTemplateDirective, typeof i2.ArdSelectSuffixTemplateDirective], [typeof i3.CommonModule, typeof i4.ArdiumFormFieldFrameModule, typeof i5.ArdiumDropdownPanelModule, typeof i6.ArdiumChipModule, typeof i7.ArdiumClickOutsideModule, typeof i8._ClearButtonModule, typeof i7.ArdiumEscapeHTMLModule], [typeof i1.ArdiumSelectComponent, typeof i2.ArdOptionTemplateDirective, typeof i2.ArdOptgroupTemplateDirective, typeof i2.ArdValueTemplateDirective, typeof i2.ArdSelectPlaceholderTemplateDirective, typeof i2.ArdLoadingSpinnerTemplateDirective, typeof i2.ArdLoadingPlaceholderTemplateDirective, typeof i2.ArdDropdownHeaderTemplateDirective, typeof i2.ArdDropdownFooterTemplateDirective, typeof i2.ArdNoItemsFoundTemplateDirective, typeof i2.ArdValueChipTemplateDirective, typeof i2.ArdItemLimitReachedTemplateDirective, typeof i2.ArdItemDisplayLimitTemplateDirective, typeof i2.ArdAddCustomTemplateDirective, typeof i2.ArdSelectPrefixTemplateDirective, typeof i2.ArdSelectSuffixTemplateDirective]>;
12
+ static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumSelectModule, [typeof i1.ArdiumSelectComponent, typeof i2.ArdOptionTemplateDirective, typeof i2.ArdOptgroupTemplateDirective, typeof i2.ArdValueTemplateDirective, typeof i2.ArdSelectPlaceholderTemplateDirective, typeof i2.ArdLoadingSpinnerTemplateDirective, typeof i2.ArdLoadingPlaceholderTemplateDirective, typeof i2.ArdDropdownHeaderTemplateDirective, typeof i2.ArdDropdownFooterTemplateDirective, typeof i2.ArdNoItemsFoundTemplateDirective, typeof i2.ArdValueChipTemplateDirective, typeof i2.ArdItemLimitReachedTemplateDirective, typeof i2.ArdItemDisplayLimitTemplateDirective, typeof i2.ArdAddCustomTemplateDirective, typeof i2.ArdSelectPrefixTemplateDirective, typeof i2.ArdSelectSuffixTemplateDirective, typeof i2.ArdSelectDropdownArrowTemplateDirective], [typeof i3.CommonModule, typeof i4.ArdiumFormFieldFrameModule, typeof i5.ArdiumDropdownPanelModule, typeof i6.ArdiumChipModule, typeof i7.ArdiumClickOutsideModule, typeof i8._ClearButtonModule, typeof i7.ArdiumEscapeHTMLModule], [typeof i1.ArdiumSelectComponent, typeof i2.ArdOptionTemplateDirective, typeof i2.ArdOptgroupTemplateDirective, typeof i2.ArdValueTemplateDirective, typeof i2.ArdSelectPlaceholderTemplateDirective, typeof i2.ArdLoadingSpinnerTemplateDirective, typeof i2.ArdLoadingPlaceholderTemplateDirective, typeof i2.ArdDropdownHeaderTemplateDirective, typeof i2.ArdDropdownFooterTemplateDirective, typeof i2.ArdNoItemsFoundTemplateDirective, typeof i2.ArdValueChipTemplateDirective, typeof i2.ArdItemLimitReachedTemplateDirective, typeof i2.ArdItemDisplayLimitTemplateDirective, typeof i2.ArdAddCustomTemplateDirective, typeof i2.ArdSelectPrefixTemplateDirective, typeof i2.ArdSelectSuffixTemplateDirective, typeof i2.ArdSelectDropdownArrowTemplateDirective]>;
13
13
  static ɵinj: i0.ɵɵInjectorDeclaration<ArdiumSelectModule>;
14
14
  }
@@ -22,8 +22,10 @@ export interface CustomOptionContext {
22
22
  export interface GroupContext {
23
23
  $implicit: ArdOptionGroup;
24
24
  group: ArdOptionGroup;
25
- selectedChildren: number;
26
- totalChildren: number;
25
+ label: string;
26
+ disabled: boolean;
27
+ selectedChildrenCount: number;
28
+ totalChildrenCount: number;
27
29
  }
28
30
  export interface ItemLimitContext {
29
31
  totalItems: number;
@@ -0,0 +1,2 @@
1
+ import { Nullable } from '../types/utility.types';
2
+ export declare function transformDropdownPanelSize(v: Nullable<number | string>): Nullable<number | string>;
@@ -1,5 +1,6 @@
1
1
  import { Overlay, ScrollStrategyOptions } from '@angular/cdk/overlay';
2
2
  import { ElementRef, Renderer2, ViewContainerRef } from '@angular/core';
3
+ import { BooleanLike, NumberLike } from '@ardium-ui/devkit';
3
4
  import { _NgModelComponentBase, _NgModelComponentDefaults } from '../_internal/ngmodel-component';
4
5
  import { SimpleComponentColor } from '../types/colors.types';
5
6
  import { Nullable } from '../types/utility.types';
@@ -32,22 +33,24 @@ export declare abstract class _AbstractSlider<T> extends _NgModelComponentBase {
32
33
  protected readonly overlay: Overlay;
33
34
  protected readonly scrollStrategyOpts: ScrollStrategyOptions;
34
35
  protected readonly viewContainerRef: ViewContainerRef;
35
- readonly noTooltip: import("@angular/core").InputSignalWithTransform<boolean, any>;
36
+ readonly noTooltip: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
36
37
  readonly tooltipFormatFn: import("@angular/core").InputSignal<Nullable<SliderTooltipFormatFn>>;
37
38
  protected abstract _updateTooltipValue(): void;
38
- readonly min: import("@angular/core").InputSignalWithTransform<number, any>;
39
- readonly max: import("@angular/core").InputSignalWithTransform<number, any>;
40
- readonly step: import("@angular/core").InputSignalWithTransform<number, any>;
41
- readonly shiftMultiplier: import("@angular/core").InputSignalWithTransform<number, any>;
39
+ readonly min: import("@angular/core").InputSignalWithTransform<number, NumberLike>;
40
+ readonly max: import("@angular/core").InputSignalWithTransform<number, NumberLike>;
41
+ readonly step: import("@angular/core").InputSignalWithTransform<number, NumberLike>;
42
+ readonly minMaxStepValueCleanup: import("@angular/core").EffectRef;
43
+ readonly minMaxErrorCheck: import("@angular/core").EffectRef;
44
+ readonly shiftMultiplier: import("@angular/core").InputSignalWithTransform<number, NumberLike>;
42
45
  protected readonly _stepSizeComputed: import("@angular/core").Signal<number>;
43
- readonly showValueTicks: import("@angular/core").InputSignalWithTransform<boolean, any>;
46
+ readonly showValueTicks: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
44
47
  readonly percentStepSize: import("@angular/core").Signal<number>;
45
48
  protected readonly _tickArray: import("@angular/core").Signal<string[]>;
46
49
  readonly labelPosition: import("@angular/core").InputSignal<SliderDecorationPosition>;
47
- readonly labels: import("@angular/core").InputSignal<number[] | SliderLabelObject[] | null>;
50
+ readonly labels: import("@angular/core").InputSignal<SliderLabelObject[] | number[] | null>;
48
51
  readonly labelObjects: import("@angular/core").Signal<_InternalSliderLabelObject[]>;
49
52
  readonly color: import("@angular/core").InputSignal<SimpleComponentColor>;
50
- readonly compact: import("@angular/core").InputSignalWithTransform<boolean, any>;
53
+ readonly compact: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
51
54
  readonly ngClasses: import("@angular/core").Signal<string>;
52
55
  readonly sliderTransition: import("@angular/core").Signal<string>;
53
56
  private readonly _totalSteps;
@@ -56,6 +59,7 @@ export declare abstract class _AbstractSlider<T> extends _NgModelComponentBase {
56
59
  get value(): T;
57
60
  readonly valueChange: import("@angular/core").OutputEmitterRef<T>;
58
61
  abstract writeValue(v: any): void;
62
+ abstract cleanupValueAfterMinMaxStepChange(): void;
59
63
  abstract reset(): void;
60
64
  protected _offset(offset: number, hasShift: boolean, handleId?: number): void;
61
65
  protected _clampValue(v: number): number;
@@ -9,7 +9,6 @@ export declare class ArdiumRangeSliderComponent extends _AbstractSlider<SliderRa
9
9
  protected readonly _DEFAULTS: ArdSliderDefaults;
10
10
  constructor(defaults: ArdSliderDefaults);
11
11
  protected _value: SliderRange;
12
- ngOnInit(): void;
13
12
  private _isValidObject;
14
13
  private _isValidTuple;
15
14
  private _arrayValueToObjectValue;
@@ -17,9 +16,10 @@ export declare class ArdiumRangeSliderComponent extends _AbstractSlider<SliderRa
17
16
  writeValue(v: any): void;
18
17
  get value(): SliderRange;
19
18
  set value(v: any);
19
+ cleanupValueAfterMinMaxStepChange(): void;
20
20
  _tooltipValue: SliderRange<string | number>;
21
21
  protected _updateTooltipValue(): void;
22
- getTooltipContext(type: 'low' | 'high'): SliderTooltipContext;
22
+ getTooltipContext(type: 'from' | 'to'): SliderTooltipContext;
23
23
  reset(): void;
24
24
  get trackOverlayLeft(): string;
25
25
  get trackOverlayWidth(): string;
@@ -12,6 +12,7 @@ export declare class ArdiumSliderComponent extends _AbstractSlider<number> {
12
12
  protected _updateTooltipValue(): void;
13
13
  getTooltipContext(): SliderTooltipContext;
14
14
  writeValue(v: any): void;
15
+ cleanupValueAfterMinMaxStepChange(): void;
15
16
  reset(): void;
16
17
  increment(steps?: number): void;
17
18
  decrement(steps?: number): void;
@@ -22,7 +22,7 @@ export interface _InternalSliderLabelObject {
22
22
  positionPercent: string;
23
23
  }
24
24
  export interface SliderRange<T = number> {
25
- low: T;
26
- high: T;
25
+ from: T;
26
+ to: T;
27
27
  }
28
28
  export type SliderTooltipFormatFn = (value: number) => string | number;
@@ -1,3 +1,4 @@
1
+ import { NumberLike } from '@ardium-ui/devkit';
1
2
  import { StarColor, StarFillMode } from './../star.types';
2
3
  import { ArdRatingDisplayStarTemplateDirective } from './rating-display.directives';
3
4
  import { ArdRatingDisplayStarTemplateContext } from './rating-display.types';
@@ -7,7 +8,7 @@ export declare class ArdiumRatingDisplayComponent {
7
8
  protected readonly _DEFAULTS: import("./rating-display.defaults").ArdRatingDisplayDefaults;
8
9
  readonly color: import("@angular/core").InputSignal<StarColor>;
9
10
  readonly ngClasses: import("@angular/core").Signal<string>;
10
- readonly max: import("@angular/core").InputSignalWithTransform<number, any>;
11
+ readonly max: import("@angular/core").InputSignalWithTransform<number, NumberLike>;
11
12
  readonly value: import("@angular/core").InputSignalWithTransform<number | StarFillMode[], string | number | StarFillMode[]>;
12
13
  readonly starArray: import("@angular/core").Signal<StarFillMode[]>;
13
14
  readonly starTemplate: import("@angular/core").Signal<ArdRatingDisplayStarTemplateDirective | undefined>;
@@ -1,4 +1,5 @@
1
1
  import { ControlValueAccessor } from '@angular/forms';
2
+ import { NumberLike } from '@ardium-ui/devkit';
2
3
  import { _NgModelComponentBase } from '../../_internal/ngmodel-component';
3
4
  import { ArdiumStarButtonComponent } from '../star-button/star-button.component';
4
5
  import { StarColor } from '../star.types';
@@ -14,7 +15,7 @@ export declare class ArdiumRatingInputComponent extends _NgModelComponentBase im
14
15
  readonly highlightEvent: import("@angular/core").OutputEmitterRef<number>;
15
16
  readonly value: import("@angular/core").ModelSignal<number | null>;
16
17
  constructor(defaults: ArdRatingInputDefaults);
17
- readonly max: import("@angular/core").InputSignalWithTransform<number, any>;
18
+ readonly max: import("@angular/core").InputSignalWithTransform<number, NumberLike>;
18
19
  readonly starButtonInstances: import("@angular/core").Signal<readonly ArdiumStarButtonComponent[]>;
19
20
  private readonly _highlightedStarIndex;
20
21
  readonly starArray: import("@angular/core").Signal<number[]>;
@@ -1,5 +1,6 @@
1
1
  export * from './tab/tab.component';
2
- export * from './tab/tab.defaults';
3
2
  export * from './tabber.component';
4
3
  export * from './tabber.defaults';
4
+ export * from './tabber.directives';
5
5
  export * from './tabber.module';
6
+ export * from './tabber.types';
@@ -1,19 +1,25 @@
1
+ import { OnDestroy, TemplateRef } from '@angular/core';
2
+ import { BooleanLike } from '@ardium-ui/devkit';
3
+ import { Subject } from 'rxjs';
1
4
  import * as i0 from "@angular/core";
2
- export declare class ArdiumTabComponent {
3
- protected readonly _DEFAULTS: import("./tab.defaults").ArdTabDefaults;
4
- readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, any>;
5
+ export declare class ArdiumTabComponent implements OnDestroy {
6
+ protected readonly _DEFAULTS: import("../tabber.defaults").ArdTabberDefaults;
7
+ readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
5
8
  readonly selected: import("@angular/core").WritableSignal<boolean>;
6
9
  set _selected(v: any);
7
10
  setSelected(state: boolean): void;
8
- get _selectedHostAttribute(): boolean;
9
11
  private _emitChange;
10
12
  readonly focused: import("@angular/core").WritableSignal<boolean>;
11
- readonly _label: import("@angular/core").InputSignal<string | null>;
12
- readonly label: import("@angular/core").Signal<string>;
13
- readonly tabId: import("@angular/core").InputSignal<string>;
13
+ readonly _label: import("@angular/core").InputSignal<string | TemplateRef<any> | null>;
14
+ readonly label: import("@angular/core").Signal<string | TemplateRef<any>>;
15
+ _isTabIdInitialized: boolean;
16
+ readonly tabId: import("@angular/core").InputSignalWithTransform<string, string>;
14
17
  readonly focusEvent: import("@angular/core").OutputEmitterRef<void>;
15
18
  readonly blurEvent: import("@angular/core").OutputEmitterRef<void>;
16
19
  readonly selectedChange: import("@angular/core").OutputEmitterRef<boolean>;
20
+ readonly selectedChangeInternal$: Subject<boolean>;
21
+ private _selectedChangeSub;
22
+ ngOnDestroy(): void;
17
23
  static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumTabComponent, never>;
18
- static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumTabComponent, "ard-tab", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "_selected": { "alias": "selected"; "required": false; }; "_label": { "alias": "label"; "required": false; "isSignal": true; }; "tabId": { "alias": "tabId"; "required": true; "isSignal": true; }; }, { "focusEvent": "focusEvent"; "blurEvent": "blurEvent"; "selectedChange": "selectedChange"; }, never, ["*"], false, never>;
24
+ static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumTabComponent, "ard-tab", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "_selected": { "alias": "selected"; "required": false; }; "_label": { "alias": "label"; "required": false; "isSignal": true; }; "tabId": { "alias": "tabId"; "required": true; "isSignal": true; }; }, { "focusEvent": "focus"; "blurEvent": "blur"; "selectedChange": "selectedChange"; }, never, ["*"], false, never>;
19
25
  }
@@ -1,28 +1,44 @@
1
- import { AfterContentInit } from '@angular/core';
1
+ import { AfterContentInit, OnChanges, SimpleChanges, TemplateRef } from '@angular/core';
2
+ import { BooleanLike } from '@ardium-ui/devkit';
2
3
  import { OneAxisAlignment } from '../types/alignment.types';
3
4
  import { ComponentColor } from '../types/colors.types';
4
5
  import { ArdiumTabComponent } from './tab/tab.component';
6
+ import { ArdTabberLabelTemplateDirective } from './tabber.directives';
7
+ import { TabberLabelContext } from './tabber.types';
5
8
  import * as i0 from "@angular/core";
6
- export declare class ArdiumTabberComponent implements AfterContentInit {
9
+ export declare class ArdiumTabberComponent implements AfterContentInit, OnChanges {
7
10
  protected readonly _DEFAULTS: import("./tabber.defaults").ArdTabberDefaults;
8
11
  readonly tabs: import("@angular/core").Signal<readonly ArdiumTabComponent[]>;
9
- readonly currentTab: import("@angular/core").WritableSignal<ArdiumTabComponent | null>;
10
- readonly currentFocusedTab: import("@angular/core").WritableSignal<ArdiumTabComponent | null>;
12
+ readonly selectedTabId: import("@angular/core").ModelSignal<string | null>;
13
+ readonly selectedTab: import("@angular/core").Signal<ArdiumTabComponent | null>;
14
+ readonly focusedTabId: import("@angular/core").WritableSignal<string | null>;
15
+ readonly focusedTab: import("@angular/core").Signal<ArdiumTabComponent | null>;
16
+ private _selectedTabIdToCheck;
17
+ ngOnChanges(changes: SimpleChanges): void;
18
+ private _validateSelectedTabId;
11
19
  readonly initialTab: import("@angular/core").InputSignal<string | undefined>;
12
20
  ngAfterContentInit(): void;
13
- onTabClick(tab: ArdiumTabComponent): void;
21
+ selectTab(tab: ArdiumTabComponent): void;
22
+ private _unselectSpecificTab;
23
+ private _unselectCurrentTab;
24
+ private _selectNewTab;
14
25
  onTabFocus(tab: ArdiumTabComponent): void;
15
26
  onTabBlur(tab: ArdiumTabComponent): void;
16
27
  readonly focusEvent: import("@angular/core").OutputEmitterRef<string>;
17
28
  readonly blurEvent: import("@angular/core").OutputEmitterRef<string>;
18
- readonly changeTab: import("@angular/core").OutputEmitterRef<string>;
19
29
  readonly color: import("@angular/core").InputSignal<ComponentColor>;
20
30
  readonly ngClasses: import("@angular/core").Signal<string>;
21
- readonly stretchTabs: import("@angular/core").InputSignalWithTransform<boolean, any>;
22
- readonly uniformTabWidths: import("@angular/core").InputSignalWithTransform<boolean, any>;
31
+ readonly stretchTabs: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
32
+ readonly uniformTabWidths: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
23
33
  readonly tabAlignment: import("@angular/core").InputSignal<OneAxisAlignment>;
24
34
  readonly tabContainerClasses: import("@angular/core").Signal<string>;
25
35
  readonly tabIndex: import("@angular/core").InputSignal<string | number>;
36
+ readonly labelTemplate: import("@angular/core").Signal<ArdTabberLabelTemplateDirective | undefined>;
37
+ readonly tabsWithTemplates: import("@angular/core").Signal<{
38
+ tab: ArdiumTabComponent;
39
+ template: TemplateRef<any> | null;
40
+ templateContext: TabberLabelContext | null;
41
+ }[]>;
26
42
  static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumTabberComponent, never>;
27
- static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumTabberComponent, "ard-tabber", never, { "initialTab": { "alias": "initialTab"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "stretchTabs": { "alias": "stretchTabs"; "required": false; "isSignal": true; }; "uniformTabWidths": { "alias": "uniformTabWidths"; "required": false; "isSignal": true; }; "tabAlignment": { "alias": "tabAlignment"; "required": false; "isSignal": true; }; "tabIndex": { "alias": "tabIndex"; "required": false; "isSignal": true; }; }, { "focusEvent": "focus"; "blurEvent": "blur"; "changeTab": "changeTab"; }, ["tabs"], ["*"], false, never>;
43
+ static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumTabberComponent, "ard-tabber", never, { "selectedTabId": { "alias": "selectedTab"; "required": false; "isSignal": true; }; "initialTab": { "alias": "initialTab"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "stretchTabs": { "alias": "stretchTabs"; "required": false; "isSignal": true; }; "uniformTabWidths": { "alias": "uniformTabWidths"; "required": false; "isSignal": true; }; "tabAlignment": { "alias": "tabAlignment"; "required": false; "isSignal": true; }; "tabIndex": { "alias": "tabIndex"; "required": false; "isSignal": true; }; }, { "selectedTabId": "selectedTabChange"; "focusEvent": "focus"; "blurEvent": "blur"; }, ["tabs", "labelTemplate"], ["*"], false, never>;
28
44
  }
@@ -2,6 +2,7 @@ import { InjectionToken, Provider } from '@angular/core';
2
2
  import { OneAxisAlignment } from './../types/alignment.types';
3
3
  import { ComponentColor } from './../types/colors.types';
4
4
  export interface ArdTabberDefaults {
5
+ tabDisabled: boolean;
5
6
  color: ComponentColor;
6
7
  stretchTabs: boolean;
7
8
  uniformTabWidths: boolean;
@@ -0,0 +1,9 @@
1
+ import { TemplateRef } from '@angular/core';
2
+ import { TabberLabelContext } from './tabber.types';
3
+ import * as i0 from "@angular/core";
4
+ export declare class ArdTabberLabelTemplateDirective {
5
+ template: TemplateRef<TabberLabelContext>;
6
+ constructor(template: TemplateRef<TabberLabelContext>);
7
+ static ɵfac: i0.ɵɵFactoryDeclaration<ArdTabberLabelTemplateDirective, never>;
8
+ static ɵdir: i0.ɵɵDirectiveDeclaration<ArdTabberLabelTemplateDirective, "ng-template[ard-tabber-label-tmp]", never, {}, {}, never, never, false, never>;
9
+ }
@@ -1,9 +1,10 @@
1
1
  import * as i0 from "@angular/core";
2
2
  import * as i1 from "./tabber.component";
3
3
  import * as i2 from "./tab/tab.component";
4
- import * as i3 from "@angular/common";
4
+ import * as i3 from "./tabber.directives";
5
+ import * as i4 from "@angular/common";
5
6
  export declare class ArdiumTabberModule {
6
7
  static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumTabberModule, never>;
7
- static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumTabberModule, [typeof i1.ArdiumTabberComponent, typeof i2.ArdiumTabComponent], [typeof i3.CommonModule], [typeof i1.ArdiumTabberComponent, typeof i2.ArdiumTabComponent]>;
8
+ static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumTabberModule, [typeof i1.ArdiumTabberComponent, typeof i2.ArdiumTabComponent, typeof i3.ArdTabberLabelTemplateDirective], [typeof i4.CommonModule], [typeof i1.ArdiumTabberComponent, typeof i2.ArdiumTabComponent, typeof i3.ArdTabberLabelTemplateDirective]>;
8
9
  static ɵinj: i0.ɵɵInjectorDeclaration<ArdiumTabberModule>;
9
10
  }
@@ -0,0 +1,5 @@
1
+ export interface TabberLabelContext {
2
+ $implicit: string;
3
+ label: string;
4
+ tabId: string;
5
+ }
@@ -1,4 +1,5 @@
1
1
  import { AfterContentInit, OnChanges, SimpleChanges, TemplateRef } from '@angular/core';
2
+ import { BooleanLike, NumberLike } from '@ardium-ui/devkit';
2
3
  import { _FocusableComponentBase } from '../_internal/focusable-component';
3
4
  import { ProgressBarMode } from '../progress-bar';
4
5
  import { CurrentItemsFormatFn, PaginationAlign } from '../table-pagination/table-pagination.types';
@@ -15,15 +16,15 @@ export declare class ArdiumTableComponent extends _FocusableComponentBase implem
15
16
  private readonly _itemStorage;
16
17
  readonly rowDisabledFrom: import("@angular/core").InputSignal<string>;
17
18
  readonly rowBoldFrom: import("@angular/core").InputSignal<string>;
18
- readonly invertRowDisabled: import("@angular/core").InputSignalWithTransform<boolean, any>;
19
- readonly invertRowBold: import("@angular/core").InputSignalWithTransform<boolean, any>;
20
- readonly selectableRows: import("@angular/core").InputSignalWithTransform<boolean, any>;
19
+ readonly invertRowDisabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
20
+ readonly invertRowBold: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
21
+ readonly selectableRows: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
21
22
  readonly maxSelectedItems: import("@angular/core").InputSignalWithTransform<Nullable<number>, any>;
22
- readonly clickableRows: import("@angular/core").InputSignalWithTransform<boolean, any>;
23
+ readonly clickableRows: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
23
24
  readonly caption: import("@angular/core").InputSignal<Nullable<string>>;
24
- readonly isLoading: import("@angular/core").InputSignalWithTransform<boolean, any>;
25
- readonly loadingProgress: import("@angular/core").InputSignalWithTransform<number, any>;
26
- readonly loadingProgressBuffer: import("@angular/core").InputSignalWithTransform<number, any>;
25
+ readonly isLoading: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
26
+ readonly loadingProgress: import("@angular/core").InputSignalWithTransform<number, NumberLike>;
27
+ readonly loadingProgressBuffer: import("@angular/core").InputSignalWithTransform<number, NumberLike>;
27
28
  readonly loadingBarMode: import("@angular/core").InputSignal<ProgressBarMode>;
28
29
  readonly loadingBarColor: import("@angular/core").InputSignal<ComponentColor>;
29
30
  readonly appearance: import("@angular/core").InputSignal<TableAppearance>;
@@ -31,11 +32,11 @@ export declare class ArdiumTableComponent extends _FocusableComponentBase implem
31
32
  readonly color: import("@angular/core").InputSignal<ComponentColor>;
32
33
  readonly align: import("@angular/core").InputSignal<TableAlignType>;
33
34
  readonly headerAlign: import("@angular/core").InputSignal<TableAlignType>;
34
- readonly compact: import("@angular/core").InputSignalWithTransform<boolean, any>;
35
- readonly zebra: import("@angular/core").InputSignalWithTransform<boolean, any>;
36
- readonly stickyHeader: import("@angular/core").InputSignalWithTransform<boolean, any>;
35
+ readonly compact: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
36
+ readonly zebra: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
37
+ readonly stickyHeader: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
37
38
  readonly ngClasses: import("@angular/core").Signal<string>;
38
- readonly paginated: import("@angular/core").InputSignalWithTransform<boolean, any>;
39
+ readonly paginated: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
39
40
  readonly paginationStrategy: import("@angular/core").InputSignal<TablePaginationStrategy>;
40
41
  readonly paginationOptions: import("@angular/core").InputSignalWithTransform<number[] | {
41
42
  value: number;
@@ -49,9 +50,9 @@ export declare class ArdiumTableComponent extends _FocusableComponentBase implem
49
50
  readonly paginationAlign: import("@angular/core").InputSignal<PaginationAlign>;
50
51
  readonly itemsPerPageText: import("@angular/core").InputSignal<string>;
51
52
  readonly currentItemsFormatFn: import("@angular/core").InputSignal<CurrentItemsFormatFn>;
52
- readonly pageFillRemaining: import("@angular/core").InputSignalWithTransform<boolean, any>;
53
- readonly paginationDisabled: import("@angular/core").InputSignalWithTransform<boolean, any>;
54
- readonly useFirstLastButtons: import("@angular/core").InputSignalWithTransform<boolean, any>;
53
+ readonly pageFillRemaining: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
54
+ readonly paginationDisabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
55
+ readonly useFirstLastButtons: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
55
56
  readonly itemsPerPage: import("@angular/core").ModelSignal<number>;
56
57
  readonly page: import("@angular/core").ModelSignal<number>;
57
58
  readonly isDefinedTotalItems: import("@angular/core").Signal<boolean>;
@@ -63,7 +64,7 @@ export declare class ArdiumTableComponent extends _FocusableComponentBase implem
63
64
  private _data;
64
65
  set data(v: any[]);
65
66
  get data(): any[];
66
- readonly treatDataSourceAsString: import("@angular/core").InputSignalWithTransform<boolean, any>;
67
+ readonly treatDataSourceAsString: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
67
68
  readonly checkboxTemplate: import("@angular/core").Signal<TemplateRef<TableCheckboxContext> | undefined>;
68
69
  readonly headerCheckboxTemplate: import("@angular/core").Signal<TemplateRef<TableHeaderCheckboxContext> | undefined>;
69
70
  readonly captionTemplate: import("@angular/core").Signal<TemplateRef<TableCaptionContext> | undefined>;
@@ -1,4 +1,5 @@
1
1
  import { OnInit } from '@angular/core';
2
+ import { BooleanLike } from '@ardium-ui/devkit';
2
3
  import { _FocusableComponentBase } from '../_internal/focusable-component';
3
4
  import { ComponentColor } from '../types/colors.types';
4
5
  import { ArdTablePaginationDefaults } from './table-pagination.defaults';
@@ -21,10 +22,10 @@ export declare class ArdiumTablePaginationComponent extends _FocusableComponentB
21
22
  ngOnInit(): void;
22
23
  readonly color: import("@angular/core").InputSignal<ComponentColor>;
23
24
  readonly align: import("@angular/core").InputSignal<PaginationAlign>;
24
- readonly compact: import("@angular/core").InputSignalWithTransform<boolean, any>;
25
+ readonly compact: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
25
26
  readonly ngClasses: import("@angular/core").Signal<string>;
26
- readonly useFirstLastButtons: import("@angular/core").InputSignalWithTransform<boolean, any>;
27
- readonly isLoading: import("@angular/core").InputSignalWithTransform<boolean, any>;
27
+ readonly useFirstLastButtons: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
28
+ readonly isLoading: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
28
29
  readonly itemsPerPageText: import("@angular/core").InputSignal<string>;
29
30
  readonly currentItemsFormatFn: import("@angular/core").InputSignal<CurrentItemsFormatFn>;
30
31
  readonly getCurrentItemsContext: import("@angular/core").Signal<import("../_internal/models/pagination.model").PaginationCurrentItemsContext>;
@@ -1,8 +1,9 @@
1
+ import { BooleanLike } from '@ardium-ui/devkit';
1
2
  import * as i0 from "@angular/core";
2
3
  export declare class ArdiumTextListComponent {
3
4
  readonly values: import("@angular/core").InputSignal<any[]>;
4
5
  readonly separator: import("@angular/core").InputSignal<string>;
5
- readonly filter: import("@angular/core").InputSignalWithTransform<boolean, any>;
6
+ readonly filter: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
6
7
  static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumTextListComponent, never>;
7
8
  static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumTextListComponent, "ard-text-list", never, { "values": { "alias": "values"; "required": true; "isSignal": true; }; "separator": { "alias": "separator"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
8
9
  }