@ardium-ui/ui 5.0.0-alpha.64 → 5.0.0-alpha.66

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 (12) hide show
  1. package/fesm2022/ardium-ui-ui.mjs +14 -8
  2. package/fesm2022/ardium-ui-ui.mjs.map +1 -1
  3. package/lib/_internal/item-storages/dropdown-item-storage.d.ts +1 -2
  4. package/lib/select/select.component.d.ts +3 -1
  5. package/lib/select/select.defaults.d.ts +1 -0
  6. package/lib/slider/range-slider/range-slider.component.d.ts +1 -1
  7. package/lib/tabber/tab/tab.component.d.ts +3 -1
  8. package/lib/tabber/tabber.defaults.d.ts +1 -0
  9. package/package.json +1 -1
  10. package/prebuilt-themes/default/tabber.css +7 -2
  11. package/prebuilt-themes/default/tabber.css.map +1 -1
  12. package/themes/default/tabber.scss +7 -2
package/lib/_internal/item-storages/dropdown-item-storage.d.ts CHANGED
@@ -13,7 +13,7 @@ export interface ItemStorageHost {
13
13
  readonly childrenFrom: Signal<string>;
14
14
  readonly itemsAlreadyGrouped: Signal<Nullable<boolean>>;
15
15
  readonly hideSelected: Signal<boolean>;
16
- readonly isLoading: Signal<boolean>;
16
+ readonly deferValueWrites: Signal<boolean>;
17
17
  readonly searchCaseSensitive: Signal<boolean>;
18
18
  readonly searchFn: Signal<SearchFn>;
19
19
  readonly compareWith: Signal<Nullable<CompareWithFn>>;
@@ -56,7 +56,6 @@ export declare class ItemStorage {
56
56
  private _createEmptyGroupMap;
57
57
  private _isWriteValueValid;
58
58
  private _valueToWriteAfterItemsLoad;
59
- private _wasValueWriteDeferred;
60
59
  handleWriteValue(ngModel: any): Promise<void>;
61
60
  findItemByValue(valueToFind: any): ArdOption | undefined;
62
61
  addCustomOption(value: string, fn: AddCustomFn<any> | AddCustomFn<Promise<any>> | AddCustomFn<Observable<any>>): Promise<ArdOption | null>;
package/lib/select/select.component.d.ts CHANGED
@@ -42,6 +42,8 @@ export declare class ArdiumSelectComponent extends _FormFieldComponentBase imple
42
42
  readonly searchInputId: import("@angular/core").InputSignal<Nullable<string>>;
43
43
  readonly inputAttrs: import("@angular/core").InputSignal<Record<string, any>>;
44
44
  readonly isLoading: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
45
+ readonly _deferValueWrites: import("@angular/core").InputSignal<boolean | null>;
46
+ readonly deferValueWrites: Signal<boolean>;
45
47
  readonly itemsAlreadyGrouped: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
46
48
  readonly invertDisabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
47
49
  readonly noGroupActions: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
@@ -201,5 +203,5 @@ export declare class ArdiumSelectComponent extends _FormFieldComponentBase imple
201
203
  private _onBackspaceOrDeletePress;
202
204
  private _onCtrlAPress;
203
205
  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; }; "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>;
206
+ 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; }; "_deferValueWrites": { "alias": "deferValueWrites"; "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
207
  }
package/lib/select/select.defaults.d.ts CHANGED
@@ -21,6 +21,7 @@ export interface ArdSelectDefaults extends _FormFieldComponentDefaults {
21
21
  loadingPlaceholderText: string;
22
22
  inputAttrs: Record<string, any>;
23
23
  isLoading: boolean;
24
+ deferValueWrites: boolean | null;
24
25
  itemsAlreadyGrouped: boolean;
25
26
  invertDisabled: boolean;
26
27
  noGroupActions: boolean;
package/lib/slider/range-slider/range-slider.component.d.ts CHANGED
@@ -29,7 +29,7 @@ export declare class ArdiumRangeSliderComponent extends _AbstractSlider<SliderRa
29
29
  onPointerMove(event: MouseEvent | TouchEvent): void;
30
30
  protected _percentValueToValue(percent: number, handleId: number): SliderRange;
31
31
  protected readonly _handlePositions: import("@angular/core").Signal<[number, number]>;
32
- readonly currentHandle: import("@angular/core").WritableSignal<2 | 1 | null>;
32
+ readonly currentHandle: import("@angular/core").WritableSignal<1 | 2 | null>;
33
33
  onHandleFocus(event: FocusEvent, handleId: 1 | 2): void;
34
34
  onBlur(event: FocusEvent): void;
35
35
  static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumRangeSliderComponent, never>;
package/lib/tabber/tab/tab.component.d.ts CHANGED
@@ -5,6 +5,8 @@ import * as i0 from "@angular/core";
5
5
  export declare class ArdiumTabComponent implements OnDestroy {
6
6
  protected readonly _DEFAULTS: import("../tabber.defaults").ArdTabberDefaults;
7
7
  readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
8
+ readonly pointerEventsWhenDisabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
9
+ readonly tabTitle: import("@angular/core").InputSignal<string>;
8
10
  readonly selected: import("@angular/core").WritableSignal<boolean>;
9
11
  set _selected(v: any);
10
12
  setSelected(state: boolean): void;
@@ -21,5 +23,5 @@ export declare class ArdiumTabComponent implements OnDestroy {
21
23
  private _selectedChangeSub;
22
24
  ngOnDestroy(): void;
23
25
  static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumTabComponent, 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>;
26
+ static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumTabComponent, "ard-tab", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "pointerEventsWhenDisabled": { "alias": "pointerEventsWhenDisabled"; "required": false; "isSignal": true; }; "tabTitle": { "alias": "tabTitle"; "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>;
25
27
  }
package/lib/tabber/tabber.defaults.d.ts CHANGED
@@ -3,6 +3,7 @@ import { OneAxisAlignment } from './../types/alignment.types';
3
3
  import { ComponentColor } from './../types/colors.types';
4
4
  export interface ArdTabberDefaults {
5
5
  tabDisabled: boolean;
6
+ tabPointerEventsWhenDisabled: boolean;
6
7
  color: ComponentColor;
7
8
  stretchTabs: boolean;
8
9
  uniformTabWidths: boolean;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ardium-ui/ui",
3
- "version": "5.0.0-alpha.64",
3
+ "version": "5.0.0-alpha.66",
4
4
  "peerDependencies": {
5
5
  "@angular/common": ">=18.0.0",
6
6
  "@angular/core": ">=18.0.0",
package/prebuilt-themes/default/tabber.css CHANGED
@@ -11,8 +11,8 @@
11
11
  --ard-tabber-tab-hover-overlay-opacity: 4%;
12
12
  --ard-tabber-tab-active-overlay-opacity: 12%;
13
13
  --ard-tabber-tab-focus-visible-overlay-opacity: 18%;
14
- --ard-tabber-tab-disabled-overlay-opacity: 12%;
15
- --ard-tabber-tab-disabled-opacity: 12%;
14
+ --ard-tabber-tab-disabled-overlay-opacity: 0%;
15
+ --ard-tabber-tab-disabled-opacity: 50%;
16
16
  }
17
17
 
18
18
  ard-tabber {
@@ -233,9 +233,14 @@ ard-tabber {
233
233
  }
234
234
  .ard-tabber .ard-tabber-tabs .ard-tab-button.ard-tab-disabled {
235
235
  opacity: var(--ard-tabber-tab-disabled-opacity);
236
+ pointer-events: none;
236
237
  }
237
238
  .ard-tabber .ard-tabber-tabs .ard-tab-button.ard-tab-disabled .ard-focus-overlay {
238
239
  opacity: var(--ard-tabber-tab-disabled-overlay-opacity, 18%);
239
240
  }
241
+ .ard-tabber .ard-tabber-tabs .ard-tab-button.ard-tab-disabled.ard-tab-with-pointer-events-when-disabled {
242
+ pointer-events: all;
243
+ cursor: not-allowed;
244
+ }
240
245
 
241
246
  /*# sourceMappingURL=tabber.css.map */
package/prebuilt-themes/default/tabber.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/tabber.scss","../../../../projects/ui/src/themes/default/_coloring.scss","../../../../projects/ui/src/themes/default/_mixins.scss"],"names":[],"mappings":"AAKA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EAEE;EACA;EACA;EACA;EACA;EACA;;AC/BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADlGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EE3DJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EFoDM;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAKA;EACE;;AAKF;EACE;;AAIF;EACE;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;;AAEA;EACE","file":"tabber.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/tabber.scss","../../../../projects/ui/src/themes/default/_coloring.scss","../../../../projects/ui/src/themes/default/_mixins.scss"],"names":[],"mappings":"AAKA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EAEE;EACA;EACA;EACA;EACA;EACA;;AC/BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADlGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EE3DJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EFoDM;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAKA;EACE;;AAKF;EACE;;AAIF;EACE;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;EACE;;AAEF;EACE;EACA","file":"tabber.css"}
package/themes/default/tabber.scss CHANGED
@@ -17,8 +17,8 @@
17
17
  --ard-tabber-tab-hover-overlay-opacity: 4%;
18
18
  --ard-tabber-tab-active-overlay-opacity: 12%;
19
19
  --ard-tabber-tab-focus-visible-overlay-opacity: 18%;
20
- --ard-tabber-tab-disabled-overlay-opacity: 12%;
21
- --ard-tabber-tab-disabled-opacity: 12%;
20
+ --ard-tabber-tab-disabled-overlay-opacity: 0%;
21
+ --ard-tabber-tab-disabled-opacity: 50%;
22
22
  }
23
23
 
24
24
  ard-tabber {
@@ -114,10 +114,15 @@ ard-tabber {
114
114
 
115
115
  &.ard-tab-disabled {
116
116
  opacity: var(--ard-tabber-tab-disabled-opacity);
117
+ pointer-events: none;
117
118
 
118
119
  .ard-focus-overlay {
119
120
  opacity: var(--ard-tabber-tab-disabled-overlay-opacity, 18%);
120
121
  }
122
+ &.ard-tab-with-pointer-events-when-disabled {
123
+ pointer-events: all;
124
+ cursor: not-allowed;
125
+ }
121
126
  }
122
127
  }
123
128
  }