@warp-ds/elements 2.6.0 → 2.7.0-next.2

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

@@ -0,0 +1,2 @@
+import { WarpSlider } from './slider.js';
+export declare const Slider: import("@lit/react").ReactWebComponent<WarpSlider, {}>;

package/dist/packages/slider/Slider.js

@@ -0,0 +1,8 @@
+import { createComponent } from '@lit/react';
+import React from 'react';
+import { WarpSlider } from './slider.js';
+export const Slider = createComponent({
+    tagName: 'w-slider',
+    elementClass: WarpSlider,
+    react: React,
+});

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

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

package/dist/packages/slider/index.js

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

package/dist/packages/slider/locales/da/messages.d.mts

@@ -0,0 +1 @@
+export const messages: any;

package/dist/packages/slider/locales/da/messages.mjs

@@ -0,0 +1 @@
+/*eslint-disable*/ export const messages = JSON.parse("{\"slider.label.from\":[\"From\"],\"slider.placeholder.to\":[\"Max\"],\"slider.placeholder.from\":[\"Min\"],\"slider.error.overlap\":[\"Maksimumværdien må ikke være mindre end minimumværdien\"],\"slider.error.required\":[\"Dette felt er påkrævet\"],\"slider.label.to\":[\"To\"],\"slider.error.out_of_bounds\":[\"Værdien skal være mellem \",[\"min\"],\" og \",[\"max\"]]}");

package/dist/packages/slider/locales/en/messages.d.mts

@@ -0,0 +1 @@
+export const messages: any;

package/dist/packages/slider/locales/en/messages.mjs

@@ -0,0 +1 @@
+/*eslint-disable*/ export const messages = JSON.parse("{\"slider.label.from\":[\"From\"],\"slider.placeholder.to\":[\"Max\"],\"slider.placeholder.from\":[\"Min\"],\"slider.error.overlap\":[\"The maximum value cannot be less than the minimum\"],\"slider.error.required\":[\"This field is required\"],\"slider.label.to\":[\"To\"],\"slider.error.out_of_bounds\":[\"Value must be between \",[\"min\"],\" and \",[\"max\"]]}");

package/dist/packages/slider/locales/fi/messages.d.mts

@@ -0,0 +1 @@
+export const messages: any;

package/dist/packages/slider/locales/fi/messages.mjs

@@ -0,0 +1 @@
+/*eslint-disable*/ export const messages = JSON.parse("{\"slider.label.from\":[\"From\"],\"slider.placeholder.to\":[\"Max\"],\"slider.placeholder.from\":[\"Min\"],\"slider.error.overlap\":[\"Maksimiarvo ei voi olla pienempi kuin minimiarvo\"],\"slider.error.required\":[\"Tämä kenttä on pakollinen\"],\"slider.label.to\":[\"To\"],\"slider.error.out_of_bounds\":[\"Arvon on oltava välillä \",[\"min\"],\" - \",[\"max\"]]}");

package/dist/packages/slider/locales/nb/messages.d.mts

@@ -0,0 +1 @@
+export const messages: any;

package/dist/packages/slider/locales/nb/messages.mjs

@@ -0,0 +1 @@
+/*eslint-disable*/ export const messages = JSON.parse("{\"slider.label.from\":[\"From\"],\"slider.placeholder.to\":[\"Max\"],\"slider.placeholder.from\":[\"Min\"],\"slider.error.overlap\":[\"Maksimumsverdien kan ikke være mindre enn minimumsverdien\"],\"slider.error.required\":[\"Dette feltet er påkrevd\"],\"slider.label.to\":[\"To\"],\"slider.error.out_of_bounds\":[\"Verdien må være mellom \",[\"min\"],\" og \",[\"max\"]]}");

package/dist/packages/slider/locales/sv/messages.d.mts

@@ -0,0 +1 @@
+export const messages: any;

package/dist/packages/slider/locales/sv/messages.mjs

@@ -0,0 +1 @@
+/*eslint-disable*/ export const messages = JSON.parse("{\"slider.label.from\":[\"From\"],\"slider.placeholder.to\":[\"Max\"],\"slider.placeholder.from\":[\"Min\"],\"slider.error.overlap\":[\"Maxvärdet kan inte vara mindre än minimivärdet\"],\"slider.error.required\":[\"Detta fält är obligatoriskt\"],\"slider.label.to\":[\"To\"],\"slider.error.out_of_bounds\":[\"Värdet måste vara mellan \",[\"min\"],\" och \",[\"max\"]]}");

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

@@ -0,0 +1,3 @@
+import { WarpSlider } from './slider.js';
+export { SliderThumb } from '../slider-thumb/react.js';
+export declare const Slider: import("@lit/react").ReactWebComponent<WarpSlider, {}>;

package/dist/packages/slider/react.js

@@ -0,0 +1,13 @@
+import { createComponent } from '@lit/react';
+import { LitElement } from 'lit';
+import React from 'react';
+// Re-export from split packages
+export { SliderThumb } from '../slider-thumb/react.js';
+// decouple from CDN by providing a dummy class
+class Component extends LitElement {
+}
+export const Slider = createComponent({
+    tagName: 'w-slider',
+    elementClass: Component,
+    react: React,
+});

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

@@ -0,0 +1,64 @@
+import { LitElement, PropertyValues } from 'lit';
+import type { SliderSlot } from '../slider-thumb/slider-thumb.js';
+/**
+ * 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 (f. ex. `<legend class="sr-only" slot="label">Production year</legend>`)
+     */
+    label: string;
+    disabled: boolean;
+    /**
+     * Whether or not to allow values outside the range such as "Before 1950" and "2025+".
+     */
+    openEnded: 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;
+    hiddenTextfield: boolean;
+    /** Formatter for the tooltip and input mask values. */
+    valueFormatter: (value: string, slot: SliderSlot) => string;
+    /** Formatter for the min and max labels below the range. */
+    labelFormatter: (slot: SliderSlot) => string;
+    _invalidMessage: string;
+    _hasInternalError: boolean;
+    _showError: boolean;
+    _tabbableElements: Array<HTMLElement>;
+    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 };