@warp-ds/elements 2.8.2-next.6 → 2.9.0-next.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/custom-elements.json +61 -9
- package/dist/index.d.ts +28 -8
- package/dist/packages/alert/alert.test.js +1 -1
- package/dist/packages/attention/attention.d.ts +0 -1
- package/dist/packages/attention/attention.js +507 -234
- package/dist/packages/attention/attention.js.map +4 -4
- package/dist/packages/button/button.d.ts +8 -17
- package/dist/packages/button/button.js +494 -221
- package/dist/packages/button/button.js.map +4 -4
- package/dist/packages/button/button.react.stories.d.ts +1 -1
- package/dist/packages/button/styles/w-button.styles.d.ts +1 -0
- package/dist/packages/button/styles/w-button.styles.js +282 -0
- package/dist/packages/datepicker/DatePicker.test.js +5 -5
- package/dist/packages/datepicker/datepicker.js +8 -15
- package/dist/packages/datepicker/datepicker.js.map +2 -2
- package/dist/packages/datepicker/styles/w-datepicker.styles.js +3 -9
- package/dist/packages/link/link.js +197 -217
- package/dist/packages/link/link.js.map +4 -4
- package/dist/packages/link/link.test.js +0 -14
- package/dist/packages/link/styles/w-link.styles.js +213 -0
- package/dist/packages/slider/slider.js +18 -17
- package/dist/packages/slider/slider.js.map +3 -3
- package/dist/packages/slider/slider.react.stories.js +6 -2
- package/dist/packages/slider/slider.stories.js +18 -12
- package/dist/packages/slider-thumb/slider-thumb.js +12 -12
- package/dist/packages/slider-thumb/slider-thumb.js.map +2 -2
- package/dist/web-types.json +22 -6
- package/package.json +20 -22
- package/dist/packages/link/styles.js +0 -236
- package/dist/packages/utils/index.d.ts +0 -10
- package/dist/packages/utils/index.js +0 -37
- /package/dist/packages/link/{styles.d.ts → styles/w-link.styles.d.ts} +0 -0
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
var
|
|
2
|
-
`],["r","\r"],["t"," "],["v","\v"],["0","\0"]]);function
|
|
1
|
+
var Gr=Object.create;var at=Object.defineProperty;var yt=Object.getOwnPropertyDescriptor;var Jr=Object.getOwnPropertyNames;var Kr=Object.getPrototypeOf,Wr=Object.prototype.hasOwnProperty;var kt=e=>{throw TypeError(e)};var _t=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports);var eo=(e,t,r,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of Jr(t))!Wr.call(e,i)&&i!==r&&at(e,i,{get:()=>t[i],enumerable:!(o=yt(t,i))||o.enumerable});return e};var to=(e,t,r)=>(r=e!=null?Gr(Kr(e)):{},eo(t||!e||!e.__esModule?at(r,"default",{value:e,enumerable:!0}):r,e));var v=(e,t,r,o)=>{for(var i=o>1?void 0:o?yt(t,r):t,a=e.length-1,n;a>=0;a--)(n=e[a])&&(i=(o?n(t,r,i):n(i))||i);return o&&i&&at(t,r,i),i};var Et=(e,t,r)=>t.has(e)||kt("Cannot "+r);var Ct=(e,t,r)=>(Et(e,t,"read from private field"),r?r.call(e):t.get(e)),St=(e,t,r)=>t.has(e)?kt("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,r),Ot=(e,t,r,o)=>(Et(e,t,"write to private field"),o?o.call(e,r):t.set(e,r),r);var zt=_t(le=>{"use strict";Object.defineProperty(le,"__esModule",{value:!0});le.errorMessages=le.ErrorType=void 0;var he;(function(e){e.MalformedUnicode="MALFORMED_UNICODE",e.MalformedHexadecimal="MALFORMED_HEXADECIMAL",e.CodePointLimit="CODE_POINT_LIMIT",e.OctalDeprecation="OCTAL_DEPRECATION",e.EndOfString="END_OF_STRING"})(he=le.ErrorType||(le.ErrorType={}));le.errorMessages=new Map([[he.MalformedUnicode,"malformed Unicode character escape sequence"],[he.MalformedHexadecimal,"malformed hexadecimal character escape sequence"],[he.CodePointLimit,"Unicode codepoint must not be greater than 0x10FFFF in escape sequence"],[he.OctalDeprecation,'"0"-prefixed octal literals and octal escape sequences are deprecated; for octal literals use the "0o" prefix instead'],[he.EndOfString,"malformed escape sequence at end of string"]])});var Mt=_t(ee=>{"use strict";Object.defineProperty(ee,"__esModule",{value:!0});ee.unraw=ee.errorMessages=ee.ErrorType=void 0;var $=zt();Object.defineProperty(ee,"ErrorType",{enumerable:!0,get:function(){return $.ErrorType}});Object.defineProperty(ee,"errorMessages",{enumerable:!0,get:function(){return $.errorMessages}});function ro(e){return!e.match(/[^a-f0-9]/i)?parseInt(e,16):NaN}function Me(e,t,r){let o=ro(e);if(Number.isNaN(o)||r!==void 0&&r!==e.length)throw new SyntaxError($.errorMessages.get(t));return o}function oo(e){let t=Me(e,$.ErrorType.MalformedHexadecimal,2);return String.fromCharCode(t)}function At(e,t){let r=Me(e,$.ErrorType.MalformedUnicode,4);if(t!==void 0){let o=Me(t,$.ErrorType.MalformedUnicode,4);return String.fromCharCode(r,o)}return String.fromCharCode(r)}function io(e){return e.charAt(0)==="{"&&e.charAt(e.length-1)==="}"}function no(e){if(!io(e))throw new SyntaxError($.errorMessages.get($.ErrorType.MalformedUnicode));let t=e.slice(1,-1),r=Me(t,$.ErrorType.MalformedUnicode);try{return String.fromCodePoint(r)}catch(o){throw o instanceof RangeError?new SyntaxError($.errorMessages.get($.ErrorType.CodePointLimit)):o}}function ao(e,t=!1){if(t)throw new SyntaxError($.errorMessages.get($.ErrorType.OctalDeprecation));let r=parseInt(e,8);return String.fromCharCode(r)}var so=new Map([["b","\b"],["f","\f"],["n",`
|
|
2
|
+
`],["r","\r"],["t"," "],["v","\v"],["0","\0"]]);function lo(e){return so.get(e)||e}var co=/\\(?:(\\)|x([\s\S]{0,2})|u(\{[^}]*\}?)|u([\s\S]{4})\\u([^{][\s\S]{0,3})|u([\s\S]{0,4})|([0-3]?[0-7]{1,2})|([\s\S])|$)/g;function Tt(e,t=!1){return e.replace(co,function(r,o,i,a,n,s,l,d,c){if(o!==void 0)return"\\";if(i!==void 0)return oo(i);if(a!==void 0)return no(a);if(n!==void 0)return At(n,s);if(l!==void 0)return At(l);if(d==="0")return"\0";if(d!==void 0)return ao(d,!t);if(c!==void 0)return lo(c);throw new SyntaxError($.errorMessages.get($.ErrorType.EndOfString))})}ee.unraw=Tt;ee.default=Tt});var Te=function(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];return e.reduce(function(r,o){return r.concat(typeof o=="string"?o:Array.isArray(o)?Te.apply(void 0,o):typeof o=="object"&&o?Object.keys(o).map(function(i){return o[i]?i:""}):"")},[]).join(" ")};var Rt=to(Mt(),1);var ie=e=>typeof e=="string",uo=e=>typeof e=="function",Lt=new Map,Pt="en";function dt(e){return[...Array.isArray(e)?e:[e],Pt]}function ut(e,t,r){let o=dt(e);r||(r="default");let i;if(typeof r=="string")switch(i={day:"numeric",month:"short",year:"numeric"},r){case"full":i.weekday="long";case"long":i.month="long";break;case"short":i.month="numeric";break}else i=r;return Le(()=>De("date",o,r),()=>new Intl.DateTimeFormat(o,i)).format(ie(t)?new Date(t):t)}function go(e,t,r){let o;if(r||(r="default"),typeof r=="string")switch(o={second:"numeric",minute:"numeric",hour:"numeric"},r){case"full":case"long":o.timeZoneName="short";break;case"short":delete o.second}else o=r;return ut(e,t,o)}function st(e,t,r){let o=dt(e);return Le(()=>De("number",o,r),()=>new Intl.NumberFormat(o,r)).format(t)}function Dt(e,t,r,{offset:o=0,...i}){var s,l;let a=dt(e),n=t?Le(()=>De("plural-ordinal",a),()=>new Intl.PluralRules(a,{type:"ordinal"})):Le(()=>De("plural-cardinal",a),()=>new Intl.PluralRules(a,{type:"cardinal"}));return(l=(s=i[r])!=null?s:i[n.select(r-o)])!=null?l:i.other}function Le(e,t){let r=e(),o=Lt.get(r);return o||(o=t(),Lt.set(r,o)),o}function De(e,t,r){let o=t.join("-");return`${e}-${o}-${JSON.stringify(r)}`}var Ft=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,$t="%__lingui_octothorpe__%",po=(e,t,r={})=>{let o=t||e,i=n=>typeof n=="object"?n:r[n],a=(n,s)=>{let l=Object.keys(r).length?i("number"):void 0,d=st(o,n,l);return s.replace(new RegExp($t,"g"),d)};return{plural:(n,s)=>{let{offset:l=0}=s,d=Dt(o,!1,n,s);return a(n-l,d)},selectordinal:(n,s)=>{let{offset:l=0}=s,d=Dt(o,!0,n,s);return a(n-l,d)},select:mo,number:(n,s)=>st(o,n,i(s)||{style:s}),date:(n,s)=>ut(o,n,i(s)||s),time:(n,s)=>go(o,n,i(s)||s)}},mo=(e,t)=>{var r;return(r=t[e])!=null?r:t.other};function ho(e,t,r){return(o={},i)=>{let a=po(t,r,i),n=(l,d=!1)=>Array.isArray(l)?l.reduce((c,g)=>{if(g==="#"&&d)return c+$t;if(ie(g))return c+g;let[m,u,p]=g,b={};u==="plural"||u==="selectordinal"||u==="select"?Object.entries(p).forEach(([x,y])=>{b[x]=n(y,u==="plural"||u==="selectordinal")}):b=p;let h;if(u){let x=a[u];h=x(o[m],b)}else h=o[m];return h==null?c:c+h},""):l,s=n(e);return ie(s)&&Ft.test(s)?(0,Rt.unraw)(s):ie(s)?s:s?String(s):""}}var fo=Object.defineProperty,bo=(e,t,r)=>t in e?fo(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,vo=(e,t,r)=>(bo(e,typeof t!="symbol"?t+"":t,r),r),lt=class{constructor(){vo(this,"_events",{})}on(t,r){var i;var o;return(i=(o=this._events)[t])!=null||(o[t]=[]),this._events[t].push(r),()=>this.removeListener(t,r)}removeListener(t,r){let o=this._getListeners(t);if(!o)return;let i=o.indexOf(r);~i&&o.splice(i,1)}emit(t,...r){let o=this._getListeners(t);o&&o.map(i=>i.apply(this,r))}_getListeners(t){let r=this._events[t];return Array.isArray(r)?r:!1}},wo=Object.defineProperty,xo=(e,t,r)=>t in e?wo(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,ce=(e,t,r)=>(xo(e,typeof t!="symbol"?t+"":t,r),r),ct=class extends lt{constructor(t){var r;super(),ce(this,"_locale",""),ce(this,"_locales"),ce(this,"_localeData",{}),ce(this,"_messages",{}),ce(this,"_missing"),ce(this,"_messageCompiler"),ce(this,"t",this._.bind(this)),t.missing!=null&&(this._missing=t.missing),t.messages!=null&&this.load(t.messages),t.localeData!=null&&this.loadLocaleData(t.localeData),(typeof t.locale=="string"||t.locales)&&this.activate((r=t.locale)!=null?r:Pt,t.locales)}get locale(){return this._locale}get locales(){return this._locales}get messages(){var t;return(t=this._messages[this._locale])!=null?t:{}}get localeData(){var t;return(t=this._localeData[this._locale])!=null?t:{}}_loadLocaleData(t,r){let o=this._localeData[t];o?Object.assign(o,r):this._localeData[t]=r}setMessagesCompiler(t){return this._messageCompiler=t,this}loadLocaleData(t,r){typeof t=="string"?this._loadLocaleData(t,r):Object.keys(t).forEach(o=>this._loadLocaleData(o,t[o])),this.emit("change")}_load(t,r){let o=this._messages[t];o?Object.assign(o,r):this._messages[t]=r}load(t,r){typeof t=="string"&&typeof r=="object"?this._load(t,r):Object.entries(t).forEach(([o,i])=>this._load(o,i)),this.emit("change")}loadAndActivate({locale:t,locales:r,messages:o}){this._locale=t,this._locales=r||void 0,this._messages[this._locale]=o,this.emit("change")}activate(t,r){this._locale=t,this._locales=r,this.emit("change")}_(t,r,o){if(!this.locale)throw new Error("Lingui: Attempted to call a translation function without setting a locale.\nMake sure to call `i18n.activate(locale)` before using Lingui functions.\nThis issue may also occur due to a race condition in your initialization logic.");let i=o==null?void 0:o.message;t||(t=""),ie(t)||(r=t.values||r,i=t.message,t=t.id);let a=this.messages[t],n=a===void 0,s=this._missing;if(s&&n)return uo(s)?s(this._locale,t):s;n&&this.emit("missing",{id:t,locale:this._locale});let l=a||i||t;return ie(l)&&(this._messageCompiler?l=this._messageCompiler(l):console.warn(`Uncompiled message detected! Message:
|
|
3
3
|
|
|
4
4
|
> ${l}
|
|
5
5
|
|
|
@@ -7,7 +7,7 @@ That means you use raw catalog or your catalog doesn't have a translation for th
|
|
|
7
7
|
ICU features such as interpolation and plurals will not work properly for that message.
|
|
8
8
|
|
|
9
9
|
Please compile your catalog first.
|
|
10
|
-
`)),de(l)&&Bt.test(l)?JSON.parse(`"${l}"`):de(l)?l:_o(l,this._locale,this._locales)(r,o==null?void 0:o.formats)}date(t,r){return vt(this._locales||this._locale,t,r)}number(t,r){return pt(this._locales||this._locale,t,r)}};function Oo(e={}){return new bt(e)}var P=Oo();var Yt=["top","right","bottom","left"];var se=Math.min,U=Math.max,Oe=Math.round;var re=e=>({x:e,y:e}),zo={left:"right",right:"left",bottom:"top",top:"bottom"},Ao={start:"end",end:"start"};function Qe(e,t,r){return U(e,se(t,r))}function ue(e,t){return typeof e=="function"?e(t):e}function le(e){return e.split("-")[0]}function fe(e){return e.split("-")[1]}function wt(e){return e==="x"?"y":"x"}function Be(e){return e==="y"?"height":"width"}var To=new Set(["top","bottom"]);function ie(e){return To.has(le(e))?"y":"x"}function Ie(e){return wt(ie(e))}function Xt(e,t,r){r===void 0&&(r=!1);let o=fe(e),i=Ie(e),a=Be(i),n=i==="x"?o===(r?"end":"start")?"right":"left":o==="start"?"bottom":"top";return t.reference[a]>t.floating[a]&&(n=De(n)),[n,De(n)]}function Zt(e){let t=De(e);return[Ve(e),t,Ve(t)]}function Ve(e){return e.replace(/start|end/g,t=>Ao[t])}var Ht=["left","right"],Ut=["right","left"],Po=["top","bottom"],Mo=["bottom","top"];function Ro(e,t,r){switch(e){case"top":case"bottom":return r?t?Ut:Ht:t?Ht:Ut;case"left":case"right":return t?Po:Mo;default:return[]}}function Gt(e,t,r,o){let i=fe(e),a=Ro(le(e),r==="start",o);return i&&(a=a.map(n=>n+"-"+i),t&&(a=a.concat(a.map(Ve)))),a}function De(e){return e.replace(/left|right|bottom|top/g,t=>zo[t])}function Fo(e){return{top:0,right:0,bottom:0,left:0,...e}}function xt(e){return typeof e!="number"?Fo(e):{top:e,right:e,bottom:e,left:e}}function ve(e){let{x:t,y:r,width:o,height:i}=e;return{width:o,height:i,top:r,left:t,right:t+o,bottom:r+i,x:t,y:r}}function Jt(e,t,r){let{reference:o,floating:i}=e,a=ie(t),n=Ie(t),s=Be(n),l=le(t),d=a==="y",c=o.x+o.width/2-i.width/2,g=o.y+o.height/2-i.height/2,f=o[s]/2-i[s]/2,u;switch(l){case"top":u={x:c,y:o.y-i.height};break;case"bottom":u={x:c,y:o.y+o.height};break;case"right":u={x:o.x+o.width,y:g};break;case"left":u={x:o.x-i.width,y:g};break;default:u={x:o.x,y:o.y}}switch(fe(t)){case"start":u[n]-=f*(r&&d?-1:1);break;case"end":u[n]+=f*(r&&d?-1:1);break}return u}var er=async(e,t,r)=>{let{placement:o="bottom",strategy:i="absolute",middleware:a=[],platform:n}=r,s=a.filter(Boolean),l=await(n.isRTL==null?void 0:n.isRTL(t)),d=await n.getElementRects({reference:e,floating:t,strategy:i}),{x:c,y:g}=Jt(d,o,l),f=o,u={},b=0;for(let x=0;x<s.length;x++){let{name:v,fn:_}=s[x],{x:C,y:S,data:q,reset:z}=await _({x:c,y:g,initialPlacement:o,placement:f,strategy:i,middlewareData:u,rects:d,platform:n,elements:{reference:e,floating:t}});c=C!=null?C:c,g=S!=null?S:g,u={...u,[v]:{...u[v],...q}},z&&b<=50&&(b++,typeof z=="object"&&(z.placement&&(f=z.placement),z.rects&&(d=z.rects===!0?await n.getElementRects({reference:e,floating:t,strategy:i}):z.rects),{x:c,y:g}=Jt(d,f,l)),x=-1)}return{x:c,y:g,placement:f,strategy:i,middlewareData:u}};async function _e(e,t){var r;t===void 0&&(t={});let{x:o,y:i,platform:a,rects:n,elements:s,strategy:l}=e,{boundary:d="clippingAncestors",rootBoundary:c="viewport",elementContext:g="floating",altBoundary:f=!1,padding:u=0}=ue(t,e),b=xt(u),v=s[f?g==="floating"?"reference":"floating":g],_=ve(await a.getClippingRect({element:(r=await(a.isElement==null?void 0:a.isElement(v)))==null||r?v:v.contextElement||await(a.getDocumentElement==null?void 0:a.getDocumentElement(s.floating)),boundary:d,rootBoundary:c,strategy:l})),C=g==="floating"?{x:o,y:i,width:n.floating.width,height:n.floating.height}:n.reference,S=await(a.getOffsetParent==null?void 0:a.getOffsetParent(s.floating)),q=await(a.isElement==null?void 0:a.isElement(S))?await(a.getScale==null?void 0:a.getScale(S))||{x:1,y:1}:{x:1,y:1},z=ve(a.convertOffsetParentRelativeRectToViewportRelativeRect?await a.convertOffsetParentRelativeRectToViewportRelativeRect({elements:s,rect:C,offsetParent:S,strategy:l}):C);return{top:(_.top-z.top+b.top)/q.y,bottom:(z.bottom-_.bottom+b.bottom)/q.y,left:(_.left-z.left+b.left)/q.x,right:(z.right-_.right+b.right)/q.x}}var tr=e=>({name:"arrow",options:e,async fn(t){let{x:r,y:o,placement:i,rects:a,platform:n,elements:s,middlewareData:l}=t,{element:d,padding:c=0}=ue(e,t)||{};if(d==null)return{};let g=xt(c),f={x:r,y:o},u=Ie(i),b=Be(u),x=await n.getDimensions(d),v=u==="y",_=v?"top":"left",C=v?"bottom":"right",S=v?"clientHeight":"clientWidth",q=a.reference[b]+a.reference[u]-f[u]-a.floating[b],z=f[u]-a.reference[u],w=await(n.getOffsetParent==null?void 0:n.getOffsetParent(d)),k=w?w[S]:0;(!k||!await(n.isElement==null?void 0:n.isElement(w)))&&(k=s.floating[S]||a.floating[b]);let L=q/2-z/2,O=k/2-x[b]/2-1,A=se(g[_],O),I=se(g[C],O),Q=A,H=k-x[b]-I,F=k/2-x[b]/2+L,M=Qe(Q,F,H),X=!l.arrow&&fe(i)!=null&&F!==M&&a.reference[b]/2-(F<Q?A:I)-x[b]/2<0,j=X?F<Q?F-Q:F-H:0;return{[u]:f[u]+j,data:{[u]:M,centerOffset:F-M-j,...X&&{alignmentOffset:j}},reset:X}}});var rr=function(e){return e===void 0&&(e={}),{name:"flip",options:e,async fn(t){var r,o;let{placement:i,middlewareData:a,rects:n,initialPlacement:s,platform:l,elements:d}=t,{mainAxis:c=!0,crossAxis:g=!0,fallbackPlacements:f,fallbackStrategy:u="bestFit",fallbackAxisSideDirection:b="none",flipAlignment:x=!0,...v}=ue(e,t);if((r=a.arrow)!=null&&r.alignmentOffset)return{};let _=le(i),C=ie(s),S=le(s)===s,q=await(l.isRTL==null?void 0:l.isRTL(d.floating)),z=f||(S||!x?[De(s)]:Zt(s)),w=b!=="none";!f&&w&&z.push(...Gt(s,x,b,q));let k=[s,...z],L=await _e(t,v),O=[],A=((o=a.flip)==null?void 0:o.overflows)||[];if(c&&O.push(L[_]),g){let F=Xt(i,n,q);O.push(L[F[0]],L[F[1]])}if(A=[...A,{placement:i,overflows:O}],!O.every(F=>F<=0)){var I,Q;let F=(((I=a.flip)==null?void 0:I.index)||0)+1,M=k[F];if(M&&(!(g==="alignment"?C!==ie(M):!1)||A.every(W=>ie(W.placement)===C?W.overflows[0]>0:!0)))return{data:{index:F,overflows:A},reset:{placement:M}};let X=(Q=A.filter(j=>j.overflows[0]<=0).sort((j,W)=>j.overflows[1]-W.overflows[1])[0])==null?void 0:Q.placement;if(!X)switch(u){case"bestFit":{var H;let j=(H=A.filter(W=>{if(w){let K=ie(W.placement);return K===C||K==="y"}return!0}).map(W=>[W.placement,W.overflows.filter(K=>K>0).reduce((K,io)=>K+io,0)]).sort((W,K)=>W[1]-K[1])[0])==null?void 0:H[0];j&&(X=j);break}case"initialPlacement":X=s;break}if(i!==X)return{reset:{placement:X}}}return{}}}};function Wt(e,t){return{top:e.top-t.height,right:e.right-t.width,bottom:e.bottom-t.height,left:e.left-t.width}}function Kt(e){return Yt.some(t=>e[t]>=0)}var or=function(e){return e===void 0&&(e={}),{name:"hide",options:e,async fn(t){let{rects:r}=t,{strategy:o="referenceHidden",...i}=ue(e,t);switch(o){case"referenceHidden":{let a=await _e(t,{...i,elementContext:"reference"}),n=Wt(a,r.reference);return{data:{referenceHiddenOffsets:n,referenceHidden:Kt(n)}}}case"escaped":{let a=await _e(t,{...i,altBoundary:!0}),n=Wt(a,r.floating);return{data:{escapedOffsets:n,escaped:Kt(n)}}}default:return{}}}}};var jo=new Set(["left","top"]);async function No(e,t){let{placement:r,platform:o,elements:i}=e,a=await(o.isRTL==null?void 0:o.isRTL(i.floating)),n=le(r),s=fe(r),l=ie(r)==="y",d=jo.has(n)?-1:1,c=a&&l?-1:1,g=ue(t,e),{mainAxis:f,crossAxis:u,alignmentAxis:b}=typeof g=="number"?{mainAxis:g,crossAxis:0,alignmentAxis:null}:{mainAxis:g.mainAxis||0,crossAxis:g.crossAxis||0,alignmentAxis:g.alignmentAxis};return s&&typeof b=="number"&&(u=s==="end"?b*-1:b),l?{x:u*c,y:f*d}:{x:f*d,y:u*c}}var ir=function(e){return e===void 0&&(e=0),{name:"offset",options:e,async fn(t){var r,o;let{x:i,y:a,placement:n,middlewareData:s}=t,l=await No(t,e);return n===((r=s.offset)==null?void 0:r.placement)&&(o=s.arrow)!=null&&o.alignmentOffset?{}:{x:i+l.x,y:a+l.y,data:{...l,placement:n}}}}},nr=function(e){return e===void 0&&(e={}),{name:"shift",options:e,async fn(t){let{x:r,y:o,placement:i}=t,{mainAxis:a=!0,crossAxis:n=!1,limiter:s={fn:v=>{let{x:_,y:C}=v;return{x:_,y:C}}},...l}=ue(e,t),d={x:r,y:o},c=await _e(t,l),g=ie(le(i)),f=wt(g),u=d[f],b=d[g];if(a){let v=f==="y"?"top":"left",_=f==="y"?"bottom":"right",C=u+c[v],S=u-c[_];u=Qe(C,u,S)}if(n){let v=g==="y"?"top":"left",_=g==="y"?"bottom":"right",C=b+c[v],S=b-c[_];b=Qe(C,b,S)}let x=s.fn({...t,[f]:u,[g]:b});return{...x,data:{x:x.x-r,y:x.y-o,enabled:{[f]:a,[g]:n}}}}}};var ar=function(e){return e===void 0&&(e={}),{name:"size",options:e,async fn(t){var r,o;let{placement:i,rects:a,platform:n,elements:s}=t,{apply:l=()=>{},...d}=ue(e,t),c=await _e(t,d),g=le(i),f=fe(i),u=ie(i)==="y",{width:b,height:x}=a.floating,v,_;g==="top"||g==="bottom"?(v=g,_=f===(await(n.isRTL==null?void 0:n.isRTL(s.floating))?"start":"end")?"left":"right"):(_=g,v=f==="end"?"top":"bottom");let C=x-c.top-c.bottom,S=b-c.left-c.right,q=se(x-c[v],C),z=se(b-c[_],S),w=!t.middlewareData.shift,k=q,L=z;if((r=t.middlewareData.shift)!=null&&r.enabled.x&&(L=S),(o=t.middlewareData.shift)!=null&&o.enabled.y&&(k=C),w&&!f){let A=U(c.left,0),I=U(c.right,0),Q=U(c.top,0),H=U(c.bottom,0);u?L=b-2*(A!==0||I!==0?A+I:U(c.left,c.right)):k=x-2*(Q!==0||H!==0?Q+H:U(c.top,c.bottom))}await l({...t,availableWidth:L,availableHeight:k});let O=await n.getDimensions(s.floating);return b!==O.width||x!==O.height?{reset:{rects:!0}}:{}}}};function Ue(){return typeof window!="undefined"}function we(e){return lr(e)?(e.nodeName||"").toLowerCase():"#document"}function Y(e){var t;return(e==null||(t=e.ownerDocument)==null?void 0:t.defaultView)||window}function ne(e){var t;return(t=(lr(e)?e.ownerDocument:e.document)||window.document)==null?void 0:t.documentElement}function lr(e){return Ue()?e instanceof Node||e instanceof Y(e).Node:!1}function ee(e){return Ue()?e instanceof Element||e instanceof Y(e).Element:!1}function oe(e){return Ue()?e instanceof HTMLElement||e instanceof Y(e).HTMLElement:!1}function sr(e){return!Ue()||typeof ShadowRoot=="undefined"?!1:e instanceof ShadowRoot||e instanceof Y(e).ShadowRoot}var qo=new Set(["inline","contents"]);function Ce(e){let{overflow:t,overflowX:r,overflowY:o,display:i}=te(e);return/auto|scroll|overlay|hidden|clip/.test(t+o+r)&&!qo.has(i)}var Vo=new Set(["table","td","th"]);function cr(e){return Vo.has(we(e))}var Qo=[":popover-open",":modal"];function ze(e){return Qo.some(t=>{try{return e.matches(t)}catch(r){return!1}})}var Bo=["transform","translate","scale","rotate","perspective"],Io=["transform","translate","scale","rotate","perspective","filter"],Ho=["paint","layout","strict","content"];function Ye(e){let t=Xe(),r=ee(e)?te(e):e;return Bo.some(o=>r[o]?r[o]!=="none":!1)||(r.containerType?r.containerType!=="normal":!1)||!t&&(r.backdropFilter?r.backdropFilter!=="none":!1)||!t&&(r.filter?r.filter!=="none":!1)||Io.some(o=>(r.willChange||"").includes(o))||Ho.some(o=>(r.contain||"").includes(o))}function dr(e){let t=ce(e);for(;oe(t)&&!xe(t);){if(Ye(t))return t;if(ze(t))return null;t=ce(t)}return null}function Xe(){return typeof CSS=="undefined"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}var Uo=new Set(["html","body","#document"]);function xe(e){return Uo.has(we(e))}function te(e){return Y(e).getComputedStyle(e)}function Ae(e){return ee(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function ce(e){if(we(e)==="html")return e;let t=e.assignedSlot||e.parentNode||sr(e)&&e.host||ne(e);return sr(t)?t.host:t}function ur(e){let t=ce(e);return xe(t)?e.ownerDocument?e.ownerDocument.body:e.body:oe(t)&&Ce(t)?t:ur(t)}function He(e,t,r){var o;t===void 0&&(t=[]),r===void 0&&(r=!0);let i=ur(e),a=i===((o=e.ownerDocument)==null?void 0:o.body),n=Y(i);if(a){let s=Ze(n);return t.concat(n,n.visualViewport||[],Ce(i)?i:[],s&&r?He(s):[])}return t.concat(i,He(i,[],r))}function Ze(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function hr(e){let t=te(e),r=parseFloat(t.width)||0,o=parseFloat(t.height)||0,i=oe(e),a=i?e.offsetWidth:r,n=i?e.offsetHeight:o,s=Oe(r)!==a||Oe(o)!==n;return s&&(r=a,o=n),{width:r,height:o,$:s}}function br(e){return ee(e)?e:e.contextElement}function Ee(e){let t=br(e);if(!oe(t))return re(1);let r=t.getBoundingClientRect(),{width:o,height:i,$:a}=hr(t),n=(a?Oe(r.width):r.width)/o,s=(a?Oe(r.height):r.height)/i;return(!n||!Number.isFinite(n))&&(n=1),(!s||!Number.isFinite(s))&&(s=1),{x:n,y:s}}var Yo=re(0);function fr(e){let t=Y(e);return!Xe()||!t.visualViewport?Yo:{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}}function Xo(e,t,r){return t===void 0&&(t=!1),!r||t&&r!==Y(e)?!1:t}function Te(e,t,r,o){t===void 0&&(t=!1),r===void 0&&(r=!1);let i=e.getBoundingClientRect(),a=br(e),n=re(1);t&&(o?ee(o)&&(n=Ee(o)):n=Ee(e));let s=Xo(a,r,o)?fr(a):re(0),l=(i.left+s.x)/n.x,d=(i.top+s.y)/n.y,c=i.width/n.x,g=i.height/n.y;if(a){let f=Y(a),u=o&&ee(o)?Y(o):o,b=f,x=Ze(b);for(;x&&o&&u!==b;){let v=Ee(x),_=x.getBoundingClientRect(),C=te(x),S=_.left+(x.clientLeft+parseFloat(C.paddingLeft))*v.x,q=_.top+(x.clientTop+parseFloat(C.paddingTop))*v.y;l*=v.x,d*=v.y,c*=v.x,g*=v.y,l+=S,d+=q,b=Y(x),x=Ze(b)}}return ve({width:c,height:g,x:l,y:d})}function Ge(e,t){let r=Ae(e).scrollLeft;return t?t.left+r:Te(ne(e)).left+r}function vr(e,t){let r=e.getBoundingClientRect(),o=r.left+t.scrollLeft-Ge(e,r),i=r.top+t.scrollTop;return{x:o,y:i}}function Zo(e){let{elements:t,rect:r,offsetParent:o,strategy:i}=e,a=i==="fixed",n=ne(o),s=t?ze(t.floating):!1;if(o===n||s&&a)return r;let l={scrollLeft:0,scrollTop:0},d=re(1),c=re(0),g=oe(o);if((g||!g&&!a)&&((we(o)!=="body"||Ce(n))&&(l=Ae(o)),oe(o))){let u=Te(o);d=Ee(o),c.x=u.x+o.clientLeft,c.y=u.y+o.clientTop}let f=n&&!g&&!a?vr(n,l):re(0);return{width:r.width*d.x,height:r.height*d.y,x:r.x*d.x-l.scrollLeft*d.x+c.x+f.x,y:r.y*d.y-l.scrollTop*d.y+c.y+f.y}}function Go(e){return Array.from(e.getClientRects())}function Jo(e){let t=ne(e),r=Ae(e),o=e.ownerDocument.body,i=U(t.scrollWidth,t.clientWidth,o.scrollWidth,o.clientWidth),a=U(t.scrollHeight,t.clientHeight,o.scrollHeight,o.clientHeight),n=-r.scrollLeft+Ge(e),s=-r.scrollTop;return te(o).direction==="rtl"&&(n+=U(t.clientWidth,o.clientWidth)-i),{width:i,height:a,x:n,y:s}}var gr=25;function Wo(e,t){let r=Y(e),o=ne(e),i=r.visualViewport,a=o.clientWidth,n=o.clientHeight,s=0,l=0;if(i){a=i.width,n=i.height;let c=Xe();(!c||c&&t==="fixed")&&(s=i.offsetLeft,l=i.offsetTop)}let d=Ge(o);if(d<=0){let c=o.ownerDocument,g=c.body,f=getComputedStyle(g),u=c.compatMode==="CSS1Compat"&&parseFloat(f.marginLeft)+parseFloat(f.marginRight)||0,b=Math.abs(o.clientWidth-g.clientWidth-u);b<=gr&&(a-=b)}else d<=gr&&(a+=d);return{width:a,height:n,x:s,y:l}}var Ko=new Set(["absolute","fixed"]);function ei(e,t){let r=Te(e,!0,t==="fixed"),o=r.top+e.clientTop,i=r.left+e.clientLeft,a=oe(e)?Ee(e):re(1),n=e.clientWidth*a.x,s=e.clientHeight*a.y,l=i*a.x,d=o*a.y;return{width:n,height:s,x:l,y:d}}function mr(e,t,r){let o;if(t==="viewport")o=Wo(e,r);else if(t==="document")o=Jo(ne(e));else if(ee(t))o=ei(t,r);else{let i=fr(e);o={x:t.x-i.x,y:t.y-i.y,width:t.width,height:t.height}}return ve(o)}function wr(e,t){let r=ce(e);return r===t||!ee(r)||xe(r)?!1:te(r).position==="fixed"||wr(r,t)}function ti(e,t){let r=t.get(e);if(r)return r;let o=He(e,[],!1).filter(s=>ee(s)&&we(s)!=="body"),i=null,a=te(e).position==="fixed",n=a?ce(e):e;for(;ee(n)&&!xe(n);){let s=te(n),l=Ye(n);!l&&s.position==="fixed"&&(i=null),(a?!l&&!i:!l&&s.position==="static"&&!!i&&Ko.has(i.position)||Ce(n)&&!l&&wr(e,n))?o=o.filter(c=>c!==n):i=s,n=ce(n)}return t.set(e,o),o}function ri(e){let{element:t,boundary:r,rootBoundary:o,strategy:i}=e,n=[...r==="clippingAncestors"?ze(t)?[]:ti(t,this._c):[].concat(r),o],s=n[0],l=n.reduce((d,c)=>{let g=mr(t,c,i);return d.top=U(g.top,d.top),d.right=se(g.right,d.right),d.bottom=se(g.bottom,d.bottom),d.left=U(g.left,d.left),d},mr(t,s,i));return{width:l.right-l.left,height:l.bottom-l.top,x:l.left,y:l.top}}function oi(e){let{width:t,height:r}=hr(e);return{width:t,height:r}}function ii(e,t,r){let o=oe(t),i=ne(t),a=r==="fixed",n=Te(e,!0,a,t),s={scrollLeft:0,scrollTop:0},l=re(0);function d(){l.x=Ge(i)}if(o||!o&&!a)if((we(t)!=="body"||Ce(i))&&(s=Ae(t)),o){let u=Te(t,!0,a,t);l.x=u.x+t.clientLeft,l.y=u.y+t.clientTop}else i&&d();a&&!o&&i&&d();let c=i&&!o&&!a?vr(i,s):re(0),g=n.left+s.scrollLeft-l.x-c.x,f=n.top+s.scrollTop-l.y-c.y;return{x:g,y:f,width:n.width,height:n.height}}function yt(e){return te(e).position==="static"}function pr(e,t){if(!oe(e)||te(e).position==="fixed")return null;if(t)return t(e);let r=e.offsetParent;return ne(e)===r&&(r=r.ownerDocument.body),r}function xr(e,t){let r=Y(e);if(ze(e))return r;if(!oe(e)){let i=ce(e);for(;i&&!xe(i);){if(ee(i)&&!yt(i))return i;i=ce(i)}return r}let o=pr(e,t);for(;o&&cr(o)&&yt(o);)o=pr(o,t);return o&&xe(o)&&yt(o)&&!Ye(o)?r:o||dr(e)||r}var ni=async function(e){let t=this.getOffsetParent||xr,r=this.getDimensions,o=await r(e.floating);return{reference:ii(e.reference,await t(e.floating),e.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}};function ai(e){return te(e).direction==="rtl"}var si={convertOffsetParentRelativeRectToViewportRelativeRect:Zo,getDocumentElement:ne,getClippingRect:ri,getOffsetParent:xr,getElementRects:ni,getClientRects:Go,getDimensions:oi,getScale:Ee,isElement:ee,isRTL:ai};var yr=ir;var kr=nr,$r=rr,_r=ar,Cr=or,Er=tr;var Sr=(e,t,r)=>{let o=new Map,i={platform:si,...r},a={...i.platform,_c:o};return er(e,t,{...i,platform:a})};var We="top-start",Ke="top",et="top-end",tt="right-start",rt="right",ot="right-end",it="bottom-start",Pe="bottom",nt="bottom-end",at="left-start",st="left",lt="left-end",kt=[We,Ke,et,tt,rt,ot,it,Pe,nt,at,st,lt],ye={[We]:it,[Ke]:Pe,[et]:nt,[it]:We,[Pe]:Ke,[nt]:et,[at]:tt,[st]:rt,[lt]:ot,[tt]:at,[rt]:st,[ot]:lt},li={[at]:-45,[st]:-45,[lt]:-45,[We]:45,[Ke]:45,[et]:45,[tt]:135,[rt]:135,[ot]:135,[it]:-135,[Pe]:-135,[nt]:-135},$t=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},ci=e=>e.split("-")[0],di=e=>ye[ci(e)],Dr=e=>ye[e],ui=e=>li[Dr(e)],gi=(e,t,r)=>{Object.assign(e==null?void 0:e.style,{borderTopLeftRadius:"4px",zIndex:1,[`margin${$t(di(r))}`]:"-0.5px",transform:`rotate(${t}deg)`})},Lr=8,Je=24;async function _t(e){var o,i,a;if(!(e!=null&&e.isShowing)||(e!=null&&e.waitForDOM&&await(e==null?void 0:e.waitForDOM()),!(e!=null&&e.targetEl)||!(e!=null&&e.attentionEl)))return;let t=e==null?void 0:e.targetEl,r=e.attentionEl;return Sr(t,r,{placement:(o=e==null?void 0:e.directionName)!=null?o:Pe,middleware:[yr({mainAxis:(i=e==null?void 0:e.distance)!=null?i:8,crossAxis:(a=e==null?void 0:e.skidding)!=null?a:0}),(e==null?void 0:e.flip)&&$r({crossAxis:e==null?void 0:e.crossAxis,fallbackPlacements:e==null?void 0:e.fallbackPlacements}),(e==null?void 0:e.flip)&&kr({crossAxis:!0}),!(e!=null&&e.noArrow)&&(e==null?void 0:e.arrowEl)&&Er({element:e==null?void 0:e.arrowEl}),Cr(),_r({apply(){Object.assign(r.style,{paddingRight:`${Lr}px`,paddingLeft:`${Lr}px`})}})]}).then(({x:n,y:s,middlewareData:l,placement:d})=>{if(e.actualDirection=d,e!=null&&e.isCallout||Object.assign(r.style,{left:`${n}px`,top:`${s}px`}),l!=null&&l.hide&&!(e!=null&&e.isCallout)){let{referenceHidden:c}=l.hide;Object.assign(r.style,{visibility:c?"hidden":""})}if(l!=null&&l.arrow&&(e!=null&&e.arrowEl)){let c=e==null?void 0:e.arrowEl,{x:g,y:f}=l.arrow,u=window.getComputedStyle(r).direction==="rtl",b=Dr(d).split("-")[1],x="",v="",_="",C="";if(b==="start"){let S=typeof g=="number"?`calc(${Je}px - ${c.offsetWidth/2}px)`:"";x=typeof f=="number"?`calc(${Je}px - ${c.offsetWidth/2}px)`:"",v=u?S:"",C=u?"":S}else if(b==="end"){let S=typeof g=="number"?`calc(${Je}px - ${c.offsetWidth/2}px)`:"";v=u?"":S,C=u?S:"",_=typeof f=="number"?`calc(${Je}px - ${c.offsetWidth/2}px)`:""}else C=typeof g=="number"?`${g}px`:"",x=typeof f=="number"?`${f}px`:"";Object.assign(c.style,{top:x,right:v,bottom:_,left:C}),gi(c,ui(d),d)}}),e}import{css as zi,html as Le,LitElement as Ai,nothing as oo}from"lit";import{property as J}from"lit/decorators.js";import{ifDefined as Ti}from"lit/directives/if-defined.js";var mi=["en","nb","fi","da","sv"],Ct="en",ct=e=>mi.find(t=>e===t||e.toLowerCase().includes(t))||Ct;function dt(){if(typeof window=="undefined"){let e=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return ct(e)}try{let e=zr(document);if(e)return ct(e);let t=fi();if(t)return ct(t);let r=zr(Tr());return r?ct(r):Ct}catch(e){return console.warn("could not detect locale, falling back to source locale",e),Ct}}var ut=(e,t,r,o,i)=>{P.load("en",e),P.load("nb",t),P.load("fi",r),P.load("da",o),P.load("sv",i);let a=dt();P.activate(a),Ar(),hi()},pi="warp-i18n-change";function Ar(){typeof window!="undefined"&&window.dispatchEvent(new Event(pi))}var Or=!1;function hi(){if(Or||typeof window=="undefined"||!(document!=null&&document.documentElement))return;Or=!0;let e=()=>{let i=dt();P.locale!==i&&(P.activate(i),Ar())},t=new MutationObserver(i=>{for(let a of i)if(a.type==="attributes"&&a.attributeName==="lang"){e();break}});t.observe(document.documentElement,{attributes:!0,attributeFilter:["lang"]});let r=Tr();r&&r.documentElement&&r!==document&&t.observe(r.documentElement,{attributes:!0,attributeFilter:["lang"]});let o=bi();o&&t.observe(o,{attributes:!0,attributeFilter:["lang"]})}function Tr(){var e,t;try{return(t=(e=window.parent)==null?void 0:e.document)!=null?t:null}catch(r){return null}}function zr(e){var t,r;try{return(r=(t=e==null?void 0:e.documentElement)==null?void 0:t.lang)!=null?r:""}catch(o){return""}}function bi(){var e;try{return(e=window.frameElement)!=null?e:null}catch(t){return null}}function fi(){var e,t,r;try{return(r=(t=(e=window.frameElement)==null?void 0:e.getAttribute)==null?void 0:t.call(e,"lang"))!=null?r:""}catch(o){return""}}import{css as Pr}from"lit";var Se=Pr`
|
|
10
|
+
`)),ie(l)&&Ft.test(l)?JSON.parse(`"${l}"`):ie(l)?l:ho(l,this._locale,this._locales)(r,o==null?void 0:o.formats)}date(t,r){return ut(this._locales||this._locale,t,r)}number(t,r){return st(this._locales||this._locale,t,r)}};function yo(e={}){return new ct(e)}var z=yo();var Vt=["top","right","bottom","left"];var te=Math.min,I=Math.max,ke=Math.round;var G=e=>({x:e,y:e}),ko={left:"right",right:"left",bottom:"top",top:"bottom"},_o={start:"end",end:"start"};function Pe(e,t,r){return I(e,te(t,r))}function ne(e,t){return typeof e=="function"?e(t):e}function re(e){return e.split("-")[0]}function de(e){return e.split("-")[1]}function gt(e){return e==="x"?"y":"x"}function Fe(e){return e==="y"?"height":"width"}var Eo=new Set(["top","bottom"]);function K(e){return Eo.has(re(e))?"y":"x"}function $e(e){return gt(K(e))}function It(e,t,r){r===void 0&&(r=!1);let o=de(e),i=$e(e),a=Fe(i),n=i==="x"?o===(r?"end":"start")?"right":"left":o==="start"?"bottom":"top";return t.reference[a]>t.floating[a]&&(n=ye(n)),[n,ye(n)]}function Bt(e){let t=ye(e);return[Re(e),t,Re(t)]}function Re(e){return e.replace(/start|end/g,t=>_o[t])}var jt=["left","right"],Nt=["right","left"],Co=["top","bottom"],So=["bottom","top"];function Oo(e,t,r){switch(e){case"top":case"bottom":return r?t?Nt:jt:t?jt:Nt;case"left":case"right":return t?Co:So;default:return[]}}function Ht(e,t,r,o){let i=de(e),a=Oo(re(e),r==="start",o);return i&&(a=a.map(n=>n+"-"+i),t&&(a=a.concat(a.map(Re)))),a}function ye(e){return e.replace(/left|right|bottom|top/g,t=>ko[t])}function zo(e){return{top:0,right:0,bottom:0,left:0,...e}}function pt(e){return typeof e!="number"?zo(e):{top:e,right:e,bottom:e,left:e}}function ue(e){let{x:t,y:r,width:o,height:i}=e;return{width:o,height:i,top:r,left:t,right:t+o,bottom:r+i,x:t,y:r}}function Yt(e,t,r){let{reference:o,floating:i}=e,a=K(t),n=$e(t),s=Fe(n),l=re(t),d=a==="y",c=o.x+o.width/2-i.width/2,g=o.y+o.height/2-i.height/2,m=o[s]/2-i[s]/2,u;switch(l){case"top":u={x:c,y:o.y-i.height};break;case"bottom":u={x:c,y:o.y+o.height};break;case"right":u={x:o.x+o.width,y:g};break;case"left":u={x:o.x-i.width,y:g};break;default:u={x:o.x,y:o.y}}switch(de(t)){case"start":u[n]-=m*(r&&d?-1:1);break;case"end":u[n]+=m*(r&&d?-1:1);break}return u}var Xt=async(e,t,r)=>{let{placement:o="bottom",strategy:i="absolute",middleware:a=[],platform:n}=r,s=a.filter(Boolean),l=await(n.isRTL==null?void 0:n.isRTL(t)),d=await n.getElementRects({reference:e,floating:t,strategy:i}),{x:c,y:g}=Yt(d,o,l),m=o,u={},p=0;for(let b=0;b<s.length;b++){let{name:h,fn:x}=s[b],{x:y,y:k,data:R,reset:S}=await x({x:c,y:g,initialPlacement:o,placement:m,strategy:i,middlewareData:u,rects:d,platform:n,elements:{reference:e,floating:t}});c=y!=null?y:c,g=k!=null?k:g,u={...u,[h]:{...u[h],...R}},S&&p<=50&&(p++,typeof S=="object"&&(S.placement&&(m=S.placement),S.rects&&(d=S.rects===!0?await n.getElementRects({reference:e,floating:t,strategy:i}):S.rects),{x:c,y:g}=Yt(d,m,l)),b=-1)}return{x:c,y:g,placement:m,strategy:i,middlewareData:u}};async function fe(e,t){var r;t===void 0&&(t={});let{x:o,y:i,platform:a,rects:n,elements:s,strategy:l}=e,{boundary:d="clippingAncestors",rootBoundary:c="viewport",elementContext:g="floating",altBoundary:m=!1,padding:u=0}=ne(t,e),p=pt(u),h=s[m?g==="floating"?"reference":"floating":g],x=ue(await a.getClippingRect({element:(r=await(a.isElement==null?void 0:a.isElement(h)))==null||r?h:h.contextElement||await(a.getDocumentElement==null?void 0:a.getDocumentElement(s.floating)),boundary:d,rootBoundary:c,strategy:l})),y=g==="floating"?{x:o,y:i,width:n.floating.width,height:n.floating.height}:n.reference,k=await(a.getOffsetParent==null?void 0:a.getOffsetParent(s.floating)),R=await(a.isElement==null?void 0:a.isElement(k))?await(a.getScale==null?void 0:a.getScale(k))||{x:1,y:1}:{x:1,y:1},S=ue(a.convertOffsetParentRelativeRectToViewportRelativeRect?await a.convertOffsetParentRelativeRectToViewportRelativeRect({elements:s,rect:y,offsetParent:k,strategy:l}):y);return{top:(x.top-S.top+p.top)/R.y,bottom:(S.bottom-x.bottom+p.bottom)/R.y,left:(x.left-S.left+p.left)/R.x,right:(S.right-x.right+p.right)/R.x}}var Qt=e=>({name:"arrow",options:e,async fn(t){let{x:r,y:o,placement:i,rects:a,platform:n,elements:s,middlewareData:l}=t,{element:d,padding:c=0}=ne(e,t)||{};if(d==null)return{};let g=pt(c),m={x:r,y:o},u=$e(i),p=Fe(u),b=await n.getDimensions(d),h=u==="y",x=h?"top":"left",y=h?"bottom":"right",k=h?"clientHeight":"clientWidth",R=a.reference[p]+a.reference[u]-m[u]-a.floating[p],S=m[u]-a.reference[u],f=await(n.getOffsetParent==null?void 0:n.getOffsetParent(d)),w=f?f[k]:0;(!w||!await(n.isElement==null?void 0:n.isElement(f)))&&(w=s.floating[k]||a.floating[p]);let _=R/2-S/2,C=w/2-b[p]/2-1,O=te(g[x],C),N=te(g[y],C),F=O,V=w-b[p]-N,L=w/2-b[p]/2+_,A=Pe(F,L,V),H=!l.arrow&&de(i)!=null&&L!==A&&a.reference[p]/2-(L<F?O:N)-b[p]/2<0,D=H?L<F?L-F:L-V:0;return{[u]:m[u]+D,data:{[u]:A,centerOffset:L-A-D,...H&&{alignmentOffset:D}},reset:H}}});var Zt=function(e){return e===void 0&&(e={}),{name:"flip",options:e,async fn(t){var r,o;let{placement:i,middlewareData:a,rects:n,initialPlacement:s,platform:l,elements:d}=t,{mainAxis:c=!0,crossAxis:g=!0,fallbackPlacements:m,fallbackStrategy:u="bestFit",fallbackAxisSideDirection:p="none",flipAlignment:b=!0,...h}=ne(e,t);if((r=a.arrow)!=null&&r.alignmentOffset)return{};let x=re(i),y=K(s),k=re(s)===s,R=await(l.isRTL==null?void 0:l.isRTL(d.floating)),S=m||(k||!b?[ye(s)]:Bt(s)),f=p!=="none";!m&&f&&S.push(...Ht(s,b,p,R));let w=[s,...S],_=await fe(t,h),C=[],O=((o=a.flip)==null?void 0:o.overflows)||[];if(c&&C.push(_[x]),g){let L=It(i,n,R);C.push(_[L[0]],_[L[1]])}if(O=[...O,{placement:i,overflows:C}],!C.every(L=>L<=0)){var N,F;let L=(((N=a.flip)==null?void 0:N.index)||0)+1,A=w[L];if(A&&(!(g==="alignment"?y!==K(A):!1)||O.every(U=>K(U.placement)===y?U.overflows[0]>0:!0)))return{data:{index:L,overflows:O},reset:{placement:A}};let H=(F=O.filter(D=>D.overflows[0]<=0).sort((D,U)=>D.overflows[1]-U.overflows[1])[0])==null?void 0:F.placement;if(!H)switch(u){case"bestFit":{var V;let D=(V=O.filter(U=>{if(f){let X=K(U.placement);return X===y||X==="y"}return!0}).map(U=>[U.placement,U.overflows.filter(X=>X>0).reduce((X,Zr)=>X+Zr,0)]).sort((U,X)=>U[1]-X[1])[0])==null?void 0:V[0];D&&(H=D);break}case"initialPlacement":H=s;break}if(i!==H)return{reset:{placement:H}}}return{}}}};function qt(e,t){return{top:e.top-t.height,right:e.right-t.width,bottom:e.bottom-t.height,left:e.left-t.width}}function Ut(e){return Vt.some(t=>e[t]>=0)}var Gt=function(e){return e===void 0&&(e={}),{name:"hide",options:e,async fn(t){let{rects:r}=t,{strategy:o="referenceHidden",...i}=ne(e,t);switch(o){case"referenceHidden":{let a=await fe(t,{...i,elementContext:"reference"}),n=qt(a,r.reference);return{data:{referenceHiddenOffsets:n,referenceHidden:Ut(n)}}}case"escaped":{let a=await fe(t,{...i,altBoundary:!0}),n=qt(a,r.floating);return{data:{escapedOffsets:n,escaped:Ut(n)}}}default:return{}}}}};var Ao=new Set(["left","top"]);async function To(e,t){let{placement:r,platform:o,elements:i}=e,a=await(o.isRTL==null?void 0:o.isRTL(i.floating)),n=re(r),s=de(r),l=K(r)==="y",d=Ao.has(n)?-1:1,c=a&&l?-1:1,g=ne(t,e),{mainAxis:m,crossAxis:u,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"&&(u=s==="end"?p*-1:p),l?{x:u*c,y:m*d}:{x:m*d,y:u*c}}var Jt=function(e){return e===void 0&&(e=0),{name:"offset",options:e,async fn(t){var r,o;let{x:i,y:a,placement:n,middlewareData:s}=t,l=await To(t,e);return n===((r=s.offset)==null?void 0:r.placement)&&(o=s.arrow)!=null&&o.alignmentOffset?{}:{x:i+l.x,y:a+l.y,data:{...l,placement:n}}}}},Kt=function(e){return e===void 0&&(e={}),{name:"shift",options:e,async fn(t){let{x:r,y:o,placement:i}=t,{mainAxis:a=!0,crossAxis:n=!1,limiter:s={fn:h=>{let{x,y}=h;return{x,y}}},...l}=ne(e,t),d={x:r,y:o},c=await fe(t,l),g=K(re(i)),m=gt(g),u=d[m],p=d[g];if(a){let h=m==="y"?"top":"left",x=m==="y"?"bottom":"right",y=u+c[h],k=u-c[x];u=Pe(y,u,k)}if(n){let h=g==="y"?"top":"left",x=g==="y"?"bottom":"right",y=p+c[h],k=p-c[x];p=Pe(y,p,k)}let b=s.fn({...t,[m]:u,[g]:p});return{...b,data:{x:b.x-r,y:b.y-o,enabled:{[m]:a,[g]:n}}}}}};var Wt=function(e){return e===void 0&&(e={}),{name:"size",options:e,async fn(t){var r,o;let{placement:i,rects:a,platform:n,elements:s}=t,{apply:l=()=>{},...d}=ne(e,t),c=await fe(t,d),g=re(i),m=de(i),u=K(i)==="y",{width:p,height:b}=a.floating,h,x;g==="top"||g==="bottom"?(h=g,x=m===(await(n.isRTL==null?void 0:n.isRTL(s.floating))?"start":"end")?"left":"right"):(x=g,h=m==="end"?"top":"bottom");let y=b-c.top-c.bottom,k=p-c.left-c.right,R=te(b-c[h],y),S=te(p-c[x],k),f=!t.middlewareData.shift,w=R,_=S;if((r=t.middlewareData.shift)!=null&&r.enabled.x&&(_=k),(o=t.middlewareData.shift)!=null&&o.enabled.y&&(w=y),f&&!m){let O=I(c.left,0),N=I(c.right,0),F=I(c.top,0),V=I(c.bottom,0);u?_=p-2*(O!==0||N!==0?O+N:I(c.left,c.right)):w=b-2*(F!==0||V!==0?F+V:I(c.top,c.bottom))}await l({...t,availableWidth:_,availableHeight:w});let C=await n.getDimensions(s.floating);return p!==C.width||b!==C.height?{reset:{rects:!0}}:{}}}};function Ne(){return typeof window!="undefined"}function ge(e){return tr(e)?(e.nodeName||"").toLowerCase():"#document"}function B(e){var t;return(e==null||(t=e.ownerDocument)==null?void 0:t.defaultView)||window}function W(e){var t;return(t=(tr(e)?e.ownerDocument:e.document)||window.document)==null?void 0:t.documentElement}function tr(e){return Ne()?e instanceof Node||e instanceof B(e).Node:!1}function Q(e){return Ne()?e instanceof Element||e instanceof B(e).Element:!1}function J(e){return Ne()?e instanceof HTMLElement||e instanceof B(e).HTMLElement:!1}function er(e){return!Ne()||typeof ShadowRoot=="undefined"?!1:e instanceof ShadowRoot||e instanceof B(e).ShadowRoot}var Mo=new Set(["inline","contents"]);function be(e){let{overflow:t,overflowX:r,overflowY:o,display:i}=Z(e);return/auto|scroll|overlay|hidden|clip/.test(t+o+r)&&!Mo.has(i)}var Lo=new Set(["table","td","th"]);function rr(e){return Lo.has(ge(e))}var Do=[":popover-open",":modal"];function _e(e){return Do.some(t=>{try{return e.matches(t)}catch(r){return!1}})}var Ro=["transform","translate","scale","rotate","perspective"],Po=["transform","translate","scale","rotate","perspective","filter"],Fo=["paint","layout","strict","content"];function Ve(e){let t=Ie(),r=Q(e)?Z(e):e;return Ro.some(o=>r[o]?r[o]!=="none":!1)||(r.containerType?r.containerType!=="normal":!1)||!t&&(r.backdropFilter?r.backdropFilter!=="none":!1)||!t&&(r.filter?r.filter!=="none":!1)||Po.some(o=>(r.willChange||"").includes(o))||Fo.some(o=>(r.contain||"").includes(o))}function or(e){let t=oe(e);for(;J(t)&&!pe(t);){if(Ve(t))return t;if(_e(t))return null;t=oe(t)}return null}function Ie(){return typeof CSS=="undefined"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}var $o=new Set(["html","body","#document"]);function pe(e){return $o.has(ge(e))}function Z(e){return B(e).getComputedStyle(e)}function Ee(e){return Q(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function oe(e){if(ge(e)==="html")return e;let t=e.assignedSlot||e.parentNode||er(e)&&e.host||W(e);return er(t)?t.host:t}function ir(e){let t=oe(e);return pe(t)?e.ownerDocument?e.ownerDocument.body:e.body:J(t)&&be(t)?t:ir(t)}function je(e,t,r){var o;t===void 0&&(t=[]),r===void 0&&(r=!0);let i=ir(e),a=i===((o=e.ownerDocument)==null?void 0:o.body),n=B(i);if(a){let s=Be(n);return t.concat(n,n.visualViewport||[],be(i)?i:[],s&&r?je(s):[])}return t.concat(i,je(i,[],r))}function Be(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function lr(e){let t=Z(e),r=parseFloat(t.width)||0,o=parseFloat(t.height)||0,i=J(e),a=i?e.offsetWidth:r,n=i?e.offsetHeight:o,s=ke(r)!==a||ke(o)!==n;return s&&(r=a,o=n),{width:r,height:o,$:s}}function cr(e){return Q(e)?e:e.contextElement}function ve(e){let t=cr(e);if(!J(t))return G(1);let r=t.getBoundingClientRect(),{width:o,height:i,$:a}=lr(t),n=(a?ke(r.width):r.width)/o,s=(a?ke(r.height):r.height)/i;return(!n||!Number.isFinite(n))&&(n=1),(!s||!Number.isFinite(s))&&(s=1),{x:n,y:s}}var jo=G(0);function dr(e){let t=B(e);return!Ie()||!t.visualViewport?jo:{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}}function No(e,t,r){return t===void 0&&(t=!1),!r||t&&r!==B(e)?!1:t}function Ce(e,t,r,o){t===void 0&&(t=!1),r===void 0&&(r=!1);let i=e.getBoundingClientRect(),a=cr(e),n=G(1);t&&(o?Q(o)&&(n=ve(o)):n=ve(e));let s=No(a,r,o)?dr(a):G(0),l=(i.left+s.x)/n.x,d=(i.top+s.y)/n.y,c=i.width/n.x,g=i.height/n.y;if(a){let m=B(a),u=o&&Q(o)?B(o):o,p=m,b=Be(p);for(;b&&o&&u!==p;){let h=ve(b),x=b.getBoundingClientRect(),y=Z(b),k=x.left+(b.clientLeft+parseFloat(y.paddingLeft))*h.x,R=x.top+(b.clientTop+parseFloat(y.paddingTop))*h.y;l*=h.x,d*=h.y,c*=h.x,g*=h.y,l+=k,d+=R,p=B(b),b=Be(p)}}return ue({width:c,height:g,x:l,y:d})}function He(e,t){let r=Ee(e).scrollLeft;return t?t.left+r:Ce(W(e)).left+r}function ur(e,t){let r=e.getBoundingClientRect(),o=r.left+t.scrollLeft-He(e,r),i=r.top+t.scrollTop;return{x:o,y:i}}function Vo(e){let{elements:t,rect:r,offsetParent:o,strategy:i}=e,a=i==="fixed",n=W(o),s=t?_e(t.floating):!1;if(o===n||s&&a)return r;let l={scrollLeft:0,scrollTop:0},d=G(1),c=G(0),g=J(o);if((g||!g&&!a)&&((ge(o)!=="body"||be(n))&&(l=Ee(o)),J(o))){let u=Ce(o);d=ve(o),c.x=u.x+o.clientLeft,c.y=u.y+o.clientTop}let m=n&&!g&&!a?ur(n,l):G(0);return{width:r.width*d.x,height:r.height*d.y,x:r.x*d.x-l.scrollLeft*d.x+c.x+m.x,y:r.y*d.y-l.scrollTop*d.y+c.y+m.y}}function Io(e){return Array.from(e.getClientRects())}function Bo(e){let t=W(e),r=Ee(e),o=e.ownerDocument.body,i=I(t.scrollWidth,t.clientWidth,o.scrollWidth,o.clientWidth),a=I(t.scrollHeight,t.clientHeight,o.scrollHeight,o.clientHeight),n=-r.scrollLeft+He(e),s=-r.scrollTop;return Z(o).direction==="rtl"&&(n+=I(t.clientWidth,o.clientWidth)-i),{width:i,height:a,x:n,y:s}}var nr=25;function Ho(e,t){let r=B(e),o=W(e),i=r.visualViewport,a=o.clientWidth,n=o.clientHeight,s=0,l=0;if(i){a=i.width,n=i.height;let c=Ie();(!c||c&&t==="fixed")&&(s=i.offsetLeft,l=i.offsetTop)}let d=He(o);if(d<=0){let c=o.ownerDocument,g=c.body,m=getComputedStyle(g),u=c.compatMode==="CSS1Compat"&&parseFloat(m.marginLeft)+parseFloat(m.marginRight)||0,p=Math.abs(o.clientWidth-g.clientWidth-u);p<=nr&&(a-=p)}else d<=nr&&(a+=d);return{width:a,height:n,x:s,y:l}}var Yo=new Set(["absolute","fixed"]);function qo(e,t){let r=Ce(e,!0,t==="fixed"),o=r.top+e.clientTop,i=r.left+e.clientLeft,a=J(e)?ve(e):G(1),n=e.clientWidth*a.x,s=e.clientHeight*a.y,l=i*a.x,d=o*a.y;return{width:n,height:s,x:l,y:d}}function ar(e,t,r){let o;if(t==="viewport")o=Ho(e,r);else if(t==="document")o=Bo(W(e));else if(Q(t))o=qo(t,r);else{let i=dr(e);o={x:t.x-i.x,y:t.y-i.y,width:t.width,height:t.height}}return ue(o)}function gr(e,t){let r=oe(e);return r===t||!Q(r)||pe(r)?!1:Z(r).position==="fixed"||gr(r,t)}function Uo(e,t){let r=t.get(e);if(r)return r;let o=je(e,[],!1).filter(s=>Q(s)&&ge(s)!=="body"),i=null,a=Z(e).position==="fixed",n=a?oe(e):e;for(;Q(n)&&!pe(n);){let s=Z(n),l=Ve(n);!l&&s.position==="fixed"&&(i=null),(a?!l&&!i:!l&&s.position==="static"&&!!i&&Yo.has(i.position)||be(n)&&!l&&gr(e,n))?o=o.filter(c=>c!==n):i=s,n=oe(n)}return t.set(e,o),o}function Xo(e){let{element:t,boundary:r,rootBoundary:o,strategy:i}=e,n=[...r==="clippingAncestors"?_e(t)?[]:Uo(t,this._c):[].concat(r),o],s=n[0],l=n.reduce((d,c)=>{let g=ar(t,c,i);return d.top=I(g.top,d.top),d.right=te(g.right,d.right),d.bottom=te(g.bottom,d.bottom),d.left=I(g.left,d.left),d},ar(t,s,i));return{width:l.right-l.left,height:l.bottom-l.top,x:l.left,y:l.top}}function Qo(e){let{width:t,height:r}=lr(e);return{width:t,height:r}}function Zo(e,t,r){let o=J(t),i=W(t),a=r==="fixed",n=Ce(e,!0,a,t),s={scrollLeft:0,scrollTop:0},l=G(0);function d(){l.x=He(i)}if(o||!o&&!a)if((ge(t)!=="body"||be(i))&&(s=Ee(t)),o){let u=Ce(t,!0,a,t);l.x=u.x+t.clientLeft,l.y=u.y+t.clientTop}else i&&d();a&&!o&&i&&d();let c=i&&!o&&!a?ur(i,s):G(0),g=n.left+s.scrollLeft-l.x-c.x,m=n.top+s.scrollTop-l.y-c.y;return{x:g,y:m,width:n.width,height:n.height}}function mt(e){return Z(e).position==="static"}function sr(e,t){if(!J(e)||Z(e).position==="fixed")return null;if(t)return t(e);let r=e.offsetParent;return W(e)===r&&(r=r.ownerDocument.body),r}function pr(e,t){let r=B(e);if(_e(e))return r;if(!J(e)){let i=oe(e);for(;i&&!pe(i);){if(Q(i)&&!mt(i))return i;i=oe(i)}return r}let o=sr(e,t);for(;o&&rr(o)&&mt(o);)o=sr(o,t);return o&&pe(o)&&mt(o)&&!Ve(o)?r:o||or(e)||r}var Go=async function(e){let t=this.getOffsetParent||pr,r=this.getDimensions,o=await r(e.floating);return{reference:Zo(e.reference,await t(e.floating),e.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}};function Jo(e){return Z(e).direction==="rtl"}var Ko={convertOffsetParentRelativeRectToViewportRelativeRect:Vo,getDocumentElement:W,getClippingRect:Xo,getOffsetParent:pr,getElementRects:Go,getClientRects:Io,getDimensions:Qo,getScale:ve,isElement:Q,isRTL:Jo};var mr=Jt;var hr=Kt,fr=Zt,br=Wt,vr=Gt,wr=Qt;var xr=(e,t,r)=>{let o=new Map,i={platform:Ko,...r},a={...i.platform,_c:o};return Xt(e,t,{...i,platform:a})};var qe="top-start",Ue="top",Xe="top-end",Qe="right-start",Ze="right",Ge="right-end",Je="bottom-start",Se="bottom",Ke="bottom-end",We="left-start",et="left",tt="left-end",ht=[qe,Ue,Xe,Qe,Ze,Ge,Je,Se,Ke,We,et,tt],me={[qe]:Je,[Ue]:Se,[Xe]:Ke,[Je]:qe,[Se]:Ue,[Ke]:Xe,[We]:Qe,[et]:Ze,[tt]:Ge,[Qe]:We,[Ze]:et,[Ge]:tt},Wo={[We]:-45,[et]:-45,[tt]:-45,[qe]:45,[Ue]:45,[Xe]:45,[Qe]:135,[Ze]:135,[Ge]:135,[Je]:-135,[Se]:-135,[Ke]:-135},ft=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},ei=e=>e.split("-")[0],ti=e=>me[ei(e)],kr=e=>me[e],ri=e=>Wo[kr(e)],oi=(e,t,r)=>{Object.assign(e==null?void 0:e.style,{borderTopLeftRadius:"4px",zIndex:1,[`margin${ft(ti(r))}`]:"-0.5px",transform:`rotate(${t}deg)`})},yr=8,Ye=24;async function bt(e){var o,i,a;if(!(e!=null&&e.isShowing)||(e!=null&&e.waitForDOM&&await(e==null?void 0:e.waitForDOM()),!(e!=null&&e.targetEl)||!(e!=null&&e.attentionEl)))return;let t=e==null?void 0:e.targetEl,r=e.attentionEl;return xr(t,r,{placement:(o=e==null?void 0:e.directionName)!=null?o:Se,middleware:[mr({mainAxis:(i=e==null?void 0:e.distance)!=null?i:8,crossAxis:(a=e==null?void 0:e.skidding)!=null?a:0}),(e==null?void 0:e.flip)&&fr({crossAxis:e==null?void 0:e.crossAxis,fallbackPlacements:e==null?void 0:e.fallbackPlacements}),(e==null?void 0:e.flip)&&hr({crossAxis:!0}),!(e!=null&&e.noArrow)&&(e==null?void 0:e.arrowEl)&&wr({element:e==null?void 0:e.arrowEl}),vr(),br({apply(){Object.assign(r.style,{paddingRight:`${yr}px`,paddingLeft:`${yr}px`})}})]}).then(({x:n,y:s,middlewareData:l,placement:d})=>{if(e.actualDirection=d,e!=null&&e.isCallout||Object.assign(r.style,{left:`${n}px`,top:`${s}px`}),l!=null&&l.hide&&!(e!=null&&e.isCallout)){let{referenceHidden:c}=l.hide;Object.assign(r.style,{visibility:c?"hidden":""})}if(l!=null&&l.arrow&&(e!=null&&e.arrowEl)){let c=e==null?void 0:e.arrowEl,{x:g,y:m}=l.arrow,u=window.getComputedStyle(r).direction==="rtl",p=kr(d).split("-")[1],b="",h="",x="",y="";if(p==="start"){let k=typeof g=="number"?`calc(${Ye}px - ${c.offsetWidth/2}px)`:"";b=typeof m=="number"?`calc(${Ye}px - ${c.offsetWidth/2}px)`:"",h=u?k:"",y=u?"":k}else if(p==="end"){let k=typeof g=="number"?`calc(${Ye}px - ${c.offsetWidth/2}px)`:"";h=u?"":k,y=u?k:"",x=typeof m=="number"?`calc(${Ye}px - ${c.offsetWidth/2}px)`:""}else y=typeof g=="number"?`${g}px`:"",b=typeof m=="number"?`${m}px`:"";Object.assign(c.style,{top:b,right:h,bottom:x,left:y}),oi(c,ri(d),d)}}),e}import{css as Ei,html as xe,LitElement as Ci,nothing as Qr}from"lit";import{property as q}from"lit/decorators.js";import{ifDefined as Si}from"lit/directives/if-defined.js";var ii=["en","nb","fi","da","sv"],vt="en",rt=e=>ii.find(t=>e===t||e.toLowerCase().includes(t))||vt;function ot(){if(typeof window=="undefined"){let e=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return rt(e)}try{let e=Er(document);if(e)return rt(e);let t=li();if(t)return rt(t);let r=Er(Sr());return r?rt(r):vt}catch(e){return console.warn("could not detect locale, falling back to source locale",e),vt}}var it=(e,t,r,o,i)=>{z.load("en",e),z.load("nb",t),z.load("fi",r),z.load("da",o),z.load("sv",i);let a=ot();z.activate(a),Cr(),ai()},ni="warp-i18n-change";function Cr(){typeof window!="undefined"&&window.dispatchEvent(new Event(ni))}var _r=!1;function ai(){if(_r||typeof window=="undefined"||!(document!=null&&document.documentElement))return;_r=!0;let e=()=>{let i=ot();z.locale!==i&&(z.activate(i),Cr())},t=new MutationObserver(i=>{for(let a of i)if(a.type==="attributes"&&a.attributeName==="lang"){e();break}});t.observe(document.documentElement,{attributes:!0,attributeFilter:["lang"]});let r=Sr();r&&r.documentElement&&r!==document&&t.observe(r.documentElement,{attributes:!0,attributeFilter:["lang"]});let o=si();o&&t.observe(o,{attributes:!0,attributeFilter:["lang"]})}function Sr(){var e,t;try{return(t=(e=window.parent)==null?void 0:e.document)!=null?t:null}catch(r){return null}}function Er(e){var t,r;try{return(r=(t=e==null?void 0:e.documentElement)==null?void 0:t.lang)!=null?r:""}catch(o){return""}}function si(){var e;try{return(e=window.frameElement)!=null?e:null}catch(t){return null}}function li(){var e,t,r;try{return(r=(t=(e=window.frameElement)==null?void 0:e.getAttribute)==null?void 0:t.call(e,"lang"))!=null?r:""}catch(o){return""}}import{css as Or}from"lit";var we=Or`
|
|
11
11
|
*,
|
|
12
12
|
:before,
|
|
13
13
|
:after {
|
|
@@ -280,7 +280,7 @@ Please compile your catalog first.
|
|
|
280
280
|
svg {
|
|
281
281
|
pointer-events: none;
|
|
282
282
|
}
|
|
283
|
-
`,
|
|
283
|
+
`,rn=Or`*, :before, :after {
|
|
284
284
|
--w-rotate: 0;
|
|
285
285
|
--w-rotate-x: 0;
|
|
286
286
|
--w-rotate-y: 0;
|
|
@@ -2446,7 +2446,7 @@ Please compile your catalog first.
|
|
|
2446
2446
|
display: none
|
|
2447
2447
|
}
|
|
2448
2448
|
}
|
|
2449
|
-
`;import{
|
|
2449
|
+
`;import{css as ci}from"lit";var zr=ci`
|
|
2450
2450
|
.place-self-auto {
|
|
2451
2451
|
place-self: auto;
|
|
2452
2452
|
}
|
|
@@ -3346,7 +3346,7 @@ Please compile your catalog first.
|
|
|
3346
3346
|
padding-top: 4rem;
|
|
3347
3347
|
padding-bottom: 4rem;
|
|
3348
3348
|
}
|
|
3349
|
-
`;var
|
|
3349
|
+
`;var Ar=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 Tr=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 Mr=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 Lr=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 Dr=JSON.parse('{"attention.aria.callout":["En gr\xF6n pratbubbla som introducerar n\xE5got nytt"],"attention.aria.close":["St\xE4ng"],"attention.aria.highlight":["En pratbubbla med viktig information"],"attention.aria.pointingDown":["pekar ned"],"attention.aria.pointingLeft":["pekar v\xE4nster"],"attention.aria.pointingRight":["pekar h\xF6ger"],"attention.aria.pointingUp":["pekar upp"],"attention.aria.popover":["En vit pratbubbla som ger ytterligare information"],"attention.aria.tooltip":["En svart pratbubbla som ger kompletterande information"]}');import{css as di}from"lit";var Rr=di`*,: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 gi,LitElement as pi}from"lit";import{property as wt,state as mi}from"lit/decorators.js";import{classMap as hi}from"lit/directives/class-map.js";import{css as ui}from"lit";var Pr=ui`
|
|
3350
3350
|
:host {
|
|
3351
3351
|
display: inline-block;
|
|
3352
3352
|
}
|
|
@@ -3371,24 +3371,255 @@ Please compile your catalog first.
|
|
|
3371
3371
|
--w-icon-size: 32px;
|
|
3372
3372
|
}
|
|
3373
3373
|
|
|
3374
|
-
`;var
|
|
3375
|
-
|
|
3374
|
+
`;var xt=new Map,fi='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';function bi(e,t={}){var o;let r=(o=t.responseParser)!=null?o:(i=>i.text());return xt.has(e)||xt.set(e,fetch(e).then(r)),xt.get(e)}var ae=class extends pi{constructor(){super(...arguments);this.svg=null}async fetchIcon(r){let i=`https://assets.finn.no/pkg/eikons/v1/${this.locale||"en"}/${r}.svg`;try{let a=await bi(i);return new DOMParser().parseFromString(a,"text/html").body.querySelector("svg")}catch(a){return null}}firstUpdated(){this.loadIcon()}updated(r){(r.has("name")||r.has("locale"))&&this.loadIcon()}async loadIcon(){if(!this.name){this.svg=null;return}let r=await this.fetchIcon(this.name);r||(r=new DOMParser().parseFromString(fi,"text/html").body.firstElementChild),this.svg=r}render(){let r=this.size||"medium",o=this.name||"",i={"w-icon":!0,"w-icon--s":r==="small","w-icon--m":r==="medium","w-icon--l":r==="large"},a=typeof r=="string"&&r.endsWith("px")?`--w-icon-size: ${r};`:"";return gi`<div class="${hi(i)}" style="${a}" part="w-${o.toLowerCase()}">${this.svg}</div>`}};ae.styles=[Pr],v([wt({type:String,reflect:!0})],ae.prototype,"name",2),v([wt({type:String,reflect:!0})],ae.prototype,"size",2),v([wt({type:String,reflect:!0})],ae.prototype,"locale",2),v([mi()],ae.prototype,"svg",2);customElements.get("w-icon")||customElements.define("w-icon",ae);var E=function(e,t,r,o){if(r==="a"&&!o)throw new TypeError("Private accessor was defined without a getter");if(typeof t=="function"?e!==t||!o:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return r==="m"?o:r==="a"?o.call(e):o?o.value:t.get(e)},M=function(e,t,r,o,i){if(o==="m")throw new TypeError("Private method is not writable");if(o==="a"&&!i)throw new TypeError("Private accessor was defined without a setter");if(typeof t=="function"?e!==t||!i:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return o==="a"?i.call(e,r):i?i.value=r:t.set(e,r),r};function Fr(e){var t,r,o,i,a,n,s,l,d,c,g,m,u,p,b,h,x,y,k;class R extends e{constructor(...f){var w,_,C;super(...f),t.add(this),this.internals=this.attachInternals(),r.set(this,!1),o.set(this,!1),i.set(this,!1),a.set(this,void 0),n.set(this,void 0),s.set(this,!0),d.set(this,""),c.set(this,()=>{M(this,i,!0,"f"),M(this,r,!0,"f"),E(this,t,"m",h).call(this)}),g.set(this,()=>{M(this,r,!1,"f"),E(this,t,"m",x).call(this,this.shouldFormValueUpdate()?E(this,d,"f"):""),!this.validity.valid&&E(this,i,"f")&&M(this,o,!0,"f");let O=E(this,t,"m",h).call(this);this.validationMessageCallback&&this.validationMessageCallback(O?this.internals.validationMessage:"")}),m.set(this,()=>{var O;E(this,s,"f")&&this.validationTarget&&(this.internals.setValidity(this.validity,this.validationMessage,this.validationTarget),M(this,s,!1,"f")),M(this,i,!0,"f"),M(this,o,!0,"f"),E(this,t,"m",h).call(this),(O=this===null||this===void 0?void 0:this.validationMessageCallback)===null||O===void 0||O.call(this,this.showError?this.internals.validationMessage:"")}),u.set(this,void 0),p.set(this,!1),b.set(this,Promise.resolve()),(w=this.addEventListener)===null||w===void 0||w.call(this,"focus",E(this,c,"f")),(_=this.addEventListener)===null||_===void 0||_.call(this,"blur",E(this,g,"f")),(C=this.addEventListener)===null||C===void 0||C.call(this,"invalid",E(this,m,"f")),this.setValue(null)}static get formAssociated(){return!0}static get validators(){return this.formControlValidators||[]}static get observedAttributes(){let f=this.validators.map(C=>C.attribute).flat(),w=super.observedAttributes||[];return[...new Set([...w,...f])]}static getValidator(f){return this.validators.find(w=>w.attribute===f)||null}static getValidators(f){return this.validators.filter(w=>{var _;if(w.attribute===f||!((_=w.attribute)===null||_===void 0)&&_.includes(f))return!0})}get form(){return this.internals.form}get showError(){return E(this,t,"m",h).call(this)}checkValidity(){return this.internals.checkValidity()}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}attributeChangedCallback(f,w,_){var C;(C=super.attributeChangedCallback)===null||C===void 0||C.call(this,f,w,_);let N=this.constructor.getValidators(f);N!=null&&N.length&&this.validationTarget&&this.setValue(E(this,d,"f"))}setValue(f){var w;M(this,o,!1,"f"),(w=this.validationMessageCallback)===null||w===void 0||w.call(this,""),M(this,d,f,"f");let C=this.shouldFormValueUpdate()?f:null;this.internals.setFormValue(C),E(this,t,"m",x).call(this,C),this.valueChangedCallback&&this.valueChangedCallback(C),E(this,t,"m",h).call(this)}shouldFormValueUpdate(){return!0}get validationComplete(){return new Promise(f=>f(E(this,b,"f")))}formResetCallback(){var f,w;M(this,i,!1,"f"),M(this,o,!1,"f"),E(this,t,"m",h).call(this),(f=this.resetFormControl)===null||f===void 0||f.call(this),(w=this.validationMessageCallback)===null||w===void 0||w.call(this,E(this,t,"m",h).call(this)?this.validationMessage:"")}}return r=new WeakMap,o=new WeakMap,i=new WeakMap,a=new WeakMap,n=new WeakMap,s=new WeakMap,d=new WeakMap,c=new WeakMap,g=new WeakMap,m=new WeakMap,u=new WeakMap,p=new WeakMap,b=new WeakMap,t=new WeakSet,l=function(){let f=this.getRootNode(),w=`${this.localName}[name="${this.getAttribute("name")}"]`;return f.querySelectorAll(w)},h=function(){if(this.hasAttribute("disabled"))return!1;let f=E(this,o,"f")||E(this,i,"f")&&!this.validity.valid&&!E(this,r,"f");return f&&this.internals.states?this.internals.states.add("--show-error"):this.internals.states&&this.internals.states.delete("--show-error"),f},x=function(f){let w=this.constructor,_={},C=w.validators,O=[],N=C.some(A=>A.isValid instanceof Promise);E(this,p,"f")||(M(this,b,new Promise(A=>{M(this,u,A,"f")}),"f"),M(this,p,!0,"f")),E(this,a,"f")&&(E(this,a,"f").abort(),M(this,n,E(this,a,"f"),"f"));let F=new AbortController;M(this,a,F,"f");let V,L=!1;C.length&&(C.forEach(A=>{let H=A.key||"customError",D=A.isValid(this,f,F.signal);D instanceof Promise?(O.push(D),D.then(X=>{X!=null&&(_[H]=!X,V=E(this,t,"m",k).call(this,A,f),E(this,t,"m",y).call(this,_,V))})):(_[H]=!D,this.validity[H]!==!D&&(L=!0),!D&&!V&&(V=E(this,t,"m",k).call(this,A,f)))}),Promise.allSettled(O).then(()=>{var A;F!=null&&F.signal.aborted||(M(this,p,!1,"f"),(A=E(this,u,"f"))===null||A===void 0||A.call(this))}),(L||!N)&&E(this,t,"m",y).call(this,_,V))},y=function(f,w){if(this.validationTarget)this.internals.setValidity(f,w,this.validationTarget),M(this,s,!1,"f");else{if(this.internals.setValidity(f,w),this.internals.validity.valid)return;M(this,s,!0,"f")}},k=function(f,w){if(this.validityCallback){let _=this.validityCallback(f.key||"customError");if(_)return _}return f.message instanceof Function?f.message(this,w):f.message},R}import{html as nt,LitElement as Ur,nothing as ki}from"lit";import{property as j}from"lit/decorators.js";import{html as wi,LitElement as jr,nothing as xi}from"lit";import{property as se}from"lit/decorators.js";import{css as vi}from"lit";var $r=vi`
|
|
3375
|
+
/* If not a link variant this should look like a button */
|
|
3376
|
+
:host(:not([variant="link"])) {
|
|
3377
|
+
--_background: var(--background, var(--w-s-color-background));
|
|
3378
|
+
--_background-hover: var(
|
|
3379
|
+
--background-hover,
|
|
3380
|
+
var(--w-s-color-background-hover)
|
|
3381
|
+
);
|
|
3382
|
+
--_background-active: var(
|
|
3383
|
+
--background-active,
|
|
3384
|
+
var(--w-s-color-background-active)
|
|
3385
|
+
);
|
|
3386
|
+
--_text-color: var(--color, var(--w-s-color-text-link));
|
|
3387
|
+
--_text-color-hover: var(--color-hover, var(--w-s-color-text-link));
|
|
3388
|
+
--_text-color-active: var(--color-active, var(--w-s-color-text-link));
|
|
3389
|
+
--_border-width: var(--border-width, 2px);
|
|
3390
|
+
--_border: var(--border, var(--w-s-color-border));
|
|
3391
|
+
--_border-hover: var(--border-hover, var(--w-s-color-border-hover));
|
|
3392
|
+
--_border-active: var(--border-active, var(--w-s-color-border-active));
|
|
3393
|
+
--_border-radius: var(--border-radius, var(--w-button-radius-default, 8px));
|
|
3394
|
+
--_font-size: var(--font-size, var(--w-font-size-m));
|
|
3395
|
+
--_line-height: var(--line-height, var(--w-line-height-m));
|
|
3396
|
+
--_font-weight: var(--font-weight, bold);
|
|
3397
|
+
--_padding-x: var(--padding-x, 16px);
|
|
3398
|
+
--_padding-y: var(--padding-y, 13px);
|
|
3399
|
+
}
|
|
3400
|
+
|
|
3401
|
+
:host(:not([variant="link"])) a {
|
|
3402
|
+
display: inline-flex;
|
|
3403
|
+
justify-content: center;
|
|
3404
|
+
align-items: center;
|
|
3405
|
+
text-align: center;
|
|
3406
|
+
text-decoration: none;
|
|
3407
|
+
cursor: pointer;
|
|
3408
|
+
transition:
|
|
3409
|
+
color 150ms cubic-bezier(0.4, 0, 0.2, 1),
|
|
3410
|
+
background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
|
|
3411
|
+
border-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
|
|
3412
|
+
fill 150ms cubic-bezier(0.4, 0, 0.2, 1),
|
|
3413
|
+
stroke 150ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
3414
|
+
|
|
3415
|
+
background-color: var(--_background);
|
|
3416
|
+
color: var(--_text-color);
|
|
3417
|
+
border: var(--_border-width) solid var(--_border);
|
|
3418
|
+
border-radius: var(--_border-radius);
|
|
3419
|
+
padding: calc(var(--_padding-y) - var(--_border-width))
|
|
3420
|
+
calc(var(--_padding-x) - var(--_border-width));
|
|
3421
|
+
font-size: var(--_font-size);
|
|
3422
|
+
line-height: var(--_line-height);
|
|
3423
|
+
font-weight: var(--_font-weight);
|
|
3424
|
+
}
|
|
3425
|
+
|
|
3426
|
+
:host(:not([variant="link"])) a:hover {
|
|
3427
|
+
background-color: var(--_background-hover);
|
|
3428
|
+
border-color: var(--_border-hover);
|
|
3429
|
+
color: var(--_text-color-hover);
|
|
3430
|
+
}
|
|
3431
|
+
|
|
3432
|
+
:host(:not([variant="link"])) a:active {
|
|
3433
|
+
background-color: var(--_background-active);
|
|
3434
|
+
border-color: var(--_border-active);
|
|
3435
|
+
color: var(--_text-color-active);
|
|
3436
|
+
}
|
|
3437
|
+
|
|
3438
|
+
:host(:not([variant="link"])) a:focus-visible {
|
|
3439
|
+
outline: 2px solid var(--w-s-color-border-focus);
|
|
3440
|
+
outline-offset: var(--w-outline-offset, 1px);
|
|
3441
|
+
}
|
|
3442
|
+
|
|
3443
|
+
/* Variants config */
|
|
3444
|
+
:host([variant="primary"]) {
|
|
3445
|
+
--background: var(--w-s-color-background-primary);
|
|
3446
|
+
--background-hover: var(--w-s-color-background-primary-hover);
|
|
3447
|
+
--background-active: var(--w-s-color-background-primary-active);
|
|
3448
|
+
--color: var(--w-s-color-text-inverted);
|
|
3449
|
+
--color-hover: var(--w-s-color-text-inverted);
|
|
3450
|
+
--color-active: var(--w-s-color-text-inverted);
|
|
3451
|
+
--border-width: 0px;
|
|
3452
|
+
}
|
|
3453
|
+
:host([variant="quiet"]),
|
|
3454
|
+
:host([quiet]) /* deprecated, backwards compatibility, use variant="quiet" */ {
|
|
3455
|
+
--background: transparent;
|
|
3456
|
+
--color: var(--w-s-color-text-link);
|
|
3457
|
+
--color-hover: var(--w-s-color-text-link-hover);
|
|
3458
|
+
--color-active: var(--w-s-color-text-link-active);
|
|
3459
|
+
--border-width: 0px;
|
|
3460
|
+
}
|
|
3461
|
+
:host([variant="negative"]) {
|
|
3462
|
+
--background: var(--w-s-color-background-negative);
|
|
3463
|
+
--background-hover: var(--w-s-color-background-negative-hover);
|
|
3464
|
+
--background-active: var(--w-s-color-background-negative-active);
|
|
3465
|
+
--color: var(--w-s-color-text-inverted);
|
|
3466
|
+
--color-hover: var(--w-s-color-text-inverted);
|
|
3467
|
+
--color-active: var(--w-s-color-text-inverted);
|
|
3468
|
+
--border-width: 0px;
|
|
3469
|
+
}
|
|
3470
|
+
:host([variant="negativeQuiet"]),
|
|
3471
|
+
:host([quiet][variant="negative"]) /* deprecated, backwards compatibility */ {
|
|
3472
|
+
--background: transparent;
|
|
3473
|
+
--background-hover: var(--w-s-color-background-negative-subtle-hover);
|
|
3474
|
+
--background-active: var(--w-s-color-background-negative-subtle-active);
|
|
3475
|
+
--color: var(--w-s-color-text-negative);
|
|
3476
|
+
--color-hover: var(--w-s-color-text-negative);
|
|
3477
|
+
--color-active: var(--w-s-color-text-negative);
|
|
3478
|
+
--border-width: 0px;
|
|
3479
|
+
}
|
|
3480
|
+
:host([variant="utility"]) {
|
|
3481
|
+
--background: var(--w-s-color-background);
|
|
3482
|
+
--background-hover: var(--w-s-color-background-hover);
|
|
3483
|
+
--background-active: var(--w-s-color-background-active);
|
|
3484
|
+
--color: var(--w-s-color-text);
|
|
3485
|
+
--color-hover: var(--w-s-color-text);
|
|
3486
|
+
--color-active: var(--w-s-color-text);
|
|
3487
|
+
--border-radius: var(--w-button-radius-utility, 4px);
|
|
3488
|
+
--border-width: 1px;
|
|
3489
|
+
}
|
|
3490
|
+
:host([variant="utilityQuiet"]),
|
|
3491
|
+
:host([quiet][variant="utility"]) /* deprecated, backwards compatibility */ {
|
|
3492
|
+
--background: transparent;
|
|
3493
|
+
--color: var(--w-s-color-text);
|
|
3494
|
+
--color-hover: var(--w-s-color-text);
|
|
3495
|
+
--color-active: var(--w-s-color-text);
|
|
3496
|
+
--border-width: 0px;
|
|
3497
|
+
}
|
|
3498
|
+
:host([variant="overlay"]) {
|
|
3499
|
+
--background: var(--w-color-background);
|
|
3500
|
+
--background-hover: var(--w-color-background-hover);
|
|
3501
|
+
--background-active: var(--w-color-background-active);
|
|
3502
|
+
--color: var(--w-s-color-text);
|
|
3503
|
+
--color-hover: var(--w-s-color-text);
|
|
3504
|
+
--color-active: var(--w-s-color-text);
|
|
3505
|
+
--border-radius: 9999px;
|
|
3506
|
+
--border-width: 0px;
|
|
3507
|
+
}
|
|
3508
|
+
:host([variant="overlayQuiet"]),
|
|
3509
|
+
:host([quiet][variant="overlay"]) /* deprecated, backwards compatibility */ {
|
|
3510
|
+
--background: transparent;
|
|
3511
|
+
--background-hover: var(--w-s-color-background-hover);
|
|
3512
|
+
--background-active: var(--w-s-color-background-active);
|
|
3513
|
+
--color: var(--w-s-color-text);
|
|
3514
|
+
--color-hover: var(--w-s-color-text);
|
|
3515
|
+
--color-active: var(--w-s-color-text);
|
|
3516
|
+
--border-radius: 9999px;
|
|
3517
|
+
--border-width: 0px;
|
|
3518
|
+
}
|
|
3519
|
+
:host([variant="overlayInverted"]) {
|
|
3520
|
+
--background: var(--w-s-color-background-inverted);
|
|
3521
|
+
--background-hover: var(--w-s-color-background-inverted-hover);
|
|
3522
|
+
--background-active: var(--w-s-color-background-inverted-active);
|
|
3523
|
+
--color: var(--w-s-color-text-inverted);
|
|
3524
|
+
--color-hover: var(--w-s-color-text-inverted);
|
|
3525
|
+
--color-active: var(--w-s-color-text-inverted);
|
|
3526
|
+
--border-radius: 9999px;
|
|
3527
|
+
--border-width: 0px;
|
|
3528
|
+
}
|
|
3529
|
+
:host([variant="overlayInvertedQuiet"]),
|
|
3530
|
+
:host([quiet][variant="overlayInverted"]) /* deprecated, backwards compatibility */ {
|
|
3531
|
+
--background: transparent;
|
|
3532
|
+
--background-hover: var(--w-s-color-background-inverted-hover);
|
|
3533
|
+
--background-active: var(--w-s-color-background-inverted-active);
|
|
3534
|
+
--color: var(--w-s-color-text-inverted);
|
|
3535
|
+
--color-hover: var(--w-s-color-text-inverted);
|
|
3536
|
+
--color-active: var(--w-s-color-text-inverted);
|
|
3537
|
+
--border-radius: 9999px;
|
|
3538
|
+
--border-width: 0px;
|
|
3539
|
+
}
|
|
3540
|
+
|
|
3541
|
+
:host([variant="link"]) {
|
|
3542
|
+
--background: none;
|
|
3543
|
+
--background-hover: none;
|
|
3544
|
+
--background-active: none;
|
|
3545
|
+
--border-width: 0px;
|
|
3546
|
+
--font-weight: normal;
|
|
3547
|
+
display: inline;
|
|
3548
|
+
}
|
|
3549
|
+
|
|
3550
|
+
/* States config, selects --loading as well since loading is always supposed to be disabled */
|
|
3551
|
+
:host(:disabled),
|
|
3552
|
+
:host([disabled]) {
|
|
3553
|
+
--background: var(--w-s-color-background-disabled);
|
|
3554
|
+
--background-hover: var(--w-s-color-background-disabled);
|
|
3555
|
+
--background-active: var(--w-s-color-background-disabled);
|
|
3556
|
+
--color: var(--w-s-color-text-inverted);
|
|
3557
|
+
--color-hover: var(--w-s-color-text-inverted);
|
|
3558
|
+
--color-active: var(--w-s-color-text-inverted);
|
|
3559
|
+
--border-width: 0px;
|
|
3560
|
+
}
|
|
3561
|
+
|
|
3562
|
+
:host(:disabled) a,
|
|
3563
|
+
:host([disabled]) a {
|
|
3564
|
+
cursor: not-allowed;
|
|
3565
|
+
pointer-events: none;
|
|
3566
|
+
}
|
|
3567
|
+
|
|
3568
|
+
:host([variant="link"]):hover a {
|
|
3569
|
+
text-decoration: underline;
|
|
3570
|
+
}
|
|
3571
|
+
|
|
3572
|
+
/* Sizes config */
|
|
3573
|
+
:host([small]) {
|
|
3574
|
+
--padding-x: 12px;
|
|
3575
|
+
--padding-y: 8px;
|
|
3576
|
+
--font-size: var(--w-font-size-xs);
|
|
3577
|
+
--line-height: var(--w-line-height-xs);
|
|
3578
|
+
}
|
|
3579
|
+
|
|
3580
|
+
/* Width config */
|
|
3581
|
+
:host([full-width]) a {
|
|
3582
|
+
width: 100%;
|
|
3583
|
+
max-width: 100%;
|
|
3584
|
+
}
|
|
3585
|
+
`;var Nr=["primary","secondary","negative","negativeQuiet","utility","utilityQuiet","quiet","link","overlay","overlayInverted","overlayQuiet","overlayInvertedQuiet"],Y=class extends jr{constructor(){super(...arguments);this.autofocus=!1;this.small=!1;this.disabled=!1;this.fullWidth=!1}connectedCallback(){if(super.connectedCallback(),this.variant&&!Nr.includes(this.variant))throw new Error(`Invalid "variant" attribute. Set its value to one of the following:
|
|
3586
|
+
${Nr.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0)}render(){return wi`
|
|
3587
|
+
<a
|
|
3588
|
+
href="${this.href}"
|
|
3589
|
+
target="${this.target}"
|
|
3590
|
+
rel="${this.target==="_blank"?this.rel||"noopener":xi}"
|
|
3591
|
+
tabindex="0"
|
|
3592
|
+
>
|
|
3593
|
+
<slot></slot>
|
|
3594
|
+
</a>
|
|
3595
|
+
`}};Y.shadowRootOptions={...jr.shadowRootOptions,delegatesFocus:!0},Y.styles=[we,$r],v([se({type:Boolean,reflect:!0})],Y.prototype,"autofocus",2),v([se({reflect:!0})],Y.prototype,"variant",2),v([se({type:Boolean,reflect:!0})],Y.prototype,"small",2),v([se({reflect:!0})],Y.prototype,"href",2),v([se({type:Boolean,reflect:!0})],Y.prototype,"disabled",2),v([se({reflect:!0})],Y.prototype,"target",2),v([se({reflect:!0})],Y.prototype,"rel",2),v([se({attribute:"full-width",type:Boolean,reflect:!0})],Y.prototype,"fullWidth",2);customElements.get("w-link")||customElements.define("w-link",Y);var Vr=JSON.parse('{"button.aria.loading":["Indl\xE6ser..."]}');var Ir=JSON.parse('{"button.aria.loading":["Loading..."]}');var Br=JSON.parse('{"button.aria.loading":["Ladataan..."]}');var Hr=JSON.parse('{"button.aria.loading":["Laster..."]}');var Yr=JSON.parse('{"button.aria.loading":["Laddar ..."]}');import{css as yi}from"lit";var qr=yi`
|
|
3596
|
+
:host {
|
|
3376
3597
|
/* Local scoped variables, given the default button (the secondary variant) as a default */
|
|
3377
3598
|
--_background: var(--background, var(--w-s-color-background));
|
|
3378
|
-
--_background-hover: var(
|
|
3379
|
-
|
|
3599
|
+
--_background-hover: var(
|
|
3600
|
+
--background-hover,
|
|
3601
|
+
var(--w-s-color-background-hover)
|
|
3602
|
+
);
|
|
3603
|
+
--_background-active: var(
|
|
3604
|
+
--background-active,
|
|
3605
|
+
var(--w-s-color-background-active)
|
|
3606
|
+
);
|
|
3380
3607
|
--_text-color: var(--color, var(--w-s-color-text-link));
|
|
3608
|
+
--_text-color-hover: var(--color-hover, var(--w-s-color-text-link));
|
|
3609
|
+
--_text-color-active: var(--color-active, var(--w-s-color-text-link));
|
|
3381
3610
|
--_border-width: var(--border-width, 2px);
|
|
3382
3611
|
--_border: var(--border, var(--w-s-color-border));
|
|
3383
3612
|
--_border-hover: var(--border-hover, var(--w-s-color-border-hover));
|
|
3384
3613
|
--_border-active: var(--border-active, var(--w-s-color-border-active));
|
|
3385
|
-
--_border-radius: var(--w-button-radius-default, 8px);
|
|
3614
|
+
--_border-radius: var(--border-radius, var(--w-button-radius-default, 8px));
|
|
3386
3615
|
--_font-size: var(--font-size, var(--w-font-size-m));
|
|
3387
3616
|
--_line-height: var(--line-height, var(--w-line-height-m));
|
|
3388
3617
|
--_font-weight: var(--font-weight, bold);
|
|
3389
3618
|
--_padding-x: var(--padding-x, 16px);
|
|
3390
3619
|
--_padding-y: var(--padding-y, 13px);
|
|
3620
|
+
}
|
|
3391
3621
|
|
|
3622
|
+
button {
|
|
3392
3623
|
/* Base setup for all buttons */
|
|
3393
3624
|
display: inline-flex;
|
|
3394
3625
|
justify-content: center;
|
|
@@ -3396,241 +3627,283 @@ Please compile your catalog first.
|
|
|
3396
3627
|
text-align: center;
|
|
3397
3628
|
cursor: pointer;
|
|
3398
3629
|
transition:
|
|
3399
|
-
|
|
3400
|
-
|
|
3401
|
-
|
|
3402
|
-
|
|
3403
|
-
|
|
3630
|
+
color 150ms cubic-bezier(0.4, 0, 0.2, 1),
|
|
3631
|
+
background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
|
|
3632
|
+
border-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
|
|
3633
|
+
fill 150ms cubic-bezier(0.4, 0, 0.2, 1),
|
|
3634
|
+
stroke 150ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
3404
3635
|
|
|
3405
3636
|
/* Hook the local vars up to the button stuff */
|
|
3406
3637
|
background-color: var(--_background);
|
|
3407
3638
|
color: var(--_text-color);
|
|
3408
3639
|
border: var(--_border-width) solid var(--_border);
|
|
3409
3640
|
border-radius: var(--_border-radius);
|
|
3410
|
-
padding: calc(var(--_padding-y) - var(--_border-width))
|
|
3641
|
+
padding: calc(var(--_padding-y) - var(--_border-width))
|
|
3642
|
+
calc(var(--_padding-x) - var(--_border-width));
|
|
3411
3643
|
font-size: var(--_font-size);
|
|
3412
3644
|
line-height: var(--_line-height);
|
|
3413
3645
|
font-weight: var(--_font-weight);
|
|
3414
|
-
}
|
|
3646
|
+
}
|
|
3415
3647
|
|
|
3416
|
-
|
|
3417
|
-
|
|
3418
|
-
|
|
3419
|
-
|
|
3648
|
+
button:hover {
|
|
3649
|
+
background-color: var(--_background-hover);
|
|
3650
|
+
border-color: var(--_border-hover);
|
|
3651
|
+
color: var(--_text-color-hover);
|
|
3652
|
+
}
|
|
3420
3653
|
|
|
3421
|
-
|
|
3422
|
-
|
|
3423
|
-
|
|
3424
|
-
|
|
3654
|
+
button:active {
|
|
3655
|
+
background-color: var(--_background-active);
|
|
3656
|
+
border-color: var(--_border-active);
|
|
3657
|
+
color: var(--_text-color-active);
|
|
3658
|
+
}
|
|
3425
3659
|
|
|
3426
|
-
|
|
3427
|
-
|
|
3428
|
-
|
|
3429
|
-
|
|
3660
|
+
button:focus-visible {
|
|
3661
|
+
outline: 2px solid var(--w-s-color-border-focus);
|
|
3662
|
+
outline-offset: var(--w-outline-offset, 1px);
|
|
3663
|
+
}
|
|
3664
|
+
|
|
3665
|
+
/* Variants config */
|
|
3666
|
+
:host([variant="primary"]) {
|
|
3667
|
+
--background: var(--w-s-color-background-primary);
|
|
3668
|
+
--background-hover: var(--w-s-color-background-primary-hover);
|
|
3669
|
+
--background-active: var(--w-s-color-background-primary-active);
|
|
3670
|
+
--color: var(--w-s-color-text-inverted);
|
|
3671
|
+
--color-hover: var(--w-s-color-text-inverted);
|
|
3672
|
+
--color-active: var(--w-s-color-text-inverted);
|
|
3673
|
+
--border-width: 0px;
|
|
3674
|
+
}
|
|
3675
|
+
:host([variant="quiet"]),
|
|
3676
|
+
:host([quiet]) /* deprecated, backwards compatibility, use variant="quiet" */ {
|
|
3677
|
+
--background: transparent;
|
|
3678
|
+
--color: var(--w-s-color-text-link);
|
|
3679
|
+
--color-hover: var(--w-s-color-text-link-hover);
|
|
3680
|
+
--color-active: var(--w-s-color-text-link-active);
|
|
3681
|
+
--border-width: 0px;
|
|
3682
|
+
}
|
|
3683
|
+
:host([variant="negative"]) {
|
|
3684
|
+
--background: var(--w-s-color-background-negative);
|
|
3685
|
+
--background-hover: var(--w-s-color-background-negative-hover);
|
|
3686
|
+
--background-active: var(--w-s-color-background-negative-active);
|
|
3687
|
+
--color: var(--w-s-color-text-inverted);
|
|
3688
|
+
--color-hover: var(--w-s-color-text-inverted);
|
|
3689
|
+
--color-active: var(--w-s-color-text-inverted);
|
|
3690
|
+
--border-width: 0px;
|
|
3691
|
+
}
|
|
3692
|
+
:host([variant="negativeQuiet"]),
|
|
3693
|
+
:host([quiet][variant="negative"]) /* deprecated, backwards compatibility */ {
|
|
3694
|
+
--background: transparent;
|
|
3695
|
+
--background-hover: var(--w-s-color-background-negative-subtle-hover);
|
|
3696
|
+
--background-active: var(--w-s-color-background-negative-subtle-active);
|
|
3697
|
+
--color: var(--w-s-color-text-negative);
|
|
3698
|
+
--color-hover: var(--w-s-color-text-negative);
|
|
3699
|
+
--color-active: var(--w-s-color-text-negative);
|
|
3700
|
+
--border-width: 0px;
|
|
3701
|
+
}
|
|
3702
|
+
:host([variant="utility"]) {
|
|
3703
|
+
--background: var(--w-s-color-background);
|
|
3704
|
+
--background-hover: var(--w-s-color-background-hover);
|
|
3705
|
+
--background-active: var(--w-s-color-background-active);
|
|
3706
|
+
--color: var(--w-s-color-text);
|
|
3707
|
+
--color-hover: var(--w-s-color-text);
|
|
3708
|
+
--color-active: var(--w-s-color-text);
|
|
3709
|
+
--border-radius: var(--w-button-radius-utility, 4px);
|
|
3710
|
+
--border-width: 1px;
|
|
3711
|
+
}
|
|
3712
|
+
:host([variant="utilityQuiet"]),
|
|
3713
|
+
:host([quiet][variant="utility"]) /* deprecated, backwards compatibility */ {
|
|
3714
|
+
--background: transparent;
|
|
3715
|
+
--color: var(--w-s-color-text);
|
|
3716
|
+
--color-hover: var(--w-s-color-text);
|
|
3717
|
+
--color-active: var(--w-s-color-text);
|
|
3718
|
+
--border-width: 0px;
|
|
3719
|
+
}
|
|
3720
|
+
:host([variant="overlay"]) {
|
|
3721
|
+
--background: var(--w-color-background);
|
|
3722
|
+
--background-hover: var(--w-color-background-hover);
|
|
3723
|
+
--background-active: var(--w-color-background-active);
|
|
3724
|
+
--color: var(--w-s-color-text);
|
|
3725
|
+
--color-hover: var(--w-s-color-text);
|
|
3726
|
+
--color-active: var(--w-s-color-text);
|
|
3727
|
+
--border-radius: 9999px;
|
|
3728
|
+
--border-width: 0px;
|
|
3729
|
+
}
|
|
3730
|
+
:host([variant="overlayQuiet"]),
|
|
3731
|
+
:host([quiet][variant="overlay"]) /* deprecated, backwards compatibility */ {
|
|
3732
|
+
--background: transparent;
|
|
3733
|
+
--background-hover: var(--w-s-color-background-hover);
|
|
3734
|
+
--background-active: var(--w-s-color-background-active);
|
|
3735
|
+
--color: var(--w-s-color-text);
|
|
3736
|
+
--color-hover: var(--w-s-color-text);
|
|
3737
|
+
--color-active: var(--w-s-color-text);
|
|
3738
|
+
--border-radius: 9999px;
|
|
3739
|
+
--border-width: 0px;
|
|
3740
|
+
}
|
|
3741
|
+
:host([variant="overlayInverted"]) {
|
|
3742
|
+
--background: var(--w-s-color-background-inverted);
|
|
3743
|
+
--background-hover: var(--w-s-color-background-inverted-hover);
|
|
3744
|
+
--background-active: var(--w-s-color-background-inverted-active);
|
|
3745
|
+
--color: var(--w-s-color-text-inverted);
|
|
3746
|
+
--color-hover: var(--w-s-color-text-inverted);
|
|
3747
|
+
--color-active: var(--w-s-color-text-inverted);
|
|
3748
|
+
--border-radius: 9999px;
|
|
3749
|
+
--border-width: 0px;
|
|
3750
|
+
}
|
|
3751
|
+
:host([variant="overlayInvertedQuiet"]),
|
|
3752
|
+
:host([quiet][variant="overlayInverted"]) /* deprecated, backwards compatibility */ {
|
|
3753
|
+
--background: transparent;
|
|
3754
|
+
--background-hover: var(--w-s-color-background-inverted-hover);
|
|
3755
|
+
--background-active: var(--w-s-color-background-inverted-active);
|
|
3756
|
+
--color: var(--w-s-color-text-inverted);
|
|
3757
|
+
--color-hover: var(--w-s-color-text-inverted);
|
|
3758
|
+
--color-active: var(--w-s-color-text-inverted);
|
|
3759
|
+
--border-radius: 9999px;
|
|
3760
|
+
--border-width: 0px;
|
|
3761
|
+
}
|
|
3762
|
+
|
|
3763
|
+
:host([variant="link"]) {
|
|
3764
|
+
--background: none;
|
|
3765
|
+
--background-hover: none;
|
|
3766
|
+
--background-active: none;
|
|
3767
|
+
--border-width: 0px;
|
|
3768
|
+
--font-weight: normal;
|
|
3769
|
+
display: inline;
|
|
3770
|
+
}
|
|
3771
|
+
|
|
3772
|
+
:host([variant="pill"]) {
|
|
3773
|
+
--background: transparent;
|
|
3774
|
+
--background-hover: var(--w-color-button-pill-background-hover); /** TODO: this should use a semantic token */
|
|
3775
|
+
--background-active: var(--w-color-button-pill-background-active); /** TODO: this should use a semantic token */
|
|
3776
|
+
--border-radius: 50%;
|
|
3777
|
+
--border-width: 0px;
|
|
3778
|
+
--color: var(--w-s-color-icon);
|
|
3779
|
+
--color-hover: var(--w-s-color-icon-hover);
|
|
3780
|
+
--color-active: var(--w-s-color-icon-active);
|
|
3781
|
+
--padding-x: 14px; /* get a total height and width of 44px, matching atomic CSS variant */
|
|
3782
|
+
--padding-y: 14px;
|
|
3783
|
+
}
|
|
3784
|
+
|
|
3785
|
+
/* States config, selects --loading as well since loading is always supposed to be disabled */
|
|
3786
|
+
:host(:disabled),
|
|
3787
|
+
:host([disabled]) {
|
|
3788
|
+
--background: var(--w-s-color-background-disabled);
|
|
3789
|
+
--background-hover: var(--w-s-color-background-disabled);
|
|
3790
|
+
--background-active: var(--w-s-color-background-disabled);
|
|
3791
|
+
--color: var(--w-s-color-text-inverted);
|
|
3792
|
+
--color-hover: var(--w-s-color-text-inverted);
|
|
3793
|
+
--color-active: var(--w-s-color-text-inverted);
|
|
3794
|
+
--border-width: 0px;
|
|
3795
|
+
}
|
|
3796
|
+
|
|
3797
|
+
:host(:disabled) button,
|
|
3798
|
+
:host([disabled]) button {
|
|
3799
|
+
cursor: not-allowed;
|
|
3800
|
+
pointer-events: none;
|
|
3801
|
+
}
|
|
3430
3802
|
|
|
3431
|
-
|
|
3432
|
-
|
|
3433
|
-
|
|
3434
|
-
|
|
3435
|
-
|
|
3436
|
-
|
|
3437
|
-
|
|
3438
|
-
|
|
3439
|
-
|
|
3440
|
-
--background: var(--w-s-color-background-negative);
|
|
3441
|
-
--background-hover: var(--w-s-color-background-negative-hover);
|
|
3442
|
-
--background-active: var(--w-s-color-background-negative-active);
|
|
3443
|
-
--color: var(--w-s-color-text-inverted);
|
|
3444
|
-
--border-width: 0px;
|
|
3445
|
-
}
|
|
3446
|
-
.w-button--negative-quiet {
|
|
3447
|
-
--background: transparent;
|
|
3448
|
-
--background-hover: var(--w-s-color-background-negative-subtle-hover);
|
|
3449
|
-
--background-active: var(--w-s-color-background-negative-subtle-active);
|
|
3450
|
-
--color: var(--w-s-color-text-negative);
|
|
3451
|
-
--border-width: 0px;
|
|
3452
|
-
}
|
|
3453
|
-
.w-button--utility {
|
|
3454
|
-
--background: var(--w-s-color-background);
|
|
3455
|
-
--background-hover: var(--w-s-color-background-hover);
|
|
3456
|
-
--background-active: var(--w-s-color-background-active);
|
|
3457
|
-
--color: var(--w-s-color-text);
|
|
3458
|
-
--border-radius: var(--w-button-radius-utility, 4px);
|
|
3459
|
-
--border-width: 1px;
|
|
3460
|
-
}
|
|
3461
|
-
.w-button--utility-quiet {
|
|
3462
|
-
--background: transparent;
|
|
3463
|
-
--color: var(--w-s-color-text);
|
|
3464
|
-
--border-width: 0px;
|
|
3465
|
-
}
|
|
3466
|
-
.w-button--quiet {
|
|
3467
|
-
--background: transparent;
|
|
3468
|
-
--border-width: 0px;
|
|
3469
|
-
}
|
|
3470
|
-
.w-button--overlay {
|
|
3471
|
-
--background: var(--w-color-background);
|
|
3472
|
-
--background-hover: var(--w-color-background-hover);
|
|
3473
|
-
--background-active: var(--w-color-background-active);
|
|
3474
|
-
--color: var(--w-s-color-text);
|
|
3475
|
-
--border-radius: 9999px;
|
|
3476
|
-
--border-width: 0px;
|
|
3477
|
-
}
|
|
3478
|
-
.w-button--overlay-quiet {
|
|
3479
|
-
--background: transparent;
|
|
3480
|
-
--background-hover: var(--w-s-color-background-hover);
|
|
3481
|
-
--background-active: var(--w-s-color-background-active);
|
|
3482
|
-
--color: var(--w-s-color-text);
|
|
3483
|
-
--border-radius: 9999px;
|
|
3484
|
-
--border-width: 0px;
|
|
3485
|
-
}
|
|
3486
|
-
.w-button--overlay-inverted {
|
|
3487
|
-
--background: var(--w-s-color-background-inverted);
|
|
3488
|
-
--background-hover: var(--w-s-color-background-inverted-hover);
|
|
3489
|
-
--background-active: var(--w-s-color-background-inverted-active);
|
|
3490
|
-
--color: var(--w-s-color-text-inverted);
|
|
3491
|
-
--border-radius: 9999px;
|
|
3492
|
-
--border-width: 0px;
|
|
3493
|
-
}
|
|
3494
|
-
.w-button--overlay-inverted-quiet {
|
|
3495
|
-
--background: transparent;
|
|
3496
|
-
--background-hover: var(--w-s-color-background-inverted-hover);
|
|
3497
|
-
--background-active: var(--w-s-color-background-inverted-active);
|
|
3498
|
-
--color: var(--w-s-color-text-inverted);
|
|
3499
|
-
--border-radius: 9999px;
|
|
3500
|
-
--border-width: 0px;
|
|
3501
|
-
}
|
|
3803
|
+
:host([loading]) {
|
|
3804
|
+
--background: var(--w-s-color-background-subtle);
|
|
3805
|
+
--background-hover: var(--w-s-color-background-subtle);
|
|
3806
|
+
--background-active: var(--w-s-color-background-subtle);
|
|
3807
|
+
--color: var(--w-s-color-text);
|
|
3808
|
+
--color-hover: var(--w-s-color-text);
|
|
3809
|
+
--color-active: var(--w-s-color-text);
|
|
3810
|
+
--border-width: 0px;
|
|
3811
|
+
}
|
|
3502
3812
|
|
|
3503
|
-
|
|
3504
|
-
|
|
3505
|
-
|
|
3506
|
-
|
|
3507
|
-
--border-width: 0;
|
|
3508
|
-
--font-weight: normal;
|
|
3509
|
-
display: inline;
|
|
3510
|
-
}
|
|
3511
|
-
.w-button--overlay {
|
|
3512
|
-
--background: var(--w-color-background);
|
|
3513
|
-
--background-hover: var(--w-color-background-hover);
|
|
3514
|
-
--background-active: var(--w-color-background-active);
|
|
3515
|
-
--color: var(--w-s-color-text);
|
|
3516
|
-
--border-radius: 9999px;
|
|
3517
|
-
--border-width: 0px;
|
|
3518
|
-
}
|
|
3519
|
-
.w-button--overlay-quiet {
|
|
3520
|
-
--background: transparent;
|
|
3521
|
-
--background-hover: var(--w-s-color-background-hover);
|
|
3522
|
-
--background-active: var(--w-s-color-background-active);
|
|
3523
|
-
--color: var(--w-s-color-text);
|
|
3524
|
-
--border-radius: 9999px;
|
|
3525
|
-
--border-width: 0px;
|
|
3526
|
-
}
|
|
3527
|
-
.w-button--overlay-inverted {
|
|
3528
|
-
--background: var(--w-s-color-background-inverted);
|
|
3529
|
-
--background-hover: var(--w-s-color-background-inverted-hover);
|
|
3530
|
-
--background-active: var(--w-s-color-background-inverted-active);
|
|
3531
|
-
--color: var(--w-s-color-text-inverted);
|
|
3532
|
-
--border-radius: 9999px;
|
|
3533
|
-
--border-width: 0px;
|
|
3534
|
-
}
|
|
3535
|
-
.w-button--overlay-inverted-quiet {
|
|
3536
|
-
--background: transparent;
|
|
3537
|
-
--background-hover: var(--w-s-color-background-inverted-hover);
|
|
3538
|
-
--background-active: var(--w-s-color-background-inverted-active);
|
|
3539
|
-
--color: var(--w-s-color-text-inverted);
|
|
3540
|
-
--border-radius: 9999px;
|
|
3541
|
-
--border-width: 0px;
|
|
3542
|
-
}
|
|
3813
|
+
:host([loading]) button {
|
|
3814
|
+
cursor: wait;
|
|
3815
|
+
pointer-events: none;
|
|
3816
|
+
}
|
|
3543
3817
|
|
|
3544
|
-
|
|
3545
|
-
|
|
3546
|
-
|
|
3547
|
-
.w-button--loading {
|
|
3548
|
-
--background: var(--w-s-color-background-disabled);
|
|
3549
|
-
--background-hover: var(--w-s-color-background-disabled);
|
|
3550
|
-
--background-active: var(--w-s-color-background-disabled);
|
|
3551
|
-
--color: var(--w-s-color-text-inverted);
|
|
3552
|
-
--border-width: 0px;
|
|
3553
|
-
pointer-events: none;
|
|
3554
|
-
}
|
|
3818
|
+
:host([variant="link"]):hover {
|
|
3819
|
+
text-decoration: underline;
|
|
3820
|
+
}
|
|
3555
3821
|
|
|
3556
|
-
|
|
3557
|
-
|
|
3558
|
-
|
|
3822
|
+
/* Sizes config */
|
|
3823
|
+
:host([small]) {
|
|
3824
|
+
--padding-x: 12px;
|
|
3825
|
+
--padding-y: 8px;
|
|
3826
|
+
--font-size: var(--w-font-size-xs);
|
|
3827
|
+
--line-height: var(--w-line-height-xs);
|
|
3828
|
+
}
|
|
3559
3829
|
|
|
3560
|
-
|
|
3561
|
-
|
|
3562
|
-
|
|
3563
|
-
|
|
3564
|
-
--font-size: var(--w-font-size-xs);
|
|
3565
|
-
--line-height: var(--w-line-height-xs);
|
|
3566
|
-
}
|
|
3830
|
+
:host([small][variant="pill"]) {
|
|
3831
|
+
--padding-x: 8px; /* get a total height and width of 32px, matching atomic CSS variant */
|
|
3832
|
+
--padding-y: 8px;
|
|
3833
|
+
}
|
|
3567
3834
|
|
|
3568
|
-
|
|
3569
|
-
|
|
3570
|
-
|
|
3571
|
-
|
|
3572
|
-
|
|
3835
|
+
/* Width config */
|
|
3836
|
+
:host([full-width]) button {
|
|
3837
|
+
width: 100%;
|
|
3838
|
+
max-width: 100%;
|
|
3839
|
+
}
|
|
3573
3840
|
|
|
3574
|
-
|
|
3575
|
-
|
|
3576
|
-
|
|
3577
|
-
--_padding-x: var(--_padding-y);
|
|
3578
|
-
aspect-ratio: 1 / 1;
|
|
3579
|
-
}
|
|
3841
|
+
:host([has-icon-only]) {
|
|
3842
|
+
--_padding-x: var(--_padding-y);
|
|
3843
|
+
}
|
|
3580
3844
|
|
|
3581
|
-
|
|
3582
|
-
|
|
3583
|
-
|
|
3845
|
+
:host([has-icon-only]) button {
|
|
3846
|
+
width: auto;
|
|
3847
|
+
max-width: none;
|
|
3848
|
+
aspect-ratio: 1 / 1;
|
|
3849
|
+
}
|
|
3584
3850
|
|
|
3585
|
-
|
|
3586
|
-
|
|
3587
|
-
|
|
3588
|
-
|
|
3589
|
-
|
|
3590
|
-
|
|
3591
|
-
|
|
3592
|
-
|
|
3593
|
-
|
|
3594
|
-
|
|
3595
|
-
|
|
3596
|
-
|
|
3597
|
-
|
|
3598
|
-
|
|
3599
|
-
|
|
3851
|
+
/* Copy of loading animation from warp */
|
|
3852
|
+
:host([loading]) button {
|
|
3853
|
+
background-image: linear-gradient(
|
|
3854
|
+
135deg,
|
|
3855
|
+
rgba(0, 0, 0, 0.05) 25%,
|
|
3856
|
+
transparent 25%,
|
|
3857
|
+
transparent 50%,
|
|
3858
|
+
rgba(0, 0, 0, 0.05) 50%,
|
|
3859
|
+
rgba(0, 0, 0, 0.05) 75%,
|
|
3860
|
+
transparent 75%,
|
|
3861
|
+
transparent
|
|
3862
|
+
);
|
|
3863
|
+
background-size: 30px 30px;
|
|
3864
|
+
animation: animate-inprogress 3s linear infinite;
|
|
3865
|
+
}
|
|
3600
3866
|
|
|
3601
|
-
|
|
3602
|
-
|
|
3603
|
-
|
|
3604
|
-
|
|
3605
|
-
|
|
3606
|
-
|
|
3607
|
-
|
|
3608
|
-
|
|
3609
|
-
|
|
3610
|
-
|
|
3611
|
-
|
|
3612
|
-
|
|
3613
|
-
|
|
3614
|
-
|
|
3615
|
-
</a>`}};Z.shadowRootOptions={...Ur.shadowRootOptions,delegatesFocus:!0},Z.styles=[Se,Hr],y([me({type:Boolean,reflect:!0})],Z.prototype,"autofocus",2),y([me({reflect:!0})],Z.prototype,"variant",2),y([me({type:Boolean,reflect:!0})],Z.prototype,"small",2),y([me({reflect:!0})],Z.prototype,"href",2),y([me({type:Boolean,reflect:!0})],Z.prototype,"disabled",2),y([me({reflect:!0})],Z.prototype,"target",2),y([me({reflect:!0})],Z.prototype,"rel",2),y([me({attribute:"full-width",type:Boolean,reflect:!0})],Z.prototype,"fullWidth",2);customElements.get("w-link")||customElements.define("w-link",Z);var Xr=JSON.parse('{"button.aria.loading":["Indl\xE6ser..."]}');var Zr=JSON.parse('{"button.aria.loading":["Loading..."]}');var Gr=JSON.parse('{"button.aria.loading":["Ladataan..."]}');var Jr=JSON.parse('{"button.aria.loading":["Laster..."]}');var Wr=JSON.parse('{"button.aria.loading":["Laddar ..."]}');import{css as Oi}from"lit";var Kr=Oi`*,: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}.text-center{text-align:center}.animate-inprogress{background-size:30px 30px;animation:3s linear infinite animate-inprogress;background-image:linear-gradient(135deg,#0000000d 25%,#0000 0 50%,#0000000d 0 75%,#0000 0,#0000)!important}@keyframes animate-inprogress{0%{background-position:0 0}to{background-position:60px 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)}.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-transparent{border-color:#0000}.rounded-4{border-radius:4px}.rounded-8{border-radius:8px}.rounded-full{border-radius:9999px}.inline-block{display:inline-block}.inline{display:inline}.inline-flex{display:inline-flex}.hover\\:underline:hover,.focus\\:underline:focus,.active\\:underline:active{text-decoration-line:underline}.hover\\:no-underline:hover,.focus\\:no-underline:focus,.active\\:no-underline:active{text-decoration:none}.focusable:focus{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:focus-visible{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:not(:focus-visible){outline:none}.items-center{align-items:center}.justify-center{justify-content:center}.static{position:static}.s-bg{background-color:var(--w-s-color-background)}.s-bg-disabled{background-color:var(--w-s-color-background-disabled)}.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)}.max-w-full{max-width:100%}.max-w-max{max-width:max-content}.min-h-32{min-height:3.2rem}.min-w-32{min-width:3.2rem}.w-full{width:100%}.min-h-\\[44px\\]{min-height:44px}.min-w-\\[44px\\]{min-width:44px}.p-0{padding:0}.p-4{padding:.4rem}.px-14{padding-left:1.4rem;padding-right:1.4rem}.px-16{padding-left:1.6rem;padding-right:1.6rem}.py-10{padding-top:1rem;padding-bottom:1rem}.py-12{padding-top:1.2rem;padding-bottom:1.2rem}.py-6{padding-top:.6rem;padding-bottom:.6rem}.py-8{padding-top:.8rem;padding-bottom:.8rem}.px-\\[15px\\]{padding-left:15px;padding-right:15px}.py-\\[11px\\]{padding-top:11px;padding-bottom:11px}.py-\\[7px\\]{padding-top:7px;padding-bottom:7px}.cursor-default{cursor:default}.font-bold{font-weight:700}.pointer-events-none{pointer-events:none}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.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}`;var ro=["primary","secondary","negative","utility","pill","link"],pe="font-bold focusable justify-center transition-colors ease-in-out",T={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"},E={primary:`border-0 rounded-radius-default ${pe}`,secondary:`border-2 rounded-radius-default ${pe}`,utility:`border rounded-radius-utility ${pe}`,negative:`border-0 rounded-radius-default ${pe}`,pill:`p-4 rounded-full border-0 inline-flex items-center justify-center hover:bg-clip-padding ${pe}`,link:`bg-transparent focusable ease-in-out inline active:underline hover:underline focus:underline ${T.link}`},p={xsmall:"py-6 px-16",small:"py-8 px-16",medium:"py-10 px-14",large:"py-12 px-16",utility:"py-[11px] px-[15px]",smallUtility:"py-[7px] px-[15px]",pill:"min-h-[44px] min-w-[44px]",pillSmall:"min-h-32 min-w-32",link:"p-0"},h={medium:"text-m leading-[24]",xsmall:"text-xs"},m={inProgress:`border-transparent animate-inprogress pointer-events-none ${T.loading}`,quiet:`border-0 rounded-8 ${pe}`,utilityQuiet:`border-0 rounded-4 ${pe}`,negativeQuiet:`border-0 rounded-8 ${pe}`,isDisabled:`font-bold justify-center transition-colors ease-in-out cursor-default pointer-events-none ${T.disabled}`},$={secondary:`${p.medium} ${h.medium} ${E.secondary} ${T.secondary}`,secondaryHref:`${p.medium} ${h.medium} ${E.secondary} ${T.secondary}`,secondaryDisabled:`${p.medium} ${h.medium} ${E.secondary} ${m.isDisabled}`,secondarySmall:`${h.xsmall} ${p.xsmall} ${E.secondary} ${T.secondary}`,secondarySmallDisabled:`${h.xsmall} ${p.xsmall} ${E.secondary} ${m.isDisabled}`,secondaryQuiet:`${p.medium} ${h.medium} ${m.quiet} ${T.quiet}`,secondaryQuietDisabled:`${p.medium} ${h.medium} ${m.quiet} ${m.isDisabled}`,secondarySmallQuiet:`${h.xsmall} ${p.xsmall} ${m.quiet} ${T.quiet}`,secondarySmallQuietDisabled:`${h.xsmall} ${p.xsmall} ${m.quiet} ${m.isDisabled}`,secondaryLoading:`${p.medium} ${h.medium} ${E.secondary} ${m.inProgress}`,secondarySmallLoading:`${h.xsmall} ${p.xsmall} ${E.secondary} ${m.inProgress}`,secondarySmallQuietLoading:`${h.xsmall} ${p.xsmall} ${m.quiet} ${m.inProgress}`,secondaryQuietLoading:`${p.medium} ${h.medium} ${m.quiet} ${m.inProgress}`,primary:`${p.large} ${h.medium} ${E.primary} ${T.primary}`,primaryDisabled:`${p.large} ${h.medium} ${m.isDisabled} ${E.primary}`,primarySmall:`${p.small} ${h.xsmall} ${E.primary} ${T.primary}`,primarySmallDisabled:`${p.small} ${h.xsmall} ${m.isDisabled} ${E.primary} `,primaryQuiet:`${p.large} ${h.medium} ${m.quiet} ${T.quiet}`,primaryQuietDisabled:`${p.large} ${h.medium} ${m.quiet} ${m.isDisabled}`,primarySmallQuiet:`${p.small} ${h.xsmall} ${m.quiet} ${T.quiet}`,primarySmallQuietDisabled:`${p.small} ${h.xsmall} ${m.quiet} ${m.isDisabled}`,primaryLoading:`${p.large} ${h.medium} ${m.inProgress} ${E.primary}`,primarySmallLoading:`${p.small} ${h.xsmall} ${m.inProgress} ${E.primary}`,primarySmallQuietLoading:`${p.small} ${h.xsmall} ${m.quiet} ${m.inProgress} ${E.primary}`,primaryQuietLoading:`${p.large} ${h.medium} ${m.quiet} ${m.inProgress}`,utility:`${p.utility} ${h.medium} ${E.utility} ${T.utility}`,utilityDisabled:`${p.utility} ${h.medium} ${E.utility} ${m.isDisabled}`,utilityQuiet:`${p.large} ${h.medium} ${m.utilityQuiet} ${T.utilityQuiet}`,utilityQuietDisabled:`${p.large} ${h.medium} ${m.utilityQuiet} ${m.isDisabled}`,utilitySmall:`${p.smallUtility} ${h.xsmall} ${E.utility} ${T.utility}`,utilitySmallDisabled:`${p.smallUtility} ${h.xsmall} ${E.utility} ${m.isDisabled}`,utilitySmallQuiet:`${p.smallUtility} ${h.xsmall} ${m.utilityQuiet} ${T.utilityQuiet}`,utilitySmallQuietDisabled:`${p.smallUtility} ${h.xsmall} ${m.utilityQuiet} ${m.isDisabled}`,utilityLoading:`${p.large} ${h.medium} ${E.utility} ${m.inProgress}`,utilitySmallLoading:`${p.smallUtility} ${h.xsmall} ${E.utility} ${m.inProgress}`,utilityQuietLoading:`${p.large} ${h.medium} ${m.inProgress} ${m.utilityQuiet}`,utilitySmallQuietLoading:`${p.smallUtility} ${h.xsmall} ${m.inProgress} ${m.utilityQuiet}`,negative:`${p.large} ${h.medium} ${E.negative} ${T.destructive}`,negativeDisabled:`${p.large} ${h.medium} ${E.negative} ${m.isDisabled}`,negativeQuiet:`${p.large} ${h.medium} ${m.negativeQuiet} ${T.negativeQuiet}`,negativeQuietDisabled:`${p.large} ${h.medium} ${m.negativeQuiet}${m.isDisabled}`,negativeSmall:`${p.small} ${h.xsmall} ${E.negative} ${T.destructive}`,negativeSmallDisabled:`${p.small} ${h.xsmall} ${E.negative} ${m.isDisabled}`,negativeSmallQuiet:`${p.small} ${h.xsmall} ${m.negativeQuiet} ${T.negativeQuiet}`,negativeSmallQuietDisabled:`${p.small} ${h.xsmall} ${m.negativeQuiet} ${m.isDisabled}`,negativeLoading:`${p.large} ${h.medium} ${E.negative} ${m.inProgress}`,negativeSmallLoading:`${p.small} ${h.xsmall} ${m.inProgress} ${E.negative}`,negativeQuietLoading:`${p.large} ${h.medium} ${m.negativeQuiet} ${E.negative} ${m.inProgress}`,negativeSmallQuietLoading:`${p.small} ${h.xsmall} ${m.negativeQuiet} ${m.inProgress}`,pill:`${p.pill} ${h.medium} ${E.pill} ${T.pill}`,pillSmall:`${p.pillSmall} ${h.xsmall} ${E.pill} ${T.pill}`,pillLoading:`${p.pill} ${h.medium} ${E.pill} ${m.inProgress}`,pillSmallLoading:`${p.pillSmall} ${h.xsmall} ${E.pill} ${m.inProgress}`,link:`${p.link} ${h.medium} ${E.link}`,linkSmall:`${p.link} ${h.xsmall} ${E.link}`,linkAsButton:"inline-block active:no-underline hover:no-underline focus:no-underline text-center",a11y:"sr-only",fullWidth:"w-full max-w-full",contentWidth:"max-w-max"},Me,N=class extends Ir(to){constructor(){super();this.autofocus=!1;this.quiet=!1;this.small=!1;this.loading=!1;this.fullWidth=!1;Tt(this,Me,null);ut(Zr,Jr,Gr,Xr,Wr),this.ariaValueTextLoading=P._({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(!ro.includes(r))throw new Error(`Invalid "variant" attribute. Set its value to one of the following:
|
|
3616
|
-
|
|
3617
|
-
|
|
3618
|
-
|
|
3619
|
-
|
|
3620
|
-
|
|
3621
|
-
|
|
3622
|
-
|
|
3623
|
-
|
|
3624
|
-
|
|
3625
|
-
|
|
3626
|
-
|
|
3627
|
-
|
|
3628
|
-
|
|
3629
|
-
|
|
3630
|
-
|
|
3631
|
-
|
|
3632
|
-
|
|
3633
|
-
${
|
|
3867
|
+
@keyframes animate-inprogress {
|
|
3868
|
+
0% {
|
|
3869
|
+
background-position: 0 0;
|
|
3870
|
+
}
|
|
3871
|
+
100% {
|
|
3872
|
+
background-position: 60px 0;
|
|
3873
|
+
}
|
|
3874
|
+
}
|
|
3875
|
+
`;import{ifDefined as _i}from"lit/directives/if-defined.js";var Xr=["primary","secondary","negative","negativeQuiet","utility","pill","link","quiet","utilityQuiet","overlay","overlayInverted","overlayQuiet","overlayInvertedQuiet"],Oe,T=class extends Fr(Ur){constructor(){super();this.autofocus=!1;this.quiet=!1;this.iconOnly=!1;this.small=!1;this.loading=!1;this.disabled=!1;this.fullWidth=!1;St(this,Oe,null);it(Ir,Hr,Br,Vr,Yr),this.ariaValueTextLoading=z.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(!Xr.includes(r))throw new Error(`Invalid "variant" attribute. Set its value to one of the following:
|
|
3876
|
+
${Xr.join(", ")}.`);Ot(this,Oe,this.value)}firstUpdated(){this.autofocus&&!this.href&&setTimeout(()=>this.focus(),0)}_handleButtonClick(){this.type==="submit"?this.internals.form.requestSubmit():this.type==="reset"&&this.internals.form.reset()}resetFormControl(){this.value=Ct(this,Oe)}render(){let r=this.variant||"secondary";return nt` ${this.href?nt`
|
|
3877
|
+
<w-link
|
|
3878
|
+
href=${this.href}
|
|
3879
|
+
target=${this.target}
|
|
3880
|
+
variant=${this.quiet?"quiet":r}
|
|
3881
|
+
?small=${this.small}
|
|
3882
|
+
?loading=${this.loading}
|
|
3883
|
+
?autofocus=${this.autofocus}
|
|
3884
|
+
?full-width=${this.fullWidth}
|
|
3885
|
+
class=${this.buttonClass}
|
|
3886
|
+
rel=${this.target==="_blank"?this.rel||"noopener":void 0}
|
|
3887
|
+
>
|
|
3888
|
+
<slot></slot>
|
|
3889
|
+
</w-link>
|
|
3890
|
+
`:nt`
|
|
3891
|
+
<button
|
|
3892
|
+
type=${this.type||"button"}
|
|
3893
|
+
class=${_i(this.buttonClass)}
|
|
3894
|
+
@click="${this._handleButtonClick}"
|
|
3895
|
+
>
|
|
3896
|
+
<slot></slot>
|
|
3897
|
+
</button>
|
|
3898
|
+
`}
|
|
3899
|
+
${this.loading?nt`<span
|
|
3900
|
+
class="sr-only"
|
|
3901
|
+
role="progressbar"
|
|
3902
|
+
aria-valuenow="{0}"
|
|
3903
|
+
aria-valuetext=${this.ariaValueTextLoading}
|
|
3904
|
+
></span>`:ki}`}};Oe=new WeakMap,T.styles=[we,qr],T.shadowRootOptions={...Ur.shadowRootOptions,delegatesFocus:!0},v([j({reflect:!0})],T.prototype,"type",2),v([j({type:Boolean,reflect:!0})],T.prototype,"autofocus",2),v([j({reflect:!0})],T.prototype,"variant",2),v([j({type:Boolean,reflect:!0})],T.prototype,"quiet",2),v([j({type:Boolean,reflect:!0,attribute:"icon-only"})],T.prototype,"iconOnly",2),v([j({type:Boolean,reflect:!0})],T.prototype,"small",2),v([j({type:Boolean,reflect:!0})],T.prototype,"loading",2),v([j({reflect:!0})],T.prototype,"href",2),v([j({reflect:!0})],T.prototype,"target",2),v([j({type:Boolean,reflect:!0})],T.prototype,"disabled",2),v([j({reflect:!0})],T.prototype,"rel",2),v([j({attribute:"full-width",type:Boolean,reflect:!0})],T.prototype,"fullWidth",2),v([j({attribute:"button-class",reflect:!0})],T.prototype,"buttonClass",2),v([j({reflect:!0})],T.prototype,"name",2),v([j({reflect:!0})],T.prototype,"value",2);customElements.get("w-button")||customElements.define("w-button",T);var Oi={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"},ze="font-bold focusable justify-center transition-colors ease-in-out",ya={primary:`border-0 rounded-8 ${ze}`,secondary:`border-2 rounded-8 ${ze}`,utility:`border rounded-4 ${ze}`,negative:`border-0 rounded-8 ${ze}`,pill:`p-4 rounded-full border-0 inline-flex items-center justify-center hover:bg-clip-padding ${ze}`,link:`bg-transparent focusable ease-in-out inline active:underline hover:underline focus:underline ${Oi.link}`},Ae={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"},P=class extends Ci{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;it(Tr,Lr,Mr,Ar,Dr),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(me).includes(this.placement))throw new Error(`Invalid "placement" attribute. Set its value to one of the following:
|
|
3905
|
+
${JSON.stringify(Object.keys(me))}`);if(this.fallbackPlacements&&!this.fallbackPlacements.every(r=>ht.includes(r)))throw new Error(`Invalid "fallbackPlacements" attribute. Set its value to an array with one or more of the following:
|
|
3906
|
+
${JSON.stringify(ht)}`);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?bt(this.attentionState).then(r=>{this._actualDirection=r==null?void 0:r.actualDirection}):this._actualDirection=this._initialPlacement})}get _actualDirection(){return this.placement}set _actualDirection(r){this.placement=r}get _arrowEl(){return this.renderRoot.querySelector("#arrow")}get _arrowDirection(){return me[this._actualDirection]}get _arrowClasses(){return Te([Ae.arrowBase,this._activeVariantClasses.arrow,Ae[`arrowDirection${ft(this._arrowDirection)}`]])}get _arrowHtml(){return this.noArrow?"":xe`<div id="arrow" class="${this._arrowClasses}"></div>`}get _activeVariantClasses(){let r={callout:this.callout,popover:this.popover,tooltip:this.tooltip,highlight:this.highlight},o=Object.keys(r).find(i=>!!r[i])||"";return{wrapper:Ae[o],arrow:Ae[`arrow${o.charAt(0).toUpperCase()+o.slice(1)}`]}}get _attentionEl(){return this.renderRoot.querySelector("#attention")}get _targetEl(){var o;let r=(o=this.renderRoot)==null?void 0:o.querySelector("slot[name='target']");return r?r.assignedElements()[0]:null}get _messageEl(){let r=this.renderRoot.querySelector("slot[name='message']");return r?r.assignedElements()[0]:null}get _wrapperClasses(){return Te([Ae.base,this._activeVariantClasses.wrapper])}get _ariaClose(){return z._({id:"attention.aria.close",message:"Close",comment:"Aria label for the close button in attention"})}get _closeBtnHtml(){return xe`
|
|
3634
3907
|
<w-button
|
|
3635
3908
|
aria-label="${this._ariaClose}"
|
|
3636
3909
|
@click=${this.close}
|
|
@@ -3642,29 +3915,29 @@ ${JSON.stringify(kt)}`);setTimeout(()=>{this.requestUpdate(),this.handleDone()},
|
|
|
3642
3915
|
<w-icon
|
|
3643
3916
|
name="Close"
|
|
3644
3917
|
size="small"
|
|
3645
|
-
locale="${
|
|
3918
|
+
locale="${ot()}"
|
|
3646
3919
|
class="flex"></w-icon>
|
|
3647
3920
|
</w-button>
|
|
3648
|
-
`}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},
|
|
3649
|
-
<
|
|
3650
|
-
${this.placement==="right-start"||this.placement==="right"||this.placement==="right-end"||this.placement==="bottom-start"||this.placement==="bottom"||this.placement==="bottom-end"?
|
|
3921
|
+
`}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},bt(this.attentionState))}pointingAtDirection(){switch(me[this._actualDirection]){case"top-start":case"top":case"top-end":return z._({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 z._({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 z._({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 z._({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 z._({id:"attention.aria.tooltip",message:"tooltip",comment:"Default screenreader message for tooltip in the attention component"});case this.callout:return z._({id:"attention.aria.callout",message:"callout speech bubble",comment:"Default screenreader message for callout speech bubble in the attention component"});case this.popover:return z._({id:"attention.aria.popover",message:"popover speech bubble",comment:"Default screenreader message for popover speech bubble in the attention component"});case this.highlight:return z._({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.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?xe``:xe`
|
|
3922
|
+
<section class=${Si(this.className?this.className:void 0)}>
|
|
3923
|
+
${this.placement==="right-start"||this.placement==="right"||this.placement==="right-end"||this.placement==="bottom-start"||this.placement==="bottom"||this.placement==="bottom-end"?xe`
|
|
3651
3924
|
<slot name="target"></slot>
|
|
3652
3925
|
|
|
3653
3926
|
<div id="attention" class="${this._wrapperClasses}">
|
|
3654
3927
|
<div role="${this.tooltip?"tooltip":"img"}" aria-label="${this.defaultAriaLabel()}">${this._arrowHtml}</div>
|
|
3655
3928
|
<slot name="message"></slot>
|
|
3656
|
-
${this.canClose?this._closeBtnHtml:
|
|
3929
|
+
${this.canClose?this._closeBtnHtml:Qr}
|
|
3657
3930
|
</div>
|
|
3658
|
-
`:
|
|
3931
|
+
`:xe`
|
|
3659
3932
|
<div id="attention" class="${this._wrapperClasses}">
|
|
3660
3933
|
<slot name="message"></slot>
|
|
3661
3934
|
<div role="${this.tooltip?"tooltip":"img"}" aria-label="${this.defaultAriaLabel()}">${this._arrowHtml}</div>
|
|
3662
|
-
${this.canClose?this._closeBtnHtml:
|
|
3935
|
+
${this.canClose?this._closeBtnHtml:Qr}
|
|
3663
3936
|
</div>
|
|
3664
3937
|
<slot name="target"></slot>
|
|
3665
3938
|
`}
|
|
3666
|
-
</
|
|
3667
|
-
`}};
|
|
3939
|
+
</section>
|
|
3940
|
+
`}};P.styles=[we,zr,Rr,Ei`
|
|
3668
3941
|
#attention {
|
|
3669
3942
|
position: absolute;
|
|
3670
3943
|
z-index: 50;
|
|
@@ -3674,5 +3947,5 @@ ${JSON.stringify(kt)}`);setTimeout(()=>{this.requestUpdate(),this.handleDone()},
|
|
|
3674
3947
|
:host([popover]:not(:popover-open):not(dialog[open])) {
|
|
3675
3948
|
display: contents;
|
|
3676
3949
|
}
|
|
3677
|
-
`],
|
|
3950
|
+
`],v([q({type:Boolean,reflect:!0})],P.prototype,"show",2),v([q({type:String,reflect:!1})],P.prototype,"placement",2),v([q({type:Boolean,reflect:!0})],P.prototype,"tooltip",2),v([q({type:Boolean,reflect:!0})],P.prototype,"callout",2),v([q({type:Boolean,reflect:!0})],P.prototype,"popover",2),v([q({type:Boolean,reflect:!0})],P.prototype,"highlight",2),v([q({attribute:"can-close",type:Boolean,reflect:!0})],P.prototype,"canClose",2),v([q({attribute:"no-arrow",type:Boolean,reflect:!0})],P.prototype,"noArrow",2),v([q({type:Number})],P.prototype,"distance",2),v([q({type:Number})],P.prototype,"skidding",2),v([q({type:Boolean,reflect:!0})],P.prototype,"flip",2),v([q({attribute:"cross-axis",type:Boolean,reflect:!0})],P.prototype,"crossAxis",2),v([q({attribute:"fallback-placements",type:Array,reflect:!0})],P.prototype,"fallbackPlacements",2);customElements.get("w-attention")||customElements.define("w-attention",P);export{P as WarpAttention};
|
|
3678
3951
|
//# sourceMappingURL=attention.js.map
|