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

package/dist/packages/select/select.test.js

@@ -222,10 +222,12 @@ test('reflects dynamic light-DOM option selected changes into native select', as
     await wSelect.updateComplete;
     const lightOptions = Array.from(wSelect.querySelectorAll('option'));
     lightOptions[1].setAttribute('selected', '');
-    await expect.poll(() => {
+    await expect
+        .poll(() => {
         const nativeSelect = wSelect.shadowRoot.querySelector('select');
         return nativeSelect.value;
-    }).toBe('beta');
+    })
+        .toBe('beta');
 });
 /* For some reason this test fails only in Chromium and only on CI. Manually tested OK in Chrome. */
 test.skipIf(server.browser === 'chromium' && server.config.env.CI)('submits the associated form when radio has focus and user presses Enter', async () => {

package/dist/packages/slider/slider.hydration.test.js

@@ -1,4 +1,4 @@
-import { describe, expect, test, beforeEach, afterEach } from 'vitest';
+import { afterEach, beforeEach, describe, expect, test } from 'vitest';
 import { setupHydrationWarningCapture, testHydration } from '../../tests/react-hydration';
 import './slider.js';
 describe('w-slider React SSR hydration', () => {
@@ -27,7 +27,12 @@ describe('w-slider React SSR hydration', () => {
         expect(warnings).toEqual([]);
     });
     test('with help-text hydrates without warnings', async () => {
-        const warnings = await testHydration('w-slider', { label: 'Value', min: '0', max: '100', 'help-text': 'Select a value' });
+        const warnings = await testHydration('w-slider', {
+            label: 'Value',
+            min: '0',
+            max: '100',
+            'help-text': 'Select a value',
+        });
         expect(warnings).toEqual([]);
     });
 });

package/dist/packages/slider/slider.js

@@ -1,12 +1,12 @@
-var ve=Object.defineProperty;var fe=Object.getOwnPropertyDescriptor;var P=t=>{throw TypeError(t)};var b=(t,r,e,o)=>{for(var a=o>1?void 0:o?fe(r,e):r,i=t.length-1,s;i>=0;i--)(s=t[i])&&(a=(o?s(r,e,a):s(a))||a);return o&&a&&ve(r,e,a),a};var we=(t,r,e)=>r.has(t)||P("Cannot "+e);var R=(t,r,e)=>r.has(t)?P("Cannot add the same private member more than once"):r instanceof WeakSet?r.add(t):r.set(t,e);var h=(t,r,e)=>(we(t,r,"access private method"),e);import{html as x,LitElement as de,nothing as j}from"lit";import{property as g,query as je,state as T}from"lit/decorators.js";var u=t=>typeof t=="string",xe=t=>typeof t=="function",X=new Map,Z="en";function Y(t){return[...Array.isArray(t)?t:[t],Z]}function $(t,r,e){let o=Y(t);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 z(()=>E("date",o,e),()=>new Intl.DateTimeFormat(o,a)).format(u(r)?new Date(r):r)}function ke(t,r,e){let o;if(e||(e="default"),typeof e=="string")switch(o={second:"numeric",minute:"numeric",hour:"numeric"},e){case"full":case"long":o.timeZoneName="short";break;case"short":delete o.second}else o=e;return $(t,r,o)}function N(t,r,e){let o=Y(t);return z(()=>E("number",o,e),()=>new Intl.NumberFormat(o,e)).format(r)}function V(t,r,e,{offset:o=0,...a}){var n,c;let i=Y(t),s=r?z(()=>E("plural-ordinal",i),()=>new Intl.PluralRules(i,{type:"ordinal"})):z(()=>E("plural-cardinal",i),()=>new Intl.PluralRules(i,{type:"cardinal"}));return(c=(n=a[e])!=null?n:a[s.select(e-o)])!=null?c:a.other}function z(t,r){let e=t(),o=X.get(e);return o||(o=r(),X.set(e,o)),o}function E(t,r,e){let o=r.join("-");return`${t}-${o}-${JSON.stringify(e)}`}var H=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,B=t=>t.replace(/\\u([a-fA-F0-9]{4})|\\x([a-fA-F0-9]{2})/g,(r,e,o)=>{if(e){let a=parseInt(e,16);return String.fromCharCode(a)}else{let a=parseInt(o,16);return String.fromCharCode(a)}}),J="%__lingui_octothorpe__%",ye=(t,r,e={})=>{let o=r||t,a=s=>typeof s=="object"?s:e[s],i=(s,n)=>{let c=Object.keys(e).length?a("number"):void 0,v=N(o,s,c);return n.replace(new RegExp(J,"g"),v)};return{plural:(s,n)=>{let{offset:c=0}=n,v=V(o,!1,s,n);return i(s-c,v)},selectordinal:(s,n)=>{let{offset:c=0}=n,v=V(o,!0,s,n);return i(s-c,v)},select:_e,number:(s,n)=>N(o,s,a(n)||{style:n}),date:(s,n)=>$(o,s,a(n)||n),time:(s,n)=>ke(o,s,a(n)||n)}},_e=(t,r)=>{var e;return(e=r[t])!=null?e:r.other};function ze(t,r,e){return(o={},a)=>{let i=ye(r,e,a),s=(c,v=!1)=>Array.isArray(c)?c.reduce((k,y)=>{if(y==="#"&&v)return k+J;if(u(y))return k+y;let[I,f,O]=y,S={};f==="plural"||f==="selectordinal"||f==="select"?Object.entries(O).forEach(([F,me])=>{S[F]=s(me,f==="plural"||f==="selectordinal")}):S=O;let _;if(f){let F=i[f];_=F(o[I],S)}else _=o[I];return _==null?k:k+_},""):c,n=s(t);return u(n)&&H.test(n)?B(n):u(n)?n:n?String(n):""}}var Ee=Object.defineProperty,Me=(t,r,e)=>r in t?Ee(t,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[r]=e,Te=(t,r,e)=>(Me(t,typeof r!="symbol"?r+"":r,e),e),A=class{constructor(){Te(this,"_events",{})}on(r,e){var a;var o;return(a=(o=this._events)[r])!=null||(o[r]=[]),this._events[r].push(e),()=>this.removeListener(r,e)}removeListener(r,e){let o=this._getListeners(r);if(!o)return;let a=o.indexOf(e);~a&&o.splice(a,1)}emit(r,...e){let o=this._getListeners(r);o&&o.map(a=>a.apply(this,e))}_getListeners(r){let e=this._events[r];return Array.isArray(e)?e:!1}},Le=Object.defineProperty,Se=(t,r,e)=>r in t?Le(t,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[r]=e,w=(t,r,e)=>(Se(t,typeof r!="symbol"?r+"":r,e),e),C=class extends A{constructor(r){var e;super(),w(this,"_locale",""),w(this,"_locales"),w(this,"_localeData",{}),w(this,"_messages",{}),w(this,"_missing"),w(this,"_messageCompiler"),w(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((e=r.locale)!=null?e:Z,r.locales)}get locale(){return this._locale}get locales(){return this._locales}get messages(){var r;return(r=this._messages[this._locale])!=null?r:{}}get localeData(){var r;return(r=this._localeData[this._locale])!=null?r:{}}_loadLocaleData(r,e){let o=this._localeData[r];o?Object.assign(o,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(o=>this._loadLocaleData(o,r[o])),this.emit("change")}_load(r,e){let o=this._messages[r];o?Object.assign(o,e):this._messages[r]=e}load(r,e){typeof r=="string"&&typeof e=="object"?this._load(r,e):Object.entries(r).forEach(([o,a])=>this._load(o,a)),this.emit("change")}loadAndActivate({locale:r,locales:e,messages:o}){this._locale=r,this._locales=e||void 0,this._messages[this._locale]=o,this.emit("change")}activate(r,e){this._locale=r,this._locales=e,this.emit("change")}_(r,e,o){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=o==null?void 0:o.message;r||(r=""),u(r)||(e=r.values||e,a=r.message,r=r.id);let i=this.messages[r],s=i===void 0,n=this._missing;if(n&&s)return xe(n)?n(this._locale,r):n;s&&this.emit("missing",{id:r,locale:this._locale});let c=i||a||r;return u(c)&&(this._messageCompiler?c=this._messageCompiler(c):console.warn(`Uncompiled message detected! Message:
+var ve=Object.defineProperty;var fe=Object.getOwnPropertyDescriptor;var P=a=>{throw TypeError(a)};var c=(a,r,e,o)=>{for(var t=o>1?void 0:o?fe(r,e):r,i=a.length-1,s;i>=0;i--)(s=a[i])&&(t=(o?s(r,e,t):s(t))||t);return o&&t&&ve(r,e,t),t};var we=(a,r,e)=>r.has(a)||P("Cannot "+e);var R=(a,r,e)=>r.has(a)?P("Cannot add the same private member more than once"):r instanceof WeakSet?r.add(a):r.set(a,e);var h=(a,r,e)=>(we(a,r,"access private method"),e);import{html as x,LitElement as de,nothing as j}from"lit";import{property as g,query as je,state as T}from"lit/decorators.js";var u=a=>typeof a=="string",xe=a=>typeof a=="function",X=new Map,Z="en";function Y(a){return[...Array.isArray(a)?a:[a],Z]}function $(a,r,e){let o=Y(a);e||(e="default");let t;if(typeof e=="string")switch(t={day:"numeric",month:"short",year:"numeric"},e){case"full":t.weekday="long";case"long":t.month="long";break;case"short":t.month="numeric";break}else t=e;return z(()=>E("date",o,e),()=>new Intl.DateTimeFormat(o,t)).format(u(r)?new Date(r):r)}function ke(a,r,e){let o;if(e||(e="default"),typeof e=="string")switch(o={second:"numeric",minute:"numeric",hour:"numeric"},e){case"full":case"long":o.timeZoneName="short";break;case"short":delete o.second}else o=e;return $(a,r,o)}function N(a,r,e){let o=Y(a);return z(()=>E("number",o,e),()=>new Intl.NumberFormat(o,e)).format(r)}function V(a,r,e,{offset:o=0,...t}){let i=Y(a),s=r?z(()=>E("plural-ordinal",i),()=>new Intl.PluralRules(i,{type:"ordinal"})):z(()=>E("plural-cardinal",i),()=>new Intl.PluralRules(i,{type:"cardinal"}));return t[e]??t[s.select(e-o)]??t.other}function z(a,r){let e=a(),o=X.get(e);return o||(o=r(),X.set(e,o)),o}function E(a,r,e){let o=r.join("-");return`${a}-${o}-${JSON.stringify(e)}`}var H=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,B=a=>a.replace(/\\u([a-fA-F0-9]{4})|\\x([a-fA-F0-9]{2})/g,(r,e,o)=>{if(e){let t=parseInt(e,16);return String.fromCharCode(t)}else{let t=parseInt(o,16);return String.fromCharCode(t)}}),J="%__lingui_octothorpe__%",ye=(a,r,e={})=>{let o=r||a,t=s=>typeof s=="object"?s:e[s],i=(s,n)=>{let b=Object.keys(e).length?t("number"):void 0,v=N(o,s,b);return n.replace(new RegExp(J,"g"),v)};return{plural:(s,n)=>{let{offset:b=0}=n,v=V(o,!1,s,n);return i(s-b,v)},selectordinal:(s,n)=>{let{offset:b=0}=n,v=V(o,!0,s,n);return i(s-b,v)},select:_e,number:(s,n)=>N(o,s,t(n)||{style:n}),date:(s,n)=>$(o,s,t(n)||n),time:(s,n)=>ke(o,s,t(n)||n)}},_e=(a,r)=>r[a]??r.other;function ze(a,r,e){return(o={},t)=>{let i=ye(r,e,t),s=(b,v=!1)=>Array.isArray(b)?b.reduce((k,y)=>{if(y==="#"&&v)return k+J;if(u(y))return k+y;let[I,f,O]=y,S={};f==="plural"||f==="selectordinal"||f==="select"?Object.entries(O).forEach(([F,me])=>{S[F]=s(me,f==="plural"||f==="selectordinal")}):S=O;let _;if(f){let F=i[f];_=F(o[I],S)}else _=o[I];return _==null?k:k+_},""):b,n=s(a);return u(n)&&H.test(n)?B(n):u(n)?n:n?String(n):""}}var Ee=Object.defineProperty,Me=(a,r,e)=>r in a?Ee(a,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[r]=e,Te=(a,r,e)=>(Me(a,typeof r!="symbol"?r+"":r,e),e),A=class{constructor(){Te(this,"_events",{})}on(r,e){var o;return(o=this._events)[r]??(o[r]=[]),this._events[r].push(e),()=>this.removeListener(r,e)}removeListener(r,e){let o=this._getListeners(r);if(!o)return;let t=o.indexOf(e);~t&&o.splice(t,1)}emit(r,...e){let o=this._getListeners(r);o&&o.map(t=>t.apply(this,e))}_getListeners(r){let e=this._events[r];return Array.isArray(e)?e:!1}},Le=Object.defineProperty,Se=(a,r,e)=>r in a?Le(a,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[r]=e,w=(a,r,e)=>(Se(a,typeof r!="symbol"?r+"":r,e),e),C=class extends A{constructor(r){super(),w(this,"_locale",""),w(this,"_locales"),w(this,"_localeData",{}),w(this,"_messages",{}),w(this,"_missing"),w(this,"_messageCompiler"),w(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??Z,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 o=this._localeData[r];o?Object.assign(o,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(o=>this._loadLocaleData(o,r[o])),this.emit("change")}_load(r,e){let o=this._messages[r];o?Object.assign(o,e):this._messages[r]=e}load(r,e){typeof r=="string"&&typeof e=="object"?this._load(r,e):Object.entries(r).forEach(([o,t])=>this._load(o,t)),this.emit("change")}loadAndActivate({locale:r,locales:e,messages:o}){this._locale=r,this._locales=e||void 0,this._messages[this._locale]=o,this.emit("change")}activate(r,e){this._locale=r,this._locales=e,this.emit("change")}_(r,e,o){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 t=o?.message;r||(r=""),u(r)||(e=r.values||e,t=r.message,r=r.id);let i=this.messages[r],s=i===void 0,n=this._missing;if(n&&s)return xe(n)?n(this._locale,r):n;s&&this.emit("missing",{id:r,locale:this._locale});let b=i||t||r;return u(b)&&(this._messageCompiler?b=this._messageCompiler(b):console.warn(`Uncompiled message detected! Message:
 
-> ${c}
+> ${b}
 
 That means you use raw catalog or your catalog doesn't have a translation for the message and fallback was used.
 ICU features such as interpolation and plurals will not work properly for that message. 
 
 Please compile your catalog first. 
-`)),u(c)&&H.test(c)?B(c):u(c)?c:ze(c,this._locale,this._locales)(e,o==null?void 0:o.formats)}date(r,e){return $(this._locales||this._locale,r,e)}number(r,e){return N(this._locales||this._locale,r,e)}};function Fe(t={}){return new C(t)}var p=Fe();var Ne=["en","nb","fi","da","sv"],D="en",M=t=>Ne.find(r=>t===r||t.toLowerCase().includes(r))||D;function U(){if(typeof window=="undefined"){let t=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return M(t)}try{let t=G(document);if(t)return M(t);let r=$e();if(r)return M(r);let e=G(ee());return e?M(e):D}catch(t){return console.warn("could not detect locale, falling back to source locale",t),D}}var Q=(t,r,e,o,a)=>{p.load("en",t),p.load("nb",r),p.load("fi",e),p.load("da",o),p.load("sv",a);let i=U();p.activate(i),W(),Ce()},Ae="warp-i18n-change";function W(){typeof window!="undefined"&&window.dispatchEvent(new Event(Ae))}var K=!1;function Ce(){if(K||typeof window=="undefined"||!(document!=null&&document.documentElement))return;K=!0;let t=()=>{let a=U();p.locale!==a&&(p.activate(a),W())},r=new MutationObserver(a=>{for(let i of a)if(i.type==="attributes"&&i.attributeName==="lang"){t();break}});r.observe(document.documentElement,{attributes:!0,attributeFilter:["lang"]});let e=ee();e&&e.documentElement&&e!==document&&r.observe(e.documentElement,{attributes:!0,attributeFilter:["lang"]});let o=Ye();o&&r.observe(o,{attributes:!0,attributeFilter:["lang"]})}function ee(){var t,r;try{return(r=(t=window.parent)==null?void 0:t.document)!=null?r:null}catch(e){return null}}function G(t){var r,e;try{return(e=(r=t==null?void 0:t.documentElement)==null?void 0:r.lang)!=null?e:""}catch(o){return""}}function Ye(){var t;try{return(t=window.frameElement)!=null?t:null}catch(r){return null}}function $e(){var t,r,e;try{return(e=(r=(t=window.frameElement)==null?void 0:t.getAttribute)==null?void 0:r.call(t,"lang"))!=null?e:""}catch(o){return""}}import{css as re}from"lit";var oe=re`
+`)),u(b)&&H.test(b)?B(b):u(b)?b:ze(b,this._locale,this._locales)(e,o?.formats)}date(r,e){return $(this._locales||this._locale,r,e)}number(r,e){return N(this._locales||this._locale,r,e)}};function Fe(a={}){return new C(a)}var p=Fe();var Ne=["en","nb","fi","da","sv"],D="en",M=a=>Ne.find(r=>a===r||a.toLowerCase().includes(r))||D;function U(){if(typeof window>"u"){let a=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return M(a)}try{let a=G(document);if(a)return M(a);let r=$e();if(r)return M(r);let e=G(ee());return e?M(e):D}catch(a){return console.warn("could not detect locale, falling back to source locale",a),D}}var Q=(a,r,e,o,t)=>{p.load("en",a),p.load("nb",r),p.load("fi",e),p.load("da",o),p.load("sv",t);let i=U();p.activate(i),W(),Ce()},Ae="warp-i18n-change";function W(){typeof window>"u"||window.dispatchEvent(new Event(Ae))}var K=!1;function Ce(){if(K||typeof window>"u"||!document?.documentElement)return;K=!0;let a=()=>{let t=U();p.locale!==t&&(p.activate(t),W())},r=new MutationObserver(t=>{for(let i of t)if(i.type==="attributes"&&i.attributeName==="lang"){a();break}});r.observe(document.documentElement,{attributes:!0,attributeFilter:["lang"]});let e=ee();e&&e.documentElement&&e!==document&&r.observe(e.documentElement,{attributes:!0,attributeFilter:["lang"]});let o=Ye();o&&r.observe(o,{attributes:!0,attributeFilter:["lang"]})}function ee(){try{return window.parent?.document??null}catch{return null}}function G(a){try{return a?.documentElement?.lang??""}catch{return""}}function Ye(){try{return window.frameElement??null}catch{return null}}function $e(){try{return window.frameElement?.getAttribute?.("lang")??""}catch{return""}}import{css as re}from"lit";var oe=re`
   *,
   :before,
   :after {
@@ -2597,7 +2597,7 @@ Please compile your catalog first.
     bottom: 0;
     grid-area: slider;
   }
-`;var l,m,ce,be,he,ge,pe,ue,q,L,d=class extends de{constructor(){super();R(this,l);this.disabled=!1;this.openEnded=!1;this.invalid=!1;this.required=!1;this.hiddenTextfield=!1;this._invalidMessage="";this._hasInternalError=!1;this._showError=!1;this._tabbableElements=[];Q(ae,se,ie,te,ne)}get edgeMin(){return this.openEnded?(Number(this.min)-1).toString():this.min}get edgeMax(){return this.openEnded?(Number(this.max)+1).toString():this.max}async connectedCallback(){super.connectedCallback(),await this.updateComplete,this.step&&this.fieldset.style.setProperty("--step",String(this.step)),this.min!==void 0&&this.fieldset.style.setProperty("--min",this.edgeMin),this.max!==void 0&&this.fieldset.style.setProperty("--max",this.max),this.markers&&this.fieldset.style.setProperty("--markers",String(this.markers)),this.openEnded&&this.fieldset.style.setProperty("--over-under-offset","1");let e=this.querySelectorAll("w-slider-thumb");if(e.length===2){this.fieldset.style.setProperty("--range-slider-magic-pixel","1px");let a=Array.from(e);this._tabbableElements[0]=a[0].shadowRoot.querySelector("input"),this._tabbableElements[1]=a[1].shadowRoot.querySelector("input"),this._tabbableElements[2]=a[0].shadowRoot.querySelector("w-textfield"),this._tabbableElements[3]=a[1].shadowRoot.querySelector("w-textfield")}else if(e.length===1){let a=Array.from(e);this._tabbableElements[0]=a[0].shadowRoot.querySelector("input"),this._tabbableElements[1]=a[0].shadowRoot.querySelector("w-textfield")}this.invalid&&this.error&&(this._showError=!0),h(this,l,m).call(this)}updated(e){(e.has("disabled")||e.has("required")||e.has("min")||e.has("step")||e.has("max")||e.has("suffix")||e.has("labelFormatter")||e.has("valueFormatter")||e.has("_invalidMessage")||e.has("_hasInternalError"))&&h(this,l,m).call(this),(e.has("error")||e.has("invalid"))&&(this.error&&this.invalid?this._showError=!0:this._showError=!1,h(this,l,m).call(this))}get componentHasError(){return this.invalid||this._hasInternalError}get errorText(){return this._showError?this.error||this._invalidMessage:""}render(){return x`
+`;var l,m,ce,be,he,ge,pe,ue,q,L,d=class extends de{constructor(){super();R(this,l);this.disabled=!1;this.openEnded=!1;this.invalid=!1;this.required=!1;this.hiddenTextfield=!1;this._invalidMessage="";this._hasInternalError=!1;this._showError=!1;this._tabbableElements=[];Q(ae,se,ie,te,ne)}get edgeMin(){return this.openEnded?(Number(this.min)-1).toString():this.min}get edgeMax(){return this.openEnded?(Number(this.max)+1).toString():this.max}async connectedCallback(){super.connectedCallback(),await this.updateComplete,this.step&&this.fieldset.style.setProperty("--step",String(this.step)),this.min!==void 0&&this.fieldset.style.setProperty("--min",this.edgeMin),this.max!==void 0&&this.fieldset.style.setProperty("--max",this.max),this.markers&&this.fieldset.style.setProperty("--markers",String(this.markers)),this.openEnded&&this.fieldset.style.setProperty("--over-under-offset","1");let e=this.querySelectorAll("w-slider-thumb");if(e.length===2){this.fieldset.style.setProperty("--range-slider-magic-pixel","1px");let t=Array.from(e);this._tabbableElements[0]=t[0].shadowRoot.querySelector("input"),this._tabbableElements[1]=t[1].shadowRoot.querySelector("input"),this._tabbableElements[2]=t[0].shadowRoot.querySelector("w-textfield"),this._tabbableElements[3]=t[1].shadowRoot.querySelector("w-textfield")}else if(e.length===1){let t=Array.from(e);this._tabbableElements[0]=t[0].shadowRoot.querySelector("input"),this._tabbableElements[1]=t[0].shadowRoot.querySelector("w-textfield")}this.invalid&&this.error&&(this._showError=!0),h(this,l,m).call(this)}updated(e){(e.has("disabled")||e.has("required")||e.has("min")||e.has("step")||e.has("max")||e.has("suffix")||e.has("labelFormatter")||e.has("valueFormatter")||e.has("_invalidMessage")||e.has("_hasInternalError"))&&h(this,l,m).call(this),(e.has("error")||e.has("invalid"))&&(this.error&&this.invalid?this._showError=!0:this._showError=!1,h(this,l,m).call(this))}get componentHasError(){return this.invalid||this._hasInternalError}get errorText(){return this._showError?this.error||this._invalidMessage:""}render(){return x`
       <fieldset
         id="fieldset"
         class="w-slider"
@@ -2637,5 +2637,5 @@ Please compile your catalog first.
                 ${this.helpText}
               </p>`:j}
       </fieldset>
-    `}};l=new WeakSet,m=function(){var a;let e=this.querySelectorAll("w-slider-thumb"),o=!1;for(let i of e.values())i.min=this.edgeMin,i.max=this.edgeMax,i.step=this.step,i.suffix=(a=this.suffix)!=null?a:"",i.required=this.required,i.labelFormatter=this.labelFormatter,i.valueFormatter=this.valueFormatter,i.tooltipFormatter=this.tooltipFormatter,i.openEnded=this.openEnded,i._hiddenTextfield=this.hiddenTextfield,i.ariaLabel||(i.slot||(i.ariaLabel=this.label),i.slot==="from"&&(i.ariaLabel=`${this.label} min`),i.slot==="to"&&(i.ariaLabel=`${this.label} max`)),(i.slot==="from"||i.slot==="to")&&(o=!0),i.disabled=this.disabled,i.invalid=!!this.errorText,h(this,l,L).call(this,i);o?(this.fieldset.style.setProperty("--active-range-inline-start-padding","var(--w-slider-thumb-size, 28px)"),this.fieldset.style.setProperty("--active-range-inline-end-padding","var(--w-slider-thumb-size, 28px)")):this.fieldset.style.setProperty("--active-range-border-radius","4px")},ce=function(e){e.stopPropagation();let o=e.target;h(this,l,L).call(this,o)},be=function(e){let o=e.target;h(this,l,L).call(this,o),o.slot&&h(this,l,pe).call(this)},he=function(){this.componentHasError?this._showError=!0:this._showError=!1,h(this,l,m).call(this)},ge=function(e){if(e.key==="Tab"){let o=this._tabbableElements.indexOf(e.target.shadowRoot.activeElement);if(o===-1)return;let a=e.shiftKey?-1:1,i=this._tabbableElements[o+a];if(!i)return;e.preventDefault(),i.focus()}},pe=function(){let e,o,a=this.querySelectorAll("w-slider-thumb");for(let i of a.values())i.slot==="from"&&(e=i),i.slot==="to"&&(o=i);!e||!o||!e.invalid&&o.invalid},ue=function(e){e.stopPropagation();let o=this._hasInternalError||this.invalid,a=e.target;if(this._hasInternalError=!!e.detail.invalid||this.invalid,this._invalidMessage=e.detail.invalid,o===!0&&this._hasInternalError===!1){let i=this.querySelectorAll("w-slider-thumb");for(let s of i.values())s!==a&&s.updateFieldAfterValidation()}},q=function(e,o){return(o.value===void 0||o.value===null)&&(o.value=this.openEnded?"":e),o.value===""?e:o.value},L=function(e){let o=e.slot;o||this.fieldset.style.setProperty("--from","0"),o==="from"&&this.fieldset.style.setProperty("--from",h(this,l,q).call(this,this.edgeMin,e)),(!o||o==="to")&&this.fieldset.style.setProperty("--to",h(this,l,q).call(this,this.edgeMax,e))},d.shadowRootOptions={...de.shadowRootOptions,delegatesFocus:!0},d.styles=[oe,le],b([g({reflect:!0})],d.prototype,"label",2),b([g({type:Boolean,reflect:!0})],d.prototype,"disabled",2),b([g({type:Boolean,attribute:"open-ended"})],d.prototype,"openEnded",2),b([g({type:String,reflect:!0})],d.prototype,"error",2),b([g({type:String,reflect:!0,attribute:"help-text"})],d.prototype,"helpText",2),b([g({type:Boolean,reflect:!0})],d.prototype,"invalid",2),b([g({type:Boolean,reflect:!0})],d.prototype,"required",2),b([g({reflect:!0})],d.prototype,"min",2),b([g({reflect:!0})],d.prototype,"max",2),b([g({type:Number,reflect:!0})],d.prototype,"markers",2),b([g({type:Number,reflect:!0})],d.prototype,"step",2),b([g({reflect:!0})],d.prototype,"suffix",2),b([g({type:Boolean,reflect:!0,attribute:"hidden-textfield"})],d.prototype,"hiddenTextfield",2),b([g({attribute:!1})],d.prototype,"valueFormatter",2),b([g({attribute:!1})],d.prototype,"tooltipFormatter",2),b([g({attribute:!1})],d.prototype,"labelFormatter",2),b([je("fieldset")],d.prototype,"fieldset",2),b([T()],d.prototype,"_invalidMessage",2),b([T()],d.prototype,"_hasInternalError",2),b([T()],d.prototype,"_showError",2),b([T()],d.prototype,"_tabbableElements",2);customElements.get("w-slider")||customElements.define("w-slider",d);export{d as WarpSlider};
+    `}};l=new WeakSet,m=function(){let e=this.querySelectorAll("w-slider-thumb"),o=!1;for(let t of e.values())t.min=this.edgeMin,t.max=this.edgeMax,t.step=this.step,t.suffix=this.suffix??"",t.required=this.required,t.labelFormatter=this.labelFormatter,t.valueFormatter=this.valueFormatter,t.tooltipFormatter=this.tooltipFormatter,t.openEnded=this.openEnded,t._hiddenTextfield=this.hiddenTextfield,t.ariaLabel||(t.slot||(t.ariaLabel=this.label),t.slot==="from"&&(t.ariaLabel=`${this.label} min`),t.slot==="to"&&(t.ariaLabel=`${this.label} max`)),(t.slot==="from"||t.slot==="to")&&(o=!0),t.disabled=this.disabled,t.invalid=!!this.errorText,h(this,l,L).call(this,t);o?(this.fieldset.style.setProperty("--active-range-inline-start-padding","var(--w-slider-thumb-size, 28px)"),this.fieldset.style.setProperty("--active-range-inline-end-padding","var(--w-slider-thumb-size, 28px)")):this.fieldset.style.setProperty("--active-range-border-radius","4px")},ce=function(e){e.stopPropagation();let o=e.target;h(this,l,L).call(this,o)},be=function(e){let o=e.target;h(this,l,L).call(this,o),o.slot&&h(this,l,pe).call(this)},he=function(){this.componentHasError?this._showError=!0:this._showError=!1,h(this,l,m).call(this)},ge=function(e){if(e.key==="Tab"){let o=this._tabbableElements.indexOf(e.target.shadowRoot.activeElement);if(o===-1)return;let t=e.shiftKey?-1:1,i=this._tabbableElements[o+t];if(!i)return;e.preventDefault(),i.focus()}},pe=function(){let e,o,t=this.querySelectorAll("w-slider-thumb");for(let i of t.values())i.slot==="from"&&(e=i),i.slot==="to"&&(o=i);!e||!o||!e.invalid&&o.invalid},ue=function(e){e.stopPropagation();let o=this._hasInternalError||this.invalid,t=e.target;if(this._hasInternalError=!!e.detail.invalid||this.invalid,this._invalidMessage=e.detail.invalid,o===!0&&this._hasInternalError===!1){let i=this.querySelectorAll("w-slider-thumb");for(let s of i.values())s!==t&&s.updateFieldAfterValidation()}},q=function(e,o){return(o.value===void 0||o.value===null)&&(o.value=this.openEnded?"":e),o.value===""?e:o.value},L=function(e){let o=e.slot;o||this.fieldset.style.setProperty("--from","0"),o==="from"&&this.fieldset.style.setProperty("--from",h(this,l,q).call(this,this.edgeMin,e)),(!o||o==="to")&&this.fieldset.style.setProperty("--to",h(this,l,q).call(this,this.edgeMax,e))},d.shadowRootOptions={...de.shadowRootOptions,delegatesFocus:!0},d.styles=[oe,le],c([g({reflect:!0})],d.prototype,"label",2),c([g({type:Boolean,reflect:!0})],d.prototype,"disabled",2),c([g({type:Boolean,attribute:"open-ended"})],d.prototype,"openEnded",2),c([g({type:String,reflect:!0})],d.prototype,"error",2),c([g({type:String,reflect:!0,attribute:"help-text"})],d.prototype,"helpText",2),c([g({type:Boolean,reflect:!0})],d.prototype,"invalid",2),c([g({type:Boolean,reflect:!0})],d.prototype,"required",2),c([g({reflect:!0})],d.prototype,"min",2),c([g({reflect:!0})],d.prototype,"max",2),c([g({type:Number,reflect:!0})],d.prototype,"markers",2),c([g({type:Number,reflect:!0})],d.prototype,"step",2),c([g({reflect:!0})],d.prototype,"suffix",2),c([g({type:Boolean,reflect:!0,attribute:"hidden-textfield"})],d.prototype,"hiddenTextfield",2),c([g({attribute:!1})],d.prototype,"valueFormatter",2),c([g({attribute:!1})],d.prototype,"tooltipFormatter",2),c([g({attribute:!1})],d.prototype,"labelFormatter",2),c([je("fieldset")],d.prototype,"fieldset",2),c([T()],d.prototype,"_invalidMessage",2),c([T()],d.prototype,"_hasInternalError",2),c([T()],d.prototype,"_showError",2),c([T()],d.prototype,"_tabbableElements",2);customElements.get("w-slider")||customElements.define("w-slider",d);export{d as WarpSlider};
 //# sourceMappingURL=slider.js.map