@warp-ds/elements 2.3.0-next.8 → 2.3.0

package/dist/packages/select/index.d.ts

@@ -8,13 +8,28 @@ declare const WarpSelect_base: import("@open-wc/form-control").Constructor<impor
  */
 export declare class WarpSelect extends WarpSelect_base {
     #private;
-    /** Whether the element should receive focus on render */
+    /**
+     * Whether the element should receive focus on render.
+     * @deprecated Use the native `autofocus` attribute instead.
+     */
     autoFocus: boolean;
-    /** Renders the field in an invalid state. Often paired with `hint` to provide feedback about the error */
+    /** Whether the element should receive focus on render */
+    autofocus: boolean;
+    /**
+     * The content displayed as the help text. Paired with `invalid` to show the text as a validation error.
+     */
+    helpText: string;
+    /** Renders the field in an invalid state. Paired with `help-text` to provide feedback about the error. */
     invalid: boolean;
-    /** Whether to always show a hint */
+    /**
+     * Whether to always show a hint.
+     * @deprecated Use `help-text` instead and only set it if you want to display the help text.
+     */
     always: boolean;
-    /** The content displayed as the help text */
+    /**
+     * The content displayed as the help text.
+     * @deprecated Use `help-text` instead.
+     */
     hint: string;
     /** The content to disply as the label */
     label: string;
@@ -22,14 +37,20 @@ export declare class WarpSelect extends WarpSelect_base {
     optional: boolean;
     /** Renders the field in a disabled state. */
     disabled: boolean;
-    /** Renders the field in a readonly state. */
+    /**
+     * Renders the field in a readonly state.
+     * @deprecated Use the native readonly attribute instead.
+     */
     readOnly: boolean;
+    /** Renders the field in a readonly state. */
+    readonly: boolean;
     /** @internal */
     _options: Array<TemplateResult>;
     name: string;
     value: string;
     static styles: import("lit").CSSResult[];
     constructor();
+    resetFormControl(): void;
     /** @internal */
     _setValue: (value: string) => void;
     connectedCallback(): void;

package/dist/packages/select/index.js

@@ -1,5 +1,5 @@
-var Xe=Object.create;var re=Object.defineProperty;var he=Object.getOwnPropertyDescriptor;var Ze=Object.getOwnPropertyNames;var Je=Object.getPrototypeOf,qe=Object.prototype.hasOwnProperty;var ue=r=>{throw TypeError(r)};var pe=(r,e)=>()=>(e||r((e={exports:{}}).exports,e),e.exports);var Ge=(r,e,o,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of Ze(e))!qe.call(r,a)&&a!==o&&re(r,a,{get:()=>e[a],enumerable:!(t=he(e,a))||t.enumerable});return r};var Ke=(r,e,o)=>(o=r!=null?Xe(Je(r)):{},Ge(e||!r||!r.__esModule?re(o,"default",{value:r,enumerable:!0}):o,r));var _=(r,e,o,t)=>{for(var a=t>1?void 0:t?he(e,o):e,s=r.length-1,i;s>=0;s--)(i=r[s])&&(a=(t?i(e,o,a):i(a))||a);return t&&a&&re(e,o,a),a};var We=(r,e,o)=>e.has(r)||ue("Cannot "+o);var M=(r,e,o)=>(We(r,e,"read from private field"),o?o.call(r):e.get(r)),ge=(r,e,o)=>e.has(r)?ue("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(r):e.set(r,o);var ve=pe(P=>{"use strict";Object.defineProperty(P,"__esModule",{value:!0});P.errorMessages=P.ErrorType=void 0;var j;(function(r){r.MalformedUnicode="MALFORMED_UNICODE",r.MalformedHexadecimal="MALFORMED_HEXADECIMAL",r.CodePointLimit="CODE_POINT_LIMIT",r.OctalDeprecation="OCTAL_DEPRECATION",r.EndOfString="END_OF_STRING"})(j=P.ErrorType||(P.ErrorType={}));P.errorMessages=new Map([[j.MalformedUnicode,"malformed Unicode character escape sequence"],[j.MalformedHexadecimal,"malformed hexadecimal character escape sequence"],[j.CodePointLimit,"Unicode codepoint must not be greater than 0x10FFFF in escape sequence"],[j.OctalDeprecation,'"0"-prefixed octal literals and octal escape sequences are deprecated; for octal literals use the "0o" prefix instead'],[j.EndOfString,"malformed escape sequence at end of string"]])});var we=pe(O=>{"use strict";Object.defineProperty(O,"__esModule",{value:!0});O.unraw=O.errorMessages=O.ErrorType=void 0;var f=ve();Object.defineProperty(O,"ErrorType",{enumerable:!0,get:function(){return f.ErrorType}});Object.defineProperty(O,"errorMessages",{enumerable:!0,get:function(){return f.errorMessages}});function Qe(r){return!r.match(/[^a-f0-9]/i)?parseInt(r,16):NaN}function Z(r,e,o){let t=Qe(r);if(Number.isNaN(t)||o!==void 0&&o!==r.length)throw new SyntaxError(f.errorMessages.get(e));return t}function er(r){let e=Z(r,f.ErrorType.MalformedHexadecimal,2);return String.fromCharCode(e)}function me(r,e){let o=Z(r,f.ErrorType.MalformedUnicode,4);if(e!==void 0){let t=Z(e,f.ErrorType.MalformedUnicode,4);return String.fromCharCode(o,t)}return String.fromCharCode(o)}function rr(r){return r.charAt(0)==="{"&&r.charAt(r.length-1)==="}"}function or(r){if(!rr(r))throw new SyntaxError(f.errorMessages.get(f.ErrorType.MalformedUnicode));let e=r.slice(1,-1),o=Z(e,f.ErrorType.MalformedUnicode);try{return String.fromCodePoint(o)}catch(t){throw t instanceof RangeError?new SyntaxError(f.errorMessages.get(f.ErrorType.CodePointLimit)):t}}function tr(r,e=!1){if(e)throw new SyntaxError(f.errorMessages.get(f.ErrorType.OctalDeprecation));let o=parseInt(r,8);return String.fromCharCode(o)}var ar=new Map([["b","\b"],["f","\f"],["n",`
-`],["r","\r"],["t","	"],["v","\v"],["0","\0"]]);function ir(r){return ar.get(r)||r}var nr=/\\(?:(\\)|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(r,e=!1){return r.replace(nr,function(o,t,a,s,i,n,c,h,v){if(t!==void 0)return"\\";if(a!==void 0)return er(a);if(s!==void 0)return or(s);if(i!==void 0)return me(i,n);if(c!==void 0)return me(c);if(h==="0")return"\0";if(h!==void 0)return tr(h,!e);if(v!==void 0)return ir(v);throw new SyntaxError(f.errorMessages.get(f.ErrorType.EndOfString))})}O.unraw=fe;O.default=fe});import{css as Sr,html as I,LitElement as Pr}from"lit";var X=function(){for(var r=[],e=arguments.length;e--;)r[e]=arguments[e];return r.reduce(function(o,t){return o.concat(typeof t=="string"?t:Array.isArray(t)?X.apply(void 0,t):typeof t=="object"&&t?Object.keys(t).map(function(a){return t[a]?a:""}):"")},[]).join(" ")};var ye=Ke(we(),1);var $=r=>typeof r=="string",sr=r=>typeof r=="function",xe=new Map,_e="en";function ie(r){return[...Array.isArray(r)?r:[r],_e]}function ne(r,e,o){let t=ie(r);o||(o="default");let a;if(typeof o=="string")switch(a={day:"numeric",month:"short",year:"numeric"},o){case"full":a.weekday="long";case"long":a.month="long";break;case"short":a.month="numeric";break}else a=o;return J(()=>q("date",t,o),()=>new Intl.DateTimeFormat(t,a)).format($(e)?new Date(e):e)}function lr(r,e,o){let t;if(o||(o="default"),typeof o=="string")switch(t={second:"numeric",minute:"numeric",hour:"numeric"},o){case"full":case"long":t.timeZoneName="short";break;case"short":delete t.second}else t=o;return ne(r,e,t)}function oe(r,e,o){let t=ie(r);return J(()=>q("number",t,o),()=>new Intl.NumberFormat(t,o)).format(e)}function ke(r,e,o,{offset:t=0,...a}){var n,c;let s=ie(r),i=e?J(()=>q("plural-ordinal",s),()=>new Intl.PluralRules(s,{type:"ordinal"})):J(()=>q("plural-cardinal",s),()=>new Intl.PluralRules(s,{type:"cardinal"}));return(c=(n=a[o])!=null?n:a[i.select(o-t)])!=null?c:a.other}function J(r,e){let o=r(),t=xe.get(o);return t||(t=e(),xe.set(o,t)),t}function q(r,e,o){let t=e.join("-");return`${r}-${t}-${JSON.stringify(o)}`}var Ce=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,ze="%__lingui_octothorpe__%",cr=(r,e,o={})=>{let t=e||r,a=i=>typeof i=="object"?i:o[i],s=(i,n)=>{let c=Object.keys(o).length?a("number"):void 0,h=oe(t,i,c);return n.replace(new RegExp(ze,"g"),h)};return{plural:(i,n)=>{let{offset:c=0}=n,h=ke(t,!1,i,n);return s(i-c,h)},selectordinal:(i,n)=>{let{offset:c=0}=n,h=ke(t,!0,i,n);return s(i-c,h)},select:dr,number:(i,n)=>oe(t,i,a(n)||{style:n}),date:(i,n)=>ne(t,i,a(n)||n),time:(i,n)=>lr(t,i,a(n)||n)}},dr=(r,e)=>{var o;return(o=e[r])!=null?o:e.other};function br(r,e,o){return(t={},a)=>{let s=cr(e,o,a),i=(c,h=!1)=>Array.isArray(c)?c.reduce((v,C)=>{if(C==="#"&&h)return v+ze;if($(C))return v+C;let[F,k,A]=C,T={};k==="plural"||k==="selectordinal"||k==="select"?Object.entries(A).forEach(([S,Y])=>{T[S]=i(Y,k==="plural"||k==="selectordinal")}):T=A;let x;if(k){let S=s[k];x=S(t[F],T)}else x=t[F];return x==null?v:v+x},""):c,n=i(r);return $(n)&&Ce.test(n)?(0,ye.unraw)(n):$(n)?n:n?String(n):""}}var hr=Object.defineProperty,ur=(r,e,o)=>e in r?hr(r,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):r[e]=o,pr=(r,e,o)=>(ur(r,typeof e!="symbol"?e+"":e,o),o),te=class{constructor(){pr(this,"_events",{})}on(e,o){var a;var t;return(a=(t=this._events)[e])!=null||(t[e]=[]),this._events[e].push(o),()=>this.removeListener(e,o)}removeListener(e,o){let t=this._getListeners(e);if(!t)return;let a=t.indexOf(o);~a&&t.splice(a,1)}emit(e,...o){let t=this._getListeners(e);t&&t.map(a=>a.apply(this,o))}_getListeners(e){let o=this._events[e];return Array.isArray(o)?o:!1}},gr=Object.defineProperty,vr=(r,e,o)=>e in r?gr(r,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):r[e]=o,D=(r,e,o)=>(vr(r,typeof e!="symbol"?e+"":e,o),o),ae=class extends te{constructor(e){var o;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((o=e.locale)!=null?o:_e,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,o){let t=this._localeData[e];t?Object.assign(t,o):this._localeData[e]=o}setMessagesCompiler(e){return this._messageCompiler=e,this}loadLocaleData(e,o){typeof e=="string"?this._loadLocaleData(e,o):Object.keys(e).forEach(t=>this._loadLocaleData(t,e[t])),this.emit("change")}_load(e,o){let t=this._messages[e];t?Object.assign(t,o):this._messages[e]=o}load(e,o){typeof e=="string"&&typeof o=="object"?this._load(e,o):Object.entries(e).forEach(([t,a])=>this._load(t,a)),this.emit("change")}loadAndActivate({locale:e,locales:o,messages:t}){this._locale=e,this._locales=o||void 0,this._messages[this._locale]=t,this.emit("change")}activate(e,o){this._locale=e,this._locales=o,this.emit("change")}_(e,o,t){if(!this.locale)throw new Error("Lingui: Attempted to call a translation function without setting a locale.\nMake sure to call `i18n.activate(locale)` before using Lingui functions.\nThis issue may also occur due to a race condition in your initialization logic.");let a=t==null?void 0:t.message;e||(e=""),$(e)||(o=e.values||o,a=e.message,e=e.id);let s=this.messages[e],i=s===void 0,n=this._missing;if(n&&i)return sr(n)?n(this._locale,e):n;i&&this.emit("missing",{id:e,locale:this._locale});let c=s||a||e;return $(c)&&(this._messageCompiler?c=this._messageCompiler(c):console.warn(`Uncompiled message detected! Message:
+var qe=Object.create;var oe=Object.defineProperty;var pe=Object.getOwnPropertyDescriptor;var Ge=Object.getOwnPropertyNames;var Ke=Object.getPrototypeOf,We=Object.prototype.hasOwnProperty;var ge=r=>{throw TypeError(r)};var ve=(r,e)=>()=>(e||r((e={exports:{}}).exports,e),e.exports);var Qe=(r,e,o,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of Ge(e))!We.call(r,a)&&a!==o&&oe(r,a,{get:()=>e[a],enumerable:!(t=pe(e,a))||t.enumerable});return r};var er=(r,e,o)=>(o=r!=null?qe(Ke(r)):{},Qe(e||!r||!r.__esModule?oe(o,"default",{value:r,enumerable:!0}):o,r));var w=(r,e,o,t)=>{for(var a=t>1?void 0:t?pe(e,o):e,s=r.length-1,i;s>=0;s--)(i=r[s])&&(a=(t?i(e,o,a):i(a))||a);return t&&a&&oe(e,o,a),a};var me=(r,e,o)=>e.has(r)||ge("Cannot "+o);var M=(r,e,o)=>(me(r,e,"read from private field"),o?o.call(r):e.get(r)),te=(r,e,o)=>e.has(r)?ge("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(r):e.set(r,o),fe=(r,e,o,t)=>(me(r,e,"write to private field"),t?t.call(r,o):e.set(r,o),o);var we=ve(P=>{"use strict";Object.defineProperty(P,"__esModule",{value:!0});P.errorMessages=P.ErrorType=void 0;var j;(function(r){r.MalformedUnicode="MALFORMED_UNICODE",r.MalformedHexadecimal="MALFORMED_HEXADECIMAL",r.CodePointLimit="CODE_POINT_LIMIT",r.OctalDeprecation="OCTAL_DEPRECATION",r.EndOfString="END_OF_STRING"})(j=P.ErrorType||(P.ErrorType={}));P.errorMessages=new Map([[j.MalformedUnicode,"malformed Unicode character escape sequence"],[j.MalformedHexadecimal,"malformed hexadecimal character escape sequence"],[j.CodePointLimit,"Unicode codepoint must not be greater than 0x10FFFF in escape sequence"],[j.OctalDeprecation,'"0"-prefixed octal literals and octal escape sequences are deprecated; for octal literals use the "0o" prefix instead'],[j.EndOfString,"malformed escape sequence at end of string"]])});var ye=ve(O=>{"use strict";Object.defineProperty(O,"__esModule",{value:!0});O.unraw=O.errorMessages=O.ErrorType=void 0;var x=we();Object.defineProperty(O,"ErrorType",{enumerable:!0,get:function(){return x.ErrorType}});Object.defineProperty(O,"errorMessages",{enumerable:!0,get:function(){return x.errorMessages}});function rr(r){return!r.match(/[^a-f0-9]/i)?parseInt(r,16):NaN}function J(r,e,o){let t=rr(r);if(Number.isNaN(t)||o!==void 0&&o!==r.length)throw new SyntaxError(x.errorMessages.get(e));return t}function or(r){let e=J(r,x.ErrorType.MalformedHexadecimal,2);return String.fromCharCode(e)}function xe(r,e){let o=J(r,x.ErrorType.MalformedUnicode,4);if(e!==void 0){let t=J(e,x.ErrorType.MalformedUnicode,4);return String.fromCharCode(o,t)}return String.fromCharCode(o)}function tr(r){return r.charAt(0)==="{"&&r.charAt(r.length-1)==="}"}function ar(r){if(!tr(r))throw new SyntaxError(x.errorMessages.get(x.ErrorType.MalformedUnicode));let e=r.slice(1,-1),o=J(e,x.ErrorType.MalformedUnicode);try{return String.fromCodePoint(o)}catch(t){throw t instanceof RangeError?new SyntaxError(x.errorMessages.get(x.ErrorType.CodePointLimit)):t}}function ir(r,e=!1){if(e)throw new SyntaxError(x.errorMessages.get(x.ErrorType.OctalDeprecation));let o=parseInt(r,8);return String.fromCharCode(o)}var nr=new Map([["b","\b"],["f","\f"],["n",`
+`],["r","\r"],["t","	"],["v","\v"],["0","\0"]]);function sr(r){return nr.get(r)||r}var lr=/\\(?:(\\)|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 ke(r,e=!1){return r.replace(lr,function(o,t,a,s,i,n,c,h,m){if(t!==void 0)return"\\";if(a!==void 0)return or(a);if(s!==void 0)return ar(s);if(i!==void 0)return xe(i,n);if(c!==void 0)return xe(c);if(h==="0")return"\0";if(h!==void 0)return ir(h,!e);if(m!==void 0)return sr(m);throw new SyntaxError(x.errorMessages.get(x.ErrorType.EndOfString))})}O.unraw=ke;O.default=ke});import{css as Dr,html as I,LitElement as Vr}from"lit";var X=function(){for(var r=[],e=arguments.length;e--;)r[e]=arguments[e];return r.reduce(function(o,t){return o.concat(typeof t=="string"?t:Array.isArray(t)?X.apply(void 0,t):typeof t=="object"&&t?Object.keys(t).map(function(a){return t[a]?a:""}):"")},[]).join(" ")};var ze=er(ye(),1);var A=r=>typeof r=="string",cr=r=>typeof r=="function",_e=new Map,Me="en";function se(r){return[...Array.isArray(r)?r:[r],Me]}function le(r,e,o){let t=se(r);o||(o="default");let a;if(typeof o=="string")switch(a={day:"numeric",month:"short",year:"numeric"},o){case"full":a.weekday="long";case"long":a.month="long";break;case"short":a.month="numeric";break}else a=o;return q(()=>G("date",t,o),()=>new Intl.DateTimeFormat(t,a)).format(A(e)?new Date(e):e)}function dr(r,e,o){let t;if(o||(o="default"),typeof o=="string")switch(t={second:"numeric",minute:"numeric",hour:"numeric"},o){case"full":case"long":t.timeZoneName="short";break;case"short":delete t.second}else t=o;return le(r,e,t)}function ae(r,e,o){let t=se(r);return q(()=>G("number",t,o),()=>new Intl.NumberFormat(t,o)).format(e)}function Ce(r,e,o,{offset:t=0,...a}){var n,c;let s=se(r),i=e?q(()=>G("plural-ordinal",s),()=>new Intl.PluralRules(s,{type:"ordinal"})):q(()=>G("plural-cardinal",s),()=>new Intl.PluralRules(s,{type:"cardinal"}));return(c=(n=a[o])!=null?n:a[i.select(o-t)])!=null?c:a.other}function q(r,e){let o=r(),t=_e.get(o);return t||(t=e(),_e.set(o,t)),t}function G(r,e,o){let t=e.join("-");return`${r}-${t}-${JSON.stringify(o)}`}var Ee=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,Fe="%__lingui_octothorpe__%",br=(r,e,o={})=>{let t=e||r,a=i=>typeof i=="object"?i:o[i],s=(i,n)=>{let c=Object.keys(o).length?a("number"):void 0,h=ae(t,i,c);return n.replace(new RegExp(Fe,"g"),h)};return{plural:(i,n)=>{let{offset:c=0}=n,h=Ce(t,!1,i,n);return s(i-c,h)},selectordinal:(i,n)=>{let{offset:c=0}=n,h=Ce(t,!0,i,n);return s(i-c,h)},select:hr,number:(i,n)=>ae(t,i,a(n)||{style:n}),date:(i,n)=>le(t,i,a(n)||n),time:(i,n)=>dr(t,i,a(n)||n)}},hr=(r,e)=>{var o;return(o=e[r])!=null?o:e.other};function ur(r,e,o){return(t={},a)=>{let s=br(e,o,a),i=(c,h=!1)=>Array.isArray(c)?c.reduce((m,z)=>{if(z==="#"&&h)return m+Fe;if(A(z))return m+z;let[F,_,T]=z,$={};_==="plural"||_==="selectordinal"||_==="select"?Object.entries(T).forEach(([S,Y])=>{$[S]=i(Y,_==="plural"||_==="selectordinal")}):$=T;let y;if(_){let S=s[_];y=S(t[F],$)}else y=t[F];return y==null?m:m+y},""):c,n=i(r);return A(n)&&Ee.test(n)?(0,ze.unraw)(n):A(n)?n:n?String(n):""}}var pr=Object.defineProperty,gr=(r,e,o)=>e in r?pr(r,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):r[e]=o,vr=(r,e,o)=>(gr(r,typeof e!="symbol"?e+"":e,o),o),ie=class{constructor(){vr(this,"_events",{})}on(e,o){var a;var t;return(a=(t=this._events)[e])!=null||(t[e]=[]),this._events[e].push(o),()=>this.removeListener(e,o)}removeListener(e,o){let t=this._getListeners(e);if(!t)return;let a=t.indexOf(o);~a&&t.splice(a,1)}emit(e,...o){let t=this._getListeners(e);t&&t.map(a=>a.apply(this,o))}_getListeners(e){let o=this._events[e];return Array.isArray(o)?o:!1}},mr=Object.defineProperty,fr=(r,e,o)=>e in r?mr(r,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):r[e]=o,D=(r,e,o)=>(fr(r,typeof e!="symbol"?e+"":e,o),o),ne=class extends ie{constructor(e){var o;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((o=e.locale)!=null?o:Me,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,o){let t=this._localeData[e];t?Object.assign(t,o):this._localeData[e]=o}setMessagesCompiler(e){return this._messageCompiler=e,this}loadLocaleData(e,o){typeof e=="string"?this._loadLocaleData(e,o):Object.keys(e).forEach(t=>this._loadLocaleData(t,e[t])),this.emit("change")}_load(e,o){let t=this._messages[e];t?Object.assign(t,o):this._messages[e]=o}load(e,o){typeof e=="string"&&typeof o=="object"?this._load(e,o):Object.entries(e).forEach(([t,a])=>this._load(t,a)),this.emit("change")}loadAndActivate({locale:e,locales:o,messages:t}){this._locale=e,this._locales=o||void 0,this._messages[this._locale]=t,this.emit("change")}activate(e,o){this._locale=e,this._locales=o,this.emit("change")}_(e,o,t){if(!this.locale)throw new Error("Lingui: Attempted to call a translation function without setting a locale.\nMake sure to call `i18n.activate(locale)` before using Lingui functions.\nThis issue may also occur due to a race condition in your initialization logic.");let a=t==null?void 0:t.message;e||(e=""),A(e)||(o=e.values||o,a=e.message,e=e.id);let s=this.messages[e],i=s===void 0,n=this._missing;if(n&&i)return cr(n)?n(this._locale,e):n;i&&this.emit("missing",{id:e,locale:this._locale});let c=s||a||e;return A(c)&&(this._messageCompiler?c=this._messageCompiler(c):console.warn(`Uncompiled message detected! Message:
 
 > ${c}
 
@@ -7,7 +7,7 @@ That means you use raw catalog or your catalog doesn't have a translation for th
 ICU features such as interpolation and plurals will not work properly for that message. 
 
 Please compile your catalog first. 
-`)),$(c)&&Ce.test(c)?JSON.parse(`"${c}"`):$(c)?c:br(c,this._locale,this._locales)(o,t==null?void 0:t.formats)}date(e,o){return ne(this._locales||this._locale,e,o)}number(e,o){return oe(this._locales||this._locale,e,o)}};function mr(r={}){return new ae(r)}var E=mr();var b=function(r,e,o,t){if(o==="a"&&!t)throw new TypeError("Private accessor was defined without a getter");if(typeof e=="function"?r!==e||!t:!e.has(r))throw new TypeError("Cannot read private member from an object whose class did not declare it");return o==="m"?t:o==="a"?t.call(r):t?t.value:e.get(r)},p=function(r,e,o,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"?r!==e||!a:!e.has(r))throw new TypeError("Cannot write private member to an object whose class did not declare it");return t==="a"?a.call(r,o):a?a.value=o:e.set(r,o),o};function Me(r){var e,o,t,a,s,i,n,c,h,v,C,F,k,A,T,x,S,Y,W;class He extends r{constructor(...l){var d,u,g;super(...l),e.add(this),this.internals=this.attachInternals(),o.set(this,!1),t.set(this,!1),a.set(this,!1),s.set(this,void 0),i.set(this,void 0),n.set(this,!0),h.set(this,""),v.set(this,()=>{p(this,a,!0,"f"),p(this,o,!0,"f"),b(this,e,"m",x).call(this)}),C.set(this,()=>{p(this,o,!1,"f"),b(this,e,"m",S).call(this,this.shouldFormValueUpdate()?b(this,h,"f"):""),!this.validity.valid&&b(this,a,"f")&&p(this,t,!0,"f");let L=b(this,e,"m",x).call(this);this.validationMessageCallback&&this.validationMessageCallback(L?this.internals.validationMessage:"")}),F.set(this,()=>{var L;b(this,n,"f")&&this.validationTarget&&(this.internals.setValidity(this.validity,this.validationMessage,this.validationTarget),p(this,n,!1,"f")),p(this,a,!0,"f"),p(this,t,!0,"f"),b(this,e,"m",x).call(this),(L=this===null||this===void 0?void 0:this.validationMessageCallback)===null||L===void 0||L.call(this,this.showError?this.internals.validationMessage:"")}),k.set(this,void 0),A.set(this,!1),T.set(this,Promise.resolve()),(d=this.addEventListener)===null||d===void 0||d.call(this,"focus",b(this,v,"f")),(u=this.addEventListener)===null||u===void 0||u.call(this,"blur",b(this,C,"f")),(g=this.addEventListener)===null||g===void 0||g.call(this,"invalid",b(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(g=>g.attribute).flat(),d=super.observedAttributes||[];return[...new Set([...d,...l])]}static getValidator(l){return this.validators.find(d=>d.attribute===l)||null}static getValidators(l){return this.validators.filter(d=>{var u;if(d.attribute===l||!((u=d.attribute)===null||u===void 0)&&u.includes(l))return!0})}get form(){return this.internals.form}get showError(){return b(this,e,"m",x).call(this)}checkValidity(){return this.internals.checkValidity()}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}attributeChangedCallback(l,d,u){var g;(g=super.attributeChangedCallback)===null||g===void 0||g.call(this,l,d,u);let R=this.constructor.getValidators(l);R!=null&&R.length&&this.validationTarget&&this.setValue(b(this,h,"f"))}setValue(l){var d;p(this,t,!1,"f"),(d=this.validationMessageCallback)===null||d===void 0||d.call(this,""),p(this,h,l,"f");let g=this.shouldFormValueUpdate()?l:null;this.internals.setFormValue(g),b(this,e,"m",S).call(this,g),this.valueChangedCallback&&this.valueChangedCallback(g),b(this,e,"m",x).call(this)}shouldFormValueUpdate(){return!0}get validationComplete(){return new Promise(l=>l(b(this,T,"f")))}formResetCallback(){var l,d;p(this,a,!1,"f"),p(this,t,!1,"f"),b(this,e,"m",x).call(this),(l=this.resetFormControl)===null||l===void 0||l.call(this),(d=this.validationMessageCallback)===null||d===void 0||d.call(this,b(this,e,"m",x).call(this)?this.validationMessage:"")}}return o=new WeakMap,t=new WeakMap,a=new WeakMap,s=new WeakMap,i=new WeakMap,n=new WeakMap,h=new WeakMap,v=new WeakMap,C=new WeakMap,F=new WeakMap,k=new WeakMap,A=new WeakMap,T=new WeakMap,e=new WeakSet,c=function(){let l=this.getRootNode(),d=`${this.localName}[name="${this.getAttribute("name")}"]`;return l.querySelectorAll(d)},x=function(){if(this.hasAttribute("disabled"))return!1;let l=b(this,t,"f")||b(this,a,"f")&&!this.validity.valid&&!b(this,o,"f");return l&&this.internals.states?this.internals.states.add("--show-error"):this.internals.states&&this.internals.states.delete("--show-error"),l},S=function(l){let d=this.constructor,u={},g=d.validators,L=[],R=g.some(y=>y.isValid instanceof Promise);b(this,A,"f")||(p(this,T,new Promise(y=>{p(this,k,y,"f")}),"f"),p(this,A,!0,"f")),b(this,s,"f")&&(b(this,s,"f").abort(),p(this,i,b(this,s,"f"),"f"));let B=new AbortController;p(this,s,B,"f");let H,be=!1;g.length&&(g.forEach(y=>{let Q=y.key||"customError",V=y.isValid(this,l,B.signal);V instanceof Promise?(L.push(V),V.then(ee=>{ee!=null&&(u[Q]=!ee,H=b(this,e,"m",W).call(this,y,l),b(this,e,"m",Y).call(this,u,H))})):(u[Q]=!V,this.validity[Q]!==!V&&(be=!0),!V&&!H&&(H=b(this,e,"m",W).call(this,y,l)))}),Promise.allSettled(L).then(()=>{var y;B!=null&&B.signal.aborted||(p(this,A,!1,"f"),(y=b(this,k,"f"))===null||y===void 0||y.call(this))}),(be||!R)&&b(this,e,"m",Y).call(this,u,H))},Y=function(l,d){if(this.validationTarget)this.internals.setValidity(l,d,this.validationTarget),p(this,n,!1,"f");else{if(this.internals.setValidity(l,d),this.internals.validity.valid)return;p(this,n,!0,"f")}},W=function(l,d){if(this.validityCallback){let u=this.validityCallback(l.key||"customError");if(u)return u}return l.message instanceof Function?l.message(this,d):l.message},He}import{property as z}from"lit/decorators.js";import{ifDefined as le}from"lit/directives/if-defined.js";import{when as ce}from"lit/directives/when.js";var fr=["en","nb","fi","da","sv"],Fe="en",Ee=r=>fr.find(e=>r===e||r.toLowerCase().includes(e))||Fe;function wr(){if(typeof window=="undefined"){let r=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return Ee(r)}try{let r=document.documentElement.lang;return Ee(r)}catch(r){return console.warn("could not detect locale, falling back to source locale",r),Fe}}var xr=(r,e,o,t,a,s)=>r==="nb"?o:r==="fi"?t:r==="da"?a:r==="sv"?s:e,Le=(r,e,o,t,a)=>{let s=wr(),i=xr(s,r,e,o,t,a);E.load(s,i),E.activate(s)};import{css as Oe}from"lit";var Ne=Oe`
+`)),A(c)&&Ee.test(c)?JSON.parse(`"${c}"`):A(c)?c:ur(c,this._locale,this._locales)(o,t==null?void 0:t.formats)}date(e,o){return le(this._locales||this._locale,e,o)}number(e,o){return ae(this._locales||this._locale,e,o)}};function wr(r={}){return new ne(r)}var E=wr();var b=function(r,e,o,t){if(o==="a"&&!t)throw new TypeError("Private accessor was defined without a getter");if(typeof e=="function"?r!==e||!t:!e.has(r))throw new TypeError("Cannot read private member from an object whose class did not declare it");return o==="m"?t:o==="a"?t.call(r):t?t.value:e.get(r)},p=function(r,e,o,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"?r!==e||!a:!e.has(r))throw new TypeError("Cannot write private member to an object whose class did not declare it");return t==="a"?a.call(r,o):a?a.value=o:e.set(r,o),o};function Le(r){var e,o,t,a,s,i,n,c,h,m,z,F,_,T,$,y,S,Y,Q;class Je extends r{constructor(...l){var d,u,v;super(...l),e.add(this),this.internals=this.attachInternals(),o.set(this,!1),t.set(this,!1),a.set(this,!1),s.set(this,void 0),i.set(this,void 0),n.set(this,!0),h.set(this,""),m.set(this,()=>{p(this,a,!0,"f"),p(this,o,!0,"f"),b(this,e,"m",y).call(this)}),z.set(this,()=>{p(this,o,!1,"f"),b(this,e,"m",S).call(this,this.shouldFormValueUpdate()?b(this,h,"f"):""),!this.validity.valid&&b(this,a,"f")&&p(this,t,!0,"f");let L=b(this,e,"m",y).call(this);this.validationMessageCallback&&this.validationMessageCallback(L?this.internals.validationMessage:"")}),F.set(this,()=>{var L;b(this,n,"f")&&this.validationTarget&&(this.internals.setValidity(this.validity,this.validationMessage,this.validationTarget),p(this,n,!1,"f")),p(this,a,!0,"f"),p(this,t,!0,"f"),b(this,e,"m",y).call(this),(L=this===null||this===void 0?void 0:this.validationMessageCallback)===null||L===void 0||L.call(this,this.showError?this.internals.validationMessage:"")}),_.set(this,void 0),T.set(this,!1),$.set(this,Promise.resolve()),(d=this.addEventListener)===null||d===void 0||d.call(this,"focus",b(this,m,"f")),(u=this.addEventListener)===null||u===void 0||u.call(this,"blur",b(this,z,"f")),(v=this.addEventListener)===null||v===void 0||v.call(this,"invalid",b(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(v=>v.attribute).flat(),d=super.observedAttributes||[];return[...new Set([...d,...l])]}static getValidator(l){return this.validators.find(d=>d.attribute===l)||null}static getValidators(l){return this.validators.filter(d=>{var u;if(d.attribute===l||!((u=d.attribute)===null||u===void 0)&&u.includes(l))return!0})}get form(){return this.internals.form}get showError(){return b(this,e,"m",y).call(this)}checkValidity(){return this.internals.checkValidity()}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}attributeChangedCallback(l,d,u){var v;(v=super.attributeChangedCallback)===null||v===void 0||v.call(this,l,d,u);let R=this.constructor.getValidators(l);R!=null&&R.length&&this.validationTarget&&this.setValue(b(this,h,"f"))}setValue(l){var d;p(this,t,!1,"f"),(d=this.validationMessageCallback)===null||d===void 0||d.call(this,""),p(this,h,l,"f");let v=this.shouldFormValueUpdate()?l:null;this.internals.setFormValue(v),b(this,e,"m",S).call(this,v),this.valueChangedCallback&&this.valueChangedCallback(v),b(this,e,"m",y).call(this)}shouldFormValueUpdate(){return!0}get validationComplete(){return new Promise(l=>l(b(this,$,"f")))}formResetCallback(){var l,d;p(this,a,!1,"f"),p(this,t,!1,"f"),b(this,e,"m",y).call(this),(l=this.resetFormControl)===null||l===void 0||l.call(this),(d=this.validationMessageCallback)===null||d===void 0||d.call(this,b(this,e,"m",y).call(this)?this.validationMessage:"")}}return o=new WeakMap,t=new WeakMap,a=new WeakMap,s=new WeakMap,i=new WeakMap,n=new WeakMap,h=new WeakMap,m=new WeakMap,z=new WeakMap,F=new WeakMap,_=new WeakMap,T=new WeakMap,$=new WeakMap,e=new WeakSet,c=function(){let l=this.getRootNode(),d=`${this.localName}[name="${this.getAttribute("name")}"]`;return l.querySelectorAll(d)},y=function(){if(this.hasAttribute("disabled"))return!1;let l=b(this,t,"f")||b(this,a,"f")&&!this.validity.valid&&!b(this,o,"f");return l&&this.internals.states?this.internals.states.add("--show-error"):this.internals.states&&this.internals.states.delete("--show-error"),l},S=function(l){let d=this.constructor,u={},v=d.validators,L=[],R=v.some(C=>C.isValid instanceof Promise);b(this,T,"f")||(p(this,$,new Promise(C=>{p(this,_,C,"f")}),"f"),p(this,T,!0,"f")),b(this,s,"f")&&(b(this,s,"f").abort(),p(this,i,b(this,s,"f"),"f"));let B=new AbortController;p(this,s,B,"f");let H,ue=!1;v.length&&(v.forEach(C=>{let ee=C.key||"customError",V=C.isValid(this,l,B.signal);V instanceof Promise?(L.push(V),V.then(re=>{re!=null&&(u[ee]=!re,H=b(this,e,"m",Q).call(this,C,l),b(this,e,"m",Y).call(this,u,H))})):(u[ee]=!V,this.validity[ee]!==!V&&(ue=!0),!V&&!H&&(H=b(this,e,"m",Q).call(this,C,l)))}),Promise.allSettled(L).then(()=>{var C;B!=null&&B.signal.aborted||(p(this,T,!1,"f"),(C=b(this,_,"f"))===null||C===void 0||C.call(this))}),(ue||!R)&&b(this,e,"m",Y).call(this,u,H))},Y=function(l,d){if(this.validationTarget)this.internals.setValidity(l,d,this.validationTarget),p(this,n,!1,"f");else{if(this.internals.setValidity(l,d),this.internals.validity.valid)return;p(this,n,!0,"f")}},Q=function(l,d){if(this.validityCallback){let u=this.validityCallback(l.key||"customError");if(u)return u}return l.message instanceof Function?l.message(this,d):l.message},Je}import{property as k}from"lit/decorators.js";import{ifDefined as de}from"lit/directives/if-defined.js";import{when as be}from"lit/directives/when.js";var xr=["en","nb","fi","da","sv"],Ne="en",Oe=r=>xr.find(e=>r===e||r.toLowerCase().includes(e))||Ne;function kr(){if(typeof window=="undefined"){let r=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return Oe(r)}try{let r=document.documentElement.lang;return Oe(r)}catch(r){return console.warn("could not detect locale, falling back to source locale",r),Ne}}var yr=(r,e,o,t,a,s)=>r==="nb"?o:r==="fi"?t:r==="da"?a:r==="sv"?s:e,Te=(r,e,o,t,a)=>{let s=kr(),i=yr(s,r,e,o,t,a);E.load(s,i),E.activate(s)};import{css as $e}from"lit";var Ae=$e`
   *,
   :before,
   :after {
@@ -280,7 +280,7 @@ Please compile your catalog first.
   svg {
     pointer-events: none;
   }
-`,Jr=Oe`*, :before, :after {
+`,Gr=$e`*, :before, :after {
             --w-rotate: 0;
             --w-rotate-x: 0;
             --w-rotate-y: 0;
@@ -2446,36 +2446,37 @@ Please compile your catalog first.
                     display: none
                 }
             }
-        `;var Ae=JSON.parse('{"select.label.optional":["(valgfrit)"]}');var Te=JSON.parse('{"select.label.optional":["(optional)"]}');var $e=JSON.parse('{"select.label.optional":["(vapaaehtoinen)"]}');var Se=JSON.parse('{"select.label.optional":["(valgfritt)"]}');var Pe=JSON.parse('{"select.label.optional":["(valfritt)"]}');import{css as kr}from"lit";var De=kr`*,: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}.appearance-none{-webkit-appearance:none;appearance:none}.border-0{border-width:0}.border-1{border-width:1px}.rounded-4{border-radius:4px}.caret-current{caret-color:currentColor}.opacity-25{opacity:.25}.block,.before\\:block:before{display:block}.before\\:hidden:before{display:none}.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}.bottom-0{bottom:0}.right-0{right:0}.before\\:bottom-0:before{bottom:0}.before\\:right-0:before{right:0}.top-\\[30\\%\\]{top:30%}.absolute{position:absolute}.relative{position:relative}.static{position:static}.before\\:absolute:before{position:absolute}.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)}.s-icon{color:var(--w-s-color-icon)}.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-disabled:hover{border-color:var(--w-s-color-border-disabled)}.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-active:active{border-color:var(--w-s-color-border-active)}.active\\:s-border-disabled:active{border-color:var(--w-s-color-border-disabled)}.h-full{height:100%}.w-32{width:3.2rem}.w-full{width:100%}.before\\:h-full:before{height:100%}.before\\:w-32:before{width:3.2rem}.mb-0{margin-bottom:0}.mt-4{margin-top:.4rem}.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-32{padding-right:3.2rem}.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,.before\\:pointer-events-none:before{pointer-events:none}.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)}`;import{LitElement as yr}from"lit";import{unsafeStatic as _r,html as Cr}from"lit/static-html.js";var zr=JSON.parse('{"icon.title.chevron-down":["Nedoverpil"]}'),Mr=JSON.parse('{"icon.title.chevron-down":["Downward arrow"]}'),Er=JSON.parse('{"icon.title.chevron-down":["Nuoli alasp\xE4in"]}'),Fr=JSON.parse('{"icon.title.chevron-down":["Pil nedad"]}'),Lr=JSON.parse('{"icon.title.chevron-down":["Pil ned"]}'),Ve=["en","nb","fi","da","sv"],je="en",Or=()=>{var r;let e;switch((r=process==null?void 0:process.env)==null?void 0:r.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},Ie=()=>{var r;let e=(r=document==null?void 0:document.location)==null?void 0:r.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":je},se=r=>Ve.find(e=>r===e||r.toLowerCase().includes(e))||Ie();function Nr(){var r;if(typeof window=="undefined"){let e=Or();return se(e)}try{let e=(r=document==null?void 0:document.documentElement)==null?void 0:r.lang,o=Ie();return Ve.includes(e)?se(e!=null?e:o):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),se(o))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),je}}var Ar=(r,e,o,t,a,s)=>r==="nb"?o:r==="fi"?t:r==="da"?a:r==="sv"?s:e,Tr=(r,e,o,t,a)=>{let s=Nr(),i=Ar(s,r,e,o,t,a);E.load(s,i),E.activate(s)};Tr(Mr,zr,Er,Fr,Lr);var $r=class extends yr{render(){let r=E.t({message:"Downward arrow",id:"icon.title.chevron-down",comment:"Title for chevron-down icon"});return Cr`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-chevron-down-16-part">${_r(`<title>${r}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m2.667 5.333 5.5 5.5 5.5-5.5"></path></svg>`}};customElements.get("w-icon-chevron-down-16")||customElements.define("w-icon-chevron-down-16",$r);var N={base:"block text-m mb-0 py-12 pr-32 rounded-4 w-full focusable focus:[--w-outline-offset:-2px] appearance-none cursor-pointer caret-current",default:"s-text s-bg pl-8 border-1 s-border-strong hover:s-border-strong-hover active:s-border-active",disabled:"s-text-disabled s-bg-disabled-subtle pl-8 border-1 s-border-disabled hover:s-border-disabled active:s-border-disabled pointer-events-none",invalid:"s-text s-bg pl-8 border-1 s-border-negative hover:s-border-negative-hover active:s-border-active outline-[--w-s-color-border-negative]!",readOnly:"s-text bg-transparent pl-0 border-0 pointer-events-none before:hidden",wrapper:"relative",selectWrapper:"relative before:block before:absolute before:right-0 before:bottom-0 before:w-32 before:h-full before:pointer-events-none ",chevron:"block absolute top-[30%] right-0 bottom-0 w-32 h-full s-icon pointer-events-none cursor-pointer",chevronDisabled:"opacity-25"},Ye={base:"antialiased block relative text-s font-bold pb-4 cursor-pointer s-text",optional:"pl-8 font-normal text-s s-text-subtle"},de={base:"text-xs mt-4 block",color:"s-text-subtle",colorInvalid:"s-text-negative"},m,Ue,Re,Be,G,K,w=class extends Me(Pr){constructor(){super();ge(this,m);this._setValue=o=>{this.value=o,this.setValue(o)};Le(Te,Se,$e,Ae,Pe)}connectedCallback(){super.connectedCallback(),this.autoFocus&&this.shadowRoot.querySelector("select").focus();let t=Array.from(this.children).filter(a=>a.tagName.toLowerCase()==="option"||a.tagName.toLowerCase()==="w-option").map(a=>{var h,v;let s=(h=a.getAttribute("value"))!=null?h:"",i=(v=a.textContent)!=null?v:"",n=a.hasAttribute("selected"),c=a.hasAttribute("disabled");return n&&this._setValue(s),I`<option value="${s}" ?selected=${n} ?disabled=${c}>${i}</option>`});this._options=t}handleKeyDown(o){this.readOnly&&(o.key===" "||o.key==="ArrowDown"||o.key==="ArrowUp")&&o.preventDefault()}onChange({target:o}){this._setValue(o.value);let t=new CustomEvent("change",{detail:o.value}),s=Array.from(this.children).filter(i=>i.tagName.toLowerCase()==="option"||i.tagName.toLowerCase()==="w-option").map(i=>{var C,F;let n=(C=i.getAttribute("value"))!=null?C:"",c=n===o.value,h=(F=i.textContent)!=null?F:"",v=i.hasAttribute("disabled");return I`<option value="${n}" ?selected=${c} ?disabled=${v}>${h}</option>`});this._options=s,this.dispatchEvent(t)}render(){return I`<div class="${N.wrapper}">
-      ${ce(this.label,()=>I`<label class="${Ye.base}" for="${M(this,m,G)}">
+        `;var Se=JSON.parse('{"select.label.optional":["(valgfrit)"]}');var Pe=JSON.parse('{"select.label.optional":["(optional)"]}');var De=JSON.parse('{"select.label.optional":["(vapaaehtoinen)"]}');var Ve=JSON.parse('{"select.label.optional":["(valgfritt)"]}');var je=JSON.parse('{"select.label.optional":["(valfritt)"]}');import{css as _r}from"lit";var Ie=_r`*,: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}.appearance-none{-webkit-appearance:none;appearance:none}.border-0{border-width:0}.border-1{border-width:1px}.rounded-4{border-radius:4px}.caret-current{caret-color:currentColor}.opacity-25{opacity:.25}.block,.before\\:block:before{display:block}.before\\:hidden:before{display:none}.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}.bottom-0{bottom:0}.right-0{right:0}.before\\:bottom-0:before{bottom:0}.before\\:right-0:before{right:0}.top-\\[30\\%\\]{top:30%}.absolute{position:absolute}.relative{position:relative}.static{position:static}.before\\:absolute:before{position:absolute}.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)}.s-icon{color:var(--w-s-color-icon)}.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-disabled:hover{border-color:var(--w-s-color-border-disabled)}.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-active:active{border-color:var(--w-s-color-border-active)}.active\\:s-border-disabled:active{border-color:var(--w-s-color-border-disabled)}.h-full{height:100%}.w-32{width:3.2rem}.w-full{width:100%}.before\\:h-full:before{height:100%}.before\\:w-32:before{width:3.2rem}.mb-0{margin-bottom:0}.mt-4{margin-top:.4rem}.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-32{padding-right:3.2rem}.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,.before\\:pointer-events-none:before{pointer-events:none}.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)}`;import{LitElement as Cr}from"lit";import{unsafeStatic as zr,html as Mr}from"lit/static-html.js";var Er=JSON.parse('{"icon.title.chevron-down":["Nedoverpil"]}'),Fr=JSON.parse('{"icon.title.chevron-down":["Downward arrow"]}'),Lr=JSON.parse('{"icon.title.chevron-down":["Nuoli alasp\xE4in"]}'),Or=JSON.parse('{"icon.title.chevron-down":["Pil nedad"]}'),Nr=JSON.parse('{"icon.title.chevron-down":["Pil ned"]}'),Ye=["en","nb","fi","da","sv"],Ue="en",Tr=()=>{var r;let e;switch((r=process==null?void 0:process.env)==null?void 0:r.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},Re=()=>{var r;let e=(r=document==null?void 0:document.location)==null?void 0:r.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":Ue},ce=r=>Ye.find(e=>r===e||r.toLowerCase().includes(e))||Re();function $r(){var r;if(typeof window=="undefined"){let e=Tr();return ce(e)}try{let e=(r=document==null?void 0:document.documentElement)==null?void 0:r.lang,o=Re();return Ye.includes(e)?ce(e!=null?e:o):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),ce(o))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),Ue}}var Ar=(r,e,o,t,a,s)=>r==="nb"?o:r==="fi"?t:r==="da"?a:r==="sv"?s:e,Sr=(r,e,o,t,a)=>{let s=$r(),i=Ar(s,r,e,o,t,a);E.load(s,i),E.activate(s)};Sr(Fr,Er,Lr,Or,Nr);var Pr=class extends Cr{render(){let r=E.t({message:"Downward arrow",id:"icon.title.chevron-down",comment:"Title for chevron-down icon"});return Mr`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-chevron-down-16-part">${zr(`<title>${r}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m2.667 5.333 5.5 5.5 5.5-5.5"></path></svg>`}};customElements.get("w-icon-chevron-down-16")||customElements.define("w-icon-chevron-down-16",Pr);var N={base:"block text-m mb-0 py-12 pr-32 rounded-4 w-full focusable focus:[--w-outline-offset:-2px] appearance-none cursor-pointer caret-current",default:"s-text s-bg pl-8 border-1 s-border-strong hover:s-border-strong-hover active:s-border-active",disabled:"s-text-disabled s-bg-disabled-subtle pl-8 border-1 s-border-disabled hover:s-border-disabled active:s-border-disabled pointer-events-none",invalid:"s-text s-bg pl-8 border-1 s-border-negative hover:s-border-negative-hover active:s-border-active outline-[--w-s-color-border-negative]!",readOnly:"s-text bg-transparent pl-0 border-0 pointer-events-none before:hidden",wrapper:"relative",selectWrapper:"relative before:block before:absolute before:right-0 before:bottom-0 before:w-32 before:h-full before:pointer-events-none ",chevron:"block absolute top-[30%] right-0 bottom-0 w-32 h-full s-icon pointer-events-none cursor-pointer",chevronDisabled:"opacity-25"},Be={base:"antialiased block relative text-s font-bold pb-4 cursor-pointer s-text",optional:"pl-8 font-normal text-s s-text-subtle"},he={base:"text-xs mt-4 block",color:"s-text-subtle",colorInvalid:"s-text-negative"},Z,f,He,Xe,Ze,K,W,g=class extends Le(Vr){constructor(){super();te(this,f);te(this,Z,null);this._setValue=o=>{this.value=o,this.setValue(o)};Te(Pe,Ve,De,Se,je)}resetFormControl(){this.value=M(this,Z)}connectedCallback(){super.connectedCallback(),fe(this,Z,this.value),(this.autofocus||this.autoFocus)&&this.shadowRoot.querySelector("select").focus();let t=Array.from(this.children).filter(a=>a.tagName.toLowerCase()==="option"||a.tagName.toLowerCase()==="w-option").map(a=>{var h,m;let s=(h=a.getAttribute("value"))!=null?h:"",i=(m=a.textContent)!=null?m:"",n=a.hasAttribute("selected"),c=a.hasAttribute("disabled");return n&&this._setValue(s),I`<option value="${s}" ?selected=${n} ?disabled=${c}>${i}</option>`});this._options=t}handleKeyDown(o){(this.readonly||this.readOnly)&&(o.key===" "||o.key==="ArrowDown"||o.key==="ArrowUp")&&o.preventDefault()}onChange({target:o}){this._setValue(o.value);let t=new CustomEvent("change",{detail:o.value}),s=Array.from(this.children).filter(i=>i.tagName.toLowerCase()==="option"||i.tagName.toLowerCase()==="w-option").map(i=>{var z,F;let n=(z=i.getAttribute("value"))!=null?z:"",c=n===o.value,h=(F=i.textContent)!=null?F:"",m=i.hasAttribute("disabled");return I`<option value="${n}" ?selected=${c} ?disabled=${m}>${h}</option>`});this._options=s,this.dispatchEvent(t)}render(){return I`<div class="${N.wrapper}">
+      ${be(this.label,()=>I`<label class="${Be.base}" for="${M(this,f,K)}">
             ${this.label}
-            ${ce(this.optional,()=>I`<span class="${Ye.optional}"
+            ${be(this.optional,()=>I`<span class="${Be.optional}"
                   >${E._({id:"select.label.optional",message:"(optional)",comment:"Shown behind label when marked as optional"})}</span
                 >`)}</label
           >`)}
       <div class="${N.selectWrapper}">
         <select
-          class="${M(this,m,Ue)}"
-          id="${M(this,m,G)}"
+          class="${M(this,f,He)}"
+          id="${M(this,f,K)}"
           ?disabled=${this.disabled}
-          aria-describedby="${le(M(this,m,K))}"
-          aria-invalid="${le(this.invalid)}"
-          aria-errormessage="${le(this.invalid&&M(this,m,K))}"
+          aria-readonly="${this.readonly}"
+          aria-describedby="${de(M(this,f,W))}"
+          aria-invalid="${de(this.invalid)}"
+          aria-errormessage="${de(this.invalid&&M(this,f,W))}"
           @keydown=${this.handleKeyDown}
           @change=${this.onChange}>
           ${this._options}
         </select>
-        <div class="${M(this,m,Be)}">
+        <div class="${M(this,f,Ze)}">
           <w-icon-chevron-down-16></w-icon-chevron-down-16>
         </div>
       </div>
-      ${ce(this.always||this.invalid,()=>I`<div id="${M(this,m,K)}" class="${M(this,m,Re)}">${this.hint}</div>`)}
-    </div>`}};m=new WeakSet,Ue=function(){return X([N.base,!this.invalid&&!this.disabled&&!this.readOnly&&N.default,this.invalid&&N.invalid,this.disabled&&N.disabled,this.readOnly&&N.readOnly])},Re=function(){return X([de.base,this.invalid?de.colorInvalid:de.color])},Be=function(){return X([N.chevron,this.disabled&&N.chevronDisabled])},G=function(){return"select_id"},K=function(){return this.hint?`${M(this,m,G)}__hint`:void 0},w.styles=[Ne,De,Sr`
+      ${be(this.helpText||this.always||this.invalid,()=>I`<div id="${M(this,f,W)}" class="${M(this,f,Xe)}">${this.helpText||this.hint}</div>`)}
+    </div>`}};Z=new WeakMap,f=new WeakSet,He=function(){return X([N.base,!this.invalid&&!this.disabled&&!(this.readonly||this.readOnly)&&N.default,this.invalid&&N.invalid,this.disabled&&N.disabled,(this.readonly||this.readOnly)&&N.readOnly])},Xe=function(){return X([he.base,this.invalid?he.colorInvalid:he.color])},Ze=function(){return X([N.chevron,this.disabled&&N.chevronDisabled])},K=function(){return"select_id"},W=function(){return this.hint?`${M(this,f,K)}__hint`:void 0},g.styles=[Ae,Ie,Dr`
     /* if there is an option with an empty value and it is selected */
     select:has(option[value=""][selected]),
     /* if there is an option with an empty value, and no other options are selected */
     select:has(option[value=""]):not(:has(option[selected])) {
       color: var(--w-s-color-text-placeholder);
     }
-  `],_([z({attribute:"auto-focus",type:Boolean,reflect:!0})],w.prototype,"autoFocus",2),_([z({type:Boolean,reflect:!0})],w.prototype,"invalid",2),_([z({type:Boolean,reflect:!0})],w.prototype,"always",2),_([z({reflect:!0})],w.prototype,"hint",2),_([z({reflect:!0})],w.prototype,"label",2),_([z({type:Boolean,reflect:!0})],w.prototype,"optional",2),_([z({type:Boolean,reflect:!0})],w.prototype,"disabled",2),_([z({attribute:"read-only",type:Boolean,reflect:!0})],w.prototype,"readOnly",2),_([z({attribute:!1,state:!0})],w.prototype,"_options",2),_([z({reflect:!0})],w.prototype,"name",2),_([z({reflect:!0})],w.prototype,"value",2);customElements.get("w-select")||customElements.define("w-select",w);export{w as WarpSelect};
+  `],w([k({attribute:"auto-focus",type:Boolean,reflect:!0})],g.prototype,"autoFocus",2),w([k({type:Boolean,reflect:!0})],g.prototype,"autofocus",2),w([k({attribute:"help-text",reflect:!0})],g.prototype,"helpText",2),w([k({type:Boolean,reflect:!0})],g.prototype,"invalid",2),w([k({type:Boolean,reflect:!0})],g.prototype,"always",2),w([k({reflect:!0})],g.prototype,"hint",2),w([k({reflect:!0})],g.prototype,"label",2),w([k({type:Boolean,reflect:!0})],g.prototype,"optional",2),w([k({type:Boolean,reflect:!0})],g.prototype,"disabled",2),w([k({attribute:"read-only",type:Boolean,reflect:!0})],g.prototype,"readOnly",2),w([k({type:Boolean,reflect:!0})],g.prototype,"readonly",2),w([k({attribute:!1,state:!0})],g.prototype,"_options",2),w([k({reflect:!0})],g.prototype,"name",2),w([k({reflect:!0})],g.prototype,"value",2);customElements.get("w-select")||customElements.define("w-select",g);export{g as WarpSelect};
 //# sourceMappingURL=index.js.map