@warp-ds/elements 2.8.2-next.2 → 2.8.2-next.4

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

@@ -61,6 +61,19 @@ test('can set slider value via the number input', async () => {
     const formData = new FormData(page.getByTestId('form').element());
     expect(formData.get('value')).toBe('50');
 });
+test('slider without suffix syncs empty suffix to thumb', async () => {
+    render(html `
+    <w-slider label="Single" min="0" max="100">
+      <w-slider-thumb name="value"></w-slider-thumb>
+    </w-slider>
+  `);
+    const slider = document.querySelector('w-slider');
+    const thumb = document.querySelector('w-slider-thumb');
+    await slider.updateComplete;
+    await thumb.updateComplete;
+    expect(slider.suffix).toBeUndefined();
+    expect(thumb.suffix).toBe('');
+});
 test('deleting from number input works as expected', async () => {
     const component = html `
     <form data-testid="form">

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

@@ -0,0 +1 @@
+import './slider-thumb.js';

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

@@ -0,0 +1,35 @@
+import { i18n } from '@lingui/core';
+import { describe, expect, test, beforeEach, afterEach } from 'vitest';
+import { setupHydrationWarningCapture, testHydration } from '../../tests/react-hydration';
+import './slider-thumb.js';
+// Activate i18n before tests (normally done by parent w-slider)
+i18n.load('en', {});
+i18n.activate('en');
+describe('w-slider-thumb React SSR hydration', () => {
+    beforeEach(() => setupHydrationWarningCapture());
+    afterEach(() => {
+        window.__HYDRATION_WARNINGS__ = [];
+    });
+    // Note: w-slider-thumb is typically used within w-slider, which syncs properties.
+    // Testing the element alone to verify its own attributes don't cause mismatch.
+    test('default (no attributes) hydrates without warnings', async () => {
+        const warnings = await testHydration('w-slider-thumb', {});
+        expect(warnings).toEqual([]);
+    });
+    test('with value hydrates without warnings', async () => {
+        const warnings = await testHydration('w-slider-thumb', { value: '50' });
+        expect(warnings).toEqual([]);
+    });
+    test('with name hydrates without warnings', async () => {
+        const warnings = await testHydration('w-slider-thumb', { value: '50', name: 'slider' });
+        expect(warnings).toEqual([]);
+    });
+    test('disabled slider-thumb hydrates without warnings', async () => {
+        const warnings = await testHydration('w-slider-thumb', { value: '50', disabled: true });
+        expect(warnings).toEqual([]);
+    });
+    test('with placeholder hydrates without warnings', async () => {
+        const warnings = await testHydration('w-slider-thumb', { value: '', placeholder: 'Min' });
+        expect(warnings).toEqual([]);
+    });
+});

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

@@ -1,5 +1,5 @@
-var Ye=Object.create;var ie=Object.defineProperty;var fe=Object.getOwnPropertyDescriptor;var Re=Object.getOwnPropertyNames;var Ue=Object.getPrototypeOf,Xe=Object.prototype.hasOwnProperty;var ve=o=>{throw TypeError(o)};var we=(o,e)=>()=>(e||o((e={exports:{}}).exports,e),e.exports);var He=(o,e,r,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of Re(e))!Xe.call(o,a)&&a!==r&&ie(o,a,{get:()=>e[a],enumerable:!(t=fe(e,a))||t.enumerable});return o};var qe=(o,e,r)=>(r=o!=null?Ye(Ue(o)):{},He(e||!o||!o.__esModule?ie(r,"default",{value:o,enumerable:!0}):r,o));var p=(o,e,r,t)=>{for(var a=t>1?void 0:t?fe(e,r):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(a=(t?n(e,r,a):n(a))||a);return t&&a&&ie(e,r,a),a};var se=(o,e,r)=>e.has(o)||ve("Cannot "+r);var xe=(o,e,r)=>(se(o,e,"read from private field"),r?r.call(o):e.get(o)),ne=(o,e,r)=>e.has(o)?ve("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(o):e.set(o,r),ke=(o,e,r,t)=>(se(o,e,"write to private field"),t?t.call(o,r):e.set(o,r),r),g=(o,e,r)=>(se(o,e,"access private method"),r);var ye=we(A=>{"use strict";Object.defineProperty(A,"__esModule",{value:!0});A.errorMessages=A.ErrorType=void 0;var j;(function(o){o.MalformedUnicode="MALFORMED_UNICODE",o.MalformedHexadecimal="MALFORMED_HEXADECIMAL",o.CodePointLimit="CODE_POINT_LIMIT",o.OctalDeprecation="OCTAL_DEPRECATION",o.EndOfString="END_OF_STRING"})(j=A.ErrorType||(A.ErrorType={}));A.errorMessages=new Map([[j.MalformedUnicode,"malformed Unicode character escape sequence"],[j.MalformedHexadecimal,"malformed hexadecimal character escape sequence"],[j.CodePointLimit,"Unicode codepoint must not be greater than 0x10FFFF in escape sequence"],[j.OctalDeprecation,'"0"-prefixed octal literals and octal escape sequences are deprecated; for octal literals use the "0o" prefix instead'],[j.EndOfString,"malformed escape sequence at end of string"]])});var ze=we(T=>{"use strict";Object.defineProperty(T,"__esModule",{value:!0});T.unraw=T.errorMessages=T.ErrorType=void 0;var _=ye();Object.defineProperty(T,"ErrorType",{enumerable:!0,get:function(){return _.ErrorType}});Object.defineProperty(T,"errorMessages",{enumerable:!0,get:function(){return _.errorMessages}});function Ze(o){return!o.match(/[^a-f0-9]/i)?parseInt(o,16):NaN}function G(o,e,r){let t=Ze(o);if(Number.isNaN(t)||r!==void 0&&r!==o.length)throw new SyntaxError(_.errorMessages.get(e));return t}function Be(o){let e=G(o,_.ErrorType.MalformedHexadecimal,2);return String.fromCharCode(e)}function _e(o,e){let r=G(o,_.ErrorType.MalformedUnicode,4);if(e!==void 0){let t=G(e,_.ErrorType.MalformedUnicode,4);return String.fromCharCode(r,t)}return String.fromCharCode(r)}function Ge(o){return o.charAt(0)==="{"&&o.charAt(o.length-1)==="}"}function Ke(o){if(!Ge(o))throw new SyntaxError(_.errorMessages.get(_.ErrorType.MalformedUnicode));let e=o.slice(1,-1),r=G(e,_.ErrorType.MalformedUnicode);try{return String.fromCodePoint(r)}catch(t){throw t instanceof RangeError?new SyntaxError(_.errorMessages.get(_.ErrorType.CodePointLimit)):t}}function Je(o,e=!1){if(e)throw new SyntaxError(_.errorMessages.get(_.ErrorType.OctalDeprecation));let r=parseInt(o,8);return String.fromCharCode(r)}var Qe=new Map([["b","\b"],["f","\f"],["n",`
-`],["r","\r"],["t","	"],["v","\v"],["0","\0"]]);function We(o){return Qe.get(o)||o}var er=/\\(?:(\\)|x([\s\S]{0,2})|u(\{[^}]*\}?)|u([\s\S]{4})\\u([^{][\s\S]{0,3})|u([\s\S]{0,4})|([0-3]?[0-7]{1,2})|([\s\S])|$)/g;function Ce(o,e=!1){return o.replace(er,function(r,t,a,s,n,i,d,m,k){if(t!==void 0)return"\\";if(a!==void 0)return Be(a);if(s!==void 0)return Ke(s);if(n!==void 0)return _e(n,i);if(d!==void 0)return _e(d);if(m==="0")return"\0";if(m!==void 0)return Je(m,!e);if(k!==void 0)return We(k);throw new SyntaxError(_.errorMessages.get(_.ErrorType.EndOfString))})}T.unraw=Ce;T.default=Ce});var Fe=qe(ze(),1);var D=o=>typeof o=="string",rr=o=>typeof o=="function",Ee=new Map,Se="en";function he(o){return[...Array.isArray(o)?o:[o],Se]}function ue(o,e,r){let t=he(o);r||(r="default");let a;if(typeof r=="string")switch(a={day:"numeric",month:"short",year:"numeric"},r){case"full":a.weekday="long";case"long":a.month="long";break;case"short":a.month="numeric";break}else a=r;return K(()=>J("date",t,r),()=>new Intl.DateTimeFormat(t,a)).format(D(e)?new Date(e):e)}function tr(o,e,r){let t;if(r||(r="default"),typeof r=="string")switch(t={second:"numeric",minute:"numeric",hour:"numeric"},r){case"full":case"long":t.timeZoneName="short";break;case"short":delete t.second}else t=r;return ue(o,e,t)}function le(o,e,r){let t=he(o);return K(()=>J("number",t,r),()=>new Intl.NumberFormat(t,r)).format(e)}function Me(o,e,r,{offset:t=0,...a}){var i,d;let s=he(o),n=e?K(()=>J("plural-ordinal",s),()=>new Intl.PluralRules(s,{type:"ordinal"})):K(()=>J("plural-cardinal",s),()=>new Intl.PluralRules(s,{type:"cardinal"}));return(d=(i=a[r])!=null?i:a[n.select(r-t)])!=null?d:a.other}function K(o,e){let r=o(),t=Ee.get(r);return t||(t=e(),Ee.set(r,t)),t}function J(o,e,r){let t=e.join("-");return`${o}-${t}-${JSON.stringify(r)}`}var $e=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,Ve="%__lingui_octothorpe__%",or=(o,e,r={})=>{let t=e||o,a=n=>typeof n=="object"?n:r[n],s=(n,i)=>{let d=Object.keys(r).length?a("number"):void 0,m=le(t,n,d);return i.replace(new RegExp(Ve,"g"),m)};return{plural:(n,i)=>{let{offset:d=0}=i,m=Me(t,!1,n,i);return s(n-d,m)},selectordinal:(n,i)=>{let{offset:d=0}=i,m=Me(t,!0,n,i);return s(n-d,m)},select:ar,number:(n,i)=>le(t,n,a(i)||{style:i}),date:(n,i)=>ue(t,n,a(i)||i),time:(n,i)=>tr(t,n,a(i)||i)}},ar=(o,e)=>{var r;return(r=e[o])!=null?r:e.other};function ir(o,e,r){return(t={},a)=>{let s=or(e,r,a),n=(d,m=!1)=>Array.isArray(d)?d.reduce((k,E)=>{if(E==="#"&&m)return k+Ve;if(D(E))return k+E;let[$,y,M]=E,F={};y==="plural"||y==="selectordinal"||y==="select"?Object.entries(M).forEach(([L,R])=>{F[L]=n(R,y==="plural"||y==="selectordinal")}):F=M;let f;if(y){let L=s[y];f=L(t[$],F)}else f=t[$];return f==null?k:k+f},""):d,i=n(o);return D(i)&&$e.test(i)?(0,Fe.unraw)(i):D(i)?i:i?String(i):""}}var sr=Object.defineProperty,nr=(o,e,r)=>e in o?sr(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,lr=(o,e,r)=>(nr(o,typeof e!="symbol"?e+"":e,r),r),de=class{constructor(){lr(this,"_events",{})}on(e,r){var a;var t;return(a=(t=this._events)[e])!=null||(t[e]=[]),this._events[e].push(r),()=>this.removeListener(e,r)}removeListener(e,r){let t=this._getListeners(e);if(!t)return;let a=t.indexOf(r);~a&&t.splice(a,1)}emit(e,...r){let t=this._getListeners(e);t&&t.map(a=>a.apply(this,r))}_getListeners(e){let r=this._events[e];return Array.isArray(r)?r:!1}},dr=Object.defineProperty,cr=(o,e,r)=>e in o?dr(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,O=(o,e,r)=>(cr(o,typeof e!="symbol"?e+"":e,r),r),ce=class extends de{constructor(e){var r;super(),O(this,"_locale",""),O(this,"_locales"),O(this,"_localeData",{}),O(this,"_messages",{}),O(this,"_missing"),O(this,"_messageCompiler"),O(this,"t",this._.bind(this)),e.missing!=null&&(this._missing=e.missing),e.messages!=null&&this.load(e.messages),e.localeData!=null&&this.loadLocaleData(e.localeData),(typeof e.locale=="string"||e.locales)&&this.activate((r=e.locale)!=null?r:Se,e.locales)}get locale(){return this._locale}get locales(){return this._locales}get messages(){var e;return(e=this._messages[this._locale])!=null?e:{}}get localeData(){var e;return(e=this._localeData[this._locale])!=null?e:{}}_loadLocaleData(e,r){let t=this._localeData[e];t?Object.assign(t,r):this._localeData[e]=r}setMessagesCompiler(e){return this._messageCompiler=e,this}loadLocaleData(e,r){typeof e=="string"?this._loadLocaleData(e,r):Object.keys(e).forEach(t=>this._loadLocaleData(t,e[t])),this.emit("change")}_load(e,r){let t=this._messages[e];t?Object.assign(t,r):this._messages[e]=r}load(e,r){typeof e=="string"&&typeof r=="object"?this._load(e,r):Object.entries(e).forEach(([t,a])=>this._load(t,a)),this.emit("change")}loadAndActivate({locale:e,locales:r,messages:t}){this._locale=e,this._locales=r||void 0,this._messages[this._locale]=t,this.emit("change")}activate(e,r){this._locale=e,this._locales=r,this.emit("change")}_(e,r,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==null?void 0:t.message;e||(e=""),D(e)||(r=e.values||r,a=e.message,e=e.id);let s=this.messages[e],n=s===void 0,i=this._missing;if(i&&n)return rr(i)?i(this._locale,e):i;n&&this.emit("missing",{id:e,locale:this._locale});let d=s||a||e;return D(d)&&(this._messageCompiler?d=this._messageCompiler(d):console.warn(`Uncompiled message detected! Message:
+var Ye=Object.create;var ie=Object.defineProperty;var fe=Object.getOwnPropertyDescriptor;var Re=Object.getOwnPropertyNames;var Ue=Object.getPrototypeOf,Xe=Object.prototype.hasOwnProperty;var ve=o=>{throw TypeError(o)};var we=(o,e)=>()=>(e||o((e={exports:{}}).exports,e),e.exports);var He=(o,e,r,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of Re(e))!Xe.call(o,a)&&a!==r&&ie(o,a,{get:()=>e[a],enumerable:!(t=fe(e,a))||t.enumerable});return o};var qe=(o,e,r)=>(r=o!=null?Ye(Ue(o)):{},He(e||!o||!o.__esModule?ie(r,"default",{value:o,enumerable:!0}):r,o));var p=(o,e,r,t)=>{for(var a=t>1?void 0:t?fe(e,r):e,i=o.length-1,n;i>=0;i--)(n=o[i])&&(a=(t?n(e,r,a):n(a))||a);return t&&a&&ie(e,r,a),a};var se=(o,e,r)=>e.has(o)||ve("Cannot "+r);var xe=(o,e,r)=>(se(o,e,"read from private field"),r?r.call(o):e.get(o)),ne=(o,e,r)=>e.has(o)?ve("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(o):e.set(o,r),ke=(o,e,r,t)=>(se(o,e,"write to private field"),t?t.call(o,r):e.set(o,r),r),g=(o,e,r)=>(se(o,e,"access private method"),r);var ye=we(O=>{"use strict";Object.defineProperty(O,"__esModule",{value:!0});O.errorMessages=O.ErrorType=void 0;var Y;(function(o){o.MalformedUnicode="MALFORMED_UNICODE",o.MalformedHexadecimal="MALFORMED_HEXADECIMAL",o.CodePointLimit="CODE_POINT_LIMIT",o.OctalDeprecation="OCTAL_DEPRECATION",o.EndOfString="END_OF_STRING"})(Y=O.ErrorType||(O.ErrorType={}));O.errorMessages=new Map([[Y.MalformedUnicode,"malformed Unicode character escape sequence"],[Y.MalformedHexadecimal,"malformed hexadecimal character escape sequence"],[Y.CodePointLimit,"Unicode codepoint must not be greater than 0x10FFFF in escape sequence"],[Y.OctalDeprecation,'"0"-prefixed octal literals and octal escape sequences are deprecated; for octal literals use the "0o" prefix instead'],[Y.EndOfString,"malformed escape sequence at end of string"]])});var ze=we(N=>{"use strict";Object.defineProperty(N,"__esModule",{value:!0});N.unraw=N.errorMessages=N.ErrorType=void 0;var y=ye();Object.defineProperty(N,"ErrorType",{enumerable:!0,get:function(){return y.ErrorType}});Object.defineProperty(N,"errorMessages",{enumerable:!0,get:function(){return y.errorMessages}});function Ze(o){return!o.match(/[^a-f0-9]/i)?parseInt(o,16):NaN}function G(o,e,r){let t=Ze(o);if(Number.isNaN(t)||r!==void 0&&r!==o.length)throw new SyntaxError(y.errorMessages.get(e));return t}function Be(o){let e=G(o,y.ErrorType.MalformedHexadecimal,2);return String.fromCharCode(e)}function _e(o,e){let r=G(o,y.ErrorType.MalformedUnicode,4);if(e!==void 0){let t=G(e,y.ErrorType.MalformedUnicode,4);return String.fromCharCode(r,t)}return String.fromCharCode(r)}function Ge(o){return o.charAt(0)==="{"&&o.charAt(o.length-1)==="}"}function Ke(o){if(!Ge(o))throw new SyntaxError(y.errorMessages.get(y.ErrorType.MalformedUnicode));let e=o.slice(1,-1),r=G(e,y.ErrorType.MalformedUnicode);try{return String.fromCodePoint(r)}catch(t){throw t instanceof RangeError?new SyntaxError(y.errorMessages.get(y.ErrorType.CodePointLimit)):t}}function Je(o,e=!1){if(e)throw new SyntaxError(y.errorMessages.get(y.ErrorType.OctalDeprecation));let r=parseInt(o,8);return String.fromCharCode(r)}var Qe=new Map([["b","\b"],["f","\f"],["n",`
+`],["r","\r"],["t","	"],["v","\v"],["0","\0"]]);function We(o){return Qe.get(o)||o}var er=/\\(?:(\\)|x([\s\S]{0,2})|u(\{[^}]*\}?)|u([\s\S]{4})\\u([^{][\s\S]{0,3})|u([\s\S]{0,4})|([0-3]?[0-7]{1,2})|([\s\S])|$)/g;function Ce(o,e=!1){return o.replace(er,function(r,t,a,i,n,s,d,m,_){if(t!==void 0)return"\\";if(a!==void 0)return Be(a);if(i!==void 0)return Ke(i);if(n!==void 0)return _e(n,s);if(d!==void 0)return _e(d);if(m==="0")return"\0";if(m!==void 0)return Je(m,!e);if(_!==void 0)return We(_);throw new SyntaxError(y.errorMessages.get(y.ErrorType.EndOfString))})}N.unraw=Ce;N.default=Ce});var Fe=qe(ze(),1);var A=o=>typeof o=="string",rr=o=>typeof o=="function",Ee=new Map,Se="en";function he(o){return[...Array.isArray(o)?o:[o],Se]}function ue(o,e,r){let t=he(o);r||(r="default");let a;if(typeof r=="string")switch(a={day:"numeric",month:"short",year:"numeric"},r){case"full":a.weekday="long";case"long":a.month="long";break;case"short":a.month="numeric";break}else a=r;return K(()=>J("date",t,r),()=>new Intl.DateTimeFormat(t,a)).format(A(e)?new Date(e):e)}function tr(o,e,r){let t;if(r||(r="default"),typeof r=="string")switch(t={second:"numeric",minute:"numeric",hour:"numeric"},r){case"full":case"long":t.timeZoneName="short";break;case"short":delete t.second}else t=r;return ue(o,e,t)}function le(o,e,r){let t=he(o);return K(()=>J("number",t,r),()=>new Intl.NumberFormat(t,r)).format(e)}function Me(o,e,r,{offset:t=0,...a}){var s,d;let i=he(o),n=e?K(()=>J("plural-ordinal",i),()=>new Intl.PluralRules(i,{type:"ordinal"})):K(()=>J("plural-cardinal",i),()=>new Intl.PluralRules(i,{type:"cardinal"}));return(d=(s=a[r])!=null?s:a[n.select(r-t)])!=null?d:a.other}function K(o,e){let r=o(),t=Ee.get(r);return t||(t=e(),Ee.set(r,t)),t}function J(o,e,r){let t=e.join("-");return`${o}-${t}-${JSON.stringify(r)}`}var $e=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,Ve="%__lingui_octothorpe__%",or=(o,e,r={})=>{let t=e||o,a=n=>typeof n=="object"?n:r[n],i=(n,s)=>{let d=Object.keys(r).length?a("number"):void 0,m=le(t,n,d);return s.replace(new RegExp(Ve,"g"),m)};return{plural:(n,s)=>{let{offset:d=0}=s,m=Me(t,!1,n,s);return i(n-d,m)},selectordinal:(n,s)=>{let{offset:d=0}=s,m=Me(t,!0,n,s);return i(n-d,m)},select:ar,number:(n,s)=>le(t,n,a(s)||{style:s}),date:(n,s)=>ue(t,n,a(s)||s),time:(n,s)=>tr(t,n,a(s)||s)}},ar=(o,e)=>{var r;return(r=e[o])!=null?r:e.other};function ir(o,e,r){return(t={},a)=>{let i=or(e,r,a),n=(d,m=!1)=>Array.isArray(d)?d.reduce((_,F)=>{if(F==="#"&&m)return _+Ve;if(A(F))return _+F;let[S,k,C]=F,z={};k==="plural"||k==="selectordinal"||k==="select"?Object.entries(C).forEach(([T,$])=>{z[T]=n($,k==="plural"||k==="selectordinal")}):z=C;let x;if(k){let T=i[k];x=T(t[S],z)}else x=t[S];return x==null?_:_+x},""):d,s=n(o);return A(s)&&$e.test(s)?(0,Fe.unraw)(s):A(s)?s:s?String(s):""}}var sr=Object.defineProperty,nr=(o,e,r)=>e in o?sr(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,lr=(o,e,r)=>(nr(o,typeof e!="symbol"?e+"":e,r),r),de=class{constructor(){lr(this,"_events",{})}on(e,r){var a;var t;return(a=(t=this._events)[e])!=null||(t[e]=[]),this._events[e].push(r),()=>this.removeListener(e,r)}removeListener(e,r){let t=this._getListeners(e);if(!t)return;let a=t.indexOf(r);~a&&t.splice(a,1)}emit(e,...r){let t=this._getListeners(e);t&&t.map(a=>a.apply(this,r))}_getListeners(e){let r=this._events[e];return Array.isArray(r)?r:!1}},dr=Object.defineProperty,cr=(o,e,r)=>e in o?dr(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,I=(o,e,r)=>(cr(o,typeof e!="symbol"?e+"":e,r),r),ce=class extends de{constructor(e){var r;super(),I(this,"_locale",""),I(this,"_locales"),I(this,"_localeData",{}),I(this,"_messages",{}),I(this,"_missing"),I(this,"_messageCompiler"),I(this,"t",this._.bind(this)),e.missing!=null&&(this._missing=e.missing),e.messages!=null&&this.load(e.messages),e.localeData!=null&&this.loadLocaleData(e.localeData),(typeof e.locale=="string"||e.locales)&&this.activate((r=e.locale)!=null?r:Se,e.locales)}get locale(){return this._locale}get locales(){return this._locales}get messages(){var e;return(e=this._messages[this._locale])!=null?e:{}}get localeData(){var e;return(e=this._localeData[this._locale])!=null?e:{}}_loadLocaleData(e,r){let t=this._localeData[e];t?Object.assign(t,r):this._localeData[e]=r}setMessagesCompiler(e){return this._messageCompiler=e,this}loadLocaleData(e,r){typeof e=="string"?this._loadLocaleData(e,r):Object.keys(e).forEach(t=>this._loadLocaleData(t,e[t])),this.emit("change")}_load(e,r){let t=this._messages[e];t?Object.assign(t,r):this._messages[e]=r}load(e,r){typeof e=="string"&&typeof r=="object"?this._load(e,r):Object.entries(e).forEach(([t,a])=>this._load(t,a)),this.emit("change")}loadAndActivate({locale:e,locales:r,messages:t}){this._locale=e,this._locales=r||void 0,this._messages[this._locale]=t,this.emit("change")}activate(e,r){this._locale=e,this._locales=r,this.emit("change")}_(e,r,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==null?void 0:t.message;e||(e=""),A(e)||(r=e.values||r,a=e.message,e=e.id);let i=this.messages[e],n=i===void 0,s=this._missing;if(s&&n)return rr(s)?s(this._locale,e):s;n&&this.emit("missing",{id:e,locale:this._locale});let d=i||a||e;return A(d)&&(this._messageCompiler?d=this._messageCompiler(d):console.warn(`Uncompiled message detected! Message:
 
 > ${d}
 
@@ -7,7 +7,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. 
-`)),D(d)&&$e.test(d)?JSON.parse(`"${d}"`):D(d)?d:ir(d,this._locale,this._locales)(r,t==null?void 0:t.formats)}date(e,r){return ue(this._locales||this._locale,e,r)}number(e,r){return le(this._locales||this._locale,e,r)}};function hr(o={}){return new ce(o)}var z=hr();var h=function(o,e,r,t){if(r==="a"&&!t)throw new TypeError("Private accessor was defined without a getter");if(typeof e=="function"?o!==e||!t:!e.has(o))throw new TypeError("Cannot read private member from an object whose class did not declare it");return r==="m"?t:r==="a"?t.call(o):t?t.value:e.get(o)},w=function(o,e,r,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 e=="function"?o!==e||!a:!e.has(o))throw new TypeError("Cannot write private member to an object whose class did not declare it");return t==="a"?a.call(o,r):a?a.value=r:e.set(o,r),r};function Te(o){var e,r,t,a,s,n,i,d,m,k,E,$,y,M,F,f,L,R,te;class je extends o{constructor(...l){var c,v,x;super(...l),e.add(this),this.internals=this.attachInternals(),r.set(this,!1),t.set(this,!1),a.set(this,!1),s.set(this,void 0),n.set(this,void 0),i.set(this,!0),m.set(this,""),k.set(this,()=>{w(this,a,!0,"f"),w(this,r,!0,"f"),h(this,e,"m",f).call(this)}),E.set(this,()=>{w(this,r,!1,"f"),h(this,e,"m",L).call(this,this.shouldFormValueUpdate()?h(this,m,"f"):""),!this.validity.valid&&h(this,a,"f")&&w(this,t,!0,"f");let V=h(this,e,"m",f).call(this);this.validationMessageCallback&&this.validationMessageCallback(V?this.internals.validationMessage:"")}),$.set(this,()=>{var V;h(this,i,"f")&&this.validationTarget&&(this.internals.setValidity(this.validity,this.validationMessage,this.validationTarget),w(this,i,!1,"f")),w(this,a,!0,"f"),w(this,t,!0,"f"),h(this,e,"m",f).call(this),(V=this===null||this===void 0?void 0:this.validationMessageCallback)===null||V===void 0||V.call(this,this.showError?this.internals.validationMessage:"")}),y.set(this,void 0),M.set(this,!1),F.set(this,Promise.resolve()),(c=this.addEventListener)===null||c===void 0||c.call(this,"focus",h(this,k,"f")),(v=this.addEventListener)===null||v===void 0||v.call(this,"blur",h(this,E,"f")),(x=this.addEventListener)===null||x===void 0||x.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(x=>x.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 v;if(c.attribute===l||!((v=c.attribute)===null||v===void 0)&&v.includes(l))return!0})}get form(){return this.internals.form}get showError(){return h(this,e,"m",f).call(this)}checkValidity(){return this.internals.checkValidity()}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}attributeChangedCallback(l,c,v){var x;(x=super.attributeChangedCallback)===null||x===void 0||x.call(this,l,c,v);let X=this.constructor.getValidators(l);X!=null&&X.length&&this.validationTarget&&this.setValue(h(this,m,"f"))}setValue(l){var c;w(this,t,!1,"f"),(c=this.validationMessageCallback)===null||c===void 0||c.call(this,""),w(this,m,l,"f");let x=this.shouldFormValueUpdate()?l:null;this.internals.setFormValue(x),h(this,e,"m",L).call(this,x),this.valueChangedCallback&&this.valueChangedCallback(x),h(this,e,"m",f).call(this)}shouldFormValueUpdate(){return!0}get validationComplete(){return new Promise(l=>l(h(this,F,"f")))}formResetCallback(){var l,c;w(this,a,!1,"f"),w(this,t,!1,"f"),h(this,e,"m",f).call(this),(l=this.resetFormControl)===null||l===void 0||l.call(this),(c=this.validationMessageCallback)===null||c===void 0||c.call(this,h(this,e,"m",f).call(this)?this.validationMessage:"")}}return r=new WeakMap,t=new WeakMap,a=new WeakMap,s=new WeakMap,n=new WeakMap,i=new WeakMap,m=new WeakMap,k=new WeakMap,E=new WeakMap,$=new WeakMap,y=new WeakMap,M=new WeakMap,F=new WeakMap,e=new WeakSet,d=function(){let l=this.getRootNode(),c=`${this.localName}[name="${this.getAttribute("name")}"]`;return l.querySelectorAll(c)},f=function(){if(this.hasAttribute("disabled"))return!1;let l=h(this,t,"f")||h(this,a,"f")&&!this.validity.valid&&!h(this,r,"f");return l&&this.internals.states?this.internals.states.add("--show-error"):this.internals.states&&this.internals.states.delete("--show-error"),l},L=function(l){let c=this.constructor,v={},x=c.validators,V=[],X=x.some(C=>C.isValid instanceof Promise);h(this,M,"f")||(w(this,F,new Promise(C=>{w(this,y,C,"f")}),"f"),w(this,M,!0,"f")),h(this,s,"f")&&(h(this,s,"f").abort(),w(this,n,h(this,s,"f"),"f"));let H=new AbortController;w(this,s,H,"f");let q,ge=!1;x.length&&(x.forEach(C=>{let oe=C.key||"customError",I=C.isValid(this,l,H.signal);I instanceof Promise?(V.push(I),I.then(ae=>{ae!=null&&(v[oe]=!ae,q=h(this,e,"m",te).call(this,C,l),h(this,e,"m",R).call(this,v,q))})):(v[oe]=!I,this.validity[oe]!==!I&&(ge=!0),!I&&!q&&(q=h(this,e,"m",te).call(this,C,l)))}),Promise.allSettled(V).then(()=>{var C;H!=null&&H.signal.aborted||(w(this,M,!1,"f"),(C=h(this,y,"f"))===null||C===void 0||C.call(this))}),(ge||!X)&&h(this,e,"m",R).call(this,v,q))},R=function(l,c){if(this.validationTarget)this.internals.setValidity(l,c,this.validationTarget),w(this,i,!1,"f");else{if(this.internals.setValidity(l,c),this.internals.validity.valid)return;w(this,i,!0,"f")}},te=function(l,c){if(this.validityCallback){let v=this.validityCallback(l.key||"customError");if(v)return v}return l.message instanceof Function?l.message(this,c):l.message},je}import{html as Z,LitElement as Ae,nothing as P}from"lit";import{property as S,query as be,state as N}from"lit/decorators.js";import{classMap as pr}from"lit/directives/class-map.js";import{ifDefined as Q}from"lit/directives/if-defined.js";import{css as ur}from"lit";var Pe=ur`*,: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 Ne}from"lit";var De=Ne`
+`)),A(d)&&$e.test(d)?JSON.parse(`"${d}"`):A(d)?d:ir(d,this._locale,this._locales)(r,t==null?void 0:t.formats)}date(e,r){return ue(this._locales||this._locale,e,r)}number(e,r){return le(this._locales||this._locale,e,r)}};function hr(o={}){return new ce(o)}var M=hr();var h=function(o,e,r,t){if(r==="a"&&!t)throw new TypeError("Private accessor was defined without a getter");if(typeof e=="function"?o!==e||!t:!e.has(o))throw new TypeError("Cannot read private member from an object whose class did not declare it");return r==="m"?t:r==="a"?t.call(o):t?t.value:e.get(o)},v=function(o,e,r,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 e=="function"?o!==e||!a:!e.has(o))throw new TypeError("Cannot write private member to an object whose class did not declare it");return t==="a"?a.call(o,r):a?a.value=r:e.set(o,r),r};function Te(o){var e,r,t,a,i,n,s,d,m,_,F,S,k,C,z,x,T,$,te;class je extends o{constructor(...l){var c,f,w;super(...l),e.add(this),this.internals=this.attachInternals(),r.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),m.set(this,""),_.set(this,()=>{v(this,a,!0,"f"),v(this,r,!0,"f"),h(this,e,"m",x).call(this)}),F.set(this,()=>{v(this,r,!1,"f"),h(this,e,"m",T).call(this,this.shouldFormValueUpdate()?h(this,m,"f"):""),!this.validity.valid&&h(this,a,"f")&&v(this,t,!0,"f");let P=h(this,e,"m",x).call(this);this.validationMessageCallback&&this.validationMessageCallback(P?this.internals.validationMessage:"")}),S.set(this,()=>{var P;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,e,"m",x).call(this),(P=this===null||this===void 0?void 0:this.validationMessageCallback)===null||P===void 0||P.call(this,this.showError?this.internals.validationMessage:"")}),k.set(this,void 0),C.set(this,!1),z.set(this,Promise.resolve()),(c=this.addEventListener)===null||c===void 0||c.call(this,"focus",h(this,_,"f")),(f=this.addEventListener)===null||f===void 0||f.call(this,"blur",h(this,F,"f")),(w=this.addEventListener)===null||w===void 0||w.call(this,"invalid",h(this,S,"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 f;if(c.attribute===l||!((f=c.attribute)===null||f===void 0)&&f.includes(l))return!0})}get form(){return this.internals.form}get showError(){return h(this,e,"m",x).call(this)}checkValidity(){return this.internals.checkValidity()}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}attributeChangedCallback(l,c,f){var w;(w=super.attributeChangedCallback)===null||w===void 0||w.call(this,l,c,f);let X=this.constructor.getValidators(l);X!=null&&X.length&&this.validationTarget&&this.setValue(h(this,m,"f"))}setValue(l){var c;v(this,t,!1,"f"),(c=this.validationMessageCallback)===null||c===void 0||c.call(this,""),v(this,m,l,"f");let w=this.shouldFormValueUpdate()?l:null;this.internals.setFormValue(w),h(this,e,"m",T).call(this,w),this.valueChangedCallback&&this.valueChangedCallback(w),h(this,e,"m",x).call(this)}shouldFormValueUpdate(){return!0}get validationComplete(){return new Promise(l=>l(h(this,z,"f")))}formResetCallback(){var l,c;v(this,a,!1,"f"),v(this,t,!1,"f"),h(this,e,"m",x).call(this),(l=this.resetFormControl)===null||l===void 0||l.call(this),(c=this.validationMessageCallback)===null||c===void 0||c.call(this,h(this,e,"m",x).call(this)?this.validationMessage:"")}}return r=new WeakMap,t=new WeakMap,a=new WeakMap,i=new WeakMap,n=new WeakMap,s=new WeakMap,m=new WeakMap,_=new WeakMap,F=new WeakMap,S=new WeakMap,k=new WeakMap,C=new WeakMap,z=new WeakMap,e=new WeakSet,d=function(){let l=this.getRootNode(),c=`${this.localName}[name="${this.getAttribute("name")}"]`;return l.querySelectorAll(c)},x=function(){if(this.hasAttribute("disabled"))return!1;let l=h(this,t,"f")||h(this,a,"f")&&!this.validity.valid&&!h(this,r,"f");return l&&this.internals.states?this.internals.states.add("--show-error"):this.internals.states&&this.internals.states.delete("--show-error"),l},T=function(l){let c=this.constructor,f={},w=c.validators,P=[],X=w.some(E=>E.isValid instanceof Promise);h(this,C,"f")||(v(this,z,new Promise(E=>{v(this,k,E,"f")}),"f"),v(this,C,!0,"f")),h(this,i,"f")&&(h(this,i,"f").abort(),v(this,n,h(this,i,"f"),"f"));let H=new AbortController;v(this,i,H,"f");let q,ge=!1;w.length&&(w.forEach(E=>{let oe=E.key||"customError",j=E.isValid(this,l,H.signal);j instanceof Promise?(P.push(j),j.then(ae=>{ae!=null&&(f[oe]=!ae,q=h(this,e,"m",te).call(this,E,l),h(this,e,"m",$).call(this,f,q))})):(f[oe]=!j,this.validity[oe]!==!j&&(ge=!0),!j&&!q&&(q=h(this,e,"m",te).call(this,E,l)))}),Promise.allSettled(P).then(()=>{var E;H!=null&&H.signal.aborted||(v(this,C,!1,"f"),(E=h(this,k,"f"))===null||E===void 0||E.call(this))}),(ge||!X)&&h(this,e,"m",$).call(this,f,q))},$=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")}},te=function(l,c){if(this.validityCallback){let f=this.validityCallback(l.key||"customError");if(f)return f}return l.message instanceof Function?l.message(this,c):l.message},je}import{html as Z,LitElement as Ae,nothing as D}from"lit";import{property as V,query as be,state as L}from"lit/decorators.js";import{classMap as pr}from"lit/directives/class-map.js";import{ifDefined as Q}from"lit/directives/if-defined.js";import{css as ur}from"lit";var Pe=ur`*,: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 Ne}from"lit";var De=Ne`
   *,
   :before,
   :after {
@@ -2637,7 +2637,7 @@ Please compile your catalog first.
   w-textfield {
     --w-textfield-placeholder-color-text: var(--w-s-color-text);
   }
-`;var Oe={};var B,b,W,ee,pe,Y,re,me,Ie,u=class extends Te(Ae){constructor(){super(...arguments);ne(this,b);this.disabled=!1;this.invalid=!1;this.openEnded=!1;this.suffix="";this._showTooltip=!1;this._inputHasFocus=!1;this._hiddenTextfield=!1;ne(this,B,null);this.anchorPositioningStyleElement=null}resetFormControl(){this.value=xe(this,B)}async updateFieldAfterValidation(){let r=this.shadowRoot.querySelector("w-textfield");await g(this,b,re).call(this,r.value,!0)}async connectedCallback(){if(super.connectedCallback(),ke(this,B,this.value),this.setValue(this.value),this.slot&&!this.ariaDescription&&(this.slot==="from"?this.ariaDescription=z.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=z.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=Oe.url.substring(0,Oe.url.lastIndexOf("/"));try{let[{default:s}]=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 Oe={};var B,b,W,ee,pe,R,re,me,Ie,u=class extends Te(Ae){constructor(){super(...arguments);ne(this,b);this.disabled=!1;this.invalid=!1;this.openEnded=!1;this.suffix="";this._showTooltip=!1;this._inputHasFocus=!1;this._hiddenTextfield=!1;ne(this,B,null);this.anchorPositioningStyleElement=null}resetFormControl(){this.value=xe(this,B)}async updateFieldAfterValidation(){let r=this.shadowRoot.querySelector("w-textfield");await g(this,b,re).call(this,r.value,!0)}async connectedCallback(){if(super.connectedCallback(),ke(this,B,this.value),this.setValue(this.value),this.slot&&!this.ariaDescription&&(this.slot==="from"?this.ariaDescription=M.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=M.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=Oe.url.substring(0,Oe.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
@@ -2686,9 +2686,9 @@ Please compile your catalog first.
           left: anchor(--polyfilled-thumb left);
           margin-left: 38px;
         }
-      `,await s({roots:[this.shadowRoot],elements:[this.anchorPositioningStyleElement]})}catch(s){console.error(new Error("Error registering the CSS anchor positioning polyfill. The UI will look broken.",{cause:s}))}}let r=window.navigator.userAgent;/WebKit/.test(r)&&!/Chrome/.test(r)&&this.tooltipTarget&&this.tooltipTarget.style.setProperty("--transform-offset","var(--w-slider-thumb-size, 28px)"),g(this,b,pe).call(this)}get boundaryValue(){return this.slot==="from"?this.min:this.max}get textFieldDisplayValue(){var r;return this._inputHasFocus?this.value!==""?this.value:(r=this.range)!=null&&r.value?Math.min(Math.max(Number(this.range.value),Number(this.min)+1),Number(this.max)-1).toString():"":this.value}get tooltipDisplayValue(){var t,a;let r=0;return this.tooltipFormatter?r=this.tooltipFormatter(this.value,this.slot):this.valueFormatter?r=this.valueFormatter(this.value,this.slot):this.value===""?r=(a=(t=this.range)==null?void 0:t.value)!=null?a:this.boundaryValue:r=this.value||0,r}get ariaDescriptionText(){let r="",t=this.ariaDescription||"",a=this.value==="";return this.openEnded&&a&&(r=this.slot==="from"?z.t({id:"slider.placeholder.from",message:"Min"}):z.t({id:"slider.placeholder.to",message:"Max"})),r?`${r}, ${t}`:t}updated(r){r.has("openEnded")&&this.openEnded&&!this.placeholder&&(this.slot==="to"||this.slot===""?this.placeholder=z.t({id:"slider.placeholder.to",message:"Max",comment:"Max as in short for Maximum"}):this.slot==="from"&&(this.placeholder=z.t({id:"slider.placeholder.from",message:"Min",comment:"Min as in short for Minimum"}))),r.has("value")&&(this.setValue(this.value),g(this,b,pe).call(this))}render(){let r=this.placeholder&&!this.value;return Z`
+      `,await i({roots:[this.shadowRoot],elements:[this.anchorPositioningStyleElement]})}catch(i){console.error(new Error("Error registering the CSS anchor positioning polyfill. The UI will look broken.",{cause:i}))}}let r=window.navigator.userAgent;/WebKit/.test(r)&&!/Chrome/.test(r)&&this.tooltipTarget&&this.tooltipTarget.style.setProperty("--transform-offset","var(--w-slider-thumb-size, 28px)"),g(this,b,pe).call(this)}get boundaryValue(){return this.slot==="from"?this.min:this.max}get textFieldDisplayValue(){var r;return this._inputHasFocus?this.value!==""?this.value:(r=this.range)!=null&&r.value?Math.min(Math.max(Number(this.range.value),Number(this.min)+1),Number(this.max)-1).toString():"":this.value}get tooltipDisplayValue(){var t,a;let r=0;return this.tooltipFormatter?r=this.tooltipFormatter(this.value,this.slot):this.valueFormatter?r=this.valueFormatter(this.value,this.slot):this.value===""?r=(a=(t=this.range)==null?void 0:t.value)!=null?a:this.boundaryValue:r=this.value||0,r}get ariaDescriptionText(){let r="",t=this.ariaDescription||"",a=this.value==="";return this.openEnded&&a&&(r=this.slot==="from"?M.t({id:"slider.placeholder.from",message:"Min"}):M.t({id:"slider.placeholder.to",message:"Max"})),r?`${r}, ${t}`:t}updated(r){r.has("openEnded")&&this.openEnded&&!this.placeholder&&(this.slot==="to"||this.slot===""?this.placeholder=M.t({id:"slider.placeholder.to",message:"Max",comment:"Max as in short for Maximum"}):this.slot==="from"&&(this.placeholder=M.t({id:"slider.placeholder.from",message:"Min",comment:"Min as in short for Minimum"}))),r.has("value")&&(this.setValue(this.value),g(this,b,pe).call(this))}render(){var t,a,i,n;let r=this.placeholder&&!this.value;return Z`
       <div class="w-slider-thumb">
-        ${"anchorName"in document.documentElement.style?P:Z`<div class="polyfill-range">
+        ${"anchorName"in document.documentElement.style?D:Z`<div class="polyfill-range">
               <div class="polyfill-active-range"></div>
             </div>`}
         <input
@@ -2709,13 +2709,13 @@ Please compile your catalog first.
           @focus="${g(this,b,W)}"
           @blur="${g(this,b,ee)}"
           @input="${g(this,b,me)}"
-          @keydown="${this.openEnded?g(this,b,Ie):P}"
+          @keydown="${this.openEnded?g(this,b,Ie):D}"
         />
 
         ${this.slot==="from"||!this.slot?Z`
               <span class="sr-only">
-                ${z.t({id:"slider.label.from",message:"From"})+" "+(this.labelFormatter?this.labelFormatter("from"):this.min)+", "+z.t({id:"slider.label.to",message:"To"})+" "+(this.labelFormatter?this.labelFormatter("to"):this.max)}
-              </span>`:P}
+                ${M.t({id:"slider.label.from",message:"From"})+" "+(this.labelFormatter?this.labelFormatter("from"):this.min)+", "+M.t({id:"slider.label.to",message:"To"})+" "+(this.labelFormatter?this.labelFormatter("to"):this.max)}
+              </span>`:D}
 
         <span
           aria-hidden="true"
@@ -2735,18 +2735,18 @@ Please compile your catalog first.
           aria-description="${Q(this.ariaDescriptionText)}"
           class="${pr({"w-slider-thumb__textfield":!0,"sr-only":this._hiddenTextfield})}"
           type="number"
-          tabindex="${this._hiddenTextfield?-1:P}"
+          tabindex="${this._hiddenTextfield?-1:D}"
           placeholder="${this.placeholder}"
           .value="${this.textFieldDisplayValue}"
-          .formatter=${this.valueFormatter&&!r?t=>this.valueFormatter(t,this.slot):P}
-          min="${this.openEnded?P:this.min}"
-          max="${this.openEnded?P:this.max}"
+          .formatter=${this.valueFormatter&&!r?s=>this.valueFormatter(s,this.slot):D}
+          min="${this.openEnded?D:this.min}"
+          max="${this.openEnded?D:this.max}"
           step="${Q(this.step)}"
           ?invalid="${!!this.invalid}"
           @input="${g(this,b,me)}"
           ?disabled="${this.disabled}"
         >
-          ${this.suffix?Z`<w-affix slot="suffix" label="${this.suffix}"></w-affix>`:P}
+          ${(t=this.suffix)!=null&&t?Z`<w-affix slot="suffix" label="${(a=this.suffix)!=null?a:""}"></w-affix>`:D}
         </w-textfield>
         <w-attention
           tooltip
@@ -2761,7 +2761,7 @@ Please compile your catalog first.
             slot="target"
           ></output>
           <span slot="message">
-            ${this.tooltipDisplayValue}${this.suffix?Z`&nbsp;${this.suffix}`:P}
+            ${this.tooltipDisplayValue}${(i=this.suffix)!=null&&i?Z`&nbsp;${(n=this.suffix)!=null?n:""}`:D}
           </span>
         </w-attention>
 
@@ -2770,5 +2770,5 @@ Please compile your catalog first.
           ${this.ariaDescriptionText}
         </span>
       </div>
-    `}};B=new WeakMap,b=new WeakSet,W=function(){this._showTooltip=!0,this.shadowRoot.querySelector("w-attention").handleDone()},ee=function(){this._showTooltip=!1},pe=function(){this.range&&(this.value===""?this.range.value=this.boundaryValue:this.value&&(this.range.value=this.value))},Y=function(r){this.dispatchEvent(new CustomEvent("slidervalidity",{bubbles:!0,detail:{invalid:r,slot:this.slot}}))},re=async function(r,t){let a=Number.parseInt(r);if(this.openEnded&&!t&&this.step&&!(this.slot==="to"&&a>=Number(this.max)-1||this.slot==="from"&&a<=Number(this.min)+1)){let k=1/this.step;a=Math.round(a*k)/k,r=a.toString()}let s=Number.parseInt(this.max),n=Number.parseInt(this.min);if(!this.openEnded&&(a>s||a<n))return g(this,b,Y).call(this,z.t({id:"slider.error.out_of_bounds",message:"Value must be between {min} and {max}",values:{min:`${this.min} ${this.suffix}`.trim(),max:`${this.max} ${this.suffix}`.trim()}})),{shouldCancel:!0};r===""&&this.required&&g(this,b,Y).call(this,z.t({id:"slider.error.required",message:"This field is required"})),this.value=r;let i=r===this.max||r===this.min,d=!1;if(this.slot){let m=this.parentElement.querySelector('w-slider-thumb[slot="to"]'),k=this.parentElement.querySelector('w-slider-thumb[slot="from"]'),E=m.textfield.value||this.max,$=k.textfield.value||this.min,y=Number.parseInt(E),M=Number.parseInt($),F=z.t({id:"slider.error.overlap",message:"The maximum value cannot be less than the minimum"});if(this.slot==="from"){let f=this.openEnded&&y>s?y:Math.min(y,this.openEnded?s-1:s);a>f&&(d=!0,this.openEnded&&i?this.value=String(f):this.value=E,t&&(g(this,b,Y).call(this,F),await this.updateComplete,this.textfield.value=r))}else{let f=this.openEnded&&M<n?M:Math.max(Number.parseInt($),this.openEnded?n+1:n);a<f&&(d=!0,this.openEnded&&i?this.value=String(f):this.value=$,t&&(g(this,b,Y).call(this,F),await this.updateComplete,this.textfield.value=r))}}return d?{shouldCancel:!0}:(g(this,b,Y).call(this,""),this.range.value=Math.min(Math.max(Number(r),Number(this.min)),Number(this.max)).toString(),this.value=this.openEnded&&!t&&i?"":r,this.shadowRoot.querySelector("w-attention").handleDone(),{shouldCancel:!1})},me=async function(r){let t=r.currentTarget.tagName==="W-TEXTFIELD";if(r instanceof CustomEvent)return;let a=r.currentTarget.value;return(await g(this,b,re).call(this,a,t)).shouldCancel?(r.preventDefault(),!1):!0},Ie=async function(r){if(r.key!=="ArrowLeft"&&r.key!=="ArrowRight")return;let t=Number(this.range.value),a=this.step||1,s;r.key==="ArrowLeft"?s=t-a:s=t+a,s=Math.min(Math.max(s,Number(this.min)),Number(this.max)),(await g(this,b,re).call(this,s.toString(),!1)).shouldCancel&&r.preventDefault()},u.shadowRootOptions={...Ae.shadowRootOptions,delegatesFocus:!0},u.styles=[De,Pe,Le],p([S({attribute:"aria-label"})],u.prototype,"ariaLabel",2),p([S({attribute:"aria-description"})],u.prototype,"ariaDescription",2),p([S({reflect:!0})],u.prototype,"name",2),p([S({reflect:!0})],u.prototype,"value",2),p([S({type:Boolean,reflect:!0})],u.prototype,"disabled",2),p([S({type:Boolean,reflect:!0})],u.prototype,"invalid",2),p([S({attribute:!1,reflect:!1})],u.prototype,"openEnded",2),p([S({reflect:!0})],u.prototype,"placeholder",2),p([N()],u.prototype,"markers",2),p([N()],u.prototype,"required",2),p([N()],u.prototype,"step",2),p([N()],u.prototype,"min",2),p([N()],u.prototype,"max",2),p([N()],u.prototype,"suffix",2),p([S({attribute:!1})],u.prototype,"valueFormatter",2),p([S({attribute:!1})],u.prototype,"tooltipFormatter",2),p([S({attribute:!1})],u.prototype,"labelFormatter",2),p([be('input[type="range"]')],u.prototype,"range",2),p([be(".w-slider-thumb__tooltip-target")],u.prototype,"tooltipTarget",2),p([be("w-textfield")],u.prototype,"textfield",2),p([N()],u.prototype,"_showTooltip",2),p([N()],u.prototype,"_inputHasFocus",2),p([N()],u.prototype,"_hiddenTextfield",2);customElements.get("w-slider-thumb")||customElements.define("w-slider-thumb",u);export{u as WarpSliderThumb};
+    `}};B=new WeakMap,b=new WeakSet,W=function(){this._showTooltip=!0,this.shadowRoot.querySelector("w-attention").handleDone()},ee=function(){this._showTooltip=!1},pe=function(){this.range&&(this.value===""?this.range.value=this.boundaryValue:this.value&&(this.range.value=this.value))},R=function(r){this.dispatchEvent(new CustomEvent("slidervalidity",{bubbles:!0,detail:{invalid:r,slot:this.slot}}))},re=async function(r,t){var _;let a=(_=this.suffix)!=null?_:"",i=Number.parseInt(r);if(this.openEnded&&!t&&this.step&&!(this.slot==="to"&&i>=Number(this.max)-1||this.slot==="from"&&i<=Number(this.min)+1)){let S=1/this.step;i=Math.round(i*S)/S,r=i.toString()}let n=Number.parseInt(this.max),s=Number.parseInt(this.min);if(!this.openEnded&&(i>n||i<s))return g(this,b,R).call(this,M.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};r===""&&this.required&&g(this,b,R).call(this,M.t({id:"slider.error.required",message:"This field is required"})),this.value=r;let d=r===this.max||r===this.min,m=!1;if(this.slot){let F=this.parentElement.querySelector('w-slider-thumb[slot="to"]'),S=this.parentElement.querySelector('w-slider-thumb[slot="from"]'),k=F.textfield.value||this.max,C=S.textfield.value||this.min,z=Number.parseInt(k),x=Number.parseInt(C),T=M.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>$&&(m=!0,this.openEnded&&d?this.value=String($):this.value=k,t&&(g(this,b,R).call(this,T),await this.updateComplete,this.textfield.value=r))}else{let $=this.openEnded&&x<s?x:Math.max(Number.parseInt(C),this.openEnded?s+1:s);i<$&&(m=!0,this.openEnded&&d?this.value=String($):this.value=C,t&&(g(this,b,R).call(this,T),await this.updateComplete,this.textfield.value=r))}}return m?{shouldCancel:!0}:(g(this,b,R).call(this,""),this.range.value=Math.min(Math.max(Number(r),Number(this.min)),Number(this.max)).toString(),this.value=this.openEnded&&!t&&d?"":r,this.shadowRoot.querySelector("w-attention").handleDone(),{shouldCancel:!1})},me=async function(r){let t=r.currentTarget.tagName==="W-TEXTFIELD";if(r instanceof CustomEvent)return;let a=r.currentTarget.value;return(await g(this,b,re).call(this,a,t)).shouldCancel?(r.preventDefault(),!1):!0},Ie=async function(r){if(r.key!=="ArrowLeft"&&r.key!=="ArrowRight")return;let t=Number(this.range.value),a=this.step||1,i;r.key==="ArrowLeft"?i=t-a:i=t+a,i=Math.min(Math.max(i,Number(this.min)),Number(this.max)),(await g(this,b,re).call(this,i.toString(),!1)).shouldCancel&&r.preventDefault()},u.shadowRootOptions={...Ae.shadowRootOptions,delegatesFocus:!0},u.styles=[De,Pe,Le],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([L()],u.prototype,"markers",2),p([L()],u.prototype,"required",2),p([L()],u.prototype,"step",2),p([L()],u.prototype,"min",2),p([L()],u.prototype,"max",2),p([L()],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([be('input[type="range"]')],u.prototype,"range",2),p([be(".w-slider-thumb__tooltip-target")],u.prototype,"tooltipTarget",2),p([be("w-textfield")],u.prototype,"textfield",2),p([L()],u.prototype,"_showTooltip",2),p([L()],u.prototype,"_inputHasFocus",2),p([L()],u.prototype,"_hiddenTextfield",2);customElements.get("w-slider-thumb")||customElements.define("w-slider-thumb",u);export{u as WarpSliderThumb};
 //# sourceMappingURL=slider-thumb.js.map