@ardium-ui/ui 5.0.0-alpha.26 → 5.0.0-alpha.28
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 +14 -17
- package/fesm2022/ardium-ui-ui.mjs.map +1 -1
- package/lib/_internal/item-storages/dropdown-item-storage.d.ts +3 -4
- package/lib/select/select.component.d.ts +1 -2
- package/package.json +1 -1
- package/prebuilt-themes/default/buttons/button.css +3 -3
- package/prebuilt-themes/default/buttons/fab.css +3 -3
- package/prebuilt-themes/default/buttons/icon-button.css +3 -3
- package/prebuilt-themes/default/slider.css +2 -2
- package/themes/default/buttons/_button-mixins.scss +3 -3
- package/themes/default/slider.scss +2 -2
|
@@ -16,7 +16,6 @@ export interface ItemStorageHost {
|
|
|
16
16
|
readonly searchFn: Signal<SearchFn>;
|
|
17
17
|
readonly compareWith: Signal<Nullable<CompareWithFn>>;
|
|
18
18
|
readonly multiselectable: Signal<boolean>;
|
|
19
|
-
readonly sortMultipleValues: Signal<boolean>;
|
|
20
19
|
readonly maxSelectedItems: Signal<Nullable<number>>;
|
|
21
20
|
readonly addCustom: Signal<boolean | AddCustomFn<any> | AddCustomFn<Promise<any>>>;
|
|
22
21
|
readonly _componentId: string;
|
|
@@ -53,9 +52,9 @@ export declare class ItemStorage {
|
|
|
53
52
|
private _setItemsMapFn;
|
|
54
53
|
private _createEmptyGroupMap;
|
|
55
54
|
private _isWriteValueValid;
|
|
56
|
-
private
|
|
57
|
-
private
|
|
58
|
-
handleWriteValue(ngModel: any
|
|
55
|
+
private _valueToWriteAfterItemsLoad;
|
|
56
|
+
private _wasValueWriteDeferred;
|
|
57
|
+
handleWriteValue(ngModel: any): void;
|
|
59
58
|
findItemByValue(valueToFind: any): ArdOption | undefined;
|
|
60
59
|
addCustomOption(value: string, fn: AddCustomFn<any> | AddCustomFn<Promise<any>>): Promise<ArdOption | null>;
|
|
61
60
|
clearAllSelected(): any[];
|
|
@@ -49,7 +49,6 @@ export declare class ArdiumSelectComponent extends _FormFieldComponentBase imple
|
|
|
49
49
|
readonly keepOpen: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
|
|
50
50
|
readonly hideSelected: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
|
|
51
51
|
readonly noBackspaceClear: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
|
|
52
|
-
readonly sortMultipleValues: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
|
|
53
52
|
readonly searchCaseSensitive: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
|
|
54
53
|
readonly keepSearchAfterSelect: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
|
|
55
54
|
readonly maxSelectedItems: import("@angular/core").InputSignalWithTransform<number, NumberLike>;
|
|
@@ -201,5 +200,5 @@ export declare class ArdiumSelectComponent extends _FormFieldComponentBase imple
|
|
|
201
200
|
private _onBackspaceOrDeletePress;
|
|
202
201
|
private _onCtrlAPress;
|
|
203
202
|
static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumSelectComponent, 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; }; "
|
|
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>;
|
|
205
204
|
}
|
package/package.json
CHANGED
|
@@ -251,9 +251,9 @@ ard-button {
|
|
|
251
251
|
color: var(--ard-cmpcl--on-bg-colored);
|
|
252
252
|
}
|
|
253
253
|
.ard-button.ard-appearance-flat, .ard-button.ard-appearance-raised-strong {
|
|
254
|
-
background: var(--ard-cmpcl--bg);
|
|
255
|
-
color: var(--ard-cmpcl--on-bg);
|
|
256
|
-
border: 1px solid var(--ard-cmpcl--bg);
|
|
254
|
+
background: var(--ard-cmpcl--bg-colored);
|
|
255
|
+
color: var(--ard-cmpcl--on-bg-colored);
|
|
256
|
+
border: 1px solid var(--ard-cmpcl--bg-colored);
|
|
257
257
|
}
|
|
258
258
|
.ard-button.ard-appearance-flat .ard-focus-overlay, .ard-button.ard-appearance-raised-strong .ard-focus-overlay {
|
|
259
259
|
background: var(--ard-cmpcl--on-bg);
|
|
@@ -243,9 +243,9 @@ ard-fab {
|
|
|
243
243
|
color: var(--ard-cmpcl--on-bg-colored);
|
|
244
244
|
}
|
|
245
245
|
.ard-fab.ard-appearance-flat, .ard-fab.ard-appearance-raised-strong {
|
|
246
|
-
background: var(--ard-cmpcl--bg);
|
|
247
|
-
color: var(--ard-cmpcl--on-bg);
|
|
248
|
-
border: 1px solid var(--ard-cmpcl--bg);
|
|
246
|
+
background: var(--ard-cmpcl--bg-colored);
|
|
247
|
+
color: var(--ard-cmpcl--on-bg-colored);
|
|
248
|
+
border: 1px solid var(--ard-cmpcl--bg-colored);
|
|
249
249
|
}
|
|
250
250
|
.ard-fab.ard-appearance-flat .ard-focus-overlay, .ard-fab.ard-appearance-raised-strong .ard-focus-overlay {
|
|
251
251
|
background: var(--ard-cmpcl--on-bg);
|
|
@@ -248,9 +248,9 @@ ard-icon-button {
|
|
|
248
248
|
color: var(--ard-cmpcl--on-bg-colored);
|
|
249
249
|
}
|
|
250
250
|
.ard-icon-button.ard-appearance-flat, .ard-icon-button.ard-appearance-raised-strong {
|
|
251
|
-
background: var(--ard-cmpcl--bg);
|
|
252
|
-
color: var(--ard-cmpcl--on-bg);
|
|
253
|
-
border: 1px solid var(--ard-cmpcl--bg);
|
|
251
|
+
background: var(--ard-cmpcl--bg-colored);
|
|
252
|
+
color: var(--ard-cmpcl--on-bg-colored);
|
|
253
|
+
border: 1px solid var(--ard-cmpcl--bg-colored);
|
|
254
254
|
}
|
|
255
255
|
.ard-icon-button.ard-appearance-flat .ard-focus-overlay, .ard-icon-button.ard-appearance-raised-strong .ard-focus-overlay {
|
|
256
256
|
background: var(--ard-cmpcl--on-bg);
|
|
@@ -385,8 +385,8 @@
|
|
|
385
385
|
.ard-range-slider-container-master .ard-slider-container:focus-within .ard-slider-handle:not(:focus) + .ard-slider-tooltip-wrapper .ard-slider-tooltip {
|
|
386
386
|
transform: scale(0);
|
|
387
387
|
}
|
|
388
|
-
.ard-slider-container-master .ard-slider-handle .ard-slider-tooltip-wrapper.ard-tooltip
|
|
389
|
-
.ard-range-slider-container-master .ard-slider-handle .ard-slider-tooltip-wrapper.ard-tooltip
|
|
388
|
+
.ard-slider-container-master .ard-slider-handle .ard-slider-tooltip-wrapper .ard-slider-tooltip.ard-tooltip-always,
|
|
389
|
+
.ard-range-slider-container-master .ard-slider-handle .ard-slider-tooltip-wrapper .ard-slider-tooltip.ard-tooltip-always {
|
|
390
390
|
transform: scale(1) !important;
|
|
391
391
|
}
|
|
392
392
|
|
|
@@ -107,9 +107,9 @@
|
|
|
107
107
|
}
|
|
108
108
|
&.ard-appearance-flat,
|
|
109
109
|
&.ard-appearance-raised-strong {
|
|
110
|
-
background: var(--ard-cmpcl--bg);
|
|
111
|
-
color: var(--ard-cmpcl--on-bg);
|
|
112
|
-
border: 1px solid var(--ard-cmpcl--bg);
|
|
110
|
+
background: var(--ard-cmpcl--bg-colored);
|
|
111
|
+
color: var(--ard-cmpcl--on-bg-colored);
|
|
112
|
+
border: 1px solid var(--ard-cmpcl--bg-colored);
|
|
113
113
|
|
|
114
114
|
.ard-focus-overlay {
|
|
115
115
|
background: var(--ard-cmpcl--on-bg);
|
|
@@ -251,8 +251,8 @@
|
|
|
251
251
|
}
|
|
252
252
|
}
|
|
253
253
|
//make a way to force-show a tooltip
|
|
254
|
-
.ard-slider-handle .ard-slider-tooltip-wrapper
|
|
255
|
-
.ard-slider-tooltip {
|
|
254
|
+
.ard-slider-handle .ard-slider-tooltip-wrapper {
|
|
255
|
+
.ard-slider-tooltip.ard-tooltip-always {
|
|
256
256
|
transform: scale(1) !important;
|
|
257
257
|
}
|
|
258
258
|
}
|