@ardium-ui/ui 5.0.0-alpha.65 → 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 (9) hide show
  1. package/fesm2022/ardium-ui-ui.mjs +8 -3
  2. package/fesm2022/ardium-ui-ui.mjs.map +1 -1
  3. package/lib/slider/range-slider/range-slider.component.d.ts +1 -1
  4. package/lib/tabber/tab/tab.component.d.ts +3 -1
  5. package/lib/tabber/tabber.defaults.d.ts +1 -0
  6. package/package.json +1 -1
  7. package/prebuilt-themes/default/tabber.css +7 -2
  8. package/prebuilt-themes/default/tabber.css.map +1 -1
  9. package/themes/default/tabber.scss +7 -2
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.65",
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
  }