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

package/dist/packages/slider-thumb/oddbird-css-anchor-positioning.d.ts

@@ -0,0 +1,2 @@
+import polyfill from '@oddbird/css-anchor-positioning/fn';
+export default polyfill;

package/dist/packages/slider-thumb/oddbird-css-anchor-positioning.js

@@ -0,0 +1,3 @@
+// This file is only here to give the Storybook Vite dev server a target
+import polyfill from '@oddbird/css-anchor-positioning/fn';
+export default polyfill;

package/dist/packages/slider-thumb/react.d.ts

@@ -0,0 +1,6 @@
+import { EventName } from '@lit/react';
+import { WarpSliderThumb } from './slider-thumb.js';
+export declare const SliderThumb: import("@lit/react").ReactWebComponent<WarpSliderThumb, {
+    onSliderValidity: EventName<CustomEvent>;
+    'onslider-validity': EventName<CustomEvent>;
+}>;

package/dist/packages/slider-thumb/react.js

@@ -0,0 +1,15 @@
+import { createComponent } from '@lit/react';
+import { LitElement } from 'lit';
+import React from 'react';
+// decouple from CDN by providing a dummy class
+class Component extends LitElement {
+}
+export const SliderThumb = createComponent({
+    tagName: 'w-slider-thumb',
+    elementClass: Component,
+    react: React,
+    events: {
+        onSliderValidity: 'slidervalidity',
+        'onslider-validity': 'slidervalidity', // should be slider-validity
+    },
+});

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

@@ -0,0 +1,63 @@
+import { LitElement, PropertyValues } from 'lit';
+import type { WarpTextField } from '../textfield/textfield.js';
+declare const WarpSliderThumb_base: import("@open-wc/form-control").Constructor<import("@open-wc/form-control").FormControlInterface> & typeof LitElement;
+/**
+ * Component to place inside a `<w-slider>`.
+ *
+ * [See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-slider-and-range-slider--docs)
+ */
+declare class WarpSliderThumb extends WarpSliderThumb_base {
+    #private;
+    static shadowRootOptions: {
+        delegatesFocus: boolean;
+        mode: ShadowRootMode;
+        serializable?: boolean;
+        slotAssignment?: SlotAssignmentMode;
+    };
+    static styles: import("lit").CSSResult[];
+    ariaLabel: string;
+    ariaDescription: string;
+    label: string;
+    name: string;
+    value: string;
+    disabled: boolean;
+    invalid: boolean;
+    /** Set by `<w-slider>` */
+    allowValuesOutsideRange: boolean;
+    /** Set by `<w-slider>` */
+    markers: string;
+    /** Set by `<w-slider>` */
+    required: boolean;
+    /** Set by `<w-slider>` */
+    step: number;
+    /** Set by `<w-slider>` */
+    min: string;
+    /** Set by `<w-slider>` */
+    max: string;
+    /** Set by `<w-slider>` */
+    suffix: string;
+    /** JS hook to help you format the numeric value how you want. */
+    formatter: (value: string, type: 'from' | 'to') => string;
+    range: HTMLInputElement;
+    textfield: WarpTextField;
+    /** @internal */
+    _showTooltip: boolean;
+    /** @internal */
+    _inputHasFocus: boolean;
+    resetFormControl(): void;
+    /**
+     * Reference to the anchor positioning style element used by the polyfill.
+     * @internal
+     */
+    anchorPositioningStyleElement: HTMLStyleElement | null;
+    updateFieldAfterValidation(): Promise<void>;
+    connectedCallback(): Promise<void>;
+    get boundaryValue(): string;
+    /** Value to display in the textfield (shows boundary when focused on empty value) */
+    get textFieldDisplayValue(): string;
+    /** Value to display in the tooltip */
+    get tooltipDisplayValue(): string | number;
+    updated(changedProperties: PropertyValues<this>): void;
+    render(): import("lit").TemplateResult<1>;
+}
+export { WarpSliderThumb };