@warp-ds/elements 2.9.0-next.4 → 2.9.0-next.5

package/dist/packages/affix/affix.js

@@ -1,4 +1,13 @@
-var E=Object.defineProperty;var L=Object.getOwnPropertyDescriptor;var i=(e,o,r,t)=>{for(var a=t>1?void 0:t?L(o,r):o,l=e.length-1,p;l>=0;l--)(p=e[l])&&(a=(t?p(o,r,a):p(a))||a);return t&&a&&E(o,r,a),a};var g=function(){for(var e=[],o=arguments.length;o--;)e[o]=arguments[o];return e.reduce(function(r,t){return r.concat(typeof t=="string"?t:Array.isArray(t)?g.apply(void 0,t):typeof t=="object"&&t?Object.keys(t).map(function(a){return t[a]?a:""}):"")},[]).join(" ")};import{html as d,LitElement as F}from"lit";import{property as b}from"lit/decorators.js";import{ifDefined as z}from"lit/directives/if-defined.js";import{css as w}from"lit";var f=w`
+var Le=Object.create;var J=Object.defineProperty;var ce=Object.getOwnPropertyDescriptor;var Se=Object.getOwnPropertyNames;var Te=Object.getPrototypeOf,Pe=Object.prototype.hasOwnProperty;var de=(t,e)=>()=>(e||t((e={exports:{}}).exports,e),e.exports);var Oe=(t,e,r,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of Se(e))!Pe.call(t,a)&&a!==r&&J(t,a,{get:()=>e[a],enumerable:!(o=ce(e,a))||o.enumerable});return t};var De=(t,e,r)=>(r=t!=null?Le(Te(t)):{},Oe(e||!t||!t.__esModule?J(r,"default",{value:t,enumerable:!0}):r,t));var k=(t,e,r,o)=>{for(var a=o>1?void 0:o?ce(e,r):e,l=t.length-1,s;l>=0;l--)(s=t[l])&&(a=(o?s(e,r,a):s(a))||a);return o&&a&&J(e,r,a),a};var ue=de(T=>{"use strict";Object.defineProperty(T,"__esModule",{value:!0});T.errorMessages=T.ErrorType=void 0;var V;(function(t){t.MalformedUnicode="MALFORMED_UNICODE",t.MalformedHexadecimal="MALFORMED_HEXADECIMAL",t.CodePointLimit="CODE_POINT_LIMIT",t.OctalDeprecation="OCTAL_DEPRECATION",t.EndOfString="END_OF_STRING"})(V=T.ErrorType||(T.ErrorType={}));T.errorMessages=new Map([[V.MalformedUnicode,"malformed Unicode character escape sequence"],[V.MalformedHexadecimal,"malformed hexadecimal character escape sequence"],[V.CodePointLimit,"Unicode codepoint must not be greater than 0x10FFFF in escape sequence"],[V.OctalDeprecation,'"0"-prefixed octal literals and octal escape sequences are deprecated; for octal literals use the "0o" prefix instead'],[V.EndOfString,"malformed escape sequence at end of string"]])});var he=de(_=>{"use strict";Object.defineProperty(_,"__esModule",{value:!0});_.unraw=_.errorMessages=_.ErrorType=void 0;var m=ue();Object.defineProperty(_,"ErrorType",{enumerable:!0,get:function(){return m.ErrorType}});Object.defineProperty(_,"errorMessages",{enumerable:!0,get:function(){return m.errorMessages}});function Ve(t){return!t.match(/[^a-f0-9]/i)?parseInt(t,16):NaN}function U(t,e,r){let o=Ve(t);if(Number.isNaN(o)||r!==void 0&&r!==t.length)throw new SyntaxError(m.errorMessages.get(e));return o}function je(t){let e=U(t,m.ErrorType.MalformedHexadecimal,2);return String.fromCharCode(e)}function be(t,e){let r=U(t,m.ErrorType.MalformedUnicode,4);if(e!==void 0){let o=U(e,m.ErrorType.MalformedUnicode,4);return String.fromCharCode(r,o)}return String.fromCharCode(r)}function $e(t){return t.charAt(0)==="{"&&t.charAt(t.length-1)==="}"}function Ne(t){if(!$e(t))throw new SyntaxError(m.errorMessages.get(m.ErrorType.MalformedUnicode));let e=t.slice(1,-1),r=U(e,m.ErrorType.MalformedUnicode);try{return String.fromCodePoint(r)}catch(o){throw o instanceof RangeError?new SyntaxError(m.errorMessages.get(m.ErrorType.CodePointLimit)):o}}function Ae(t,e=!1){if(e)throw new SyntaxError(m.errorMessages.get(m.ErrorType.OctalDeprecation));let r=parseInt(t,8);return String.fromCharCode(r)}var Ie=new Map([["b","\b"],["f","\f"],["n",`
+`],["r","\r"],["t","	"],["v","\v"],["0","\0"]]);function Ye(t){return Ie.get(t)||t}var Re=/\\(?:(\\)|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 pe(t,e=!1){return t.replace(Re,function(r,o,a,l,s,i,u,h,x){if(o!==void 0)return"\\";if(a!==void 0)return je(a);if(l!==void 0)return Ne(l);if(s!==void 0)return be(s,i);if(u!==void 0)return be(u);if(h==="0")return"\0";if(h!==void 0)return Ae(h,!e);if(x!==void 0)return Ye(x);throw new SyntaxError(m.errorMessages.get(m.ErrorType.EndOfString))})}_.unraw=pe;_.default=pe});var K=function(){for(var t=[],e=arguments.length;e--;)t[e]=arguments[e];return t.reduce(function(r,o){return r.concat(typeof o=="string"?o:Array.isArray(o)?K.apply(void 0,o):typeof o=="object"&&o?Object.keys(o).map(function(a){return o[a]?a:""}):"")},[]).join(" ")};var fe=De(he(),1);var F=t=>typeof t=="string",Ue=t=>typeof t=="function",ge=new Map,ve="en";function te(t){return[...Array.isArray(t)?t:[t],ve]}function oe(t,e,r){let o=te(t);r||(r="default");let a;if(typeof r=="string")switch(a={day:"numeric",month:"short",year:"numeric"},r){case"full":a.weekday="long";case"long":a.month="long";break;case"short":a.month="numeric";break}else a=r;return X(()=>B("date",o,r),()=>new Intl.DateTimeFormat(o,a)).format(F(e)?new Date(e):e)}function Xe(t,e,r){let o;if(r||(r="default"),typeof r=="string")switch(o={second:"numeric",minute:"numeric",hour:"numeric"},r){case"full":case"long":o.timeZoneName="short";break;case"short":delete o.second}else o=r;return oe(t,e,o)}function Q(t,e,r){let o=te(t);return X(()=>B("number",o,r),()=>new Intl.NumberFormat(o,r)).format(e)}function me(t,e,r,{offset:o=0,...a}){var i,u;let l=te(t),s=e?X(()=>B("plural-ordinal",l),()=>new Intl.PluralRules(l,{type:"ordinal"})):X(()=>B("plural-cardinal",l),()=>new Intl.PluralRules(l,{type:"cardinal"}));return(u=(i=a[r])!=null?i:a[s.select(r-o)])!=null?u:a.other}function X(t,e){let r=t(),o=ge.get(r);return o||(o=e(),ge.set(r,o)),o}function B(t,e,r){let o=e.join("-");return`${t}-${o}-${JSON.stringify(r)}`}var we=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,xe="%__lingui_octothorpe__%",Be=(t,e,r={})=>{let o=e||t,a=s=>typeof s=="object"?s:r[s],l=(s,i)=>{let u=Object.keys(r).length?a("number"):void 0,h=Q(o,s,u);return i.replace(new RegExp(xe,"g"),h)};return{plural:(s,i)=>{let{offset:u=0}=i,h=me(o,!1,s,i);return l(s-u,h)},selectordinal:(s,i)=>{let{offset:u=0}=i,h=me(o,!0,s,i);return l(s-u,h)},select:He,number:(s,i)=>Q(o,s,a(i)||{style:i}),date:(s,i)=>oe(o,s,a(i)||i),time:(s,i)=>Xe(o,s,a(i)||i)}},He=(t,e)=>{var r;return(r=e[t])!=null?r:e.other};function Ze(t,e,r){return(o={},a)=>{let l=Be(e,r,a),s=(u,h=!1)=>Array.isArray(u)?u.reduce((x,z)=>{if(z==="#"&&h)return x+xe;if(F(z))return x+z;let[O,v,M]=z,E={};v==="plural"||v==="selectordinal"||v==="select"?Object.entries(M).forEach(([S,j])=>{E[S]=s(j,v==="plural"||v==="selectordinal")}):E=M;let f;if(v){let S=l[v];f=S(o[O],E)}else f=o[O];return f==null?x:x+f},""):u,i=s(t);return F(i)&&we.test(i)?(0,fe.unraw)(i):F(i)?i:i?String(i):""}}var Ge=Object.defineProperty,We=(t,e,r)=>e in t?Ge(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,qe=(t,e,r)=>(We(t,typeof e!="symbol"?e+"":e,r),r),ee=class{constructor(){qe(this,"_events",{})}on(e,r){var a;var o;return(a=(o=this._events)[e])!=null||(o[e]=[]),this._events[e].push(r),()=>this.removeListener(e,r)}removeListener(e,r){let o=this._getListeners(e);if(!o)return;let a=o.indexOf(r);~a&&o.splice(a,1)}emit(e,...r){let o=this._getListeners(e);o&&o.map(a=>a.apply(this,r))}_getListeners(e){let r=this._events[e];return Array.isArray(r)?r:!1}},Je=Object.defineProperty,Ke=(t,e,r)=>e in t?Je(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,P=(t,e,r)=>(Ke(t,typeof e!="symbol"?e+"":e,r),r),re=class extends ee{constructor(e){var r;super(),P(this,"_locale",""),P(this,"_locales"),P(this,"_localeData",{}),P(this,"_messages",{}),P(this,"_missing"),P(this,"_messageCompiler"),P(this,"t",this._.bind(this)),e.missing!=null&&(this._missing=e.missing),e.messages!=null&&this.load(e.messages),e.localeData!=null&&this.loadLocaleData(e.localeData),(typeof e.locale=="string"||e.locales)&&this.activate((r=e.locale)!=null?r:ve,e.locales)}get locale(){return this._locale}get locales(){return this._locales}get messages(){var e;return(e=this._messages[this._locale])!=null?e:{}}get localeData(){var e;return(e=this._localeData[this._locale])!=null?e:{}}_loadLocaleData(e,r){let o=this._localeData[e];o?Object.assign(o,r):this._localeData[e]=r}setMessagesCompiler(e){return this._messageCompiler=e,this}loadLocaleData(e,r){typeof e=="string"?this._loadLocaleData(e,r):Object.keys(e).forEach(o=>this._loadLocaleData(o,e[o])),this.emit("change")}_load(e,r){let o=this._messages[e];o?Object.assign(o,r):this._messages[e]=r}load(e,r){typeof e=="string"&&typeof r=="object"?this._load(e,r):Object.entries(e).forEach(([o,a])=>this._load(o,a)),this.emit("change")}loadAndActivate({locale:e,locales:r,messages:o}){this._locale=e,this._locales=r||void 0,this._messages[this._locale]=o,this.emit("change")}activate(e,r){this._locale=e,this._locales=r,this.emit("change")}_(e,r,o){if(!this.locale)throw new Error("Lingui: Attempted to call a translation function without setting a locale.\nMake sure to call `i18n.activate(locale)` before using Lingui functions.\nThis issue may also occur due to a race condition in your initialization logic.");let a=o==null?void 0:o.message;e||(e=""),F(e)||(r=e.values||r,a=e.message,e=e.id);let l=this.messages[e],s=l===void 0,i=this._missing;if(i&&s)return Ue(i)?i(this._locale,e):i;s&&this.emit("missing",{id:e,locale:this._locale});let u=l||a||e;return F(u)&&(this._messageCompiler?u=this._messageCompiler(u):console.warn(`Uncompiled message detected! Message:
+
+> ${u}
+
+That means you use raw catalog or your catalog doesn't have a translation for the message and fallback was used.
+ICU features such as interpolation and plurals will not work properly for that message. 
+
+Please compile your catalog first. 
+`)),F(u)&&we.test(u)?JSON.parse(`"${u}"`):F(u)?u:Ze(u,this._locale,this._locales)(r,o==null?void 0:o.formats)}date(e,r){return oe(this._locales||this._locale,e,r)}number(e,r){return Q(this._locales||this._locale,e,r)}};function Qe(t={}){return new re(t)}var ae=Qe();import{html as Y,LitElement as ur}from"lit";import{property as R}from"lit/decorators.js";var d=function(t,e,r,o){if(r==="a"&&!o)throw new TypeError("Private accessor was defined without a getter");if(typeof e=="function"?t!==e||!o:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return r==="m"?o:r==="a"?o.call(t):o?o.value:e.get(t)},p=function(t,e,r,o,a){if(o==="m")throw new TypeError("Private method is not writable");if(o==="a"&&!a)throw new TypeError("Private accessor was defined without a setter");if(typeof e=="function"?t!==e||!a:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return o==="a"?a.call(t,r):a?a.value=r:e.set(t,r),r};function ke(t){var e,r,o,a,l,s,i,u,h,x,z,O,v,M,E,f,S,j,G;class Fe extends t{constructor(...n){var c,b,g;super(...n),e.add(this),this.internals=this.attachInternals(),r.set(this,!1),o.set(this,!1),a.set(this,!1),l.set(this,void 0),s.set(this,void 0),i.set(this,!0),h.set(this,""),x.set(this,()=>{p(this,a,!0,"f"),p(this,r,!0,"f"),d(this,e,"m",f).call(this)}),z.set(this,()=>{p(this,r,!1,"f"),d(this,e,"m",S).call(this,this.shouldFormValueUpdate()?d(this,h,"f"):""),!this.validity.valid&&d(this,a,"f")&&p(this,o,!0,"f");let y=d(this,e,"m",f).call(this);this.validationMessageCallback&&this.validationMessageCallback(y?this.internals.validationMessage:"")}),O.set(this,()=>{var y;d(this,i,"f")&&this.validationTarget&&(this.internals.setValidity(this.validity,this.validationMessage,this.validationTarget),p(this,i,!1,"f")),p(this,a,!0,"f"),p(this,o,!0,"f"),d(this,e,"m",f).call(this),(y=this===null||this===void 0?void 0:this.validationMessageCallback)===null||y===void 0||y.call(this,this.showError?this.internals.validationMessage:"")}),v.set(this,void 0),M.set(this,!1),E.set(this,Promise.resolve()),(c=this.addEventListener)===null||c===void 0||c.call(this,"focus",d(this,x,"f")),(b=this.addEventListener)===null||b===void 0||b.call(this,"blur",d(this,z,"f")),(g=this.addEventListener)===null||g===void 0||g.call(this,"invalid",d(this,O,"f")),this.setValue(null)}static get formAssociated(){return!0}static get validators(){return this.formControlValidators||[]}static get observedAttributes(){let n=this.validators.map(g=>g.attribute).flat(),c=super.observedAttributes||[];return[...new Set([...c,...n])]}static getValidator(n){return this.validators.find(c=>c.attribute===n)||null}static getValidators(n){return this.validators.filter(c=>{var b;if(c.attribute===n||!((b=c.attribute)===null||b===void 0)&&b.includes(n))return!0})}get form(){return this.internals.form}get showError(){return d(this,e,"m",f).call(this)}checkValidity(){return this.internals.checkValidity()}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}attributeChangedCallback(n,c,b){var g;(g=super.attributeChangedCallback)===null||g===void 0||g.call(this,n,c,b);let N=this.constructor.getValidators(n);N!=null&&N.length&&this.validationTarget&&this.setValue(d(this,h,"f"))}setValue(n){var c;p(this,o,!1,"f"),(c=this.validationMessageCallback)===null||c===void 0||c.call(this,""),p(this,h,n,"f");let g=this.shouldFormValueUpdate()?n:null;this.internals.setFormValue(g),d(this,e,"m",S).call(this,g),this.valueChangedCallback&&this.valueChangedCallback(g),d(this,e,"m",f).call(this)}shouldFormValueUpdate(){return!0}get validationComplete(){return new Promise(n=>n(d(this,E,"f")))}formResetCallback(){var n,c;p(this,a,!1,"f"),p(this,o,!1,"f"),d(this,e,"m",f).call(this),(n=this.resetFormControl)===null||n===void 0||n.call(this),(c=this.validationMessageCallback)===null||c===void 0||c.call(this,d(this,e,"m",f).call(this)?this.validationMessage:"")}}return r=new WeakMap,o=new WeakMap,a=new WeakMap,l=new WeakMap,s=new WeakMap,i=new WeakMap,h=new WeakMap,x=new WeakMap,z=new WeakMap,O=new WeakMap,v=new WeakMap,M=new WeakMap,E=new WeakMap,e=new WeakSet,u=function(){let n=this.getRootNode(),c=`${this.localName}[name="${this.getAttribute("name")}"]`;return n.querySelectorAll(c)},f=function(){if(this.hasAttribute("disabled"))return!1;let n=d(this,o,"f")||d(this,a,"f")&&!this.validity.valid&&!d(this,r,"f");return n&&this.internals.states?this.internals.states.add("--show-error"):this.internals.states&&this.internals.states.delete("--show-error"),n},S=function(n){let c=this.constructor,b={},g=c.validators,y=[],N=g.some(w=>w.isValid instanceof Promise);d(this,M,"f")||(p(this,E,new Promise(w=>{p(this,v,w,"f")}),"f"),p(this,M,!0,"f")),d(this,l,"f")&&(d(this,l,"f").abort(),p(this,s,d(this,l,"f"),"f"));let A=new AbortController;p(this,l,A,"f");let I,le=!1;g.length&&(g.forEach(w=>{let W=w.key||"customError",D=w.isValid(this,n,A.signal);D instanceof Promise?(y.push(D),D.then(q=>{q!=null&&(b[W]=!q,I=d(this,e,"m",G).call(this,w,n),d(this,e,"m",j).call(this,b,I))})):(b[W]=!D,this.validity[W]!==!D&&(le=!0),!D&&!I&&(I=d(this,e,"m",G).call(this,w,n)))}),Promise.allSettled(y).then(()=>{var w;A!=null&&A.signal.aborted||(p(this,M,!1,"f"),(w=d(this,v,"f"))===null||w===void 0||w.call(this))}),(le||!N)&&d(this,e,"m",j).call(this,b,I))},j=function(n,c){if(this.validationTarget)this.internals.setValidity(n,c,this.validationTarget),p(this,i,!1,"f");else{if(this.internals.setValidity(n,c),this.internals.validity.valid)return;p(this,i,!0,"f")}},G=function(n,c){if(this.validityCallback){let b=this.validityCallback(n.key||"customError");if(b)return b}return n.message instanceof Function?n.message(this,c):n.message},Fe}import{css as ye}from"lit";var _e=ye`
   *,
   :before,
   :after {
@@ -271,7 +280,7 @@ var E=Object.defineProperty;var L=Object.getOwnPropertyDescriptor;var i=(e,o,r,t
   svg {
     pointer-events: none;
   }
-`,I=w`*, :before, :after {
+`,yr=ye`*, :before, :after {
             --w-rotate: 0;
             --w-rotate-x: 0;
             --w-rotate-y: 0;
@@ -2437,7 +2446,7 @@ var E=Object.defineProperty;var L=Object.getOwnPropertyDescriptor;var i=(e,o,r,t
                     display: none
                 }
             }
-        `;import{css as Y}from"lit";var x=Y`*,: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}.rounded-4{border-radius:4px}.block{display:block}.flex{display:flex}.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}.items-center{align-items:center}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.top-0{top:0}.justify-center{justify-content:center}.absolute{position:absolute}.relative{position:relative}.static{position:static}.s-text{color:var(--w-s-color-text)}.w-40{width:4rem}.w-max{width:max-content}.pb-0{padding-bottom:0}.pl-12{padding-left:1.2rem}.pr-12{padding-right:1.2rem}.cursor-default{cursor:default}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:grayscale}.font-bold{font-weight:700}.text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs)}`;import{html as j,LitElement as S}from"lit";import{property as u,state as $}from"lit/decorators.js";import{classMap as P}from"lit/directives/class-map.js";import{css as M}from"lit";var k=M`
+        `;import{css as er}from"lit";var Ce=er`*,: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}.rounded-4{border-radius:4px}.block{display:block}.flex{display:flex}.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}.items-center{align-items:center}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.top-0{top:0}.justify-center{justify-content:center}.absolute{position:absolute}.relative{position:relative}.static{position:static}.s-text{color:var(--w-s-color-text)}.w-40{width:4rem}.w-max{width:max-content}.pb-0{padding-bottom:0}.pl-12{padding-left:1.2rem}.pr-12{padding-right:1.2rem}.cursor-default{cursor:default}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:grayscale}.font-bold{font-weight:700}.text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs)}`;import{html as tr,LitElement as or}from"lit";import{property as ie,state as ar}from"lit/decorators.js";import{classMap as ir}from"lit/directives/class-map.js";import{css as rr}from"lit";var ze=rr`
 :host {
   display: inline-block;
 }
@@ -2462,17 +2471,21 @@ var E=Object.defineProperty;var L=Object.getOwnPropertyDescriptor;var i=(e,o,r,t
   --w-icon-size: 32px;
 }
 
-`;var v=new Map,T='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';function X(e,o={}){var t;let r=(t=o.responseParser)!=null?t:(a=>a.text());return v.has(e)||v.set(e,fetch(e).then(r)),v.get(e)}var n=class extends S{constructor(){super(...arguments);this.locale=document.documentElement.lang||"en";this.svg=null}async fetchIcon(r){let t=`https://assets.finn.no/pkg/eikons/v1/${this.locale}/${r}.svg`;try{let a=await X(t);return new DOMParser().parseFromString(a,"text/html").body.querySelector("svg")}catch(a){return null}}firstUpdated(){this.loadIcon()}updated(r){(r.has("name")||r.has("locale"))&&this.loadIcon()}async loadIcon(){if(!this.name){this.svg=null;return}let r=await this.fetchIcon(this.name);r||(r=new DOMParser().parseFromString(T,"text/html").body.firstElementChild),this.svg=r}render(){let r=this.size||"medium",t=this.name||"",a={"w-icon":!0,"w-icon--s":r==="small","w-icon--m":r==="medium","w-icon--l":r==="large"},l=typeof r=="string"&&r.endsWith("px")?`--w-icon-size: ${r};`:"";return j`<div class="${P(a)}" style="${l}" part="w-${t.toLowerCase()}">${this.svg}</div>`}};n.styles=[k],i([u({type:String,reflect:!0})],n.prototype,"name",2),i([u({type:String,reflect:!0})],n.prototype,"size",2),i([u({type:String,reflect:!0,useDefault:!0})],n.prototype,"locale",2),i([$()],n.prototype,"svg",2);customElements.get("w-icon")||customElements.define("w-icon",n);var Z=["en","nb","fi","da","sv"],h="en",c=e=>Z.find(o=>e===o||e.toLowerCase().includes(o))||h;function m(){if(typeof window=="undefined"){let e=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return c(e)}try{let e=y(document);if(e)return c(e);let o=C();if(o)return c(o);let r=y(B());return r?c(r):h}catch(e){return console.warn("could not detect locale, falling back to source locale",e),h}}function B(){var e,o;try{return(o=(e=window.parent)==null?void 0:e.document)!=null?o:null}catch(r){return null}}function y(e){var o,r;try{return(r=(o=e==null?void 0:e.documentElement)==null?void 0:o.lang)!=null?r:""}catch(t){return""}}function C(){var e,o,r;try{return(r=(o=(e=window.frameElement)==null?void 0:e.getAttribute)==null?void 0:o.call(e,"lang"))!=null?r:""}catch(t){return""}}var _="absolute top-0 bottom-0 flex justify-center items-center focusable rounded-4 focus:[--w-outline-offset:-2px] bg-transparent ",D={wrapper:_+"right-0",wrapperWithLabel:"w-max pr-12",wrapperWithIcon:"w-40",label:"antialiased block relative cursor-default pb-0 font-bold text-xs s-text"},O={wrapper:_+"left-0",wrapperWithLabel:"w-max pl-12",wrapperWithIcon:"w-40",label:"antialiased block relative cursor-default pb-0 font-bold text-xs s-text"},s=class extends F{constructor(){super(...arguments);this.clear=!1;this.search=!1}get _classBase(){return this.slot==="suffix"?D:O}get _classes(){return g([this._classBase.wrapper,this.label?this._classBase.wrapperWithLabel:this._classBase.wrapperWithIcon])}get _searchButton(){return d`
-      <button aria-label="${z(this.ariaLabel)}" class="${this._classes}" type="submit">
-        <w-icon name="Search" size="small" locale="${m()}" class="flex"></w-icon>
+`;var ne=new Map,nr='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';function sr(t,e={}){var o;let r=(o=e.responseParser)!=null?o:(a=>a.text());return ne.has(t)||ne.set(t,fetch(t).then(r)),ne.get(t)}var L=class extends or{constructor(){super(...arguments);this.locale=document.documentElement.lang||"en";this.svg=null}async fetchIcon(r){let o=`https://assets.finn.no/pkg/eikons/v1/${this.locale}/${r}.svg`;try{let a=await sr(o);return new DOMParser().parseFromString(a,"text/html").body.querySelector("svg")}catch(a){return null}}firstUpdated(){this.loadIcon()}updated(r){(r.has("name")||r.has("locale"))&&this.loadIcon()}async loadIcon(){if(!this.name){this.svg=null;return}let r=await this.fetchIcon(this.name);r||(r=new DOMParser().parseFromString(nr,"text/html").body.firstElementChild),this.svg=r}render(){let r=this.size||"medium",o=this.name||"",a={"w-icon":!0,"w-icon--s":r==="small","w-icon--m":r==="medium","w-icon--l":r==="large"},l=typeof r=="string"&&r.endsWith("px")?`--w-icon-size: ${r};`:"";return tr`<div class="${ir(a)}" style="${l}" part="w-${o.toLowerCase()}">${this.svg}</div>`}};L.styles=[ze],k([ie({type:String,reflect:!0})],L.prototype,"name",2),k([ie({type:String,reflect:!0})],L.prototype,"size",2),k([ie({type:String,reflect:!0,useDefault:!0})],L.prototype,"locale",2),k([ar()],L.prototype,"svg",2);customElements.get("w-icon")||customElements.define("w-icon",L);var lr=["en","nb","fi","da","sv"],se="en",H=t=>lr.find(e=>t===e||t.toLowerCase().includes(e))||se;function Z(){if(typeof window=="undefined"){let t=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return H(t)}try{let t=Me(document);if(t)return H(t);let e=dr();if(e)return H(e);let r=Me(cr());return r?H(r):se}catch(t){return console.warn("could not detect locale, falling back to source locale",t),se}}function cr(){var t,e;try{return(e=(t=window.parent)==null?void 0:t.document)!=null?e:null}catch(r){return null}}function Me(t){var e,r;try{return(r=(e=t==null?void 0:t.documentElement)==null?void 0:e.lang)!=null?r:""}catch(o){return""}}function dr(){var t,e,r;try{return(r=(e=(t=window.frameElement)==null?void 0:t.getAttribute)==null?void 0:e.call(t,"lang"))!=null?r:""}catch(o){return""}}var Ee="absolute top-0 bottom-0 flex justify-center items-center focusable rounded-4 focus:[--w-outline-offset:-2px] bg-transparent ",br={wrapper:Ee+"right-0",wrapperWithLabel:"w-max pr-12",wrapperWithIcon:"w-40",label:"antialiased block relative cursor-default pb-0 font-bold text-xs s-text"},pr={wrapper:Ee+"left-0",wrapperWithLabel:"w-max pl-12",wrapperWithIcon:"w-40",label:"antialiased block relative cursor-default pb-0 font-bold text-xs s-text"},C=class extends ke(ur){constructor(){super(...arguments);this.ariaLabel=null;this.clear=!1;this.search=!1;this.label="";this.icon=null}get _classBase(){return this.slot==="suffix"?br:pr}get _classes(){return K([this._classBase.wrapper,this.label?this._classBase.wrapperWithLabel:this._classBase.wrapperWithIcon])}resetContainingTextField(r){let o=this.closest("w-textfield");o&&o.resetFormControl(),r.stopPropagation()}submitContainingForm(r){let o=this.internals.form;o&&o.submit(),r.stopPropagation()}get _searchButton(){let r=this.ariaLabel||ae._({id:"affix.aria.search",message:"Search",comment:"Aria label for the search button in affix"});return Y`
+      <button aria-label="${r}" class="${this._classes}" type="submit" @click="${this.submitContainingForm.bind(this)}">
+        <w-icon name="Search" size="small" locale="${Z()}" class="flex"></w-icon>
       </button>
-    `}get _clearButton(){return d`
-      <button aria-label="${z(this.ariaLabel)}" class="${this._classes}" type="reset">
-        <w-icon name="Close" size="small" locale="${m()}" class="flex"></w-icon>
+    `}get _clearButton(){let r=this.ariaLabel||ae._({id:"affix.aria.clearInput",message:"Clear input",comment:"Aria label for the clear input button in affix"});return Y`
+      <button aria-label="${r}" class="${this._classes}" type="reset" @click="${this.resetContainingTextField.bind(this)}">
+        <w-icon name="Close" size="small" locale="${Z()}" class="flex"></w-icon>
       </button>
-    `}get _text(){return d`
+    `}get _icon(){return this.icon?Y`
+        <div class="${this._classes}">
+          <w-icon name="${this.icon}" size="small" locale="${Z()}" class="flex"></w-icon>
+        </div>
+      `:""}get _text(){return Y`
       <div class="${this._classes}">
         <span class="${this._classBase.label}">${this.label}</span>
       </div>
-    `}get _markup(){if(this.label)return this._text;if(this.search)return this._searchButton;if(this.clear)return this._clearButton}render(){return d`${this._markup}`}};s.styles=[f,x],i([b({attribute:"aria-label"})],s.prototype,"ariaLabel",2),i([b({type:Boolean})],s.prototype,"clear",2),i([b({type:Boolean})],s.prototype,"search",2),i([b()],s.prototype,"label",2);customElements.get("w-affix")||customElements.define("w-affix",s);export{s as WarpAffix};
+    `}get _markup(){if(this.label)return this._text;if(this.icon)return this._icon;if(this.search)return this._searchButton;if(this.clear)return this._clearButton}render(){return Y`${this._markup}`}};C.styles=[_e,Ce],k([R({attribute:"aria-label",reflect:!0,useDefault:!0})],C.prototype,"ariaLabel",2),k([R({type:Boolean})],C.prototype,"clear",2),k([R({type:Boolean})],C.prototype,"search",2),k([R({reflect:!0,useDefault:!0})],C.prototype,"label",2),k([R({reflect:!0,useDefault:!0})],C.prototype,"icon",2);customElements.get("w-affix")||customElements.define("w-affix",C);export{C as WarpAffix};
 //# sourceMappingURL=affix.js.map