@ardium-ui/ui 5.0.0-alpha.34 → 5.0.0-alpha.36

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 +71 -39
  2. package/fesm2022/ardium-ui-ui.mjs.map +1 -1
  3. package/lib/_internal/ngmodel-component.d.ts +1 -0
  4. package/lib/file-inputs/file-input-base.d.ts +0 -1
  5. package/lib/inputs/number-input/number-input.component.d.ts +0 -1
  6. package/lib/slider/abstract-slider.d.ts +9 -9
  7. package/lib/slider/range-slider/range-slider.component.d.ts +3 -3
  8. package/lib/slider/slider.types.d.ts +1 -1
  9. package/package.json +1 -1
  10. package/prebuilt-themes/default/slider.css +5 -4
  11. package/prebuilt-themes/default/slider.css.map +1 -1
  12. package/themes/default/slider.scss +5 -4
package/lib/_internal/ngmodel-component.d.ts CHANGED
@@ -45,6 +45,7 @@ export declare abstract class _NgModelComponentBase extends _FocusableComponentB
45
45
  onFocus(event: FocusEvent): void;
46
46
  protected _shouldEmitTouched: boolean;
47
47
  onBlur(event: FocusEvent): void;
48
+ protected _emitTouched(): void;
48
49
  protected readonly _injector: Injector;
49
50
  private _statusChangesSub?;
50
51
  ngOnInit(): void;
package/lib/file-inputs/file-input-base.d.ts CHANGED
@@ -50,7 +50,6 @@ export declare abstract class _FileInputComponentBase extends _FormFieldComponen
50
50
  onFileInputChange(): void;
51
51
  private _writeFilesToValue;
52
52
  private _isFilePickerOpen;
53
- private _emitTouched;
54
53
  onFocus(event: FocusEvent): void;
55
54
  onBlur(event: FocusEvent): void;
56
55
  private _filterFilesBasedOnSizeAndCount;
package/lib/inputs/number-input/number-input.component.d.ts CHANGED
@@ -55,7 +55,6 @@ export declare class ArdiumNumberInputComponent extends _FormFieldComponentBase
55
55
  protected _emitInput(): void;
56
56
  onFocusMaster(event: FocusEvent): void;
57
57
  onBlurMaster(event: FocusEvent): void;
58
- private _emitTouched;
59
58
  onChange(event: Event): void;
60
59
  protected _emitChange(): void;
61
60
  onMouseup(): void;
package/lib/slider/abstract-slider.d.ts CHANGED
@@ -3,7 +3,6 @@ import { ElementRef, Renderer2, Signal, ViewContainerRef, WritableSignal } from
3
3
  import { BooleanLike, NumberLike } from '@ardium-ui/devkit';
4
4
  import { _NgModelComponentBase, _NgModelComponentDefaults } from '../_internal/ngmodel-component';
5
5
  import { SimpleComponentColor } from '../types/colors.types';
6
- import { Nullable } from '../types/utility.types';
7
6
  import { ArdRangeSelectionBehavior } from './range-slider/range-slider.types';
8
7
  import { ArdSliderTooltipDirective } from './slider.directive';
9
8
  import { SliderDecorationPosition, SliderLabelObject, SliderTooltipBehavior, SliderTooltipFormatFn, _InternalSliderLabelObject } from './slider.types';
@@ -11,7 +10,7 @@ import * as i0 from "@angular/core";
11
10
  export interface _AsbtractSliderDefaults extends _NgModelComponentDefaults {
12
11
  noTooltip: boolean;
13
12
  showValueTicks: boolean;
14
- formatTooltipFn: Nullable<SliderTooltipFormatFn>;
13
+ formatTooltipFn: SliderTooltipFormatFn;
15
14
  min: number;
16
15
  max: number;
17
16
  step: number;
@@ -23,7 +22,7 @@ export interface _AsbtractSliderDefaults extends _NgModelComponentDefaults {
23
22
  tooltipPosition: SliderDecorationPosition;
24
23
  tooltipBehavior: SliderTooltipBehavior;
25
24
  selectionBehavior: ArdRangeSelectionBehavior;
26
- allowEqualValues: boolean;
25
+ minimumDistance: number;
27
26
  }
28
27
  export declare const _asbtractSliderDefaults: _AsbtractSliderDefaults;
29
28
  export declare abstract class _AbstractSlider<T> extends _NgModelComponentBase {
@@ -36,8 +35,6 @@ export declare abstract class _AbstractSlider<T> extends _NgModelComponentBase {
36
35
  protected readonly overlay: Overlay;
37
36
  protected readonly scrollStrategyOpts: ScrollStrategyOptions;
38
37
  protected readonly viewContainerRef: ViewContainerRef;
39
- readonly noTooltip: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
40
- readonly tooltipFormatFn: import("@angular/core").InputSignal<Nullable<SliderTooltipFormatFn>>;
41
38
  readonly min: import("@angular/core").InputSignalWithTransform<number, NumberLike>;
42
39
  readonly max: import("@angular/core").InputSignalWithTransform<number, NumberLike>;
43
40
  readonly step: import("@angular/core").InputSignalWithTransform<number, NumberLike>;
@@ -47,8 +44,9 @@ export declare abstract class _AbstractSlider<T> extends _NgModelComponentBase {
47
44
  protected readonly _stepSizeComputed: Signal<number>;
48
45
  readonly showValueTicks: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
49
46
  protected readonly _tickArray: Signal<string[]>;
47
+ private _transformLabelInput;
50
48
  readonly labelPosition: import("@angular/core").InputSignal<SliderDecorationPosition>;
51
- readonly labels: import("@angular/core").InputSignal<number[] | SliderLabelObject[] | null>;
49
+ readonly labels: import("@angular/core").InputSignalWithTransform<SliderLabelObject[], string | number[] | SliderLabelObject[] | null | undefined>;
52
50
  readonly labelObjects: Signal<_InternalSliderLabelObject[]>;
53
51
  readonly color: import("@angular/core").InputSignal<SimpleComponentColor>;
54
52
  readonly compact: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
@@ -66,6 +64,8 @@ export declare abstract class _AbstractSlider<T> extends _NgModelComponentBase {
66
64
  protected _clampValue(v: number): number;
67
65
  protected _valueToPercent(v: number): number;
68
66
  protected _emitChange(): void;
67
+ readonly noTooltip: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
68
+ readonly tooltipFormatFn: import("@angular/core").InputSignal<SliderTooltipFormatFn>;
69
69
  readonly tooltipTemplate: Signal<ArdSliderTooltipDirective | undefined>;
70
70
  readonly tooltipPosition: import("@angular/core").InputSignal<SliderDecorationPosition>;
71
71
  readonly tooltipBehavior: import("@angular/core").InputSignal<SliderTooltipBehavior>;
@@ -87,8 +87,8 @@ export declare abstract class _AbstractSlider<T> extends _NgModelComponentBase {
87
87
  protected _clampPercentValue(percent: number): number;
88
88
  protected _getPercentValueFromEvent(event: MouseEvent | TouchEvent): number;
89
89
  onKeyPress(event: KeyboardEvent): void;
90
- protected _decrement(event: KeyboardEvent, steps?: number): void;
91
- protected _increment(event: KeyboardEvent, steps?: number): void;
90
+ protected _decrement(event: KeyboardEvent, forceShift?: boolean): void;
91
+ protected _increment(event: KeyboardEvent, forceShift?: boolean): void;
92
92
  static ɵfac: i0.ɵɵFactoryDeclaration<_AbstractSlider<any>, never>;
93
- static ɵdir: i0.ɵɵDirectiveDeclaration<_AbstractSlider<any>, never, never, { "noTooltip": { "alias": "noTooltip"; "required": false; "isSignal": true; }; "tooltipFormatFn": { "alias": "tooltipFormatFn"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "shiftMultiplier": { "alias": "shiftMultiplier"; "required": false; "isSignal": true; }; "showValueTicks": { "alias": "showValueTicks"; "required": false; "isSignal": true; }; "labelPosition": { "alias": "labelPosition"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; "isSignal": true; }; "tooltipBehavior": { "alias": "tooltipBehavior"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, ["tooltipTemplate"], never, true, never>;
93
+ static ɵdir: i0.ɵɵDirectiveDeclaration<_AbstractSlider<any>, never, never, { "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "shiftMultiplier": { "alias": "shiftMultiplier"; "required": false; "isSignal": true; }; "showValueTicks": { "alias": "showValueTicks"; "required": false; "isSignal": true; }; "labelPosition": { "alias": "labelPosition"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; }; "noTooltip": { "alias": "noTooltip"; "required": false; "isSignal": true; }; "tooltipFormatFn": { "alias": "tooltipFormatFn"; "required": false; "isSignal": true; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; "isSignal": true; }; "tooltipBehavior": { "alias": "tooltipBehavior"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, ["tooltipTemplate"], never, true, never>;
94
94
  }
package/lib/slider/range-slider/range-slider.component.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { OnInit } from '@angular/core';
2
- import { BooleanLike } from '@ardium-ui/devkit';
2
+ import { NumberLike } from '@ardium-ui/devkit';
3
3
  import { _AbstractSlider } from '../abstract-slider';
4
4
  import { ArdSliderDefaults } from '../slider.defaults';
5
5
  import { SliderRange, SliderTooltipContext } from '../slider.types';
@@ -19,7 +19,7 @@ export declare class ArdiumRangeSliderComponent extends _AbstractSlider<SliderRa
19
19
  set value(v: any);
20
20
  cleanupValueAfterMinMaxStepChange(): void;
21
21
  readonly selectionBehavior: import("@angular/core").InputSignal<ArdRangeSelectionBehavior>;
22
- readonly allowEqualValues: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
22
+ readonly minimumDistance: import("@angular/core").InputSignalWithTransform<number, NumberLike>;
23
23
  protected readonly _tooltipValue: import("@angular/core").Signal<SliderRange<string>>;
24
24
  readonly tooltipContexts: import("@angular/core").Signal<SliderRange<SliderTooltipContext>>;
25
25
  reset(): void;
@@ -33,5 +33,5 @@ export declare class ArdiumRangeSliderComponent extends _AbstractSlider<SliderRa
33
33
  onHandleFocus(event: FocusEvent, handleId: 1 | 2): void;
34
34
  onBlur(event: FocusEvent): void;
35
35
  static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumRangeSliderComponent, never>;
36
- static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumRangeSliderComponent, "ard-range-slider", never, { "selectionBehavior": { "alias": "selectionBehavior"; "required": false; "isSignal": true; }; "allowEqualValues": { "alias": "allowEqualValues"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
36
+ static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumRangeSliderComponent, "ard-range-slider", never, { "selectionBehavior": { "alias": "selectionBehavior"; "required": false; "isSignal": true; }; "minimumDistance": { "alias": "minimumDistance"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
37
37
  }
package/lib/slider/slider.types.d.ts CHANGED
@@ -15,7 +15,7 @@ export declare const SliderDecorationPosition: {
15
15
  export type SliderDecorationPosition = (typeof SliderDecorationPosition)[keyof typeof SliderDecorationPosition];
16
16
  export interface SliderLabelObject {
17
17
  label: string | number;
18
- for: number;
18
+ value: number;
19
19
  }
20
20
  export interface _InternalSliderLabelObject {
21
21
  label: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ardium-ui/ui",
3
- "version": "5.0.0-alpha.34",
3
+ "version": "5.0.0-alpha.36",
4
4
  "peerDependencies": {
5
5
  "@angular/common": ">=18.0.0",
6
6
  "@angular/core": ">=18.0.0",
package/prebuilt-themes/default/slider.css CHANGED
@@ -332,14 +332,15 @@
332
332
  .ard-slider-container-master .ard-slider-tooltip,
333
333
  .ard-range-slider-container-master .ard-slider-tooltip {
334
334
  background: var(--ard-slider-label-bg, var(--ard-text3));
335
- color: var(--ard-slider-label-color, var(--ard-text2-alt));
336
- font-size: var(--ard-slider-label-font-size, 0.875rem);
337
- border-radius: var(--ard-slider-label-border-radius, 0.375em);
338
335
  height: var(--ard-slider-label-height, 2em);
339
336
  padding: var(--ard-slider-label-padding, 0 0.75em);
337
+ border-radius: var(--ard-slider-label-border-radius, 0.375em);
338
+ color: var(--ard-slider-label-color, var(--ard-text2-alt));
339
+ font-size: var(--ard-slider-label-font-size, 0.875rem);
340
+ font-weight: var(--ard-slider-label-font-weight, 500);
341
+ white-space: nowrap;
340
342
  display: flex;
341
343
  align-items: center;
342
- font-weight: var(--ard-slider-label-font-weight, 500);
343
344
  position: relative;
344
345
  z-index: 2;
345
346
  user-select: none;
package/prebuilt-themes/default/slider.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/slider.scss","../../../../projects/ui/src/themes/default/_coloring.scss","../../../../projects/ui/src/themes/_variables.scss","../../../../projects/ui/src/themes/default/_mixins.scss"],"names":[],"mappings":"AAKA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAIE;EACA;EACA;EACA;EACA;EACA;EACA;;ACjDA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AD/EF;AAAA;EACE;;AAEA;AAAA;EACE;;AAKJ;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;AAAA;EACE;EACA;EACA,YE5EC;;AF8ED;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;AAAA;EACE;EACA;;AAEF;AAAA;EACE;EACA;EACA;EACA;;AAEF;AAAA;EACE;EACA;EACA;EACA;EACA,YExGC;EFyGD;EACA;;AAIJ;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA,YEjGY;;AFmGZ;AAAA;EGxHF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EHiHI;;AG9GJ;AAAA;EACE;EAEA,YACE;;AAMF;AAAA;AAAA;EACE;;AHuGF;AAAA;EACE;EACA;EACA;;AAGA;AAAA;EACE;;AAGJ;AAAA;EACE,YEnHW;;AFqHX;AAAA;EACE;;AAKF;AAAA;AAAA;EACE;;AAIN;AAAA;EACE;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;;AAIJ;AAAA;EACE;EACA;;AAEF;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;AAEA;AAAA;EACE;EACA;EACA;EACA;;AAIF;AAAA;EACE;EACA;;AAEA;AAAA;EACE;EACA;EACA;;AAKJ;AAAA;EACE;EACA;;AAEA;AAAA;EACE;EACA;EACA;;AAQJ;AAAA;AAAA;AAAA;EACE;;AAMA;AAAA;EACE;;AAMJ;AAAA;EACE;;;AAIN;EACE;;AAEA;EACE;EACA","file":"slider.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/slider.scss","../../../../projects/ui/src/themes/default/_coloring.scss","../../../../projects/ui/src/themes/_variables.scss","../../../../projects/ui/src/themes/default/_mixins.scss"],"names":[],"mappings":"AAKA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAIE;EACA;EACA;EACA;EACA;EACA;EACA;;ACjDA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AD/EF;AAAA;EACE;;AAEA;AAAA;EACE;;AAKJ;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;AAAA;EACE;EACA;EACA,YE5EC;;AF8ED;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;AAAA;EACE;EACA;;AAEF;AAAA;EACE;EACA;EACA;EACA;;AAEF;AAAA;EACE;EACA;EACA;EACA;EACA,YExGC;EFyGD;EACA;;AAIJ;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA,YEjGY;;AFmGZ;AAAA;EGxHF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EHiHI;;AG9GJ;AAAA;EACE;EAEA,YACE;;AAMF;AAAA;AAAA;EACE;;AHuGF;AAAA;EACE;EACA;EACA;;AAGA;AAAA;EACE;;AAGJ;AAAA;EACE,YEnHW;;AFqHX;AAAA;EACE;;AAKF;AAAA;AAAA;EACE;;AAIN;AAAA;EACE;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;;AAIJ;AAAA;EACE;EACA;;AAEF;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;AAEA;AAAA;EACE;EACA;EACA;EACA;;AAIF;AAAA;EACE;EACA;;AAEA;AAAA;EACE;EACA;EACA;;AAKJ;AAAA;EACE;EACA;;AAEA;AAAA;EACE;EACA;EACA;;AAQJ;AAAA;AAAA;AAAA;EACE;;AAMA;AAAA;EACE;;AAMJ;AAAA;EACE;;;AAIN;EACE;;AAEA;EACE;EACA","file":"slider.css"}
package/themes/default/slider.scss CHANGED
@@ -179,14 +179,15 @@
179
179
  }
180
180
  .ard-slider-tooltip {
181
181
  background: var(--ard-slider-label-bg, #{ARD.$text3});
182
- color: var(--ard-slider-label-color, #{ARD.$text2-alt});
183
- font-size: var(--ard-slider-label-font-size, 0.875rem);
184
- border-radius: var(--ard-slider-label-border-radius, 0.375em);
185
182
  height: var(--ard-slider-label-height, 2em);
186
183
  padding: var(--ard-slider-label-padding, 0 0.75em);
184
+ border-radius: var(--ard-slider-label-border-radius, 0.375em);
185
+ color: var(--ard-slider-label-color, #{ARD.$text2-alt});
186
+ font-size: var(--ard-slider-label-font-size, 0.875rem);
187
+ font-weight: var(--ard-slider-label-font-weight, 500);
188
+ white-space: nowrap;
187
189
  display: flex;
188
190
  align-items: center;
189
- font-weight: var(--ard-slider-label-font-weight, 500);
190
191
  position: relative;
191
192
  z-index: 2;
192
193
  user-select: none;