@warp-ds/elements 2.3.2 → 2.4.0-next.10

package/dist/packages/slider/slider.d.ts

@@ -0,0 +1,55 @@
+import { LitElement, PropertyValues } from 'lit';
+/**
+ * Parent component for sliders (both single and range sliders). Used in combination with a `<w-slider-thumb>`.
+ *
+ * [See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-slider-and-range-slider--docs)
+ *
+ * @slot - For single sliders place a `<w-slider-thumb>` in the default slot.
+ * @slot label - Label for the slider or range slider as a whole.
+ * @slot description - Optional description between the label and slider.
+ * @slot from - Range sliders need to place a `<w-slider-thumb>` in the from and to slots.
+ * @slot to - Range sliders need to place a `<w-slider-thumb>` in the from and to slots.
+ */
+declare class WarpSlider extends LitElement {
+    #private;
+    static shadowRootOptions: {
+        delegatesFocus: boolean;
+        mode: ShadowRootMode;
+        serializable?: boolean;
+        slotAssignment?: SlotAssignmentMode;
+    };
+    static styles: import("lit").CSSResult[];
+    /**
+     * The slider fieldset label. Required for proper accessibility.
+     *
+     * If you need to display HTML, use the `label` slot instead.
+     */
+    label: string;
+    disabled: boolean;
+    allowValuesOutsideRange: boolean;
+    error: string;
+    helpText: string;
+    invalid: boolean;
+    /** Ensures a child slider thumb has a value before allowing the containing form to submit. */
+    required: boolean;
+    min: string;
+    max: string;
+    /** Pass a value similar to step to create visual markers at that interval */
+    markers: number;
+    step: number;
+    /** Suffix used in text input fields and for the min and max values of the slider. */
+    suffix: string;
+    /** Function to format the to- and from labels and value in the slider thumb tooltip. */
+    formatter: (value: string, type: 'to' | 'from') => string;
+    _invalidMessage: string;
+    _hasInternalError: boolean;
+    constructor();
+    get edgeMin(): string;
+    get edgeMax(): string;
+    connectedCallback(): Promise<void>;
+    updated(changedProperties: PropertyValues<this>): void;
+    get componentHasError(): boolean;
+    get errorText(): string;
+    render(): import("lit").TemplateResult<1>;
+}
+export { WarpSlider };