@warp-ds/elements 2.10.0-next.3 → 2.10.0-next.5

package/dist/packages/attention/attention.js

@@ -1,4 +1,4 @@
-var Nr=Object.defineProperty;var Br=Object.getOwnPropertyDescriptor;var ft=e=>{throw TypeError(e)};var b=(e,t,r,o)=>{for(var i=o>1?void 0:o?Br(t,r):t,a=e.length-1,n;a>=0;a--)(n=e[a])&&(i=(o?n(t,r,i):n(i))||i);return o&&i&&Nr(t,r,i),i};var vt=(e,t,r)=>t.has(e)||ft("Cannot "+r);var wt=(e,t,r)=>(vt(e,t,"read from private field"),r?r.call(e):t.get(e)),xt=(e,t,r)=>t.has(e)?ft("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,r),yt=(e,t,r,o)=>(vt(e,t,"write to private field"),o?o.call(e,r):t.set(e,r),r);var Se=function(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];return e.reduce(function(r,o){return r.concat(typeof o=="string"?o:Array.isArray(o)?Se.apply(void 0,o):typeof o=="object"&&o?Object.keys(o).map(function(i){return o[i]?i:""}):"")},[]).join(" ")};var oe=e=>typeof e=="string",Ir=e=>typeof e=="function",kt=new Map,Et="en";function it(e){return[...Array.isArray(e)?e:[e],Et]}function nt(e,t,r){let o=it(e);r||(r="default");let i;if(typeof r=="string")switch(i={day:"numeric",month:"short",year:"numeric"},r){case"full":i.weekday="long";case"long":i.month="long";break;case"short":i.month="numeric";break}else i=r;return ze(()=>Oe("date",o,r),()=>new Intl.DateTimeFormat(o,i)).format(oe(t)?new Date(t):t)}function Hr(e,t,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 nt(e,t,o)}function tt(e,t,r){let o=it(e);return ze(()=>Oe("number",o,r),()=>new Intl.NumberFormat(o,r)).format(t)}function _t(e,t,r,{offset:o=0,...i}){var s,l;let a=it(e),n=t?ze(()=>Oe("plural-ordinal",a),()=>new Intl.PluralRules(a,{type:"ordinal"})):ze(()=>Oe("plural-cardinal",a),()=>new Intl.PluralRules(a,{type:"cardinal"}));return(l=(s=i[r])!=null?s:i[n.select(r-o)])!=null?l:i.other}function ze(e,t){let r=e(),o=kt.get(r);return o||(o=t(),kt.set(r,o)),o}function Oe(e,t,r){let o=t.join("-");return`${e}-${o}-${JSON.stringify(r)}`}var Ct=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,St=e=>e.replace(/\\u([a-fA-F0-9]{4})|\\x([a-fA-F0-9]{2})/g,(t,r,o)=>{if(r){let i=parseInt(r,16);return String.fromCharCode(i)}else{let i=parseInt(o,16);return String.fromCharCode(i)}}),zt="%__lingui_octothorpe__%",Yr=(e,t,r={})=>{let o=t||e,i=n=>typeof n=="object"?n:r[n],a=(n,s)=>{let l=Object.keys(r).length?i("number"):void 0,g=tt(o,n,l);return s.replace(new RegExp(zt,"g"),g)};return{plural:(n,s)=>{let{offset:l=0}=s,g=_t(o,!1,n,s);return a(n-l,g)},selectordinal:(n,s)=>{let{offset:l=0}=s,g=_t(o,!0,n,s);return a(n-l,g)},select:qr,number:(n,s)=>tt(o,n,i(s)||{style:s}),date:(n,s)=>nt(o,n,i(s)||s),time:(n,s)=>Hr(o,n,i(s)||s)}},qr=(e,t)=>{var r;return(r=t[e])!=null?r:t.other};function Xr(e,t,r){return(o={},i)=>{let a=Yr(t,r,i),n=(l,g=!1)=>Array.isArray(l)?l.reduce((c,u)=>{if(u==="#"&&g)return c+zt;if(oe(u))return c+u;let[p,d,m]=u,f={};d==="plural"||d==="selectordinal"||d==="select"?Object.entries(m).forEach(([x,y])=>{f[x]=n(y,d==="plural"||d==="selectordinal")}):f=m;let v;if(d){let x=a[d];v=x(o[p],f)}else v=o[p];return v==null?c:c+v},""):l,s=n(e);return oe(s)&&Ct.test(s)?St(s):oe(s)?s:s?String(s):""}}var Ur=Object.defineProperty,Qr=(e,t,r)=>t in e?Ur(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,Zr=(e,t,r)=>(Qr(e,typeof t!="symbol"?t+"":t,r),r),rt=class{constructor(){Zr(this,"_events",{})}on(t,r){var i;var o;return(i=(o=this._events)[t])!=null||(o[t]=[]),this._events[t].push(r),()=>this.removeListener(t,r)}removeListener(t,r){let o=this._getListeners(t);if(!o)return;let i=o.indexOf(r);~i&&o.splice(i,1)}emit(t,...r){let o=this._getListeners(t);o&&o.map(i=>i.apply(this,r))}_getListeners(t){let r=this._events[t];return Array.isArray(r)?r:!1}},Gr=Object.defineProperty,Jr=(e,t,r)=>t in e?Gr(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,se=(e,t,r)=>(Jr(e,typeof t!="symbol"?t+"":t,r),r),ot=class extends rt{constructor(t){var r;super(),se(this,"_locale",""),se(this,"_locales"),se(this,"_localeData",{}),se(this,"_messages",{}),se(this,"_missing"),se(this,"_messageCompiler"),se(this,"t",this._.bind(this)),t.missing!=null&&(this._missing=t.missing),t.messages!=null&&this.load(t.messages),t.localeData!=null&&this.loadLocaleData(t.localeData),(typeof t.locale=="string"||t.locales)&&this.activate((r=t.locale)!=null?r:Et,t.locales)}get locale(){return this._locale}get locales(){return this._locales}get messages(){var t;return(t=this._messages[this._locale])!=null?t:{}}get localeData(){var t;return(t=this._localeData[this._locale])!=null?t:{}}_loadLocaleData(t,r){let o=this._localeData[t];o?Object.assign(o,r):this._localeData[t]=r}setMessagesCompiler(t){return this._messageCompiler=t,this}loadLocaleData(t,r){typeof t=="string"?this._loadLocaleData(t,r):Object.keys(t).forEach(o=>this._loadLocaleData(o,t[o])),this.emit("change")}_load(t,r){let o=this._messages[t];o?Object.assign(o,r):this._messages[t]=r}load(t,r){typeof t=="string"&&typeof r=="object"?this._load(t,r):Object.entries(t).forEach(([o,i])=>this._load(o,i)),this.emit("change")}loadAndActivate({locale:t,locales:r,messages:o}){this._locale=t,this._locales=r||void 0,this._messages[this._locale]=o,this.emit("change")}activate(t,r){this._locale=t,this._locales=r,this.emit("change")}_(t,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 i=o==null?void 0:o.message;t||(t=""),oe(t)||(r=t.values||r,i=t.message,t=t.id);let a=this.messages[t],n=a===void 0,s=this._missing;if(s&&n)return Ir(s)?s(this._locale,t):s;n&&this.emit("missing",{id:t,locale:this._locale});let l=a||i||t;return oe(l)&&(this._messageCompiler?l=this._messageCompiler(l):console.warn(`Uncompiled message detected! Message:
+var Xr=Object.defineProperty;var qr=Object.getOwnPropertyDescriptor;var kt=e=>{throw TypeError(e)};var h=(e,t,r,o)=>{for(var n=o>1?void 0:o?qr(t,r):t,a=e.length-1,i;a>=0;a--)(i=e[a])&&(n=(o?i(t,r,n):i(n))||n);return o&&n&&Xr(t,r,n),n};var _t=(e,t,r)=>t.has(e)||kt("Cannot "+r);var Et=(e,t,r)=>(_t(e,t,"read from private field"),r?r.call(e):t.get(e)),Ct=(e,t,r)=>t.has(e)?kt("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,r),St=(e,t,r,o)=>(_t(e,t,"write to private field"),o?o.call(e,r):t.set(e,r),r);var ze=function(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];return e.reduce(function(r,o){return r.concat(typeof o=="string"?o:Array.isArray(o)?ze.apply(void 0,o):typeof o=="object"&&o?Object.keys(o).map(function(n){return o[n]?n:""}):"")},[]).join(" ")};var oe=e=>typeof e=="string",Ur=e=>typeof e=="function",zt=new Map,Ot="en";function it(e){return[...Array.isArray(e)?e:[e],Ot]}function at(e,t,r){let o=it(e);r||(r="default");let n;if(typeof r=="string")switch(n={day:"numeric",month:"short",year:"numeric"},r){case"full":n.weekday="long";case"long":n.month="long";break;case"short":n.month="numeric";break}else n=r;return Ae(()=>Oe("date",o,r),()=>new Intl.DateTimeFormat(o,n)).format(oe(t)?new Date(t):t)}function Qr(e,t,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 at(e,t,o)}function rt(e,t,r){let o=it(e);return Ae(()=>Oe("number",o,r),()=>new Intl.NumberFormat(o,r)).format(t)}function At(e,t,r,{offset:o=0,...n}){var s,l;let a=it(e),i=t?Ae(()=>Oe("plural-ordinal",a),()=>new Intl.PluralRules(a,{type:"ordinal"})):Ae(()=>Oe("plural-cardinal",a),()=>new Intl.PluralRules(a,{type:"cardinal"}));return(l=(s=n[r])!=null?s:n[i.select(r-o)])!=null?l:n.other}function Ae(e,t){let r=e(),o=zt.get(r);return o||(o=t(),zt.set(r,o)),o}function Oe(e,t,r){let o=t.join("-");return`${e}-${o}-${JSON.stringify(r)}`}var Dt=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,Lt=e=>e.replace(/\\u([a-fA-F0-9]{4})|\\x([a-fA-F0-9]{2})/g,(t,r,o)=>{if(r){let n=parseInt(r,16);return String.fromCharCode(n)}else{let n=parseInt(o,16);return String.fromCharCode(n)}}),Rt="%__lingui_octothorpe__%",Zr=(e,t,r={})=>{let o=t||e,n=i=>typeof i=="object"?i:r[i],a=(i,s)=>{let l=Object.keys(r).length?n("number"):void 0,u=rt(o,i,l);return s.replace(new RegExp(Rt,"g"),u)};return{plural:(i,s)=>{let{offset:l=0}=s,u=At(o,!1,i,s);return a(i-l,u)},selectordinal:(i,s)=>{let{offset:l=0}=s,u=At(o,!0,i,s);return a(i-l,u)},select:Gr,number:(i,s)=>rt(o,i,n(s)||{style:s}),date:(i,s)=>at(o,i,n(s)||s),time:(i,s)=>Qr(o,i,n(s)||s)}},Gr=(e,t)=>{var r;return(r=t[e])!=null?r:t.other};function Jr(e,t,r){return(o={},n)=>{let a=Zr(t,r,n),i=(l,u=!1)=>Array.isArray(l)?l.reduce((c,g)=>{if(g==="#"&&u)return c+Rt;if(oe(g))return c+g;let[p,d,m]=g,f={};d==="plural"||d==="selectordinal"||d==="select"?Object.entries(m).forEach(([x,y])=>{f[x]=i(y,d==="plural"||d==="selectordinal")}):f=m;let v;if(d){let x=a[d];v=x(o[p],f)}else v=o[p];return v==null?c:c+v},""):l,s=i(e);return oe(s)&&Dt.test(s)?Lt(s):oe(s)?s:s?String(s):""}}var Kr=Object.defineProperty,Wr=(e,t,r)=>t in e?Kr(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,eo=(e,t,r)=>(Wr(e,typeof t!="symbol"?t+"":t,r),r),ot=class{constructor(){eo(this,"_events",{})}on(t,r){var n;var o;return(n=(o=this._events)[t])!=null||(o[t]=[]),this._events[t].push(r),()=>this.removeListener(t,r)}removeListener(t,r){let o=this._getListeners(t);if(!o)return;let n=o.indexOf(r);~n&&o.splice(n,1)}emit(t,...r){let o=this._getListeners(t);o&&o.map(n=>n.apply(this,r))}_getListeners(t){let r=this._events[t];return Array.isArray(r)?r:!1}},to=Object.defineProperty,ro=(e,t,r)=>t in e?to(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,se=(e,t,r)=>(ro(e,typeof t!="symbol"?t+"":t,r),r),nt=class extends ot{constructor(t){var r;super(),se(this,"_locale",""),se(this,"_locales"),se(this,"_localeData",{}),se(this,"_messages",{}),se(this,"_missing"),se(this,"_messageCompiler"),se(this,"t",this._.bind(this)),t.missing!=null&&(this._missing=t.missing),t.messages!=null&&this.load(t.messages),t.localeData!=null&&this.loadLocaleData(t.localeData),(typeof t.locale=="string"||t.locales)&&this.activate((r=t.locale)!=null?r:Ot,t.locales)}get locale(){return this._locale}get locales(){return this._locales}get messages(){var t;return(t=this._messages[this._locale])!=null?t:{}}get localeData(){var t;return(t=this._localeData[this._locale])!=null?t:{}}_loadLocaleData(t,r){let o=this._localeData[t];o?Object.assign(o,r):this._localeData[t]=r}setMessagesCompiler(t){return this._messageCompiler=t,this}loadLocaleData(t,r){typeof t=="string"?this._loadLocaleData(t,r):Object.keys(t).forEach(o=>this._loadLocaleData(o,t[o])),this.emit("change")}_load(t,r){let o=this._messages[t];o?Object.assign(o,r):this._messages[t]=r}load(t,r){typeof t=="string"&&typeof r=="object"?this._load(t,r):Object.entries(t).forEach(([o,n])=>this._load(o,n)),this.emit("change")}loadAndActivate({locale:t,locales:r,messages:o}){this._locale=t,this._locales=r||void 0,this._messages[this._locale]=o,this.emit("change")}activate(t,r){this._locale=t,this._locales=r,this.emit("change")}_(t,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 n=o==null?void 0:o.message;t||(t=""),oe(t)||(r=t.values||r,n=t.message,t=t.id);let a=this.messages[t],i=a===void 0,s=this._missing;if(s&&i)return Ur(s)?s(this._locale,t):s;i&&this.emit("missing",{id:t,locale:this._locale});let l=a||n||t;return oe(l)&&(this._messageCompiler?l=this._messageCompiler(l):console.warn(`Uncompiled message detected! Message:
 
 > ${l}
 
@@ -6,7 +6,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. 
-`)),oe(l)&&Ct.test(l)?St(l):oe(l)?l:Xr(l,this._locale,this._locales)(r,o==null?void 0:o.formats)}date(t,r){return nt(this._locales||this._locale,t,r)}number(t,r){return tt(this._locales||this._locale,t,r)}};function Kr(e={}){return new ot(e)}var R=Kr();var Rt=["top","right","bottom","left"];var ee=Math.min,B=Math.max,we=Math.round;var G=e=>({x:e,y:e}),Wr={left:"right",right:"left",bottom:"top",top:"bottom"};function Re(e,t,r){return B(e,ee(t,r))}function ie(e,t){return typeof e=="function"?e(t):e}function te(e){return e.split("-")[0]}function le(e){return e.split("-")[1]}function at(e){return e==="x"?"y":"x"}function De(e){return e==="y"?"height":"width"}function J(e){let t=e[0];return t==="t"||t==="b"?"y":"x"}function Te(e){return at(J(e))}function Dt(e,t,r){r===void 0&&(r=!1);let o=le(e),i=Te(e),a=De(i),n=i==="x"?o===(r?"end":"start")?"right":"left":o==="start"?"bottom":"top";return t.reference[a]>t.floating[a]&&(n=ve(n)),[n,ve(n)]}function Tt(e){let t=ve(e);return[Ae(e),t,Ae(t)]}function Ae(e){return e.includes("start")?e.replace("start","end"):e.replace("end","start")}var Ot=["left","right"],At=["right","left"],eo=["top","bottom"],to=["bottom","top"];function ro(e,t,r){switch(e){case"top":case"bottom":return r?t?At:Ot:t?Ot:At;case"left":case"right":return t?eo:to;default:return[]}}function Lt(e,t,r,o){let i=le(e),a=ro(te(e),r==="start",o);return i&&(a=a.map(n=>n+"-"+i),t&&(a=a.concat(a.map(Ae)))),a}function ve(e){let t=te(e);return Wr[t]+e.slice(t.length)}function oo(e){return{top:0,right:0,bottom:0,left:0,...e}}function st(e){return typeof e!="number"?oo(e):{top:e,right:e,bottom:e,left:e}}function ce(e){let{x:t,y:r,width:o,height:i}=e;return{width:o,height:i,top:r,left:t,right:t+o,bottom:r+i,x:t,y:r}}function Mt(e,t,r){let{reference:o,floating:i}=e,a=J(t),n=Te(t),s=De(n),l=te(t),g=a==="y",c=o.x+o.width/2-i.width/2,u=o.y+o.height/2-i.height/2,p=o[s]/2-i[s]/2,d;switch(l){case"top":d={x:c,y:o.y-i.height};break;case"bottom":d={x:c,y:o.y+o.height};break;case"right":d={x:o.x+o.width,y:u};break;case"left":d={x:o.x-i.width,y:u};break;default:d={x:o.x,y:o.y}}switch(le(t)){case"start":d[n]-=p*(r&&g?-1:1);break;case"end":d[n]+=p*(r&&g?-1:1);break}return d}async function $t(e,t){var r;t===void 0&&(t={});let{x:o,y:i,platform:a,rects:n,elements:s,strategy:l}=e,{boundary:g="clippingAncestors",rootBoundary:c="viewport",elementContext:u="floating",altBoundary:p=!1,padding:d=0}=ie(t,e),m=st(d),v=s[p?u==="floating"?"reference":"floating":u],x=ce(await a.getClippingRect({element:(r=await(a.isElement==null?void 0:a.isElement(v)))==null||r?v:v.contextElement||await(a.getDocumentElement==null?void 0:a.getDocumentElement(s.floating)),boundary:g,rootBoundary:c,strategy:l})),y=u==="floating"?{x:o,y:i,width:n.floating.width,height:n.floating.height}:n.reference,k=await(a.getOffsetParent==null?void 0:a.getOffsetParent(s.floating)),z=await(a.isElement==null?void 0:a.isElement(k))?await(a.getScale==null?void 0:a.getScale(k))||{x:1,y:1}:{x:1,y:1},T=ce(a.convertOffsetParentRelativeRectToViewportRelativeRect?await a.convertOffsetParentRelativeRectToViewportRelativeRect({elements:s,rect:y,offsetParent:k,strategy:l}):y);return{top:(x.top-T.top+m.top)/z.y,bottom:(T.bottom-x.bottom+m.bottom)/z.y,left:(x.left-T.left+m.left)/z.x,right:(T.right-x.right+m.right)/z.x}}var io=50,jt=async(e,t,r)=>{let{placement:o="bottom",strategy:i="absolute",middleware:a=[],platform:n}=r,s=n.detectOverflow?n:{...n,detectOverflow:$t},l=await(n.isRTL==null?void 0:n.isRTL(t)),g=await n.getElementRects({reference:e,floating:t,strategy:i}),{x:c,y:u}=Mt(g,o,l),p=o,d=0,m={};for(let f=0;f<a.length;f++){let v=a[f];if(!v)continue;let{name:x,fn:y}=v,{x:k,y:z,data:T,reset:h}=await y({x:c,y:u,initialPlacement:o,placement:p,strategy:i,middlewareData:m,rects:g,platform:s,elements:{reference:e,floating:t}});c=k!=null?k:c,u=z!=null?z:u,m[x]={...m[x],...T},h&&d<io&&(d++,typeof h=="object"&&(h.placement&&(p=h.placement),h.rects&&(g=h.rects===!0?await n.getElementRects({reference:e,floating:t,strategy:i}):h.rects),{x:c,y:u}=Mt(g,p,l)),f=-1)}return{x:c,y:u,placement:p,strategy:i,middlewareData:m}},Vt=e=>({name:"arrow",options:e,async fn(t){let{x:r,y:o,placement:i,rects:a,platform:n,elements:s,middlewareData:l}=t,{element:g,padding:c=0}=ie(e,t)||{};if(g==null)return{};let u=st(c),p={x:r,y:o},d=Te(i),m=De(d),f=await n.getDimensions(g),v=d==="y",x=v?"top":"left",y=v?"bottom":"right",k=v?"clientHeight":"clientWidth",z=a.reference[m]+a.reference[d]-p[d]-a.floating[m],T=p[d]-a.reference[d],h=await(n.getOffsetParent==null?void 0:n.getOffsetParent(g)),w=h?h[k]:0;(!w||!await(n.isElement==null?void 0:n.isElement(h)))&&(w=s.floating[k]||a.floating[m]);let _=z/2-T/2,C=w/2-f[m]/2-1,O=ee(u[x],C),V=ee(u[y],C),j=O,N=w-f[m]-V,M=w/2-f[m]/2+_,D=Re(j,M,N),H=!l.arrow&&le(i)!=null&&M!==D&&a.reference[m]/2-(M<j?O:V)-f[m]/2<0,P=H?M<j?M-j:M-N:0;return{[d]:p[d]+P,data:{[d]:D,centerOffset:M-D-P,...H&&{alignmentOffset:P}},reset:H}}});var Nt=function(e){return e===void 0&&(e={}),{name:"flip",options:e,async fn(t){var r,o;let{placement:i,middlewareData:a,rects:n,initialPlacement:s,platform:l,elements:g}=t,{mainAxis:c=!0,crossAxis:u=!0,fallbackPlacements:p,fallbackStrategy:d="bestFit",fallbackAxisSideDirection:m="none",flipAlignment:f=!0,...v}=ie(e,t);if((r=a.arrow)!=null&&r.alignmentOffset)return{};let x=te(i),y=J(s),k=te(s)===s,z=await(l.isRTL==null?void 0:l.isRTL(g.floating)),T=p||(k||!f?[ve(s)]:Tt(s)),h=m!=="none";!p&&h&&T.push(...Lt(s,f,m,z));let w=[s,...T],_=await l.detectOverflow(t,v),C=[],O=((o=a.flip)==null?void 0:o.overflows)||[];if(c&&C.push(_[x]),u){let M=Dt(i,n,z);C.push(_[M[0]],_[M[1]])}if(O=[...O,{placement:i,overflows:C}],!C.every(M=>M<=0)){var V,j;let M=(((V=a.flip)==null?void 0:V.index)||0)+1,D=w[M];if(D&&(!(u==="alignment"?y!==J(D):!1)||O.every(X=>J(X.placement)===y?X.overflows[0]>0:!0)))return{data:{index:M,overflows:O},reset:{placement:D}};let H=(j=O.filter(P=>P.overflows[0]<=0).sort((P,X)=>P.overflows[1]-X.overflows[1])[0])==null?void 0:j.placement;if(!H)switch(d){case"bestFit":{var N;let P=(N=O.filter(X=>{if(h){let U=J(X.placement);return U===y||U==="y"}return!0}).map(X=>[X.placement,X.overflows.filter(U=>U>0).reduce((U,Vr)=>U+Vr,0)]).sort((X,U)=>X[1]-U[1])[0])==null?void 0:N[0];P&&(H=P);break}case"initialPlacement":H=s;break}if(i!==H)return{reset:{placement:H}}}return{}}}};function Pt(e,t){return{top:e.top-t.height,right:e.right-t.width,bottom:e.bottom-t.height,left:e.left-t.width}}function Ft(e){return Rt.some(t=>e[t]>=0)}var Bt=function(e){return e===void 0&&(e={}),{name:"hide",options:e,async fn(t){let{rects:r,platform:o}=t,{strategy:i="referenceHidden",...a}=ie(e,t);switch(i){case"referenceHidden":{let n=await o.detectOverflow(t,{...a,elementContext:"reference"}),s=Pt(n,r.reference);return{data:{referenceHiddenOffsets:s,referenceHidden:Ft(s)}}}case"escaped":{let n=await o.detectOverflow(t,{...a,altBoundary:!0}),s=Pt(n,r.floating);return{data:{escapedOffsets:s,escaped:Ft(s)}}}default:return{}}}}};var no=new Set(["left","top"]);async function ao(e,t){let{placement:r,platform:o,elements:i}=e,a=await(o.isRTL==null?void 0:o.isRTL(i.floating)),n=te(r),s=le(r),l=J(r)==="y",g=no.has(n)?-1:1,c=a&&l?-1:1,u=ie(t,e),{mainAxis:p,crossAxis:d,alignmentAxis:m}=typeof u=="number"?{mainAxis:u,crossAxis:0,alignmentAxis:null}:{mainAxis:u.mainAxis||0,crossAxis:u.crossAxis||0,alignmentAxis:u.alignmentAxis};return s&&typeof m=="number"&&(d=s==="end"?m*-1:m),l?{x:d*c,y:p*g}:{x:p*g,y:d*c}}var It=function(e){return e===void 0&&(e=0),{name:"offset",options:e,async fn(t){var r,o;let{x:i,y:a,placement:n,middlewareData:s}=t,l=await ao(t,e);return n===((r=s.offset)==null?void 0:r.placement)&&(o=s.arrow)!=null&&o.alignmentOffset?{}:{x:i+l.x,y:a+l.y,data:{...l,placement:n}}}}},Ht=function(e){return e===void 0&&(e={}),{name:"shift",options:e,async fn(t){let{x:r,y:o,placement:i,platform:a}=t,{mainAxis:n=!0,crossAxis:s=!1,limiter:l={fn:x=>{let{x:y,y:k}=x;return{x:y,y:k}}},...g}=ie(e,t),c={x:r,y:o},u=await a.detectOverflow(t,g),p=J(te(i)),d=at(p),m=c[d],f=c[p];if(n){let x=d==="y"?"top":"left",y=d==="y"?"bottom":"right",k=m+u[x],z=m-u[y];m=Re(k,m,z)}if(s){let x=p==="y"?"top":"left",y=p==="y"?"bottom":"right",k=f+u[x],z=f-u[y];f=Re(k,f,z)}let v=l.fn({...t,[d]:m,[p]:f});return{...v,data:{x:v.x-r,y:v.y-o,enabled:{[d]:n,[p]:s}}}}}};var Yt=function(e){return e===void 0&&(e={}),{name:"size",options:e,async fn(t){var r,o;let{placement:i,rects:a,platform:n,elements:s}=t,{apply:l=()=>{},...g}=ie(e,t),c=await n.detectOverflow(t,g),u=te(i),p=le(i),d=J(i)==="y",{width:m,height:f}=a.floating,v,x;u==="top"||u==="bottom"?(v=u,x=p===(await(n.isRTL==null?void 0:n.isRTL(s.floating))?"start":"end")?"left":"right"):(x=u,v=p==="end"?"top":"bottom");let y=f-c.top-c.bottom,k=m-c.left-c.right,z=ee(f-c[v],y),T=ee(m-c[x],k),h=!t.middlewareData.shift,w=z,_=T;if((r=t.middlewareData.shift)!=null&&r.enabled.x&&(_=k),(o=t.middlewareData.shift)!=null&&o.enabled.y&&(w=y),h&&!p){let O=B(c.left,0),V=B(c.right,0),j=B(c.top,0),N=B(c.bottom,0);d?_=m-2*(O!==0||V!==0?O+V:B(c.left,c.right)):w=f-2*(j!==0||N!==0?j+N:B(c.top,c.bottom))}await l({...t,availableWidth:_,availableHeight:w});let C=await n.getDimensions(s.floating);return m!==C.width||f!==C.height?{reset:{rects:!0}}:{}}}};function Me(){return typeof window!="undefined"}function ge(e){return Xt(e)?(e.nodeName||"").toLowerCase():"#document"}function I(e){var t;return(e==null||(t=e.ownerDocument)==null?void 0:t.defaultView)||window}function K(e){var t;return(t=(Xt(e)?e.ownerDocument:e.document)||window.document)==null?void 0:t.documentElement}function Xt(e){return Me()?e instanceof Node||e instanceof I(e).Node:!1}function Q(e){return Me()?e instanceof Element||e instanceof I(e).Element:!1}function W(e){return Me()?e instanceof HTMLElement||e instanceof I(e).HTMLElement:!1}function qt(e){return!Me()||typeof ShadowRoot=="undefined"?!1:e instanceof ShadowRoot||e instanceof I(e).ShadowRoot}function me(e){let{overflow:t,overflowX:r,overflowY:o,display:i}=Z(e);return/auto|scroll|overlay|hidden|clip/.test(t+o+r)&&i!=="inline"&&i!=="contents"}function Ut(e){return/^(table|td|th)$/.test(ge(e))}function xe(e){try{if(e.matches(":popover-open"))return!0}catch(t){}try{return e.matches(":modal")}catch(t){return!1}}var so=/transform|translate|scale|rotate|perspective|filter/,lo=/paint|layout|strict|content/,de=e=>!!e&&e!=="none",lt;function Pe(e){let t=Q(e)?Z(e):e;return de(t.transform)||de(t.translate)||de(t.scale)||de(t.rotate)||de(t.perspective)||!Fe()&&(de(t.backdropFilter)||de(t.filter))||so.test(t.willChange||"")||lo.test(t.contain||"")}function Qt(e){let t=re(e);for(;W(t)&&!ue(t);){if(Pe(t))return t;if(xe(t))return null;t=re(t)}return null}function Fe(){return lt==null&&(lt=typeof CSS!="undefined"&&CSS.supports&&CSS.supports("-webkit-backdrop-filter","none")),lt}function ue(e){return/^(html|body|#document)$/.test(ge(e))}function Z(e){return I(e).getComputedStyle(e)}function ye(e){return Q(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function re(e){if(ge(e)==="html")return e;let t=e.assignedSlot||e.parentNode||qt(e)&&e.host||K(e);return qt(t)?t.host:t}function Zt(e){let t=re(e);return ue(t)?e.ownerDocument?e.ownerDocument.body:e.body:W(t)&&me(t)?t:Zt(t)}function Le(e,t,r){var o;t===void 0&&(t=[]),r===void 0&&(r=!0);let i=Zt(e),a=i===((o=e.ownerDocument)==null?void 0:o.body),n=I(i);if(a){let s=$e(n);return t.concat(n,n.visualViewport||[],me(i)?i:[],s&&r?Le(s):[])}else return t.concat(i,Le(i,[],r))}function $e(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function Wt(e){let t=Z(e),r=parseFloat(t.width)||0,o=parseFloat(t.height)||0,i=W(e),a=i?e.offsetWidth:r,n=i?e.offsetHeight:o,s=we(r)!==a||we(o)!==n;return s&&(r=a,o=n),{width:r,height:o,$:s}}function er(e){return Q(e)?e:e.contextElement}function he(e){let t=er(e);if(!W(t))return G(1);let r=t.getBoundingClientRect(),{width:o,height:i,$:a}=Wt(t),n=(a?we(r.width):r.width)/o,s=(a?we(r.height):r.height)/i;return(!n||!Number.isFinite(n))&&(n=1),(!s||!Number.isFinite(s))&&(s=1),{x:n,y:s}}var co=G(0);function tr(e){let t=I(e);return!Fe()||!t.visualViewport?co:{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}}function go(e,t,r){return t===void 0&&(t=!1),!r||t&&r!==I(e)?!1:t}function ke(e,t,r,o){t===void 0&&(t=!1),r===void 0&&(r=!1);let i=e.getBoundingClientRect(),a=er(e),n=G(1);t&&(o?Q(o)&&(n=he(o)):n=he(e));let s=go(a,r,o)?tr(a):G(0),l=(i.left+s.x)/n.x,g=(i.top+s.y)/n.y,c=i.width/n.x,u=i.height/n.y;if(a){let p=I(a),d=o&&Q(o)?I(o):o,m=p,f=$e(m);for(;f&&o&&d!==m;){let v=he(f),x=f.getBoundingClientRect(),y=Z(f),k=x.left+(f.clientLeft+parseFloat(y.paddingLeft))*v.x,z=x.top+(f.clientTop+parseFloat(y.paddingTop))*v.y;l*=v.x,g*=v.y,c*=v.x,u*=v.y,l+=k,g+=z,m=I(f),f=$e(m)}}return ce({width:c,height:u,x:l,y:g})}function je(e,t){let r=ye(e).scrollLeft;return t?t.left+r:ke(K(e)).left+r}function rr(e,t){let r=e.getBoundingClientRect(),o=r.left+t.scrollLeft-je(e,r),i=r.top+t.scrollTop;return{x:o,y:i}}function uo(e){let{elements:t,rect:r,offsetParent:o,strategy:i}=e,a=i==="fixed",n=K(o),s=t?xe(t.floating):!1;if(o===n||s&&a)return r;let l={scrollLeft:0,scrollTop:0},g=G(1),c=G(0),u=W(o);if((u||!u&&!a)&&((ge(o)!=="body"||me(n))&&(l=ye(o)),u)){let d=ke(o);g=he(o),c.x=d.x+o.clientLeft,c.y=d.y+o.clientTop}let p=n&&!u&&!a?rr(n,l):G(0);return{width:r.width*g.x,height:r.height*g.y,x:r.x*g.x-l.scrollLeft*g.x+c.x+p.x,y:r.y*g.y-l.scrollTop*g.y+c.y+p.y}}function po(e){return Array.from(e.getClientRects())}function mo(e){let t=K(e),r=ye(e),o=e.ownerDocument.body,i=B(t.scrollWidth,t.clientWidth,o.scrollWidth,o.clientWidth),a=B(t.scrollHeight,t.clientHeight,o.scrollHeight,o.clientHeight),n=-r.scrollLeft+je(e),s=-r.scrollTop;return Z(o).direction==="rtl"&&(n+=B(t.clientWidth,o.clientWidth)-i),{width:i,height:a,x:n,y:s}}var Gt=25;function ho(e,t){let r=I(e),o=K(e),i=r.visualViewport,a=o.clientWidth,n=o.clientHeight,s=0,l=0;if(i){a=i.width,n=i.height;let c=Fe();(!c||c&&t==="fixed")&&(s=i.offsetLeft,l=i.offsetTop)}let g=je(o);if(g<=0){let c=o.ownerDocument,u=c.body,p=getComputedStyle(u),d=c.compatMode==="CSS1Compat"&&parseFloat(p.marginLeft)+parseFloat(p.marginRight)||0,m=Math.abs(o.clientWidth-u.clientWidth-d);m<=Gt&&(a-=m)}else g<=Gt&&(a+=g);return{width:a,height:n,x:s,y:l}}function bo(e,t){let r=ke(e,!0,t==="fixed"),o=r.top+e.clientTop,i=r.left+e.clientLeft,a=W(e)?he(e):G(1),n=e.clientWidth*a.x,s=e.clientHeight*a.y,l=i*a.x,g=o*a.y;return{width:n,height:s,x:l,y:g}}function Jt(e,t,r){let o;if(t==="viewport")o=ho(e,r);else if(t==="document")o=mo(K(e));else if(Q(t))o=bo(t,r);else{let i=tr(e);o={x:t.x-i.x,y:t.y-i.y,width:t.width,height:t.height}}return ce(o)}function or(e,t){let r=re(e);return r===t||!Q(r)||ue(r)?!1:Z(r).position==="fixed"||or(r,t)}function fo(e,t){let r=t.get(e);if(r)return r;let o=Le(e,[],!1).filter(s=>Q(s)&&ge(s)!=="body"),i=null,a=Z(e).position==="fixed",n=a?re(e):e;for(;Q(n)&&!ue(n);){let s=Z(n),l=Pe(n);!l&&s.position==="fixed"&&(i=null),(a?!l&&!i:!l&&s.position==="static"&&!!i&&(i.position==="absolute"||i.position==="fixed")||me(n)&&!l&&or(e,n))?o=o.filter(c=>c!==n):i=s,n=re(n)}return t.set(e,o),o}function vo(e){let{element:t,boundary:r,rootBoundary:o,strategy:i}=e,n=[...r==="clippingAncestors"?xe(t)?[]:fo(t,this._c):[].concat(r),o],s=Jt(t,n[0],i),l=s.top,g=s.right,c=s.bottom,u=s.left;for(let p=1;p<n.length;p++){let d=Jt(t,n[p],i);l=B(d.top,l),g=ee(d.right,g),c=ee(d.bottom,c),u=B(d.left,u)}return{width:g-u,height:c-l,x:u,y:l}}function wo(e){let{width:t,height:r}=Wt(e);return{width:t,height:r}}function xo(e,t,r){let o=W(t),i=K(t),a=r==="fixed",n=ke(e,!0,a,t),s={scrollLeft:0,scrollTop:0},l=G(0);function g(){l.x=je(i)}if(o||!o&&!a)if((ge(t)!=="body"||me(i))&&(s=ye(t)),o){let d=ke(t,!0,a,t);l.x=d.x+t.clientLeft,l.y=d.y+t.clientTop}else i&&g();a&&!o&&i&&g();let c=i&&!o&&!a?rr(i,s):G(0),u=n.left+s.scrollLeft-l.x-c.x,p=n.top+s.scrollTop-l.y-c.y;return{x:u,y:p,width:n.width,height:n.height}}function ct(e){return Z(e).position==="static"}function Kt(e,t){if(!W(e)||Z(e).position==="fixed")return null;if(t)return t(e);let r=e.offsetParent;return K(e)===r&&(r=r.ownerDocument.body),r}function ir(e,t){let r=I(e);if(xe(e))return r;if(!W(e)){let i=re(e);for(;i&&!ue(i);){if(Q(i)&&!ct(i))return i;i=re(i)}return r}let o=Kt(e,t);for(;o&&Ut(o)&&ct(o);)o=Kt(o,t);return o&&ue(o)&&ct(o)&&!Pe(o)?r:o||Qt(e)||r}var yo=async function(e){let t=this.getOffsetParent||ir,r=this.getDimensions,o=await r(e.floating);return{reference:xo(e.reference,await t(e.floating),e.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}};function ko(e){return Z(e).direction==="rtl"}var _o={convertOffsetParentRelativeRectToViewportRelativeRect:uo,getDocumentElement:K,getClippingRect:vo,getOffsetParent:ir,getElementRects:yo,getClientRects:po,getDimensions:wo,getScale:he,isElement:Q,isRTL:ko};var nr=It;var ar=Ht,sr=Nt,lr=Yt,cr=Bt,dr=Vt;var gr=(e,t,r)=>{let o=new Map,i={platform:_o,...r},a={...i.platform,_c:o};return jt(e,t,{...i,platform:a})};var Ne="top-start",Be="top",Ie="top-end",He="right-start",Ye="right",qe="right-end",Xe="bottom-start",_e="bottom",Ue="bottom-end",Qe="left-start",Ze="left",Ge="left-end",dt=[Ne,Be,Ie,He,Ye,qe,Xe,_e,Ue,Qe,Ze,Ge],pe={[Ne]:Xe,[Be]:_e,[Ie]:Ue,[Xe]:Ne,[_e]:Be,[Ue]:Ie,[Qe]:He,[Ze]:Ye,[Ge]:qe,[He]:Qe,[Ye]:Ze,[qe]:Ge},Eo={[Qe]:-45,[Ze]:-45,[Ge]:-45,[Ne]:45,[Be]:45,[Ie]:45,[He]:135,[Ye]:135,[qe]:135,[Xe]:-135,[_e]:-135,[Ue]:-135},Co=e=>{let t;return/-/.test(e)?t=e.split("-").map(r=>r.charAt(0).toUpperCase()+r.slice(1)).join(""):t=e.charAt(0).toUpperCase()+e.slice(1),t},So=e=>e.split("-")[0],zo=e=>pe[So(e)],pr=e=>pe[e],Oo=e=>Eo[pr(e)],Ao=(e,t,r)=>{Object.assign(e==null?void 0:e.style,{borderTopLeftRadius:"4px",zIndex:1,[`margin${Co(zo(r))}`]:"-0.5px",transform:`rotate(${t}deg)`})},ur=8,Ve=24;async function gt(e){var o,i,a;if(!(e!=null&&e.isShowing)||(e!=null&&e.waitForDOM&&await(e==null?void 0:e.waitForDOM()),!(e!=null&&e.targetEl)||!(e!=null&&e.attentionEl)))return;let t=e==null?void 0:e.targetEl,r=e.attentionEl;return gr(t,r,{placement:(o=e==null?void 0:e.directionName)!=null?o:_e,middleware:[nr({mainAxis:(i=e==null?void 0:e.distance)!=null?i:8,crossAxis:(a=e==null?void 0:e.skidding)!=null?a:0}),(e==null?void 0:e.flip)&&sr({crossAxis:e==null?void 0:e.crossAxis,fallbackPlacements:e==null?void 0:e.fallbackPlacements}),(e==null?void 0:e.flip)&&ar({crossAxis:!0}),!(e!=null&&e.noArrow)&&(e==null?void 0:e.arrowEl)&&dr({element:e==null?void 0:e.arrowEl}),cr(),lr({apply(){Object.assign(r.style,{paddingRight:`${ur}px`,paddingLeft:`${ur}px`})}})]}).then(({x:n,y:s,middlewareData:l,placement:g})=>{if(e.actualDirection=g,e!=null&&e.isCallout||Object.assign(r.style,{left:`${n}px`,top:`${s}px`}),l!=null&&l.hide&&!(e!=null&&e.isCallout)){let{referenceHidden:c}=l.hide;Object.assign(r.style,{visibility:c?"hidden":""})}if(l!=null&&l.arrow&&(e!=null&&e.arrowEl)){let c=e==null?void 0:e.arrowEl,{x:u,y:p}=l.arrow,d=window.getComputedStyle(r).direction==="rtl",m=pr(g).split("-")[1],f="",v="",x="",y="";if(m==="start"){let k=typeof u=="number"?`calc(${Ve}px - ${c.offsetWidth/2}px)`:"";f=typeof p=="number"?`calc(${Ve}px - ${c.offsetWidth/2}px)`:"",v=d?k:"",y=d?"":k}else if(m==="end"){let k=typeof u=="number"?`calc(${Ve}px - ${c.offsetWidth/2}px)`:"";v=d?"":k,y=d?k:"",x=typeof p=="number"?`calc(${Ve}px - ${c.offsetWidth/2}px)`:""}else y=typeof u=="number"?`${u}px`:"",f=typeof p=="number"?`${p}px`:"";Object.assign(c.style,{top:f,right:v,bottom:x,left:y}),Ao(c,Oo(g),g)}}),e}import{css as Go,html as fe,LitElement as Jo,nothing as bt}from"lit";import{property as q}from"lit/decorators.js";import{ifDefined as Ko}from"lit/directives/if-defined.js";var Ro=["en","nb","fi","da","sv"],ut="en",Je=e=>Ro.find(t=>e===t||e.toLowerCase().includes(t))||ut;function Ke(){if(typeof window=="undefined"){let e=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return Je(e)}try{let e=hr(document);if(e)return Je(e);let t=Mo();if(t)return Je(t);let r=hr(fr());return r?Je(r):ut}catch(e){return console.warn("could not detect locale, falling back to source locale",e),ut}}var We=(e,t,r,o,i)=>{R.load("en",e),R.load("nb",t),R.load("fi",r),R.load("da",o),R.load("sv",i);let a=Ke();R.activate(a),br(),To()},Do="warp-i18n-change";function br(){typeof window!="undefined"&&window.dispatchEvent(new Event(Do))}var mr=!1;function To(){if(mr||typeof window=="undefined"||!(document!=null&&document.documentElement))return;mr=!0;let e=()=>{let i=Ke();R.locale!==i&&(R.activate(i),br())},t=new MutationObserver(i=>{for(let a of i)if(a.type==="attributes"&&a.attributeName==="lang"){e();break}});t.observe(document.documentElement,{attributes:!0,attributeFilter:["lang"]});let r=fr();r&&r.documentElement&&r!==document&&t.observe(r.documentElement,{attributes:!0,attributeFilter:["lang"]});let o=Lo();o&&t.observe(o,{attributes:!0,attributeFilter:["lang"]})}function fr(){var e,t;try{return(t=(e=window.parent)==null?void 0:e.document)!=null?t:null}catch(r){return null}}function hr(e){var t,r;try{return(r=(t=e==null?void 0:e.documentElement)==null?void 0:t.lang)!=null?r:""}catch(o){return""}}function Lo(){var e;try{return(e=window.frameElement)!=null?e:null}catch(t){return null}}function Mo(){var e,t,r;try{return(r=(t=(e=window.frameElement)==null?void 0:e.getAttribute)==null?void 0:t.call(e,"lang"))!=null?r:""}catch(o){return""}}import{css as vr}from"lit";var be=vr`
+`)),oe(l)&&Dt.test(l)?Lt(l):oe(l)?l:Jr(l,this._locale,this._locales)(r,o==null?void 0:o.formats)}date(t,r){return at(this._locales||this._locale,t,r)}number(t,r){return rt(this._locales||this._locale,t,r)}};function oo(e={}){return new nt(e)}var D=oo();var Pt=["top","right","bottom","left"];var ee=Math.min,B=Math.max,we=Math.round;var G=e=>({x:e,y:e}),no={left:"right",right:"left",bottom:"top",top:"bottom"};function Le(e,t,r){return B(e,ee(t,r))}function ne(e,t){return typeof e=="function"?e(t):e}function te(e){return e.split("-")[0]}function le(e){return e.split("-")[1]}function st(e){return e==="x"?"y":"x"}function Re(e){return e==="y"?"height":"width"}function J(e){let t=e[0];return t==="t"||t==="b"?"y":"x"}function Te(e){return st(J(e))}function $t(e,t,r){r===void 0&&(r=!1);let o=le(e),n=Te(e),a=Re(n),i=n==="x"?o===(r?"end":"start")?"right":"left":o==="start"?"bottom":"top";return t.reference[a]>t.floating[a]&&(i=ve(i)),[i,ve(i)]}function Ft(e){let t=ve(e);return[De(e),t,De(t)]}function De(e){return e.includes("start")?e.replace("start","end"):e.replace("end","start")}var Tt=["left","right"],Mt=["right","left"],io=["top","bottom"],ao=["bottom","top"];function so(e,t,r){switch(e){case"top":case"bottom":return r?t?Mt:Tt:t?Tt:Mt;case"left":case"right":return t?io:ao;default:return[]}}function jt(e,t,r,o){let n=le(e),a=so(te(e),r==="start",o);return n&&(a=a.map(i=>i+"-"+n),t&&(a=a.concat(a.map(De)))),a}function ve(e){let t=te(e);return no[t]+e.slice(t.length)}function lo(e){return{top:0,right:0,bottom:0,left:0,...e}}function lt(e){return typeof e!="number"?lo(e):{top:e,right:e,bottom:e,left:e}}function ce(e){let{x:t,y:r,width:o,height:n}=e;return{width:o,height:n,top:r,left:t,right:t+o,bottom:r+n,x:t,y:r}}function Vt(e,t,r){let{reference:o,floating:n}=e,a=J(t),i=Te(t),s=Re(i),l=te(t),u=a==="y",c=o.x+o.width/2-n.width/2,g=o.y+o.height/2-n.height/2,p=o[s]/2-n[s]/2,d;switch(l){case"top":d={x:c,y:o.y-n.height};break;case"bottom":d={x:c,y:o.y+o.height};break;case"right":d={x:o.x+o.width,y:g};break;case"left":d={x:o.x-n.width,y:g};break;default:d={x:o.x,y:o.y}}switch(le(t)){case"start":d[i]-=p*(r&&u?-1:1);break;case"end":d[i]+=p*(r&&u?-1:1);break}return d}async function It(e,t){var r;t===void 0&&(t={});let{x:o,y:n,platform:a,rects:i,elements:s,strategy:l}=e,{boundary:u="clippingAncestors",rootBoundary:c="viewport",elementContext:g="floating",altBoundary:p=!1,padding:d=0}=ne(t,e),m=lt(d),v=s[p?g==="floating"?"reference":"floating":g],x=ce(await a.getClippingRect({element:(r=await(a.isElement==null?void 0:a.isElement(v)))==null||r?v:v.contextElement||await(a.getDocumentElement==null?void 0:a.getDocumentElement(s.floating)),boundary:u,rootBoundary:c,strategy:l})),y=g==="floating"?{x:o,y:n,width:i.floating.width,height:i.floating.height}:i.reference,k=await(a.getOffsetParent==null?void 0:a.getOffsetParent(s.floating)),z=await(a.isElement==null?void 0:a.isElement(k))?await(a.getScale==null?void 0:a.getScale(k))||{x:1,y:1}:{x:1,y:1},R=ce(a.convertOffsetParentRelativeRectToViewportRelativeRect?await a.convertOffsetParentRelativeRectToViewportRelativeRect({elements:s,rect:y,offsetParent:k,strategy:l}):y);return{top:(x.top-R.top+m.top)/z.y,bottom:(R.bottom-x.bottom+m.bottom)/z.y,left:(x.left-R.left+m.left)/z.x,right:(R.right-x.right+m.right)/z.x}}var co=50,Ht=async(e,t,r)=>{let{placement:o="bottom",strategy:n="absolute",middleware:a=[],platform:i}=r,s=i.detectOverflow?i:{...i,detectOverflow:It},l=await(i.isRTL==null?void 0:i.isRTL(t)),u=await i.getElementRects({reference:e,floating:t,strategy:n}),{x:c,y:g}=Vt(u,o,l),p=o,d=0,m={};for(let f=0;f<a.length;f++){let v=a[f];if(!v)continue;let{name:x,fn:y}=v,{x:k,y:z,data:R,reset:b}=await y({x:c,y:g,initialPlacement:o,placement:p,strategy:n,middlewareData:m,rects:u,platform:s,elements:{reference:e,floating:t}});c=k!=null?k:c,g=z!=null?z:g,m[x]={...m[x],...R},b&&d<co&&(d++,typeof b=="object"&&(b.placement&&(p=b.placement),b.rects&&(u=b.rects===!0?await i.getElementRects({reference:e,floating:t,strategy:n}):b.rects),{x:c,y:g}=Vt(u,p,l)),f=-1)}return{x:c,y:g,placement:p,strategy:n,middlewareData:m}},Yt=e=>({name:"arrow",options:e,async fn(t){let{x:r,y:o,placement:n,rects:a,platform:i,elements:s,middlewareData:l}=t,{element:u,padding:c=0}=ne(e,t)||{};if(u==null)return{};let g=lt(c),p={x:r,y:o},d=Te(n),m=Re(d),f=await i.getDimensions(u),v=d==="y",x=v?"top":"left",y=v?"bottom":"right",k=v?"clientHeight":"clientWidth",z=a.reference[m]+a.reference[d]-p[d]-a.floating[m],R=p[d]-a.reference[d],b=await(i.getOffsetParent==null?void 0:i.getOffsetParent(u)),w=b?b[k]:0;(!w||!await(i.isElement==null?void 0:i.isElement(b)))&&(w=s.floating[k]||a.floating[m]);let _=z/2-R/2,C=w/2-f[m]/2-1,A=ee(g[x],C),V=ee(g[y],C),j=A,N=w-f[m]-V,M=w/2-f[m]/2+_,L=Le(j,M,N),H=!l.arrow&&le(n)!=null&&M!==L&&a.reference[m]/2-(M<j?A:V)-f[m]/2<0,P=H?M<j?M-j:M-N:0;return{[d]:p[d]+P,data:{[d]:L,centerOffset:M-L-P,...H&&{alignmentOffset:P}},reset:H}}});var Xt=function(e){return e===void 0&&(e={}),{name:"flip",options:e,async fn(t){var r,o;let{placement:n,middlewareData:a,rects:i,initialPlacement:s,platform:l,elements:u}=t,{mainAxis:c=!0,crossAxis:g=!0,fallbackPlacements:p,fallbackStrategy:d="bestFit",fallbackAxisSideDirection:m="none",flipAlignment:f=!0,...v}=ne(e,t);if((r=a.arrow)!=null&&r.alignmentOffset)return{};let x=te(n),y=J(s),k=te(s)===s,z=await(l.isRTL==null?void 0:l.isRTL(u.floating)),R=p||(k||!f?[ve(s)]:Ft(s)),b=m!=="none";!p&&b&&R.push(...jt(s,f,m,z));let w=[s,...R],_=await l.detectOverflow(t,v),C=[],A=((o=a.flip)==null?void 0:o.overflows)||[];if(c&&C.push(_[x]),g){let M=$t(n,i,z);C.push(_[M[0]],_[M[1]])}if(A=[...A,{placement:n,overflows:C}],!C.every(M=>M<=0)){var V,j;let M=(((V=a.flip)==null?void 0:V.index)||0)+1,L=w[M];if(L&&(!(g==="alignment"?y!==J(L):!1)||A.every(q=>J(q.placement)===y?q.overflows[0]>0:!0)))return{data:{index:M,overflows:A},reset:{placement:L}};let H=(j=A.filter(P=>P.overflows[0]<=0).sort((P,q)=>P.overflows[1]-q.overflows[1])[0])==null?void 0:j.placement;if(!H)switch(d){case"bestFit":{var N;let P=(N=A.filter(q=>{if(b){let U=J(q.placement);return U===y||U==="y"}return!0}).map(q=>[q.placement,q.overflows.filter(U=>U>0).reduce((U,Yr)=>U+Yr,0)]).sort((q,U)=>q[1]-U[1])[0])==null?void 0:N[0];P&&(H=P);break}case"initialPlacement":H=s;break}if(n!==H)return{reset:{placement:H}}}return{}}}};function Nt(e,t){return{top:e.top-t.height,right:e.right-t.width,bottom:e.bottom-t.height,left:e.left-t.width}}function Bt(e){return Pt.some(t=>e[t]>=0)}var qt=function(e){return e===void 0&&(e={}),{name:"hide",options:e,async fn(t){let{rects:r,platform:o}=t,{strategy:n="referenceHidden",...a}=ne(e,t);switch(n){case"referenceHidden":{let i=await o.detectOverflow(t,{...a,elementContext:"reference"}),s=Nt(i,r.reference);return{data:{referenceHiddenOffsets:s,referenceHidden:Bt(s)}}}case"escaped":{let i=await o.detectOverflow(t,{...a,altBoundary:!0}),s=Nt(i,r.floating);return{data:{escapedOffsets:s,escaped:Bt(s)}}}default:return{}}}}};var uo=new Set(["left","top"]);async function go(e,t){let{placement:r,platform:o,elements:n}=e,a=await(o.isRTL==null?void 0:o.isRTL(n.floating)),i=te(r),s=le(r),l=J(r)==="y",u=uo.has(i)?-1:1,c=a&&l?-1:1,g=ne(t,e),{mainAxis:p,crossAxis:d,alignmentAxis:m}=typeof g=="number"?{mainAxis:g,crossAxis:0,alignmentAxis:null}:{mainAxis:g.mainAxis||0,crossAxis:g.crossAxis||0,alignmentAxis:g.alignmentAxis};return s&&typeof m=="number"&&(d=s==="end"?m*-1:m),l?{x:d*c,y:p*u}:{x:p*u,y:d*c}}var Ut=function(e){return e===void 0&&(e=0),{name:"offset",options:e,async fn(t){var r,o;let{x:n,y:a,placement:i,middlewareData:s}=t,l=await go(t,e);return i===((r=s.offset)==null?void 0:r.placement)&&(o=s.arrow)!=null&&o.alignmentOffset?{}:{x:n+l.x,y:a+l.y,data:{...l,placement:i}}}}},Qt=function(e){return e===void 0&&(e={}),{name:"shift",options:e,async fn(t){let{x:r,y:o,placement:n,platform:a}=t,{mainAxis:i=!0,crossAxis:s=!1,limiter:l={fn:x=>{let{x:y,y:k}=x;return{x:y,y:k}}},...u}=ne(e,t),c={x:r,y:o},g=await a.detectOverflow(t,u),p=J(te(n)),d=st(p),m=c[d],f=c[p];if(i){let x=d==="y"?"top":"left",y=d==="y"?"bottom":"right",k=m+g[x],z=m-g[y];m=Le(k,m,z)}if(s){let x=p==="y"?"top":"left",y=p==="y"?"bottom":"right",k=f+g[x],z=f-g[y];f=Le(k,f,z)}let v=l.fn({...t,[d]:m,[p]:f});return{...v,data:{x:v.x-r,y:v.y-o,enabled:{[d]:i,[p]:s}}}}}};var Zt=function(e){return e===void 0&&(e={}),{name:"size",options:e,async fn(t){var r,o;let{placement:n,rects:a,platform:i,elements:s}=t,{apply:l=()=>{},...u}=ne(e,t),c=await i.detectOverflow(t,u),g=te(n),p=le(n),d=J(n)==="y",{width:m,height:f}=a.floating,v,x;g==="top"||g==="bottom"?(v=g,x=p===(await(i.isRTL==null?void 0:i.isRTL(s.floating))?"start":"end")?"left":"right"):(x=g,v=p==="end"?"top":"bottom");let y=f-c.top-c.bottom,k=m-c.left-c.right,z=ee(f-c[v],y),R=ee(m-c[x],k),b=!t.middlewareData.shift,w=z,_=R;if((r=t.middlewareData.shift)!=null&&r.enabled.x&&(_=k),(o=t.middlewareData.shift)!=null&&o.enabled.y&&(w=y),b&&!p){let A=B(c.left,0),V=B(c.right,0),j=B(c.top,0),N=B(c.bottom,0);d?_=m-2*(A!==0||V!==0?A+V:B(c.left,c.right)):w=f-2*(j!==0||N!==0?j+N:B(c.top,c.bottom))}await l({...t,availableWidth:_,availableHeight:w});let C=await i.getDimensions(s.floating);return m!==C.width||f!==C.height?{reset:{rects:!0}}:{}}}};function Pe(){return typeof window!="undefined"}function ue(e){return Jt(e)?(e.nodeName||"").toLowerCase():"#document"}function I(e){var t;return(e==null||(t=e.ownerDocument)==null?void 0:t.defaultView)||window}function K(e){var t;return(t=(Jt(e)?e.ownerDocument:e.document)||window.document)==null?void 0:t.documentElement}function Jt(e){return Pe()?e instanceof Node||e instanceof I(e).Node:!1}function Q(e){return Pe()?e instanceof Element||e instanceof I(e).Element:!1}function W(e){return Pe()?e instanceof HTMLElement||e instanceof I(e).HTMLElement:!1}function Gt(e){return!Pe()||typeof ShadowRoot=="undefined"?!1:e instanceof ShadowRoot||e instanceof I(e).ShadowRoot}function me(e){let{overflow:t,overflowX:r,overflowY:o,display:n}=Z(e);return/auto|scroll|overlay|hidden|clip/.test(t+o+r)&&n!=="inline"&&n!=="contents"}function Kt(e){return/^(table|td|th)$/.test(ue(e))}function xe(e){try{if(e.matches(":popover-open"))return!0}catch(t){}try{return e.matches(":modal")}catch(t){return!1}}var po=/transform|translate|scale|rotate|perspective|filter/,mo=/paint|layout|strict|content/,de=e=>!!e&&e!=="none",ct;function $e(e){let t=Q(e)?Z(e):e;return de(t.transform)||de(t.translate)||de(t.scale)||de(t.rotate)||de(t.perspective)||!Fe()&&(de(t.backdropFilter)||de(t.filter))||po.test(t.willChange||"")||mo.test(t.contain||"")}function Wt(e){let t=re(e);for(;W(t)&&!ge(t);){if($e(t))return t;if(xe(t))return null;t=re(t)}return null}function Fe(){return ct==null&&(ct=typeof CSS!="undefined"&&CSS.supports&&CSS.supports("-webkit-backdrop-filter","none")),ct}function ge(e){return/^(html|body|#document)$/.test(ue(e))}function Z(e){return I(e).getComputedStyle(e)}function ye(e){return Q(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function re(e){if(ue(e)==="html")return e;let t=e.assignedSlot||e.parentNode||Gt(e)&&e.host||K(e);return Gt(t)?t.host:t}function er(e){let t=re(e);return ge(t)?e.ownerDocument?e.ownerDocument.body:e.body:W(t)&&me(t)?t:er(t)}function Me(e,t,r){var o;t===void 0&&(t=[]),r===void 0&&(r=!0);let n=er(e),a=n===((o=e.ownerDocument)==null?void 0:o.body),i=I(n);if(a){let s=je(i);return t.concat(i,i.visualViewport||[],me(n)?n:[],s&&r?Me(s):[])}else return t.concat(n,Me(n,[],r))}function je(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function nr(e){let t=Z(e),r=parseFloat(t.width)||0,o=parseFloat(t.height)||0,n=W(e),a=n?e.offsetWidth:r,i=n?e.offsetHeight:o,s=we(r)!==a||we(o)!==i;return s&&(r=a,o=i),{width:r,height:o,$:s}}function ir(e){return Q(e)?e:e.contextElement}function be(e){let t=ir(e);if(!W(t))return G(1);let r=t.getBoundingClientRect(),{width:o,height:n,$:a}=nr(t),i=(a?we(r.width):r.width)/o,s=(a?we(r.height):r.height)/n;return(!i||!Number.isFinite(i))&&(i=1),(!s||!Number.isFinite(s))&&(s=1),{x:i,y:s}}var bo=G(0);function ar(e){let t=I(e);return!Fe()||!t.visualViewport?bo:{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}}function ho(e,t,r){return t===void 0&&(t=!1),!r||t&&r!==I(e)?!1:t}function ke(e,t,r,o){t===void 0&&(t=!1),r===void 0&&(r=!1);let n=e.getBoundingClientRect(),a=ir(e),i=G(1);t&&(o?Q(o)&&(i=be(o)):i=be(e));let s=ho(a,r,o)?ar(a):G(0),l=(n.left+s.x)/i.x,u=(n.top+s.y)/i.y,c=n.width/i.x,g=n.height/i.y;if(a){let p=I(a),d=o&&Q(o)?I(o):o,m=p,f=je(m);for(;f&&o&&d!==m;){let v=be(f),x=f.getBoundingClientRect(),y=Z(f),k=x.left+(f.clientLeft+parseFloat(y.paddingLeft))*v.x,z=x.top+(f.clientTop+parseFloat(y.paddingTop))*v.y;l*=v.x,u*=v.y,c*=v.x,g*=v.y,l+=k,u+=z,m=I(f),f=je(m)}}return ce({width:c,height:g,x:l,y:u})}function Ve(e,t){let r=ye(e).scrollLeft;return t?t.left+r:ke(K(e)).left+r}function sr(e,t){let r=e.getBoundingClientRect(),o=r.left+t.scrollLeft-Ve(e,r),n=r.top+t.scrollTop;return{x:o,y:n}}function fo(e){let{elements:t,rect:r,offsetParent:o,strategy:n}=e,a=n==="fixed",i=K(o),s=t?xe(t.floating):!1;if(o===i||s&&a)return r;let l={scrollLeft:0,scrollTop:0},u=G(1),c=G(0),g=W(o);if((g||!g&&!a)&&((ue(o)!=="body"||me(i))&&(l=ye(o)),g)){let d=ke(o);u=be(o),c.x=d.x+o.clientLeft,c.y=d.y+o.clientTop}let p=i&&!g&&!a?sr(i,l):G(0);return{width:r.width*u.x,height:r.height*u.y,x:r.x*u.x-l.scrollLeft*u.x+c.x+p.x,y:r.y*u.y-l.scrollTop*u.y+c.y+p.y}}function vo(e){return Array.from(e.getClientRects())}function wo(e){let t=K(e),r=ye(e),o=e.ownerDocument.body,n=B(t.scrollWidth,t.clientWidth,o.scrollWidth,o.clientWidth),a=B(t.scrollHeight,t.clientHeight,o.scrollHeight,o.clientHeight),i=-r.scrollLeft+Ve(e),s=-r.scrollTop;return Z(o).direction==="rtl"&&(i+=B(t.clientWidth,o.clientWidth)-n),{width:n,height:a,x:i,y:s}}var tr=25;function xo(e,t){let r=I(e),o=K(e),n=r.visualViewport,a=o.clientWidth,i=o.clientHeight,s=0,l=0;if(n){a=n.width,i=n.height;let c=Fe();(!c||c&&t==="fixed")&&(s=n.offsetLeft,l=n.offsetTop)}let u=Ve(o);if(u<=0){let c=o.ownerDocument,g=c.body,p=getComputedStyle(g),d=c.compatMode==="CSS1Compat"&&parseFloat(p.marginLeft)+parseFloat(p.marginRight)||0,m=Math.abs(o.clientWidth-g.clientWidth-d);m<=tr&&(a-=m)}else u<=tr&&(a+=u);return{width:a,height:i,x:s,y:l}}function yo(e,t){let r=ke(e,!0,t==="fixed"),o=r.top+e.clientTop,n=r.left+e.clientLeft,a=W(e)?be(e):G(1),i=e.clientWidth*a.x,s=e.clientHeight*a.y,l=n*a.x,u=o*a.y;return{width:i,height:s,x:l,y:u}}function rr(e,t,r){let o;if(t==="viewport")o=xo(e,r);else if(t==="document")o=wo(K(e));else if(Q(t))o=yo(t,r);else{let n=ar(e);o={x:t.x-n.x,y:t.y-n.y,width:t.width,height:t.height}}return ce(o)}function lr(e,t){let r=re(e);return r===t||!Q(r)||ge(r)?!1:Z(r).position==="fixed"||lr(r,t)}function ko(e,t){let r=t.get(e);if(r)return r;let o=Me(e,[],!1).filter(s=>Q(s)&&ue(s)!=="body"),n=null,a=Z(e).position==="fixed",i=a?re(e):e;for(;Q(i)&&!ge(i);){let s=Z(i),l=$e(i);!l&&s.position==="fixed"&&(n=null),(a?!l&&!n:!l&&s.position==="static"&&!!n&&(n.position==="absolute"||n.position==="fixed")||me(i)&&!l&&lr(e,i))?o=o.filter(c=>c!==i):n=s,i=re(i)}return t.set(e,o),o}function _o(e){let{element:t,boundary:r,rootBoundary:o,strategy:n}=e,i=[...r==="clippingAncestors"?xe(t)?[]:ko(t,this._c):[].concat(r),o],s=rr(t,i[0],n),l=s.top,u=s.right,c=s.bottom,g=s.left;for(let p=1;p<i.length;p++){let d=rr(t,i[p],n);l=B(d.top,l),u=ee(d.right,u),c=ee(d.bottom,c),g=B(d.left,g)}return{width:u-g,height:c-l,x:g,y:l}}function Eo(e){let{width:t,height:r}=nr(e);return{width:t,height:r}}function Co(e,t,r){let o=W(t),n=K(t),a=r==="fixed",i=ke(e,!0,a,t),s={scrollLeft:0,scrollTop:0},l=G(0);function u(){l.x=Ve(n)}if(o||!o&&!a)if((ue(t)!=="body"||me(n))&&(s=ye(t)),o){let d=ke(t,!0,a,t);l.x=d.x+t.clientLeft,l.y=d.y+t.clientTop}else n&&u();a&&!o&&n&&u();let c=n&&!o&&!a?sr(n,s):G(0),g=i.left+s.scrollLeft-l.x-c.x,p=i.top+s.scrollTop-l.y-c.y;return{x:g,y:p,width:i.width,height:i.height}}function dt(e){return Z(e).position==="static"}function or(e,t){if(!W(e)||Z(e).position==="fixed")return null;if(t)return t(e);let r=e.offsetParent;return K(e)===r&&(r=r.ownerDocument.body),r}function cr(e,t){let r=I(e);if(xe(e))return r;if(!W(e)){let n=re(e);for(;n&&!ge(n);){if(Q(n)&&!dt(n))return n;n=re(n)}return r}let o=or(e,t);for(;o&&Kt(o)&&dt(o);)o=or(o,t);return o&&ge(o)&&dt(o)&&!$e(o)?r:o||Wt(e)||r}var So=async function(e){let t=this.getOffsetParent||cr,r=this.getDimensions,o=await r(e.floating);return{reference:Co(e.reference,await t(e.floating),e.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}};function zo(e){return Z(e).direction==="rtl"}var Ao={convertOffsetParentRelativeRectToViewportRelativeRect:fo,getDocumentElement:K,getClippingRect:_o,getOffsetParent:cr,getElementRects:So,getClientRects:vo,getDimensions:Eo,getScale:be,isElement:Q,isRTL:zo};var dr=Ut;var ur=Qt,gr=Xt,pr=Zt,mr=qt,br=Yt;var hr=(e,t,r)=>{let o=new Map,n={platform:Ao,...r},a={...n.platform,_c:o};return Ht(e,t,{...n,platform:a})};var Be="top-start",Ie="top",He="top-end",Ye="right-start",Xe="right",qe="right-end",Ue="bottom-start",_e="bottom",Qe="bottom-end",Ze="left-start",Ge="left",Je="left-end",ut=[Be,Ie,He,Ye,Xe,qe,Ue,_e,Qe,Ze,Ge,Je],pe={[Be]:Ue,[Ie]:_e,[He]:Qe,[Ue]:Be,[_e]:Ie,[Qe]:He,[Ze]:Ye,[Ge]:Xe,[Je]:qe,[Ye]:Ze,[Xe]:Ge,[qe]:Je},Oo={[Ze]:-45,[Ge]:-45,[Je]:-45,[Be]:45,[Ie]:45,[He]:45,[Ye]:135,[Xe]:135,[qe]:135,[Ue]:-135,[_e]:-135,[Qe]:-135},Do=e=>{let t;return/-/.test(e)?t=e.split("-").map(r=>r.charAt(0).toUpperCase()+r.slice(1)).join(""):t=e.charAt(0).toUpperCase()+e.slice(1),t},Lo=e=>e.split("-")[0],Ro=e=>pe[Lo(e)],vr=e=>pe[e],To=e=>Oo[vr(e)],Mo=(e,t,r)=>{Object.assign(e==null?void 0:e.style,{borderTopLeftRadius:"4px",zIndex:1,[`margin${Do(Ro(r))}`]:"-0.5px",transform:`rotate(${t}deg)`})},fr=8,Ne=24;async function gt(e){var o,n,a;if(!(e!=null&&e.isShowing)||(e!=null&&e.waitForDOM&&await(e==null?void 0:e.waitForDOM()),!(e!=null&&e.targetEl)||!(e!=null&&e.attentionEl)))return;let t=e==null?void 0:e.targetEl,r=e.attentionEl;return hr(t,r,{placement:(o=e==null?void 0:e.directionName)!=null?o:_e,middleware:[dr({mainAxis:(n=e==null?void 0:e.distance)!=null?n:8,crossAxis:(a=e==null?void 0:e.skidding)!=null?a:0}),(e==null?void 0:e.flip)&&gr({crossAxis:e==null?void 0:e.crossAxis,fallbackPlacements:e==null?void 0:e.fallbackPlacements}),(e==null?void 0:e.flip)&&ur({crossAxis:!0}),!(e!=null&&e.noArrow)&&(e==null?void 0:e.arrowEl)&&br({element:e==null?void 0:e.arrowEl}),mr(),pr({apply(){Object.assign(r.style,{paddingRight:`${fr}px`,paddingLeft:`${fr}px`})}})]}).then(({x:i,y:s,middlewareData:l,placement:u})=>{if(e.actualDirection=u,e!=null&&e.isCallout||Object.assign(r.style,{left:`${i}px`,top:`${s}px`}),l!=null&&l.hide&&!(e!=null&&e.isCallout)){let{referenceHidden:c}=l.hide;Object.assign(r.style,{visibility:c?"hidden":""})}if(l!=null&&l.arrow&&(e!=null&&e.arrowEl)){let c=e==null?void 0:e.arrowEl,{x:g,y:p}=l.arrow,d=window.getComputedStyle(r).direction==="rtl",m=vr(u).split("-")[1],f="",v="",x="",y="";if(m==="start"){let k=typeof g=="number"?`calc(${Ne}px - ${c.offsetWidth/2}px)`:"";f=typeof p=="number"?`calc(${Ne}px - ${c.offsetWidth/2}px)`:"",v=d?k:"",y=d?"":k}else if(m==="end"){let k=typeof g=="number"?`calc(${Ne}px - ${c.offsetWidth/2}px)`:"";v=d?"":k,y=d?k:"",x=typeof p=="number"?`calc(${Ne}px - ${c.offsetWidth/2}px)`:""}else y=typeof g=="number"?`${g}px`:"",f=typeof p=="number"?`${p}px`:"";Object.assign(c.style,{top:f,right:v,bottom:x,left:y}),Mo(c,To(u),u)}}),e}import{css as en,html as fe,LitElement as tn,nothing as yt}from"lit";import{property as X}from"lit/decorators.js";import{ifDefined as rn}from"lit/directives/if-defined.js";var Po=["en","nb","fi","da","sv"],pt="en",Ke=e=>Po.find(t=>e===t||e.toLowerCase().includes(t))||pt;function We(){if(typeof window=="undefined"){let e=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return Ke(e)}try{let e=xr(document);if(e)return Ke(e);let t=Vo();if(t)return Ke(t);let r=xr(kr());return r?Ke(r):pt}catch(e){return console.warn("could not detect locale, falling back to source locale",e),pt}}var et=(e,t,r,o,n)=>{D.load("en",e),D.load("nb",t),D.load("fi",r),D.load("da",o),D.load("sv",n);let a=We();D.activate(a),yr(),Fo()},$o="warp-i18n-change";function yr(){typeof window!="undefined"&&window.dispatchEvent(new Event($o))}var wr=!1;function Fo(){if(wr||typeof window=="undefined"||!(document!=null&&document.documentElement))return;wr=!0;let e=()=>{let n=We();D.locale!==n&&(D.activate(n),yr())},t=new MutationObserver(n=>{for(let a of n)if(a.type==="attributes"&&a.attributeName==="lang"){e();break}});t.observe(document.documentElement,{attributes:!0,attributeFilter:["lang"]});let r=kr();r&&r.documentElement&&r!==document&&t.observe(r.documentElement,{attributes:!0,attributeFilter:["lang"]});let o=jo();o&&t.observe(o,{attributes:!0,attributeFilter:["lang"]})}function kr(){var e,t;try{return(t=(e=window.parent)==null?void 0:e.document)!=null?t:null}catch(r){return null}}function xr(e){var t,r;try{return(r=(t=e==null?void 0:e.documentElement)==null?void 0:t.lang)!=null?r:""}catch(o){return""}}function jo(){var e;try{return(e=window.frameElement)!=null?e:null}catch(t){return null}}function Vo(){var e,t,r;try{return(r=(t=(e=window.frameElement)==null?void 0:e.getAttribute)==null?void 0:t.call(e,"lang"))!=null?r:""}catch(o){return""}}import{css as _r}from"lit";var he=_r`
   *,
   :before,
   :after {
@@ -279,7 +279,7 @@ Please compile your catalog first.
   svg {
     pointer-events: none;
   }
-`,zi=vr`*, :before, :after {
+`,Rn=_r`*, :before, :after {
             --w-rotate: 0;
             --w-rotate-x: 0;
             --w-rotate-y: 0;
@@ -2445,7 +2445,7 @@ Please compile your catalog first.
                     display: none
                 }
             }
-        `;import{css as Po}from"lit";var wr=Po`
+        `;import{css as No}from"lit";var Er=No`
   .place-self-auto {
     place-self: auto;
   }
@@ -3345,7 +3345,7 @@ Please compile your catalog first.
     padding-top: 4rem;
     padding-bottom: 4rem;
   }
-`;var xr=JSON.parse('{"attention.aria.callout":["En gr\xF8n taleboble der introducerer noget nyt"],"attention.aria.close":["Luk"],"attention.aria.highlight":["En opm\xE6rksomhedsskabende taleboble med vigtig information"],"attention.aria.pointingDown":["peger nedad"],"attention.aria.pointingLeft":["peger til venstre"],"attention.aria.pointingRight":["peger til h\xF8jre"],"attention.aria.pointingUp":["peger opad"],"attention.aria.popover":["En hvid taleboble med mere information"],"attention.aria.tooltip":["En sort taleboble med flere oplysninger"]}');var yr=JSON.parse('{"attention.aria.callout":["A green speech bubble introducing something new"],"attention.aria.close":["Close"],"attention.aria.highlight":["An attention speech bubble with important information"],"attention.aria.pointingDown":["pointing down"],"attention.aria.pointingLeft":["pointing left"],"attention.aria.pointingRight":["pointing right"],"attention.aria.pointingUp":["pointing up"],"attention.aria.popover":["A white speech bubble providing additional information"],"attention.aria.tooltip":["A black speech bubble providing complementary information"]}');var kr=JSON.parse('{"attention.aria.callout":["Vihre\xE4 puhekupla, joka esittelee jotain uutta"],"attention.aria.close":["Sulje"],"attention.aria.highlight":["Puhekupla, joka sis\xE4lt\xE4\xE4 t\xE4rke\xE4\xE4 tietoa"],"attention.aria.pointingDown":["osoittaa alas"],"attention.aria.pointingLeft":["osoittaa vasemmalle"],"attention.aria.pointingRight":["osoittaa oikealle"],"attention.aria.pointingUp":["osoittaa yl\xF6s"],"attention.aria.popover":["Valkoinen puhekupla, joka tarjoaa lis\xE4tietoa"],"attention.aria.tooltip":["Musta puhekupla, joka tarjoaa t\xE4ydent\xE4v\xE4\xE4 tietoa"]}');var _r=JSON.parse('{"attention.aria.callout":["Gr\xF8nn taleboble som introduserer noe nytt"],"attention.aria.close":["Lukk"],"attention.aria.highlight":["En uthevet taleboble med viktig informasjon"],"attention.aria.pointingDown":["peker ned"],"attention.aria.pointingLeft":["peker til venstre"],"attention.aria.pointingRight":["peker til h\xF8yre"],"attention.aria.pointingUp":["peker opp"],"attention.aria.popover":["En hvit taleboble som gir tilleggsinformasjon"],"attention.aria.tooltip":["En svart taleboble som forklarer konteksten"]}');var Er=JSON.parse('{"attention.aria.callout":["En gr\xF6n pratbubbla som introducerar n\xE5got nytt"],"attention.aria.close":["St\xE4ng"],"attention.aria.highlight":["En pratbubbla med viktig information"],"attention.aria.pointingDown":["pekar ned"],"attention.aria.pointingLeft":["pekar v\xE4nster"],"attention.aria.pointingRight":["pekar h\xF6ger"],"attention.aria.pointingUp":["pekar upp"],"attention.aria.popover":["En vit pratbubbla som ger ytterligare information"],"attention.aria.tooltip":["En svart pratbubbla som ger kompletterande information"]}');import{css as Fo}from"lit";var Cr=Fo`*,: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}.hover\\:bg-clip-padding:hover{-webkit-background-clip:padding-box;background-clip:padding-box}.bg-transparent{background-color:#0000}.bg-\\[--w-color-button-primary-background\\]{background-color:var(--w-color-button-primary-background)}.bg-\\[--w-color-callout-background\\]{background-color:var(--w-color-callout-background)}.bg-\\[--w-s-color-surface-elevated-300\\]{background-color:var(--w-s-color-surface-elevated-300)}.hover\\:bg-\\[--w-color-button-pill-background-hover\\]:hover{background-color:var(--w-color-button-pill-background-hover)}.hover\\:bg-\\[--w-color-button-primary-background-hover\\]:hover{background-color:var(--w-color-button-primary-background-hover)}.active\\:bg-\\[--w-color-button-pill-background-active\\]:active{background-color:var(--w-color-button-pill-background-active)}.active\\:bg-\\[--w-color-button-primary-background-active\\]:active{background-color:var(--w-color-button-primary-background-active)}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-b-0{border-bottom-width:0}.border-r-0{border-right-width:0}.border-\\[--w-color-callout-border\\]{border-color:var(--w-color-callout-border)}.border-\\[--w-s-color-background-inverted\\]{border-color:var(--w-s-color-background-inverted)}.border-\\[--w-s-color-surface-elevated-300\\]{border-color:var(--w-s-color-surface-elevated-300)}.rounded-4{border-radius:4px}.rounded-8{border-radius:8px}.rounded-full{border-radius:9999px}.rounded-tl-4{border-top-left-radius:4px}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.contents{display:contents}.hidden{display:none}.hover\\:underline:hover,.focus\\:underline:focus,.active\\:underline:active{text-decoration-line:underline}.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-\\[8px\\]{bottom:-8px}.-left-\\[8px\\]{left:-8px}.-right-\\[8px\\]{right:-8px}.-top-\\[8px\\]{top:-8px}.justify-center{justify-content:center}.absolute{position:absolute}.relative{position:relative}.static{position:static}.z-50{z-index:50}.s-bg{background-color:var(--w-s-color-background)}.s-bg-disabled{background-color:var(--w-s-color-background-disabled)}.s-bg-inverted{background-color:var(--w-s-color-background-inverted)}.s-bg-negative{background-color:var(--w-s-color-background-negative)}.s-bg-subtle{background-color:var(--w-s-color-background-subtle)}.hover\\:s-bg-hover:hover{background-color:var(--w-s-color-background-hover)}.hover\\:s-bg-negative-hover:hover{background-color:var(--w-s-color-background-negative-hover)}.hover\\:s-bg-negative-subtle-hover:hover{background-color:var(--w-s-color-background-negative-subtle-hover)}.active\\:s-bg-active:active{background-color:var(--w-s-color-background-active)}.active\\:s-bg-negative-active:active{background-color:var(--w-s-color-background-negative-active)}.active\\:s-bg-negative-subtle-active:active{background-color:var(--w-s-color-background-negative-subtle-active)}.s-text{color:var(--w-s-color-text)}.s-text-inverted{color:var(--w-s-color-text-inverted)}.s-text-link{color:var(--w-s-color-text-link)}.s-text-negative{color:var(--w-s-color-text-negative)}.s-icon{color:var(--w-s-color-icon)}.hover\\:s-icon-hover:hover{color:var(--w-s-color-icon-hover)}.active\\:s-icon-active:active{color:var(--w-s-color-icon-active)}.s-border{border-color:var(--w-s-color-border)}.hover\\:s-border-hover:hover{border-color:var(--w-s-color-border-hover)}.active\\:s-border-active:active{border-color:var(--w-s-color-border-active)}.drop-shadow-m{filter:drop-shadow(0 3px 8px #4040403d)drop-shadow(0 3px 6px #40404029)}.shadow-m{box-shadow:var(--w-shadow-m)}.h-\\[14px\\]{height:14px}.w-\\[14px\\]{width:14px}.last-child\\:mb-0>:last-child{margin-bottom:0}.ml-8{margin-left:.8rem}.p-16{padding:1.6rem}.p-4{padding:.4rem}.px-16{padding-left:1.6rem;padding-right:1.6rem}.px-8{padding-left:.8rem;padding-right:.8rem}.py-6{padding-top:.6rem;padding-bottom:.6rem}.py-8{padding-top:.8rem;padding-bottom:.8rem}.font-bold{font-weight:700}.resize{resize:both}.translate-z-0{--w-translate-z:0rem;transform:translateX(var(--w-translate-x))translateY(var(--w-translate-y))translateZ(var(--w-translate-z))rotate(var(--w-rotate))rotateX(var(--w-rotate-x))rotateY(var(--w-rotate-y))rotateZ(var(--w-rotate-z))skewX(var(--w-skew-x))skewY(var(--w-skew-y))scaleX(var(--w-scale-x))scaleY(var(--w-scale-y))scaleZ(var(--w-scale-z))}.transform{transform:translateX(var(--w-translate-x))translateY(var(--w-translate-y))translateZ(var(--w-translate-z))rotate(var(--w-rotate))rotateX(var(--w-rotate-x))rotateY(var(--w-rotate-y))rotateZ(var(--w-rotate-z))skewX(var(--w-skew-x))skewY(var(--w-skew-y))scaleX(var(--w-scale-x))scaleY(var(--w-scale-y))scaleZ(var(--w-scale-z))}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.text-m{font-size:var(--w-font-size-m);line-height:var(--w-line-height-m)}.text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs)}.leading-\\[24\\]{line-height:2.4rem}`;import{html as jo,LitElement as Vo}from"lit";import{property as pt,state as No}from"lit/decorators.js";import{classMap as Bo}from"lit/directives/class-map.js";import{css as $o}from"lit";var Sr=$o`
+`;var Cr=JSON.parse('{"attention.aria.callout":["En gr\xF8n taleboble der introducerer noget nyt"],"attention.aria.close":["Luk"],"attention.aria.highlight":["En opm\xE6rksomhedsskabende taleboble med vigtig information"],"attention.aria.pointingDown":["peger nedad"],"attention.aria.pointingLeft":["peger til venstre"],"attention.aria.pointingRight":["peger til h\xF8jre"],"attention.aria.pointingUp":["peger opad"],"attention.aria.popover":["En hvid taleboble med mere information"],"attention.aria.tooltip":["En sort taleboble med flere oplysninger"]}');var Sr=JSON.parse('{"attention.aria.callout":["A green speech bubble introducing something new"],"attention.aria.close":["Close"],"attention.aria.highlight":["An attention speech bubble with important information"],"attention.aria.pointingDown":["pointing down"],"attention.aria.pointingLeft":["pointing left"],"attention.aria.pointingRight":["pointing right"],"attention.aria.pointingUp":["pointing up"],"attention.aria.popover":["A white speech bubble providing additional information"],"attention.aria.tooltip":["A black speech bubble providing complementary information"]}');var zr=JSON.parse('{"attention.aria.callout":["Vihre\xE4 puhekupla, joka esittelee jotain uutta"],"attention.aria.close":["Sulje"],"attention.aria.highlight":["Puhekupla, joka sis\xE4lt\xE4\xE4 t\xE4rke\xE4\xE4 tietoa"],"attention.aria.pointingDown":["osoittaa alas"],"attention.aria.pointingLeft":["osoittaa vasemmalle"],"attention.aria.pointingRight":["osoittaa oikealle"],"attention.aria.pointingUp":["osoittaa yl\xF6s"],"attention.aria.popover":["Valkoinen puhekupla, joka tarjoaa lis\xE4tietoa"],"attention.aria.tooltip":["Musta puhekupla, joka tarjoaa t\xE4ydent\xE4v\xE4\xE4 tietoa"]}');var Ar=JSON.parse('{"attention.aria.callout":["Gr\xF8nn taleboble som introduserer noe nytt"],"attention.aria.close":["Lukk"],"attention.aria.highlight":["En uthevet taleboble med viktig informasjon"],"attention.aria.pointingDown":["peker ned"],"attention.aria.pointingLeft":["peker til venstre"],"attention.aria.pointingRight":["peker til h\xF8yre"],"attention.aria.pointingUp":["peker opp"],"attention.aria.popover":["En hvit taleboble som gir tilleggsinformasjon"],"attention.aria.tooltip":["En svart taleboble som forklarer konteksten"]}');var Or=JSON.parse('{"attention.aria.callout":["En gr\xF6n pratbubbla som introducerar n\xE5got nytt"],"attention.aria.close":["St\xE4ng"],"attention.aria.highlight":["En pratbubbla med viktig information"],"attention.aria.pointingDown":["pekar ned"],"attention.aria.pointingLeft":["pekar v\xE4nster"],"attention.aria.pointingRight":["pekar h\xF6ger"],"attention.aria.pointingUp":["pekar upp"],"attention.aria.popover":["En vit pratbubbla som ger ytterligare information"],"attention.aria.tooltip":["En svart pratbubbla som ger kompletterande information"]}');import{css as Bo}from"lit";var Dr=Bo`*,: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}.hover\\:bg-clip-padding:hover{-webkit-background-clip:padding-box;background-clip:padding-box}.bg-transparent{background-color:#0000}.bg-\\[--w-color-button-primary-background\\]{background-color:var(--w-color-button-primary-background)}.bg-\\[--w-color-callout-background\\]{background-color:var(--w-color-callout-background)}.bg-\\[--w-s-color-surface-elevated-300\\]{background-color:var(--w-s-color-surface-elevated-300)}.hover\\:bg-\\[--w-color-button-pill-background-hover\\]:hover{background-color:var(--w-color-button-pill-background-hover)}.hover\\:bg-\\[--w-color-button-primary-background-hover\\]:hover{background-color:var(--w-color-button-primary-background-hover)}.active\\:bg-\\[--w-color-button-pill-background-active\\]:active{background-color:var(--w-color-button-pill-background-active)}.active\\:bg-\\[--w-color-button-primary-background-active\\]:active{background-color:var(--w-color-button-primary-background-active)}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-b-0{border-bottom-width:0}.border-r-0{border-right-width:0}.border-\\[--w-color-callout-border\\]{border-color:var(--w-color-callout-border)}.border-\\[--w-s-color-background-inverted\\]{border-color:var(--w-s-color-background-inverted)}.border-\\[--w-s-color-surface-elevated-300\\]{border-color:var(--w-s-color-surface-elevated-300)}.rounded-4{border-radius:4px}.rounded-8{border-radius:8px}.rounded-full{border-radius:9999px}.rounded-tl-4{border-top-left-radius:4px}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.contents{display:contents}.hidden{display:none}.hover\\:underline:hover,.focus\\:underline:focus,.active\\:underline:active{text-decoration-line:underline}.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-\\[8px\\]{bottom:-8px}.-left-\\[8px\\]{left:-8px}.-right-\\[8px\\]{right:-8px}.-top-\\[8px\\]{top:-8px}.justify-center{justify-content:center}.absolute{position:absolute}.relative{position:relative}.static{position:static}.z-50{z-index:50}.s-bg{background-color:var(--w-s-color-background)}.s-bg-disabled{background-color:var(--w-s-color-background-disabled)}.s-bg-inverted{background-color:var(--w-s-color-background-inverted)}.s-bg-negative{background-color:var(--w-s-color-background-negative)}.s-bg-subtle{background-color:var(--w-s-color-background-subtle)}.hover\\:s-bg-hover:hover{background-color:var(--w-s-color-background-hover)}.hover\\:s-bg-negative-hover:hover{background-color:var(--w-s-color-background-negative-hover)}.hover\\:s-bg-negative-subtle-hover:hover{background-color:var(--w-s-color-background-negative-subtle-hover)}.active\\:s-bg-active:active{background-color:var(--w-s-color-background-active)}.active\\:s-bg-negative-active:active{background-color:var(--w-s-color-background-negative-active)}.active\\:s-bg-negative-subtle-active:active{background-color:var(--w-s-color-background-negative-subtle-active)}.s-text{color:var(--w-s-color-text)}.s-text-inverted{color:var(--w-s-color-text-inverted)}.s-text-link{color:var(--w-s-color-text-link)}.s-text-negative{color:var(--w-s-color-text-negative)}.s-icon{color:var(--w-s-color-icon)}.hover\\:s-icon-hover:hover{color:var(--w-s-color-icon-hover)}.active\\:s-icon-active:active{color:var(--w-s-color-icon-active)}.s-border{border-color:var(--w-s-color-border)}.hover\\:s-border-hover:hover{border-color:var(--w-s-color-border-hover)}.active\\:s-border-active:active{border-color:var(--w-s-color-border-active)}.drop-shadow-m{filter:drop-shadow(0 3px 8px #4040403d)drop-shadow(0 3px 6px #40404029)}.shadow-m{box-shadow:var(--w-shadow-m)}.h-\\[14px\\]{height:14px}.w-\\[14px\\]{width:14px}.last-child\\:mb-0>:last-child{margin-bottom:0}.ml-8{margin-left:.8rem}.p-16{padding:1.6rem}.p-4{padding:.4rem}.px-16{padding-left:1.6rem;padding-right:1.6rem}.px-8{padding-left:.8rem;padding-right:.8rem}.py-6{padding-top:.6rem;padding-bottom:.6rem}.py-8{padding-top:.8rem;padding-bottom:.8rem}.font-bold{font-weight:700}.resize{resize:both}.translate-z-0{--w-translate-z:0rem;transform:translateX(var(--w-translate-x))translateY(var(--w-translate-y))translateZ(var(--w-translate-z))rotate(var(--w-rotate))rotateX(var(--w-rotate-x))rotateY(var(--w-rotate-y))rotateZ(var(--w-rotate-z))skewX(var(--w-skew-x))skewY(var(--w-skew-y))scaleX(var(--w-scale-x))scaleY(var(--w-scale-y))scaleZ(var(--w-scale-z))}.transform{transform:translateX(var(--w-translate-x))translateY(var(--w-translate-y))translateZ(var(--w-translate-z))rotate(var(--w-rotate))rotateX(var(--w-rotate-x))rotateY(var(--w-rotate-y))rotateZ(var(--w-rotate-z))skewX(var(--w-skew-x))skewY(var(--w-skew-y))scaleX(var(--w-scale-x))scaleY(var(--w-scale-y))scaleZ(var(--w-scale-z))}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.text-m{font-size:var(--w-font-size-m);line-height:var(--w-line-height-m)}.text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs)}.leading-\\[24\\]{line-height:2.4rem}`;import{html as Ho,LitElement as Yo}from"lit";import{property as mt,state as Xo}from"lit/decorators.js";import{classMap as qo}from"lit/directives/class-map.js";import{css as Io}from"lit";var Lr=Io`
 :host {
   display: inline-block;
 }
@@ -3370,485 +3370,345 @@ Please compile your catalog first.
   --w-icon-size: 32px;
 }
 
-`;var mt=new Map,Io='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';function Ho(e,t={}){var o;let r=(o=t.responseParser)!=null?o:(i=>i.text());return mt.has(e)||mt.set(e,fetch(e).then(r)),mt.get(e)}var ne=class extends Vo{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 i=await Ho(o);return new DOMParser().parseFromString(i,"text/html").body.querySelector("svg")}catch(i){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(Io,"text/html").body.firstElementChild),this.svg=r}render(){let r=this.size||"medium",o=this.name||"",i={"w-icon":!0,"w-icon--s":r==="small","w-icon--m":r==="medium","w-icon--l":r==="large"},a=typeof r=="string"&&r.endsWith("px")?`--w-icon-size: ${r};`:"";return jo`<div class="${Bo(i)}" style="${a}" part="w-${o.toLowerCase()}">${this.svg}</div>`}};ne.styles=[Sr],b([pt({type:String,reflect:!0})],ne.prototype,"name",2),b([pt({type:String,reflect:!0})],ne.prototype,"size",2),b([pt({type:String,reflect:!0,useDefault:!0})],ne.prototype,"locale",2),b([No()],ne.prototype,"svg",2);customElements.get("w-icon")||customElements.define("w-icon",ne);var E=function(e,t,r,o){if(r==="a"&&!o)throw new TypeError("Private accessor was defined without a getter");if(typeof t=="function"?e!==t||!o:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return r==="m"?o:r==="a"?o.call(e):o?o.value:t.get(e)},L=function(e,t,r,o,i){if(o==="m")throw new TypeError("Private method is not writable");if(o==="a"&&!i)throw new TypeError("Private accessor was defined without a setter");if(typeof t=="function"?e!==t||!i:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return o==="a"?i.call(e,r):i?i.value=r:t.set(e,r),r};function zr(e){var t,r,o,i,a,n,s,l,g,c,u,p,d,m,f,v,x,y,k;class z extends e{constructor(...h){var w,_,C;super(...h),t.add(this),this.internals=this.attachInternals(),r.set(this,!1),o.set(this,!1),i.set(this,!1),a.set(this,void 0),n.set(this,void 0),s.set(this,!0),g.set(this,""),c.set(this,()=>{L(this,i,!0,"f"),L(this,r,!0,"f"),E(this,t,"m",v).call(this)}),u.set(this,()=>{L(this,r,!1,"f"),E(this,t,"m",x).call(this,this.shouldFormValueUpdate()?E(this,g,"f"):""),!this.validity.valid&&E(this,i,"f")&&L(this,o,!0,"f");let O=E(this,t,"m",v).call(this);this.validationMessageCallback&&this.validationMessageCallback(O?this.internals.validationMessage:"")}),p.set(this,()=>{var O;E(this,s,"f")&&this.validationTarget&&(this.internals.setValidity(this.validity,this.validationMessage,this.validationTarget),L(this,s,!1,"f")),L(this,i,!0,"f"),L(this,o,!0,"f"),E(this,t,"m",v).call(this),(O=this===null||this===void 0?void 0:this.validationMessageCallback)===null||O===void 0||O.call(this,this.showError?this.internals.validationMessage:"")}),d.set(this,void 0),m.set(this,!1),f.set(this,Promise.resolve()),(w=this.addEventListener)===null||w===void 0||w.call(this,"focus",E(this,c,"f")),(_=this.addEventListener)===null||_===void 0||_.call(this,"blur",E(this,u,"f")),(C=this.addEventListener)===null||C===void 0||C.call(this,"invalid",E(this,p,"f")),this.setValue(null)}static get formAssociated(){return!0}static get validators(){return this.formControlValidators||[]}static get observedAttributes(){let h=this.validators.map(C=>C.attribute).flat(),w=super.observedAttributes||[];return[...new Set([...w,...h])]}static getValidator(h){return this.validators.find(w=>w.attribute===h)||null}static getValidators(h){return this.validators.filter(w=>{var _;if(w.attribute===h||!((_=w.attribute)===null||_===void 0)&&_.includes(h))return!0})}get form(){return this.internals.form}get showError(){return E(this,t,"m",v).call(this)}checkValidity(){return this.internals.checkValidity()}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}attributeChangedCallback(h,w,_){var C;(C=super.attributeChangedCallback)===null||C===void 0||C.call(this,h,w,_);let V=this.constructor.getValidators(h);V!=null&&V.length&&this.validationTarget&&this.setValue(E(this,g,"f"))}setValue(h){var w;L(this,o,!1,"f"),(w=this.validationMessageCallback)===null||w===void 0||w.call(this,""),L(this,g,h,"f");let C=this.shouldFormValueUpdate()?h:null;this.internals.setFormValue(C),E(this,t,"m",x).call(this,C),this.valueChangedCallback&&this.valueChangedCallback(C),E(this,t,"m",v).call(this)}shouldFormValueUpdate(){return!0}get validationComplete(){return new Promise(h=>h(E(this,f,"f")))}formResetCallback(){var h,w;L(this,i,!1,"f"),L(this,o,!1,"f"),E(this,t,"m",v).call(this),(h=this.resetFormControl)===null||h===void 0||h.call(this),(w=this.validationMessageCallback)===null||w===void 0||w.call(this,E(this,t,"m",v).call(this)?this.validationMessage:"")}}return r=new WeakMap,o=new WeakMap,i=new WeakMap,a=new WeakMap,n=new WeakMap,s=new WeakMap,g=new WeakMap,c=new WeakMap,u=new WeakMap,p=new WeakMap,d=new WeakMap,m=new WeakMap,f=new WeakMap,t=new WeakSet,l=function(){let h=this.getRootNode(),w=`${this.localName}[name="${this.getAttribute("name")}"]`;return h.querySelectorAll(w)},v=function(){if(this.hasAttribute("disabled"))return!1;let h=E(this,o,"f")||E(this,i,"f")&&!this.validity.valid&&!E(this,r,"f");return h&&this.internals.states?this.internals.states.add("--show-error"):this.internals.states&&this.internals.states.delete("--show-error"),h},x=function(h){let w=this.constructor,_={},C=w.validators,O=[],V=C.some(D=>D.isValid instanceof Promise);E(this,m,"f")||(L(this,f,new Promise(D=>{L(this,d,D,"f")}),"f"),L(this,m,!0,"f")),E(this,a,"f")&&(E(this,a,"f").abort(),L(this,n,E(this,a,"f"),"f"));let j=new AbortController;L(this,a,j,"f");let N,M=!1;C.length&&(C.forEach(D=>{let H=D.key||"customError",P=D.isValid(this,h,j.signal);P instanceof Promise?(O.push(P),P.then(U=>{U!=null&&(_[H]=!U,N=E(this,t,"m",k).call(this,D,h),E(this,t,"m",y).call(this,_,N))})):(_[H]=!P,this.validity[H]!==!P&&(M=!0),!P&&!N&&(N=E(this,t,"m",k).call(this,D,h)))}),Promise.allSettled(O).then(()=>{var D;j!=null&&j.signal.aborted||(L(this,m,!1,"f"),(D=E(this,d,"f"))===null||D===void 0||D.call(this))}),(M||!V)&&E(this,t,"m",y).call(this,_,N))},y=function(h,w){if(this.validationTarget)this.internals.setValidity(h,w,this.validationTarget),L(this,s,!1,"f");else{if(this.internals.setValidity(h,w),this.internals.validity.valid)return;L(this,s,!0,"f")}},k=function(h,w){if(this.validityCallback){let _=this.validityCallback(h.key||"customError");if(_)return _}return h.message instanceof Function?h.message(this,w):h.message},z}import{html as et,LitElement as $r,nothing as Qo}from"lit";import{property as F,query as Zo}from"lit/decorators.js";import{html as qo,LitElement as Ar,nothing as Xo}from"lit";import{property as ae}from"lit/decorators.js";import{css as Yo}from"lit";var Or=Yo`
-  /* If not a link variant this should look like a button */
-  :host(:not([variant="link"])) {
-    --_background: var(--background, var(--w-s-color-background));
-    --_background-hover: var(
-      --background-hover,
-      var(--w-s-color-background-hover)
-    );
-    --_background-active: var(
-      --background-active,
-      var(--w-s-color-background-active)
-    );
-    --_text-color: var(--color, var(--w-s-color-text-link));
-    --_text-color-hover: var(--color-hover, var(--w-s-color-text-link));
-    --_text-color-active: var(--color-active, var(--w-s-color-text-link));
-    --_border-width: var(--border-width, 2px);
-    --_border: var(--border, var(--w-s-color-border));
-    --_border-hover: var(--border-hover, var(--w-s-color-border-hover));
-    --_border-active: var(--border-active, var(--w-s-color-border-active));
-    --_border-radius: var(--border-radius, var(--w-button-radius-default, 8px));
-    --_font-size: var(--font-size, var(--w-font-size-m));
-    --_line-height: var(--line-height, var(--w-line-height-m));
-    --_font-weight: var(--font-weight, bold);
-    --_padding-x: var(--padding-x, 16px);
-    --_padding-y: var(--padding-y, 13px);
-  }
-
-  :host(:not([variant="link"])) a {
-    display: inline-flex;
-    justify-content: center;
-    align-items: center;
-    text-align: center;
-    text-decoration: none;
-    cursor: pointer;
-    transition:
+`;var bt=new Map,Uo='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';function Qo(e,t={}){var o;let r=(o=t.responseParser)!=null?o:(n=>n.text());return bt.has(e)||bt.set(e,fetch(e).then(r)),bt.get(e)}var ie=class extends Yo{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 n=await Qo(o);return new DOMParser().parseFromString(n,"text/html").body.querySelector("svg")}catch(n){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(Uo,"text/html").body.firstElementChild),this.svg=r}render(){let r=this.size||"medium",o=this.name||"",n={"w-icon":!0,"w-icon--s":r==="small","w-icon--m":r==="medium","w-icon--l":r==="large"},a=typeof r=="string"&&r.endsWith("px")?`--w-icon-size: ${r};`:"";return Ho`<div class="${qo(n)}" style="${a}" part="w-${o.toLowerCase()}">${this.svg}</div>`}};ie.styles=[Lr],h([mt({type:String,reflect:!0})],ie.prototype,"name",2),h([mt({type:String,reflect:!0})],ie.prototype,"size",2),h([mt({type:String,reflect:!0,useDefault:!0})],ie.prototype,"locale",2),h([Xo()],ie.prototype,"svg",2);customElements.get("w-icon")||customElements.define("w-icon",ie);var E=function(e,t,r,o){if(r==="a"&&!o)throw new TypeError("Private accessor was defined without a getter");if(typeof t=="function"?e!==t||!o:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return r==="m"?o:r==="a"?o.call(e):o?o.value:t.get(e)},T=function(e,t,r,o,n){if(o==="m")throw new TypeError("Private method is not writable");if(o==="a"&&!n)throw new TypeError("Private accessor was defined without a setter");if(typeof t=="function"?e!==t||!n:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return o==="a"?n.call(e,r):n?n.value=r:t.set(e,r),r};function Rr(e){var t,r,o,n,a,i,s,l,u,c,g,p,d,m,f,v,x,y,k;class z extends e{constructor(...b){var w,_,C;super(...b),t.add(this),this.internals=this.attachInternals(),r.set(this,!1),o.set(this,!1),n.set(this,!1),a.set(this,void 0),i.set(this,void 0),s.set(this,!0),u.set(this,""),c.set(this,()=>{T(this,n,!0,"f"),T(this,r,!0,"f"),E(this,t,"m",v).call(this)}),g.set(this,()=>{T(this,r,!1,"f"),E(this,t,"m",x).call(this,this.shouldFormValueUpdate()?E(this,u,"f"):""),!this.validity.valid&&E(this,n,"f")&&T(this,o,!0,"f");let A=E(this,t,"m",v).call(this);this.validationMessageCallback&&this.validationMessageCallback(A?this.internals.validationMessage:"")}),p.set(this,()=>{var A;E(this,s,"f")&&this.validationTarget&&(this.internals.setValidity(this.validity,this.validationMessage,this.validationTarget),T(this,s,!1,"f")),T(this,n,!0,"f"),T(this,o,!0,"f"),E(this,t,"m",v).call(this),(A=this===null||this===void 0?void 0:this.validationMessageCallback)===null||A===void 0||A.call(this,this.showError?this.internals.validationMessage:"")}),d.set(this,void 0),m.set(this,!1),f.set(this,Promise.resolve()),(w=this.addEventListener)===null||w===void 0||w.call(this,"focus",E(this,c,"f")),(_=this.addEventListener)===null||_===void 0||_.call(this,"blur",E(this,g,"f")),(C=this.addEventListener)===null||C===void 0||C.call(this,"invalid",E(this,p,"f")),this.setValue(null)}static get formAssociated(){return!0}static get validators(){return this.formControlValidators||[]}static get observedAttributes(){let b=this.validators.map(C=>C.attribute).flat(),w=super.observedAttributes||[];return[...new Set([...w,...b])]}static getValidator(b){return this.validators.find(w=>w.attribute===b)||null}static getValidators(b){return this.validators.filter(w=>{var _;if(w.attribute===b||!((_=w.attribute)===null||_===void 0)&&_.includes(b))return!0})}get form(){return this.internals.form}get showError(){return E(this,t,"m",v).call(this)}checkValidity(){return this.internals.checkValidity()}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}attributeChangedCallback(b,w,_){var C;(C=super.attributeChangedCallback)===null||C===void 0||C.call(this,b,w,_);let V=this.constructor.getValidators(b);V!=null&&V.length&&this.validationTarget&&this.setValue(E(this,u,"f"))}setValue(b){var w;T(this,o,!1,"f"),(w=this.validationMessageCallback)===null||w===void 0||w.call(this,""),T(this,u,b,"f");let C=this.shouldFormValueUpdate()?b:null;this.internals.setFormValue(C),E(this,t,"m",x).call(this,C),this.valueChangedCallback&&this.valueChangedCallback(C),E(this,t,"m",v).call(this)}shouldFormValueUpdate(){return!0}get validationComplete(){return new Promise(b=>b(E(this,f,"f")))}formResetCallback(){var b,w;T(this,n,!1,"f"),T(this,o,!1,"f"),E(this,t,"m",v).call(this),(b=this.resetFormControl)===null||b===void 0||b.call(this),(w=this.validationMessageCallback)===null||w===void 0||w.call(this,E(this,t,"m",v).call(this)?this.validationMessage:"")}}return r=new WeakMap,o=new WeakMap,n=new WeakMap,a=new WeakMap,i=new WeakMap,s=new WeakMap,u=new WeakMap,c=new WeakMap,g=new WeakMap,p=new WeakMap,d=new WeakMap,m=new WeakMap,f=new WeakMap,t=new WeakSet,l=function(){let b=this.getRootNode(),w=`${this.localName}[name="${this.getAttribute("name")}"]`;return b.querySelectorAll(w)},v=function(){if(this.hasAttribute("disabled"))return!1;let b=E(this,o,"f")||E(this,n,"f")&&!this.validity.valid&&!E(this,r,"f");return b&&this.internals.states?this.internals.states.add("--show-error"):this.internals.states&&this.internals.states.delete("--show-error"),b},x=function(b){let w=this.constructor,_={},C=w.validators,A=[],V=C.some(L=>L.isValid instanceof Promise);E(this,m,"f")||(T(this,f,new Promise(L=>{T(this,d,L,"f")}),"f"),T(this,m,!0,"f")),E(this,a,"f")&&(E(this,a,"f").abort(),T(this,i,E(this,a,"f"),"f"));let j=new AbortController;T(this,a,j,"f");let N,M=!1;C.length&&(C.forEach(L=>{let H=L.key||"customError",P=L.isValid(this,b,j.signal);P instanceof Promise?(A.push(P),P.then(U=>{U!=null&&(_[H]=!U,N=E(this,t,"m",k).call(this,L,b),E(this,t,"m",y).call(this,_,N))})):(_[H]=!P,this.validity[H]!==!P&&(M=!0),!P&&!N&&(N=E(this,t,"m",k).call(this,L,b)))}),Promise.allSettled(A).then(()=>{var L;j!=null&&j.signal.aborted||(T(this,m,!1,"f"),(L=E(this,d,"f"))===null||L===void 0||L.call(this))}),(M||!V)&&E(this,t,"m",y).call(this,_,N))},y=function(b,w){if(this.validationTarget)this.internals.setValidity(b,w,this.validationTarget),T(this,s,!1,"f");else{if(this.internals.setValidity(b,w),this.internals.validity.valid)return;T(this,s,!0,"f")}},k=function(b,w){if(this.validityCallback){let _=this.validityCallback(b.key||"customError");if(_)return _}return b.message instanceof Function?b.message(this,w):b.message},z}import{html as tt,LitElement as Ir,nothing as Ko}from"lit";import{property as $,query as Wo}from"lit/decorators.js";import{html as Go,LitElement as Pr,nothing as Jo}from"lit";import{property as ae}from"lit/decorators.js";import{css as Zo}from"lit";import{css as Ee}from"lit";var ht=Ee`
+  :host {
+    display: inline-block;
+
+    /* Internal resolved vars (defaults) */
+    --_bg: var(--w-c-button-bg, var(--w-s-color-background));
+    --_bg-hover: var(--w-c-button-bg-hover, var(--w-s-color-background-hover));
+    --_bg-active: var(--w-c-button-bg-active, var(--w-s-color-background-active));
+
+    --_color: var(--w-c-button-color, var(--w-s-color-text-link));
+    --_color-hover: var(--w-c-button-color-hover, var(--_color));
+    --_color-active: var(--w-c-button-color-active, var(--_color));
+
+    --_border-width: var(--w-c-button-border-width, 2px);
+    --_border-color: var(--w-c-button-border-color, var(--w-s-color-border));
+    --_border-color-hover: var(--w-c-button-border-color-hover, var(--w-s-color-border-hover));
+    --_border-color-active: var(--w-c-button-border-color-active, var(--w-s-color-border-active));
+
+    --_radius: var(--w-c-button-radius, 8px);
+
+    --_font-size: var(--w-c-button-font-size, var(--w-font-size-m));
+    --_line-height: var(--w-c-button-line-height, var(--w-line-height-m));
+    --_font-weight: var(--w-c-button-font-weight, 700);
+
+    --_pad-x: var(--w-c-button-padding-x, 16px);
+    --_pad-y: var(--w-c-button-padding-y, 13px);
+
+    --_outline-width: var(--w-c-button-outline-width, 2px);
+    --_outline-color: var(--w-c-button-outline-color, var(--w-s-color-border-focus));
+    --_outline-offset: var(--w-c-button-outline-offset, var(--w-outline-offset, 1px));
+
+    --_transition: var(
+      --w-c-button-transition,
       color 150ms cubic-bezier(0.4, 0, 0.2, 1),
       background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
-      border-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
-      fill 150ms cubic-bezier(0.4, 0, 0.2, 1),
-      stroke 150ms cubic-bezier(0.4, 0, 0.2, 1);
-
-    background-color: var(--_background);
-    color: var(--_text-color);
-    border: var(--_border-width) solid var(--_border);
-    border-radius: var(--_border-radius);
-    padding: calc(var(--_padding-y) - var(--_border-width))
-      calc(var(--_padding-x) - var(--_border-width));
-    font-size: var(--_font-size);
-    line-height: var(--_line-height);
-    font-weight: var(--_font-weight);
+      border-color 150ms cubic-bezier(0.4, 0, 0.2, 1)
+    );
+
+    /* Icon color for pill/icon-only variants (semantic; default dark grey icon) */
+    --w-c-button-icon-color: var(--w-s-color-icon);
   }
 
-  :host(:not([variant="link"])) a:hover {
-    background-color: var(--_background-hover);
-    border-color: var(--_border-hover);
-    color: var(--_text-color-hover);
+  :host(:focus-visible) {
+    outline: none;
+  }
+`,ft=Ee`
+  :host([variant='primary']) {
+    --w-c-button-bg: var(--w-s-color-background-primary);
+    --w-c-button-bg-hover: var(--w-s-color-background-primary-hover);
+    --w-c-button-bg-active: var(--w-s-color-background-primary-active);
+    --w-c-button-color: var(--w-s-color-text-inverted);
+    --w-c-button-border-width: 0px;
   }
 
-  :host(:not([variant="link"])) a:active {
-    background-color: var(--_background-active);
-    border-color: var(--_border-active);
-    color: var(--_text-color-active);
+  :host([variant='negative']) {
+    --w-c-button-bg: var(--w-s-color-background-negative);
+    --w-c-button-bg-hover: var(--w-s-color-background-negative-hover);
+    --w-c-button-bg-active: var(--w-s-color-background-negative-active);
+    --w-c-button-color: var(--w-s-color-text-inverted);
+    --w-c-button-border-width: 0px;
   }
 
-  :host(:not([variant="link"])) a:focus-visible {
-    outline: 2px solid var(--w-s-color-border-focus);
-    outline-offset: var(--w-outline-offset, 1px);
-  }
-
-  /* Variants config */
-  :host([variant="primary"]) {
-    --background: var(--w-s-color-background-primary);
-    --background-hover: var(--w-s-color-background-primary-hover);
-    --background-active: var(--w-s-color-background-primary-active);
-    --color: var(--w-s-color-text-inverted);
-    --color-hover: var(--w-s-color-text-inverted);
-    --color-active: var(--w-s-color-text-inverted);
-    --border-width: 0px;
-  }
-  :host([variant="quiet"]),
-  :host([quiet]) /* deprecated, backwards compatibility, use variant="quiet" */ {
-    --background: transparent;
-    --color: var(--w-s-color-text-link);
-    --color-hover: var(--w-s-color-text-link-hover);
-    --color-active: var(--w-s-color-text-link-active);
-    --border-width: 0px;
-  }
-  :host([variant="negative"]) {
-    --background: var(--w-s-color-background-negative);
-    --background-hover: var(--w-s-color-background-negative-hover);
-    --background-active: var(--w-s-color-background-negative-active);
-    --color: var(--w-s-color-text-inverted);
-    --color-hover: var(--w-s-color-text-inverted);
-    --color-active: var(--w-s-color-text-inverted);
-    --border-width: 0px;
-  }
-  :host([variant="negativeQuiet"]),
-  :host([quiet][variant="negative"]) /* deprecated, backwards compatibility */ {
-    --background: transparent;
-    --background-hover: var(--w-s-color-background-negative-subtle-hover);
-    --background-active: var(--w-s-color-background-negative-subtle-active);
-    --color: var(--w-s-color-text-negative);
-    --color-hover: var(--w-s-color-text-negative);
-    --color-active: var(--w-s-color-text-negative);
-    --border-width: 0px;
-  }
-  :host([variant="utility"]) {
-    --background: var(--w-s-color-background);
-    --background-hover: var(--w-s-color-background-hover);
-    --background-active: var(--w-s-color-background-active);
-    --color: var(--w-s-color-text);
-    --color-hover: var(--w-s-color-text);
-    --color-active: var(--w-s-color-text);
-    --border-radius: var(--w-button-radius-utility, 4px);
-    --border-width: 1px;
-  }
-  :host([variant="utilityQuiet"]),
-  :host([quiet][variant="utility"]) /* deprecated, backwards compatibility */ {
-    --background: transparent;
-    --color: var(--w-s-color-text);
-    --color-hover: var(--w-s-color-text);
-    --color-active: var(--w-s-color-text);
-    --border-width: 0px;
-  }
-  :host([variant="overlay"]) {
-    --background: var(--w-color-background);
-    --background-hover: var(--w-color-background-hover);
-    --background-active: var(--w-color-background-active);
-    --color: var(--w-s-color-text);
-    --color-hover: var(--w-s-color-text);
-    --color-active: var(--w-s-color-text);
-    --border-radius: 9999px;
-    --border-width: 0px;
-  }
-  :host([variant="overlayQuiet"]),
-  :host([quiet][variant="overlay"]) /* deprecated, backwards compatibility */ {
-    --background: transparent;
-    --background-hover: var(--w-s-color-background-hover);
-    --background-active: var(--w-s-color-background-active);
-    --color: var(--w-s-color-text);
-    --color-hover: var(--w-s-color-text);
-    --color-active: var(--w-s-color-text);
-    --border-radius: 9999px;
-    --border-width: 0px;
-  }
-  :host([variant="overlayInverted"]) {
-    --background: var(--w-s-color-background-inverted);
-    --background-hover: var(--w-s-color-background-inverted-hover);
-    --background-active: var(--w-s-color-background-inverted-active);
-    --color: var(--w-s-color-text-inverted);
-    --color-hover: var(--w-s-color-text-inverted);
-    --color-active: var(--w-s-color-text-inverted);
-    --border-radius: 9999px;
-    --border-width: 0px;
-  }
-  :host([variant="overlayInvertedQuiet"]),
-  :host([quiet][variant="overlayInverted"]) /* deprecated, backwards compatibility */ {
-    --background: transparent;
-    --background-hover: var(--w-s-color-background-inverted-hover);
-    --background-active: var(--w-s-color-background-inverted-active);
-    --color: var(--w-s-color-text-inverted);
-    --color-hover: var(--w-s-color-text-inverted);
-    --color-active: var(--w-s-color-text-inverted);
-    --border-radius: 9999px;
-    --border-width: 0px;
-  }
-
-  :host([variant="link"]) {
-    --background: none;
-    --background-hover: none;
-    --background-active: none;
-    --border-width: 0px;
-    --font-weight: normal;
-    display: inline;
+  :host([variant='negativeQuiet']) {
+    --w-c-button-bg: transparent;
+    --w-c-button-bg-hover: var(--w-s-color-background-negative-subtle-hover);
+    --w-c-button-bg-active: var(--w-s-color-background-negative-subtle-active);
+    --w-c-button-color: var(--w-s-color-text-negative);
+    --w-c-button-border-width: 0px;
   }
 
-  /* States config,  selects --loading as well since loading is always supposed to be disabled */
-  :host(:disabled),
-  :host([disabled]) {
-    --background: var(--w-s-color-background-disabled);
-    --background-hover: var(--w-s-color-background-disabled);
-    --background-active: var(--w-s-color-background-disabled);
-    --color: var(--w-s-color-text-inverted);
-    --color-hover: var(--w-s-color-text-inverted);
-    --color-active: var(--w-s-color-text-inverted);
-    --border-width: 0px;
-  }
-
-  :host(:disabled) a,
-  :host([disabled]) a {
-    cursor: not-allowed;
-    pointer-events: none;
+  :host([variant='utility']) {
+    --w-c-button-bg: var(--w-s-color-background);
+    --w-c-button-color: var(--w-s-color-text);
+    --w-c-button-radius: 4px;
+    --w-c-button-border-width: 1px;
   }
 
-  :host([variant="link"]):hover a {
-    text-decoration: underline;
+  :host([variant='utilityQuiet']) {
+    --w-c-button-bg: transparent;
+    --w-c-button-color: var(--w-s-color-text);
+    --w-c-button-border-width: 0px;
+  }
+
+  :host([variant='quiet']) {
+    --w-c-button-bg: transparent;
+    --w-c-button-border-width: 0px;
+  }
+
+  :host([variant='overlay']) {
+    --w-c-button-bg: var(--w-s-color-background);
+    --w-c-button-bg-hover: var(--w-s-color-background-hover);
+    --w-c-button-bg-active: var(--w-s-color-background-active);
+    --w-c-button-color: var(--w-s-color-text);
+    --w-c-button-radius: 9999px;
+    --w-c-button-border-width: 0px;
+  }
+
+  :host([variant='overlayInverted']) {
+    --w-c-button-bg: var(--w-s-color-background-inverted);
+    --w-c-button-bg-hover: var(--w-s-color-background-inverted-hover);
+    --w-c-button-bg-active: var(--w-s-color-background-inverted-active);
+    --w-c-button-color: var(--w-s-color-text-inverted);
+    --w-c-button-radius: 9999px;
+    --w-c-button-border-width: 0px;
+  }
+
+  :host([variant='overlayQuiet']) {
+    --w-c-button-bg: transparent;
+    --w-c-button-bg-hover: var(--w-s-color-background-hover);
+    --w-c-button-bg-active: var(--w-s-color-background-active);
+    --w-c-button-color: var(--w-s-color-text);
+    --w-c-button-radius: 9999px;
+    --w-c-button-border-width: 0px;
   }
 
-  /* Sizes config */
+  :host([variant='overlayInvertedQuiet']) {
+    --w-c-button-bg: transparent;
+    --w-c-button-bg-hover: var(--w-s-color-background-inverted-hover);
+    --w-c-button-bg-active: var(--w-s-color-background-inverted-active);
+    --w-c-button-color: var(--w-s-color-text-inverted);
+    --w-c-button-radius: 9999px;
+    --w-c-button-border-width: 0px;
+  }
+
+  :host([variant='link']) {
+    --w-c-button-bg: transparent;
+    --w-c-button-border-width: 0px;
+    --w-c-button-padding-x: 0px;
+    --w-c-button-padding-y: 0px;
+    --w-c-button-font-weight: 400;
+
+    --w-c-button-bg-hover: transparent;
+    --w-c-button-bg-active: transparent;
+
+    --w-c-button-color: var(--w-s-color-text-link);
+    --w-c-button-color-hover: var(--w-s-color-text-link-hover, var(--w-c-button-color));
+    --w-c-button-color-active: var(--w-s-color-text-link-active, var(--w-c-button-color));
+  }
+`,vt=Ee`
   :host([small]) {
-    --padding-x: 12px;
-    --padding-y: 8px;
-    --font-size: var(--w-font-size-xs);
-    --line-height: var(--w-line-height-xs);
+    --w-c-button-padding-x: 12px;
+    --w-c-button-padding-y: 8px;
+    --w-c-button-font-size: var(--w-font-size-xs);
+    --w-c-button-line-height: var(--w-line-height-xs);
   }
+`,wt=Ee`
+  :host([disabled]) {
+    pointer-events: none;
 
-  /* Width config */
-  :host([full-width]) a {
-    width: 100%;
-    max-width: 100%;
+    --w-c-button-bg: var(--w-s-color-background-disabled);
+    --w-c-button-bg-hover: var(--w-s-color-background-disabled);
+    --w-c-button-bg-active: var(--w-s-color-background-disabled);
+
+    --w-c-button-color: var(--w-s-color-text-inverted);
+    --w-c-button-border-width: 0px;
   }
-`;var Rr=["primary","secondary","negative","negativeQuiet","utility","utilityQuiet","quiet","link","overlay","overlayInverted","overlayQuiet","overlayInvertedQuiet"],Y=class extends Ar{constructor(){super(...arguments);this.autofocus=!1;this.small=!1;this.disabled=!1;this.fullWidth=!1}connectedCallback(){if(super.connectedCallback(),this.variant&&!Rr.includes(this.variant))throw new Error(`Invalid "variant" attribute. Set its value to one of the following:
-${Rr.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0)}render(){return qo`
-      <a
-        href="${this.href}"
-        target="${this.target}"
-        rel="${this.target==="_blank"?this.rel||"noopener":Xo}"
-        tabindex="0"
-      >
-        <slot></slot>
-      </a>
-    `}};Y.shadowRootOptions={...Ar.shadowRootOptions,delegatesFocus:!0},Y.styles=[be,Or],b([ae({type:Boolean,reflect:!0})],Y.prototype,"autofocus",2),b([ae({reflect:!0})],Y.prototype,"variant",2),b([ae({type:Boolean,reflect:!0})],Y.prototype,"small",2),b([ae({reflect:!0})],Y.prototype,"href",2),b([ae({type:Boolean,reflect:!0})],Y.prototype,"disabled",2),b([ae({reflect:!0})],Y.prototype,"target",2),b([ae({reflect:!0})],Y.prototype,"rel",2),b([ae({attribute:"full-width",type:Boolean,reflect:!0})],Y.prototype,"fullWidth",2);customElements.get("w-link")||customElements.define("w-link",Y);var Dr=JSON.parse('{"button.aria.loading":["Indl\xE6ser..."]}');var Tr=JSON.parse('{"button.aria.loading":["Loading..."]}');var Lr=JSON.parse('{"button.aria.loading":["Ladataan..."]}');var Mr=JSON.parse('{"button.aria.loading":["Laster..."]}');var Pr=JSON.parse('{"button.aria.loading":["Laddar ..."]}');import{css as Uo}from"lit";var Fr=Uo`
-  :host {
-    /* Local scoped variables, given the default button (the secondary variant) as a default */
-    --_background: var(--background, var(--w-s-color-background));
-    --_background-hover: var(
-      --background-hover,
-      var(--w-s-color-background-hover)
-    );
-    --_background-active: var(
-      --background-active,
-      var(--w-s-color-background-active)
-    );
-    --_text-color: var(--color, var(--w-s-color-text-link));
-    --_text-color-hover: var(--color-hover, var(--w-s-color-text-link));
-    --_text-color-active: var(--color-active, var(--w-s-color-text-link));
-    --_border-width: var(--border-width, 2px);
-    --_border: var(--border, var(--w-s-color-border));
-    --_border-hover: var(--border-hover, var(--w-s-color-border-hover));
-    --_border-active: var(--border-active, var(--w-s-color-border-active));
-    --_border-radius: var(--border-radius, var(--w-button-radius-default, 8px));
-    --_font-size: var(--font-size, var(--w-font-size-m));
-    --_line-height: var(--line-height, var(--w-line-height-m));
-    --_font-weight: var(--font-weight, bold);
-    --_padding-x: var(--padding-x, 16px);
-    --_padding-y: var(--padding-y, 13px);
-  }
-
-  button {
-    /* Base setup for all buttons */
+`,Tr=Ee`
+  ${ht}
+
+  /* ============================================================
+   * Base element (NATIVE button mode ONLY)
+   * ============================================================ */
+  button[part='base'] {
     display: inline-flex;
     justify-content: center;
     align-items: center;
     text-align: center;
+
     cursor: pointer;
-    transition:
-      color 150ms cubic-bezier(0.4, 0, 0.2, 1),
-      background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
-      border-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
-      fill 150ms cubic-bezier(0.4, 0, 0.2, 1),
-      stroke 150ms cubic-bezier(0.4, 0, 0.2, 1);
-
-    /* Hook the local vars up to the button stuff  */
-    background-color: var(--_background);
-    color: var(--_text-color);
-    border: var(--_border-width) solid var(--_border);
-    border-radius: var(--_border-radius);
-    padding: calc(var(--_padding-y) - var(--_border-width))
-      calc(var(--_padding-x) - var(--_border-width));
+
+    background-color: var(--_bg);
+    color: var(--_color);
+
+    border: var(--_border-width) solid var(--_border-color);
+    border-radius: var(--_radius);
+
+    padding: calc(var(--_pad-y) - var(--_border-width))
+      calc(var(--_pad-x) - var(--_border-width));
+
     font-size: var(--_font-size);
     line-height: var(--_line-height);
     font-weight: var(--_font-weight);
+
+    transition: var(--_transition);
   }
 
-  button:hover {
-    background-color: var(--_background-hover);
-    border-color: var(--_border-hover);
-    color: var(--_text-color-hover);
+  /* Optional: helps avoid "grew a bit" from slot typography differences */
+  button[part='base'] ::slotted(*) {
+    line-height: inherit;
   }
 
-  button:active {
-    background-color: var(--_background-active);
-    border-color: var(--_border-active);
-    color: var(--_text-color-active);
+  /* ============================================================
+   * Link mode wrapper (w-link host carries part="base" in button.ts)
+   * Keep it layout-only to avoid double chrome.
+   * ============================================================ */
+  :host > w-link[part='base'] {
+    display: inline-block;
+    padding: 0;
+    border: 0;
+    background: transparent;
   }
 
-  button:focus-visible {
-    outline: 2px solid var(--w-s-color-border-focus);
-    outline-offset: var(--w-outline-offset, 1px);
-  }
-
-  /* Variants config */
-  :host([variant="primary"]) {
-    --background: var(--w-s-color-background-primary);
-    --background-hover: var(--w-s-color-background-primary-hover);
-    --background-active: var(--w-s-color-background-primary-active);
-    --color: var(--w-s-color-text-inverted);
-    --color-hover: var(--w-s-color-text-inverted);
-    --color-active: var(--w-s-color-text-inverted);
-    --border-width: 0px;
-  }
-  :host([variant="quiet"]),
-  :host([quiet]) /* deprecated, backwards compatibility, use variant="quiet" */ {
-    --background: transparent;
-    --color: var(--w-s-color-text-link);
-    --color-hover: var(--w-s-color-text-link-hover);
-    --color-active: var(--w-s-color-text-link-active);
-    --border-width: 0px;
-  }
-  :host([variant="negative"]) {
-    --background: var(--w-s-color-background-negative);
-    --background-hover: var(--w-s-color-background-negative-hover);
-    --background-active: var(--w-s-color-background-negative-active);
-    --color: var(--w-s-color-text-inverted);
-    --color-hover: var(--w-s-color-text-inverted);
-    --color-active: var(--w-s-color-text-inverted);
-    --border-width: 0px;
-  }
-  :host([variant="negativeQuiet"]),
-  :host([quiet][variant="negative"]) /* deprecated, backwards compatibility */ {
-    --background: transparent;
-    --background-hover: var(--w-s-color-background-negative-subtle-hover);
-    --background-active: var(--w-s-color-background-negative-subtle-active);
-    --color: var(--w-s-color-text-negative);
-    --color-hover: var(--w-s-color-text-negative);
-    --color-active: var(--w-s-color-text-negative);
-    --border-width: 0px;
-  }
-  :host([variant="utility"]) {
-    --background: var(--w-s-color-background);
-    --background-hover: var(--w-s-color-background-hover);
-    --background-active: var(--w-s-color-background-active);
-    --color: var(--w-s-color-text);
-    --color-hover: var(--w-s-color-text);
-    --color-active: var(--w-s-color-text);
-    --border-radius: var(--w-button-radius-utility, 4px);
-    --border-width: 1px;
-  }
-  :host([variant="utilityQuiet"]),
-  :host([quiet][variant="utility"]) /* deprecated, backwards compatibility */ {
-    --background: transparent;
-    --color: var(--w-s-color-text);
-    --color-hover: var(--w-s-color-text);
-    --color-active: var(--w-s-color-text);
-    --border-width: 0px;
-  }
-  :host([variant="overlay"]) {
-    --background: var(--w-color-background);
-    --background-hover: var(--w-color-background-hover);
-    --background-active: var(--w-color-background-active);
-    --color: var(--w-s-color-text);
-    --color-hover: var(--w-s-color-text);
-    --color-active: var(--w-s-color-text);
-    --border-radius: 9999px;
-    --border-width: 0px;
-  }
-  :host([variant="overlayQuiet"]),
-  :host([quiet][variant="overlay"]) /* deprecated, backwards compatibility */ {
-    --background: transparent;
-    --background-hover: var(--w-s-color-background-hover);
-    --background-active: var(--w-s-color-background-active);
-    --color: var(--w-s-color-text);
-    --color-hover: var(--w-s-color-text);
-    --color-active: var(--w-s-color-text);
-    --border-radius: 9999px;
-    --border-width: 0px;
-  }
-  :host([variant="overlayInverted"]) {
-    --background: var(--w-s-color-background-inverted);
-    --background-hover: var(--w-s-color-background-inverted-hover);
-    --background-active: var(--w-s-color-background-inverted-active);
-    --color: var(--w-s-color-text-inverted);
-    --color-hover: var(--w-s-color-text-inverted);
-    --color-active: var(--w-s-color-text-inverted);
-    --border-radius: 9999px;
-    --border-width: 0px;
-  }
-  :host([variant="overlayInvertedQuiet"]),
-  :host([quiet][variant="overlayInverted"]) /* deprecated, backwards compatibility */ {
-    --background: transparent;
-    --background-hover: var(--w-s-color-background-inverted-hover);
-    --background-active: var(--w-s-color-background-inverted-active);
-    --color: var(--w-s-color-text-inverted);
-    --color-hover: var(--w-s-color-text-inverted);
-    --color-active: var(--w-s-color-text-inverted);
-    --border-radius: 9999px;
-    --border-width: 0px;
-  }
-
-  :host([variant="link"]) {
-    --background: none;
-    --background-hover: none;
-    --background-active: none;
-    --border-width: 0px;
-    --font-weight: normal;
-    display: inline;
+  /* Hover / active (native button mode only) */
+  :host(:not([disabled]):not([loading])) button[part='base']:hover {
+    background-color: var(--_bg-hover);
+    border-color: var(--_border-color-hover);
+    color: var(--_color-hover);
   }
 
-  :host([variant="pill"]) {
-    --background: transparent;
-    --background-hover: var(--w-color-button-pill-background-hover); /** TODO: this should use a semantic token */
-    --background-active: var(--w-color-button-pill-background-active); /** TODO: this should use a semantic token */
-    --border-radius: 50%;
-    --border-width: 0px;
-    --color: var(--w-s-color-icon);
-    --color-hover: var(--w-s-color-icon-hover);
-    --color-active: var(--w-s-color-icon-active);
-    --padding-x: 14px; /* get a total height and width of 44px, matching atomic CSS variant */
-    --padding-y: 14px;
+  :host(:not([disabled]):not([loading])) button[part='base']:active {
+    background-color: var(--_bg-active);
+    border-color: var(--_border-color-active);
+    color: var(--_color-active);
   }
 
-  /* States config,  selects --loading as well since loading is always supposed to be disabled */
-  :host(:disabled),
-  :host([disabled]) {
-    --background: var(--w-s-color-background-disabled);
-    --background-hover: var(--w-s-color-background-disabled);
-    --background-active: var(--w-s-color-background-disabled);
-    --color: var(--w-s-color-text-inverted);
-    --color-hover: var(--w-s-color-text-inverted);
-    --color-active: var(--w-s-color-text-inverted);
-    --border-width: 0px;
-  }
-
-  :host(:disabled) button,
-  :host([disabled]) button {
-    cursor: not-allowed;
-    pointer-events: none;
+  :host(:focus-visible) button[part='base'] {
+    outline: var(--_outline-width) solid var(--_outline-color);
+    outline-offset: var(--_outline-offset);
   }
 
-  :host([loading]) {
-    --background: var(--w-s-color-background-subtle);
-    --background-hover: var(--w-s-color-background-subtle);
-    --background-active: var(--w-s-color-background-subtle);
-    --color: var(--w-s-color-text);
-    --color-hover: var(--w-s-color-text);
-    --color-active: var(--w-s-color-text);
-    --border-width: 0px;
+  /* ============================================================
+   * Variants (shared + button-specific quiet mappings)
+   * ============================================================ */
+  ${ft}
+
+  /* Button-specific: quiet attribute backwards compatibility */
+  :host([variant='negative'][quiet]) {
+    --w-c-button-bg: transparent;
+    --w-c-button-bg-hover: var(--w-s-color-background-negative-subtle-hover);
+    --w-c-button-bg-active: var(--w-s-color-background-negative-subtle-active);
+    --w-c-button-color: var(--w-s-color-text-negative);
+    --w-c-button-border-width: 0px;
   }
 
-  :host([loading]) button {
-    cursor: wait;
-    pointer-events: none;
+  :host([variant='utility'][quiet]) {
+    --w-c-button-bg: transparent;
+    --w-c-button-color: var(--w-s-color-text);
+    --w-c-button-border-width: 0px;
   }
 
-  :host([variant="link"]):hover {
-    text-decoration: underline;
+  /* Button-specific: pill variant */
+  :host([variant='pill']) {
+    --w-c-button-bg: transparent;
+    --w-c-button-radius: 50%;
+    --w-c-button-border-width: 0px;
+    --w-c-button-padding-x: 14px;
+    --w-c-button-padding-y: 14px;
+
+    /* pill uses semantic icon color (dark grey by default) */
+    --w-c-button-color: var(--w-c-button-icon-color, var(--w-s-color-icon));
   }
 
-  /* Sizes config */
-  :host([small]) {
-    --padding-x: 12px;
-    --padding-y: 8px;
-    --font-size: var(--w-font-size-xs);
-    --line-height: var(--w-line-height-xs);
+  /* Button-specific: link variant element styles */
+  :host([variant='link']) button[part='base'] {
+    display: inline;
+    padding: 0;
   }
 
-  :host([small][variant="pill"]) {
-    --padding-x: 8px; /* get a total height and width of 32px, matching atomic CSS variant */
-    --padding-y: 8px;
+  :host([variant='link']:not([disabled]):not([loading])) button[part='base']:hover {
+    text-decoration: underline;
+    background-color: transparent;
+    border-color: transparent;
+    color: var(--w-c-button-color-hover);
   }
 
-  /* Width config */
-  :host([full-width]) button {
-    width: 100%;
-    max-width: 100%;
+  /* ===== Size ===== */
+  ${vt}
+
+  :host([small][variant='pill']) {
+    --w-c-button-padding-x: 8px;
+    --w-c-button-padding-y: 8px;
   }
 
-  :host([has-icon-only]) {
-    --_padding-x: var(--_padding-y);
+  /* ===== Layout ===== */
+
+  :host([full-width]) button[part='base'],
+  :host([full-width]) > w-link[part='base'] {
+    width: 100%;
   }
 
-  :host([has-icon-only]) button {
-    width: auto;
-    max-width: none;
+  :host([icon-only]) button[part='base'] {
     aspect-ratio: 1 / 1;
+    padding-left: calc(var(--w-c-button-padding-y) - var(--w-c-button-border-width, 0px));
+    padding-right: calc(var(--w-c-button-padding-y) - var(--w-c-button-border-width, 0px));
+  }
+
+  /* ============================================================
+   * STATE OVERRIDES (must be last so they win over variants)
+   * Disabled first, Loading last (loading is disabled-like + visuals)
+   *
+   * IMPORTANT:
+   * Some variant selectors are more specific (e.g. [variant='negative']:not([quiet])).
+   * To ensure states always win, we match similar specificity via extra attribute selectors.
+   * ============================================================ */
+
+  /* ===== Disabled ===== */
+  ${wt}
+
+  /* Additional specificity for button to override quiet variants */
+  :host([disabled][variant]),
+  :host([disabled][quiet]) {
+    --w-c-button-bg: var(--w-s-color-background-disabled);
+    --w-c-button-bg-hover: var(--w-s-color-background-disabled);
+    --w-c-button-bg-active: var(--w-s-color-background-disabled);
+
+    --w-c-button-color: var(--w-s-color-text-inverted);
+
+    --w-c-button-border-width: 0px;
+    --w-c-button-border-color: transparent;
+    --w-c-button-border-color-hover: transparent;
+    --w-c-button-border-color-active: transparent;
+
+    --w-c-button-color-hover: var(--w-s-color-text-inverted);
+    --w-c-button-color-active: var(--w-s-color-text-inverted);
   }
 
-  /* Copy of loading animation from warp  */
-  :host([loading]) button {
+  /* ===== Loading (wins over everything) ===== */
+  :host([loading]),
+  :host([loading][variant]),
+  :host([loading][quiet]) {
+    pointer-events: none;
+
+    /* Strong overrides so variants can't leak through */
+    --w-c-button-bg: var(--w-s-color-background-subtle);
+    --w-c-button-bg-hover: var(--w-s-color-background-subtle);
+    --w-c-button-bg-active: var(--w-s-color-background-subtle);
+
+    --w-c-button-color: var(--w-s-color-text);
+    --w-c-button-color-hover: var(--w-s-color-text);
+    --w-c-button-color-active: var(--w-s-color-text);
+
+    --w-c-button-border-width: 0px;
+    --w-c-button-border-color: transparent;
+    --w-c-button-border-color-hover: transparent;
+    --w-c-button-border-color-active: transparent;
+  }
+
+  /* Loading stripes (native button mode only) */
+  :host([loading]) button[part='base'] {
     background-image: linear-gradient(
       135deg,
       rgba(0, 0, 0, 0.05) 25%,
@@ -3863,6 +3723,12 @@ ${Rr.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0
     animation: animate-inprogress 3s linear infinite;
   }
 
+  @media (prefers-reduced-motion: reduce) {
+    :host([loading]) button[part='base'] {
+      animation: none;
+    }
+  }
+
   @keyframes animate-inprogress {
     0% {
       background-position: 0 0;
@@ -3871,8 +3737,92 @@ ${Rr.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0
       background-position: 60px 0;
     }
   }
-`;import{ifDefined as ht}from"lit/directives/if-defined.js";var jr=["primary","secondary","negative","negativeQuiet","utility","pill","link","quiet","utilityQuiet","overlay","overlayInverted","overlayQuiet","overlayInvertedQuiet"],Ee,S=class extends zr($r){constructor(){super();this.autofocus=!1;this.quiet=!1;this.iconOnly=!1;this.small=!1;this.loading=!1;this.disabled=!1;this.fullWidth=!1;xt(this,Ee,null);We(Tr,Mr,Lr,Dr,Pr),this.ariaValueTextLoading=R.t({id:"button.aria.loading",message:"Loading...",comment:"Screen reader message for buttons that are loading"})}updated(r){r.has("value")&&this.setValue(this.value)}connectedCallback(){super.connectedCallback();let r=this.variant||"secondary";if(!jr.includes(r))throw new Error(`Invalid "variant" attribute. Set its value to one of the following:
-${jr.join(", ")}.`);yt(this,Ee,this.value)}closestWithId(r){var a;let o=this.shadowRoot,i=null;try{for(;o;){if(i=o.getElementById(r),i)return i;o=(a=o.getRootNode().host)==null?void 0:a.getRootNode()}}catch(n){}return document.getElementById(r)}firstUpdated(){this.autofocus&&!this.href&&setTimeout(()=>this.focus(),0),this.buttonEl&&this.commandfor&&(this.buttonEl.commandForElement=this.closestWithId(this.commandfor))}_handleButtonClick(){this.type==="submit"?this.internals.form.requestSubmit():this.type==="reset"&&this.internals.form.reset()}resetFormControl(){this.value=wt(this,Ee)}render(){let r=this.variant||"secondary";return et` ${this.href?et`
+`;var Mr=Zo`
+  ${ht}
+
+  /* ============================================================
+   * Link element (anchor with button styling)
+   * ============================================================ */
+  a[part='base'] {
+    display: inline-flex;
+    justify-content: center;
+    align-items: center;
+    text-align: center;
+
+    cursor: pointer;
+    text-decoration: none;
+
+    background-color: var(--_bg);
+    color: var(--_color);
+
+    border: var(--_border-width) solid var(--_border-color);
+    border-radius: var(--_radius);
+
+    padding: calc(var(--_pad-y) - var(--_border-width))
+             calc(var(--_pad-x) - var(--_border-width));
+
+    font-size: var(--_font-size);
+    line-height: var(--_line-height);
+    font-weight: var(--_font-weight);
+
+    transition: var(--_transition);
+  }
+
+  :host(:not([disabled])) a[part='base']:hover {
+    background-color: var(--_bg-hover);
+    border-color: var(--_border-color-hover);
+    color: var(--_color-hover);
+  }
+
+  :host(:not([disabled])) a[part='base']:active {
+    background-color: var(--_bg-active);
+    border-color: var(--_border-color-active);
+    color: var(--_color-active);
+  }
+
+  :host(:focus-visible) a[part='base'] {
+    outline: var(--_outline-width) solid var(--_outline-color);
+    outline-offset: var(--_outline-offset);
+  }
+
+  /* ===== Variants (shared from button) ===== */
+  ${ft}
+
+  /* Link-specific: link variant element styles */
+  :host([variant='link']) a[part='base'] {
+    display: inline;
+    padding: 0;
+  }
+
+  :host([variant='link']:not([disabled])) a[part='base']:hover {
+    text-decoration: underline;
+    background-color: transparent;
+    border-color: transparent;
+  }
+
+  /* ===== Sizes (shared from button) ===== */
+  ${vt}
+
+  /* ===== Layout ===== */
+  :host([full-width]) a[part='base'] {
+    width: 100%;
+  }
+
+  /* ===== Disabled (shared from button) ===== */
+  ${wt}
+`;var $r=["primary","secondary","negative","negativeQuiet","utility","utilityQuiet","quiet","link","overlay","overlayInverted","overlayQuiet","overlayInvertedQuiet"],Y=class extends Pr{constructor(){super(...arguments);this.autofocus=!1;this.small=!1;this.disabled=!1;this.fullWidth=!1}connectedCallback(){if(super.connectedCallback(),this.variant&&!$r.includes(this.variant))throw new Error(`Invalid "variant" attribute. Set its value to one of the following:
+${$r.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0)}render(){return Go`
+      <a
+        href="${this.href}"
+        part="base"
+        target="${this.target}"
+        rel="${this.target==="_blank"?this.rel||"noopener":Jo}"
+        tabindex="0"
+      >
+        <slot></slot>
+      </a>
+    `}};Y.shadowRootOptions={...Pr.shadowRootOptions,delegatesFocus:!0},Y.styles=[he,Mr],h([ae({type:Boolean,reflect:!0})],Y.prototype,"autofocus",2),h([ae({reflect:!0})],Y.prototype,"variant",2),h([ae({type:Boolean,reflect:!0})],Y.prototype,"small",2),h([ae({reflect:!0})],Y.prototype,"href",2),h([ae({type:Boolean,reflect:!0})],Y.prototype,"disabled",2),h([ae({reflect:!0})],Y.prototype,"target",2),h([ae({reflect:!0})],Y.prototype,"rel",2),h([ae({attribute:"full-width",type:Boolean,reflect:!0})],Y.prototype,"fullWidth",2);customElements.get("w-link")||customElements.define("w-link",Y);import{ifDefined as xt}from"lit/directives/if-defined.js";var Fr=JSON.parse('{"button.aria.loading":["Indl\xE6ser..."]}');var jr=JSON.parse('{"button.aria.loading":["Loading..."]}');var Vr=JSON.parse('{"button.aria.loading":["Ladataan..."]}');var Nr=JSON.parse('{"button.aria.loading":["Laster..."]}');var Br=JSON.parse('{"button.aria.loading":["Laddar ..."]}');var Hr=["primary","secondary","negative","negativeQuiet","utility","pill","link","quiet","utilityQuiet","overlay","overlayInverted","overlayQuiet","overlayInvertedQuiet"],Ce,S=class extends Rr(Ir){constructor(){super();this.autofocus=!1;this.quiet=!1;this.iconOnly=!1;this.small=!1;this.loading=!1;this.disabled=!1;this.fullWidth=!1;Ct(this,Ce,null);et(jr,Nr,Vr,Fr,Br),this.ariaValueTextLoading=D.t({id:"button.aria.loading",message:"Loading...",comment:"Screen reader message for buttons that are loading"})}updated(r){r.has("value")&&this.setValue(this.value)}connectedCallback(){super.connectedCallback();let r=this.variant||"secondary";if(!Hr.includes(r))throw new Error(`Invalid "variant" attribute. Set its value to one of the following:
+${Hr.join(", ")}.`);St(this,Ce,this.value)}closestWithId(r){var a;let o=this.shadowRoot,n=null;try{for(;o;){if(n=o.getElementById(r),n)return n;o=(a=o.getRootNode().host)==null?void 0:a.getRootNode()}}catch(i){}return document.getElementById(r)}firstUpdated(){this.autofocus&&!this.href&&setTimeout(()=>this.focus(),0),this.buttonEl&&this.commandfor&&(this.buttonEl.commandForElement=this.closestWithId(this.commandfor))}_handleButtonClick(){this.type==="submit"?this.internals.form.requestSubmit():this.type==="reset"&&this.internals.form.reset()}resetFormControl(){this.value=Et(this,Ce)}render(){let r=this.variant||"secondary";return tt` ${this.href?tt`
           <w-link
             href=${this.href}
             target=${this.target}
@@ -3886,25 +3836,26 @@ ${jr.join(", ")}.`);yt(this,Ee,this.value)}closestWithId(r){var a;let o=this.sha
           >
             <slot></slot>
           </w-link>
-        `:et`
+        `:tt`
           <button
             type=${this.type||"button"}
-            class=${ht(this.buttonClass)}
+            part="base"
+            class=${xt(this.buttonClass)}
             @click="${this._handleButtonClick}"
-            commandfor=${ht(this.commandfor)}
-            command=${ht(this.command)}
+            commandfor=${xt(this.commandfor)}
+            command=${xt(this.command)}
           >
             <slot></slot>
           </button>
         `}
-    ${this.loading?et`<span
+    ${this.loading?tt`<span
           class="sr-only"
           role="progressbar"
           aria-valuenow="{0}"
           aria-valuetext=${this.ariaValueTextLoading}
-        ></span>`:Qo}`}};Ee=new WeakMap,S.styles=[be,Fr],S.shadowRootOptions={...$r.shadowRootOptions,delegatesFocus:!0},b([F({reflect:!0})],S.prototype,"type",2),b([F({type:Boolean,reflect:!0})],S.prototype,"autofocus",2),b([F({reflect:!0})],S.prototype,"variant",2),b([F({type:Boolean,reflect:!0})],S.prototype,"quiet",2),b([F({type:Boolean,reflect:!0,attribute:"icon-only"})],S.prototype,"iconOnly",2),b([F({type:Boolean,reflect:!0})],S.prototype,"small",2),b([F({type:Boolean,reflect:!0})],S.prototype,"loading",2),b([F({reflect:!0})],S.prototype,"href",2),b([F({reflect:!0})],S.prototype,"target",2),b([F({type:Boolean,reflect:!0})],S.prototype,"disabled",2),b([F({reflect:!0})],S.prototype,"rel",2),b([F({attribute:"full-width",type:Boolean,reflect:!0})],S.prototype,"fullWidth",2),b([F({attribute:"button-class",reflect:!0})],S.prototype,"buttonClass",2),b([F({reflect:!0})],S.prototype,"name",2),b([F({reflect:!0})],S.prototype,"value",2),b([F()],S.prototype,"commandfor",2),b([F()],S.prototype,"command",2),b([Zo("button")],S.prototype,"buttonEl",2);customElements.get("w-button")||customElements.define("w-button",S);var Wo={primary:"s-text-inverted bg-[--w-color-button-primary-background] hover:bg-[--w-color-button-primary-background-hover] active:bg-[--w-color-button-primary-background-active]",secondary:"s-text-link s-border s-bg hover:s-bg-hover hover:s-border-hover active:s-bg-active",utility:"s-text s-bg hover:s-bg-hover active:s-bg-active s-border hover:s-border-hover active:s-border-active",destructive:"s-bg-negative s-text-inverted hover:s-bg-negative-hover active:s-bg-negative-active",pill:"s-icon hover:s-icon-hover active:s-icon-active bg-transparent hover:bg-[--w-color-button-pill-background-hover] active:bg-[--w-color-button-pill-background-active]",disabled:"s-text-inverted s-bg-disabled",quiet:"bg-transparent s-text-link hover:s-bg-hover active:s-bg-active",utilityQuiet:"s-text bg-transparent hover:s-bg-hover active:s-bg-active",negativeQuiet:"bg-transparent s-text-negative hover:s-bg-negative-subtle-hover active:s-bg-negative-subtle-active",loading:"s-text s-bg-subtle",link:"s-text-link"},Ce="font-bold focusable justify-center transition-colors ease-in-out",Xn={primary:`border-0 rounded-8 ${Ce}`,secondary:`border-2 rounded-8 ${Ce}`,utility:`border rounded-4 ${Ce}`,negative:`border-0 rounded-8 ${Ce}`,pill:`p-4 rounded-full border-0 inline-flex items-center justify-center hover:bg-clip-padding ${Ce}`,link:`bg-transparent focusable ease-in-out inline active:underline hover:underline focus:underline ${Wo.link}`},A={base:"border-2 relative flex items-center",tooltip:"s-bg-inverted border-[--w-s-color-background-inverted] shadow-m s-text-inverted rounded-4 py-6 px-8",callout:"bg-[--w-color-callout-background] border-[--w-color-callout-border] s-text py-8 px-16 rounded-8",highlight:"bg-[--w-color-callout-background] border-[--w-color-callout-border] s-text py-8 px-16 rounded-8 drop-shadow-m translate-z-0",popover:"bg-[--w-s-color-surface-elevated-300] border-[--w-s-color-surface-elevated-300] s-text rounded-8 p-16 drop-shadow-m translate-z-0",arrowBase:"absolute h-[14px] w-[14px] border-2 border-b-0 border-r-0 rounded-tl-4 transform",arrowDirectionLeftStart:"-left-[8px]",arrowDirectionLeft:"-left-[8px]",arrowDirectionLeftEnd:"-left-[8px]",arrowDirectionRightStart:"-right-[8px]",arrowDirectionRight:"-right-[8px]",arrowDirectionRightEnd:"-right-[8px]",arrowDirectionBottomStart:"-bottom-[8px]",arrowDirectionBottom:"-bottom-[8px]",arrowDirectionBottomEnd:"-bottom-[8px]",arrowDirectionTopStart:"-top-[8px]",arrowDirectionTop:"-top-[8px]",arrowDirectionTopEnd:"-top-[8px]",arrowTooltip:"s-bg-inverted border-[--w-s-color-background-inverted]",arrowCallout:"bg-[--w-color-callout-background] border-[--w-color-callout-border]",arrowPopover:"bg-[--w-s-color-surface-elevated-300] border-[--w-s-color-surface-elevated-300]",arrowHighlight:"bg-[--w-color-callout-background] border-[--w-color-callout-border]",content:"last-child:mb-0",notCallout:"absolute z-50"},ei={"top-start":A.arrowDirectionTopStart,top:A.arrowDirectionTop,"top-end":A.arrowDirectionTopEnd,"right-start":A.arrowDirectionRightStart,right:A.arrowDirectionRight,"right-end":A.arrowDirectionRightEnd,"bottom-start":A.arrowDirectionBottomStart,bottom:A.arrowDirectionBottom,"bottom-end":A.arrowDirectionBottomEnd,"left-start":A.arrowDirectionLeftStart,left:A.arrowDirectionLeft,"left-end":A.arrowDirectionLeftEnd},$=class extends Jo{constructor(){super();this.show=!1;this.tooltip=!1;this.callout=!1;this.highlight=!1;this.canClose=!1;this.noArrow=!1;this.flip=!1;this.crossAxis=!1;this.fallbackPlacements=[];this.attentionState=null;We(yr,_r,kr,xr,Er),this.handleDone=this.handleDone.bind(this),this.show=!1,this.placement="bottom",this.tooltip=!1,this.callout=!1,this.popover=!1,this.highlight=!1,this.canClose=!1,this.noArrow=!1,this.distance=8,this.skidding=0,this.flip=!1,this.crossAxis=!1,this._initialPlacement=this.placement,this._actualDirection=this.placement}connectedCallback(){if(super.connectedCallback(),this.placement&&!Object.keys(pe).includes(this.placement))throw new Error(`Invalid "placement" attribute. Set its value to one of the following:
-${JSON.stringify(Object.keys(pe))}`);if(this.fallbackPlacements&&!this.fallbackPlacements.every(r=>dt.includes(r)))throw new Error(`Invalid "fallbackPlacements" attribute. Set its value to an array with one or more of the following:
-${JSON.stringify(dt)}`);setTimeout(()=>{this.requestUpdate(),this.handleDone()},0),this.callout||(window.addEventListener("click",this.handleDone),window.addEventListener("scroll",this.handleDone),window.addEventListener("resize",this.handleDone),window.addEventListener("touch",this.handleDone)),this.tooltip&&(window.addEventListener("mouseover",this.handleDone),window.addEventListener("mouseout",this.handleDone))}disconnectedCallback(){window.removeEventListener("click",this.handleDone),window.removeEventListener("scroll",this.handleDone),window.removeEventListener("resize",this.handleDone),window.removeEventListener("touch",this.handleDone),window.removeEventListener("mouseover",this.handleDone),window.removeEventListener("mouseout",this.handleDone),super.disconnectedCallback()}handleDone(){window.requestAnimationFrame(()=>{this.show&&this._targetEl&&this._attentionEl&&this.attentionState?gt(this.attentionState).then(r=>{this._actualDirection=r==null?void 0:r.actualDirection}):this._actualDirection=this._initialPlacement})}get _actualDirection(){return this.placement}set _actualDirection(r){this.placement=r}get _arrowEl(){return this.renderRoot.querySelector("#arrow")}get _arrowDirection(){return pe[this._actualDirection]}get _arrowClasses(){let r=ei[this._arrowDirection];return Se([A.arrowBase,this._activeVariantClasses.arrow,r])}get _arrowHtml(){return this.noArrow?bt:fe`<div id="arrow" class="${this._arrowClasses}"></div>`}get _activeVariantClasses(){return this.callout?{wrapper:A.callout,arrow:A.arrowCallout}:this.popover?{wrapper:A.popover,arrow:A.arrowPopover}:this.tooltip?{wrapper:A.tooltip,arrow:A.arrowTooltip}:this.highlight?{wrapper:A.highlight,arrow:A.arrowHighlight}:{wrapper:"",arrow:""}}get _attentionEl(){return this.renderRoot.querySelector("#attention")}get _targetEl(){var i;let r=(i=this.renderRoot)==null?void 0:i.querySelector("slot[name='target']"),o=r==null?void 0:r.assignedElements()[0];return o instanceof HTMLElement?o:null}get _messageEl(){let r=this.renderRoot.querySelector("slot[name='message']"),o=r==null?void 0:r.assignedElements()[0];return o instanceof HTMLElement?o:null}get _wrapperClasses(){return Se([A.base,this._activeVariantClasses.wrapper])}get _ariaClose(){return R._({id:"attention.aria.close",message:"Close",comment:"Aria label for the close button in attention"})}get _closeBtnHtml(){return fe`
+        ></span>`:Ko}`}};Ce=new WeakMap,S.styles=[he,Tr],S.shadowRootOptions={...Ir.shadowRootOptions,delegatesFocus:!0},h([$({reflect:!0})],S.prototype,"type",2),h([$({type:Boolean,reflect:!0})],S.prototype,"autofocus",2),h([$({reflect:!0})],S.prototype,"variant",2),h([$({type:Boolean,reflect:!0})],S.prototype,"quiet",2),h([$({type:Boolean,reflect:!0,attribute:"icon-only"})],S.prototype,"iconOnly",2),h([$({type:Boolean,reflect:!0})],S.prototype,"small",2),h([$({type:Boolean,reflect:!0})],S.prototype,"loading",2),h([$({reflect:!0})],S.prototype,"href",2),h([$({reflect:!0})],S.prototype,"target",2),h([$({type:Boolean,reflect:!0})],S.prototype,"disabled",2),h([$({reflect:!0})],S.prototype,"rel",2),h([$({attribute:"full-width",type:Boolean,reflect:!0})],S.prototype,"fullWidth",2),h([$({attribute:"button-class",reflect:!0})],S.prototype,"buttonClass",2),h([$({reflect:!0})],S.prototype,"name",2),h([$({reflect:!0})],S.prototype,"value",2),h([$()],S.prototype,"commandfor",2),h([$()],S.prototype,"command",2),h([Wo("button")],S.prototype,"buttonEl",2);customElements.get("w-button")||customElements.define("w-button",S);var on={primary:"s-text-inverted bg-[--w-color-button-primary-background] hover:bg-[--w-color-button-primary-background-hover] active:bg-[--w-color-button-primary-background-active]",secondary:"s-text-link s-border s-bg hover:s-bg-hover hover:s-border-hover active:s-bg-active",utility:"s-text s-bg hover:s-bg-hover active:s-bg-active s-border hover:s-border-hover active:s-border-active",destructive:"s-bg-negative s-text-inverted hover:s-bg-negative-hover active:s-bg-negative-active",pill:"s-icon hover:s-icon-hover active:s-icon-active bg-transparent hover:bg-[--w-color-button-pill-background-hover] active:bg-[--w-color-button-pill-background-active]",disabled:"s-text-inverted s-bg-disabled",quiet:"bg-transparent s-text-link hover:s-bg-hover active:s-bg-active",utilityQuiet:"s-text bg-transparent hover:s-bg-hover active:s-bg-active",negativeQuiet:"bg-transparent s-text-negative hover:s-bg-negative-subtle-hover active:s-bg-negative-subtle-active",loading:"s-text s-bg-subtle",link:"s-text-link"},Se="font-bold focusable justify-center transition-colors ease-in-out",Ji={primary:`border-0 rounded-8 ${Se}`,secondary:`border-2 rounded-8 ${Se}`,utility:`border rounded-4 ${Se}`,negative:`border-0 rounded-8 ${Se}`,pill:`p-4 rounded-full border-0 inline-flex items-center justify-center hover:bg-clip-padding ${Se}`,link:`bg-transparent focusable ease-in-out inline active:underline hover:underline focus:underline ${on.link}`},O={base:"border-2 relative flex items-center",tooltip:"s-bg-inverted border-[--w-s-color-background-inverted] shadow-m s-text-inverted rounded-4 py-6 px-8",callout:"bg-[--w-color-callout-background] border-[--w-color-callout-border] s-text py-8 px-16 rounded-8",highlight:"bg-[--w-color-callout-background] border-[--w-color-callout-border] s-text py-8 px-16 rounded-8 drop-shadow-m translate-z-0",popover:"bg-[--w-s-color-surface-elevated-300] border-[--w-s-color-surface-elevated-300] s-text rounded-8 p-16 drop-shadow-m translate-z-0",arrowBase:"absolute h-[14px] w-[14px] border-2 border-b-0 border-r-0 rounded-tl-4 transform",arrowDirectionLeftStart:"-left-[8px]",arrowDirectionLeft:"-left-[8px]",arrowDirectionLeftEnd:"-left-[8px]",arrowDirectionRightStart:"-right-[8px]",arrowDirectionRight:"-right-[8px]",arrowDirectionRightEnd:"-right-[8px]",arrowDirectionBottomStart:"-bottom-[8px]",arrowDirectionBottom:"-bottom-[8px]",arrowDirectionBottomEnd:"-bottom-[8px]",arrowDirectionTopStart:"-top-[8px]",arrowDirectionTop:"-top-[8px]",arrowDirectionTopEnd:"-top-[8px]",arrowTooltip:"s-bg-inverted border-[--w-s-color-background-inverted]",arrowCallout:"bg-[--w-color-callout-background] border-[--w-color-callout-border]",arrowPopover:"bg-[--w-s-color-surface-elevated-300] border-[--w-s-color-surface-elevated-300]",arrowHighlight:"bg-[--w-color-callout-background] border-[--w-color-callout-border]",content:"last-child:mb-0",notCallout:"absolute z-50"},nn={"top-start":O.arrowDirectionTopStart,top:O.arrowDirectionTop,"top-end":O.arrowDirectionTopEnd,"right-start":O.arrowDirectionRightStart,right:O.arrowDirectionRight,"right-end":O.arrowDirectionRightEnd,"bottom-start":O.arrowDirectionBottomStart,bottom:O.arrowDirectionBottom,"bottom-end":O.arrowDirectionBottomEnd,"left-start":O.arrowDirectionLeftStart,left:O.arrowDirectionLeft,"left-end":O.arrowDirectionLeftEnd},F=class extends tn{constructor(){super();this.show=!1;this.tooltip=!1;this.callout=!1;this.highlight=!1;this.canClose=!1;this.noArrow=!1;this.flip=!1;this.crossAxis=!1;this.fallbackPlacements=[];this.attentionState=null;et(Sr,Ar,zr,Cr,Or),this.handleDone=this.handleDone.bind(this),this.show=!1,this.placement="bottom",this.tooltip=!1,this.callout=!1,this.popover=!1,this.highlight=!1,this.canClose=!1,this.noArrow=!1,this.distance=8,this.skidding=0,this.flip=!1,this.crossAxis=!1,this._initialPlacement=this.placement,this._actualDirection=this.placement}connectedCallback(){if(super.connectedCallback(),this.placement&&!Object.keys(pe).includes(this.placement))throw new Error(`Invalid "placement" attribute. Set its value to one of the following:
+${JSON.stringify(Object.keys(pe))}`);if(this.fallbackPlacements&&!this.fallbackPlacements.every(r=>ut.includes(r)))throw new Error(`Invalid "fallbackPlacements" attribute. Set its value to an array with one or more of the following:
+${JSON.stringify(ut)}`);setTimeout(()=>{this.requestUpdate(),this.handleDone()},0),this.callout||(window.addEventListener("click",this.handleDone),window.addEventListener("scroll",this.handleDone),window.addEventListener("resize",this.handleDone),window.addEventListener("touch",this.handleDone)),this.tooltip&&(window.addEventListener("mouseover",this.handleDone),window.addEventListener("mouseout",this.handleDone))}disconnectedCallback(){window.removeEventListener("click",this.handleDone),window.removeEventListener("scroll",this.handleDone),window.removeEventListener("resize",this.handleDone),window.removeEventListener("touch",this.handleDone),window.removeEventListener("mouseover",this.handleDone),window.removeEventListener("mouseout",this.handleDone),super.disconnectedCallback()}handleDone(){window.requestAnimationFrame(()=>{this.show&&this._targetEl&&this._attentionEl&&this.attentionState?gt(this.attentionState).then(r=>{this._actualDirection=r==null?void 0:r.actualDirection}):this._actualDirection=this._initialPlacement})}get _actualDirection(){return this.placement}set _actualDirection(r){this.placement=r}get _arrowEl(){return this.renderRoot.querySelector("#arrow")}get _arrowDirection(){return pe[this._actualDirection]}get _arrowClasses(){let r=nn[this._arrowDirection];return ze([O.arrowBase,this._activeVariantClasses.arrow,r])}get _arrowHtml(){return this.noArrow?yt:fe`<div id="arrow" class="${this._arrowClasses}"></div>`}get _activeVariantClasses(){return this.callout?{wrapper:O.callout,arrow:O.arrowCallout}:this.popover?{wrapper:O.popover,arrow:O.arrowPopover}:this.tooltip?{wrapper:O.tooltip,arrow:O.arrowTooltip}:this.highlight?{wrapper:O.highlight,arrow:O.arrowHighlight}:{wrapper:"",arrow:""}}get _attentionEl(){return this.renderRoot.querySelector("#attention")}get _targetEl(){var n;let r=(n=this.renderRoot)==null?void 0:n.querySelector("slot[name='target']"),o=r==null?void 0:r.assignedElements()[0];return o instanceof HTMLElement?o:null}get _messageEl(){let r=this.renderRoot.querySelector("slot[name='message']"),o=r==null?void 0:r.assignedElements()[0];return o instanceof HTMLElement?o:null}get _wrapperClasses(){return ze([O.base,this._activeVariantClasses.wrapper])}get _ariaClose(){return D._({id:"attention.aria.close",message:"Close",comment:"Aria label for the close button in attention"})}get _closeBtnHtml(){return fe`
       <w-button
         aria-label="${this._ariaClose}"
         @click=${this.close}
@@ -3916,29 +3867,29 @@ ${JSON.stringify(dt)}`);setTimeout(()=>{this.requestUpdate(),this.handleDone()},
         <w-icon
           name="Close"
           size="small"
-          locale="${Ke()}"
+          locale="${We()}"
           class="flex"></w-icon>
       </w-button>
-    `}updated(){this._attentionEl&&(this.callout||this._attentionEl.style.setProperty("--attention-visibility",this.show?"":"hidden"),this.tooltip||this._attentionEl.style.setProperty("--attention-display",this.show?"flex":"none"),this.attentionState={isShowing:this.show,isCallout:this.callout,actualDirection:this._actualDirection,directionName:this.placement,arrowEl:this._arrowEl,attentionEl:this._attentionEl,targetEl:this._targetEl,noArrow:this.noArrow,distance:this.distance,skidding:this.skidding,flip:this.flip,crossAxis:this.crossAxis,fallbackPlacements:this.fallbackPlacements},gt(this.attentionState))}pointingAtDirection(){switch(pe[this._actualDirection]){case"top-start":case"top":case"top-end":return R._({id:"attention.aria.pointingUp",message:"pointing up",comment:"Default screenreader message for top direction in the attention component"});case"right-start":case"right":case"right-end":return R._({id:"attention.aria.pointingRight",message:"pointing right",comment:"Default screenreader message for right direction in the attention component"});case"bottom-start":case"bottom":case"bottom-end":return R._({id:"attention.aria.pointingDown",message:"pointing down",comment:"Default screenreader message for bottom direction in the attention component"});case"left-start":case"left":case"left-end":return R._({id:"attention.aria.pointingLeft",message:"pointing left",comment:"Default screenreader message for left direction in the attention component"});default:return""}}activeAttentionType(){switch(!0){case this.tooltip:return R._({id:"attention.aria.tooltip",message:"tooltip",comment:"Default screenreader message for tooltip in the attention component"});case this.callout:return R._({id:"attention.aria.callout",message:"callout speech bubble",comment:"Default screenreader message for callout speech bubble in the attention component"});case this.popover:return R._({id:"attention.aria.popover",message:"popover speech bubble",comment:"Default screenreader message for popover speech bubble in the attention component"});case this.highlight:return R._({id:"attention.aria.highlight",message:"highlighted speech bubble",comment:"Default screenreader message for highlighted speech bubble in the attention component"});default:return""}}defaultAriaLabel(){return`${this.activeAttentionType()} ${this.noArrow?"":this.pointingAtDirection()}`}firstUpdated(){this._initialPlacement=this.placement,this.callout&&this._attentionEl&&(this._attentionEl.style.position="relative")}close(){let r=new CustomEvent("close",{bubbles:!0,composed:!0});this.updateComplete.then(()=>this.dispatchEvent(r))}keypressed(r){this.canClose&&r.key==="Escape"&&(r.preventDefault(),this.close())}render(){return!this.callout&&this._targetEl===void 0?fe``:fe`
-      <section class=${Ko(this.className?this.className:void 0)}>
+    `}updated(){this._attentionEl&&(this.callout||this._attentionEl.style.setProperty("--attention-visibility",this.show?"":"hidden"),this.tooltip||this._attentionEl.style.setProperty("--attention-display",this.show?"flex":"none"),this.attentionState={isShowing:this.show,isCallout:this.callout,actualDirection:this._actualDirection,directionName:this.placement,arrowEl:this._arrowEl,attentionEl:this._attentionEl,targetEl:this._targetEl,noArrow:this.noArrow,distance:this.distance,skidding:this.skidding,flip:this.flip,crossAxis:this.crossAxis,fallbackPlacements:this.fallbackPlacements},gt(this.attentionState))}pointingAtDirection(){switch(pe[this._actualDirection]){case"top-start":case"top":case"top-end":return D._({id:"attention.aria.pointingUp",message:"pointing up",comment:"Default screenreader message for top direction in the attention component"});case"right-start":case"right":case"right-end":return D._({id:"attention.aria.pointingRight",message:"pointing right",comment:"Default screenreader message for right direction in the attention component"});case"bottom-start":case"bottom":case"bottom-end":return D._({id:"attention.aria.pointingDown",message:"pointing down",comment:"Default screenreader message for bottom direction in the attention component"});case"left-start":case"left":case"left-end":return D._({id:"attention.aria.pointingLeft",message:"pointing left",comment:"Default screenreader message for left direction in the attention component"});default:return""}}activeAttentionType(){switch(!0){case this.tooltip:return D._({id:"attention.aria.tooltip",message:"tooltip",comment:"Default screenreader message for tooltip in the attention component"});case this.callout:return D._({id:"attention.aria.callout",message:"callout speech bubble",comment:"Default screenreader message for callout speech bubble in the attention component"});case this.popover:return D._({id:"attention.aria.popover",message:"popover speech bubble",comment:"Default screenreader message for popover speech bubble in the attention component"});case this.highlight:return D._({id:"attention.aria.highlight",message:"highlighted speech bubble",comment:"Default screenreader message for highlighted speech bubble in the attention component"});default:return""}}defaultAriaLabel(){return`${this.activeAttentionType()} ${this.noArrow?"":this.pointingAtDirection()}`}firstUpdated(){this._initialPlacement=this.placement,this.callout&&this._attentionEl&&(this._attentionEl.style.position="relative")}close(){let r=new CustomEvent("close",{bubbles:!0,composed:!0});this.updateComplete.then(()=>this.dispatchEvent(r))}keypressed(r){this.canClose&&r.key==="Escape"&&(r.preventDefault(),this.close())}render(){return!this.callout&&this._targetEl===void 0?fe``:fe`
+      <section class=${rn(this.className?this.className:void 0)}>
         ${this.placement==="right-start"||this.placement==="right"||this.placement==="right-end"||this.placement==="bottom-start"||this.placement==="bottom"||this.placement==="bottom-end"?fe`
               <slot name="target"></slot>
 
               <div id="attention" class="${this._wrapperClasses}">
                 <div role="${this.tooltip?"tooltip":"img"}" aria-label="${this.defaultAriaLabel()}">${this._arrowHtml}</div>
                 <slot name="message"></slot>
-                ${this.canClose?this._closeBtnHtml:bt}
+                ${this.canClose?this._closeBtnHtml:yt}
               </div>
             `:fe`
               <div id="attention" class="${this._wrapperClasses}">
                 <slot name="message"></slot>
                 <div role="${this.tooltip?"tooltip":"img"}" aria-label="${this.defaultAriaLabel()}">${this._arrowHtml}</div>
-                ${this.canClose?this._closeBtnHtml:bt}
+                ${this.canClose?this._closeBtnHtml:yt}
               </div>
               <slot name="target"></slot>
             `}
       </section>
-    `}};$.styles=[be,wr,Cr,Go`
+    `}};F.styles=[he,Er,Dr,en`
       #attention {
         position: absolute;
         z-index: 50;
@@ -3948,5 +3899,5 @@ ${JSON.stringify(dt)}`);setTimeout(()=>{this.requestUpdate(),this.handleDone()},
       :host([popover]:not(:popover-open):not(dialog[open])) {
         display: contents;
       }
-    `],b([q({type:Boolean,reflect:!0})],$.prototype,"show",2),b([q({type:String,reflect:!1})],$.prototype,"placement",2),b([q({type:Boolean,reflect:!0})],$.prototype,"tooltip",2),b([q({type:Boolean,reflect:!0})],$.prototype,"callout",2),b([q({type:Boolean,reflect:!0})],$.prototype,"popover",2),b([q({type:Boolean,reflect:!0})],$.prototype,"highlight",2),b([q({attribute:"can-close",type:Boolean,reflect:!0})],$.prototype,"canClose",2),b([q({attribute:"no-arrow",type:Boolean,reflect:!0})],$.prototype,"noArrow",2),b([q({type:Number})],$.prototype,"distance",2),b([q({type:Number})],$.prototype,"skidding",2),b([q({type:Boolean,reflect:!0})],$.prototype,"flip",2),b([q({attribute:"cross-axis",type:Boolean,reflect:!0})],$.prototype,"crossAxis",2),b([q({attribute:"fallback-placements",type:Array,reflect:!0,useDefault:!0})],$.prototype,"fallbackPlacements",2);customElements.get("w-attention")||customElements.define("w-attention",$);export{$ as WarpAttention};
+    `],h([X({type:Boolean,reflect:!0})],F.prototype,"show",2),h([X({type:String,reflect:!1})],F.prototype,"placement",2),h([X({type:Boolean,reflect:!0})],F.prototype,"tooltip",2),h([X({type:Boolean,reflect:!0})],F.prototype,"callout",2),h([X({type:Boolean,reflect:!0})],F.prototype,"popover",2),h([X({type:Boolean,reflect:!0})],F.prototype,"highlight",2),h([X({attribute:"can-close",type:Boolean,reflect:!0})],F.prototype,"canClose",2),h([X({attribute:"no-arrow",type:Boolean,reflect:!0})],F.prototype,"noArrow",2),h([X({type:Number})],F.prototype,"distance",2),h([X({type:Number})],F.prototype,"skidding",2),h([X({type:Boolean,reflect:!0})],F.prototype,"flip",2),h([X({attribute:"cross-axis",type:Boolean,reflect:!0})],F.prototype,"crossAxis",2),h([X({attribute:"fallback-placements",type:Array,reflect:!0,useDefault:!0})],F.prototype,"fallbackPlacements",2);customElements.get("w-attention")||customElements.define("w-attention",F);export{F as WarpAttention};
 //# sourceMappingURL=attention.js.map