@sebgroup/green-core 3.24.2 → 3.25.0-rc.20260924094716653

package/components/index.d.ts

@@ -39,6 +39,7 @@ export * from './rich-text';
 export * from './segmented-control';
 export * from './select';
 export * from './signal';
+export * from './slider';
 export * from './spinner';
 export * from './switch';
 export * from './text';

package/components/index.js

@@ -39,6 +39,7 @@ export * from "./rich-text/index.js";
 export * from "./segmented-control/index.js";
 export * from "./select/index.js";
 export * from "./signal/index.js";
+export * from "./slider/index.js";
 export * from "./spinner/index.js";
 export * from "./switch/index.js";
 export * from "./text/index.js";

package/components/slider/index.d.ts

@@ -0,0 +1 @@
+export * from './slider';

package/components/slider/index.js

@@ -0,0 +1 @@
+export * from "./slider.js";

package/components/slider/slider.component.d.ts

@@ -0,0 +1,95 @@
+import { GdsFormControlElement } from '../form/form-control';
+/** A plain number in single-value mode, or a `[start, end]` tuple when `range` is set. */
+export type GdsSliderValue = number | [number, number];
+declare class Slider extends GdsFormControlElement<GdsSliderValue> {
+    #private;
+    static styles: (import("lit").CSSResult | import("lit").CSSResult[])[];
+    /**
+     * The supporting text displayed between the label and the field.
+     * This text provides additional context or information to the user.
+     */
+    supportingText: string;
+    /**
+     * Whether the supporting text should be displayed or not.
+     */
+    showExtendedSupportingText: boolean;
+    /**
+     * Hides the header and the footer, while still keeping the accessible label.
+     */
+    plain: boolean;
+    /**
+     * Controls the font-size of texts and control spacing.
+     */
+    size: 'large' | 'small';
+    /**
+     * The minimum value of the slider.
+     */
+    min: number;
+    /**
+     * The maximum value of the slider.
+     */
+    max: number;
+    /**
+     * The granularity of valid slider values.
+     */
+    step: number;
+    /**
+     * Shows separator tick lines.
+     */
+    ticks: boolean;
+    /**
+     * Hides the value labels above slider thumbs.
+     */
+    hideBubble: boolean;
+    /**
+     * Renders a dual-thumb range slider when true.
+     */
+    range: boolean;
+    /**
+     * The current value. A plain number in single-value mode, or a `[start, end]`
+     * tuple when `range` is set.
+     */
+    get value(): GdsSliderValue;
+    set value(value: GdsSliderValue);
+    /**
+     * Hides the interactive min/max value textboxes.
+     */
+    hideTextbox: boolean;
+    /**
+     * Makes the entire control read-only — slider thumbs and textbox inputs are non-interactive.
+     */
+    readonly: boolean;
+    private _startInput;
+    private _endInput;
+    private _activeThumb;
+    private _focusedThumb;
+    private _focusVisibleThumb;
+    private _hoveredThumb;
+    private _editingMin;
+    private _editingMax;
+    private _draftMin;
+    private _draftMax;
+    private _draftMinInvalid;
+    private _draftMaxInvalid;
+    private _quietUpdate;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    focus(options?: FocusOptions): void;
+    render(): any;
+    private _handleConstraintsUpdate;
+    protected _getValidityAnchor(): HTMLInputElement;
+    protected formResetCallback(): void;
+}
+declare const GdsSlider_base: (new (...args: any[]) => import("../../utils/mixins/declarative-layout-mixins").SizeXProps) & (new (...args: any[]) => import("../../utils/mixins/declarative-layout-mixins").MarginProps) & (new (...args: any[]) => import("../../utils/mixins/declarative-layout-mixins").LayoutChildProps) & typeof Slider;
+/**
+ * @element gds-slider
+ * @status beta
+ *
+ * @summary A slider for selecting a single value or a value range.
+ *
+ * @slot extended-supporting-text - Optional extended text rendered by the form-control header.
+ */
+export declare class GdsSlider extends GdsSlider_base {
+}
+export {};