@warp-ds/elements 2.10.0-next.9 → 2.10.1-next.1

package/dist/packages/textfield/textfield.js

@@ -1,277 +1,285 @@
-var ne=Object.defineProperty;var se=Object.getOwnPropertyDescriptor;var D=a=>{throw TypeError(a)};var d=(a,e,r,o)=>{for(var l=o>1?void 0:o?se(e,r):e,u=a.length-1,w;u>=0;u--)(w=a[u])&&(l=(o?w(e,r,l):w(l))||l);return o&&l&&ne(e,r,l),l};var B=(a,e,r)=>e.has(a)||D("Cannot "+r);var G=(a,e,r)=>(B(a,e,"read from private field"),r?r.call(a):e.get(a)),H=(a,e,r)=>e.has(a)?D("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(a):e.set(a,r),K=(a,e,r,o)=>(B(a,e,"write to private field"),o?o.call(a,r):e.set(a,r),r),J=(a,e,r)=>(B(a,e,"access private method"),r);var j=function(){for(var a=[],e=arguments.length;e--;)a[e]=arguments[e];return a.reduce(function(r,o){return r.concat(typeof o=="string"?o:Array.isArray(o)?j.apply(void 0,o):typeof o=="object"&&o?Object.keys(o).map(function(l){return o[l]?l:""}):"")},[]).join(" ")};var s=function(a,e,r,o){if(r==="a"&&!o)throw new TypeError("Private accessor was defined without a getter");if(typeof e=="function"?a!==e||!o:!e.has(a))throw new TypeError("Cannot read private member from an object whose class did not declare it");return r==="m"?o:r==="a"?o.call(a):o?o.value:e.get(a)},h=function(a,e,r,o,l){if(o==="m")throw new TypeError("Private method is not writable");if(o==="a"&&!l)throw new TypeError("Private accessor was defined without a setter");if(typeof e=="function"?a!==e||!l:!e.has(a))throw new TypeError("Cannot write private member to an object whose class did not declare it");return o==="a"?l.call(a,r):l?l.value=r:e.set(a,r),r};function Q(a){var e,r,o,l,u,w,k,ae,_,F,L,X,E,z,Y,f,N,O,Z;class ie extends a{constructor(...t){var n,b,p;super(...t),e.add(this),this.internals=this.attachInternals(),r.set(this,!1),o.set(this,!1),l.set(this,!1),u.set(this,void 0),w.set(this,void 0),k.set(this,!0),_.set(this,""),F.set(this,()=>{h(this,l,!0,"f"),h(this,r,!0,"f"),s(this,e,"m",f).call(this)}),L.set(this,()=>{h(this,r,!1,"f"),s(this,e,"m",N).call(this,this.shouldFormValueUpdate()?s(this,_,"f"):""),!this.validity.valid&&s(this,l,"f")&&h(this,o,!0,"f");let m=s(this,e,"m",f).call(this);this.validationMessageCallback&&this.validationMessageCallback(m?this.internals.validationMessage:"")}),X.set(this,()=>{var m;s(this,k,"f")&&this.validationTarget&&(this.internals.setValidity(this.validity,this.validationMessage,this.validationTarget),h(this,k,!1,"f")),h(this,l,!0,"f"),h(this,o,!0,"f"),s(this,e,"m",f).call(this),(m=this===null||this===void 0?void 0:this.validationMessageCallback)===null||m===void 0||m.call(this,this.showError?this.internals.validationMessage:"")}),E.set(this,void 0),z.set(this,!1),Y.set(this,Promise.resolve()),(n=this.addEventListener)===null||n===void 0||n.call(this,"focus",s(this,F,"f")),(b=this.addEventListener)===null||b===void 0||b.call(this,"blur",s(this,L,"f")),(p=this.addEventListener)===null||p===void 0||p.call(this,"invalid",s(this,X,"f")),this.setValue(null)}static get formAssociated(){return!0}static get validators(){return this.formControlValidators||[]}static get observedAttributes(){let t=this.validators.map(p=>p.attribute).flat(),n=super.observedAttributes||[];return[...new Set([...n,...t])]}static getValidator(t){return this.validators.find(n=>n.attribute===t)||null}static getValidators(t){return this.validators.filter(n=>{var b;if(n.attribute===t||!((b=n.attribute)===null||b===void 0)&&b.includes(t))return!0})}get form(){return this.internals.form}get showError(){return s(this,e,"m",f).call(this)}checkValidity(){return this.internals.checkValidity()}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}attributeChangedCallback(t,n,b){var p;(p=super.attributeChangedCallback)===null||p===void 0||p.call(this,t,n,b);let $=this.constructor.getValidators(t);$?.length&&this.validationTarget&&this.setValue(s(this,_,"f"))}setValue(t){var n;h(this,o,!1,"f"),(n=this.validationMessageCallback)===null||n===void 0||n.call(this,""),h(this,_,t,"f");let p=this.shouldFormValueUpdate()?t:null;this.internals.setFormValue(p),s(this,e,"m",N).call(this,p),this.valueChangedCallback&&this.valueChangedCallback(p),s(this,e,"m",f).call(this)}shouldFormValueUpdate(){return!0}get validationComplete(){return new Promise(t=>t(s(this,Y,"f")))}formResetCallback(){var t,n;h(this,l,!1,"f"),h(this,o,!1,"f"),s(this,e,"m",f).call(this),(t=this.resetFormControl)===null||t===void 0||t.call(this),(n=this.validationMessageCallback)===null||n===void 0||n.call(this,s(this,e,"m",f).call(this)?this.validationMessage:"")}}return r=new WeakMap,o=new WeakMap,l=new WeakMap,u=new WeakMap,w=new WeakMap,k=new WeakMap,_=new WeakMap,F=new WeakMap,L=new WeakMap,X=new WeakMap,E=new WeakMap,z=new WeakMap,Y=new WeakMap,e=new WeakSet,ae=function(){let t=this.getRootNode(),n=`${this.localName}[name="${this.getAttribute("name")}"]`;return t.querySelectorAll(n)},f=function(){if(this.hasAttribute("disabled"))return!1;let t=s(this,o,"f")||s(this,l,"f")&&!this.validity.valid&&!s(this,r,"f");return t&&this.internals.states?this.internals.states.add("--show-error"):this.internals.states&&this.internals.states.delete("--show-error"),t},N=function(t){let n=this.constructor,b={},p=n.validators,m=[],$=p.some(v=>v.isValid instanceof Promise);s(this,z,"f")||(h(this,Y,new Promise(v=>{h(this,E,v,"f")}),"f"),h(this,z,!0,"f")),s(this,u,"f")&&(s(this,u,"f").abort(),h(this,w,s(this,u,"f"),"f"));let M=new AbortController;h(this,u,M,"f");let S,U=!1;p.length&&(p.forEach(v=>{let I=v.key||"customError",y=v.isValid(this,t,M.signal);y instanceof Promise?(m.push(y),y.then(q=>{q!=null&&(b[I]=!q,S=s(this,e,"m",Z).call(this,v,t),s(this,e,"m",O).call(this,b,S))})):(b[I]=!y,this.validity[I]!==!y&&(U=!0),!y&&!S&&(S=s(this,e,"m",Z).call(this,v,t)))}),Promise.allSettled(m).then(()=>{var v;M?.signal.aborted||(h(this,z,!1,"f"),(v=s(this,E,"f"))===null||v===void 0||v.call(this))}),(U||!$)&&s(this,e,"m",O).call(this,b,S))},O=function(t,n){if(this.validationTarget)this.internals.setValidity(t,n,this.validationTarget),h(this,k,!1,"f");else{if(this.internals.setValidity(t,n),this.internals.validity.valid)return;h(this,k,!0,"f")}},Z=function(t,n){if(this.validityCallback){let b=this.validityCallback(t.key||"customError");if(b)return b}return t.message instanceof Function?t.message(this,n):t.message},ie}import{html as P,LitElement as oe,nothing as ce}from"lit";import{property as c,query as be}from"lit/decorators.js";import{classMap as he}from"lit/directives/class-map.js";import{ifDefined as g}from"lit/directives/if-defined.js";import{css as T}from"lit";var W=T`
-  *,
-  :before,
-  :after {
-    box-sizing: border-box;
-    border-style: solid;
-    border-width: 0;
-    border-color: var(--w-s-color-border);
-  }
-  html {
-    font-size: 62.5%;
-  }
-  body {
-    background-color: var(--w-s-color-background);
-    min-height: 100%;
-    margin: 0;
-    overflow-y: scroll;
-  }
-  body,
-  :host {
-    -webkit-text-size-adjust: 100%;
-    tab-size: 4;
-    -webkit-tap-highlight-color: transparent;
-    font-family: var(--w-font-family);
-    font-size: var(--w-font-size-m);
-    line-height: var(--w-line-height-m);
-    color: var(--w-s-color-text);
-  }
-  hr {
-    color: inherit;
-    border-top-width: 1px;
-    height: 0;
-  }
-  abbr:where([title]) {
-    -webkit-text-decoration: underline dotted;
-    text-decoration: underline dotted;
-  }
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6 {
-    font-size: inherit;
-    font-weight: 700;
-  }
-  a {
-    cursor: pointer;
-    color: var(--w-s-color-text-link);
-    text-decoration: none;
-  }
-  a:hover,
-  a:focus,
-  a:active {
-    text-decoration: underline;
-  }
-  a:focus-visible {
-    outline: 2px solid var(--w-s-color-border-focus);
-    outline-offset: 1px;
-  }
-  b,
-  strong {
-    font-weight: 700;
-  }
-  code,
-  kbd,
-  samp,
-  pre {
-    font-family:
-      ui-monospace,
-      SFMono-Regular,
-      Menlo,
-      Monaco,
-      Consolas,
-      Liberation Mono,
-      Courier New,
-      monospace;
-    font-size: 1em;
-  }
-  sub,
-  sup {
-    vertical-align: baseline;
-    font-size: 75%;
-    line-height: 0;
-    position: relative;
-  }
-  sub {
-    bottom: -0.25em;
-  }
-  sup {
-    top: -0.5em;
-  }
-  table {
-    text-indent: 0;
-    border-color: inherit;
-    border-collapse: collapse;
-  }
-  button,
-  input,
-  optgroup,
-  select,
-  textarea {
-    font-family: inherit;
-    font-size: 100%;
-    font-weight: inherit;
-    line-height: inherit;
-    color: inherit;
-    margin: 0;
-    padding: 0;
-  }
-  button,
-  select {
-    text-transform: none;
-  }
-  button,
-  [type='button'],
-  [type='reset'],
-  [type='submit'] {
-    -webkit-appearance: button;
-  }
-  :-moz-focusring {
-    outline: auto;
-  }
-  :-moz-ui-invalid {
-    box-shadow: none;
-  }
-  progress {
-    vertical-align: baseline;
-  }
-  ::-webkit-inner-spin-button {
-    height: auto;
-  }
-  ::-webkit-outer-spin-button {
-    height: auto;
-  }
-  [type='search'] {
-    -webkit-appearance: textfield;
-    outline-offset: -2px;
-  }
-  ::-webkit-search-decoration {
-    -webkit-appearance: none;
-  }
-  ::-webkit-file-upload-button {
-    -webkit-appearance: button;
-    font: inherit;
-  }
-  summary {
-    display: list-item;
-  }
-  blockquote,
-  dl,
-  dd,
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6,
-  hr,
-  figure,
-  p,
-  pre {
-    margin: 0;
-  }
-  fieldset {
-    margin: 0;
-    padding: 0;
-  }
-  legend {
-    padding: 0;
-  }
-  ol,
-  ul,
-  menu {
-    margin: 0;
-    padding: 0;
-    list-style: none;
-  }
-  textarea {
-    resize: vertical;
-  }
-  input::placeholder,
-  textarea::placeholder {
-    opacity: 1;
-    color: var(--w-s-color-text-placeholder);
-  }
-  button,
-  [role='button'] {
-    cursor: pointer;
-  }
-  :disabled {
-    cursor: default;
-  }
-  img,
-  svg,
-  video,
-  canvas,
-  audio,
-  iframe,
-  embed,
-  object {
-    vertical-align: middle;
-    display: block;
-  }
-  img,
-  video {
-    max-width: 100%;
-    height: auto;
-  }
-  h1 {
-    font-size: var(--w-font-size-xxl);
-    line-height: var(--w-line-height-xxl);
-  }
-  h2 {
-    font-size: var(--w-font-size-xl);
-    line-height: var(--w-line-height-xl);
-  }
-  h3 {
-    font-size: var(--w-font-size-l);
-    line-height: var(--w-line-height-l);
-  }
-  h4 {
-    font-size: var(--w-font-size-m);
-    line-height: var(--w-line-height-m);
-  }
-  h5 {
-    font-size: var(--w-font-size-s);
-    line-height: var(--w-line-height-s);
-  }
-  dt,
-  dd {
-    margin: 0 16px;
-  }
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  ul,
-  ol,
-  dl,
-  p,
-  blockquote {
-    margin: 0 0 8px;
-  }
-  [hidden] {
-    display: none !important;
-  }
-  [tabindex='-1']:focus:not(:focus-visible) {
-    outline: none;
-  }
-  legend {
-    float: left;
-    width: 100%;
-    margin: 0;
-    padding: 0;
-    display: table;
-  }
-  legend + * {
-    clear: both;
-  }
-  fieldset {
-    border: 0;
-    min-width: 0;
-    margin: 0;
-    padding: 0.01em 0 0;
-  }
-  body:not(:-moz-handler-blocked) fieldset {
-    display: table-cell;
-  }
-  svg {
-    pointer-events: none;
-  }
-`,we=T`*, :before, :after {
+var je=Object.defineProperty;var Ie=Object.getOwnPropertyDescriptor;var ie=o=>{throw TypeError(o)};var p=(o,e,r,t)=>{for(var a=t>1?void 0:t?Ie(e,r):e,l=o.length-1,s;l>=0;l--)(s=o[l])&&(a=(t?s(e,r,a):s(a))||a);return t&&a&&je(e,r,a),a};var G=(o,e,r)=>e.has(o)||ie("Cannot "+r);var ne=(o,e,r)=>(G(o,e,"read from private field"),r?r.call(o):e.get(o)),J=(o,e,r)=>e.has(o)?ie("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(o):e.set(o,r),se=(o,e,r,t)=>(G(o,e,"write to private field"),t?t.call(o,r):e.set(o,r),r),le=(o,e,r)=>(G(o,e,"access private method"),r);var K=function(){for(var o=[],e=arguments.length;e--;)o[e]=arguments[e];return o.reduce(function(r,t){return r.concat(typeof t=="string"?t:Array.isArray(t)?K.apply(void 0,t):typeof t=="object"&&t?Object.keys(t).map(function(a){return t[a]?a:""}):"")},[]).join(" ")};var L=o=>typeof o=="string",Ye=o=>typeof o=="function",de=new Map,he="en";function re(o){return[...Array.isArray(o)?o:[o],he]}function te(o,e,r){let t=re(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 X(()=>Z("date",t,r),()=>new Intl.DateTimeFormat(t,a)).format(L(e)?new Date(e):e)}function De(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 te(o,e,t)}function Q(o,e,r){let t=re(o);return X(()=>Z("number",t,r),()=>new Intl.NumberFormat(t,r)).format(e)}function ce(o,e,r,{offset:t=0,...a}){let l=re(o),s=e?X(()=>Z("plural-ordinal",l),()=>new Intl.PluralRules(l,{type:"ordinal"})):X(()=>Z("plural-cardinal",l),()=>new Intl.PluralRules(l,{type:"cardinal"}));return a[r]??a[s.select(r-t)]??a.other}function X(o,e){let r=o(),t=de.get(r);return t||(t=e(),de.set(r,t)),t}function Z(o,e,r){let t=e.join("-");return`${o}-${t}-${JSON.stringify(r)}`}var pe=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,ue=o=>o.replace(/\\u([a-fA-F0-9]{4})|\\x([a-fA-F0-9]{2})/g,(e,r,t)=>{if(r){let a=parseInt(r,16);return String.fromCharCode(a)}else{let a=parseInt(t,16);return String.fromCharCode(a)}}),be="%__lingui_octothorpe__%",He=(o,e,r={})=>{let t=e||o,a=s=>typeof s=="object"?s:r[s],l=(s,i)=>{let b=Object.keys(r).length?a("number"):void 0,f=Q(t,s,b);return i.replace(new RegExp(be,"g"),f)};return{plural:(s,i)=>{let{offset:b=0}=i,f=ce(t,!1,s,i);return l(s-b,f)},selectordinal:(s,i)=>{let{offset:b=0}=i,f=ce(t,!0,s,i);return l(s-b,f)},select:Xe,number:(s,i)=>Q(t,s,a(i)||{style:i}),date:(s,i)=>te(t,s,a(i)||i),time:(s,i)=>De(t,s,a(i)||i)}},Xe=(o,e)=>e[o]??e.other;function Ze(o,e,r){return(t={},a)=>{let l=He(e,r,a),s=(b,f=!1)=>Array.isArray(b)?b.reduce((C,M)=>{if(M==="#"&&f)return C+be;if(L(M))return C+M;let[F,y,E]=M,S={};y==="plural"||y==="selectordinal"||y==="select"?Object.entries(E).forEach(([$,N])=>{S[$]=s(N,y==="plural"||y==="selectordinal")}):S=E;let w;if(y){let $=l[y];w=$(t[F],S)}else w=t[F];return w==null?C:C+w},""):b,i=s(o);return L(i)&&pe.test(i)?ue(i):L(i)?i:i?String(i):""}}var Re=Object.defineProperty,Te=(o,e,r)=>e in o?Re(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,qe=(o,e,r)=>(Te(o,typeof e!="symbol"?e+"":e,r),r),W=class{constructor(){qe(this,"_events",{})}on(e,r){var t;return(t=this._events)[e]??(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}},Ue=Object.defineProperty,Be=(o,e,r)=>e in o?Ue(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,V=(o,e,r)=>(Be(o,typeof e!="symbol"?e+"":e,r),r),ee=class extends W{constructor(e){super(),V(this,"_locale",""),V(this,"_locales"),V(this,"_localeData",{}),V(this,"_messages",{}),V(this,"_missing"),V(this,"_messageCompiler"),V(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(e.locale??he,e.locales)}get locale(){return this._locale}get locales(){return this._locales}get messages(){return this._messages[this._locale]??{}}get localeData(){return this._localeData[this._locale]??{}}_loadLocaleData(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?.message;e||(e=""),L(e)||(r=e.values||r,a=e.message,e=e.id);let l=this.messages[e],s=l===void 0,i=this._missing;if(i&&s)return Ye(i)?i(this._locale,e):i;s&&this.emit("missing",{id:e,locale:this._locale});let b=l||a||e;return L(b)&&(this._messageCompiler?b=this._messageCompiler(b):console.warn(`Uncompiled message detected! Message:
+
+> ${b}
+
+That means you use raw catalog or your catalog doesn't have a translation for the message and fallback was used.
+ICU features such as interpolation and plurals will not work properly for that message. 
+
+Please compile your catalog first. 
+`)),L(b)&&pe.test(b)?ue(b):L(b)?b:Ze(b,this._locale,this._locales)(r,t?.formats)}date(e,r){return te(this._locales||this._locale,e,r)}number(e,r){return Q(this._locales||this._locale,e,r)}};function Ge(o={}){return new ee(o)}var _=Ge();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)},m=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 ge(o){var e,r,t,a,l,s,i,b,f,C,M,F,y,E,S,w,$,N,q;class Ae extends o{constructor(...n){var c,g,v;super(...n),e.add(this),this.internals=this.attachInternals(),r.set(this,!1),t.set(this,!1),a.set(this,!1),l.set(this,void 0),s.set(this,void 0),i.set(this,!0),f.set(this,""),C.set(this,()=>{m(this,a,!0,"f"),m(this,r,!0,"f"),h(this,e,"m",w).call(this)}),M.set(this,()=>{m(this,r,!1,"f"),h(this,e,"m",$).call(this,this.shouldFormValueUpdate()?h(this,f,"f"):""),!this.validity.valid&&h(this,a,"f")&&m(this,t,!0,"f");let z=h(this,e,"m",w).call(this);this.validationMessageCallback&&this.validationMessageCallback(z?this.internals.validationMessage:"")}),F.set(this,()=>{var z;h(this,i,"f")&&this.validationTarget&&(this.internals.setValidity(this.validity,this.validationMessage,this.validationTarget),m(this,i,!1,"f")),m(this,a,!0,"f"),m(this,t,!0,"f"),h(this,e,"m",w).call(this),(z=this===null||this===void 0?void 0:this.validationMessageCallback)===null||z===void 0||z.call(this,this.showError?this.internals.validationMessage:"")}),y.set(this,void 0),E.set(this,!1),S.set(this,Promise.resolve()),(c=this.addEventListener)===null||c===void 0||c.call(this,"focus",h(this,C,"f")),(g=this.addEventListener)===null||g===void 0||g.call(this,"blur",h(this,M,"f")),(v=this.addEventListener)===null||v===void 0||v.call(this,"invalid",h(this,F,"f")),this.setValue(null)}static get formAssociated(){return!0}static get validators(){return this.formControlValidators||[]}static get observedAttributes(){let n=this.validators.map(v=>v.attribute).flat(),c=super.observedAttributes||[];return[...new Set([...c,...n])]}static getValidator(n){return this.validators.find(c=>c.attribute===n)||null}static getValidators(n){return this.validators.filter(c=>{var g;if(c.attribute===n||!((g=c.attribute)===null||g===void 0)&&g.includes(n))return!0})}get form(){return this.internals.form}get showError(){return h(this,e,"m",w).call(this)}checkValidity(){return this.internals.checkValidity()}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}attributeChangedCallback(n,c,g){var v;(v=super.attributeChangedCallback)===null||v===void 0||v.call(this,n,c,g);let j=this.constructor.getValidators(n);j?.length&&this.validationTarget&&this.setValue(h(this,f,"f"))}setValue(n){var c;m(this,t,!1,"f"),(c=this.validationMessageCallback)===null||c===void 0||c.call(this,""),m(this,f,n,"f");let v=this.shouldFormValueUpdate()?n:null;this.internals.setFormValue(v),h(this,e,"m",$).call(this,v),this.valueChangedCallback&&this.valueChangedCallback(v),h(this,e,"m",w).call(this)}shouldFormValueUpdate(){return!0}get validationComplete(){return new Promise(n=>n(h(this,S,"f")))}formResetCallback(){var n,c;m(this,a,!1,"f"),m(this,t,!1,"f"),h(this,e,"m",w).call(this),(n=this.resetFormControl)===null||n===void 0||n.call(this),(c=this.validationMessageCallback)===null||c===void 0||c.call(this,h(this,e,"m",w).call(this)?this.validationMessage:"")}}return r=new WeakMap,t=new WeakMap,a=new WeakMap,l=new WeakMap,s=new WeakMap,i=new WeakMap,f=new WeakMap,C=new WeakMap,M=new WeakMap,F=new WeakMap,y=new WeakMap,E=new WeakMap,S=new WeakMap,e=new WeakSet,b=function(){let n=this.getRootNode(),c=`${this.localName}[name="${this.getAttribute("name")}"]`;return n.querySelectorAll(c)},w=function(){if(this.hasAttribute("disabled"))return!1;let n=h(this,t,"f")||h(this,a,"f")&&!this.validity.valid&&!h(this,r,"f");return n&&this.internals.states?this.internals.states.add("--show-error"):this.internals.states&&this.internals.states.delete("--show-error"),n},$=function(n){let c=this.constructor,g={},v=c.validators,z=[],j=v.some(k=>k.isValid instanceof Promise);h(this,E,"f")||(m(this,S,new Promise(k=>{m(this,y,k,"f")}),"f"),m(this,E,!0,"f")),h(this,l,"f")&&(h(this,l,"f").abort(),m(this,s,h(this,l,"f"),"f"));let I=new AbortController;m(this,l,I,"f");let Y,ae=!1;v.length&&(v.forEach(k=>{let U=k.key||"customError",O=k.isValid(this,n,I.signal);O instanceof Promise?(z.push(O),O.then(B=>{B!=null&&(g[U]=!B,Y=h(this,e,"m",q).call(this,k,n),h(this,e,"m",N).call(this,g,Y))})):(g[U]=!O,this.validity[U]!==!O&&(ae=!0),!O&&!Y&&(Y=h(this,e,"m",q).call(this,k,n)))}),Promise.allSettled(z).then(()=>{var k;I?.signal.aborted||(m(this,E,!1,"f"),(k=h(this,y,"f"))===null||k===void 0||k.call(this))}),(ae||!j)&&h(this,e,"m",N).call(this,g,Y))},N=function(n,c){if(this.validationTarget)this.internals.setValidity(n,c,this.validationTarget),m(this,i,!1,"f");else{if(this.internals.setValidity(n,c),this.internals.validity.valid)return;m(this,i,!0,"f")}},q=function(n,c){if(this.validityCallback){let g=this.validityCallback(n.key||"customError");if(g)return g}return n.message instanceof Function?n.message(this,c):n.message},Ae}import{html as D,LitElement as Fe,nothing as Oe}from"lit";import{property as u,query as ir}from"lit/decorators.js";import{classMap as nr}from"lit/directives/class-map.js";import{ifDefined as x}from"lit/directives/if-defined.js";var Je=["en","nb","fi","da","sv"],oe="en",R=o=>Je.find(e=>o===e||o.toLowerCase().includes(e))||oe;function fe(){if(typeof window>"u"){let o=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return R(o)}try{let o=ve(document);if(o)return R(o);let e=er();if(e)return R(e);let r=ve(ye());return r?R(r):oe}catch(o){return console.warn("could not detect locale, falling back to source locale",o),oe}}var we=(o,e,r,t,a)=>{_.load("en",o),_.load("nb",e),_.load("fi",r),_.load("da",t),_.load("sv",a);let l=fe();_.activate(l),xe(),Qe()},Ke="warp-i18n-change";function xe(){typeof window>"u"||window.dispatchEvent(new Event(Ke))}var me=!1;function Qe(){if(me||typeof window>"u"||!document?.documentElement)return;me=!0;let o=()=>{let a=fe();_.locale!==a&&(_.activate(a),xe())},e=new MutationObserver(a=>{for(let l of a)if(l.type==="attributes"&&l.attributeName==="lang"){o();break}});e.observe(document.documentElement,{attributes:!0,attributeFilter:["lang"]});let r=ye();r&&r.documentElement&&r!==document&&e.observe(r.documentElement,{attributes:!0,attributeFilter:["lang"]});let t=We();t&&e.observe(t,{attributes:!0,attributeFilter:["lang"]})}function ye(){try{return window.parent?.document??null}catch{return null}}function ve(o){try{return o?.documentElement?.lang??""}catch{return""}}function We(){try{return window.frameElement??null}catch{return null}}function er(){try{return window.frameElement?.getAttribute?.("lang")??""}catch{return""}}import{css as rr}from"lit";import{unsafeCSS as tr}from"lit";var ke=rr`
+	*,
+	:before,
+	:after {
+		box-sizing: border-box;
+		border-style: solid;
+		border-width: 0;
+		border-color: var(--w-s-color-border);
+	}
+	html {
+		font-size: 62.5%;
+	}
+	body {
+		background-color: var(--w-s-color-background);
+		min-height: 100%;
+		margin: 0;
+		overflow-y: scroll;
+	}
+	body,
+	:host {
+		-webkit-text-size-adjust: 100%;
+		tab-size: 4;
+		-webkit-tap-highlight-color: transparent;
+		font-family: var(--w-font-family);
+		font-size: var(--w-font-size-m);
+		line-height: var(--w-line-height-m);
+		color: var(--w-s-color-text);
+	}
+	hr {
+		color: inherit;
+		border-top-width: 1px;
+		height: 0;
+	}
+	abbr:where([title]) {
+		-webkit-text-decoration: underline dotted;
+		text-decoration: underline dotted;
+	}
+	h1,
+	h2,
+	h3,
+	h4,
+	h5,
+	h6 {
+		font-size: inherit;
+		font-weight: 700;
+	}
+	a {
+		cursor: pointer;
+		color: var(--w-s-color-text-link);
+		text-decoration: none;
+	}
+	a:hover,
+	a:focus,
+	a:active {
+		text-decoration: underline;
+	}
+	a:focus-visible {
+		outline: 2px solid var(--w-s-color-border-focus);
+		outline-offset: 1px;
+	}
+	b,
+	strong {
+		font-weight: 700;
+	}
+	code,
+	kbd,
+	samp,
+	pre {
+		font-family:
+			ui-monospace,
+			SFMono-Regular,
+			Menlo,
+			Monaco,
+			Consolas,
+			Liberation Mono,
+			Courier New,
+			monospace;
+		font-size: 1em;
+	}
+	sub,
+	sup {
+		vertical-align: baseline;
+		font-size: 75%;
+		line-height: 0;
+		position: relative;
+	}
+	sub {
+		bottom: -0.25em;
+	}
+	sup {
+		top: -0.5em;
+	}
+	table {
+		text-indent: 0;
+		border-color: inherit;
+		border-collapse: collapse;
+	}
+	button,
+	input,
+	optgroup,
+	select,
+	textarea {
+		font-family: inherit;
+		font-size: 100%;
+		font-weight: inherit;
+		line-height: inherit;
+		color: inherit;
+		margin: 0;
+		padding: 0;
+	}
+	button,
+	select {
+		text-transform: none;
+	}
+	button,
+	[type="button"],
+	[type="reset"],
+	[type="submit"] {
+		-webkit-appearance: button;
+	}
+	:-moz-focusring {
+		outline: auto;
+	}
+	:-moz-ui-invalid {
+		box-shadow: none;
+	}
+	progress {
+		vertical-align: baseline;
+	}
+	::-webkit-inner-spin-button {
+		height: auto;
+	}
+	::-webkit-outer-spin-button {
+		height: auto;
+	}
+	[type="search"] {
+		-webkit-appearance: textfield;
+		outline-offset: -2px;
+	}
+	::-webkit-search-decoration {
+		-webkit-appearance: none;
+	}
+	::-webkit-file-upload-button {
+		-webkit-appearance: button;
+		font: inherit;
+	}
+	summary {
+		display: list-item;
+	}
+	blockquote,
+	dl,
+	dd,
+	h1,
+	h2,
+	h3,
+	h4,
+	h5,
+	h6,
+	hr,
+	figure,
+	p,
+	pre {
+		margin: 0;
+	}
+	fieldset {
+		margin: 0;
+		padding: 0;
+	}
+	legend {
+		padding: 0;
+	}
+	ol,
+	ul,
+	menu {
+		margin: 0;
+		padding: 0;
+		list-style: none;
+	}
+	textarea {
+		resize: vertical;
+	}
+	input::placeholder,
+	textarea::placeholder {
+		opacity: 1;
+		color: var(--w-s-color-text-placeholder);
+	}
+	button,
+	[role="button"] {
+		cursor: pointer;
+	}
+	:disabled {
+		cursor: default;
+	}
+	img,
+	svg,
+	video,
+	canvas,
+	audio,
+	iframe,
+	embed,
+	object {
+		vertical-align: middle;
+		display: block;
+	}
+	img,
+	video {
+		max-width: 100%;
+		height: auto;
+	}
+	h1 {
+		font-size: var(--w-font-size-xxl);
+		line-height: var(--w-line-height-xxl);
+	}
+	h2 {
+		font-size: var(--w-font-size-xl);
+		line-height: var(--w-line-height-xl);
+	}
+	h3 {
+		font-size: var(--w-font-size-l);
+		line-height: var(--w-line-height-l);
+	}
+	h4 {
+		font-size: var(--w-font-size-m);
+		line-height: var(--w-line-height-m);
+	}
+	h5 {
+		font-size: var(--w-font-size-s);
+		line-height: var(--w-line-height-s);
+	}
+	dt,
+	dd {
+		margin: 0 16px;
+	}
+	h1,
+	h2,
+	h3,
+	h4,
+	h5,
+	ul,
+	ol,
+	dl,
+	p,
+	blockquote {
+		margin: 0 0 8px;
+	}
+	[hidden] {
+		display: none !important;
+	}
+	[tabindex="-1"]:focus:not(:focus-visible) {
+		outline: none;
+	}
+	legend {
+		float: left;
+		width: 100%;
+		margin: 0;
+		padding: 0;
+		display: table;
+	}
+	legend + * {
+		clear: both;
+	}
+	fieldset {
+		border: 0;
+		min-width: 0;
+		margin: 0;
+		padding: 0.01em 0 0;
+	}
+	body:not(:-moz-handler-blocked) fieldset {
+		display: table-cell;
+	}
+	svg {
+		pointer-events: none;
+	}
+`,vr=tr(`*, :before, :after {
             --w-rotate: 0;
             --w-rotate-x: 0;
             --w-rotate-y: 0;
@@ -2136,8 +2144,8 @@ var ne=Object.defineProperty;var se=Object.getOwnPropertyDescriptor;var D=a=>{th
                 overflow-wrap: break-word
             }
 
-            .before\\:content-\\[\\"–\\"\\]:before {
-                content: "–"
+            .before\\:content-\\[\\"\xE2\u20AC\u201C\\"\\]:before {
+                content: "\xE2\u20AC\u201C"
             }
 
             .before\\:content-\\[\\"\\"\\]:before {
@@ -2437,101 +2445,188 @@ var ne=Object.defineProperty;var se=Object.getOwnPropertyDescriptor;var D=a=>{th
                     display: none
                 }
             }
-        `;import{css as le}from"lit";var ee=le`
-  .w-textfield {
-    --_input-padding-top: 12px;
-    --_input-padding-left: 8px;
-    --_input-padding-right: 8px;
-    position: relative;
-  }
-
-  .w-textfield--has-prefix {
-    --_input-padding-left: 40px;
-  }
-
-  .w-textfield--has-suffix {
-    --_input-padding-right: var(--w-prefix-width, 40px);
-  }
-
-  .w-textfield__input-wrapper {
-    position: relative;
-    overflow: hidden;
-  }
-
-  .w-textfield__input-wrapper:focus-within .w-textfield__mask {
-    display: none;
-  }
-
-  /* Hide the native browser controls */
-  input[type="number"] {
-    -moz-appearance:textfield;
-  }
-
-  input[type="number"]::-webkit-inner-spin-button {
-    display: none;
-  }
-
-
-  /* It's supposed to behave like a placeholder, but look like a value. Don't tell the designers 🤫 */
-  input::placeholder {
-    color: var(--w-textfield-placeholder-color-text, var(--w-s-color-text-placeholder));
-  }
-
-  /* Could also consider giving the input mask a background color instead of this */
-  .w-textfield__input-wrapper:has(.w-textfield__mask):not(:focus-within) input {
-    color: transparent;
-  }
-
-  .w-textfield__mask {
-    display: block;
-    border: 1px solid transparent;
-    top: var(--_input-padding-top);
-    left: var(--_input-padding-left);
-    right: var(--_input-padding-right);
-    position: absolute;
-    pointer-events: none;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    z-index: 1;
-  }
-`;import{css as de}from"lit";var re=de`*,: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}.focus\\:\\[--w-outline-offset\\:-2px\\]:focus{--w-outline-offset:-2px}.bg-transparent{background-color:#0000}.border-1{border-width:1px}.rounded-4{border-radius:4px}.caret-current{caret-color:currentColor}.block{display:block}.focusable:focus{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:focus-visible{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:not(:focus-visible){outline:none}.outline-\\[--w-s-color-border-negative\\]\\!{outline-color:var(--w-s-color-border-negative)!important}.relative{position:relative}.static{position:static}.s-bg{background-color:var(--w-s-color-background)}.s-bg-disabled-subtle{background-color:var(--w-s-color-background-disabled-subtle)}.s-text{color:var(--w-s-color-text)}.s-text-disabled{color:var(--w-s-color-text-disabled)}.s-text-negative{color:var(--w-s-color-text-negative)}.s-text-subtle{color:var(--w-s-color-text-subtle)}.placeholder\\:s-text-placeholder::placeholder{color:var(--w-s-color-text-placeholder)}.s-border-disabled{border-color:var(--w-s-color-border-disabled)}.s-border-negative{border-color:var(--w-s-color-border-negative)}.s-border-strong{border-color:var(--w-s-color-border-strong)}.hover\\:s-border-negative-hover:hover{border-color:var(--w-s-color-border-negative-hover)}.hover\\:s-border-strong-hover:hover{border-color:var(--w-s-color-border-strong-hover)}.active\\:s-border-selected:active{border-color:var(--w-s-color-border-selected)}.w-full{width:100%}.min-h-\\[42\\]{min-height:4.2rem}.mb-0{margin-bottom:0}.mt-4{margin-top:.4rem}.px-8{padding-left:.8rem;padding-right:.8rem}.py-12{padding-top:1.2rem;padding-bottom:1.2rem}.pb-4{padding-bottom:.4rem}.pl-0{padding-left:0}.pl-8{padding-left:.8rem}.pr-40{padding-right:4rem}.pl-\\[var\\(--w-prefix-width\\,_40px\\)\\]{padding-left:var(--w-prefix-width,40px)}.cursor-pointer{cursor:pointer}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:grayscale}.font-bold{font-weight:700}.font-normal{font-weight:400}.pointer-events-none{pointer-events:none}.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}.text-m{font-size:var(--w-font-size-m);line-height:var(--w-line-height-m)}.text-s{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s)}.text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs)}.leading-m{line-height:var(--w-line-height-m)}@media (min-width:480px){.sm\\:min-h-\\[45\\]{min-height:4.5rem}}`;var x={base:"block text-m leading-m mb-0 px-8 py-12 rounded-4 w-full focusable focus:[--w-outline-offset:-2px] caret-current",default:"border-1 s-text s-bg s-border-strong hover:s-border-strong-hover active:s-border-selected",disabled:"border-1 s-text-disabled s-bg-disabled-subtle s-border-disabled pointer-events-none",invalid:"border-1 s-text-negative s-bg s-border-negative hover:s-border-negative-hover outline-[--w-s-color-border-negative]!",readOnly:"pl-0 bg-transparent pointer-events-none",placeholder:"placeholder:s-text-placeholder",suffix:"pr-40",prefix:"pl-[var(--w-prefix-width,_40px)]",textArea:"min-h-[42] sm:min-h-[45]"},pe={base:"antialiased block relative text-s font-bold pb-4 cursor-pointer s-text",optional:"pl-8 font-normal text-s s-text-subtle"},R={base:"text-xs mt-4 block",color:"s-text-subtle",colorInvalid:"s-text-negative"},A,te,V,i=class extends Q(oe){constructor(){super(...arguments);H(this,A);this.disabled=!1;this.invalid=!1;this.readOnly=!1;this.readonly=!1;this.required=!1;this._hasPrefix=!1;this._hasSuffix=!1;H(this,V,null)}updated(r){r.has("value")&&(this.setValue(this.value),this.formatter&&(this.mask.innerText=this.formatter(this.value)))}firstUpdated(r){K(this,V,this.value)}resetFormControl(){this.value=G(this,V)}get _inputstyles(){return j([x.base,this._hasSuffix&&x.suffix,this._hasPrefix&&x.prefix,!this.invalid&&!this.disabled&&!(this.readonly||this.readOnly)&&x.default,this.invalid&&!this.disabled&&!(this.readonly||this.readOnly)&&x.invalid,!this.invalid&&this.disabled&&!(this.readonly||this.readOnly)&&x.disabled,!this.invalid&&!this.disabled&&(this.readonly||this.readOnly)&&x.readOnly])}get _helptextstyles(){return j([R.base,this.invalid?R.colorInvalid:R.color])}get _label(){if(this.label)return P`<label for="${this._id}" class=${pe.base}>${this.label}</label>`}get _helpId(){if(this.helpText)return`${this._id}__hint`}get _id(){return"textfield"}get _error(){if(this.invalid&&this._helpId)return this._helpId}handler(r){let{name:o,value:l}=r.currentTarget;this.value=l;let u=new CustomEvent(r.type,{detail:{name:o,value:l,target:r.target}});this.dispatchEvent(u)}prefixSlotChange(){this.renderRoot.querySelector("slot[name=prefix]").assignedElements().length&&(this._hasPrefix=!0)}suffixSlotChange(){this.renderRoot.querySelector("slot[name=suffix]").assignedElements().length&&(this._hasSuffix=!0)}render(){return P`
-      ${this._label}
-      <div
-        class="${he({"w-textfield":!0,"w-textfield--has-prefix":this._hasPrefix,"w-textfield--has-suffix":this._hasSuffix})}">
-        <div class="w-textfield__input-wrapper">
-          ${this.formatter?P`<div class="w-textfield__mask"></div>`:ce}
-          <input
-            class="${this._inputstyles}"
-            type="${this.type||"text"}"
-            min="${g(this.min)}"
-            max="${g(this.max)}"
-            size="${g(this.size)}"
-            minlength="${g(this.minLength||this.minlength)}"
-            maxlength="${g(this.maxLength||this.maxlength)}"
-            name="${g(this.name)}"
-            pattern="${g(this.pattern)}"
-            placeholder="${g(this.placeholder)}"
-            .value="${this.value||""}"
-            aria-describedby="${g(this._helpId||(this.ariaDescription?"aria-description":void 0))}"
-            aria-errormessage="${g(this._error)}"
-            aria-invalid="${g(this.invalid)}"
-            id="${this._id}"
-            ?disabled="${this.disabled}"
-            ?readonly="${this.readonly||this.readOnly}"
-            ?required="${this.required}"
-            autocomplete="${g(this.autocomplete)}"
-            step="${g(this.step)}"
-            @blur="${this.handler}"
-            @change="${this.handler}"
-            @input="${this.handler}"
-            @focus="${this.handler}"
-            @keydown="${J(this,A,te)}" />
-        </div>
-        <slot @slotchange="${this.prefixSlotChange}" name="prefix"></slot>
-        <slot @slotchange="${this.suffixSlotChange}" name="suffix"></slot>
-      </div>
-      <span class="sr-only" id="aria-description">${this.ariaDescription}</span>
-      ${this.helpText&&P`<div class="${this._helptextstyles}" id="${this._helpId}">${this.helpText}</div>`}
-    `}};A=new WeakSet,te=function(r){r.key==="Enter"&&this.internals.form&&this.internals.form.requestSubmit()},V=new WeakMap,i.shadowRootOptions={...oe.shadowRootOptions,delegatesFocus:!0},i.styles=[W,re,ee],d([c({type:Boolean,reflect:!0})],i.prototype,"disabled",2),d([c({type:Boolean,reflect:!0})],i.prototype,"invalid",2),d([c({type:String,reflect:!0})],i.prototype,"label",2),d([c({type:String,reflect:!0,attribute:"help-text"})],i.prototype,"helpText",2),d([c({type:String,reflect:!0})],i.prototype,"size",2),d([c({type:Number,reflect:!0})],i.prototype,"max",2),d([c({type:Number,reflect:!0})],i.prototype,"min",2),d([c({type:Number,reflect:!0,attribute:"min-length"})],i.prototype,"minLength",2),d([c({type:Number,reflect:!0})],i.prototype,"minlength",2),d([c({type:Number,reflect:!0,attribute:"max-length"})],i.prototype,"maxLength",2),d([c({type:Number,reflect:!0})],i.prototype,"maxlength",2),d([c({type:String,reflect:!0})],i.prototype,"pattern",2),d([c({type:String,reflect:!0})],i.prototype,"placeholder",2),d([c({type:Boolean,reflect:!0,attribute:"read-only"})],i.prototype,"readOnly",2),d([c({type:Boolean,reflect:!0})],i.prototype,"readonly",2),d([c({type:Boolean,reflect:!0})],i.prototype,"required",2),d([c({type:String,reflect:!0})],i.prototype,"type",2),d([c({type:String,reflect:!0})],i.prototype,"value",2),d([c({type:String,reflect:!0})],i.prototype,"name",2),d([c({type:Number,reflect:!0})],i.prototype,"step",2),d([c({type:String,reflect:!0})],i.prototype,"autocomplete",2),d([c({attribute:!1})],i.prototype,"formatter",2),d([be(".w-textfield__mask")],i.prototype,"mask",2),d([c({type:Boolean})],i.prototype,"_hasPrefix",2),d([c({type:Boolean})],i.prototype,"_hasSuffix",2);customElements.get("w-textfield")||customElements.define("w-textfield",i);export{i as WarpTextField};
+        `);var _e=JSON.parse('{"textfield.label.optional":["Valgfri"]}');var ze=JSON.parse('{"textfield.label.optional":["Optional"]}');var Ce=JSON.parse('{"textfield.label.optional":["Valinnainen"]}');var Me=JSON.parse('{"textfield.label.optional":["Valgfri"]}');var Ee=JSON.parse('{"textfield.label.optional":["Valfritt"]}');import{css as or}from"lit";var Se=or`
+	.w-textfield {
+		--_input-padding-top: 12px;
+		--_input-padding-left: 8px;
+		--_input-padding-right: 8px;
+		position: relative;
+	}
+
+	.w-textfield--has-prefix {
+		--_input-padding-left: 40px;
+	}
+
+	.w-textfield--has-suffix {
+		--_input-padding-right: var(--w-prefix-width, 40px);
+	}
+
+	.w-textfield__input-wrapper {
+		position: relative;
+		overflow: hidden;
+	}
+
+	.w-textfield__input-wrapper:focus-within .w-textfield__mask {
+		display: none;
+	}
+
+	/* Hide the native browser controls */
+	input[type="number"] {
+		-moz-appearance: textfield;
+	}
+
+	input[type="number"]::-webkit-inner-spin-button {
+		display: none;
+	}
+
+	/* It's supposed to behave like a placeholder, but look like a value. Don't tell the designers 🤫 */
+	input::placeholder {
+		color: var(
+			--w-textfield-placeholder-color-text,
+			var(--w-s-color-text-placeholder)
+		);
+	}
+
+	/* Could also consider giving the input mask a background color instead of this */
+	.w-textfield__input-wrapper:has(.w-textfield__mask):not(:focus-within) input {
+		color: transparent;
+	}
+
+	.w-textfield__mask {
+		display: block;
+		border: 1px solid transparent;
+		top: var(--_input-padding-top);
+		left: var(--_input-padding-left);
+		right: var(--_input-padding-right);
+		position: absolute;
+		pointer-events: none;
+		white-space: nowrap;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		z-index: 1;
+	}
+`;import{unsafeCSS as ar}from"lit";var Le=ar("*,: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}.focus\\:\\[--w-outline-offset\\:-2px\\]:focus{--w-outline-offset:-2px}.bg-transparent{background-color:#0000}.border-1{border-width:1px}.rounded-4{border-radius:4px}.caret-current{caret-color:currentColor}.block{display:block}.focusable:focus{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:focus-visible{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:not(:focus-visible){outline:none}.outline-\\[--w-s-color-border-negative\\]\\!{outline-color:var(--w-s-color-border-negative)!important}.relative{position:relative}.static{position:static}.s-bg{background-color:var(--w-s-color-background)}.s-bg-disabled-subtle{background-color:var(--w-s-color-background-disabled-subtle)}.s-text{color:var(--w-s-color-text)}.s-text-disabled{color:var(--w-s-color-text-disabled)}.s-text-negative{color:var(--w-s-color-text-negative)}.s-text-subtle{color:var(--w-s-color-text-subtle)}.placeholder\\:s-text-placeholder::placeholder{color:var(--w-s-color-text-placeholder)}.s-border-disabled{border-color:var(--w-s-color-border-disabled)}.s-border-negative{border-color:var(--w-s-color-border-negative)}.s-border-strong{border-color:var(--w-s-color-border-strong)}.hover\\:s-border-negative-hover:hover{border-color:var(--w-s-color-border-negative-hover)}.hover\\:s-border-strong-hover:hover{border-color:var(--w-s-color-border-strong-hover)}.active\\:s-border-selected:active{border-color:var(--w-s-color-border-selected)}.w-full{width:100%}.min-h-\\[42\\]{min-height:4.2rem}.mb-0{margin-bottom:0}.mt-4{margin-top:.4rem}.px-8{padding-left:.8rem;padding-right:.8rem}.py-12{padding-top:1.2rem;padding-bottom:1.2rem}.pb-4{padding-bottom:.4rem}.pl-0{padding-left:0}.pl-8{padding-left:.8rem}.pr-40{padding-right:4rem}.pl-\\[var\\(--w-prefix-width\\,_40px\\)\\]{padding-left:var(--w-prefix-width,40px)}.visible{visibility:visible}.cursor-pointer{cursor:pointer}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:grayscale}.font-bold{font-weight:700}.font-normal{font-weight:400}.pointer-events-none{pointer-events:none}.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}.text-m{font-size:var(--w-font-size-m);line-height:var(--w-line-height-m)}.text-s{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s)}.text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs)}.leading-m{line-height:var(--w-line-height-m)}@media (min-width:480px){.sm\\:min-h-\\[45\\]{min-height:4.5rem}}");import{css as $e}from"lit";var Ve=$e`
+	/* Label component tokens with semantic fallbacks */
+	label {
+		/* Internal tokens - not part of public API */
+		--_color: var(--w-c-input-label-color, var(--w-s-color-text));
+		--_font-size: var(--w-c-input-label-font-size, var(--w-font-size-s));
+		--_line-height: var(--w-c-input-label-line-height, var(--w-line-height-s));
+		--_font-weight: var(--w-c-input-label-font-weight, 700);
+		--_padding-bottom: var(--w-c-input-label-padding-bottom, 0.4rem);
+		--_cursor: var(--w-c-input-label-cursor, pointer);
+		--_display: var(--w-c-input-label-display, block);
+
+		/* Apply styles */
+		display: var(--_display);
+		position: relative;
+		font-size: var(--_font-size);
+		line-height: var(--_line-height);
+		font-weight: var(--_font-weight);
+		padding-bottom: var(--_padding-bottom);
+		cursor: var(--_cursor);
+		color: var(--_color);
+		-webkit-font-smoothing: antialiased;
+		-moz-osx-font-smoothing: grayscale;
+	}
+
+	/* Optional text styling */
+	label span {
+		--_padding-left: var(--w-c-input-optional-padding-left, 0.8rem);
+		--_font-weight: var(--w-c-input-optional-font-weight, 400);
+		--_font-size: var(--w-c-input-optional-font-size, var(--w-font-size-s));
+		--_line-height: var(
+			--w-c-input-optional-line-height,
+			var(--w-line-height-s)
+		);
+		--_color: var(--w-c-input-optional-color, var(--w-s-color-text-subtle));
+
+		padding-left: var(--_padding-left);
+		font-weight: var(--_font-weight);
+		font-size: var(--_font-size);
+		line-height: var(--_line-height);
+		color: var(--_color);
+	}
+`,Pe=$e`
+	/* Help text component tokens with semantic fallbacks */
+	:host {
+		--_help-text-color: var(
+			--w-c-input-help-text-color,
+			var(--w-s-color-text-subtle)
+		);
+		--_help-text-font-size: var(
+			--w-c-input-help-text-font-size,
+			var(--w-font-size-xs)
+		);
+		--_help-text-line-height: var(
+			--w-c-input-help-text-line-height,
+			var(--w-line-height-xs)
+		);
+		--_help-text-margin-top: var(--w-c-input-help-text-margin-top, 0.4rem);
+		--_help-text-display: var(--w-c-input-help-text-display, block);
+	}
+
+	/* Invalid state overrides color */
+	:host([invalid]) {
+		--_help-text-color: var(
+			--w-c-input-help-text-color-invalid,
+			var(--w-s-color-text-negative)
+		);
+	}
+
+	.help-text {
+		font-size: var(--_help-text-font-size);
+		line-height: var(--_help-text-line-height);
+		margin-top: var(--_help-text-margin-top);
+		display: var(--_help-text-display);
+		color: var(--_help-text-color);
+	}
+`;var P={base:"block text-m leading-m mb-0 px-8 py-12 rounded-4 w-full focusable focus:[--w-outline-offset:-2px] caret-current",default:"border-1 s-text s-bg s-border-strong hover:s-border-strong-hover active:s-border-selected",disabled:"border-1 s-text-disabled s-bg-disabled-subtle s-border-disabled pointer-events-none",invalid:"border-1 s-text-negative s-bg s-border-negative hover:s-border-negative-hover outline-[--w-s-color-border-negative]!",readOnly:"pl-0 bg-transparent pointer-events-none",placeholder:"placeholder:s-text-placeholder",suffix:"pr-40",prefix:"pl-[var(--w-prefix-width,_40px)]",textArea:"min-h-[42] sm:min-h-[45]"},T,Ne,H,d=class extends ge(Fe){constructor(){super();J(this,T);this.disabled=!1;this.invalid=!1;this.optional=!1;this.readOnly=!1;this.readonly=!1;this.required=!1;this._hasPrefix=!1;this._hasSuffix=!1;J(this,H);we(ze,Me,Ce,_e,Ee)}updated(r){r.has("value")&&typeof this.value<"u"&&(this.setValue(this.value),this.formatter&&this.mask&&(this.mask.innerText=this.formatter(this.value)))}firstUpdated(){se(this,H,this.value)}resetFormControl(){this.value=ne(this,H)}get _inputstyles(){return K([P.base,this._hasSuffix&&P.suffix,this._hasPrefix&&P.prefix,!this.invalid&&!this.disabled&&!(this.readonly||this.readOnly)&&P.default,this.invalid&&!this.disabled&&!(this.readonly||this.readOnly)&&P.invalid,!this.invalid&&this.disabled&&!(this.readonly||this.readOnly)&&P.disabled,!this.invalid&&!this.disabled&&(this.readonly||this.readOnly)&&P.readOnly])}get _helptextstyles(){return"help-text"}get _label(){if(this.label)return D`<label for="${this._id}"
+				>${this.label}${this.label.length&&this.optional&&!this.required?D` <span>
+							${_._({id:"textfield.label.optional",message:"Optional",comment:"Shown behind label when marked as optional"})}
+						</span>`:Oe}</label
+			>`}get _helpId(){if(this.helpText)return`${this._id}__hint`}get _id(){return"textfield"}get _error(){if(this.invalid&&this._helpId)return this._helpId}handler(r){let{name:t,value:a}=r.currentTarget;this.value=a;let l={name:t,value:a,target:r.target},s=new Proxy(l,{get(b,f){return typeof window<"u"&&(window.location.host.startsWith("www")||console.warn("w-textfield's CustomEvent is deprecated, please use the browser-native events instead (e.g. replace e.detail.value with e.target.value)")),b[f]}}),i=new CustomEvent(r.type,{detail:s});this.dispatchEvent(i)}prefixSlotChange(){this.renderRoot.querySelector("slot[name=prefix]").assignedElements().length&&(this._hasPrefix=!0)}suffixSlotChange(){this.renderRoot.querySelector("slot[name=suffix]").assignedElements().length&&(this._hasSuffix=!0)}render(){return D`
+			${this._label}
+			<div
+				class="${nr({"w-textfield":!0,"w-textfield--has-prefix":this._hasPrefix,"w-textfield--has-suffix":this._hasSuffix})}"
+			>
+				<div class="w-textfield__input-wrapper">
+					${this.formatter?D`<div class="w-textfield__mask"></div>`:Oe}
+					<input
+						part="input"
+						class="${this._inputstyles}"
+						type="${this.type||"text"}"
+						min="${x(this.min)}"
+						max="${x(this.max)}"
+						size="${x(this.size)}"
+						minlength="${x(this.minLength||this.minlength)}"
+						maxlength="${x(this.maxLength||this.maxlength)}"
+						name="${x(this.name)}"
+						pattern="${x(this.pattern)}"
+						placeholder="${x(this.placeholder)}"
+						.value="${this.value||""}"
+						aria-describedby="${x(this._helpId||(this.ariaDescription?"aria-description":void 0))}"
+						aria-errormessage="${x(this._error)}"
+						aria-invalid="${x(this.invalid)}"
+						id="${this._id}"
+						?disabled="${this.disabled}"
+						?readonly="${this.readonly||this.readOnly}"
+						?required="${this.required}"
+						autocomplete="${x(this.autocomplete)}"
+						step="${x(this.step)}"
+						@blur="${this.handler}"
+						@change="${this.handler}"
+						@input="${this.handler}"
+						@focus="${this.handler}"
+						@keydown="${le(this,T,Ne)}"
+					/>
+				</div>
+				<slot @slotchange="${this.prefixSlotChange}" name="prefix"></slot>
+				<slot @slotchange="${this.suffixSlotChange}" name="suffix"></slot>
+			</div>
+			<span class="sr-only" id="aria-description">${this.ariaDescription}</span>
+			${this.helpText&&D`<div class="${this._helptextstyles}" id="${this._helpId}">
+				${this.helpText}
+			</div>`}
+		`}};T=new WeakSet,Ne=function(r){r.key==="Enter"&&this.internals.form&&this.internals.form.requestSubmit()},H=new WeakMap,d.shadowRootOptions={...Fe.shadowRootOptions,delegatesFocus:!0},d.styles=[ke,Le,Se,Ve,Pe],p([u({type:Boolean,reflect:!0})],d.prototype,"disabled",2),p([u({type:Boolean,reflect:!0})],d.prototype,"invalid",2),p([u({type:String,reflect:!0})],d.prototype,"label",2),p([u({type:String,reflect:!0,attribute:"help-text"})],d.prototype,"helpText",2),p([u({type:Boolean,reflect:!0})],d.prototype,"optional",2),p([u({type:String,reflect:!0})],d.prototype,"size",2),p([u({type:Number,reflect:!0})],d.prototype,"max",2),p([u({type:Number,reflect:!0})],d.prototype,"min",2),p([u({type:Number,reflect:!0,attribute:"min-length"})],d.prototype,"minLength",2),p([u({type:Number,reflect:!0})],d.prototype,"minlength",2),p([u({type:Number,reflect:!0,attribute:"max-length"})],d.prototype,"maxLength",2),p([u({type:Number,reflect:!0})],d.prototype,"maxlength",2),p([u({type:String,reflect:!0})],d.prototype,"pattern",2),p([u({type:String,reflect:!0})],d.prototype,"placeholder",2),p([u({type:Boolean,reflect:!0,attribute:"read-only"})],d.prototype,"readOnly",2),p([u({type:Boolean,reflect:!0})],d.prototype,"readonly",2),p([u({type:Boolean,reflect:!0})],d.prototype,"required",2),p([u({type:String,reflect:!0})],d.prototype,"type",2),p([u({type:String,reflect:!0})],d.prototype,"value",2),p([u({type:String,reflect:!0})],d.prototype,"name",2),p([u({type:Number,reflect:!0})],d.prototype,"step",2),p([u({type:String,reflect:!0})],d.prototype,"autocomplete",2),p([u({attribute:!1})],d.prototype,"formatter",2),p([ir(".w-textfield__mask")],d.prototype,"mask",2),p([u({type:Boolean})],d.prototype,"_hasPrefix",2),p([u({type:Boolean})],d.prototype,"_hasSuffix",2);customElements.get("w-textfield")||customElements.define("w-textfield",d);export{d as WarpTextField};
 //# sourceMappingURL=textfield.js.map