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

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

@@ -1,8 +1,9 @@
 import type { Meta, StoryObj } from '@storybook/web-components-vite';
-import '../affix/index.js';
-import '../attention/index.js';
-import '../textfield/index.js';
-import './index.js';
+import '../affix/affix.js';
+import '../attention/attention.js';
+import '../textfield/textfield.js';
+import './slider.js';
+import '../slider-thumb/slider-thumb.js';
 declare const meta: Meta;
 export default meta;
 type Story = StoryObj;

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

@@ -1,9 +1,10 @@
 import { getStorybookHelpers } from '@wc-toolkit/storybook-helpers';
 import { html } from 'lit';
-import '../affix/index.js';
-import '../attention/index.js';
-import '../textfield/index.js';
-import './index.js';
+import '../affix/affix.js';
+import '../attention/attention.js';
+import '../textfield/textfield.js';
+import './slider.js';
+import '../slider-thumb/slider-thumb.js';
 const { events: sliderEvents, args: sliderArgs, argTypes: sliderArgTypes, } = getStorybookHelpers('w-slider');
 const meta = {
     title: 'Forms/Slider and Range Slider',
@@ -28,7 +29,7 @@ export const Single = {
 export const Range = {
     render() {
         return html `
-      <w-slider label="Range" min="0" max="100">
+      <w-slider label="Range" min="0" max="100" step="25">
         <w-slider-thumb
           slot="from"
           aria-label="From value"
@@ -298,13 +299,13 @@ export const TestCase = {
         return html `
       <form id="overunder" style="margin-bottom: 16px" lang="nb">
         <w-slider
-          label="Hestekrefter"
-          suffix="hk"
-          min="50"
-          max="500"
+          label="Bredde"
+          suffix="cm"
+          min="200"
+          max="350"
           data-testid="overunder"
           allow-values-outside-range
-          step="10"
+          step="50"
         >
           <w-slider-thumb
             slot="from"
@@ -341,10 +342,10 @@ export const TestCase = {
         );
         overunderSlider.formatter = function (value, type) {
           if (value === "" && type === "from") {
-            return "Under 50";
+            return "Under 200";
           }
           if (value === "" && type === "to") {
-            return "Over 500";
+            return "Over 350";
           }
           return value;
         };

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

@@ -1,4 +1,5 @@
-import '../attention/index.js';
-import '../affix/index.js';
-import '../textfield/index.js';
-import './index.js';
+import '../attention/attention.js';
+import '../affix/affix.js';
+import '../textfield/textfield.js';
+import './slider.js';
+import '../slider-thumb/slider-thumb.js';

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

@@ -2,10 +2,11 @@ import { userEvent } from '@vitest/browser/context';
 import { html } from 'lit';
 import { expect, test } from 'vitest';
 import { render } from 'vitest-browser-lit';
-import '../attention/index.js';
-import '../affix/index.js';
-import '../textfield/index.js';
-import './index.js';
+import '../attention/attention.js';
+import '../affix/affix.js';
+import '../textfield/textfield.js';
+import './slider.js';
+import '../slider-thumb/slider-thumb.js';
 test('single slider starts with a default value equal to max', async () => {
     const component = html `
     <form data-testid="form">

package/dist/packages/slider/styles/w-slider.styles.js

@@ -26,42 +26,6 @@ export const wSliderStyles = css `
     --w-slider-thumb-offset: calc(var(--w-slider-thumb-size) / 2);
     --w-slider-marker-color: var(--w-s-color-border);
 
-    /* Math corner to calculate the fill of the slider and placement of markers. */
-
-    /* The --min value can be non-zero, f. ex. choosing a year from 1950 to 2025. Normalize the values so we start at 0 and run to max - min. */
-    --_value-range: calc(var(--max) - var(--min));
-
-    /** Round up to the nearest --step, which defaults to 1 (https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input/range#step) */
-    --_from-in-range: round(
-      up,
-      max(calc(var(--from) - var(--min)), 0),
-      var(--step, 1)
-    );
-
-    /* limit to maximum value in range so typing a value larger than max doesn't explode layouts */
-    --_to-in-range: round(
-      up,
-      min(calc(var(--to) - var(--min)), var(--_value-range)),
-      var(--step, 1)
-    );
-
-    /* Position the starting point of the fill in the case of a non-zero --from value in a range slider.
-     * In other words, given a width of 100% how many percent should be left unfilled/blank
-     * at the beginning of the range slider (dashes in this ASCII-range-slider: |---O******O|) */
-    --_from-as-percent-of-max: calc(
-      var(--_from-in-range) / var(--_value-range) * 100
-    );
-    --_blank-values-before: var(--_from-as-percent-of-max);
-
-    /* Set the width of the fill as a percentage.
-     * In other words, given a width of 100% how many percent should be left unfilled/blank
-     * at the end of the slider (dashes in this ASCII-slider: |******O---|) */
-    --_to-as-percent-of-max: calc(
-      var(--_to-in-range) / var(--_value-range) * 100
-    );
-    --_filled-values: calc(
-      var(--_to-as-percent-of-max) - var(--_blank-values-before)
-    );
 
     /* Vertical position of range and markers */
     --_range-top: calc(
@@ -112,16 +76,19 @@ export const wSliderStyles = css `
     border-start-start-radius: var(--active-range-border-radius, 0);
     border-end-start-radius: var(--active-range-border-radius, 0);
 
-    margin-left: calc(
-      calc(var(--_blank-values-before) * 1%) - var(
-          --active-range-inline-start-padding,
-          0px
-        )
-    );
-    width: calc(
-      calc(var(--_filled-values) * 1%) +
-        var(--active-range-inline-end-padding, 0px)
-    );
+    /* takes over-under into the calculation if set, as this makes the ranges longer in reality */
+    --max-with-offset: calc(var(--max) + var(--over-under-offset, 0));
+
+    /* calculate the offset for the "from" thumb in percentage to move the range visualisation from the left edge, using max() to avoid going off screen */
+    --offset-percentage: calc(calc(var(--from) - var(--min)) / calc(var(--max-with-offset) - var(--min)) * 100);
+    margin-left: calc(max(var(--offset-percentage) * 1%, 0px) - 1px);
+
+    /* calculate the width of the selected range in percentage, clamped between min/max */
+    --value-range: calc(var(--max-with-offset) - var(--min));
+    --range-span-percentage: calc(calc(min(var(--to), var(--max-with-offset)) - max(var(--min), var(--from))) / var(--value-range) * 100 );
+    width: calc(var(--range-span-percentage) * 1% + 1px);
+
+
     z-index: 1;
   }
 

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

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

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

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

package/dist/packages/{slider → slider-thumb}/slider-thumb.d.ts

@@ -1,5 +1,5 @@
 import { LitElement, PropertyValues } from 'lit';
-import type { WarpTextField } from '../textfield/index.js';
+import type { WarpTextField } from '../textfield/textfield.js';
 declare const WarpSliderThumb_base: import("@open-wc/form-control").Constructor<import("@open-wc/form-control").FormControlInterface> & typeof LitElement;
 /**
  * Component to place inside a `<w-slider>`.

package/dist/packages/{slider → slider-thumb}/slider-thumb.js

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