@warp-ds/elements 2.10.0-next.11 → 2.10.0-next.13

package/dist/packages/slider/slider.stories.js

@@ -1,5 +1,6 @@
 import { getStorybookHelpers } from '@wc-toolkit/storybook-helpers';
 import { html } from 'lit';
+// @ts-expect-error No types for this virtual file
 import 'virtual:uno.css';
 import '../affix/affix.js';
 import '../attention/attention.js';

package/dist/packages/slider/styles.js

@@ -1,2 +1,2 @@
-import { css } from 'lit';
-export const styles = css `*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.hidden{display:none}.absolute{position:absolute}.relative{position:relative}.static{position:static}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}`;
+import { unsafeCSS } from 'lit';
+export const styles = unsafeCSS("*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.hidden{display:none}.absolute{position:absolute}.relative{position:relative}.static{position:static}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}");

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

@@ -1,8 +1,8 @@
 import React from 'react';
 import { WarpSliderThumb } from './slider-thumb.js';
 export declare const SliderThumb: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.HTMLAttributes<WarpSliderThumb>, "value" | "form" | "name" | "textfield" | "disabled" | "invalid" | "max" | "min" | "placeholder" | "required" | "step" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "updated" | "resetFormControl" | "render" | "validationTarget" | "internals" | "showError" | "validationMessage" | "validity" | "validationComplete" | "checkValidity" | "formResetCallback" | "valueChangedCallback" | "validityCallback" | "validationMessageCallback" | "setValue" | "shouldFormValueUpdate" | "renderOptions" | "suffix" | "range" | "openEnded" | "markers" | "valueFormatter" | "tooltipFormatter" | "labelFormatter" | "tooltipTarget" | "_showTooltip" | "_inputHasFocus" | "_hiddenTextfield" | "anchorPositioningStyleElement" | "updateFieldAfterValidation" | "boundaryValue" | "textFieldDisplayValue" | "tooltipDisplayValue" | "ariaDescriptionText" | "onSliderValidity" | "onslider-validity"> & {
-    onSliderValidity?: (e: CustomEvent<any>) => void;
-    'onslider-validity'?: (e: CustomEvent<any>) => void;
+    onSliderValidity?: ((e: CustomEvent<any>) => void) | undefined;
+    'onslider-validity'?: ((e: CustomEvent<any>) => void) | undefined;
 } & Partial<Omit<WarpSliderThumb, keyof HTMLElement>> & React.RefAttributes<WarpSliderThumb>, "ref">, "aria-description" | "aria-label"> & {
     ariaLabel?: string;
     ariaDescription?: string;

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

@@ -15,7 +15,7 @@ declare class WarpSliderThumb extends WarpSliderThumb_base {
     static shadowRootOptions: {
         delegatesFocus: boolean;
         clonable?: boolean;
-        customElementRegistry?: CustomElementRegistry;
+        customElementRegistry?: CustomElementRegistry | null;
         mode: ShadowRootMode;
         serializable?: boolean;
         slotAssignment?: SlotAssignmentMode;
@@ -26,19 +26,19 @@ declare class WarpSliderThumb extends WarpSliderThumb_base {
      *
      * @default `label` from `w-slider`
      */
-    ariaLabel: string;
+    ariaLabel: string | null;
     /**
      * Contextual information for assistive technology, should it be needed
      */
-    ariaDescription: string;
+    ariaDescription: string | null;
     /**
      * The name of this input field in the form. The canonical source of the value is the text field.
      */
-    name: string;
+    name: string | undefined;
     /**
      * The initial value, if any
      */
-    value: string;
+    value: string | undefined;
     /**
      * @internal Set by `<w-slider>`
      */
@@ -54,31 +54,31 @@ declare class WarpSliderThumb extends WarpSliderThumb_base {
     /**
      * Placeholder in empty text fields
      */
-    placeholder: string;
+    placeholder: string | undefined;
     /** @internal Set by `<w-slider>` */
-    markers: string;
+    markers: string | undefined;
     /** @internal Set by `<w-slider>` */
     required: boolean;
     /** @internal Set by `<w-slider>` */
-    step: number;
+    step: number | undefined;
     /** @internal Set by `<w-slider>` */
-    min: string;
+    min: string | undefined;
     /** @internal Set by `<w-slider>` */
-    max: string;
+    max: string | undefined;
     /** @internal Set by `<w-slider>` */
     suffix: string;
     /**
      * @internal Formatter for the tooltip and input mask values. Set by `<w-slider>`.
      */
-    valueFormatter: (value: string, slot: SliderSlot) => string;
+    valueFormatter: ((value: string, slot: SliderSlot) => string) | undefined;
     /**
      * @internal Replaces {@link valueFormatter} for the tooltip. Use in open-ended sliders to show for example "300+ hk" instead of "Max" in the tooltip. Set by `<w-slider>`.
      */
-    tooltipFormatter: (value: string, slot: SliderSlot) => string;
+    tooltipFormatter: ((value: string, slot: SliderSlot) => string) | undefined;
     /**
      * @internal Formatter for the min and max labels below the range. Set by `<w-slider>`.
      */
-    labelFormatter: (slot: SliderSlot) => string;
+    labelFormatter: ((slot: SliderSlot) => string) | undefined;
     /** @internal */
     range: HTMLInputElement;
     /** @internal */
@@ -108,7 +108,7 @@ declare class WarpSliderThumb extends WarpSliderThumb_base {
      * Value to display in the textfield (shows boundary when focused on empty value)
      * @internal
      */
-    get textFieldDisplayValue(): string;
+    get textFieldDisplayValue(): string | undefined;
     /**
      * Value to display in the tooltip
      * @internal

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

@@ -1,4 +1,4 @@
-var Ve=Object.defineProperty;var $e=Object.getOwnPropertyDescriptor;var be=o=>{throw TypeError(o)};var p=(o,r,e,t)=>{for(var a=t>1?void 0:t?$e(r,e):r,i=o.length-1,n;i>=0;i--)(n=o[i])&&(a=(t?n(r,e,a):n(a))||a);return t&&a&&Ve(r,e,a),a};var ee=(o,r,e)=>r.has(o)||be("Cannot "+e);var re=(o,r,e)=>(ee(o,r,"read from private field"),e?e.call(o):r.get(o)),te=(o,r,e)=>r.has(o)?be("Cannot add the same private member more than once"):r instanceof WeakSet?r.add(o):r.set(o,e),oe=(o,r,e,t)=>(ee(o,r,"write to private field"),t?t.call(o,e):r.set(o,e),e),m=(o,r,e)=>(ee(o,r,"access private method"),e);var N=o=>typeof o=="string",Se=o=>typeof o=="function",pe=new Map,ge="en";function ne(o){return[...Array.isArray(o)?o:[o],ge]}function le(o,r,e){let t=ne(o);e||(e="default");let a;if(typeof e=="string")switch(a={day:"numeric",month:"short",year:"numeric"},e){case"full":a.weekday="long";case"long":a.month="long";break;case"short":a.month="numeric";break}else a=e;return H(()=>Z("date",t,e),()=>new Intl.DateTimeFormat(t,a)).format(N(r)?new Date(r):r)}function Pe(o,r,e){let t;if(e||(e="default"),typeof e=="string")switch(t={second:"numeric",minute:"numeric",hour:"numeric"},e){case"full":case"long":t.timeZoneName="short";break;case"short":delete t.second}else t=e;return le(o,r,t)}function ae(o,r,e){let t=ne(o);return H(()=>Z("number",t,e),()=>new Intl.NumberFormat(t,e)).format(r)}function me(o,r,e,{offset:t=0,...a}){let i=ne(o),n=r?H(()=>Z("plural-ordinal",i),()=>new Intl.PluralRules(i,{type:"ordinal"})):H(()=>Z("plural-cardinal",i),()=>new Intl.PluralRules(i,{type:"cardinal"}));return a[e]??a[n.select(e-t)]??a.other}function H(o,r){let e=o(),t=pe.get(e);return t||(t=r(),pe.set(e,t)),t}function Z(o,r,e){let t=r.join("-");return`${o}-${t}-${JSON.stringify(e)}`}var ve=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,fe=o=>o.replace(/\\u([a-fA-F0-9]{4})|\\x([a-fA-F0-9]{2})/g,(r,e,t)=>{if(e){let a=parseInt(e,16);return String.fromCharCode(a)}else{let a=parseInt(t,16);return String.fromCharCode(a)}}),we="%__lingui_octothorpe__%",Ne=(o,r,e={})=>{let t=r||o,a=n=>typeof n=="object"?n:e[n],i=(n,s)=>{let b=Object.keys(e).length?a("number"):void 0,f=ae(t,n,b);return s.replace(new RegExp(we,"g"),f)};return{plural:(n,s)=>{let{offset:b=0}=s,f=me(t,!1,n,s);return i(n-b,f)},selectordinal:(n,s)=>{let{offset:b=0}=s,f=me(t,!0,n,s);return i(n-b,f)},select:Ae,number:(n,s)=>ae(t,n,a(s)||{style:s}),date:(n,s)=>le(t,n,a(s)||s),time:(n,s)=>Pe(t,n,a(s)||s)}},Ae=(o,r)=>r[o]??r.other;function Le(o,r,e){return(t={},a)=>{let i=Ne(r,e,a),n=(b,f=!1)=>Array.isArray(b)?b.reduce((F,y)=>{if(y==="#"&&f)return F+we;if(N(y))return F+y;let[$,x,z]=y,M={};x==="plural"||x==="selectordinal"||x==="select"?Object.entries(z).forEach(([_,Y])=>{M[_]=n(Y,x==="plural"||x==="selectordinal")}):M=z;let k;if(x){let _=i[x];k=_(t[$],M)}else k=t[$];return k==null?F:F+k},""):b,s=n(o);return N(s)&&ve.test(s)?fe(s):N(s)?s:s?String(s):""}}var De=Object.defineProperty,Te=(o,r,e)=>r in o?De(o,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):o[r]=e,je=(o,r,e)=>(Te(o,typeof r!="symbol"?r+"":r,e),e),ie=class{constructor(){je(this,"_events",{})}on(r,e){var t;return(t=this._events)[r]??(t[r]=[]),this._events[r].push(e),()=>this.removeListener(r,e)}removeListener(r,e){let t=this._getListeners(r);if(!t)return;let a=t.indexOf(e);~a&&t.splice(a,1)}emit(r,...e){let t=this._getListeners(r);t&&t.map(a=>a.apply(this,e))}_getListeners(r){let e=this._events[r];return Array.isArray(e)?e:!1}},Ye=Object.defineProperty,Ie=(o,r,e)=>r in o?Ye(o,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):o[r]=e,L=(o,r,e)=>(Ie(o,typeof r!="symbol"?r+"":r,e),e),se=class extends ie{constructor(r){super(),L(this,"_locale",""),L(this,"_locales"),L(this,"_localeData",{}),L(this,"_messages",{}),L(this,"_missing"),L(this,"_messageCompiler"),L(this,"t",this._.bind(this)),r.missing!=null&&(this._missing=r.missing),r.messages!=null&&this.load(r.messages),r.localeData!=null&&this.loadLocaleData(r.localeData),(typeof r.locale=="string"||r.locales)&&this.activate(r.locale??ge,r.locales)}get locale(){return this._locale}get locales(){return this._locales}get messages(){return this._messages[this._locale]??{}}get localeData(){return this._localeData[this._locale]??{}}_loadLocaleData(r,e){let t=this._localeData[r];t?Object.assign(t,e):this._localeData[r]=e}setMessagesCompiler(r){return this._messageCompiler=r,this}loadLocaleData(r,e){typeof r=="string"?this._loadLocaleData(r,e):Object.keys(r).forEach(t=>this._loadLocaleData(t,r[t])),this.emit("change")}_load(r,e){let t=this._messages[r];t?Object.assign(t,e):this._messages[r]=e}load(r,e){typeof r=="string"&&typeof e=="object"?this._load(r,e):Object.entries(r).forEach(([t,a])=>this._load(t,a)),this.emit("change")}loadAndActivate({locale:r,locales:e,messages:t}){this._locale=r,this._locales=e||void 0,this._messages[this._locale]=t,this.emit("change")}activate(r,e){this._locale=r,this._locales=e,this.emit("change")}_(r,e,t){if(!this.locale)throw new Error("Lingui: Attempted to call a translation function without setting a locale.\nMake sure to call `i18n.activate(locale)` before using Lingui functions.\nThis issue may also occur due to a race condition in your initialization logic.");let a=t?.message;r||(r=""),N(r)||(e=r.values||e,a=r.message,r=r.id);let i=this.messages[r],n=i===void 0,s=this._missing;if(s&&n)return Se(s)?s(this._locale,r):s;n&&this.emit("missing",{id:r,locale:this._locale});let b=i||a||r;return N(b)&&(this._messageCompiler?b=this._messageCompiler(b):console.warn(`Uncompiled message detected! Message:
+var Me=Object.defineProperty;var Ve=Object.getOwnPropertyDescriptor;var be=o=>{throw TypeError(o)};var p=(o,r,e,t)=>{for(var a=t>1?void 0:t?Ve(r,e):r,i=o.length-1,n;i>=0;i--)(n=o[i])&&(a=(t?n(r,e,a):n(a))||a);return t&&a&&Me(r,e,a),a};var ee=(o,r,e)=>r.has(o)||be("Cannot "+e);var re=(o,r,e)=>(ee(o,r,"read from private field"),e?e.call(o):r.get(o)),te=(o,r,e)=>r.has(o)?be("Cannot add the same private member more than once"):r instanceof WeakSet?r.add(o):r.set(o,e),oe=(o,r,e,t)=>(ee(o,r,"write to private field"),t?t.call(o,e):r.set(o,e),e),m=(o,r,e)=>(ee(o,r,"access private method"),e);var N=o=>typeof o=="string",$e=o=>typeof o=="function",pe=new Map,ge="en";function ne(o){return[...Array.isArray(o)?o:[o],ge]}function le(o,r,e){let t=ne(o);e||(e="default");let a;if(typeof e=="string")switch(a={day:"numeric",month:"short",year:"numeric"},e){case"full":a.weekday="long";case"long":a.month="long";break;case"short":a.month="numeric";break}else a=e;return H(()=>Z("date",t,e),()=>new Intl.DateTimeFormat(t,a)).format(N(r)?new Date(r):r)}function Se(o,r,e){let t;if(e||(e="default"),typeof e=="string")switch(t={second:"numeric",minute:"numeric",hour:"numeric"},e){case"full":case"long":t.timeZoneName="short";break;case"short":delete t.second}else t=e;return le(o,r,t)}function ae(o,r,e){let t=ne(o);return H(()=>Z("number",t,e),()=>new Intl.NumberFormat(t,e)).format(r)}function me(o,r,e,{offset:t=0,...a}){let i=ne(o),n=r?H(()=>Z("plural-ordinal",i),()=>new Intl.PluralRules(i,{type:"ordinal"})):H(()=>Z("plural-cardinal",i),()=>new Intl.PluralRules(i,{type:"cardinal"}));return a[e]??a[n.select(e-t)]??a.other}function H(o,r){let e=o(),t=pe.get(e);return t||(t=r(),pe.set(e,t)),t}function Z(o,r,e){let t=r.join("-");return`${o}-${t}-${JSON.stringify(e)}`}var ve=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,fe=o=>o.replace(/\\u([a-fA-F0-9]{4})|\\x([a-fA-F0-9]{2})/g,(r,e,t)=>{if(e){let a=parseInt(e,16);return String.fromCharCode(a)}else{let a=parseInt(t,16);return String.fromCharCode(a)}}),we="%__lingui_octothorpe__%",Pe=(o,r,e={})=>{let t=r||o,a=n=>typeof n=="object"?n:e[n],i=(n,s)=>{let b=Object.keys(e).length?a("number"):void 0,f=ae(t,n,b);return s.replace(new RegExp(we,"g"),f)};return{plural:(n,s)=>{let{offset:b=0}=s,f=me(t,!1,n,s);return i(n-b,f)},selectordinal:(n,s)=>{let{offset:b=0}=s,f=me(t,!0,n,s);return i(n-b,f)},select:Ne,number:(n,s)=>ae(t,n,a(s)||{style:s}),date:(n,s)=>le(t,n,a(s)||s),time:(n,s)=>Se(t,n,a(s)||s)}},Ne=(o,r)=>r[o]??r.other;function Ae(o,r,e){return(t={},a)=>{let i=Pe(r,e,a),n=(b,f=!1)=>Array.isArray(b)?b.reduce((F,y)=>{if(y==="#"&&f)return F+we;if(N(y))return F+y;let[$,x,z]=y,M={};x==="plural"||x==="selectordinal"||x==="select"?Object.entries(z).forEach(([_,Y])=>{M[_]=n(Y,x==="plural"||x==="selectordinal")}):M=z;let k;if(x){let _=i[x];k=_(t[$],M)}else k=t[$];return k==null?F:F+k},""):b,s=n(o);return N(s)&&ve.test(s)?fe(s):N(s)?s:s?String(s):""}}var Le=Object.defineProperty,De=(o,r,e)=>r in o?Le(o,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):o[r]=e,Te=(o,r,e)=>(De(o,typeof r!="symbol"?r+"":r,e),e),ie=class{constructor(){Te(this,"_events",{})}on(r,e){var t;return(t=this._events)[r]??(t[r]=[]),this._events[r].push(e),()=>this.removeListener(r,e)}removeListener(r,e){let t=this._getListeners(r);if(!t)return;let a=t.indexOf(e);~a&&t.splice(a,1)}emit(r,...e){let t=this._getListeners(r);t&&t.map(a=>a.apply(this,e))}_getListeners(r){let e=this._events[r];return Array.isArray(e)?e:!1}},je=Object.defineProperty,Ye=(o,r,e)=>r in o?je(o,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):o[r]=e,L=(o,r,e)=>(Ye(o,typeof r!="symbol"?r+"":r,e),e),se=class extends ie{constructor(r){super(),L(this,"_locale",""),L(this,"_locales"),L(this,"_localeData",{}),L(this,"_messages",{}),L(this,"_missing"),L(this,"_messageCompiler"),L(this,"t",this._.bind(this)),r.missing!=null&&(this._missing=r.missing),r.messages!=null&&this.load(r.messages),r.localeData!=null&&this.loadLocaleData(r.localeData),(typeof r.locale=="string"||r.locales)&&this.activate(r.locale??ge,r.locales)}get locale(){return this._locale}get locales(){return this._locales}get messages(){return this._messages[this._locale]??{}}get localeData(){return this._localeData[this._locale]??{}}_loadLocaleData(r,e){let t=this._localeData[r];t?Object.assign(t,e):this._localeData[r]=e}setMessagesCompiler(r){return this._messageCompiler=r,this}loadLocaleData(r,e){typeof r=="string"?this._loadLocaleData(r,e):Object.keys(r).forEach(t=>this._loadLocaleData(t,r[t])),this.emit("change")}_load(r,e){let t=this._messages[r];t?Object.assign(t,e):this._messages[r]=e}load(r,e){typeof r=="string"&&typeof e=="object"?this._load(r,e):Object.entries(r).forEach(([t,a])=>this._load(t,a)),this.emit("change")}loadAndActivate({locale:r,locales:e,messages:t}){this._locale=r,this._locales=e||void 0,this._messages[this._locale]=t,this.emit("change")}activate(r,e){this._locale=r,this._locales=e,this.emit("change")}_(r,e,t){if(!this.locale)throw new Error("Lingui: Attempted to call a translation function without setting a locale.\nMake sure to call `i18n.activate(locale)` before using Lingui functions.\nThis issue may also occur due to a race condition in your initialization logic.");let a=t?.message;r||(r=""),N(r)||(e=r.values||e,a=r.message,r=r.id);let i=this.messages[r],n=i===void 0,s=this._missing;if(s&&n)return $e(s)?s(this._locale,r):s;n&&this.emit("missing",{id:r,locale:this._locale});let b=i||a||r;return N(b)&&(this._messageCompiler?b=this._messageCompiler(b):console.warn(`Uncompiled message detected! Message:
 
 > ${b}
 
@@ -6,7 +6,7 @@ That means you use raw catalog or your catalog doesn't have a translation for th
 ICU features such as interpolation and plurals will not work properly for that message. 
 
 Please compile your catalog first. 
-`)),N(b)&&ve.test(b)?fe(b):N(b)?b:Le(b,this._locale,this._locales)(e,t?.formats)}date(r,e){return le(this._locales||this._locale,r,e)}number(r,e){return ae(this._locales||this._locale,r,e)}};function Xe(o={}){return new se(o)}var E=Xe();var h=function(o,r,e,t){if(e==="a"&&!t)throw new TypeError("Private accessor was defined without a getter");if(typeof r=="function"?o!==r||!t:!r.has(o))throw new TypeError("Cannot read private member from an object whose class did not declare it");return e==="m"?t:e==="a"?t.call(o):t?t.value:r.get(o)},v=function(o,r,e,t,a){if(t==="m")throw new TypeError("Private method is not writable");if(t==="a"&&!a)throw new TypeError("Private accessor was defined without a setter");if(typeof r=="function"?o!==r||!a:!r.has(o))throw new TypeError("Cannot write private member to an object whose class did not declare it");return t==="a"?a.call(o,e):a?a.value=e:r.set(o,e),e};function xe(o){var r,e,t,a,i,n,s,b,f,F,y,$,x,z,M,k,_,Y,J;class Me extends o{constructor(...l){var c,g,w;super(...l),r.add(this),this.internals=this.attachInternals(),e.set(this,!1),t.set(this,!1),a.set(this,!1),i.set(this,void 0),n.set(this,void 0),s.set(this,!0),f.set(this,""),F.set(this,()=>{v(this,a,!0,"f"),v(this,e,!0,"f"),h(this,r,"m",k).call(this)}),y.set(this,()=>{v(this,e,!1,"f"),h(this,r,"m",_).call(this,this.shouldFormValueUpdate()?h(this,f,"f"):""),!this.validity.valid&&h(this,a,"f")&&v(this,t,!0,"f");let S=h(this,r,"m",k).call(this);this.validationMessageCallback&&this.validationMessageCallback(S?this.internals.validationMessage:"")}),$.set(this,()=>{var S;h(this,s,"f")&&this.validationTarget&&(this.internals.setValidity(this.validity,this.validationMessage,this.validationTarget),v(this,s,!1,"f")),v(this,a,!0,"f"),v(this,t,!0,"f"),h(this,r,"m",k).call(this),(S=this===null||this===void 0?void 0:this.validationMessageCallback)===null||S===void 0||S.call(this,this.showError?this.internals.validationMessage:"")}),x.set(this,void 0),z.set(this,!1),M.set(this,Promise.resolve()),(c=this.addEventListener)===null||c===void 0||c.call(this,"focus",h(this,F,"f")),(g=this.addEventListener)===null||g===void 0||g.call(this,"blur",h(this,y,"f")),(w=this.addEventListener)===null||w===void 0||w.call(this,"invalid",h(this,$,"f")),this.setValue(null)}static get formAssociated(){return!0}static get validators(){return this.formControlValidators||[]}static get observedAttributes(){let l=this.validators.map(w=>w.attribute).flat(),c=super.observedAttributes||[];return[...new Set([...c,...l])]}static getValidator(l){return this.validators.find(c=>c.attribute===l)||null}static getValidators(l){return this.validators.filter(c=>{var g;if(c.attribute===l||!((g=c.attribute)===null||g===void 0)&&g.includes(l))return!0})}get form(){return this.internals.form}get showError(){return h(this,r,"m",k).call(this)}checkValidity(){return this.internals.checkValidity()}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}attributeChangedCallback(l,c,g){var w;(w=super.attributeChangedCallback)===null||w===void 0||w.call(this,l,c,g);let X=this.constructor.getValidators(l);X?.length&&this.validationTarget&&this.setValue(h(this,f,"f"))}setValue(l){var c;v(this,t,!1,"f"),(c=this.validationMessageCallback)===null||c===void 0||c.call(this,""),v(this,f,l,"f");let w=this.shouldFormValueUpdate()?l:null;this.internals.setFormValue(w),h(this,r,"m",_).call(this,w),this.valueChangedCallback&&this.valueChangedCallback(w),h(this,r,"m",k).call(this)}shouldFormValueUpdate(){return!0}get validationComplete(){return new Promise(l=>l(h(this,M,"f")))}formResetCallback(){var l,c;v(this,a,!1,"f"),v(this,t,!1,"f"),h(this,r,"m",k).call(this),(l=this.resetFormControl)===null||l===void 0||l.call(this),(c=this.validationMessageCallback)===null||c===void 0||c.call(this,h(this,r,"m",k).call(this)?this.validationMessage:"")}}return e=new WeakMap,t=new WeakMap,a=new WeakMap,i=new WeakMap,n=new WeakMap,s=new WeakMap,f=new WeakMap,F=new WeakMap,y=new WeakMap,$=new WeakMap,x=new WeakMap,z=new WeakMap,M=new WeakMap,r=new WeakSet,b=function(){let l=this.getRootNode(),c=`${this.localName}[name="${this.getAttribute("name")}"]`;return l.querySelectorAll(c)},k=function(){if(this.hasAttribute("disabled"))return!1;let l=h(this,t,"f")||h(this,a,"f")&&!this.validity.valid&&!h(this,e,"f");return l&&this.internals.states?this.internals.states.add("--show-error"):this.internals.states&&this.internals.states.delete("--show-error"),l},_=function(l){let c=this.constructor,g={},w=c.validators,S=[],X=w.some(C=>C.isValid instanceof Promise);h(this,z,"f")||(v(this,M,new Promise(C=>{v(this,x,C,"f")}),"f"),v(this,z,!0,"f")),h(this,i,"f")&&(h(this,i,"f").abort(),v(this,n,h(this,i,"f"),"f"));let R=new AbortController;v(this,i,R,"f");let O,ue=!1;w.length&&(w.forEach(C=>{let Q=C.key||"customError",T=C.isValid(this,l,R.signal);T instanceof Promise?(S.push(T),T.then(W=>{W!=null&&(g[Q]=!W,O=h(this,r,"m",J).call(this,C,l),h(this,r,"m",Y).call(this,g,O))})):(g[Q]=!T,this.validity[Q]!==!T&&(ue=!0),!T&&!O&&(O=h(this,r,"m",J).call(this,C,l)))}),Promise.allSettled(S).then(()=>{var C;R?.signal.aborted||(v(this,z,!1,"f"),(C=h(this,x,"f"))===null||C===void 0||C.call(this))}),(ue||!X)&&h(this,r,"m",Y).call(this,g,O))},Y=function(l,c){if(this.validationTarget)this.internals.setValidity(l,c,this.validationTarget),v(this,s,!1,"f");else{if(this.internals.setValidity(l,c),this.internals.validity.valid)return;v(this,s,!0,"f")}},J=function(l,c){if(this.validityCallback){let g=this.validityCallback(l.key||"customError");if(g)return g}return l.message instanceof Function?l.message(this,c):l.message},Me}import{html as q,LitElement as Ce,nothing as A}from"lit";import{property as V,query as de,state as P}from"lit/decorators.js";import{classMap as qe}from"lit/directives/class-map.js";import{ifDefined as K}from"lit/directives/if-defined.js";import{css as Re}from"lit";var ke=Re`*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.hidden{display:none}.absolute{position:absolute}.relative{position:relative}.static{position:static}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}`;import{css as ye}from"lit";var _e=ye`
+`)),N(b)&&ve.test(b)?fe(b):N(b)?b:Ae(b,this._locale,this._locales)(e,t?.formats)}date(r,e){return le(this._locales||this._locale,r,e)}number(r,e){return ae(this._locales||this._locale,r,e)}};function Ie(o={}){return new se(o)}var E=Ie();var h=function(o,r,e,t){if(e==="a"&&!t)throw new TypeError("Private accessor was defined without a getter");if(typeof r=="function"?o!==r||!t:!r.has(o))throw new TypeError("Cannot read private member from an object whose class did not declare it");return e==="m"?t:e==="a"?t.call(o):t?t.value:r.get(o)},v=function(o,r,e,t,a){if(t==="m")throw new TypeError("Private method is not writable");if(t==="a"&&!a)throw new TypeError("Private accessor was defined without a setter");if(typeof r=="function"?o!==r||!a:!r.has(o))throw new TypeError("Cannot write private member to an object whose class did not declare it");return t==="a"?a.call(o,e):a?a.value=e:r.set(o,e),e};function xe(o){var r,e,t,a,i,n,s,b,f,F,y,$,x,z,M,k,_,Y,J;class Fe extends o{constructor(...l){var c,g,w;super(...l),r.add(this),this.internals=this.attachInternals(),e.set(this,!1),t.set(this,!1),a.set(this,!1),i.set(this,void 0),n.set(this,void 0),s.set(this,!0),f.set(this,""),F.set(this,()=>{v(this,a,!0,"f"),v(this,e,!0,"f"),h(this,r,"m",k).call(this)}),y.set(this,()=>{v(this,e,!1,"f"),h(this,r,"m",_).call(this,this.shouldFormValueUpdate()?h(this,f,"f"):""),!this.validity.valid&&h(this,a,"f")&&v(this,t,!0,"f");let S=h(this,r,"m",k).call(this);this.validationMessageCallback&&this.validationMessageCallback(S?this.internals.validationMessage:"")}),$.set(this,()=>{var S;h(this,s,"f")&&this.validationTarget&&(this.internals.setValidity(this.validity,this.validationMessage,this.validationTarget),v(this,s,!1,"f")),v(this,a,!0,"f"),v(this,t,!0,"f"),h(this,r,"m",k).call(this),(S=this===null||this===void 0?void 0:this.validationMessageCallback)===null||S===void 0||S.call(this,this.showError?this.internals.validationMessage:"")}),x.set(this,void 0),z.set(this,!1),M.set(this,Promise.resolve()),(c=this.addEventListener)===null||c===void 0||c.call(this,"focus",h(this,F,"f")),(g=this.addEventListener)===null||g===void 0||g.call(this,"blur",h(this,y,"f")),(w=this.addEventListener)===null||w===void 0||w.call(this,"invalid",h(this,$,"f")),this.setValue(null)}static get formAssociated(){return!0}static get validators(){return this.formControlValidators||[]}static get observedAttributes(){let l=this.validators.map(w=>w.attribute).flat(),c=super.observedAttributes||[];return[...new Set([...c,...l])]}static getValidator(l){return this.validators.find(c=>c.attribute===l)||null}static getValidators(l){return this.validators.filter(c=>{var g;if(c.attribute===l||!((g=c.attribute)===null||g===void 0)&&g.includes(l))return!0})}get form(){return this.internals.form}get showError(){return h(this,r,"m",k).call(this)}checkValidity(){return this.internals.checkValidity()}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}attributeChangedCallback(l,c,g){var w;(w=super.attributeChangedCallback)===null||w===void 0||w.call(this,l,c,g);let X=this.constructor.getValidators(l);X?.length&&this.validationTarget&&this.setValue(h(this,f,"f"))}setValue(l){var c;v(this,t,!1,"f"),(c=this.validationMessageCallback)===null||c===void 0||c.call(this,""),v(this,f,l,"f");let w=this.shouldFormValueUpdate()?l:null;this.internals.setFormValue(w),h(this,r,"m",_).call(this,w),this.valueChangedCallback&&this.valueChangedCallback(w),h(this,r,"m",k).call(this)}shouldFormValueUpdate(){return!0}get validationComplete(){return new Promise(l=>l(h(this,M,"f")))}formResetCallback(){var l,c;v(this,a,!1,"f"),v(this,t,!1,"f"),h(this,r,"m",k).call(this),(l=this.resetFormControl)===null||l===void 0||l.call(this),(c=this.validationMessageCallback)===null||c===void 0||c.call(this,h(this,r,"m",k).call(this)?this.validationMessage:"")}}return e=new WeakMap,t=new WeakMap,a=new WeakMap,i=new WeakMap,n=new WeakMap,s=new WeakMap,f=new WeakMap,F=new WeakMap,y=new WeakMap,$=new WeakMap,x=new WeakMap,z=new WeakMap,M=new WeakMap,r=new WeakSet,b=function(){let l=this.getRootNode(),c=`${this.localName}[name="${this.getAttribute("name")}"]`;return l.querySelectorAll(c)},k=function(){if(this.hasAttribute("disabled"))return!1;let l=h(this,t,"f")||h(this,a,"f")&&!this.validity.valid&&!h(this,e,"f");return l&&this.internals.states?this.internals.states.add("--show-error"):this.internals.states&&this.internals.states.delete("--show-error"),l},_=function(l){let c=this.constructor,g={},w=c.validators,S=[],X=w.some(C=>C.isValid instanceof Promise);h(this,z,"f")||(v(this,M,new Promise(C=>{v(this,x,C,"f")}),"f"),v(this,z,!0,"f")),h(this,i,"f")&&(h(this,i,"f").abort(),v(this,n,h(this,i,"f"),"f"));let R=new AbortController;v(this,i,R,"f");let O,ue=!1;w.length&&(w.forEach(C=>{let Q=C.key||"customError",T=C.isValid(this,l,R.signal);T instanceof Promise?(S.push(T),T.then(W=>{W!=null&&(g[Q]=!W,O=h(this,r,"m",J).call(this,C,l),h(this,r,"m",Y).call(this,g,O))})):(g[Q]=!T,this.validity[Q]!==!T&&(ue=!0),!T&&!O&&(O=h(this,r,"m",J).call(this,C,l)))}),Promise.allSettled(S).then(()=>{var C;R?.signal.aborted||(v(this,z,!1,"f"),(C=h(this,x,"f"))===null||C===void 0||C.call(this))}),(ue||!X)&&h(this,r,"m",Y).call(this,g,O))},Y=function(l,c){if(this.validationTarget)this.internals.setValidity(l,c,this.validationTarget),v(this,s,!1,"f");else{if(this.internals.setValidity(l,c),this.internals.validity.valid)return;v(this,s,!0,"f")}},J=function(l,c){if(this.validityCallback){let g=this.validityCallback(l.key||"customError");if(g)return g}return l.message instanceof Function?l.message(this,c):l.message},Fe}import{html as q,LitElement as ze,nothing as A}from"lit";import{property as V,query as de,state as P}from"lit/decorators.js";import{classMap as Ue}from"lit/directives/class-map.js";import{ifDefined as K}from"lit/directives/if-defined.js";import{unsafeCSS as Xe}from"lit";var ke=Xe("*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.hidden{display:none}.absolute{position:absolute}.relative{position:relative}.static{position:static}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}");import{css as Re}from"lit";import{unsafeCSS as Oe}from"lit";var ye=Re`
   *,
   :before,
   :after {
@@ -279,7 +279,7 @@ Please compile your catalog first.
   svg {
     pointer-events: none;
   }
-`,Qe=ye`*, :before, :after {
+`,er=Oe(`*, :before, :after {
             --w-rotate: 0;
             --w-rotate-x: 0;
             --w-rotate-y: 0;
@@ -2144,8 +2144,8 @@ Please compile your catalog first.
                 overflow-wrap: break-word
             }
 
-            .before\\:content-\\[\\"–\\"\\]:before {
-                content: "–"
+            .before\\:content-\\[\\"\xE2\u20AC\u201C\\"\\]:before {
+                content: "\xE2\u20AC\u201C"
             }
 
             .before\\:content-\\[\\"\\"\\]:before {
@@ -2445,7 +2445,7 @@ Please compile your catalog first.
                     display: none
                 }
             }
-        `;import{css as Oe}from"lit";var ze=Oe`
+        `);import{css as qe}from"lit";var _e=qe`
   .w-slider-thumb {
     position: relative;
     display: grid;
@@ -2636,7 +2636,7 @@ Please compile your catalog first.
   w-textfield {
     --w-textfield-placeholder-color-text: var(--w-s-color-text);
   }
-`;var D,d,B,G,ce,j,U,he,Ee,Fe,u=class extends xe(Ce){constructor(){super(...arguments);te(this,d);this.disabled=!1;this.invalid=!1;this.openEnded=!1;this.suffix="";this._showTooltip=!1;this._inputHasFocus=!1;this._hiddenTextfield=!1;te(this,D,null);this.anchorPositioningStyleElement=null}resetFormControl(){this.value=re(this,D),this.dispatchEvent(new CustomEvent("thumbreset",{bubbles:!0}))}async updateFieldAfterValidation(){let e=this.shadowRoot.querySelector("w-textfield");await m(this,d,U).call(this,e.value,!0)}async connectedCallback(){if(super.connectedCallback(),oe(this,D,this.value),this.setValue(this.value),this.slot&&!this.ariaDescription&&(this.slot==="from"?this.ariaDescription=E.t({id:"slider.label.from",comment:"Accessible label for the 'from value' input field in a range slider",message:"From"}):this.slot==="to"&&(this.ariaDescription=E.t({id:"slider.label.to",comment:"Accessible label for the 'to value' input field in a range slider",message:"To"}))),"anchorName"in document.documentElement.style)await this.updateComplete;else{let a=import.meta.url.substring(0,import.meta.url.lastIndexOf("/"));try{let[{default:i}]=await Promise.all([import(`${a}/oddbird-css-anchor-positioning.js`),this.updateComplete]);this.anchorPositioningStyleElement||(this.anchorPositioningStyleElement=document.createElement("style"),this.shadowRoot.prepend(this.anchorPositioningStyleElement)),this.anchorPositioningStyleElement.textContent=`
+`;var D,d,B,G,ce,j,U,he,Ce,Ee,u=class extends xe(ze){constructor(){super(...arguments);te(this,d);this.ariaLabel=null;this.ariaDescription=null;this.disabled=!1;this.invalid=!1;this.openEnded=!1;this.required=!1;this.suffix="";this._showTooltip=!1;this._inputHasFocus=!1;this._hiddenTextfield=!1;te(this,D);this.anchorPositioningStyleElement=null}resetFormControl(){this.value=re(this,D),this.dispatchEvent(new CustomEvent("thumbreset",{bubbles:!0}))}async updateFieldAfterValidation(){let e=this.shadowRoot.querySelector("w-textfield");await m(this,d,U).call(this,e.value,!0)}async connectedCallback(){if(super.connectedCallback(),oe(this,D,this.value),this.setValue(this.value),this.slot&&!this.ariaDescription&&(this.slot==="from"?this.ariaDescription=E.t({id:"slider.label.from",comment:"Accessible label for the 'from value' input field in a range slider",message:"From"}):this.slot==="to"&&(this.ariaDescription=E.t({id:"slider.label.to",comment:"Accessible label for the 'to value' input field in a range slider",message:"To"}))),"anchorName"in document.documentElement.style)await this.updateComplete;else{let a=import.meta.url.substring(0,import.meta.url.lastIndexOf("/"));try{let[{default:i}]=await Promise.all([import(`${a}/oddbird-css-anchor-positioning.js`),this.updateComplete]);this.anchorPositioningStyleElement||(this.anchorPositioningStyleElement=document.createElement("style"),this.shadowRoot.prepend(this.anchorPositioningStyleElement)),this.anchorPositioningStyleElement.textContent=`
         /*
          * The polyfill can only anchor to ::before and ::after pseudo elements, not the pseudo element slider thumb.
          * We work around that by recreating a transparent version of the active range
@@ -2708,7 +2708,7 @@ Please compile your catalog first.
           @focus="${m(this,d,B)}"
           @blur="${m(this,d,G)}"
           @input="${m(this,d,he)}"
-          @keydown="${m(this,d,Ee)}"
+          @keydown="${m(this,d,Ce)}"
         />
 
         ${this.slot==="from"||!this.slot?q`
@@ -2732,7 +2732,7 @@ Please compile your catalog first.
         <w-textfield
           aria-label="${this.ariaLabel}"
           aria-description="${K(this.ariaDescriptionText)}"
-          class="${qe({"w-slider-thumb__textfield":!0,"sr-only":this._hiddenTextfield})}"
+          class="${Ue({"w-slider-thumb__textfield":!0,"sr-only":this._hiddenTextfield})}"
           type="number"
           tabindex="${this._hiddenTextfield?-1:A}"
           placeholder="${this.placeholder}"
@@ -2743,7 +2743,7 @@ Please compile your catalog first.
           step="${K(this.step)}"
           ?invalid="${!!this.invalid}"
           @input="${m(this,d,he)}"
-          @keydown="${m(this,d,Fe)}"
+          @keydown="${m(this,d,Ee)}"
           ?disabled="${this.disabled}"
         >
           ${this.suffix??""?q`<w-affix slot="suffix" label="${this.suffix??""}"></w-affix>`:A}
@@ -2770,5 +2770,5 @@ Please compile your catalog first.
           ${this.ariaDescriptionText}
         </span>
       </div>
-    `}};D=new WeakMap,d=new WeakSet,B=function(){this._showTooltip=!0,this.shadowRoot.querySelector("w-attention").handleDone()},G=function(){this._showTooltip=!1},ce=function(){this.range&&(this.value===""?this.range.value=this.boundaryValue:this.value&&(this.range.value=this.value))},j=function(e){this.dispatchEvent(new CustomEvent("slidervalidity",{bubbles:!0,detail:{invalid:e,slot:this.slot}}))},U=async function(e,t){let a=this.suffix??"",i=Number.parseInt(e);if(this.openEnded&&!t&&this.step&&!(this.slot==="to"&&i>=Number(this.max)-1||this.slot==="from"&&i<=Number(this.min)+1)){let y=1/this.step;i=Math.round(i*y)/y,e=i.toString()}let n=Number.parseInt(this.max),s=Number.parseInt(this.min);if(!this.openEnded&&(i>n||i<s))return m(this,d,j).call(this,E.t({id:"slider.error.out_of_bounds",message:"Value must be between {min} and {max}",values:{min:`${this.min} ${a}`.trim(),max:`${this.max} ${a}`.trim()}})),{shouldCancel:!0};e===""&&this.required&&m(this,d,j).call(this,E.t({id:"slider.error.required",message:"This field is required"})),this.value=e;let b=e===this.max||e===this.min,f=!1;if(this.slot){let F=this.parentElement.querySelector('w-slider-thumb[slot="to"]'),y=this.parentElement.querySelector('w-slider-thumb[slot="from"]'),$=F.textfield.value||this.max,x=y.textfield.value||this.min,z=Number.parseInt($),M=Number.parseInt(x),k=E.t({id:"slider.error.overlap",message:"The maximum value cannot be less than the minimum"});if(this.slot==="from"){let _=this.openEnded&&z>n?z:Math.min(z,this.openEnded?n-1:n);i>_&&(f=!0,this.openEnded&&b?this.value=String(_):this.value=$,t&&(m(this,d,j).call(this,k),await this.updateComplete,this.textfield.value=e))}else{let _=this.openEnded&&M<s?M:Math.max(Number.parseInt(x),this.openEnded?s+1:s);i<_&&(f=!0,this.openEnded&&b?this.value=String(_):this.value=x,t&&(m(this,d,j).call(this,k),await this.updateComplete,this.textfield.value=e))}}return f?{shouldCancel:!0}:(m(this,d,j).call(this,""),this.range.value=Math.min(Math.max(Number(e),Number(this.min)),Number(this.max)).toString(),this.value=this.openEnded&&!t&&b?"":e,this.shadowRoot.querySelector("w-attention").handleDone(),{shouldCancel:!1})},he=async function(e){let t=e.currentTarget.tagName==="W-TEXTFIELD";if(e instanceof CustomEvent)return;let a=e.currentTarget.value;return(await m(this,d,U).call(this,a,t)).shouldCancel?(e.preventDefault(),!1):!0},Ee=async function(e){if(e.key==="Enter"&&this.internals.form){this.internals.form.requestSubmit();return}if(!this.openEnded||e.key!=="ArrowLeft"&&e.key!=="ArrowRight")return;let t=Number(this.range.value),a=this.step||1,i;e.key==="ArrowLeft"?i=t-a:i=t+a,i=Math.min(Math.max(i,Number(this.min)),Number(this.max)),(await m(this,d,U).call(this,i.toString(),!1)).shouldCancel&&e.preventDefault()},Fe=async function(e){if(e.key==="Enter"&&this.internals.form){this.internals.form.requestSubmit();return}if(this.textfield.value)return;let t="";this.slot==="from"?e.key==="ArrowUp"?t=String(Number(this.min)+1)||"1":e.key==="ArrowDown"&&(t=String(Number(this.min))||"0"):e.key==="ArrowUp"?t=String(Number(this.max))||"100":e.key==="ArrowDown"&&(t=String(Number(this.max)-1)||"99"),t&&(e.preventDefault(),await m(this,d,U).call(this,t,!0))},u.shadowRootOptions={...Ce.shadowRootOptions,delegatesFocus:!0},u.styles=[_e,ke,ze],p([V({attribute:"aria-label"})],u.prototype,"ariaLabel",2),p([V({attribute:"aria-description"})],u.prototype,"ariaDescription",2),p([V({reflect:!0})],u.prototype,"name",2),p([V({reflect:!0})],u.prototype,"value",2),p([V({type:Boolean,reflect:!0})],u.prototype,"disabled",2),p([V({type:Boolean,reflect:!0})],u.prototype,"invalid",2),p([V({attribute:!1,reflect:!1})],u.prototype,"openEnded",2),p([V({reflect:!0})],u.prototype,"placeholder",2),p([P()],u.prototype,"markers",2),p([P()],u.prototype,"required",2),p([P()],u.prototype,"step",2),p([P()],u.prototype,"min",2),p([P()],u.prototype,"max",2),p([P()],u.prototype,"suffix",2),p([V({attribute:!1})],u.prototype,"valueFormatter",2),p([V({attribute:!1})],u.prototype,"tooltipFormatter",2),p([V({attribute:!1})],u.prototype,"labelFormatter",2),p([de('input[type="range"]')],u.prototype,"range",2),p([de(".w-slider-thumb__tooltip-target")],u.prototype,"tooltipTarget",2),p([de("w-textfield")],u.prototype,"textfield",2),p([P()],u.prototype,"_showTooltip",2),p([P()],u.prototype,"_inputHasFocus",2),p([P()],u.prototype,"_hiddenTextfield",2);customElements.get("w-slider-thumb")||customElements.define("w-slider-thumb",u);export{u as WarpSliderThumb};
+    `}};D=new WeakMap,d=new WeakSet,B=function(){this._showTooltip=!0,this.shadowRoot.querySelector("w-attention").handleDone()},G=function(){this._showTooltip=!1},ce=function(){this.range&&(this.value===""?this.range.value=this.boundaryValue:this.value&&(this.range.value=this.value))},j=function(e){this.dispatchEvent(new CustomEvent("slidervalidity",{bubbles:!0,detail:{invalid:e,slot:this.slot}}))},U=async function(e,t){let a=this.suffix??"",i=Number.parseInt(e);if(this.openEnded&&!t&&this.step&&!(this.slot==="to"&&i>=Number(this.max)-1||this.slot==="from"&&i<=Number(this.min)+1)){let y=1/this.step;i=Math.round(i*y)/y,e=i.toString()}let n=Number.parseInt(this.max),s=Number.parseInt(this.min);if(!this.openEnded&&(i>n||i<s))return m(this,d,j).call(this,E.t({id:"slider.error.out_of_bounds",message:"Value must be between {min} and {max}",values:{min:`${this.min} ${a}`.trim(),max:`${this.max} ${a}`.trim()}})),{shouldCancel:!0};e===""&&this.required&&m(this,d,j).call(this,E.t({id:"slider.error.required",message:"This field is required"})),this.value=e;let b=e===this.max||e===this.min,f=!1;if(this.slot){let F=this.parentElement.querySelector('w-slider-thumb[slot="to"]'),y=this.parentElement.querySelector('w-slider-thumb[slot="from"]'),$=F.textfield.value||this.max,x=y.textfield.value||this.min,z=Number.parseInt($),M=Number.parseInt(x),k=E.t({id:"slider.error.overlap",message:"The maximum value cannot be less than the minimum"});if(this.slot==="from"){let _=this.openEnded&&z>n?z:Math.min(z,this.openEnded?n-1:n);i>_&&(f=!0,this.openEnded&&b?this.value=String(_):this.value=$,t&&(m(this,d,j).call(this,k),await this.updateComplete,this.textfield.value=e))}else{let _=this.openEnded&&M<s?M:Math.max(Number.parseInt(x),this.openEnded?s+1:s);i<_&&(f=!0,this.openEnded&&b?this.value=String(_):this.value=x,t&&(m(this,d,j).call(this,k),await this.updateComplete,this.textfield.value=e))}}return f?{shouldCancel:!0}:(m(this,d,j).call(this,""),this.range.value=Math.min(Math.max(Number(e),Number(this.min)),Number(this.max)).toString(),this.value=this.openEnded&&!t&&b?"":e,this.shadowRoot.querySelector("w-attention").handleDone(),{shouldCancel:!1})},he=async function(e){let t=e.currentTarget.tagName==="W-TEXTFIELD";if(e instanceof CustomEvent)return!1;let a=e.currentTarget.value;return(await m(this,d,U).call(this,a,t)).shouldCancel?(e.preventDefault(),!1):!0},Ce=async function(e){if(e.key==="Enter"&&this.internals.form){this.internals.form.requestSubmit();return}if(!this.openEnded||e.key!=="ArrowLeft"&&e.key!=="ArrowRight")return;let t=Number(this.range.value),a=this.step||1,i;e.key==="ArrowLeft"?i=t-a:i=t+a,i=Math.min(Math.max(i,Number(this.min)),Number(this.max)),(await m(this,d,U).call(this,i.toString(),!1)).shouldCancel&&e.preventDefault()},Ee=async function(e){if(e.key==="Enter"&&this.internals.form){this.internals.form.requestSubmit();return}if(this.textfield.value)return;let t="";this.slot==="from"?e.key==="ArrowUp"?t=String(Number(this.min)+1)||"1":e.key==="ArrowDown"&&(t=String(Number(this.min))||"0"):e.key==="ArrowUp"?t=String(Number(this.max))||"100":e.key==="ArrowDown"&&(t=String(Number(this.max)-1)||"99"),t&&(e.preventDefault(),await m(this,d,U).call(this,t,!0))},u.shadowRootOptions={...ze.shadowRootOptions,delegatesFocus:!0},u.styles=[ye,ke,_e],p([V({attribute:"aria-label"})],u.prototype,"ariaLabel",2),p([V({attribute:"aria-description"})],u.prototype,"ariaDescription",2),p([V({reflect:!0})],u.prototype,"name",2),p([V({reflect:!0})],u.prototype,"value",2),p([V({type:Boolean,reflect:!0})],u.prototype,"disabled",2),p([V({type:Boolean,reflect:!0})],u.prototype,"invalid",2),p([V({attribute:!1,reflect:!1})],u.prototype,"openEnded",2),p([V({reflect:!0})],u.prototype,"placeholder",2),p([P()],u.prototype,"markers",2),p([P()],u.prototype,"required",2),p([P()],u.prototype,"step",2),p([P()],u.prototype,"min",2),p([P()],u.prototype,"max",2),p([P()],u.prototype,"suffix",2),p([V({attribute:!1})],u.prototype,"valueFormatter",2),p([V({attribute:!1})],u.prototype,"tooltipFormatter",2),p([V({attribute:!1})],u.prototype,"labelFormatter",2),p([de('input[type="range"]')],u.prototype,"range",2),p([de(".w-slider-thumb__tooltip-target")],u.prototype,"tooltipTarget",2),p([de("w-textfield")],u.prototype,"textfield",2),p([P()],u.prototype,"_showTooltip",2),p([P()],u.prototype,"_inputHasFocus",2),p([P()],u.prototype,"_hiddenTextfield",2);customElements.get("w-slider-thumb")||customElements.define("w-slider-thumb",u);export{u as WarpSliderThumb};
 //# sourceMappingURL=slider-thumb.js.map