@ardium-ui/ui 5.0.0-alpha.29 → 5.0.0-alpha.30

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 (15) hide show
  1. package/fesm2022/ardium-ui-ui.mjs +77 -56
  2. package/fesm2022/ardium-ui-ui.mjs.map +1 -1
  3. package/lib/slider/abstract-slider.d.ts +3 -0
  4. package/lib/slider/range-slider/range-slider.component.d.ts +2 -1
  5. package/lib/slider/slider.component.d.ts +1 -0
  6. package/lib/slider/slider.types.d.ts +2 -2
  7. package/lib/tabber/index.d.ts +0 -1
  8. package/lib/tabber/tab/tab.component.d.ts +1 -1
  9. package/lib/tabber/tabber.component.d.ts +1 -2
  10. package/lib/tabber/tabber.defaults.d.ts +1 -0
  11. package/package.json +1 -1
  12. package/prebuilt-themes/default/tabber.css +8 -0
  13. package/prebuilt-themes/default/tabber.css.map +1 -1
  14. package/themes/default/tabber.scss +8 -0
  15. package/lib/tabber/tab/tab.defaults.d.ts +0 -6
package/lib/slider/abstract-slider.d.ts CHANGED
@@ -39,6 +39,8 @@ export declare abstract class _AbstractSlider<T> extends _NgModelComponentBase {
39
39
  readonly min: import("@angular/core").InputSignalWithTransform<number, NumberLike>;
40
40
  readonly max: import("@angular/core").InputSignalWithTransform<number, NumberLike>;
41
41
  readonly step: import("@angular/core").InputSignalWithTransform<number, NumberLike>;
42
+ readonly minMaxStepValueCleanup: import("@angular/core").EffectRef;
43
+ readonly minMaxErrorCheck: import("@angular/core").EffectRef;
42
44
  readonly shiftMultiplier: import("@angular/core").InputSignalWithTransform<number, NumberLike>;
43
45
  protected readonly _stepSizeComputed: import("@angular/core").Signal<number>;
44
46
  readonly showValueTicks: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
@@ -57,6 +59,7 @@ export declare abstract class _AbstractSlider<T> extends _NgModelComponentBase {
57
59
  get value(): T;
58
60
  readonly valueChange: import("@angular/core").OutputEmitterRef<T>;
59
61
  abstract writeValue(v: any): void;
62
+ abstract cleanupValueAfterMinMaxStepChange(): void;
60
63
  abstract reset(): void;
61
64
  protected _offset(offset: number, hasShift: boolean, handleId?: number): void;
62
65
  protected _clampValue(v: number): number;
package/lib/slider/range-slider/range-slider.component.d.ts CHANGED
@@ -17,9 +17,10 @@ export declare class ArdiumRangeSliderComponent extends _AbstractSlider<SliderRa
17
17
  writeValue(v: any): void;
18
18
  get value(): SliderRange;
19
19
  set value(v: any);
20
+ cleanupValueAfterMinMaxStepChange(): void;
20
21
  _tooltipValue: SliderRange<string | number>;
21
22
  protected _updateTooltipValue(): void;
22
- getTooltipContext(type: 'low' | 'high'): SliderTooltipContext;
23
+ getTooltipContext(type: 'from' | 'to'): SliderTooltipContext;
23
24
  reset(): void;
24
25
  get trackOverlayLeft(): string;
25
26
  get trackOverlayWidth(): string;
package/lib/slider/slider.component.d.ts CHANGED
@@ -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;
package/lib/slider/slider.types.d.ts CHANGED
@@ -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;
package/lib/tabber/index.d.ts CHANGED
@@ -1,5 +1,4 @@
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';
5
4
  export * from './tabber.directives';
package/lib/tabber/tab/tab.component.d.ts CHANGED
@@ -3,7 +3,7 @@ import { BooleanLike } from '@ardium-ui/devkit';
3
3
  import { Subject } from 'rxjs';
4
4
  import * as i0 from "@angular/core";
5
5
  export declare class ArdiumTabComponent implements OnDestroy {
6
- protected readonly _DEFAULTS: import("./tab.defaults").ArdTabDefaults;
6
+ protected readonly _DEFAULTS: import("../tabber.defaults").ArdTabberDefaults;
7
7
  readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
8
8
  readonly selected: import("@angular/core").WritableSignal<boolean>;
9
9
  set _selected(v: any);
package/lib/tabber/tabber.component.d.ts CHANGED
@@ -13,7 +13,6 @@ export declare class ArdiumTabberComponent implements AfterContentInit, OnChange
13
13
  readonly selectedTab: import("@angular/core").Signal<ArdiumTabComponent | null>;
14
14
  readonly focusedTabId: import("@angular/core").WritableSignal<string | null>;
15
15
  readonly focusedTab: import("@angular/core").Signal<ArdiumTabComponent | null>;
16
- readonly focusedTabIdChange: import("@angular/core").OutputEmitterRef<string>;
17
16
  private _selectedTabIdToCheck;
18
17
  ngOnChanges(changes: SimpleChanges): void;
19
18
  private _validateSelectedTabId;
@@ -41,5 +40,5 @@ export declare class ArdiumTabberComponent implements AfterContentInit, OnChange
41
40
  templateContext: TabberLabelContext | null;
42
41
  }[]>;
43
42
  static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumTabberComponent, never>;
44
- 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"; "focusedTabIdChange": "focusedTabIdChange"; "focusEvent": "focus"; "blurEvent": "blur"; }, ["tabs", "labelTemplate"], ["*"], 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>;
45
44
  }
package/lib/tabber/tabber.defaults.d.ts CHANGED
@@ -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;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ardium-ui/ui",
3
- "version": "5.0.0-alpha.29",
3
+ "version": "5.0.0-alpha.30",
4
4
  "peerDependencies": {
5
5
  "@angular/common": ">=18.0.0",
6
6
  "@angular/core": ">=18.0.0",
package/prebuilt-themes/default/tabber.css CHANGED
@@ -6,6 +6,7 @@
6
6
  --ard-tabber-tab-background: none;
7
7
  --ard-tabber-tab-padding: 0 1.5rem;
8
8
  --ard-tabber-tab-gap: 0;
9
+ --ard-tabber-tab-content-gap: 0.375rem;
9
10
  --ard-tabber-separator-border: 1px solid var(--ard-detail-ultralight, rgba(0, 0, 0, 12%));
10
11
  --ard-tabber-tab-overlay-color: var(--ard-bg-alt, black);
11
12
  --ard-tabber-tab-hover-opacity: 4%;
@@ -204,6 +205,13 @@ ard-tabber {
204
205
  transition: opacity 0.2s ease;
205
206
  background: var(--ard-tabber-tab-overlay-color, var(--ard-bg-alt, black));
206
207
  }
208
+ .ard-tabber .ard-tabber-tabs .ard-tab-button .ard-button-content {
209
+ display: flex;
210
+ align-items: center;
211
+ justify-content: center;
212
+ height: 100%;
213
+ gap: var(--ard-tabber-tab-content-gap, 0.375rem);
214
+ }
207
215
  .ard-tabber .ard-tabber-tabs .ard-tab-button:hover .ard-focus-overlay, .ard-tabber .ard-tabber-tabs .ard-tab-button:focus .ard-focus-overlay {
208
216
  opacity: var(--ard-tabber-tab-hover-opacity, 4%);
209
217
  }
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":"AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EAEE;EACA;EACA;EACA;EACA;EACA;;AC1BA;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;;ADvGF;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;EEtDJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EF+CM;;AAKA;EACE;;AAKF;EACE;;AAIF;EACE;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA","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":"AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EAEE;EACA;EACA;EACA;EACA;EACA;;AC3BA;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;;ADtGF;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;EEvDJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EFgDM;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAKA;EACE;;AAKF;EACE;;AAIF;EACE;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA","file":"tabber.css"}
package/themes/default/tabber.scss CHANGED
@@ -9,6 +9,7 @@
9
9
  --ard-tabber-tab-background: none;
10
10
  --ard-tabber-tab-padding: 0 1.5rem;
11
11
  --ard-tabber-tab-gap: 0;
12
+ --ard-tabber-tab-content-gap: 0.375rem;
12
13
  --ard-tabber-separator-border: 1px solid var(--ard-detail-ultralight, rgba(0, 0, 0, 12%));
13
14
  --ard-tabber-tab-overlay-color: var(--ard-bg-alt, black);
14
15
  --ard-tabber-tab-hover-opacity: 4%;
@@ -69,6 +70,13 @@ ard-tabber {
69
70
  @include M.focus-overlay();
70
71
  background: var(--ard-tabber-tab-overlay-color, var(--ard-bg-alt, black));
71
72
  }
73
+ .ard-button-content {
74
+ display: flex;
75
+ align-items: center;
76
+ justify-content: center;
77
+ height: 100%;
78
+ gap: var(--ard-tabber-tab-content-gap, 0.375rem);
79
+ }
72
80
 
73
81
  &:hover,
74
82
  &:focus {
package/lib/tabber/tab/tab.defaults.d.ts DELETED
@@ -1,6 +0,0 @@
1
- import { InjectionToken, Provider } from '@angular/core';
2
- export interface ArdTabDefaults {
3
- disabled: boolean;
4
- }
5
- export declare const ARD_TAB_DEFAULTS: InjectionToken<ArdTabDefaults>;
6
- export declare function provideTabDefaults(config: Partial<ArdTabDefaults>): Provider;