@warp-ds/elements 2.10.0-next.15 → 2.10.0-next.18

package/dist/packages/attention/attention.js

@@ -7,278 +7,278 @@ ICU features such as interpolation and plurals will not work properly for that m
 
 Please compile your catalog first. 
 `)),oe(l)&&Lt.test(l)?At(l):oe(l)?l:Gr(l,this._locale,this._locales)(r,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 ro(e={}){return new nt(e)}var L=ro();var Pt=["top","right","bottom","left"];var ee=Math.min,B=Math.max,we=Math.round;var G=e=>({x:e,y:e}),oo={left:"right",right:"left",bottom:"top",top:"bottom"};function Ae(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 Oe(e){return e==="y"?"height":"width"}function J(e){let t=e[0];return t==="t"||t==="b"?"y":"x"}function Re(e){return st(J(e))}function $t(e,t,r){r===void 0&&(r=!1);let o=le(e),n=Re(e),a=Oe(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[Le(e),t,Le(t)]}function Le(e){return e.includes("start")?e.replace("start","end"):e.replace("end","start")}var Rt=["left","right"],Mt=["right","left"],no=["top","bottom"],io=["bottom","top"];function ao(e,t,r){switch(e){case"top":case"bottom":return r?t?Mt:Rt:t?Rt:Mt;case"left":case"right":return t?no:io;default:return[]}}function jt(e,t,r,o){let n=le(e),a=ao(te(e),r==="start",o);return n&&(a=a.map(i=>i+"-"+n),t&&(a=a.concat(a.map(Le)))),a}function ve(e){let t=te(e);return oo[t]+e.slice(t.length)}function so(e){return{top:0,right:0,bottom:0,left:0,...e}}function lt(e){return typeof e!="number"?so(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=Re(t),s=Oe(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,m=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]-=m*(r&&u?-1:1);break;case"end":d[i]+=m*(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:m=!1,padding:d=0}=ne(t,e),p=lt(d),f=s[m?g==="floating"?"reference":"floating":g],x=ce(await a.getClippingRect({element:(r=await(a.isElement==null?void 0:a.isElement(f)))==null||r?f:f.contextElement||await(a.getDocumentElement==null?void 0:a.getDocumentElement(s.floating)),boundary:u,rootBoundary:c,strategy:l})),_=g==="floating"?{x:o,y:n,width:i.floating.width,height:i.floating.height}:i.reference,C=await(a.getOffsetParent==null?void 0:a.getOffsetParent(s.floating)),D=await(a.isElement==null?void 0:a.isElement(C))?await(a.getScale==null?void 0:a.getScale(C))||{x:1,y:1}:{x:1,y:1},O=ce(a.convertOffsetParentRelativeRectToViewportRelativeRect?await a.convertOffsetParentRelativeRectToViewportRelativeRect({elements:s,rect:_,offsetParent:C,strategy:l}):_);return{top:(x.top-O.top+p.top)/D.y,bottom:(O.bottom-x.bottom+p.bottom)/D.y,left:(x.left-O.left+p.left)/D.x,right:(O.right-x.right+p.right)/D.x}}var lo=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),m=o,d=0,p={};for(let h=0;h<a.length;h++){let f=a[h];if(!f)continue;let{name:x,fn:_}=f,{x:C,y:D,data:O,reset:b}=await _({x:c,y:g,initialPlacement:o,placement:m,strategy:n,middlewareData:p,rects:u,platform:s,elements:{reference:e,floating:t}});c=C??c,g=D??g,p[x]={...p[x],...O},b&&d<lo&&(d++,typeof b=="object"&&(b.placement&&(m=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,m,l)),h=-1)}return{x:c,y:g,placement:m,strategy:n,middlewareData:p}},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),m={x:r,y:o},d=Re(n),p=Oe(d),h=await i.getDimensions(u),f=d==="y",x=f?"top":"left",_=f?"bottom":"right",C=f?"clientHeight":"clientWidth",D=a.reference[p]+a.reference[d]-m[d]-a.floating[p],O=m[d]-a.reference[d],b=await(i.getOffsetParent==null?void 0:i.getOffsetParent(u)),w=b?b[C]:0;(!w||!await(i.isElement==null?void 0:i.isElement(b)))&&(w=s.floating[C]||a.floating[p]);let y=D/2-O/2,E=w/2-h[p]/2-1,T=ee(g[x],E),V=ee(g[_],E),j=T,N=w-h[p]-V,M=w/2-h[p]/2+y,A=Ae(j,M,N),H=!l.arrow&&le(n)!=null&&M!==A&&a.reference[p]/2-(M<j?T:V)-h[p]/2<0,P=H?M<j?M-j:M-N:0;return{[d]:m[d]+P,data:{[d]:A,centerOffset:M-A-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:m,fallbackStrategy:d="bestFit",fallbackAxisSideDirection:p="none",flipAlignment:h=!0,...f}=ne(e,t);if((r=a.arrow)!=null&&r.alignmentOffset)return{};let x=te(n),_=J(s),C=te(s)===s,D=await(l.isRTL==null?void 0:l.isRTL(u.floating)),O=m||(C||!h?[ve(s)]:Ft(s)),b=p!=="none";!m&&b&&O.push(...jt(s,h,p,D));let w=[s,...O],y=await l.detectOverflow(t,f),E=[],T=((o=a.flip)==null?void 0:o.overflows)||[];if(c&&E.push(y[x]),g){let M=$t(n,i,D);E.push(y[M[0]],y[M[1]])}if(T=[...T,{placement:n,overflows:E}],!E.every(M=>M<=0)){var V,j;let M=(((V=a.flip)==null?void 0:V.index)||0)+1,A=w[M];if(A&&(!(g==="alignment"?_!==J(A):!1)||T.every(q=>J(q.placement)===_?q.overflows[0]>0:!0)))return{data:{index:M,overflows:T},reset:{placement:A}};let H=(j=T.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=T.filter(q=>{if(b){let U=J(q.placement);return U===_||U==="y"}return!0}).map(q=>[q.placement,q.overflows.filter(U=>U>0).reduce((U,Hr)=>U+Hr,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 co=new Set(["left","top"]);async function uo(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=co.has(i)?-1:1,c=a&&l?-1:1,g=ne(t,e),{mainAxis:m,crossAxis:d,alignmentAxis:p}=typeof g=="number"?{mainAxis:g,crossAxis:0,alignmentAxis:null}:{mainAxis:g.mainAxis||0,crossAxis:g.crossAxis||0,alignmentAxis:g.alignmentAxis};return s&&typeof p=="number"&&(d=s==="end"?p*-1:p),l?{x:d*c,y:m*u}:{x:m*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 uo(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:C}=x;return{x:_,y:C}}},...u}=ne(e,t),c={x:r,y:o},g=await a.detectOverflow(t,u),m=J(te(n)),d=st(m),p=c[d],h=c[m];if(i){let x=d==="y"?"top":"left",_=d==="y"?"bottom":"right",C=p+g[x],D=p-g[_];p=Ae(C,p,D)}if(s){let x=m==="y"?"top":"left",_=m==="y"?"bottom":"right",C=h+g[x],D=h-g[_];h=Ae(C,h,D)}let f=l.fn({...t,[d]:p,[m]:h});return{...f,data:{x:f.x-r,y:f.y-o,enabled:{[d]:i,[m]: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),m=le(n),d=J(n)==="y",{width:p,height:h}=a.floating,f,x;g==="top"||g==="bottom"?(f=g,x=m===(await(i.isRTL==null?void 0:i.isRTL(s.floating))?"start":"end")?"left":"right"):(x=g,f=m==="end"?"top":"bottom");let _=h-c.top-c.bottom,C=p-c.left-c.right,D=ee(h-c[f],_),O=ee(p-c[x],C),b=!t.middlewareData.shift,w=D,y=O;if((r=t.middlewareData.shift)!=null&&r.enabled.x&&(y=C),(o=t.middlewareData.shift)!=null&&o.enabled.y&&(w=_),b&&!m){let T=B(c.left,0),V=B(c.right,0),j=B(c.top,0),N=B(c.bottom,0);d?y=p-2*(T!==0||V!==0?T+V:B(c.left,c.right)):w=h-2*(j!==0||N!==0?j+N:B(c.top,c.bottom))}await l({...t,availableWidth:y,availableHeight:w});let E=await i.getDimensions(s.floating);return p!==E.width||h!==E.height?{reset:{rects:!0}}:{}}}};function Pe(){return typeof window<"u"}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>"u"?!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{}try{return e.matches(":modal")}catch{return!1}}var go=/transform|translate|scale|rotate|perspective|filter/,po=/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))||go.test(t.willChange||"")||po.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<"u"&&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 mo=G(0);function ar(e){let t=I(e);return!Fe()||!t.visualViewport?mo:{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}}function bo(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=bo(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 m=I(a),d=o&&Q(o)?I(o):o,p=m,h=je(p);for(;h&&o&&d!==p;){let f=be(h),x=h.getBoundingClientRect(),_=Z(h),C=x.left+(h.clientLeft+parseFloat(_.paddingLeft))*f.x,D=x.top+(h.clientTop+parseFloat(_.paddingTop))*f.y;l*=f.x,u*=f.y,c*=f.x,g*=f.y,l+=C,u+=D,p=I(h),h=je(p)}}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 ho(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 m=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+m.x,y:r.y*u.y-l.scrollTop*u.y+c.y+m.y}}function fo(e){return Array.from(e.getClientRects())}function vo(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 wo(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,m=getComputedStyle(g),d=c.compatMode==="CSS1Compat"&&parseFloat(m.marginLeft)+parseFloat(m.marginRight)||0,p=Math.abs(o.clientWidth-g.clientWidth-d);p<=tr&&(a-=p)}else u<=tr&&(a+=u);return{width:a,height:i,x:s,y:l}}function xo(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=wo(e,r);else if(t==="document")o=vo(K(e));else if(Q(t))o=xo(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 yo(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 ko(e){let{element:t,boundary:r,rootBoundary:o,strategy:n}=e,i=[...r==="clippingAncestors"?xe(t)?[]:yo(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 m=1;m<i.length;m++){let d=rr(t,i[m],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 _o(e){let{width:t,height:r}=nr(e);return{width:t,height:r}}function Eo(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,m=i.top+s.scrollTop-l.y-c.y;return{x:g,y:m,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 Co=async function(e){let t=this.getOffsetParent||cr,r=this.getDimensions,o=await r(e.floating);return{reference:Eo(e.reference,await t(e.floating),e.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}};function So(e){return Z(e).direction==="rtl"}var Do={convertOffsetParentRelativeRectToViewportRelativeRect:ho,getDocumentElement:K,getClippingRect:ko,getOffsetParent:cr,getElementRects:Co,getClientRects:fo,getDimensions:_o,getScale:be,isElement:Q,isRTL:So};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:Do,...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},To={[Ze]:-45,[Ge]:-45,[Je]:-45,[Be]:45,[Ie]:45,[He]:45,[Ye]:135,[Xe]:135,[qe]:135,[Ue]:-135,[_e]:-135,[Qe]:-135},zo=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],Ao=e=>pe[Lo(e)],vr=e=>pe[e],Oo=e=>To[vr(e)],Ro=(e,t,r)=>{Object.assign(e?.style,{borderTopLeftRadius:"4px",zIndex:1,[`margin${zo(Ao(r))}`]:"-0.5px",transform:`rotate(${t}deg)`})},fr=8,Ne=24;async function gt(e){if(!e?.isShowing||(e?.waitForDOM&&await e?.waitForDOM(),!e?.targetEl||!e?.attentionEl))return;let t=e?.targetEl,r=e.attentionEl;return hr(t,r,{placement:e?.directionName??_e,middleware:[dr({mainAxis:e?.distance??8,crossAxis:e?.skidding??0}),e?.flip&&gr({crossAxis:e?.crossAxis,fallbackPlacements:e?.fallbackPlacements}),e?.flip&&ur({crossAxis:!0}),!e?.noArrow&&e?.arrowEl&&br({element:e?.arrowEl}),mr(),pr({apply(){Object.assign(r.style,{paddingRight:`${fr}px`,paddingLeft:`${fr}px`})}})]}).then(({x:o,y:n,middlewareData:a,placement:i})=>{if(e.actualDirection=i,e?.isCallout||Object.assign(r.style,{left:`${o}px`,top:`${n}px`}),a?.hide&&!e?.isCallout){let{referenceHidden:s}=a.hide;Object.assign(r.style,{visibility:s?"hidden":""})}if(a?.arrow&&e?.arrowEl){let s=e?.arrowEl,{x:l,y:u}=a.arrow,c=window.getComputedStyle(r).direction==="rtl",g=vr(i).split("-")[1],m="",d="",p="",h="";if(g==="start"){let f=typeof l=="number"?`calc(${Ne}px - ${s.offsetWidth/2}px)`:"";m=typeof u=="number"?`calc(${Ne}px - ${s.offsetWidth/2}px)`:"",d=c?f:"",h=c?"":f}else if(g==="end"){let f=typeof l=="number"?`calc(${Ne}px - ${s.offsetWidth/2}px)`:"";d=c?"":f,h=c?f:"",p=typeof u=="number"?`calc(${Ne}px - ${s.offsetWidth/2}px)`:""}else h=typeof l=="number"?`${l}px`:"",m=typeof u=="number"?`${u}px`:"";Object.assign(s.style,{top:m,right:d,bottom:p,left:h}),Ro(s,Oo(i),i)}}),e}import{css as tn,html as fe,LitElement as rn,nothing as yt}from"lit";import{property as X}from"lit/decorators.js";import{ifDefined as on}from"lit/directives/if-defined.js";var Mo=["en","nb","fi","da","sv"],pt="en",Ke=e=>Mo.find(t=>e===t||e.toLowerCase().includes(t))||pt;function We(){if(typeof window>"u"){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=jo();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)=>{L.load("en",e),L.load("nb",t),L.load("fi",r),L.load("da",o),L.load("sv",n);let a=We();L.activate(a),yr(),$o()},Po="warp-i18n-change";function yr(){typeof window>"u"||window.dispatchEvent(new Event(Po))}var wr=!1;function $o(){if(wr||typeof window>"u"||!document?.documentElement)return;wr=!0;let e=()=>{let n=We();L.locale!==n&&(L.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=Fo();o&&t.observe(o,{attributes:!0,attributeFilter:["lang"]})}function kr(){try{return window.parent?.document??null}catch{return null}}function xr(e){try{return e?.documentElement?.lang??""}catch{return""}}function Fo(){try{return window.frameElement??null}catch{return null}}function jo(){try{return window.frameElement?.getAttribute?.("lang")??""}catch{return""}}import{css as Vo}from"lit";import{unsafeCSS as No}from"lit";var he=Vo`
-  *,
-  :before,
-  :after {
-    box-sizing: border-box;
-    border-style: solid;
-    border-width: 0;
-    border-color: var(--w-s-color-border);
-  }
-  html {
-    font-size: 62.5%;
-  }
-  body {
-    background-color: var(--w-s-color-background);
-    min-height: 100%;
-    margin: 0;
-    overflow-y: scroll;
-  }
-  body,
-  :host {
-    -webkit-text-size-adjust: 100%;
-    tab-size: 4;
-    -webkit-tap-highlight-color: transparent;
-    font-family: var(--w-font-family);
-    font-size: var(--w-font-size-m);
-    line-height: var(--w-line-height-m);
-    color: var(--w-s-color-text);
-  }
-  hr {
-    color: inherit;
-    border-top-width: 1px;
-    height: 0;
-  }
-  abbr:where([title]) {
-    -webkit-text-decoration: underline dotted;
-    text-decoration: underline dotted;
-  }
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6 {
-    font-size: inherit;
-    font-weight: 700;
-  }
-  a {
-    cursor: pointer;
-    color: var(--w-s-color-text-link);
-    text-decoration: none;
-  }
-  a:hover,
-  a:focus,
-  a:active {
-    text-decoration: underline;
-  }
-  a:focus-visible {
-    outline: 2px solid var(--w-s-color-border-focus);
-    outline-offset: 1px;
-  }
-  b,
-  strong {
-    font-weight: 700;
-  }
-  code,
-  kbd,
-  samp,
-  pre {
-    font-family:
-      ui-monospace,
-      SFMono-Regular,
-      Menlo,
-      Monaco,
-      Consolas,
-      Liberation Mono,
-      Courier New,
-      monospace;
-    font-size: 1em;
-  }
-  sub,
-  sup {
-    vertical-align: baseline;
-    font-size: 75%;
-    line-height: 0;
-    position: relative;
-  }
-  sub {
-    bottom: -0.25em;
-  }
-  sup {
-    top: -0.5em;
-  }
-  table {
-    text-indent: 0;
-    border-color: inherit;
-    border-collapse: collapse;
-  }
-  button,
-  input,
-  optgroup,
-  select,
-  textarea {
-    font-family: inherit;
-    font-size: 100%;
-    font-weight: inherit;
-    line-height: inherit;
-    color: inherit;
-    margin: 0;
-    padding: 0;
-  }
-  button,
-  select {
-    text-transform: none;
-  }
-  button,
-  [type='button'],
-  [type='reset'],
-  [type='submit'] {
-    -webkit-appearance: button;
-  }
-  :-moz-focusring {
-    outline: auto;
-  }
-  :-moz-ui-invalid {
-    box-shadow: none;
-  }
-  progress {
-    vertical-align: baseline;
-  }
-  ::-webkit-inner-spin-button {
-    height: auto;
-  }
-  ::-webkit-outer-spin-button {
-    height: auto;
-  }
-  [type='search'] {
-    -webkit-appearance: textfield;
-    outline-offset: -2px;
-  }
-  ::-webkit-search-decoration {
-    -webkit-appearance: none;
-  }
-  ::-webkit-file-upload-button {
-    -webkit-appearance: button;
-    font: inherit;
-  }
-  summary {
-    display: list-item;
-  }
-  blockquote,
-  dl,
-  dd,
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6,
-  hr,
-  figure,
-  p,
-  pre {
-    margin: 0;
-  }
-  fieldset {
-    margin: 0;
-    padding: 0;
-  }
-  legend {
-    padding: 0;
-  }
-  ol,
-  ul,
-  menu {
-    margin: 0;
-    padding: 0;
-    list-style: none;
-  }
-  textarea {
-    resize: vertical;
-  }
-  input::placeholder,
-  textarea::placeholder {
-    opacity: 1;
-    color: var(--w-s-color-text-placeholder);
-  }
-  button,
-  [role='button'] {
-    cursor: pointer;
-  }
-  :disabled {
-    cursor: default;
-  }
-  img,
-  svg,
-  video,
-  canvas,
-  audio,
-  iframe,
-  embed,
-  object {
-    vertical-align: middle;
-    display: block;
-  }
-  img,
-  video {
-    max-width: 100%;
-    height: auto;
-  }
-  h1 {
-    font-size: var(--w-font-size-xxl);
-    line-height: var(--w-line-height-xxl);
-  }
-  h2 {
-    font-size: var(--w-font-size-xl);
-    line-height: var(--w-line-height-xl);
-  }
-  h3 {
-    font-size: var(--w-font-size-l);
-    line-height: var(--w-line-height-l);
-  }
-  h4 {
-    font-size: var(--w-font-size-m);
-    line-height: var(--w-line-height-m);
-  }
-  h5 {
-    font-size: var(--w-font-size-s);
-    line-height: var(--w-line-height-s);
-  }
-  dt,
-  dd {
-    margin: 0 16px;
-  }
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  ul,
-  ol,
-  dl,
-  p,
-  blockquote {
-    margin: 0 0 8px;
-  }
-  [hidden] {
-    display: none !important;
-  }
-  [tabindex='-1']:focus:not(:focus-visible) {
-    outline: none;
-  }
-  legend {
-    float: left;
-    width: 100%;
-    margin: 0;
-    padding: 0;
-    display: table;
-  }
-  legend + * {
-    clear: both;
-  }
-  fieldset {
-    border: 0;
-    min-width: 0;
-    margin: 0;
-    padding: 0.01em 0 0;
-  }
-  body:not(:-moz-handler-blocked) fieldset {
-    display: table-cell;
-  }
-  svg {
-    pointer-events: none;
-  }
+	*,
+	:before,
+	:after {
+		box-sizing: border-box;
+		border-style: solid;
+		border-width: 0;
+		border-color: var(--w-s-color-border);
+	}
+	html {
+		font-size: 62.5%;
+	}
+	body {
+		background-color: var(--w-s-color-background);
+		min-height: 100%;
+		margin: 0;
+		overflow-y: scroll;
+	}
+	body,
+	:host {
+		-webkit-text-size-adjust: 100%;
+		tab-size: 4;
+		-webkit-tap-highlight-color: transparent;
+		font-family: var(--w-font-family);
+		font-size: var(--w-font-size-m);
+		line-height: var(--w-line-height-m);
+		color: var(--w-s-color-text);
+	}
+	hr {
+		color: inherit;
+		border-top-width: 1px;
+		height: 0;
+	}
+	abbr:where([title]) {
+		-webkit-text-decoration: underline dotted;
+		text-decoration: underline dotted;
+	}
+	h1,
+	h2,
+	h3,
+	h4,
+	h5,
+	h6 {
+		font-size: inherit;
+		font-weight: 700;
+	}
+	a {
+		cursor: pointer;
+		color: var(--w-s-color-text-link);
+		text-decoration: none;
+	}
+	a:hover,
+	a:focus,
+	a:active {
+		text-decoration: underline;
+	}
+	a:focus-visible {
+		outline: 2px solid var(--w-s-color-border-focus);
+		outline-offset: 1px;
+	}
+	b,
+	strong {
+		font-weight: 700;
+	}
+	code,
+	kbd,
+	samp,
+	pre {
+		font-family:
+			ui-monospace,
+			SFMono-Regular,
+			Menlo,
+			Monaco,
+			Consolas,
+			Liberation Mono,
+			Courier New,
+			monospace;
+		font-size: 1em;
+	}
+	sub,
+	sup {
+		vertical-align: baseline;
+		font-size: 75%;
+		line-height: 0;
+		position: relative;
+	}
+	sub {
+		bottom: -0.25em;
+	}
+	sup {
+		top: -0.5em;
+	}
+	table {
+		text-indent: 0;
+		border-color: inherit;
+		border-collapse: collapse;
+	}
+	button,
+	input,
+	optgroup,
+	select,
+	textarea {
+		font-family: inherit;
+		font-size: 100%;
+		font-weight: inherit;
+		line-height: inherit;
+		color: inherit;
+		margin: 0;
+		padding: 0;
+	}
+	button,
+	select {
+		text-transform: none;
+	}
+	button,
+	[type="button"],
+	[type="reset"],
+	[type="submit"] {
+		-webkit-appearance: button;
+	}
+	:-moz-focusring {
+		outline: auto;
+	}
+	:-moz-ui-invalid {
+		box-shadow: none;
+	}
+	progress {
+		vertical-align: baseline;
+	}
+	::-webkit-inner-spin-button {
+		height: auto;
+	}
+	::-webkit-outer-spin-button {
+		height: auto;
+	}
+	[type="search"] {
+		-webkit-appearance: textfield;
+		outline-offset: -2px;
+	}
+	::-webkit-search-decoration {
+		-webkit-appearance: none;
+	}
+	::-webkit-file-upload-button {
+		-webkit-appearance: button;
+		font: inherit;
+	}
+	summary {
+		display: list-item;
+	}
+	blockquote,
+	dl,
+	dd,
+	h1,
+	h2,
+	h3,
+	h4,
+	h5,
+	h6,
+	hr,
+	figure,
+	p,
+	pre {
+		margin: 0;
+	}
+	fieldset {
+		margin: 0;
+		padding: 0;
+	}
+	legend {
+		padding: 0;
+	}
+	ol,
+	ul,
+	menu {
+		margin: 0;
+		padding: 0;
+		list-style: none;
+	}
+	textarea {
+		resize: vertical;
+	}
+	input::placeholder,
+	textarea::placeholder {
+		opacity: 1;
+		color: var(--w-s-color-text-placeholder);
+	}
+	button,
+	[role="button"] {
+		cursor: pointer;
+	}
+	:disabled {
+		cursor: default;
+	}
+	img,
+	svg,
+	video,
+	canvas,
+	audio,
+	iframe,
+	embed,
+	object {
+		vertical-align: middle;
+		display: block;
+	}
+	img,
+	video {
+		max-width: 100%;
+		height: auto;
+	}
+	h1 {
+		font-size: var(--w-font-size-xxl);
+		line-height: var(--w-line-height-xxl);
+	}
+	h2 {
+		font-size: var(--w-font-size-xl);
+		line-height: var(--w-line-height-xl);
+	}
+	h3 {
+		font-size: var(--w-font-size-l);
+		line-height: var(--w-line-height-l);
+	}
+	h4 {
+		font-size: var(--w-font-size-m);
+		line-height: var(--w-line-height-m);
+	}
+	h5 {
+		font-size: var(--w-font-size-s);
+		line-height: var(--w-line-height-s);
+	}
+	dt,
+	dd {
+		margin: 0 16px;
+	}
+	h1,
+	h2,
+	h3,
+	h4,
+	h5,
+	ul,
+	ol,
+	dl,
+	p,
+	blockquote {
+		margin: 0 0 8px;
+	}
+	[hidden] {
+		display: none !important;
+	}
+	[tabindex="-1"]:focus:not(:focus-visible) {
+		outline: none;
+	}
+	legend {
+		float: left;
+		width: 100%;
+		margin: 0;
+		padding: 0;
+		display: table;
+	}
+	legend + * {
+		clear: both;
+	}
+	fieldset {
+		border: 0;
+		min-width: 0;
+		margin: 0;
+		padding: 0.01em 0 0;
+	}
+	body:not(:-moz-handler-blocked) fieldset {
+		display: table-cell;
+	}
+	svg {
+		pointer-events: none;
+	}
 `,Mn=No(`*, :before, :after {
             --w-rotate: 0;
             --w-rotate-x: 0;
@@ -2446,1233 +2446,1264 @@ Please compile your catalog first.
                 }
             }
         `);import{css as Bo}from"lit";var _r=Bo`
-  .place-self-auto {
-    place-self: auto;
-  }
-  .place-self-start {
-    place-self: start;
-  }
-  .place-self-end {
-    place-self: end;
-  }
-  .place-self-center {
-    place-self: center;
-  }
-  .place-self-stretch {
-    place-self: stretch;
-  }
-
-  .place-items-start {
-    place-items: start;
-  }
-  .place-items-end {
-    place-items: end;
-  }
-  .place-items-center {
-    place-items: center;
-  }
-  .place-items-stretch {
-    place-items: stretch;
-  }
-
-  .place-content-center {
-    place-content: center;
-  }
-  .place-content-start {
-    place-content: start;
-  }
-  .place-content-end {
-    place-content: end;
-  }
-  .place-content-between {
-    place-content: space-between;
-  }
-  .place-content-around {
-    place-content: space-around;
-  }
-  .place-content-evenly {
-    place-content: space-evenly;
-  }
-
-  .self-auto {
-    align-self: auto;
-  }
-  .self-start {
-    align-self: flex-start;
-  }
-  .self-center {
-    align-self: center;
-  }
-  .self-end {
-    align-self: flex-end;
-  }
-  .self-stretch {
-    align-self: stretch;
-  }
-
-  .items-baseline {
-    align-items: baseline;
-  }
-  .items-stretch {
-    align-items: stretch;
-  }
-  .items-start {
-    align-items: flex-start;
-  }
-  .items-center {
-    align-items: center;
-  }
-  .items-end {
-    align-items: flex-end;
-  }
-
-  .content-start {
-    align-content: flex-start;
-  }
-  .content-center {
-    align-content: center;
-  }
-  .content-end {
-    align-content: flex-end;
-  }
-  .content-between {
-    align-content: space-between;
-  }
-  .content-around {
-    align-content: space-around;
-  }
-  .content-evenly {
-    align-content: space-evenly;
-  }
-
-  .justify-self-auto {
-    justify-self: auto;
-  }
-  .justify-self-start {
-    justify-self: start;
-  }
-  .justify-self-center {
-    justify-self: center;
-  }
-  .justify-self-end {
-    justify-self: end;
-  }
-  .justify-self-stretch {
-    justify-self: stretch;
-  }
-
-  .justify-items-start {
-    justify-items: start;
-  }
-  .justify-items-center {
-    justify-items: center;
-  }
-  .justify-items-end {
-    justify-items: end;
-  }
-  .justify-items-stretch {
-    justify-items: stretch;
-  }
-
-  .justify-start {
-    justify-content: flex-start;
-  }
-  .justify-center {
-    justify-content: center;
-  }
-  .justify-end {
-    justify-content: flex-end;
-  }
-  .justify-between {
-    justify-content: space-between;
-  }
-  .justify-around {
-    justify-content: space-around;
-  }
-  .justify-evenly {
-    justify-content: space-evenly;
-  }
-
-  .gap-0 {
-    gap: 0;
-  }
-  .gap-1 {
-    gap: 0.25rem;
-  }
-  .gap-2 {
-    gap: 0.5rem;
-  }
-  .gap-4 {
-    gap: 1rem;
-  }
-  .gap-6 {
-    gap: 1.5rem;
-  }
-  .gap-8 {
-    gap: 2rem;
-  }
-  .gap-10 {
-    gap: 2.5rem;
-  }
-  .gap-12 {
-    gap: 3rem;
-  }
-  .gap-14 {
-    gap: 3.5rem;
-  }
-  .gap-16 {
-    gap: 4rem;
-  }
-
-  .gap-x-0 {
-    column-gap: 0;
-  }
-  .gap-x-1 {
-    column-gap: 0.25rem;
-  }
-  .gap-x-2 {
-    column-gap: 0.5rem;
-  }
-  .gap-x-4 {
-    column-gap: 1rem;
-  }
-  .gap-x-6 {
-    column-gap: 1.5rem;
-  }
-  .gap-x-8 {
-    column-gap: 2rem;
-  }
-  .gap-x-10 {
-    column-gap: 2.5rem;
-  }
-  .gap-x-12 {
-    column-gap: 3rem;
-  }
-  .gap-x-14 {
-    column-gap: 3.5rem;
-  }
-  .gap-x-16 {
-    column-gap: 4rem;
-  }
-
-  .gap-y-0 {
-    row-gap: 0;
-  }
-  .gap-y-1 {
-    row-gap: 0.25rem;
-  }
-  .gap-y-2 {
-    row-gap: 0.5rem;
-  }
-  .gap-y-4 {
-    row-gap: 1rem;
-  }
-  .gap-y-6 {
-    row-gap: 1.5rem;
-  }
-  .gap-y-8 {
-    row-gap: 2rem;
-  }
-  .gap-y-10 {
-    row-gap: 2.5rem;
-  }
-  .gap-y-12 {
-    row-gap: 3rem;
-  }
-  .gap-y-14 {
-    row-gap: 3.5rem;
-  }
-  .gap-y-16 {
-    row-gap: 4rem;
-  }
-
-  .order-1 {
-    order: 1;
-  }
-  .order-2 {
-    order: 2;
-  }
-  .order-3 {
-    order: 3;
-  }
-  .order-4 {
-    order: 4;
-  }
-  .order-5 {
-    order: 5;
-  }
-  .order-6 {
-    order: 6;
-  }
-  .order-7 {
-    order: 7;
-  }
-  .order-8 {
-    order: 8;
-  }
-  .order-9 {
-    order: 9;
-  }
-  .order-10 {
-    order: 10;
-  }
-  .order-11 {
-    order: 11;
-  }
-  .order-12 {
-    order: 12;
-  }
-  .order-none {
-    order: 0;
-  }
-  .order-first {
-    order: -9999;
-  }
-  .order-last {
-    order: 9999;
-  }
-
-  .flex-nowrap {
-    flex-wrap: nowrap;
-  }
-  .flex-wrap {
-    flex-wrap: wrap;
-  }
-  .flex-wrap-reverse {
-    flex-wrap: wrap-reverse;
-  }
-
-  .shrink {
-    flex-shrink: 1;
-  }
-  .shrink-0 {
-    flex-shrink: 0;
-  }
-
-  .grow {
-    flex-grow: 1;
-  }
-  .grow-0 {
-    flex-grow: 0;
-  }
-
-  .flex-row {
-    flex-direction: row;
-  }
-  .flex-row-reverse {
-    flex-direction: row-reverse;
-  }
-  .flex-col {
-    flex-direction: column;
-  }
-  .flex-col-reverse {
-    flex-direction: column-reverse;
-  }
-
-  .basis-1 {
-    flex-basis: 0.25rem;
-  }
-  .basis-2 {
-    flex-basis: 0.5rem;
-  }
-  .basis-4 {
-    flex-basis: 1rem;
-  }
-  .basis-8 {
-    flex-basis: 2rem;
-  }
-  .basis-16 {
-    flex-basis: 4rem;
-  }
-  .basis-1\/5 {
-    flex-basis: 20%;
-  }
-
-  .flex-initial {
-    flex: 0 1 auto;
-  }
-  .flex-1 {
-    flex: 1 1 0%;
-  }
-  .flex-auto {
-    flex: 1 1 auto;
-  }
-  .flex-none {
-    flex: none;
-  }
-
-  .space-x-0 > * + * {
-    margin-left: 0;
-  }
-  .space-x-1 > * + * {
-    margin-left: 0.25rem;
-  }
-  .space-x-2 > * + * {
-    margin-left: 0.5rem;
-  }
-  .space-x-4 > * + * {
-    margin-left: 1rem;
-  }
-  .space-x-6 > * + * {
-    margin-left: 1.5rem;
-  }
-  .space-x-8 > * + * {
-    margin-left: 2rem;
-  }
-  .space-x-10 > * + * {
-    margin-left: 2.5rem;
-  }
-  .space-x-12 > * + * {
-    margin-left: 3rem;
-  }
-  .space-x-14 > * + * {
-    margin-left: 3.5rem;
-  }
-  .space-x-16 > * + * {
-    margin-left: 4rem;
-  }
-
-  .space-y-0 > * + * {
-    margin-top: 0;
-  }
-  .space-y-1 > * + * {
-    margin-top: 0.25rem;
-  }
-  .space-y-2 > * + * {
-    margin-top: 0.5rem;
-  }
-  .space-y-4 > * + * {
-    margin-top: 1rem;
-  }
-  .space-y-6 > * + * {
-    margin-top: 1.5rem;
-  }
-  .space-y-8 > * + * {
-    margin-top: 2rem;
-  }
-  .space-y-10 > * + * {
-    margin-top: 2.5rem;
-  }
-  .space-y-12 > * + * {
-    margin-top: 3rem;
-  }
-  .space-y-14 > * + * {
-    margin-top: 3.5rem;
-  }
-  .space-y-16 > * + * {
-    margin-top: 4rem;
-  }
-
-  .space-x-reverse > * + * {
-    margin-right: 0;
-    margin-left: 0;
-  }
-  .space-y-reverse > * + * {
-    margin-bottom: 0;
-    margin-top: 0;
-  }
-
-  .m-0 {
-    margin: 0;
-  }
-  .m-1 {
-    margin: 0.25rem;
-  }
-  .m-2 {
-    margin: 0.5rem;
-  }
-  .m-4 {
-    margin: 1rem;
-  }
-  .m-6 {
-    margin: 1.5rem;
-  }
-  .m-8 {
-    margin: 2rem;
-  }
-  .m-10 {
-    margin: 2.5rem;
-  }
-  .m-12 {
-    margin: 3rem;
-  }
-  .m-14 {
-    margin: 3.5rem;
-  }
-  .m-16 {
-    margin: 4rem;
-  }
-
-  .mt-0 {
-    margin-top: 0;
-  }
-  .mt-1 {
-    margin-top: 0.25rem;
-  }
-  .mt-2 {
-    margin-top: 0.5rem;
-  }
-  .mt-4 {
-    margin-top: 1rem;
-  }
-  .mt-6 {
-    margin-top: 1.5rem;
-  }
-  .mt-8 {
-    margin-top: 2rem;
-  }
-  .mt-10 {
-    margin-top: 2.5rem;
-  }
-  .mt-12 {
-    margin-top: 3rem;
-  }
-  .mt-14 {
-    margin-top: 3.5rem;
-  }
-  .mt-16 {
-    margin-top: 4rem;
-  }
-
-  .mr-0 {
-    margin-right: 0;
-  }
-  .mr-1 {
-    margin-right: 0.25rem;
-  }
-  .mr-2 {
-    margin-right: 0.5rem;
-  }
-  .mr-4 {
-    margin-right: 1rem;
-  }
-  .mr-6 {
-    margin-right: 1.5rem;
-  }
-  .mr-8 {
-    margin-right: 2rem;
-  }
-  .mr-10 {
-    margin-right: 2.5rem;
-  }
-  .mr-12 {
-    margin-right: 3rem;
-  }
-  .mr-14 {
-    margin-right: 3.5rem;
-  }
-  .mr-16 {
-    margin-right: 4rem;
-  }
-
-  .mb-0 {
-    margin-bottom: 0;
-  }
-  .mb-1 {
-    margin-bottom: 0.25rem;
-  }
-  .mb-2 {
-    margin-bottom: 0.5rem;
-  }
-  .mb-4 {
-    margin-bottom: 1rem;
-  }
-  .mb-6 {
-    margin-bottom: 1.5rem;
-  }
-  .mb-8 {
-    margin-bottom: 2rem;
-  }
-  .mb-10 {
-    margin-bottom: 2.5rem;
-  }
-  .mb-12 {
-    margin-bottom: 3rem;
-  }
-  .mb-14 {
-    margin-bottom: 3.5rem;
-  }
-  .mb-16 {
-    margin-bottom: 4rem;
-  }
-
-  .ml-0 {
-    margin-left: 0;
-  }
-  .ml-1 {
-    margin-left: 0.25rem;
-  }
-  .ml-2 {
-    margin-left: 0.5rem;
-  }
-  .ml-4 {
-    margin-left: 1rem;
-  }
-  .ml-6 {
-    margin-left: 1.5rem;
-  }
-  .ml-8 {
-    margin-left: 2rem;
-  }
-  .ml-10 {
-    margin-left: 2.5rem;
-  }
-  .ml-12 {
-    margin-left: 3rem;
-  }
-  .ml-14 {
-    margin-left: 3.5rem;
-  }
-  .ml-16 {
-    margin-left: 4rem;
-  }
-
-  .mx-0 {
-    margin-left: 0;
-    margin-right: 0;
-  }
-  .mx-1 {
-    margin-left: 0.25rem;
-    margin-right: 0.25rem;
-  }
-  .mx-2 {
-    margin-left: 0.5rem;
-    margin-right: 0.5rem;
-  }
-  .mx-4 {
-    margin-left: 1rem;
-    margin-right: 1rem;
-  }
-  .mx-6 {
-    margin-left: 1.5rem;
-    margin-right: 1.5rem;
-  }
-  .mx-8 {
-    margin-left: 2rem;
-    margin-right: 2rem;
-  }
-  .mx-10 {
-    margin-left: 2.5rem;
-    margin-right: 2.5rem;
-  }
-  .mx-12 {
-    margin-left: 3rem;
-    margin-right: 3rem;
-  }
-  .mx-14 {
-    margin-left: 3.5rem;
-    margin-right: 3.5rem;
-  }
-  .mx-16 {
-    margin-left: 4rem;
-    margin-right: 4rem;
-  }
-
-  .my-0 {
-    margin-top: 0;
-    margin-bottom: 0;
-  }
-  .my-1 {
-    margin-top: 0.25rem;
-    margin-bottom: 0.25rem;
-  }
-  .my-2 {
-    margin-top: 0.5rem;
-    margin-bottom: 0.5rem;
-  }
-  .my-4 {
-    margin-top: 1rem;
-    margin-bottom: 1rem;
-  }
-  .my-6 {
-    margin-top: 1.5rem;
-    margin-bottom: 1.5rem;
-  }
-  .my-8 {
-    margin-top: 2rem;
-    margin-bottom: 2rem;
-  }
-  .my-10 {
-    margin-top: 2.5rem;
-    margin-bottom: 2.5rem;
-  }
-  .my-12 {
-    margin-top: 3rem;
-    margin-bottom: 3rem;
-  }
-  .my-14 {
-    margin-top: 3.5rem;
-    margin-bottom: 3.5rem;
-  }
-  .my-16 {
-    margin-top: 4rem;
-    margin-bottom: 4rem;
-  }
-
-  .p-0 {
-    padding: 0;
-  }
-  .p-1 {
-    padding: 0.25rem;
-  }
-  .p-2 {
-    padding: 0.5rem;
-  }
-  .p-4 {
-    padding: 1rem;
-  }
-  .p-6 {
-    padding: 1.5rem;
-  }
-  .p-8 {
-    padding: 2rem;
-  }
-  .p-10 {
-    padding: 2.5rem;
-  }
-  .p-12 {
-    padding: 3rem;
-  }
-  .p-14 {
-    padding: 3.5rem;
-  }
-  .p-16 {
-    padding: 4rem;
-  }
-
-  .pt-0 {
-    padding-top: 0;
-  }
-  .pt-1 {
-    padding-top: 0.25rem;
-  }
-  .pt-2 {
-    padding-top: 0.5rem;
-  }
-  .pt-4 {
-    padding-top: 1rem;
-  }
-  .pt-6 {
-    padding-top: 1.5rem;
-  }
-  .pt-8 {
-    padding-top: 2rem;
-  }
-  .pt-10 {
-    padding-top: 2.5rem;
-  }
-  .pt-12 {
-    padding-top: 3rem;
-  }
-  .pt-14 {
-    padding-top: 3.5rem;
-  }
-  .pt-16 {
-    padding-top: 4rem;
-  }
-
-  .pr-0 {
-    padding-right: 0;
-  }
-  .pr-1 {
-    padding-right: 0.25rem;
-  }
-  .pr-2 {
-    padding-right: 0.5rem;
-  }
-  .pr-4 {
-    padding-right: 1rem;
-  }
-  .pr-6 {
-    padding-right: 1.5rem;
-  }
-  .pr-8 {
-    padding-right: 2rem;
-  }
-  .pr-10 {
-    padding-right: 2.5rem;
-  }
-  .pr-12 {
-    padding-right: 3rem;
-  }
-  .pr-14 {
-    padding-right: 3.5rem;
-  }
-  .pr-16 {
-    padding-right: 4rem;
-  }
-
-  .pb-0 {
-    padding-bottom: 0;
-  }
-  .pb-1 {
-    padding-bottom: 0.25rem;
-  }
-  .pb-2 {
-    padding-bottom: 0.5rem;
-  }
-  .pb-4 {
-    padding-bottom: 1rem;
-  }
-  .pb-6 {
-    padding-bottom: 1.5rem;
-  }
-  .pb-8 {
-    padding-bottom: 2rem;
-  }
-  .pb-10 {
-    padding-bottom: 2.5rem;
-  }
-  .pb-12 {
-    padding-bottom: 3rem;
-  }
-  .pb-14 {
-    padding-bottom: 3.5rem;
-  }
-  .pb-16 {
-    padding-bottom: 4rem;
-  }
-
-  .pl-0 {
-    padding-left: 0;
-  }
-  .pl-1 {
-    padding-left: 0.25rem;
-  }
-  .pl-2 {
-    padding-left: 0.5rem;
-  }
-  .pl-4 {
-    padding-left: 1rem;
-  }
-  .pl-6 {
-    padding-left: 1.5rem;
-  }
-  .pl-8 {
-    padding-left: 2rem;
-  }
-  .pl-10 {
-    padding-left: 2.5rem;
-  }
-  .pl-12 {
-    padding-left: 3rem;
-  }
-  .pl-14 {
-    padding-left: 3.5rem;
-  }
-  .pl-16 {
-    padding-left: 4rem;
-  }
-
-  .px-0 {
-    padding-left: 0;
-    padding-right: 0;
-  }
-  .px-1 {
-    padding-left: 0.25rem;
-    padding-right: 0.25rem;
-  }
-  .px-2 {
-    padding-left: 0.5rem;
-    padding-right: 0.5rem;
-  }
-  .px-4 {
-    padding-left: 1rem;
-    padding-right: 1rem;
-  }
-  .px-6 {
-    padding-left: 1.5rem;
-    padding-right: 1.5rem;
-  }
-  .px-8 {
-    padding-left: 2rem;
-    padding-right: 2rem;
-  }
-  .px-10 {
-    padding-left: 2.5rem;
-    padding-right: 2.5rem;
-  }
-  .px-12 {
-    padding-left: 3rem;
-    padding-right: 3rem;
-  }
-  .px-14 {
-    padding-left: 3.5rem;
-    padding-right: 3.5rem;
-  }
-  .px-16 {
-    padding-left: 4rem;
-    padding-right: 4rem;
-  }
-
-  .py-0 {
-    padding-top: 0;
-    padding-bottom: 0;
-  }
-  .py-1 {
-    padding-top: 0.25rem;
-    padding-bottom: 0.25rem;
-  }
-  .py-2 {
-    padding-top: 0.5rem;
-    padding-bottom: 0.5rem;
-  }
-  .py-4 {
-    padding-top: 1rem;
-    padding-bottom: 1rem;
-  }
-  .py-6 {
-    padding-top: 1.5rem;
-    padding-bottom: 1.5rem;
-  }
-  .py-8 {
-    padding-top: 2rem;
-    padding-bottom: 2rem;
-  }
-  .py-10 {
-    padding-top: 2.5rem;
-    padding-bottom: 2.5rem;
-  }
-  .py-12 {
-    padding-top: 3rem;
-    padding-bottom: 3rem;
-  }
-  .py-14 {
-    padding-top: 3.5rem;
-    padding-bottom: 3.5rem;
-  }
-  .py-16 {
-    padding-top: 4rem;
-    padding-bottom: 4rem;
-  }
+	.place-self-auto {
+		place-self: auto;
+	}
+	.place-self-start {
+		place-self: start;
+	}
+	.place-self-end {
+		place-self: end;
+	}
+	.place-self-center {
+		place-self: center;
+	}
+	.place-self-stretch {
+		place-self: stretch;
+	}
+
+	.place-items-start {
+		place-items: start;
+	}
+	.place-items-end {
+		place-items: end;
+	}
+	.place-items-center {
+		place-items: center;
+	}
+	.place-items-stretch {
+		place-items: stretch;
+	}
+
+	.place-content-center {
+		place-content: center;
+	}
+	.place-content-start {
+		place-content: start;
+	}
+	.place-content-end {
+		place-content: end;
+	}
+	.place-content-between {
+		place-content: space-between;
+	}
+	.place-content-around {
+		place-content: space-around;
+	}
+	.place-content-evenly {
+		place-content: space-evenly;
+	}
+
+	.self-auto {
+		align-self: auto;
+	}
+	.self-start {
+		align-self: flex-start;
+	}
+	.self-center {
+		align-self: center;
+	}
+	.self-end {
+		align-self: flex-end;
+	}
+	.self-stretch {
+		align-self: stretch;
+	}
+
+	.items-baseline {
+		align-items: baseline;
+	}
+	.items-stretch {
+		align-items: stretch;
+	}
+	.items-start {
+		align-items: flex-start;
+	}
+	.items-center {
+		align-items: center;
+	}
+	.items-end {
+		align-items: flex-end;
+	}
+
+	.content-start {
+		align-content: flex-start;
+	}
+	.content-center {
+		align-content: center;
+	}
+	.content-end {
+		align-content: flex-end;
+	}
+	.content-between {
+		align-content: space-between;
+	}
+	.content-around {
+		align-content: space-around;
+	}
+	.content-evenly {
+		align-content: space-evenly;
+	}
+
+	.justify-self-auto {
+		justify-self: auto;
+	}
+	.justify-self-start {
+		justify-self: start;
+	}
+	.justify-self-center {
+		justify-self: center;
+	}
+	.justify-self-end {
+		justify-self: end;
+	}
+	.justify-self-stretch {
+		justify-self: stretch;
+	}
+
+	.justify-items-start {
+		justify-items: start;
+	}
+	.justify-items-center {
+		justify-items: center;
+	}
+	.justify-items-end {
+		justify-items: end;
+	}
+	.justify-items-stretch {
+		justify-items: stretch;
+	}
+
+	.justify-start {
+		justify-content: flex-start;
+	}
+	.justify-center {
+		justify-content: center;
+	}
+	.justify-end {
+		justify-content: flex-end;
+	}
+	.justify-between {
+		justify-content: space-between;
+	}
+	.justify-around {
+		justify-content: space-around;
+	}
+	.justify-evenly {
+		justify-content: space-evenly;
+	}
+
+	.gap-0 {
+		gap: 0;
+	}
+	.gap-1 {
+		gap: 0.25rem;
+	}
+	.gap-2 {
+		gap: 0.5rem;
+	}
+	.gap-4 {
+		gap: 1rem;
+	}
+	.gap-6 {
+		gap: 1.5rem;
+	}
+	.gap-8 {
+		gap: 2rem;
+	}
+	.gap-10 {
+		gap: 2.5rem;
+	}
+	.gap-12 {
+		gap: 3rem;
+	}
+	.gap-14 {
+		gap: 3.5rem;
+	}
+	.gap-16 {
+		gap: 4rem;
+	}
+
+	.gap-x-0 {
+		column-gap: 0;
+	}
+	.gap-x-1 {
+		column-gap: 0.25rem;
+	}
+	.gap-x-2 {
+		column-gap: 0.5rem;
+	}
+	.gap-x-4 {
+		column-gap: 1rem;
+	}
+	.gap-x-6 {
+		column-gap: 1.5rem;
+	}
+	.gap-x-8 {
+		column-gap: 2rem;
+	}
+	.gap-x-10 {
+		column-gap: 2.5rem;
+	}
+	.gap-x-12 {
+		column-gap: 3rem;
+	}
+	.gap-x-14 {
+		column-gap: 3.5rem;
+	}
+	.gap-x-16 {
+		column-gap: 4rem;
+	}
+
+	.gap-y-0 {
+		row-gap: 0;
+	}
+	.gap-y-1 {
+		row-gap: 0.25rem;
+	}
+	.gap-y-2 {
+		row-gap: 0.5rem;
+	}
+	.gap-y-4 {
+		row-gap: 1rem;
+	}
+	.gap-y-6 {
+		row-gap: 1.5rem;
+	}
+	.gap-y-8 {
+		row-gap: 2rem;
+	}
+	.gap-y-10 {
+		row-gap: 2.5rem;
+	}
+	.gap-y-12 {
+		row-gap: 3rem;
+	}
+	.gap-y-14 {
+		row-gap: 3.5rem;
+	}
+	.gap-y-16 {
+		row-gap: 4rem;
+	}
+
+	.order-1 {
+		order: 1;
+	}
+	.order-2 {
+		order: 2;
+	}
+	.order-3 {
+		order: 3;
+	}
+	.order-4 {
+		order: 4;
+	}
+	.order-5 {
+		order: 5;
+	}
+	.order-6 {
+		order: 6;
+	}
+	.order-7 {
+		order: 7;
+	}
+	.order-8 {
+		order: 8;
+	}
+	.order-9 {
+		order: 9;
+	}
+	.order-10 {
+		order: 10;
+	}
+	.order-11 {
+		order: 11;
+	}
+	.order-12 {
+		order: 12;
+	}
+	.order-none {
+		order: 0;
+	}
+	.order-first {
+		order: -9999;
+	}
+	.order-last {
+		order: 9999;
+	}
+
+	.flex-nowrap {
+		flex-wrap: nowrap;
+	}
+	.flex-wrap {
+		flex-wrap: wrap;
+	}
+	.flex-wrap-reverse {
+		flex-wrap: wrap-reverse;
+	}
+
+	.shrink {
+		flex-shrink: 1;
+	}
+	.shrink-0 {
+		flex-shrink: 0;
+	}
+
+	.grow {
+		flex-grow: 1;
+	}
+	.grow-0 {
+		flex-grow: 0;
+	}
+
+	.flex-row {
+		flex-direction: row;
+	}
+	.flex-row-reverse {
+		flex-direction: row-reverse;
+	}
+	.flex-col {
+		flex-direction: column;
+	}
+	.flex-col-reverse {
+		flex-direction: column-reverse;
+	}
+
+	.basis-1 {
+		flex-basis: 0.25rem;
+	}
+	.basis-2 {
+		flex-basis: 0.5rem;
+	}
+	.basis-4 {
+		flex-basis: 1rem;
+	}
+	.basis-8 {
+		flex-basis: 2rem;
+	}
+	.basis-16 {
+		flex-basis: 4rem;
+	}
+	.basis-1\/5 {
+		flex-basis: 20%;
+	}
+
+	.flex-initial {
+		flex: 0 1 auto;
+	}
+	.flex-1 {
+		flex: 1 1 0%;
+	}
+	.flex-auto {
+		flex: 1 1 auto;
+	}
+	.flex-none {
+		flex: none;
+	}
+
+	.space-x-0 > * + * {
+		margin-left: 0;
+	}
+	.space-x-1 > * + * {
+		margin-left: 0.25rem;
+	}
+	.space-x-2 > * + * {
+		margin-left: 0.5rem;
+	}
+	.space-x-4 > * + * {
+		margin-left: 1rem;
+	}
+	.space-x-6 > * + * {
+		margin-left: 1.5rem;
+	}
+	.space-x-8 > * + * {
+		margin-left: 2rem;
+	}
+	.space-x-10 > * + * {
+		margin-left: 2.5rem;
+	}
+	.space-x-12 > * + * {
+		margin-left: 3rem;
+	}
+	.space-x-14 > * + * {
+		margin-left: 3.5rem;
+	}
+	.space-x-16 > * + * {
+		margin-left: 4rem;
+	}
+
+	.space-y-0 > * + * {
+		margin-top: 0;
+	}
+	.space-y-1 > * + * {
+		margin-top: 0.25rem;
+	}
+	.space-y-2 > * + * {
+		margin-top: 0.5rem;
+	}
+	.space-y-4 > * + * {
+		margin-top: 1rem;
+	}
+	.space-y-6 > * + * {
+		margin-top: 1.5rem;
+	}
+	.space-y-8 > * + * {
+		margin-top: 2rem;
+	}
+	.space-y-10 > * + * {
+		margin-top: 2.5rem;
+	}
+	.space-y-12 > * + * {
+		margin-top: 3rem;
+	}
+	.space-y-14 > * + * {
+		margin-top: 3.5rem;
+	}
+	.space-y-16 > * + * {
+		margin-top: 4rem;
+	}
+
+	.space-x-reverse > * + * {
+		margin-right: 0;
+		margin-left: 0;
+	}
+	.space-y-reverse > * + * {
+		margin-bottom: 0;
+		margin-top: 0;
+	}
+
+	.m-0 {
+		margin: 0;
+	}
+	.m-1 {
+		margin: 0.25rem;
+	}
+	.m-2 {
+		margin: 0.5rem;
+	}
+	.m-4 {
+		margin: 1rem;
+	}
+	.m-6 {
+		margin: 1.5rem;
+	}
+	.m-8 {
+		margin: 2rem;
+	}
+	.m-10 {
+		margin: 2.5rem;
+	}
+	.m-12 {
+		margin: 3rem;
+	}
+	.m-14 {
+		margin: 3.5rem;
+	}
+	.m-16 {
+		margin: 4rem;
+	}
+
+	.mt-0 {
+		margin-top: 0;
+	}
+	.mt-1 {
+		margin-top: 0.25rem;
+	}
+	.mt-2 {
+		margin-top: 0.5rem;
+	}
+	.mt-4 {
+		margin-top: 1rem;
+	}
+	.mt-6 {
+		margin-top: 1.5rem;
+	}
+	.mt-8 {
+		margin-top: 2rem;
+	}
+	.mt-10 {
+		margin-top: 2.5rem;
+	}
+	.mt-12 {
+		margin-top: 3rem;
+	}
+	.mt-14 {
+		margin-top: 3.5rem;
+	}
+	.mt-16 {
+		margin-top: 4rem;
+	}
+
+	.mr-0 {
+		margin-right: 0;
+	}
+	.mr-1 {
+		margin-right: 0.25rem;
+	}
+	.mr-2 {
+		margin-right: 0.5rem;
+	}
+	.mr-4 {
+		margin-right: 1rem;
+	}
+	.mr-6 {
+		margin-right: 1.5rem;
+	}
+	.mr-8 {
+		margin-right: 2rem;
+	}
+	.mr-10 {
+		margin-right: 2.5rem;
+	}
+	.mr-12 {
+		margin-right: 3rem;
+	}
+	.mr-14 {
+		margin-right: 3.5rem;
+	}
+	.mr-16 {
+		margin-right: 4rem;
+	}
+
+	.mb-0 {
+		margin-bottom: 0;
+	}
+	.mb-1 {
+		margin-bottom: 0.25rem;
+	}
+	.mb-2 {
+		margin-bottom: 0.5rem;
+	}
+	.mb-4 {
+		margin-bottom: 1rem;
+	}
+	.mb-6 {
+		margin-bottom: 1.5rem;
+	}
+	.mb-8 {
+		margin-bottom: 2rem;
+	}
+	.mb-10 {
+		margin-bottom: 2.5rem;
+	}
+	.mb-12 {
+		margin-bottom: 3rem;
+	}
+	.mb-14 {
+		margin-bottom: 3.5rem;
+	}
+	.mb-16 {
+		margin-bottom: 4rem;
+	}
+
+	.ml-0 {
+		margin-left: 0;
+	}
+	.ml-1 {
+		margin-left: 0.25rem;
+	}
+	.ml-2 {
+		margin-left: 0.5rem;
+	}
+	.ml-4 {
+		margin-left: 1rem;
+	}
+	.ml-6 {
+		margin-left: 1.5rem;
+	}
+	.ml-8 {
+		margin-left: 2rem;
+	}
+	.ml-10 {
+		margin-left: 2.5rem;
+	}
+	.ml-12 {
+		margin-left: 3rem;
+	}
+	.ml-14 {
+		margin-left: 3.5rem;
+	}
+	.ml-16 {
+		margin-left: 4rem;
+	}
+
+	.mx-0 {
+		margin-left: 0;
+		margin-right: 0;
+	}
+	.mx-1 {
+		margin-left: 0.25rem;
+		margin-right: 0.25rem;
+	}
+	.mx-2 {
+		margin-left: 0.5rem;
+		margin-right: 0.5rem;
+	}
+	.mx-4 {
+		margin-left: 1rem;
+		margin-right: 1rem;
+	}
+	.mx-6 {
+		margin-left: 1.5rem;
+		margin-right: 1.5rem;
+	}
+	.mx-8 {
+		margin-left: 2rem;
+		margin-right: 2rem;
+	}
+	.mx-10 {
+		margin-left: 2.5rem;
+		margin-right: 2.5rem;
+	}
+	.mx-12 {
+		margin-left: 3rem;
+		margin-right: 3rem;
+	}
+	.mx-14 {
+		margin-left: 3.5rem;
+		margin-right: 3.5rem;
+	}
+	.mx-16 {
+		margin-left: 4rem;
+		margin-right: 4rem;
+	}
+
+	.my-0 {
+		margin-top: 0;
+		margin-bottom: 0;
+	}
+	.my-1 {
+		margin-top: 0.25rem;
+		margin-bottom: 0.25rem;
+	}
+	.my-2 {
+		margin-top: 0.5rem;
+		margin-bottom: 0.5rem;
+	}
+	.my-4 {
+		margin-top: 1rem;
+		margin-bottom: 1rem;
+	}
+	.my-6 {
+		margin-top: 1.5rem;
+		margin-bottom: 1.5rem;
+	}
+	.my-8 {
+		margin-top: 2rem;
+		margin-bottom: 2rem;
+	}
+	.my-10 {
+		margin-top: 2.5rem;
+		margin-bottom: 2.5rem;
+	}
+	.my-12 {
+		margin-top: 3rem;
+		margin-bottom: 3rem;
+	}
+	.my-14 {
+		margin-top: 3.5rem;
+		margin-bottom: 3.5rem;
+	}
+	.my-16 {
+		margin-top: 4rem;
+		margin-bottom: 4rem;
+	}
+
+	.p-0 {
+		padding: 0;
+	}
+	.p-1 {
+		padding: 0.25rem;
+	}
+	.p-2 {
+		padding: 0.5rem;
+	}
+	.p-4 {
+		padding: 1rem;
+	}
+	.p-6 {
+		padding: 1.5rem;
+	}
+	.p-8 {
+		padding: 2rem;
+	}
+	.p-10 {
+		padding: 2.5rem;
+	}
+	.p-12 {
+		padding: 3rem;
+	}
+	.p-14 {
+		padding: 3.5rem;
+	}
+	.p-16 {
+		padding: 4rem;
+	}
+
+	.pt-0 {
+		padding-top: 0;
+	}
+	.pt-1 {
+		padding-top: 0.25rem;
+	}
+	.pt-2 {
+		padding-top: 0.5rem;
+	}
+	.pt-4 {
+		padding-top: 1rem;
+	}
+	.pt-6 {
+		padding-top: 1.5rem;
+	}
+	.pt-8 {
+		padding-top: 2rem;
+	}
+	.pt-10 {
+		padding-top: 2.5rem;
+	}
+	.pt-12 {
+		padding-top: 3rem;
+	}
+	.pt-14 {
+		padding-top: 3.5rem;
+	}
+	.pt-16 {
+		padding-top: 4rem;
+	}
+
+	.pr-0 {
+		padding-right: 0;
+	}
+	.pr-1 {
+		padding-right: 0.25rem;
+	}
+	.pr-2 {
+		padding-right: 0.5rem;
+	}
+	.pr-4 {
+		padding-right: 1rem;
+	}
+	.pr-6 {
+		padding-right: 1.5rem;
+	}
+	.pr-8 {
+		padding-right: 2rem;
+	}
+	.pr-10 {
+		padding-right: 2.5rem;
+	}
+	.pr-12 {
+		padding-right: 3rem;
+	}
+	.pr-14 {
+		padding-right: 3.5rem;
+	}
+	.pr-16 {
+		padding-right: 4rem;
+	}
+
+	.pb-0 {
+		padding-bottom: 0;
+	}
+	.pb-1 {
+		padding-bottom: 0.25rem;
+	}
+	.pb-2 {
+		padding-bottom: 0.5rem;
+	}
+	.pb-4 {
+		padding-bottom: 1rem;
+	}
+	.pb-6 {
+		padding-bottom: 1.5rem;
+	}
+	.pb-8 {
+		padding-bottom: 2rem;
+	}
+	.pb-10 {
+		padding-bottom: 2.5rem;
+	}
+	.pb-12 {
+		padding-bottom: 3rem;
+	}
+	.pb-14 {
+		padding-bottom: 3.5rem;
+	}
+	.pb-16 {
+		padding-bottom: 4rem;
+	}
+
+	.pl-0 {
+		padding-left: 0;
+	}
+	.pl-1 {
+		padding-left: 0.25rem;
+	}
+	.pl-2 {
+		padding-left: 0.5rem;
+	}
+	.pl-4 {
+		padding-left: 1rem;
+	}
+	.pl-6 {
+		padding-left: 1.5rem;
+	}
+	.pl-8 {
+		padding-left: 2rem;
+	}
+	.pl-10 {
+		padding-left: 2.5rem;
+	}
+	.pl-12 {
+		padding-left: 3rem;
+	}
+	.pl-14 {
+		padding-left: 3.5rem;
+	}
+	.pl-16 {
+		padding-left: 4rem;
+	}
+
+	.px-0 {
+		padding-left: 0;
+		padding-right: 0;
+	}
+	.px-1 {
+		padding-left: 0.25rem;
+		padding-right: 0.25rem;
+	}
+	.px-2 {
+		padding-left: 0.5rem;
+		padding-right: 0.5rem;
+	}
+	.px-4 {
+		padding-left: 1rem;
+		padding-right: 1rem;
+	}
+	.px-6 {
+		padding-left: 1.5rem;
+		padding-right: 1.5rem;
+	}
+	.px-8 {
+		padding-left: 2rem;
+		padding-right: 2rem;
+	}
+	.px-10 {
+		padding-left: 2.5rem;
+		padding-right: 2.5rem;
+	}
+	.px-12 {
+		padding-left: 3rem;
+		padding-right: 3rem;
+	}
+	.px-14 {
+		padding-left: 3.5rem;
+		padding-right: 3.5rem;
+	}
+	.px-16 {
+		padding-left: 4rem;
+		padding-right: 4rem;
+	}
+
+	.py-0 {
+		padding-top: 0;
+		padding-bottom: 0;
+	}
+	.py-1 {
+		padding-top: 0.25rem;
+		padding-bottom: 0.25rem;
+	}
+	.py-2 {
+		padding-top: 0.5rem;
+		padding-bottom: 0.5rem;
+	}
+	.py-4 {
+		padding-top: 1rem;
+		padding-bottom: 1rem;
+	}
+	.py-6 {
+		padding-top: 1.5rem;
+		padding-bottom: 1.5rem;
+	}
+	.py-8 {
+		padding-top: 2rem;
+		padding-bottom: 2rem;
+	}
+	.py-10 {
+		padding-top: 2.5rem;
+		padding-bottom: 2.5rem;
+	}
+	.py-12 {
+		padding-top: 3rem;
+		padding-bottom: 3rem;
+	}
+	.py-14 {
+		padding-top: 3.5rem;
+		padding-bottom: 3.5rem;
+	}
+	.py-16 {
+		padding-top: 4rem;
+		padding-bottom: 4rem;
+	}
 `;var Er=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 Cr=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 Sr=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 Dr=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 Tr=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{unsafeCSS as Io}from"lit";var zr=Io("*,: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 Yo,LitElement as Xo}from"lit";import{property as mt,state as qo}from"lit/decorators.js";import{classMap as Uo}from"lit/directives/class-map.js";import{css as Ho}from"lit";var Lr=Ho`
-:host {
-  display: inline-block;
-}
-.w-icon {
-  --_w-icon-size: var(--w-icon-size, 24px);
-  height: var(--_w-icon-size);
-  width: var(--_w-icon-size);
-  display: flex;
-}
-.w-icon svg {
-  pointer-events: none;
-  height: var(--_w-icon-size);
-  width: var(--_w-icon-size);
-}
-.w-icon--s {
-  --w-icon-size: 16px;
-}
-.w-icon--m {
-  --w-icon-size: 24px;
-}
-.w-icon--l {
-  --w-icon-size: 32px;
-}
-
-`;var bt=new Map,Qo='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';function Zo(e,t={}){let r=t.responseParser??(o=>o.text());return bt.has(e)||bt.set(e,fetch(e).then(r)),bt.get(e)}var ie=class extends Xo{constructor(){super(...arguments);this.locale=document.documentElement.lang||"en";this.svg=null}async fetchIcon(r){let o=`https://assets.finn.no/pkg/eikons/~1/${this.locale}/${r}.svg`;try{let n=await Zo(o);return new DOMParser().parseFromString(n,"text/html").body.querySelector("svg")}catch{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(Qo,"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 Yo`<div class="${Uo(n)}" style="${a}" part="w-${o.toLowerCase()}">${this.svg}</div>`}};ie.styles=[Lr],v([mt({type:String,reflect:!0})],ie.prototype,"name",2),v([mt({type:String,reflect:!0})],ie.prototype,"size",2),v([mt({type:String,reflect:!0,useDefault:!0})],ie.prototype,"locale",2),v([qo()],ie.prototype,"svg",2);customElements.get("w-icon")||customElements.define("w-icon",ie);var k=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)},R=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 Ar(e){var t,r,o,n,a,i,s,l,u,c,g,m,d,p,h,f,x,_,C;class D extends e{constructor(...b){var w,y,E;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,()=>{R(this,n,!0,"f"),R(this,r,!0,"f"),k(this,t,"m",f).call(this)}),g.set(this,()=>{R(this,r,!1,"f"),k(this,t,"m",x).call(this,this.shouldFormValueUpdate()?k(this,u,"f"):""),!this.validity.valid&&k(this,n,"f")&&R(this,o,!0,"f");let T=k(this,t,"m",f).call(this);this.validationMessageCallback&&this.validationMessageCallback(T?this.internals.validationMessage:"")}),m.set(this,()=>{var T;k(this,s,"f")&&this.validationTarget&&(this.internals.setValidity(this.validity,this.validationMessage,this.validationTarget),R(this,s,!1,"f")),R(this,n,!0,"f"),R(this,o,!0,"f"),k(this,t,"m",f).call(this),(T=this===null||this===void 0?void 0:this.validationMessageCallback)===null||T===void 0||T.call(this,this.showError?this.internals.validationMessage:"")}),d.set(this,void 0),p.set(this,!1),h.set(this,Promise.resolve()),(w=this.addEventListener)===null||w===void 0||w.call(this,"focus",k(this,c,"f")),(y=this.addEventListener)===null||y===void 0||y.call(this,"blur",k(this,g,"f")),(E=this.addEventListener)===null||E===void 0||E.call(this,"invalid",k(this,m,"f")),this.setValue(null)}static get formAssociated(){return!0}static get validators(){return this.formControlValidators||[]}static get observedAttributes(){let b=this.validators.map(E=>E.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 y;if(w.attribute===b||!((y=w.attribute)===null||y===void 0)&&y.includes(b))return!0})}get form(){return this.internals.form}get showError(){return k(this,t,"m",f).call(this)}checkValidity(){return this.internals.checkValidity()}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}attributeChangedCallback(b,w,y){var E;(E=super.attributeChangedCallback)===null||E===void 0||E.call(this,b,w,y);let V=this.constructor.getValidators(b);V?.length&&this.validationTarget&&this.setValue(k(this,u,"f"))}setValue(b){var w;R(this,o,!1,"f"),(w=this.validationMessageCallback)===null||w===void 0||w.call(this,""),R(this,u,b,"f");let E=this.shouldFormValueUpdate()?b:null;this.internals.setFormValue(E),k(this,t,"m",x).call(this,E),this.valueChangedCallback&&this.valueChangedCallback(E),k(this,t,"m",f).call(this)}shouldFormValueUpdate(){return!0}get validationComplete(){return new Promise(b=>b(k(this,h,"f")))}formResetCallback(){var b,w;R(this,n,!1,"f"),R(this,o,!1,"f"),k(this,t,"m",f).call(this),(b=this.resetFormControl)===null||b===void 0||b.call(this),(w=this.validationMessageCallback)===null||w===void 0||w.call(this,k(this,t,"m",f).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,m=new WeakMap,d=new WeakMap,p=new WeakMap,h=new WeakMap,t=new WeakSet,l=function(){let b=this.getRootNode(),w=`${this.localName}[name="${this.getAttribute("name")}"]`;return b.querySelectorAll(w)},f=function(){if(this.hasAttribute("disabled"))return!1;let b=k(this,o,"f")||k(this,n,"f")&&!this.validity.valid&&!k(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,y={},E=w.validators,T=[],V=E.some(A=>A.isValid instanceof Promise);k(this,p,"f")||(R(this,h,new Promise(A=>{R(this,d,A,"f")}),"f"),R(this,p,!0,"f")),k(this,a,"f")&&(k(this,a,"f").abort(),R(this,i,k(this,a,"f"),"f"));let j=new AbortController;R(this,a,j,"f");let N,M=!1;E.length&&(E.forEach(A=>{let H=A.key||"customError",P=A.isValid(this,b,j.signal);P instanceof Promise?(T.push(P),P.then(U=>{U!=null&&(y[H]=!U,N=k(this,t,"m",C).call(this,A,b),k(this,t,"m",_).call(this,y,N))})):(y[H]=!P,this.validity[H]!==!P&&(M=!0),!P&&!N&&(N=k(this,t,"m",C).call(this,A,b)))}),Promise.allSettled(T).then(()=>{var A;j?.signal.aborted||(R(this,p,!1,"f"),(A=k(this,d,"f"))===null||A===void 0||A.call(this))}),(M||!V)&&k(this,t,"m",_).call(this,y,N))},_=function(b,w){if(this.validationTarget)this.internals.setValidity(b,w,this.validationTarget),R(this,s,!1,"f");else{if(this.internals.setValidity(b,w),this.internals.validity.valid)return;R(this,s,!0,"f")}},C=function(b,w){if(this.validityCallback){let y=this.validityCallback(b.key||"customError");if(y)return y}return b.message instanceof Function?b.message(this,w):b.message},D}import{html as tt,LitElement as Br,nothing as Wo}from"lit";import{property as $,query as en}from"lit/decorators.js";import{html as Jo,LitElement as Mr,nothing as Ko}from"lit";import{property as ae}from"lit/decorators.js";import{css as Go}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, var(--w-button-radius-default, 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)
-    );
-
-    /* Icon color for pill/icon-only variants (semantic; default dark grey icon) */
-    --w-c-button-icon-color: var(--w-s-color-icon);
-  }
-
-  :host(:focus-visible) {
-    outline: none;
-  }
+	:host {
+		display: inline-block;
+	}
+	.w-icon {
+		--_w-icon-size: var(--w-icon-size, 24px);
+		height: var(--_w-icon-size);
+		width: var(--_w-icon-size);
+		display: flex;
+	}
+	.w-icon svg {
+		pointer-events: none;
+		height: var(--_w-icon-size);
+		width: var(--_w-icon-size);
+	}
+	.w-icon--s {
+		--w-icon-size: 16px;
+	}
+	.w-icon--m {
+		--w-icon-size: 24px;
+	}
+	.w-icon--l {
+		--w-icon-size: 32px;
+	}
+`;var bt=new Map,Qo='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';function Zo(e,t={}){let r=t.responseParser??(o=>o.text());return bt.has(e)||bt.set(e,fetch(e).then(r)),bt.get(e)}var ie=class extends Xo{constructor(){super(...arguments);this.locale=document.documentElement.lang||"en";this.svg=null}async fetchIcon(r){let o=`https://assets.finn.no/pkg/eikons/~1/${this.locale}/${r}.svg`;try{let n=await Zo(o);return new DOMParser().parseFromString(n,"text/html").body.querySelector("svg")}catch{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(Qo,"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 Yo`<div
+			class="${Uo(n)}"
+			style="${a}"
+			part="w-${o.toLowerCase()}"
+		>
+			${this.svg}
+		</div>`}};ie.styles=[Lr],v([mt({type:String,reflect:!0})],ie.prototype,"name",2),v([mt({type:String,reflect:!0})],ie.prototype,"size",2),v([mt({type:String,reflect:!0,useDefault:!0})],ie.prototype,"locale",2),v([qo()],ie.prototype,"svg",2);customElements.get("w-icon")||customElements.define("w-icon",ie);var k=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)},R=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 Ar(e){var t,r,o,n,a,i,s,l,u,c,g,m,d,p,h,f,x,_,C;class D extends e{constructor(...b){var w,y,E;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,()=>{R(this,n,!0,"f"),R(this,r,!0,"f"),k(this,t,"m",f).call(this)}),g.set(this,()=>{R(this,r,!1,"f"),k(this,t,"m",x).call(this,this.shouldFormValueUpdate()?k(this,u,"f"):""),!this.validity.valid&&k(this,n,"f")&&R(this,o,!0,"f");let T=k(this,t,"m",f).call(this);this.validationMessageCallback&&this.validationMessageCallback(T?this.internals.validationMessage:"")}),m.set(this,()=>{var T;k(this,s,"f")&&this.validationTarget&&(this.internals.setValidity(this.validity,this.validationMessage,this.validationTarget),R(this,s,!1,"f")),R(this,n,!0,"f"),R(this,o,!0,"f"),k(this,t,"m",f).call(this),(T=this===null||this===void 0?void 0:this.validationMessageCallback)===null||T===void 0||T.call(this,this.showError?this.internals.validationMessage:"")}),d.set(this,void 0),p.set(this,!1),h.set(this,Promise.resolve()),(w=this.addEventListener)===null||w===void 0||w.call(this,"focus",k(this,c,"f")),(y=this.addEventListener)===null||y===void 0||y.call(this,"blur",k(this,g,"f")),(E=this.addEventListener)===null||E===void 0||E.call(this,"invalid",k(this,m,"f")),this.setValue(null)}static get formAssociated(){return!0}static get validators(){return this.formControlValidators||[]}static get observedAttributes(){let b=this.validators.map(E=>E.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 y;if(w.attribute===b||!((y=w.attribute)===null||y===void 0)&&y.includes(b))return!0})}get form(){return this.internals.form}get showError(){return k(this,t,"m",f).call(this)}checkValidity(){return this.internals.checkValidity()}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}attributeChangedCallback(b,w,y){var E;(E=super.attributeChangedCallback)===null||E===void 0||E.call(this,b,w,y);let V=this.constructor.getValidators(b);V?.length&&this.validationTarget&&this.setValue(k(this,u,"f"))}setValue(b){var w;R(this,o,!1,"f"),(w=this.validationMessageCallback)===null||w===void 0||w.call(this,""),R(this,u,b,"f");let E=this.shouldFormValueUpdate()?b:null;this.internals.setFormValue(E),k(this,t,"m",x).call(this,E),this.valueChangedCallback&&this.valueChangedCallback(E),k(this,t,"m",f).call(this)}shouldFormValueUpdate(){return!0}get validationComplete(){return new Promise(b=>b(k(this,h,"f")))}formResetCallback(){var b,w;R(this,n,!1,"f"),R(this,o,!1,"f"),k(this,t,"m",f).call(this),(b=this.resetFormControl)===null||b===void 0||b.call(this),(w=this.validationMessageCallback)===null||w===void 0||w.call(this,k(this,t,"m",f).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,m=new WeakMap,d=new WeakMap,p=new WeakMap,h=new WeakMap,t=new WeakSet,l=function(){let b=this.getRootNode(),w=`${this.localName}[name="${this.getAttribute("name")}"]`;return b.querySelectorAll(w)},f=function(){if(this.hasAttribute("disabled"))return!1;let b=k(this,o,"f")||k(this,n,"f")&&!this.validity.valid&&!k(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,y={},E=w.validators,T=[],V=E.some(A=>A.isValid instanceof Promise);k(this,p,"f")||(R(this,h,new Promise(A=>{R(this,d,A,"f")}),"f"),R(this,p,!0,"f")),k(this,a,"f")&&(k(this,a,"f").abort(),R(this,i,k(this,a,"f"),"f"));let j=new AbortController;R(this,a,j,"f");let N,M=!1;E.length&&(E.forEach(A=>{let H=A.key||"customError",P=A.isValid(this,b,j.signal);P instanceof Promise?(T.push(P),P.then(U=>{U!=null&&(y[H]=!U,N=k(this,t,"m",C).call(this,A,b),k(this,t,"m",_).call(this,y,N))})):(y[H]=!P,this.validity[H]!==!P&&(M=!0),!P&&!N&&(N=k(this,t,"m",C).call(this,A,b)))}),Promise.allSettled(T).then(()=>{var A;j?.signal.aborted||(R(this,p,!1,"f"),(A=k(this,d,"f"))===null||A===void 0||A.call(this))}),(M||!V)&&k(this,t,"m",_).call(this,y,N))},_=function(b,w){if(this.validationTarget)this.internals.setValidity(b,w,this.validationTarget),R(this,s,!1,"f");else{if(this.internals.setValidity(b,w),this.internals.validity.valid)return;R(this,s,!0,"f")}},C=function(b,w){if(this.validityCallback){let y=this.validityCallback(b.key||"customError");if(y)return y}return b.message instanceof Function?b.message(this,w):b.message},D}import{html as tt,LitElement as Br,nothing as Wo}from"lit";import{property as $,query as en}from"lit/decorators.js";import{html as Jo,LitElement as Mr,nothing as Ko}from"lit";import{property as ae}from"lit/decorators.js";import{css as Go}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, var(--w-button-radius-default, 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)
+		);
+
+		/* Icon color for pill/icon-only variants (semantic; default dark grey icon) */
+		--w-c-button-icon-color: var(--w-s-color-icon);
+	}
+
+	: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([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([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;
-  }
-
-  :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: var(--w-button-radius-utility, 4px);
-    --w-c-button-border-width: 1px;
-  }
-
-  :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;
-  }
-
-  :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));
-  }
+	: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([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([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;
+	}
+
+	: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: var(--w-button-radius-utility, 4px);
+		--w-c-button-border-width: 1px;
+	}
+
+	: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;
+	}
+
+	: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]) {
-    --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);
-  }
+	:host([small]) {
+		--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;
-    cursor: default;
+	:host([disabled]) {
+		pointer-events: none;
+		cursor: default;
 
-    --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-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-color: var(--w-s-color-text-inverted);
+		--w-c-button-border-width: 0px;
+	}
 `,Or=Ee`
-  ${ht}
+	${ht}
 
-  /* ============================================================
+	/* ============================================================
    * Base element (NATIVE button mode ONLY)
    * ============================================================ */
   button[part='base'] {
-    display: inline-flex;
-    justify-content: center;
-    align-items: center;
-    text-align: center;
+		display: inline-flex;
+		justify-content: center;
+		align-items: center;
+		text-align: center;
 
-    cursor: pointer;
+		cursor: pointer;
 
-    background-color: var(--_bg);
-    color: var(--_color);
+		background-color: var(--_bg);
+		color: var(--_color);
 
-    border: var(--_border-width) solid var(--_border-color);
-    border-radius: var(--_radius);
+		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));
+		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);
+		font-size: var(--_font-size);
+		line-height: var(--_line-height);
+		font-weight: var(--_font-weight);
 
-    transition: var(--_transition);
-  }
+		transition: var(--_transition);
+	}
 
-  /* Optional: helps avoid "grew a bit" from slot typography differences */
-  button[part='base'] ::slotted(*) {
-    line-height: inherit;
-  }
+	/* Optional: helps avoid "grew a bit" from slot typography differences */
+	button[part="base"] ::slotted(*) {
+		line-height: inherit;
+	}
 
-  /* ============================================================
+	/* ============================================================
    * 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;
-  }
-
-  /* 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(:not([disabled]):not([loading])) button[part='base']:active {
-    background-color: var(--_bg-active);
-    border-color: var(--_border-color-active);
-    color: var(--_color-active);
-  }
-
-  :host(:focus-visible) button[part='base'] {
-    outline: var(--_outline-width) solid var(--_outline-color);
-    outline-offset: var(--_outline-offset);
-  }
-
-  /* ============================================================
+	:host > w-link[part="base"] {
+		display: inline-block;
+		padding: 0;
+		border: 0;
+		background: transparent;
+	}
+
+	/* 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(:not([disabled]):not([loading])) button[part="base"]:active {
+		background-color: var(--_bg-active);
+		border-color: var(--_border-color-active);
+		color: var(--_color-active);
+	}
+
+	:host(:focus-visible) button[part="base"] {
+		outline: var(--_outline-width) solid var(--_outline-color);
+		outline-offset: var(--_outline-offset);
+	}
+
+	/* ============================================================
    * Variants (shared + button-specific quiet mappings)
    * ============================================================ */
-  ${ft}
+	${ft}
 
-  /* Button-specific: quiet attribute backwards compatibility */
+	/* 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([variant='utility'][quiet]) {
-    --w-c-button-bg: transparent;
-    --w-c-button-color: var(--w-s-color-text);
-    --w-c-button-border-width: 0px;
-  }
-
-  /* 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));
-  }
-
-  :host([variant='pill']) button[part='base'] {
-    min-height: 44px;
-    min-width: 44px;
-  }
-
-  :host([small][variant='pill']) button[part='base'] {
-    min-height: 32px;
-    min-width: 32px;
-  }
-
-  /* Button-specific: link variant element styles */
-  :host([variant='link']) button[part='base'] {
-    display: inline;
-    padding: 0;
-  }
-
-  :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);
-  }
-
-  /* ===== Size ===== */
-  ${vt}
-
-  :host([small][variant='pill']) {
-    --w-c-button-padding-x: 8px;
-    --w-c-button-padding-y: 8px;
-  }
-
-  /* ===== Layout ===== */
-
-  :host([full-width]) {
-    display: block;
-    width: 100%;
-  }
-
-  :host([full-width]) button[part='base'],
-  :host([full-width]) > w-link[part='base'] {
-    width: 100%;
-  }
-
-  :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));
-  }
-
-  /* ============================================================
+		--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([variant="utility"][quiet]) {
+		--w-c-button-bg: transparent;
+		--w-c-button-color: var(--w-s-color-text);
+		--w-c-button-border-width: 0px;
+	}
+
+	/* 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));
+	}
+
+	:host([variant="pill"]) button[part="base"] {
+		min-height: 44px;
+		min-width: 44px;
+	}
+
+	:host([small][variant="pill"]) button[part="base"] {
+		min-height: 32px;
+		min-width: 32px;
+	}
+
+	/* Button-specific: link variant element styles */
+	:host([variant="link"]) button[part="base"] {
+		display: inline;
+		padding: 0;
+	}
+
+	: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);
+	}
+
+	/* ===== Size ===== */
+	${vt}
+
+	:host([small][variant='pill']) {
+		--w-c-button-padding-x: 8px;
+		--w-c-button-padding-y: 8px;
+	}
+
+	/* ===== Layout ===== */
+
+	:host([full-width]) {
+		display: block;
+		width: 100%;
+	}
+
+	:host([full-width]) button[part="base"],
+	:host([full-width]) > w-link[part="base"] {
+		width: 100%;
+	}
+
+	: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)
    *
@@ -3681,244 +3712,255 @@ Please compile your catalog first.
    * To ensure states always win, we match similar specificity via extra attribute selectors.
    * ============================================================ */
 
-  /* ===== Disabled ===== */
-  ${wt}
+	/* ===== Disabled ===== */
+	${wt}
 
-  /* Additional specificity for button to override quiet variants */
+	/* 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);
-  }
-
-  /* ===== 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%,
-      transparent 25%,
-      transparent 50%,
-      rgba(0, 0, 0, 0.05) 50%,
-      rgba(0, 0, 0, 0.05) 75%,
-      transparent 75%,
-      transparent
-    );
-    background-size: 30px 30px;
-    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;
-    }
-    100% {
-      background-position: 60px 0;
-    }
-  }
+		--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);
+	}
+
+	/* ===== 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%,
+			transparent 25%,
+			transparent 50%,
+			rgba(0, 0, 0, 0.05) 50%,
+			rgba(0, 0, 0, 0.05) 75%,
+			transparent 75%,
+			transparent
+		);
+		background-size: 30px 30px;
+		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;
+		}
+		100% {
+			background-position: 60px 0;
+		}
+	}
 `;var Rr=Go`
-  ${ht}
+	${ht}
 
-  /* ============================================================
+	/* ============================================================
    * Link element (anchor with button styling)
    * ============================================================ */
   a[part='base'] {
-    display: inline-flex;
-    justify-content: center;
-    align-items: center;
-    text-align: center;
+		display: inline-flex;
+		justify-content: center;
+		align-items: center;
+		text-align: center;
 
-    cursor: pointer;
-    text-decoration: none;
+		cursor: pointer;
+		text-decoration: none;
 
-    background-color: var(--_bg);
-    color: var(--_color);
+		background-color: var(--_bg);
+		color: var(--_color);
 
-    border: var(--_border-width) solid var(--_border-color);
-    border-radius: var(--_radius);
+		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));
+		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);
+		font-size: var(--_font-size);
+		line-height: var(--_line-height);
+		font-weight: var(--_font-weight);
 
-    transition: var(--_transition);
-  }
+		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"]: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(: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);
-  }
+	:host(:focus-visible) a[part="base"] {
+		outline: var(--_outline-width) solid var(--_outline-color);
+		outline-offset: var(--_outline-offset);
+	}
 
-  /* ===== Variants (shared from button) ===== */
-  ${ft}
+	/* ===== Variants (shared from button) ===== */
+	${ft}
 
-  /* Link-specific: link variant element styles */
+	/* Link-specific: link variant element styles */
   :host([variant='link']) a[part='base'] {
-    display: inline;
-    padding: 0;
-  }
+		display: inline;
+		padding: 0;
+	}
 
-  :host([variant='link']:not([disabled])) a[part='base']:hover {
-    text-decoration: underline;
-    background-color: transparent;
-    border-color: transparent;
-  }
+	:host([variant="link"]:not([disabled])) a[part="base"]:hover {
+		text-decoration: underline;
+		background-color: transparent;
+		border-color: transparent;
+	}
 
-  /* ===== Sizes (shared from button) ===== */
-  ${vt}
+	/* ===== Sizes (shared from button) ===== */
+	${vt}
 
-  /* ===== Layout ===== */
+	/* ===== Layout ===== */
   :host([full-width]) {
-    display: block;
-    width: 100%;
-  }
+		display: block;
+		width: 100%;
+	}
 
-  :host([full-width]) a[part='base'] {
-    width: 100%;
-  }
+	:host([full-width]) a[part="base"] {
+		width: 100%;
+	}
 
-  /* ===== Disabled (shared from button) ===== */
-  ${wt}
+	/* ===== Disabled (shared from button) ===== */
+	${wt}
 `;var Pr=["primary","secondary","negative","negativeQuiet","utility","utilityQuiet","quiet","link","overlay","overlayInverted","overlayQuiet","overlayInvertedQuiet"],Y=class extends Mr{constructor(){super(...arguments);this.autofocus=!1;this.small=!1;this.disabled=!1;this.fullWidth=!1}connectedCallback(){if(super.connectedCallback(),this.variant&&!Pr.includes(this.variant))throw new Error(`Invalid "variant" attribute. Set its value to one of the following:
 ${Pr.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0)}render(){return Jo`
-      <a
-        href="${this.href}"
-        part="base"
-        target="${this.target}"
-        rel="${this.target==="_blank"?this.rel||"noopener":Ko}"
-        tabindex="0"
-      >
-        <slot></slot>
-      </a>
-    `}};Y.shadowRootOptions={...Mr.shadowRootOptions,delegatesFocus:!0},Y.styles=[he,Rr],v([ae({type:Boolean,reflect:!0})],Y.prototype,"autofocus",2),v([ae({reflect:!0})],Y.prototype,"variant",2),v([ae({type:Boolean,reflect:!0})],Y.prototype,"small",2),v([ae({reflect:!0})],Y.prototype,"href",2),v([ae({type:Boolean,reflect:!0})],Y.prototype,"disabled",2),v([ae({reflect:!0})],Y.prototype,"target",2),v([ae({reflect:!0})],Y.prototype,"rel",2),v([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 $r=JSON.parse('{"button.aria.loading":["Indl\xE6ser..."]}');var Fr=JSON.parse('{"button.aria.loading":["Loading..."]}');var jr=JSON.parse('{"button.aria.loading":["Ladataan..."]}');var Vr=JSON.parse('{"button.aria.loading":["Laster..."]}');var Nr=JSON.parse('{"button.aria.loading":["Laddar ..."]}');var Ir=["primary","secondary","negative","negativeQuiet","utility","pill","link","quiet","utilityQuiet","overlay","overlayInverted","overlayQuiet","overlayInvertedQuiet"],Ce,S=class extends Ar(Br){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);et(Fr,Vr,jr,$r,Nr),this.ariaValueTextLoading=L.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(!Ir.includes(r))throw new Error(`Invalid "variant" attribute. Set its value to one of the following:
-${Ir.join(", ")}.`);St(this,Ce,this.value)}closestWithId(r){let o=this.shadowRoot,n=null;try{for(;o;){if(n=o.getElementById(r),n)return n;o=o.getRootNode().host?.getRootNode()}}catch{}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}
-            variant=${this.quiet?"quiet":r}
-            ?small=${this.small}
-            ?loading=${this.loading}
-            ?autofocus=${this.autofocus}
-            ?full-width=${this.fullWidth}
-            class=${this.buttonClass}
-            rel=${this.target==="_blank"?this.rel||"noopener":void 0}
-          >
-            <slot></slot>
-          </w-link>
-        `:tt`
-          <button
-            type=${this.type||"button"}
-            part="base"
-            class=${xt(this.buttonClass)}
-            @click="${this._handleButtonClick}"
-            commandfor=${xt(this.commandfor)}
-            command=${xt(this.command)}
-          >
-            <slot></slot>
-          </button>
-        `}
-    ${this.loading?tt`<span
-          class="sr-only"
-          role="progressbar"
-          aria-valuenow="{0}"
-          aria-valuetext=${this.ariaValueTextLoading}
-        ></span>`:Wo}`}};Ce=new WeakMap,S.styles=[he,Or],S.shadowRootOptions={...Br.shadowRootOptions,delegatesFocus:!0},v([$({reflect:!0})],S.prototype,"type",2),v([$({type:Boolean,reflect:!0})],S.prototype,"autofocus",2),v([$({reflect:!0})],S.prototype,"variant",2),v([$({type:Boolean,reflect:!0})],S.prototype,"quiet",2),v([$({type:Boolean,reflect:!0,attribute:"icon-only"})],S.prototype,"iconOnly",2),v([$({type:Boolean,reflect:!0})],S.prototype,"small",2),v([$({type:Boolean,reflect:!0})],S.prototype,"loading",2),v([$({reflect:!0})],S.prototype,"href",2),v([$({reflect:!0})],S.prototype,"target",2),v([$({type:Boolean,reflect:!0})],S.prototype,"disabled",2),v([$({reflect:!0})],S.prototype,"rel",2),v([$({attribute:"full-width",type:Boolean,reflect:!0})],S.prototype,"fullWidth",2),v([$({attribute:"button-class",reflect:!0})],S.prototype,"buttonClass",2),v([$({reflect:!0})],S.prototype,"name",2),v([$({reflect:!0})],S.prototype,"value",2),v([$()],S.prototype,"commandfor",2),v([$()],S.prototype,"command",2),v([en("button")],S.prototype,"buttonEl",2);customElements.get("w-button")||customElements.define("w-button",S);var nn={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",Wi={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 ${nn.link}`},z={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"},an={"top-start":z.arrowDirectionTopStart,top:z.arrowDirectionTop,"top-end":z.arrowDirectionTopEnd,"right-start":z.arrowDirectionRightStart,right:z.arrowDirectionRight,"right-end":z.arrowDirectionRightEnd,"bottom-start":z.arrowDirectionBottomStart,bottom:z.arrowDirectionBottom,"bottom-end":z.arrowDirectionBottomEnd,"left-start":z.arrowDirectionLeftStart,left:z.arrowDirectionLeft,"left-end":z.arrowDirectionLeftEnd},F=class extends rn{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(Cr,Dr,Sr,Er,Tr),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:
+			<a
+				href="${this.href}"
+				part="base"
+				target="${this.target}"
+				rel="${this.target==="_blank"?this.rel||"noopener":Ko}"
+				tabindex="0"
+			>
+				<slot></slot>
+			</a>
+		`}};Y.shadowRootOptions={...Mr.shadowRootOptions,delegatesFocus:!0},Y.styles=[he,Rr],v([ae({type:Boolean,reflect:!0})],Y.prototype,"autofocus",2),v([ae({reflect:!0})],Y.prototype,"variant",2),v([ae({type:Boolean,reflect:!0})],Y.prototype,"small",2),v([ae({reflect:!0})],Y.prototype,"href",2),v([ae({type:Boolean,reflect:!0})],Y.prototype,"disabled",2),v([ae({reflect:!0})],Y.prototype,"target",2),v([ae({reflect:!0})],Y.prototype,"rel",2),v([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 $r=JSON.parse('{"button.aria.loading":["Indl\xE6ser..."]}');var Fr=JSON.parse('{"button.aria.loading":["Loading..."]}');var jr=JSON.parse('{"button.aria.loading":["Ladataan..."]}');var Vr=JSON.parse('{"button.aria.loading":["Laster..."]}');var Nr=JSON.parse('{"button.aria.loading":["Laddar ..."]}');var Ir=["primary","secondary","negative","negativeQuiet","utility","pill","link","quiet","utilityQuiet","overlay","overlayInverted","overlayQuiet","overlayInvertedQuiet"],Ce,S=class extends Ar(Br){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);et(Fr,Vr,jr,$r,Nr),this.ariaValueTextLoading=L.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(!Ir.includes(r))throw new Error(`Invalid "variant" attribute. Set its value to one of the following:
+${Ir.join(", ")}.`);St(this,Ce,this.value)}closestWithId(r){let o=this.shadowRoot,n;try{for(;o;){if(n=o.getElementById(r),n)return n;o=o.getRootNode().host?.getRootNode()}}catch{}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}
+						variant=${this.quiet?"quiet":r}
+						?small=${this.small}
+						?loading=${this.loading}
+						?autofocus=${this.autofocus}
+						?full-width=${this.fullWidth}
+						class=${this.buttonClass}
+						rel=${this.target==="_blank"?this.rel||"noopener":void 0}
+					>
+						<slot></slot>
+					</w-link>
+				`:tt`
+					<button
+						type=${this.type||"button"}
+						part="base"
+						class=${xt(this.buttonClass)}
+						@click="${this._handleButtonClick}"
+						commandfor=${xt(this.commandfor)}
+						command=${xt(this.command)}
+					>
+						<slot></slot>
+					</button>
+				`}
+		${this.loading?tt`<span
+					class="sr-only"
+					role="progressbar"
+					aria-valuenow="{0}"
+					aria-valuetext=${this.ariaValueTextLoading}
+				></span>`:Wo}`}};Ce=new WeakMap,S.styles=[he,Or],S.shadowRootOptions={...Br.shadowRootOptions,delegatesFocus:!0},v([$({reflect:!0})],S.prototype,"type",2),v([$({type:Boolean,reflect:!0})],S.prototype,"autofocus",2),v([$({reflect:!0})],S.prototype,"variant",2),v([$({type:Boolean,reflect:!0})],S.prototype,"quiet",2),v([$({type:Boolean,reflect:!0,attribute:"icon-only"})],S.prototype,"iconOnly",2),v([$({type:Boolean,reflect:!0})],S.prototype,"small",2),v([$({type:Boolean,reflect:!0})],S.prototype,"loading",2),v([$({reflect:!0})],S.prototype,"href",2),v([$({reflect:!0})],S.prototype,"target",2),v([$({type:Boolean,reflect:!0})],S.prototype,"disabled",2),v([$({reflect:!0})],S.prototype,"rel",2),v([$({attribute:"full-width",type:Boolean,reflect:!0})],S.prototype,"fullWidth",2),v([$({attribute:"button-class",reflect:!0})],S.prototype,"buttonClass",2),v([$({reflect:!0})],S.prototype,"name",2),v([$({reflect:!0})],S.prototype,"value",2),v([$()],S.prototype,"commandfor",2),v([$()],S.prototype,"command",2),v([en("button")],S.prototype,"buttonEl",2);customElements.get("w-button")||customElements.define("w-button",S);var nn={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",Ki={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 ${nn.link}`},z={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"},an={"top-start":z.arrowDirectionTopStart,top:z.arrowDirectionTop,"top-end":z.arrowDirectionTopEnd,"right-start":z.arrowDirectionRightStart,right:z.arrowDirectionRight,"right-end":z.arrowDirectionRightEnd,"bottom-start":z.arrowDirectionBottomStart,bottom:z.arrowDirectionBottom,"bottom-end":z.arrowDirectionBottomEnd,"left-start":z.arrowDirectionLeftStart,left:z.arrowDirectionLeft,"left-end":z.arrowDirectionLeftEnd},F=class extends rn{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(Cr,Dr,Sr,Er,Tr),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?.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=an[this._arrowDirection];return De([z.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:z.callout,arrow:z.arrowCallout}:this.popover?{wrapper:z.popover,arrow:z.arrowPopover}:this.tooltip?{wrapper:z.tooltip,arrow:z.arrowTooltip}:this.highlight?{wrapper:z.highlight,arrow:z.arrowHighlight}:{wrapper:"",arrow:""}}get _attentionEl(){return this.renderRoot.querySelector("#attention")}get _targetEl(){let o=this.renderRoot?.querySelector("slot[name='target']")?.assignedElements()[0];return o instanceof HTMLElement?o:null}get _messageEl(){let o=this.renderRoot.querySelector("slot[name='message']")?.assignedElements()[0];return o instanceof HTMLElement?o:null}get _wrapperClasses(){return De([z.base,this._activeVariantClasses.wrapper])}get _ariaClose(){return L._({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}
-        @keydown=${this.keypressed}
-        variant="pill"
-        small=""
-        class="ml-8"
-      >
-        <w-icon
-          name="Close"
-          size="small"
-          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 L._({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 L._({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 L._({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 L._({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 L._({id:"attention.aria.tooltip",message:"tooltip",comment:"Default screenreader message for tooltip in the attention component"});case this.callout:return L._({id:"attention.aria.callout",message:"callout speech bubble",comment:"Default screenreader message for callout speech bubble in the attention component"});case this.popover:return L._({id:"attention.aria.popover",message:"popover speech bubble",comment:"Default screenreader message for popover speech bubble in the attention component"});case this.highlight:return L._({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=${on(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: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:yt}
-              </div>
-              <slot name="target"></slot>
-            `}
-      </section>
-    `}};F.styles=[he,_r,zr,tn`
-      #attention {
-        position: absolute;
-        z-index: 50;
-        visibility: var(--attention-visibility);
-        display: var(--attention-display);
-      }
-      :host([popover]:not(:popover-open):not(dialog[open])) {
-        display: contents;
-      }
-    `],v([X({type:Boolean,reflect:!0})],F.prototype,"show",2),v([X({type:String,reflect:!1})],F.prototype,"placement",2),v([X({type:Boolean,reflect:!0})],F.prototype,"tooltip",2),v([X({type:Boolean,reflect:!0})],F.prototype,"callout",2),v([X({type:Boolean,reflect:!0})],F.prototype,"popover",2),v([X({type:Boolean,reflect:!0})],F.prototype,"highlight",2),v([X({attribute:"can-close",type:Boolean,reflect:!0})],F.prototype,"canClose",2),v([X({attribute:"no-arrow",type:Boolean,reflect:!0})],F.prototype,"noArrow",2),v([X({type:Number})],F.prototype,"distance",2),v([X({type:Number})],F.prototype,"skidding",2),v([X({type:Boolean,reflect:!0})],F.prototype,"flip",2),v([X({attribute:"cross-axis",type:Boolean,reflect:!0})],F.prototype,"crossAxis",2),v([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};
+			<w-button
+				aria-label="${this._ariaClose}"
+				@click=${this.close}
+				@keydown=${this.keypressed}
+				variant="pill"
+				small=""
+				class="ml-8"
+			>
+				<w-icon
+					name="Close"
+					size="small"
+					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 L._({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 L._({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 L._({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 L._({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 L._({id:"attention.aria.tooltip",message:"tooltip",comment:"Default screenreader message for tooltip in the attention component"});case this.callout:return L._({id:"attention.aria.callout",message:"callout speech bubble",comment:"Default screenreader message for callout speech bubble in the attention component"});case this.popover:return L._({id:"attention.aria.popover",message:"popover speech bubble",comment:"Default screenreader message for popover speech bubble in the attention component"});case this.highlight:return L._({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=${on(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: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:yt}
+							</div>
+							<slot name="target"></slot>
+						`}
+			</section>
+		`}};F.styles=[he,_r,zr,tn`
+			#attention {
+				position: absolute;
+				z-index: 50;
+				visibility: var(--attention-visibility);
+				display: var(--attention-display);
+			}
+			:host([popover]:not(:popover-open):not(dialog[open])) {
+				display: contents;
+			}
+		`],v([X({type:Boolean,reflect:!0})],F.prototype,"show",2),v([X({type:String,reflect:!1})],F.prototype,"placement",2),v([X({type:Boolean,reflect:!0})],F.prototype,"tooltip",2),v([X({type:Boolean,reflect:!0})],F.prototype,"callout",2),v([X({type:Boolean,reflect:!0})],F.prototype,"popover",2),v([X({type:Boolean,reflect:!0})],F.prototype,"highlight",2),v([X({attribute:"can-close",type:Boolean,reflect:!0})],F.prototype,"canClose",2),v([X({attribute:"no-arrow",type:Boolean,reflect:!0})],F.prototype,"noArrow",2),v([X({type:Number})],F.prototype,"distance",2),v([X({type:Number})],F.prototype,"skidding",2),v([X({type:Boolean,reflect:!0})],F.prototype,"flip",2),v([X({attribute:"cross-axis",type:Boolean,reflect:!0})],F.prototype,"crossAxis",2),v([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