@testgorilla/tgo-ui 11.22.3 → 12.0.0

package/types/testgorilla-tgo-ui-components-slider.d.ts

@@ -1,201 +1,281 @@
-import * as _angular_core from '@angular/core';
-import { EventEmitter, ChangeDetectorRef } from '@angular/core';
-import { DecimalPipe } from '@angular/common';
-import { Validator, AbstractControl, ValidationErrors } from '@angular/forms';
-import { MatSliderDragEvent } from '@angular/material/slider';
-import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
-export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
-
-interface SliderValue {
-    start: number;
-    end: number;
+import { DecimalPipe } from "@angular/common";
+import * as i0 from "@angular/core";
+import { ChangeDetectorRef, EventEmitter } from "@angular/core";
+import { AbstractControl, ValidationErrors, Validator } from "@angular/forms";
+import { MatSliderDragEvent } from "@angular/material/slider";
+import { ApplicationTheme, ApplicationTheme as ApplicationTheme$1 } from "@testgorilla/tgo-ui/components/core";
+export interface SliderValue {
+  start: number;
+  end: number;
 }
-type SliderVariant = 'basic' | 'range';
-
-declare class SliderComponent implements Validator {
-    private readonly defaultAppTheme;
-    /**
-     * The maximum value of the slider.
-     *
-     * @type {number}
-     * @default 100
-     */
-    max: number;
-    /**
-     * The minimum value of the slider.
-     *
-     * @type {number}
-     * @default 0
-     */
-    min: number;
-    /**
-     * A flag indicating whether the slider displays values as percentages.
-     *
-     * @type {boolean}
-     * @default true
-     */
-    percentage: boolean;
-    /**
-     * A flag indicating whether the slider is disabled.
-     *
-     * @type {boolean}
-     * @default true
-     */
-    disabled: boolean;
-    /**
-     * The starting value of the slider.
-     *
-     * @type {number}
-     * @default 0
-     */
-    sliderStart: number;
-    /**
-     * The ending value of the slider.
-     *
-     * @type {number}
-     * @default 100
-     */
-    sliderEnd: number;
-    /**
-     * The label for the slider.
-     *
-     * @type {string}
-     * @default ''
-     */
-    label: string;
-    /**
-     * Show slider inputs.
-     *
-     * @type {boolean}
-     * @default true
-     */
-    showInputs: boolean;
-    /**
-     * Step number.
-     *
-     * @type {number}
-     * @default 1
-     */
-    step: number;
-    /**
-     *
-     * Defines the application theme
-     *
-     * @type {ApplicationTheme}
-     * @memberof SliderComponent
-     */
-    applicationTheme: ApplicationTheme;
-    /**
-     *
-     * Defines the variant slider
-     *
-     * @type {SliderVariant}
-     * @memberof SliderComponent
-     */
-    variant: SliderVariant;
-    testId: string | null;
-    get startThumbTestId(): string;
-    get endThumbTestId(): string;
-    get startInputTestId(): string;
-    get endInputTestId(): string;
-    /**
-     * Controls whether decimal values are allowed in the input fields.
-     * When true, inputs accept decimal numbers (up to 2 decimal places).
-     * When false, inputs only accept whole numbers.
-     */
-    useDecimal: _angular_core.InputSignal<boolean>;
-    /**
-     * Controls whether numbers are displayed with thousands separators.
-     * When true, displays numbers like "100,000" instead of "100000".
-     * This is independent of useDecimal - you can have thousands separators
-     * without decimals, or decimals without thousands separators.
-     */
-    useThousandsSeparator: _angular_core.InputSignal<boolean>;
-    minLabel: _angular_core.InputSignal<string | undefined>;
-    maxLabel: _angular_core.InputSignal<string | undefined>;
-    inputWidth: _angular_core.InputSignal<number>;
-    /**
-     * Controls whether the value bubble pops above the thumb on hover and while dragging.
-     * Set it to false for scrubber-style sliders whose designs do not show one.
-     * Applies to both the basic and the range variant.
-     */
-    showValueBubble: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    sliderValueChange: EventEmitter<SliderValue>;
-    /**
-     * Emitted with the current value when the user starts dragging the thumb.
-     * Basic variant only, and never emitted for programmatic value writes, so a consumer
-     * that also drives the slider on a timer can tell a user drag apart from its own write.
-     */
-    dragStart: _angular_core.OutputEmitterRef<number>;
-    /**
-     * Emitted with the released value when the user stops dragging the thumb.
-     * Basic variant only. See {@link dragStart}.
-     */
-    dragEnd: _angular_core.OutputEmitterRef<number>;
-    /**
-     * Emitted with the thumb's current value on every move while the user is dragging it.
-     * Basic variant only, and pointer drag only: keyboard seeks and programmatic writes never
-     * emit it and keep arriving through `sliderValueChange`. See {@link dragStart}.
-     */
-    dragMove: _angular_core.OutputEmitterRef<number>;
-    private isDragging;
-    /**
-     * Tracks hover, so the value bubble markup is only mounted while the pointer is over the slider.
-     * Starts true to keep the at-rest markup identical to what the component shipped before
-     * `showValueBubble` existed: Material leaves the bubble invisible until the thumb is active, and
-     * unmounting it changes how the disabled slider's opacity layer rasterises its text.
-     */
-    private readonly isHovered;
-    /** Material renders the value bubble only while `discrete` is set, so gate it on both hover and the input. */
-    protected readonly isDiscrete: _angular_core.Signal<boolean>;
-    cdr: ChangeDetectorRef;
-    decimalPipe: DecimalPipe;
-    private control?;
-    private readonly destroyRef;
-    private readonly ngZone;
-    private readonly matSlider;
-    private readonly matSliderElement;
-    constructor(defaultAppTheme: ApplicationTheme);
-    /**
-     * Works around MatSlider's resize handling for the range variant. On a resize, `_onResize()`
-     * repositions the end thumb before the start thumb, and clamps the end thumb so it cannot sit
-     * left of the start thumb's position — which at that point is still the pre-resize one. When the
-     * slider shrinks to under about half its width, the end thumb is clamped to that stale position
-     * and stays there, because nothing repositions it afterwards. Running the resize step once more,
-     * after Material's own observer, places the end thumb against the start thumb's new position.
-     * Growing the slider never clamps, so the extra pass is a no-op there.
-     */
-    private observeRangeResize;
-    private value;
-    protected translationContext: string;
-    protected touchedControlName: string;
-    onChange: (value: SliderValue) => void;
-    onTouch: () => void;
-    registerOnChange(fn: (value: SliderValue) => void): void;
-    registerOnTouched(fn: () => void): void;
-    setDisabledState(isDisabled: boolean): void;
-    writeValue(value: SliderValue): void;
-    protected onValueChange(ev?: number): void;
-    protected onSliderHover(isHovered: boolean): void;
-    protected onDragStart(event: MatSliderDragEvent): void;
-    protected onDragMove(value: number): void;
-    protected onDragEnd(event: MatSliderDragEvent): void;
-    protected onInputBlur(inputName: string): void;
-    protected onInputFocus(): void;
-    private isValueChanged;
-    get hasError(): boolean;
-    get isBasicSlider(): boolean;
-    formatLabel(value: number): string;
-    validate(control: AbstractControl): ValidationErrors | null;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SliderComponent, [{ optional: true; }]>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SliderComponent, "ui-slider", never, { "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "percentage": { "alias": "percentage"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "sliderStart": { "alias": "sliderStart"; "required": false; }; "sliderEnd": { "alias": "sliderEnd"; "required": false; }; "label": { "alias": "label"; "required": false; }; "showInputs": { "alias": "showInputs"; "required": false; }; "step": { "alias": "step"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "testId": { "alias": "testId"; "required": false; }; "useDecimal": { "alias": "useDecimal"; "required": false; "isSignal": true; }; "useThousandsSeparator": { "alias": "useThousandsSeparator"; "required": false; "isSignal": true; }; "minLabel": { "alias": "minLabel"; "required": false; "isSignal": true; }; "maxLabel": { "alias": "maxLabel"; "required": false; "isSignal": true; }; "inputWidth": { "alias": "inputWidth"; "required": false; "isSignal": true; }; "showValueBubble": { "alias": "showValueBubble"; "required": false; "isSignal": true; }; }, { "sliderValueChange": "sliderValueChange"; "dragStart": "dragStart"; "dragEnd": "dragEnd"; "dragMove": "dragMove"; }, never, never, true, never>;
+export type SliderVariant = 'basic' | 'range';
+export declare class SliderComponent implements Validator {
+  private readonly defaultAppTheme;
+  /**
+   * The maximum value of the slider.
+   *
+   * @type {number}
+   * @default 100
+   */
+  max: number;
+  /**
+   * The minimum value of the slider.
+   *
+   * @type {number}
+   * @default 0
+   */
+  min: number;
+  /**
+   * A flag indicating whether the slider displays values as percentages.
+   *
+   * @type {boolean}
+   * @default true
+   */
+  percentage: boolean;
+  /**
+   * A flag indicating whether the slider is disabled.
+   *
+   * @type {boolean}
+   * @default true
+   */
+  disabled: boolean;
+  /**
+   * The starting value of the slider.
+   *
+   * @type {number}
+   * @default 0
+   */
+  sliderStart: number;
+  /**
+   * The ending value of the slider.
+   *
+   * @type {number}
+   * @default 100
+   */
+  sliderEnd: number;
+  /**
+   * The label for the slider.
+   *
+   * @type {string}
+   * @default ''
+   */
+  label: string;
+  /**
+   * Show slider inputs.
+   *
+   * @type {boolean}
+   * @default true
+   */
+  showInputs: boolean;
+  /**
+   * Step number.
+   *
+   * @type {number}
+   * @default 1
+   */
+  step: number;
+  /**
+   *
+   * Defines the application theme
+   *
+   * @type {ApplicationTheme}
+   * @memberof SliderComponent
+   */
+  applicationTheme: ApplicationTheme$1;
+  /**
+   *
+   * Defines the variant slider
+   *
+   * @type {SliderVariant}
+   * @memberof SliderComponent
+   */
+  variant: SliderVariant;
+  testId: string | null;
+  get startThumbTestId(): string;
+  get endThumbTestId(): string;
+  get startInputTestId(): string;
+  get endInputTestId(): string;
+  /**
+   * Controls whether decimal values are allowed in the input fields.
+   * When true, inputs accept decimal numbers (up to 2 decimal places).
+   * When false, inputs only accept whole numbers.
+   */
+  useDecimal: import("@angular/core").InputSignal<boolean>;
+  /**
+   * Controls whether numbers are displayed with thousands separators.
+   * When true, displays numbers like "100,000" instead of "100000".
+   * This is independent of useDecimal - you can have thousands separators
+   * without decimals, or decimals without thousands separators.
+   */
+  useThousandsSeparator: import("@angular/core").InputSignal<boolean>;
+  minLabel: import("@angular/core").InputSignal<string | undefined>;
+  maxLabel: import("@angular/core").InputSignal<string | undefined>;
+  inputWidth: import("@angular/core").InputSignal<number>;
+  /**
+   * Controls whether the value bubble pops above the thumb on hover and while dragging.
+   * Set it to false for scrubber-style sliders whose designs do not show one.
+   * Applies to both the basic and the range variant.
+   */
+  showValueBubble: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  sliderValueChange: EventEmitter<SliderValue>;
+  /**
+   * Emitted with the current value when the user starts dragging the thumb.
+   * Basic variant only, and never emitted for programmatic value writes, so a consumer
+   * that also drives the slider on a timer can tell a user drag apart from its own write.
+   */
+  dragStart: import("@angular/core").OutputEmitterRef<number>;
+  /**
+   * Emitted with the released value when the user stops dragging the thumb.
+   * Basic variant only. See {@link dragStart}.
+   */
+  dragEnd: import("@angular/core").OutputEmitterRef<number>;
+  /**
+   * Emitted with the thumb's current value on every move while the user is dragging it.
+   * Basic variant only, and pointer drag only: keyboard seeks and programmatic writes never
+   * emit it and keep arriving through `sliderValueChange`. See {@link dragStart}.
+   */
+  dragMove: import("@angular/core").OutputEmitterRef<number>;
+  private isDragging;
+  /**
+   * Tracks hover, so the value bubble markup is only mounted while the pointer is over the slider.
+   * Starts true to keep the at-rest markup identical to what the component shipped before
+   * `showValueBubble` existed: Material leaves the bubble invisible until the thumb is active, and
+   * unmounting it changes how the disabled slider's opacity layer rasterises its text.
+   */
+  private readonly isHovered;
+  /** Material renders the value bubble only while `discrete` is set, so gate it on both hover and the input. */
+  protected readonly isDiscrete: import("@angular/core").Signal<boolean>;
+  cdr: ChangeDetectorRef;
+  decimalPipe: DecimalPipe;
+  private control?;
+  private readonly destroyRef;
+  private readonly ngZone;
+  private readonly matSlider;
+  private readonly matSliderElement;
+  constructor(defaultAppTheme: ApplicationTheme$1);
+  /**
+   * Works around MatSlider's resize handling for the range variant. On a resize, `_onResize()`
+   * repositions the end thumb before the start thumb, and clamps the end thumb so it cannot sit
+   * left of the start thumb's position — which at that point is still the pre-resize one. When the
+   * slider shrinks to under about half its width, the end thumb is clamped to that stale position
+   * and stays there, because nothing repositions it afterwards. Running the resize step once more,
+   * after Material's own observer, places the end thumb against the start thumb's new position.
+   * Growing the slider never clamps, so the extra pass is a no-op there.
+   */
+  private observeRangeResize;
+  private value;
+  protected translationContext: string;
+  protected touchedControlName: string;
+  onChange: (value: SliderValue) => void;
+  onTouch: () => void;
+  registerOnChange(fn: (value: SliderValue) => void): void;
+  registerOnTouched(fn: () => void): void;
+  setDisabledState(isDisabled: boolean): void;
+  writeValue(value: SliderValue): void;
+  protected onValueChange(ev?: number): void;
+  protected onSliderHover(isHovered: boolean): void;
+  protected onDragStart(event: MatSliderDragEvent): void;
+  protected onDragMove(value: number): void;
+  protected onDragEnd(event: MatSliderDragEvent): void;
+  protected onInputBlur(inputName: string): void;
+  protected onInputFocus(): void;
+  private isValueChanged;
+  get hasError(): boolean;
+  get isBasicSlider(): boolean;
+  formatLabel(value: number): string;
+  validate(control: AbstractControl): ValidationErrors | null;
+  static ɵfac: i0.ɵɵFactoryDeclaration<SliderComponent, [{
+    optional: true;
+  }]>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<SliderComponent, "ui-slider", never, {
+    "max": {
+      "alias": "max";
+      "required": false;
+    };
+    "min": {
+      "alias": "min";
+      "required": false;
+    };
+    "percentage": {
+      "alias": "percentage";
+      "required": false;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+    };
+    "sliderStart": {
+      "alias": "sliderStart";
+      "required": false;
+    };
+    "sliderEnd": {
+      "alias": "sliderEnd";
+      "required": false;
+    };
+    "label": {
+      "alias": "label";
+      "required": false;
+    };
+    "showInputs": {
+      "alias": "showInputs";
+      "required": false;
+    };
+    "step": {
+      "alias": "step";
+      "required": false;
+    };
+    "applicationTheme": {
+      "alias": "applicationTheme";
+      "required": false;
+    };
+    "variant": {
+      "alias": "variant";
+      "required": false;
+    };
+    "testId": {
+      "alias": "testId";
+      "required": false;
+    };
+    "useDecimal": {
+      "alias": "useDecimal";
+      "required": false;
+      "isSignal": true;
+    };
+    "useThousandsSeparator": {
+      "alias": "useThousandsSeparator";
+      "required": false;
+      "isSignal": true;
+    };
+    "minLabel": {
+      "alias": "minLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "maxLabel": {
+      "alias": "maxLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "inputWidth": {
+      "alias": "inputWidth";
+      "required": false;
+      "isSignal": true;
+    };
+    "showValueBubble": {
+      "alias": "showValueBubble";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "sliderValueChange": "sliderValueChange";
+    "dragStart": "dragStart";
+    "dragEnd": "dragEnd";
+    "dragMove": "dragMove";
+  }, never, never, true, never>;
 }
-
-declare class SliderComponentModule {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SliderComponentModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<SliderComponentModule, never, [typeof SliderComponent], [typeof SliderComponent]>;
-    static ɵinj: _angular_core.ɵɵInjectorDeclaration<SliderComponentModule>;
+export declare class SliderComponentModule {
+  static ɵfac: i0.ɵɵFactoryDeclaration<SliderComponentModule, never>;
+  static ɵmod: i0.ɵɵNgModuleDeclaration<SliderComponentModule, never, [typeof SliderComponent], [typeof SliderComponent]>;
+  static ɵinj: i0.ɵɵInjectorDeclaration<SliderComponentModule>;
 }
-
-export { SliderComponent, SliderComponentModule };
-export type { SliderValue, SliderVariant };
+export { ApplicationTheme };