@warp-ds/elements 2.10.0-next.14 → 2.10.0-next.17

package/dist/packages/select/select.js

@@ -1,4 +1,4 @@
-var Je=Object.defineProperty;var Ke=Object.getOwnPropertyDescriptor;var _e=t=>{throw TypeError(t)};var u=(t,r,e,o)=>{for(var a=o>1?void 0:o?Ke(r,e):r,s=t.length-1,i;s>=0;s--)(i=t[s])&&(a=(o?i(r,e,a):i(a))||a);return o&&a&&Je(r,e,a),a};var ne=(t,r,e)=>r.has(t)||_e("Cannot "+e);var x=(t,r,e)=>(ne(t,r,"read from private field"),e?e.call(t):r.get(t)),Z=(t,r,e)=>r.has(t)?_e("Cannot add the same private member more than once"):r instanceof WeakSet?r.add(t):r.set(t,e),le=(t,r,e,o)=>(ne(t,r,"write to private field"),o?o.call(t,e):r.set(t,e),e),f=(t,r,e)=>(ne(t,r,"access private method"),e);var B=function(){for(var t=[],r=arguments.length;r--;)t[r]=arguments[r];return t.reduce(function(e,o){return e.concat(typeof o=="string"?o:Array.isArray(o)?B.apply(void 0,o):typeof o=="object"&&o?Object.keys(o).map(function(a){return o[a]?a:""}):"")},[]).join(" ")};var P=t=>typeof t=="string",Qe=t=>typeof t=="function",ze=new Map,Fe="en";function he(t){return[...Array.isArray(t)?t:[t],Fe]}function ue(t,r,e){let o=he(t);e||(e="default");let a;if(typeof e=="string")switch(a={day:"numeric",month:"short",year:"numeric"},e){case"full":a.weekday="long";case"long":a.month="long";break;case"short":a.month="numeric";break}else a=e;return J(()=>K("date",o,e),()=>new Intl.DateTimeFormat(o,a)).format(P(r)?new Date(r):r)}function We(t,r,e){let o;if(e||(e="default"),typeof e=="string")switch(o={second:"numeric",minute:"numeric",hour:"numeric"},e){case"full":case"long":o.timeZoneName="short";break;case"short":delete o.second}else o=e;return ue(t,r,o)}function ce(t,r,e){let o=he(t);return J(()=>K("number",o,e),()=>new Intl.NumberFormat(o,e)).format(r)}function Ce(t,r,e,{offset:o=0,...a}){let s=he(t),i=r?J(()=>K("plural-ordinal",s),()=>new Intl.PluralRules(s,{type:"ordinal"})):J(()=>K("plural-cardinal",s),()=>new Intl.PluralRules(s,{type:"cardinal"}));return a[e]??a[i.select(e-o)]??a.other}function J(t,r){let e=t(),o=ze.get(e);return o||(o=r(),ze.set(e,o)),o}function K(t,r,e){let o=r.join("-");return`${t}-${o}-${JSON.stringify(e)}`}var Ee=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,Me=t=>t.replace(/\\u([a-fA-F0-9]{4})|\\x([a-fA-F0-9]{2})/g,(r,e,o)=>{if(e){let a=parseInt(e,16);return String.fromCharCode(a)}else{let a=parseInt(o,16);return String.fromCharCode(a)}}),Le="%__lingui_octothorpe__%",er=(t,r,e={})=>{let o=r||t,a=i=>typeof i=="object"?i:e[i],s=(i,n)=>{let h=Object.keys(e).length?a("number"):void 0,w=ce(o,i,h);return n.replace(new RegExp(Le,"g"),w)};return{plural:(i,n)=>{let{offset:h=0}=n,w=Ce(o,!1,i,n);return s(i-h,w)},selectordinal:(i,n)=>{let{offset:h=0}=n,w=Ce(o,!0,i,n);return s(i-h,w)},select:rr,number:(i,n)=>ce(o,i,a(n)||{style:n}),date:(i,n)=>ue(o,i,a(n)||n),time:(i,n)=>We(o,i,a(n)||n)}},rr=(t,r)=>r[t]??r.other;function or(t,r,e){return(o={},a)=>{let s=er(r,e,a),i=(h,w=!1)=>Array.isArray(h)?h.reduce((F,L)=>{if(L==="#"&&w)return F+Le;if(P(L))return F+L;let[D,_,V]=L,S={};_==="plural"||_==="selectordinal"||_==="select"?Object.entries(V).forEach(([$,Y])=>{S[$]=i(Y,_==="plural"||_==="selectordinal")}):S=V;let y;if(_){let $=s[_];y=$(o[D],S)}else y=o[D];return y==null?F:F+y},""):h,n=i(t);return P(n)&&Ee.test(n)?Me(n):P(n)?n:n?String(n):""}}var tr=Object.defineProperty,ar=(t,r,e)=>r in t?tr(t,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[r]=e,ir=(t,r,e)=>(ar(t,typeof r!="symbol"?r+"":r,e),e),de=class{constructor(){ir(this,"_events",{})}on(r,e){var o;return(o=this._events)[r]??(o[r]=[]),this._events[r].push(e),()=>this.removeListener(r,e)}removeListener(r,e){let o=this._getListeners(r);if(!o)return;let a=o.indexOf(e);~a&&o.splice(a,1)}emit(r,...e){let o=this._getListeners(r);o&&o.map(a=>a.apply(this,e))}_getListeners(r){let e=this._events[r];return Array.isArray(e)?e:!1}},sr=Object.defineProperty,nr=(t,r,e)=>r in t?sr(t,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[r]=e,O=(t,r,e)=>(nr(t,typeof r!="symbol"?r+"":r,e),e),be=class extends de{constructor(r){super(),O(this,"_locale",""),O(this,"_locales"),O(this,"_localeData",{}),O(this,"_messages",{}),O(this,"_missing"),O(this,"_messageCompiler"),O(this,"t",this._.bind(this)),r.missing!=null&&(this._missing=r.missing),r.messages!=null&&this.load(r.messages),r.localeData!=null&&this.loadLocaleData(r.localeData),(typeof r.locale=="string"||r.locales)&&this.activate(r.locale??Fe,r.locales)}get locale(){return this._locale}get locales(){return this._locales}get messages(){return this._messages[this._locale]??{}}get localeData(){return this._localeData[this._locale]??{}}_loadLocaleData(r,e){let o=this._localeData[r];o?Object.assign(o,e):this._localeData[r]=e}setMessagesCompiler(r){return this._messageCompiler=r,this}loadLocaleData(r,e){typeof r=="string"?this._loadLocaleData(r,e):Object.keys(r).forEach(o=>this._loadLocaleData(o,r[o])),this.emit("change")}_load(r,e){let o=this._messages[r];o?Object.assign(o,e):this._messages[r]=e}load(r,e){typeof r=="string"&&typeof e=="object"?this._load(r,e):Object.entries(r).forEach(([o,a])=>this._load(o,a)),this.emit("change")}loadAndActivate({locale:r,locales:e,messages:o}){this._locale=r,this._locales=e||void 0,this._messages[this._locale]=o,this.emit("change")}activate(r,e){this._locale=r,this._locales=e,this.emit("change")}_(r,e,o){if(!this.locale)throw new Error("Lingui: Attempted to call a translation function without setting a locale.\nMake sure to call `i18n.activate(locale)` before using Lingui functions.\nThis issue may also occur due to a race condition in your initialization logic.");let a=o?.message;r||(r=""),P(r)||(e=r.values||e,a=r.message,r=r.id);let s=this.messages[r],i=s===void 0,n=this._missing;if(n&&i)return Qe(n)?n(this._locale,r):n;i&&this.emit("missing",{id:r,locale:this._locale});let h=s||a||r;return P(h)&&(this._messageCompiler?h=this._messageCompiler(h):console.warn(`Uncompiled message detected! Message:
+var Je=Object.defineProperty;var Ke=Object.getOwnPropertyDescriptor;var _e=t=>{throw TypeError(t)};var u=(t,r,e,o)=>{for(var a=o>1?void 0:o?Ke(r,e):r,s=t.length-1,i;s>=0;s--)(i=t[s])&&(a=(o?i(r,e,a):i(a))||a);return o&&a&&Je(r,e,a),a};var ne=(t,r,e)=>r.has(t)||_e("Cannot "+e);var x=(t,r,e)=>(ne(t,r,"read from private field"),e?e.call(t):r.get(t)),Z=(t,r,e)=>r.has(t)?_e("Cannot add the same private member more than once"):r instanceof WeakSet?r.add(t):r.set(t,e),le=(t,r,e,o)=>(ne(t,r,"write to private field"),o?o.call(t,e):r.set(t,e),e),f=(t,r,e)=>(ne(t,r,"access private method"),e);var B=function(){for(var t=[],r=arguments.length;r--;)t[r]=arguments[r];return t.reduce(function(e,o){return e.concat(typeof o=="string"?o:Array.isArray(o)?B.apply(void 0,o):typeof o=="object"&&o?Object.keys(o).map(function(a){return o[a]?a:""}):"")},[]).join(" ")};var T=t=>typeof t=="string",Qe=t=>typeof t=="function",ze=new Map,Fe="en";function he(t){return[...Array.isArray(t)?t:[t],Fe]}function ue(t,r,e){let o=he(t);e||(e="default");let a;if(typeof e=="string")switch(a={day:"numeric",month:"short",year:"numeric"},e){case"full":a.weekday="long";case"long":a.month="long";break;case"short":a.month="numeric";break}else a=e;return J(()=>K("date",o,e),()=>new Intl.DateTimeFormat(o,a)).format(T(r)?new Date(r):r)}function We(t,r,e){let o;if(e||(e="default"),typeof e=="string")switch(o={second:"numeric",minute:"numeric",hour:"numeric"},e){case"full":case"long":o.timeZoneName="short";break;case"short":delete o.second}else o=e;return ue(t,r,o)}function ce(t,r,e){let o=he(t);return J(()=>K("number",o,e),()=>new Intl.NumberFormat(o,e)).format(r)}function Ce(t,r,e,{offset:o=0,...a}){let s=he(t),i=r?J(()=>K("plural-ordinal",s),()=>new Intl.PluralRules(s,{type:"ordinal"})):J(()=>K("plural-cardinal",s),()=>new Intl.PluralRules(s,{type:"cardinal"}));return a[e]??a[i.select(e-o)]??a.other}function J(t,r){let e=t(),o=ze.get(e);return o||(o=r(),ze.set(e,o)),o}function K(t,r,e){let o=r.join("-");return`${t}-${o}-${JSON.stringify(e)}`}var Ee=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,Me=t=>t.replace(/\\u([a-fA-F0-9]{4})|\\x([a-fA-F0-9]{2})/g,(r,e,o)=>{if(e){let a=parseInt(e,16);return String.fromCharCode(a)}else{let a=parseInt(o,16);return String.fromCharCode(a)}}),Le="%__lingui_octothorpe__%",er=(t,r,e={})=>{let o=r||t,a=i=>typeof i=="object"?i:e[i],s=(i,n)=>{let h=Object.keys(e).length?a("number"):void 0,w=ce(o,i,h);return n.replace(new RegExp(Le,"g"),w)};return{plural:(i,n)=>{let{offset:h=0}=n,w=Ce(o,!1,i,n);return s(i-h,w)},selectordinal:(i,n)=>{let{offset:h=0}=n,w=Ce(o,!0,i,n);return s(i-h,w)},select:rr,number:(i,n)=>ce(o,i,a(n)||{style:n}),date:(i,n)=>ue(o,i,a(n)||n),time:(i,n)=>We(o,i,a(n)||n)}},rr=(t,r)=>r[t]??r.other;function or(t,r,e){return(o={},a)=>{let s=er(r,e,a),i=(h,w=!1)=>Array.isArray(h)?h.reduce((F,L)=>{if(L==="#"&&w)return F+Le;if(T(L))return F+L;let[D,_,V]=L,S={};_==="plural"||_==="selectordinal"||_==="select"?Object.entries(V).forEach(([$,Y])=>{S[$]=i(Y,_==="plural"||_==="selectordinal")}):S=V;let y;if(_){let $=s[_];y=$(o[D],S)}else y=o[D];return y==null?F:F+y},""):h,n=i(t);return T(n)&&Ee.test(n)?Me(n):T(n)?n:n?String(n):""}}var tr=Object.defineProperty,ar=(t,r,e)=>r in t?tr(t,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[r]=e,ir=(t,r,e)=>(ar(t,typeof r!="symbol"?r+"":r,e),e),de=class{constructor(){ir(this,"_events",{})}on(r,e){var o;return(o=this._events)[r]??(o[r]=[]),this._events[r].push(e),()=>this.removeListener(r,e)}removeListener(r,e){let o=this._getListeners(r);if(!o)return;let a=o.indexOf(e);~a&&o.splice(a,1)}emit(r,...e){let o=this._getListeners(r);o&&o.map(a=>a.apply(this,e))}_getListeners(r){let e=this._events[r];return Array.isArray(e)?e:!1}},sr=Object.defineProperty,nr=(t,r,e)=>r in t?sr(t,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[r]=e,O=(t,r,e)=>(nr(t,typeof r!="symbol"?r+"":r,e),e),be=class extends de{constructor(r){super(),O(this,"_locale",""),O(this,"_locales"),O(this,"_localeData",{}),O(this,"_messages",{}),O(this,"_missing"),O(this,"_messageCompiler"),O(this,"t",this._.bind(this)),r.missing!=null&&(this._missing=r.missing),r.messages!=null&&this.load(r.messages),r.localeData!=null&&this.loadLocaleData(r.localeData),(typeof r.locale=="string"||r.locales)&&this.activate(r.locale??Fe,r.locales)}get locale(){return this._locale}get locales(){return this._locales}get messages(){return this._messages[this._locale]??{}}get localeData(){return this._localeData[this._locale]??{}}_loadLocaleData(r,e){let o=this._localeData[r];o?Object.assign(o,e):this._localeData[r]=e}setMessagesCompiler(r){return this._messageCompiler=r,this}loadLocaleData(r,e){typeof r=="string"?this._loadLocaleData(r,e):Object.keys(r).forEach(o=>this._loadLocaleData(o,r[o])),this.emit("change")}_load(r,e){let o=this._messages[r];o?Object.assign(o,e):this._messages[r]=e}load(r,e){typeof r=="string"&&typeof e=="object"?this._load(r,e):Object.entries(r).forEach(([o,a])=>this._load(o,a)),this.emit("change")}loadAndActivate({locale:r,locales:e,messages:o}){this._locale=r,this._locales=e||void 0,this._messages[this._locale]=o,this.emit("change")}activate(r,e){this._locale=r,this._locales=e,this.emit("change")}_(r,e,o){if(!this.locale)throw new Error("Lingui: Attempted to call a translation function without setting a locale.\nMake sure to call `i18n.activate(locale)` before using Lingui functions.\nThis issue may also occur due to a race condition in your initialization logic.");let a=o?.message;r||(r=""),T(r)||(e=r.values||e,a=r.message,r=r.id);let s=this.messages[r],i=s===void 0,n=this._missing;if(n&&i)return Qe(n)?n(this._locale,r):n;i&&this.emit("missing",{id:r,locale:this._locale});let h=s||a||r;return T(h)&&(this._messageCompiler?h=this._messageCompiler(h):console.warn(`Uncompiled message detected! Message:
 
 > ${h}
 
@@ -6,279 +6,279 @@ 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. 
-`)),P(h)&&Ee.test(h)?Me(h):P(h)?h:or(h,this._locale,this._locales)(e,o?.formats)}date(r,e){return ue(this._locales||this._locale,r,e)}number(r,e){return ce(this._locales||this._locale,r,e)}};function lr(t={}){return new be(t)}var C=lr();var b=function(t,r,e,o){if(e==="a"&&!o)throw new TypeError("Private accessor was defined without a getter");if(typeof r=="function"?t!==r||!o:!r.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return e==="m"?o:e==="a"?o.call(t):o?o.value:r.get(t)},g=function(t,r,e,o,a){if(o==="m")throw new TypeError("Private method is not writable");if(o==="a"&&!a)throw new TypeError("Private accessor was defined without a setter");if(typeof r=="function"?t!==r||!a:!r.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return o==="a"?a.call(t,e):a?a.value=e:r.set(t,e),e};function Ve(t){var r,e,o,a,s,i,n,h,w,F,L,D,_,V,S,y,$,Y,ae;class qe extends t{constructor(...c){var d,p,m;super(...c),r.add(this),this.internals=this.attachInternals(),e.set(this,!1),o.set(this,!1),a.set(this,!1),s.set(this,void 0),i.set(this,void 0),n.set(this,!0),w.set(this,""),F.set(this,()=>{g(this,a,!0,"f"),g(this,e,!0,"f"),b(this,r,"m",y).call(this)}),L.set(this,()=>{g(this,e,!1,"f"),b(this,r,"m",$).call(this,this.shouldFormValueUpdate()?b(this,w,"f"):""),!this.validity.valid&&b(this,a,"f")&&g(this,o,!0,"f");let E=b(this,r,"m",y).call(this);this.validationMessageCallback&&this.validationMessageCallback(E?this.internals.validationMessage:"")}),D.set(this,()=>{var E;b(this,n,"f")&&this.validationTarget&&(this.internals.setValidity(this.validity,this.validationMessage,this.validationTarget),g(this,n,!1,"f")),g(this,a,!0,"f"),g(this,o,!0,"f"),b(this,r,"m",y).call(this),(E=this===null||this===void 0?void 0:this.validationMessageCallback)===null||E===void 0||E.call(this,this.showError?this.internals.validationMessage:"")}),_.set(this,void 0),V.set(this,!1),S.set(this,Promise.resolve()),(d=this.addEventListener)===null||d===void 0||d.call(this,"focus",b(this,F,"f")),(p=this.addEventListener)===null||p===void 0||p.call(this,"blur",b(this,L,"f")),(m=this.addEventListener)===null||m===void 0||m.call(this,"invalid",b(this,D,"f")),this.setValue(null)}static get formAssociated(){return!0}static get validators(){return this.formControlValidators||[]}static get observedAttributes(){let c=this.validators.map(m=>m.attribute).flat(),d=super.observedAttributes||[];return[...new Set([...d,...c])]}static getValidator(c){return this.validators.find(d=>d.attribute===c)||null}static getValidators(c){return this.validators.filter(d=>{var p;if(d.attribute===c||!((p=d.attribute)===null||p===void 0)&&p.includes(c))return!0})}get form(){return this.internals.form}get showError(){return b(this,r,"m",y).call(this)}checkValidity(){return this.internals.checkValidity()}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}attributeChangedCallback(c,d,p){var m;(m=super.attributeChangedCallback)===null||m===void 0||m.call(this,c,d,p);let I=this.constructor.getValidators(c);I?.length&&this.validationTarget&&this.setValue(b(this,w,"f"))}setValue(c){var d;g(this,o,!1,"f"),(d=this.validationMessageCallback)===null||d===void 0||d.call(this,""),g(this,w,c,"f");let m=this.shouldFormValueUpdate()?c:null;this.internals.setFormValue(m),b(this,r,"m",$).call(this,m),this.valueChangedCallback&&this.valueChangedCallback(m),b(this,r,"m",y).call(this)}shouldFormValueUpdate(){return!0}get validationComplete(){return new Promise(c=>c(b(this,S,"f")))}formResetCallback(){var c,d;g(this,a,!1,"f"),g(this,o,!1,"f"),b(this,r,"m",y).call(this),(c=this.resetFormControl)===null||c===void 0||c.call(this),(d=this.validationMessageCallback)===null||d===void 0||d.call(this,b(this,r,"m",y).call(this)?this.validationMessage:"")}}return e=new WeakMap,o=new WeakMap,a=new WeakMap,s=new WeakMap,i=new WeakMap,n=new WeakMap,w=new WeakMap,F=new WeakMap,L=new WeakMap,D=new WeakMap,_=new WeakMap,V=new WeakMap,S=new WeakMap,r=new WeakSet,h=function(){let c=this.getRootNode(),d=`${this.localName}[name="${this.getAttribute("name")}"]`;return c.querySelectorAll(d)},y=function(){if(this.hasAttribute("disabled"))return!1;let c=b(this,o,"f")||b(this,a,"f")&&!this.validity.valid&&!b(this,e,"f");return c&&this.internals.states?this.internals.states.add("--show-error"):this.internals.states&&this.internals.states.delete("--show-error"),c},$=function(c){let d=this.constructor,p={},m=d.validators,E=[],I=m.some(z=>z.isValid instanceof Promise);b(this,V,"f")||(g(this,S,new Promise(z=>{g(this,_,z,"f")}),"f"),g(this,V,!0,"f")),b(this,s,"f")&&(b(this,s,"f").abort(),g(this,i,b(this,s,"f"),"f"));let X=new AbortController;g(this,s,X,"f");let U,ye=!1;m.length&&(m.forEach(z=>{let ie=z.key||"customError",A=z.isValid(this,c,X.signal);A instanceof Promise?(E.push(A),A.then(se=>{se!=null&&(p[ie]=!se,U=b(this,r,"m",ae).call(this,z,c),b(this,r,"m",Y).call(this,p,U))})):(p[ie]=!A,this.validity[ie]!==!A&&(ye=!0),!A&&!U&&(U=b(this,r,"m",ae).call(this,z,c)))}),Promise.allSettled(E).then(()=>{var z;X?.signal.aborted||(g(this,V,!1,"f"),(z=b(this,_,"f"))===null||z===void 0||z.call(this))}),(ye||!I)&&b(this,r,"m",Y).call(this,p,U))},Y=function(c,d){if(this.validationTarget)this.internals.setValidity(c,d,this.validationTarget),g(this,n,!1,"f");else{if(this.internals.setValidity(c,d),this.internals.validity.valid)return;g(this,n,!0,"f")}},ae=function(c,d){if(this.validityCallback){let p=this.validityCallback(c.key||"customError");if(p)return p}return c.message instanceof Function?c.message(this,d):c.message},qe}import{css as zr,html as G,LitElement as Cr}from"lit";import{property as k}from"lit/decorators.js";import{ifDefined as me}from"lit/directives/if-defined.js";import{when as fe}from"lit/directives/when.js";var cr=["en","nb","fi","da","sv"],pe="en",Q=t=>cr.find(r=>t===r||t.toLowerCase().includes(r))||pe;function W(){if(typeof window>"u"){let t=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return Q(t)}try{let t=Pe(document);if(t)return Q(t);let r=ur();if(r)return Q(r);let e=Pe(Oe());return e?Q(e):pe}catch(t){return console.warn("could not detect locale, falling back to source locale",t),pe}}var Te=(t,r,e,o,a)=>{C.load("en",t),C.load("nb",r),C.load("fi",e),C.load("da",o),C.load("sv",a);let s=W();C.activate(s),$e(),br()},dr="warp-i18n-change";function $e(){typeof window>"u"||window.dispatchEvent(new Event(dr))}var Se=!1;function br(){if(Se||typeof window>"u"||!document?.documentElement)return;Se=!0;let t=()=>{let a=W();C.locale!==a&&(C.activate(a),$e())},r=new MutationObserver(a=>{for(let s of a)if(s.type==="attributes"&&s.attributeName==="lang"){t();break}});r.observe(document.documentElement,{attributes:!0,attributeFilter:["lang"]});let e=Oe();e&&e.documentElement&&e!==document&&r.observe(e.documentElement,{attributes:!0,attributeFilter:["lang"]});let o=hr();o&&r.observe(o,{attributes:!0,attributeFilter:["lang"]})}function Oe(){try{return window.parent?.document??null}catch{return null}}function Pe(t){try{return t?.documentElement?.lang??""}catch{return""}}function hr(){try{return window.frameElement??null}catch{return null}}function ur(){try{return window.frameElement?.getAttribute?.("lang")??""}catch{return""}}import{css as pr}from"lit";import{unsafeCSS as gr}from"lit";var De=pr`
-  *,
-  :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;
-  }
+`)),T(h)&&Ee.test(h)?Me(h):T(h)?h:or(h,this._locale,this._locales)(e,o?.formats)}date(r,e){return ue(this._locales||this._locale,r,e)}number(r,e){return ce(this._locales||this._locale,r,e)}};function lr(t={}){return new be(t)}var C=lr();var b=function(t,r,e,o){if(e==="a"&&!o)throw new TypeError("Private accessor was defined without a getter");if(typeof r=="function"?t!==r||!o:!r.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return e==="m"?o:e==="a"?o.call(t):o?o.value:r.get(t)},g=function(t,r,e,o,a){if(o==="m")throw new TypeError("Private method is not writable");if(o==="a"&&!a)throw new TypeError("Private accessor was defined without a setter");if(typeof r=="function"?t!==r||!a:!r.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return o==="a"?a.call(t,e):a?a.value=e:r.set(t,e),e};function Ve(t){var r,e,o,a,s,i,n,h,w,F,L,D,_,V,S,y,$,Y,ae;class qe extends t{constructor(...c){var d,p,m;super(...c),r.add(this),this.internals=this.attachInternals(),e.set(this,!1),o.set(this,!1),a.set(this,!1),s.set(this,void 0),i.set(this,void 0),n.set(this,!0),w.set(this,""),F.set(this,()=>{g(this,a,!0,"f"),g(this,e,!0,"f"),b(this,r,"m",y).call(this)}),L.set(this,()=>{g(this,e,!1,"f"),b(this,r,"m",$).call(this,this.shouldFormValueUpdate()?b(this,w,"f"):""),!this.validity.valid&&b(this,a,"f")&&g(this,o,!0,"f");let E=b(this,r,"m",y).call(this);this.validationMessageCallback&&this.validationMessageCallback(E?this.internals.validationMessage:"")}),D.set(this,()=>{var E;b(this,n,"f")&&this.validationTarget&&(this.internals.setValidity(this.validity,this.validationMessage,this.validationTarget),g(this,n,!1,"f")),g(this,a,!0,"f"),g(this,o,!0,"f"),b(this,r,"m",y).call(this),(E=this===null||this===void 0?void 0:this.validationMessageCallback)===null||E===void 0||E.call(this,this.showError?this.internals.validationMessage:"")}),_.set(this,void 0),V.set(this,!1),S.set(this,Promise.resolve()),(d=this.addEventListener)===null||d===void 0||d.call(this,"focus",b(this,F,"f")),(p=this.addEventListener)===null||p===void 0||p.call(this,"blur",b(this,L,"f")),(m=this.addEventListener)===null||m===void 0||m.call(this,"invalid",b(this,D,"f")),this.setValue(null)}static get formAssociated(){return!0}static get validators(){return this.formControlValidators||[]}static get observedAttributes(){let c=this.validators.map(m=>m.attribute).flat(),d=super.observedAttributes||[];return[...new Set([...d,...c])]}static getValidator(c){return this.validators.find(d=>d.attribute===c)||null}static getValidators(c){return this.validators.filter(d=>{var p;if(d.attribute===c||!((p=d.attribute)===null||p===void 0)&&p.includes(c))return!0})}get form(){return this.internals.form}get showError(){return b(this,r,"m",y).call(this)}checkValidity(){return this.internals.checkValidity()}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}attributeChangedCallback(c,d,p){var m;(m=super.attributeChangedCallback)===null||m===void 0||m.call(this,c,d,p);let I=this.constructor.getValidators(c);I?.length&&this.validationTarget&&this.setValue(b(this,w,"f"))}setValue(c){var d;g(this,o,!1,"f"),(d=this.validationMessageCallback)===null||d===void 0||d.call(this,""),g(this,w,c,"f");let m=this.shouldFormValueUpdate()?c:null;this.internals.setFormValue(m),b(this,r,"m",$).call(this,m),this.valueChangedCallback&&this.valueChangedCallback(m),b(this,r,"m",y).call(this)}shouldFormValueUpdate(){return!0}get validationComplete(){return new Promise(c=>c(b(this,S,"f")))}formResetCallback(){var c,d;g(this,a,!1,"f"),g(this,o,!1,"f"),b(this,r,"m",y).call(this),(c=this.resetFormControl)===null||c===void 0||c.call(this),(d=this.validationMessageCallback)===null||d===void 0||d.call(this,b(this,r,"m",y).call(this)?this.validationMessage:"")}}return e=new WeakMap,o=new WeakMap,a=new WeakMap,s=new WeakMap,i=new WeakMap,n=new WeakMap,w=new WeakMap,F=new WeakMap,L=new WeakMap,D=new WeakMap,_=new WeakMap,V=new WeakMap,S=new WeakMap,r=new WeakSet,h=function(){let c=this.getRootNode(),d=`${this.localName}[name="${this.getAttribute("name")}"]`;return c.querySelectorAll(d)},y=function(){if(this.hasAttribute("disabled"))return!1;let c=b(this,o,"f")||b(this,a,"f")&&!this.validity.valid&&!b(this,e,"f");return c&&this.internals.states?this.internals.states.add("--show-error"):this.internals.states&&this.internals.states.delete("--show-error"),c},$=function(c){let d=this.constructor,p={},m=d.validators,E=[],I=m.some(z=>z.isValid instanceof Promise);b(this,V,"f")||(g(this,S,new Promise(z=>{g(this,_,z,"f")}),"f"),g(this,V,!0,"f")),b(this,s,"f")&&(b(this,s,"f").abort(),g(this,i,b(this,s,"f"),"f"));let X=new AbortController;g(this,s,X,"f");let U,ye=!1;m.length&&(m.forEach(z=>{let ie=z.key||"customError",A=z.isValid(this,c,X.signal);A instanceof Promise?(E.push(A),A.then(se=>{se!=null&&(p[ie]=!se,U=b(this,r,"m",ae).call(this,z,c),b(this,r,"m",Y).call(this,p,U))})):(p[ie]=!A,this.validity[ie]!==!A&&(ye=!0),!A&&!U&&(U=b(this,r,"m",ae).call(this,z,c)))}),Promise.allSettled(E).then(()=>{var z;X?.signal.aborted||(g(this,V,!1,"f"),(z=b(this,_,"f"))===null||z===void 0||z.call(this))}),(ye||!I)&&b(this,r,"m",Y).call(this,p,U))},Y=function(c,d){if(this.validationTarget)this.internals.setValidity(c,d,this.validationTarget),g(this,n,!1,"f");else{if(this.internals.setValidity(c,d),this.internals.validity.valid)return;g(this,n,!0,"f")}},ae=function(c,d){if(this.validityCallback){let p=this.validityCallback(c.key||"customError");if(p)return p}return c.message instanceof Function?c.message(this,d):c.message},qe}import{css as zr,html as G,LitElement as Cr}from"lit";import{property as k}from"lit/decorators.js";import{ifDefined as me}from"lit/directives/if-defined.js";import{when as fe}from"lit/directives/when.js";var cr=["en","nb","fi","da","sv"],pe="en",Q=t=>cr.find(r=>t===r||t.toLowerCase().includes(r))||pe;function W(){if(typeof window>"u"){let t=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return Q(t)}try{let t=Te(document);if(t)return Q(t);let r=ur();if(r)return Q(r);let e=Te(Oe());return e?Q(e):pe}catch(t){return console.warn("could not detect locale, falling back to source locale",t),pe}}var Pe=(t,r,e,o,a)=>{C.load("en",t),C.load("nb",r),C.load("fi",e),C.load("da",o),C.load("sv",a);let s=W();C.activate(s),$e(),br()},dr="warp-i18n-change";function $e(){typeof window>"u"||window.dispatchEvent(new Event(dr))}var Se=!1;function br(){if(Se||typeof window>"u"||!document?.documentElement)return;Se=!0;let t=()=>{let a=W();C.locale!==a&&(C.activate(a),$e())},r=new MutationObserver(a=>{for(let s of a)if(s.type==="attributes"&&s.attributeName==="lang"){t();break}});r.observe(document.documentElement,{attributes:!0,attributeFilter:["lang"]});let e=Oe();e&&e.documentElement&&e!==document&&r.observe(e.documentElement,{attributes:!0,attributeFilter:["lang"]});let o=hr();o&&r.observe(o,{attributes:!0,attributeFilter:["lang"]})}function Oe(){try{return window.parent?.document??null}catch{return null}}function Te(t){try{return t?.documentElement?.lang??""}catch{return""}}function hr(){try{return window.frameElement??null}catch{return null}}function ur(){try{return window.frameElement?.getAttribute?.("lang")??""}catch{return""}}import{css as pr}from"lit";import{unsafeCSS as gr}from"lit";var De=pr`
+	*,
+	: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;
+	}
 `,Dr=gr(`*, :before, :after {
             --w-rotate: 0;
             --w-rotate-x: 0;
@@ -2446,61 +2446,80 @@ Please compile your catalog first.
                 }
             }
         `);var Ae=JSON.parse('{"select.label.optional":["(valgfrit)"]}');var Ne=JSON.parse('{"select.label.optional":["(optional)"]}');var je=JSON.parse('{"select.label.optional":["(vapaaehtoinen)"]}');var Ye=JSON.parse('{"select.label.optional":["(valgfritt)"]}');var Re=JSON.parse('{"select.label.optional":["(valfritt)"]}');import{unsafeCSS as vr}from"lit";var Ie=vr("*,: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}.flex{display:flex}.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{html as fr,LitElement as wr}from"lit";import{property as ge,state as xr}from"lit/decorators.js";import{classMap as kr}from"lit/directives/class-map.js";import{css as mr}from"lit";var Xe=mr`
-:host {
-  display: inline-block;
-}
-.w-icon {
-  --_w-icon-size: var(--w-icon-size, 24px);
-  height: var(--_w-icon-size);
-  width: var(--_w-icon-size);
-  display: flex;
-}
-.w-icon svg {
-  pointer-events: none;
-  height: var(--_w-icon-size);
-  width: var(--_w-icon-size);
-}
-.w-icon--s {
-  --w-icon-size: 16px;
-}
-.w-icon--m {
-  --w-icon-size: 24px;
-}
-.w-icon--l {
-  --w-icon-size: 32px;
-}
-
-`;var ve=new Map,yr='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';function _r(t,r={}){let e=r.responseParser??(o=>o.text());return ve.has(t)||ve.set(t,fetch(t).then(e)),ve.get(t)}var T=class extends wr{constructor(){super(...arguments);this.locale=document.documentElement.lang||"en";this.svg=null}async fetchIcon(e){let o=`https://assets.finn.no/pkg/eikons/v1/${this.locale}/${e}.svg`;try{let a=await _r(o);return new DOMParser().parseFromString(a,"text/html").body.querySelector("svg")}catch{return null}}firstUpdated(){this.loadIcon()}updated(e){(e.has("name")||e.has("locale"))&&this.loadIcon()}async loadIcon(){if(!this.name){this.svg=null;return}let e=await this.fetchIcon(this.name);e||(e=new DOMParser().parseFromString(yr,"text/html").body.firstElementChild),this.svg=e}render(){let e=this.size||"medium",o=this.name||"",a={"w-icon":!0,"w-icon--s":e==="small","w-icon--m":e==="medium","w-icon--l":e==="large"},s=typeof e=="string"&&e.endsWith("px")?`--w-icon-size: ${e};`:"";return fr`<div class="${kr(a)}" style="${s}" part="w-${o.toLowerCase()}">${this.svg}</div>`}};T.styles=[Xe],u([ge({type:String,reflect:!0})],T.prototype,"name",2),u([ge({type:String,reflect:!0})],T.prototype,"size",2),u([ge({type:String,reflect:!0,useDefault:!0})],T.prototype,"locale",2),u([xr()],T.prototype,"svg",2);customElements.get("w-icon")||customElements.define("w-icon",T);var M={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"},Ue={base:"antialiased block relative text-s font-bold pb-4 cursor-pointer s-text",optional:"pl-8 font-normal text-s s-text-subtle"},we={base:"text-xs mt-4 block",color:"s-text-subtle",colorInvalid:"s-text-negative"},H,q,j,l,xe,ee,Ze,N,re,ke,Be,Ge,He,oe,te,v=class extends Ve(Cr){constructor(){super();Z(this,l);this.autoFocus=!1;this.autofocus=!1;this.invalid=!1;this.always=!1;this.optional=!1;this.disabled=!1;this.readOnly=!1;this.readonly=!1;this._options=[];Z(this,H);Z(this,q,()=>f(this,l,re).call(this));Z(this,j);this._setValue=e=>{this.value=e,this.setValue(e)};Te(Ne,Ye,je,Ae,Re)}resetFormControl(){this.value=x(this,H)}connectedCallback(){super.connectedCallback(),le(this,H,this.value),(this.autofocus||this.autoFocus)&&this.shadowRoot.querySelector("select").focus(),f(this,l,ke).call(this,{syncValueFromSelected:!0}),this.ownerDocument?.defaultView?.addEventListener("pageshow",x(this,q)),le(this,j,new MutationObserver(()=>{f(this,l,ke).call(this,{syncValueFromSelected:!0})})),x(this,j).observe(this,{childList:!0,subtree:!0,characterData:!0,attributes:!0,attributeFilter:["selected","disabled","value"]})}disconnectedCallback(){super.disconnectedCallback(),this.ownerDocument?.defaultView?.removeEventListener("pageshow",x(this,q)),x(this,j)?.disconnect()}firstUpdated(){this.value&&f(this,l,N).call(this,this.value),f(this,l,re).call(this,{allowDefaultFirstOption:!1})}formStateRestoreCallback(e,o){if(typeof e=="string"&&e){this._setValue(e),f(this,l,N).call(this,e);return}f(this,l,re).call(this,{allowDefaultFirstOption:!0})}willUpdate(e){e.has("value")&&this.setValue(this.value)}updated(e){if(e.has("value")){let o=f(this,l,ee).call(this);o&&o.value!==this.value&&(o.value=this.value??""),f(this,l,N).call(this,this.value??"")}}handleKeyDown(e){if((this.readonly||this.readOnly)&&(e.key===" "||e.key==="ArrowDown"||e.key==="ArrowUp")&&e.preventDefault(),e.key==="Enter"&&this.internals.form){this.internals.form.requestSubmit();return}}onChange(e){let a=e.currentTarget.value;e.stopPropagation(),this._setValue(a),f(this,l,N).call(this,a),this.dispatchEvent(new CustomEvent("change",{detail:a,bubbles:!0,composed:!0}))}render(){return G`<div class="${M.wrapper}">
-      ${fe(this.label,()=>G`<label class="${Ue.base}" for="${x(this,l,oe)}">
-            ${this.label}
-            ${fe(this.optional,()=>G`<span class="${Ue.optional}"
-                  >${C._({id:"select.label.optional",message:"(optional)",comment:"Shown behind label when marked as optional"})}</span
-                >`)}</label
-          >`)}
-      <div class="${M.selectWrapper}">
-        <select
-          class="${x(this,l,Be)}"
-          id="${x(this,l,oe)}"
-          ?disabled=${this.disabled}
-          aria-readonly="${this.readonly}"
-          aria-describedby="${me(x(this,l,te))}"
-          aria-invalid="${me(this.invalid)}"
-          aria-errormessage="${me(this.invalid&&x(this,l,te))}"
-          @keydown=${this.handleKeyDown}
-          @change=${this.onChange}>
-          ${this._options}
-        </select>
-        <div class="${x(this,l,He)}">
-          <w-icon name="ChevronDown" size="small" locale="${W()}" class="flex"></w-icon>
-        </div>
-      </div>
-      ${fe(this.helpText||this.always||this.invalid,()=>G`<div id="${x(this,l,te)}" class="${x(this,l,Ge)}">${this.helpText||this.hint}</div>`)}
-    </div>`}};H=new WeakMap,q=new WeakMap,j=new WeakMap,l=new WeakSet,xe=function(){return Array.from(this.children).filter(e=>e.tagName.toLowerCase()==="option"||e.tagName.toLowerCase()==="w-option")},ee=function(){return this.shadowRoot?.querySelector("select")},Ze=function(){return f(this,l,xe).call(this).some(e=>e.hasAttribute("selected"))},N=function(e){let o=f(this,l,ee).call(this);if(!o)return;let a=!1;for(let s of Array.from(o.options)){let i=!a&&s.value===e;s.selected=i,s.toggleAttribute("selected",i),i&&(a=!0)}},re=function({allowDefaultFirstOption:e=!1}={}){let o=f(this,l,ee).call(this);if(!o)return;let a=o.value;!a||a===this.value||!e&&!this.value&&!f(this,l,Ze).call(this)&&o.selectedIndex===0||(this._setValue(a),f(this,l,N).call(this,a))},ke=function({syncValueFromSelected:e=!1}={}){let o=f(this,l,xe).call(this),a,s=o.map(i=>{let n=i.getAttribute("value")??"",h=i.textContent??"",w=i.hasAttribute("selected"),F=i.hasAttribute("disabled");return e&&a===void 0&&w&&(a=n),G`<option value="${n}" ?selected=${w} ?disabled=${F}>${h}</option>`});this._options=s,e&&a!==void 0&&a!==this.value&&this._setValue(a)},Be=function(){return B([M.base,!this.invalid&&!this.disabled&&!(this.readonly||this.readOnly)&&M.default,this.invalid&&M.invalid,this.disabled&&M.disabled,(this.readonly||this.readOnly)&&M.readOnly])},Ge=function(){return B([we.base,this.invalid?we.colorInvalid:we.color])},He=function(){return B([M.chevron,this.disabled&&M.chevronDisabled])},oe=function(){return"select_id"},te=function(){return this.helpText||this.hint?`${x(this,l,oe)}__hint`:void 0},v.styles=[De,Ie,zr`
-    /* 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);
-    }
-  `],u([k({attribute:"auto-focus",type:Boolean,reflect:!0})],v.prototype,"autoFocus",2),u([k({type:Boolean,reflect:!0})],v.prototype,"autofocus",2),u([k({attribute:"help-text",reflect:!0})],v.prototype,"helpText",2),u([k({type:Boolean,reflect:!0})],v.prototype,"invalid",2),u([k({type:Boolean,reflect:!0})],v.prototype,"always",2),u([k({reflect:!0})],v.prototype,"hint",2),u([k({reflect:!0})],v.prototype,"label",2),u([k({type:Boolean,reflect:!0})],v.prototype,"optional",2),u([k({type:Boolean,reflect:!0})],v.prototype,"disabled",2),u([k({attribute:"read-only",type:Boolean,reflect:!0})],v.prototype,"readOnly",2),u([k({type:Boolean,reflect:!0})],v.prototype,"readonly",2),u([k({attribute:!1,state:!0})],v.prototype,"_options",2),u([k({reflect:!0})],v.prototype,"name",2),u([k({reflect:!0})],v.prototype,"value",2);customElements.get("w-select")||customElements.define("w-select",v);export{v as WarpSelect};
+	:host {
+		display: inline-block;
+	}
+	.w-icon {
+		--_w-icon-size: var(--w-icon-size, 24px);
+		height: var(--_w-icon-size);
+		width: var(--_w-icon-size);
+		display: flex;
+	}
+	.w-icon svg {
+		pointer-events: none;
+		height: var(--_w-icon-size);
+		width: var(--_w-icon-size);
+	}
+	.w-icon--s {
+		--w-icon-size: 16px;
+	}
+	.w-icon--m {
+		--w-icon-size: 24px;
+	}
+	.w-icon--l {
+		--w-icon-size: 32px;
+	}
+`;var ve=new Map,yr='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';function _r(t,r={}){let e=r.responseParser??(o=>o.text());return ve.has(t)||ve.set(t,fetch(t).then(e)),ve.get(t)}var P=class extends wr{constructor(){super(...arguments);this.locale=document.documentElement.lang||"en";this.svg=null}async fetchIcon(e){let o=`https://assets.finn.no/pkg/eikons/~1/${this.locale}/${e}.svg`;try{let a=await _r(o);return new DOMParser().parseFromString(a,"text/html").body.querySelector("svg")}catch{return null}}firstUpdated(){this.loadIcon()}updated(e){(e.has("name")||e.has("locale"))&&this.loadIcon()}async loadIcon(){if(!this.name){this.svg=null;return}let e=await this.fetchIcon(this.name);e||(e=new DOMParser().parseFromString(yr,"text/html").body.firstElementChild),this.svg=e}render(){let e=this.size||"medium",o=this.name||"",a={"w-icon":!0,"w-icon--s":e==="small","w-icon--m":e==="medium","w-icon--l":e==="large"},s=typeof e=="string"&&e.endsWith("px")?`--w-icon-size: ${e};`:"";return fr`<div
+			class="${kr(a)}"
+			style="${s}"
+			part="w-${o.toLowerCase()}"
+		>
+			${this.svg}
+		</div>`}};P.styles=[Xe],u([ge({type:String,reflect:!0})],P.prototype,"name",2),u([ge({type:String,reflect:!0})],P.prototype,"size",2),u([ge({type:String,reflect:!0,useDefault:!0})],P.prototype,"locale",2),u([xr()],P.prototype,"svg",2);customElements.get("w-icon")||customElements.define("w-icon",P);var M={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"},Ue={base:"antialiased block relative text-s font-bold pb-4 cursor-pointer s-text",optional:"pl-8 font-normal text-s s-text-subtle"},we={base:"text-xs mt-4 block",color:"s-text-subtle",colorInvalid:"s-text-negative"},H,q,j,l,xe,ee,Ze,N,re,ke,Be,Ge,He,oe,te,v=class extends Ve(Cr){constructor(){super();Z(this,l);this.autoFocus=!1;this.autofocus=!1;this.invalid=!1;this.always=!1;this.optional=!1;this.disabled=!1;this.readOnly=!1;this.readonly=!1;this._options=[];Z(this,H);Z(this,q,()=>f(this,l,re).call(this));Z(this,j);this._setValue=e=>{this.value=e,this.setValue(e)};Pe(Ne,Ye,je,Ae,Re)}resetFormControl(){this.value=x(this,H)}connectedCallback(){super.connectedCallback(),le(this,H,this.value),(this.autofocus||this.autoFocus)&&this.shadowRoot.querySelector("select").focus(),f(this,l,ke).call(this,{syncValueFromSelected:!0}),this.ownerDocument?.defaultView?.addEventListener("pageshow",x(this,q)),le(this,j,new MutationObserver(()=>{f(this,l,ke).call(this,{syncValueFromSelected:!0})})),x(this,j).observe(this,{childList:!0,subtree:!0,characterData:!0,attributes:!0,attributeFilter:["selected","disabled","value"]})}disconnectedCallback(){super.disconnectedCallback(),this.ownerDocument?.defaultView?.removeEventListener("pageshow",x(this,q)),x(this,j)?.disconnect()}firstUpdated(){this.value&&f(this,l,N).call(this,this.value),f(this,l,re).call(this,{allowDefaultFirstOption:!1})}formStateRestoreCallback(e,o){if(typeof e=="string"&&e){this._setValue(e),f(this,l,N).call(this,e);return}f(this,l,re).call(this,{allowDefaultFirstOption:!0})}willUpdate(e){e.has("value")&&this.setValue(this.value)}updated(e){if(e.has("value")){let o=f(this,l,ee).call(this);o&&o.value!==this.value&&(o.value=this.value??""),f(this,l,N).call(this,this.value??"")}}handleKeyDown(e){if((this.readonly||this.readOnly)&&(e.key===" "||e.key==="ArrowDown"||e.key==="ArrowUp")&&e.preventDefault(),e.key==="Enter"&&this.internals.form){this.internals.form.requestSubmit();return}}onChange(e){let a=e.currentTarget.value;e.stopPropagation(),this._setValue(a),f(this,l,N).call(this,a),this.dispatchEvent(new CustomEvent("change",{detail:a,bubbles:!0,composed:!0}))}render(){return G`<div class="${M.wrapper}">
+			${fe(this.label,()=>G`<label class="${Ue.base}" for="${x(this,l,oe)}">
+						${this.label}
+						${fe(this.optional,()=>G`<span class="${Ue.optional}"
+									>${C._({id:"select.label.optional",message:"(optional)",comment:"Shown behind label when marked as optional"})}</span
+								>`)}</label
+					>`)}
+			<div class="${M.selectWrapper}">
+				<select
+					class="${x(this,l,Be)}"
+					id="${x(this,l,oe)}"
+					?disabled=${this.disabled}
+					aria-readonly="${this.readonly}"
+					aria-describedby="${me(x(this,l,te))}"
+					aria-invalid="${me(this.invalid)}"
+					aria-errormessage="${me(this.invalid&&x(this,l,te))}"
+					@keydown=${this.handleKeyDown}
+					@change=${this.onChange}
+				>
+					${this._options}
+				</select>
+				<div class="${x(this,l,He)}">
+					<w-icon
+						name="ChevronDown"
+						size="small"
+						locale="${W()}"
+						class="flex"
+					></w-icon>
+				</div>
+			</div>
+			${fe(this.helpText||this.always||this.invalid,()=>G`<div id="${x(this,l,te)}" class="${x(this,l,Ge)}">
+							${this.helpText||this.hint}
+						</div>`)}
+		</div>`}};H=new WeakMap,q=new WeakMap,j=new WeakMap,l=new WeakSet,xe=function(){return[...this.children].filter(e=>e.tagName.toLowerCase()==="option"||e.tagName.toLowerCase()==="w-option")},ee=function(){return this.shadowRoot?.querySelector("select")},Ze=function(){return f(this,l,xe).call(this).some(e=>e.hasAttribute("selected"))},N=function(e){let o=f(this,l,ee).call(this);if(!o)return;let a=!1;for(let s of[...o.options]){let i=!a&&s.value===e;s.selected=i,s.toggleAttribute("selected",i),i&&(a=!0)}},re=function({allowDefaultFirstOption:e=!1}={}){let o=f(this,l,ee).call(this);if(!o)return;let a=o.value;!a||a===this.value||!e&&!this.value&&!f(this,l,Ze).call(this)&&o.selectedIndex===0||(this._setValue(a),f(this,l,N).call(this,a))},ke=function({syncValueFromSelected:e=!1}={}){let o=f(this,l,xe).call(this),a,s=o.map(i=>{let n=i.getAttribute("value")??"",h=i.textContent??"",w=i.hasAttribute("selected"),F=i.hasAttribute("disabled");return e&&a===void 0&&w&&(a=n),G`<option
+				value="${n}"
+				?selected=${w}
+				?disabled=${F}
+			>
+				${h}
+			</option>`});this._options=s,e&&a!==void 0&&a!==this.value&&this._setValue(a)},Be=function(){return B([M.base,!this.invalid&&!this.disabled&&!(this.readonly||this.readOnly)&&M.default,this.invalid&&M.invalid,this.disabled&&M.disabled,(this.readonly||this.readOnly)&&M.readOnly])},Ge=function(){return B([we.base,this.invalid?we.colorInvalid:we.color])},He=function(){return B([M.chevron,this.disabled&&M.chevronDisabled])},oe=function(){return"select_id"},te=function(){return this.helpText||this.hint?`${x(this,l,oe)}__hint`:void 0},v.styles=[De,Ie,zr`
+			/* 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);
+			}
+		`],u([k({attribute:"auto-focus",type:Boolean,reflect:!0})],v.prototype,"autoFocus",2),u([k({type:Boolean,reflect:!0})],v.prototype,"autofocus",2),u([k({attribute:"help-text",reflect:!0})],v.prototype,"helpText",2),u([k({type:Boolean,reflect:!0})],v.prototype,"invalid",2),u([k({type:Boolean,reflect:!0})],v.prototype,"always",2),u([k({reflect:!0})],v.prototype,"hint",2),u([k({reflect:!0})],v.prototype,"label",2),u([k({type:Boolean,reflect:!0})],v.prototype,"optional",2),u([k({type:Boolean,reflect:!0})],v.prototype,"disabled",2),u([k({attribute:"read-only",type:Boolean,reflect:!0})],v.prototype,"readOnly",2),u([k({type:Boolean,reflect:!0})],v.prototype,"readonly",2),u([k({attribute:!1,state:!0})],v.prototype,"_options",2),u([k({reflect:!0})],v.prototype,"name",2),u([k({reflect:!0})],v.prototype,"value",2);customElements.get("w-select")||customElements.define("w-select",v);export{v as WarpSelect};
 //# sourceMappingURL=select.js.map