@warp-ds/elements 2.2.0-next.5 → 2.2.0-next.6
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 +729 -247
- package/dist/index.d.ts +1 -0
- package/dist/index.js +139 -101
- package/dist/index.js.map +4 -4
- package/dist/packages/button/index.d.ts +3 -0
- package/dist/packages/button/index.js.map +2 -2
- package/dist/packages/button/react.js.map +2 -2
- package/dist/packages/datepicker/datepicker.d.ts +89 -0
- package/dist/packages/datepicker/datepicker.stories.d.ts +11 -0
- package/dist/packages/datepicker/index.d.ts +1 -0
- package/dist/packages/datepicker/index.js +2782 -0
- package/dist/packages/datepicker/index.js.map +7 -0
- package/dist/packages/datepicker/locales/da/messages.d.mts +1 -0
- package/dist/packages/datepicker/locales/en/messages.d.mts +1 -0
- package/dist/packages/datepicker/locales/fi/messages.d.mts +1 -0
- package/dist/packages/datepicker/locales/nb/messages.d.mts +1 -0
- package/dist/packages/datepicker/locales/sv/messages.d.mts +1 -0
- package/dist/packages/datepicker/styles/w-datepicker-calendar.styles.d.ts +1 -0
- package/dist/packages/datepicker/styles/w-datepicker-day.styles.d.ts +1 -0
- package/dist/packages/datepicker/styles/w-datepicker-month.styles.d.ts +1 -0
- package/dist/packages/datepicker/styles/w-datepicker.styles.d.ts +1 -0
- package/dist/packages/datepicker/utils.d.ts +13 -0
- package/dist/packages/pageindicator/index.d.ts +14 -0
- package/dist/packages/pageindicator/index.js +32 -0
- package/dist/packages/pageindicator/index.js.map +7 -0
- package/dist/packages/pageindicator/pageindicator.stories.d.ts +32 -0
- package/dist/packages/pageindicator/react.d.ts +2 -0
- package/dist/packages/pageindicator/react.js +52 -0
- package/dist/packages/pageindicator/react.js.map +7 -0
- package/dist/packages/pageindicator/style.d.ts +1 -0
- package/dist/packages/pagination/index.d.ts +3 -0
- package/dist/packages/pagination/index.js +21 -13
- package/dist/packages/pagination/index.js.map +3 -3
- package/dist/packages/pagination/react.js +21 -13
- package/dist/packages/pagination/react.js.map +3 -3
- package/dist/vscode.html-custom-data.json +66 -19
- package/dist/web-types.json +162 -38
- package/package.json +2 -1
package/dist/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
var
|
|
2
|
-
`],["r","\r"],["t"," "],["v","\v"],["0","\0"]]);function
|
|
1
|
+
var Cs=Object.create;var Qt=Object.defineProperty;var Oo=Object.getOwnPropertyDescriptor;var Ss=Object.getOwnPropertyNames;var _s=Object.getPrototypeOf,Ls=Object.prototype.hasOwnProperty;var To=t=>{throw TypeError(t)};var Os=(t,e,r)=>e in t?Qt(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r;var No=(t,e)=>()=>(e||t((e={exports:{}}).exports,e),e.exports);var Ts=(t,e,r,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of Ss(e))!Ls.call(t,i)&&i!==r&&Qt(t,i,{get:()=>e[i],enumerable:!(o=Oo(e,i))||o.enumerable});return t};var Ns=(t,e,r)=>(r=t!=null?Cs(_s(t)):{},Ts(e||!t||!t.__esModule?Qt(r,"default",{value:t,enumerable:!0}):r,t));var s=(t,e,r,o)=>{for(var i=o>1?void 0:o?Oo(e,r):e,a=t.length-1,n;a>=0;a--)(n=t[a])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Qt(e,r,i),i};var J=(t,e,r)=>Os(t,typeof e!="symbol"?e+"":e,r),Pr=(t,e,r)=>e.has(t)||To("Cannot "+r);var j=(t,e,r)=>(Pr(t,e,"read from private field"),r?r.call(t):e.get(t)),Oe=(t,e,r)=>e.has(t)?To("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,r),Mo=(t,e,r,o)=>(Pr(t,e,"write to private field"),o?o.call(t,r):e.set(t,r),r),Ao=(t,e,r)=>(Pr(t,e,"access private method"),r);var Bo=No(We=>{"use strict";Object.defineProperty(We,"__esModule",{value:!0});We.errorMessages=We.ErrorType=void 0;var dt;(function(t){t.MalformedUnicode="MALFORMED_UNICODE",t.MalformedHexadecimal="MALFORMED_HEXADECIMAL",t.CodePointLimit="CODE_POINT_LIMIT",t.OctalDeprecation="OCTAL_DEPRECATION",t.EndOfString="END_OF_STRING"})(dt=We.ErrorType||(We.ErrorType={}));We.errorMessages=new Map([[dt.MalformedUnicode,"malformed Unicode character escape sequence"],[dt.MalformedHexadecimal,"malformed hexadecimal character escape sequence"],[dt.CodePointLimit,"Unicode codepoint must not be greater than 0x10FFFF in escape sequence"],[dt.OctalDeprecation,'"0"-prefixed octal literals and octal escape sequences are deprecated; for octal literals use the "0o" prefix instead'],[dt.EndOfString,"malformed escape sequence at end of string"]])});var Vo=No(Pe=>{"use strict";Object.defineProperty(Pe,"__esModule",{value:!0});Pe.unraw=Pe.errorMessages=Pe.ErrorType=void 0;var ae=Bo();Object.defineProperty(Pe,"ErrorType",{enumerable:!0,get:function(){return ae.ErrorType}});Object.defineProperty(Pe,"errorMessages",{enumerable:!0,get:function(){return ae.errorMessages}});function As(t){return!t.match(/[^a-f0-9]/i)?parseInt(t,16):NaN}function Yt(t,e,r){let o=As(t);if(Number.isNaN(o)||r!==void 0&&r!==t.length)throw new SyntaxError(ae.errorMessages.get(e));return o}function Ds(t){let e=Yt(t,ae.ErrorType.MalformedHexadecimal,2);return String.fromCharCode(e)}function Po(t,e){let r=Yt(t,ae.ErrorType.MalformedUnicode,4);if(e!==void 0){let o=Yt(e,ae.ErrorType.MalformedUnicode,4);return String.fromCharCode(r,o)}return String.fromCharCode(r)}function zs(t){return t.charAt(0)==="{"&&t.charAt(t.length-1)==="}"}function Bs(t){if(!zs(t))throw new SyntaxError(ae.errorMessages.get(ae.ErrorType.MalformedUnicode));let e=t.slice(1,-1),r=Yt(e,ae.ErrorType.MalformedUnicode);try{return String.fromCodePoint(r)}catch(o){throw o instanceof RangeError?new SyntaxError(ae.errorMessages.get(ae.ErrorType.CodePointLimit)):o}}function Ps(t,e=!1){if(e)throw new SyntaxError(ae.errorMessages.get(ae.ErrorType.OctalDeprecation));let r=parseInt(t,8);return String.fromCharCode(r)}var Rs=new Map([["b","\b"],["f","\f"],["n",`
|
|
2
|
+
`],["r","\r"],["t"," "],["v","\v"],["0","\0"]]);function Vs(t){return Rs.get(t)||t}var Is=/\\(?:(\\)|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 Ro(t,e=!1){return t.replace(Is,function(r,o,i,a,n,l,d,u,p){if(o!==void 0)return"\\";if(i!==void 0)return Ds(i);if(a!==void 0)return Bs(a);if(n!==void 0)return Po(n,l);if(d!==void 0)return Po(d);if(u==="0")return"\0";if(u!==void 0)return Ps(u,!e);if(p!==void 0)return Vs(p);throw new SyntaxError(ae.errorMessages.get(ae.ErrorType.EndOfString))})}Pe.unraw=Ro;Pe.default=Ro});import{html as Zt,LitElement as El}from"lit";var L=function(){for(var t=[],e=arguments.length;e--;)t[e]=arguments[e];return t.reduce(function(r,o){return r.concat(typeof o=="string"?o:Array.isArray(o)?L.apply(void 0,o):typeof o=="object"&&o?Object.keys(o).map(function(i){return o[i]?i:""}):"")},[]).join(" ")};import{property as Gt}from"lit/decorators.js";import{ifDefined as Go}from"lit/directives/if-defined.js";import{css as Do}from"lit";var A=Do`
|
|
3
3
|
*,
|
|
4
4
|
:before,
|
|
5
5
|
:after {
|
|
@@ -272,7 +272,7 @@ var vs=Object.create;var Jt=Object.defineProperty;var So=Object.getOwnPropertyDe
|
|
|
272
272
|
svg {
|
|
273
273
|
pointer-events: none;
|
|
274
274
|
}
|
|
275
|
-
`,
|
|
275
|
+
`,Dm=Do`*, :before, :after {
|
|
276
276
|
--w-rotate: 0;
|
|
277
277
|
--w-rotate-x: 0;
|
|
278
278
|
--w-rotate-y: 0;
|
|
@@ -2438,7 +2438,7 @@ var vs=Object.create;var Jt=Object.defineProperty;var So=Object.getOwnPropertyDe
|
|
|
2438
2438
|
display: none
|
|
2439
2439
|
}
|
|
2440
2440
|
}
|
|
2441
|
-
`;import{css as
|
|
2441
|
+
`;import{css as Ms}from"lit";var zo=Ms`*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.focus\\:\\[--w-outline-offset\\:-2px\\]:focus{--w-outline-offset:-2px}.bg-transparent{background-color:#0000}.rounded-4{border-radius:4px}.block{display:block}.flex{display:flex}.focusable:focus{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:focus-visible{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:not(:focus-visible){outline:none}.items-center{align-items:center}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.top-0{top:0}.justify-center{justify-content:center}.absolute{position:absolute}.relative{position:relative}.static{position:static}.s-text{color:var(--w-s-color-text)}.w-40{width:4rem}.w-max{width:max-content}.pb-0{padding-bottom:0}.pl-12{padding-left:1.2rem}.pr-12{padding-right:1.2rem}.cursor-default{cursor:default}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:grayscale}.font-bold{font-weight:700}.text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs)}`;import{LitElement as Gs}from"lit";import{unsafeStatic as Ws,html as el}from"lit/static-html.js";var jo=Ns(Vo(),1);var He=t=>typeof t=="string",Fs=t=>typeof t=="function",Io=new Map,Ho="en";function Fr(t){return[...Array.isArray(t)?t:[t],Ho]}function jr(t,e,r){let o=Fr(t);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 Xt(()=>Kt("date",o,r),()=>new Intl.DateTimeFormat(o,i)).format(He(e)?new Date(e):e)}function js(t,e,r){let o;if(r||(r="default"),typeof r=="string")switch(o={second:"numeric",minute:"numeric",hour:"numeric"},r){case"full":case"long":o.timeZoneName="short";break;case"short":delete o.second}else o=r;return jr(t,e,o)}function Rr(t,e,r){let o=Fr(t);return Xt(()=>Kt("number",o,r),()=>new Intl.NumberFormat(o,r)).format(e)}function Fo(t,e,r,{offset:o=0,...i}){var l,d;let a=Fr(t),n=e?Xt(()=>Kt("plural-ordinal",a),()=>new Intl.PluralRules(a,{type:"ordinal"})):Xt(()=>Kt("plural-cardinal",a),()=>new Intl.PluralRules(a,{type:"cardinal"}));return(d=(l=i[r])!=null?l:i[n.select(r-o)])!=null?d:i.other}function Xt(t,e){let r=t(),o=Io.get(r);return o||(o=e(),Io.set(r,o)),o}function Kt(t,e,r){let o=e.join("-");return`${t}-${o}-${JSON.stringify(r)}`}var qo=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,Uo="%__lingui_octothorpe__%",Hs=(t,e,r={})=>{let o=e||t,i=n=>typeof n=="object"?n:r[n],a=(n,l)=>{let d=Object.keys(r).length?i("number"):void 0,u=Rr(o,n,d);return l.replace(new RegExp(Uo,"g"),u)};return{plural:(n,l)=>{let{offset:d=0}=l,u=Fo(o,!1,n,l);return a(n-d,u)},selectordinal:(n,l)=>{let{offset:d=0}=l,u=Fo(o,!0,n,l);return a(n-d,u)},select:qs,number:(n,l)=>Rr(o,n,i(l)||{style:l}),date:(n,l)=>jr(o,n,i(l)||l),time:(n,l)=>js(o,n,i(l)||l)}},qs=(t,e)=>{var r;return(r=e[t])!=null?r:e.other};function Us(t,e,r){return(o={},i)=>{let a=Hs(e,r,i),n=(d,u=!1)=>Array.isArray(d)?d.reduce((p,m)=>{if(m==="#"&&u)return p+Uo;if(He(m))return p+m;let[k,h,y]=m,C={};h==="plural"||h==="selectordinal"||h==="select"?Object.entries(y).forEach(([T,N])=>{C[T]=n(N,h==="plural"||h==="selectordinal")}):C=y;let $;if(h){let T=a[h];$=T(o[k],C)}else $=o[k];return $==null?p:p+$},""):d,l=n(t);return He(l)&&qo.test(l)?(0,jo.unraw)(l):He(l)?l:l?String(l):""}}var Js=Object.defineProperty,Qs=(t,e,r)=>e in t?Js(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Ys=(t,e,r)=>(Qs(t,typeof e!="symbol"?e+"":e,r),r),Vr=class{constructor(){Ys(this,"_events",{})}on(e,r){var i;var o;return(i=(o=this._events)[e])!=null||(o[e]=[]),this._events[e].push(r),()=>this.removeListener(e,r)}removeListener(e,r){let o=this._getListeners(e);if(!o)return;let i=o.indexOf(r);~i&&o.splice(i,1)}emit(e,...r){let o=this._getListeners(e);o&&o.map(i=>i.apply(this,r))}_getListeners(e){let r=this._events[e];return Array.isArray(r)?r:!1}},Xs=Object.defineProperty,Ks=(t,e,r)=>e in t?Xs(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,et=(t,e,r)=>(Ks(t,typeof e!="symbol"?e+"":e,r),r),Ir=class extends Vr{constructor(e){var r;super(),et(this,"_locale",""),et(this,"_locales"),et(this,"_localeData",{}),et(this,"_messages",{}),et(this,"_missing"),et(this,"_messageCompiler"),et(this,"t",this._.bind(this)),e.missing!=null&&(this._missing=e.missing),e.messages!=null&&this.load(e.messages),e.localeData!=null&&this.loadLocaleData(e.localeData),(typeof e.locale=="string"||e.locales)&&this.activate((r=e.locale)!=null?r:Ho,e.locales)}get locale(){return this._locale}get locales(){return this._locales}get messages(){var e;return(e=this._messages[this._locale])!=null?e:{}}get localeData(){var e;return(e=this._localeData[this._locale])!=null?e:{}}_loadLocaleData(e,r){let o=this._localeData[e];o?Object.assign(o,r):this._localeData[e]=r}setMessagesCompiler(e){return this._messageCompiler=e,this}loadLocaleData(e,r){typeof e=="string"?this._loadLocaleData(e,r):Object.keys(e).forEach(o=>this._loadLocaleData(o,e[o])),this.emit("change")}_load(e,r){let o=this._messages[e];o?Object.assign(o,r):this._messages[e]=r}load(e,r){typeof e=="string"&&typeof r=="object"?this._load(e,r):Object.entries(e).forEach(([o,i])=>this._load(o,i)),this.emit("change")}loadAndActivate({locale:e,locales:r,messages:o}){this._locale=e,this._locales=r||void 0,this._messages[this._locale]=o,this.emit("change")}activate(e,r){this._locale=e,this._locales=r,this.emit("change")}_(e,r,o){if(!this.locale)throw new Error("Lingui: Attempted to call a translation function without setting a locale.\nMake sure to call `i18n.activate(locale)` before using Lingui functions.\nThis issue may also occur due to a race condition in your initialization logic.");let i=o==null?void 0:o.message;e||(e=""),He(e)||(r=e.values||r,i=e.message,e=e.id);let a=this.messages[e],n=a===void 0,l=this._missing;if(l&&n)return Fs(l)?l(this._locale,e):l;n&&this.emit("missing",{id:e,locale:this._locale});let d=a||i||e;return He(d)&&(this._messageCompiler?d=this._messageCompiler(d):console.warn(`Uncompiled message detected! Message:
|
|
2442
2442
|
|
|
2443
2443
|
> ${d}
|
|
2444
2444
|
|
|
@@ -2446,29 +2446,29 @@ That means you use raw catalog or your catalog doesn't have a translation for th
|
|
|
2446
2446
|
ICU features such as interpolation and plurals will not work properly for that message.
|
|
2447
2447
|
|
|
2448
2448
|
Please compile your catalog first.
|
|
2449
|
-
`)),He(d)&&
|
|
2450
|
-
<button aria-label="${
|
|
2449
|
+
`)),He(d)&&qo.test(d)?JSON.parse(`"${d}"`):He(d)?d:Us(d,this._locale,this._locales)(r,o==null?void 0:o.formats)}date(e,r){return jr(this._locales||this._locale,e,r)}number(e,r){return Rr(this._locales||this._locale,e,r)}};function Zs(t={}){return new Ir(t)}var c=Zs();var tl=JSON.parse('{"icon.title.search":["Forst\xF8rrelsesglass"]}'),rl=JSON.parse('{"icon.title.search":["Magnifying glass"]}'),ol=JSON.parse('{"icon.title.search":["Suurennuslasi"]}'),il=JSON.parse('{"icon.title.search":["Forst\xF8rrelsesglas"]}'),al=JSON.parse('{"icon.title.search":["F\xF6rstoringsglas"]}'),Jo=["en","nb","fi","da","sv"],Qo="en",nl=()=>{var t;let e;switch((t=process==null?void 0:process.env)==null?void 0:t.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},Yo=()=>{var t;let e=(t=document==null?void 0:document.location)==null?void 0:t.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":Qo},Hr=t=>Jo.find(e=>t===e||t.toLowerCase().includes(e))||Yo();function sl(){var t;if(typeof window=="undefined"){let e=nl();return Hr(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=Yo();return Jo.includes(e)?Hr(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),Hr(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),Qo}}var ll=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,cl=(t,e,r,o,i)=>{let a=sl(),n=ll(a,t,e,r,o,i);c.load(a,n),c.activate(a)};cl(rl,tl,ol,il,al);var dl=class extends Gs{render(){let t=c.t({message:"Magnifying glass",id:"icon.title.search",comment:"Title for search icon"});return el`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-search-16-part">${Ws(`<title>${t}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M8.905 12.102A6.042 6.042 0 1 0 4.18.981a6.042 6.042 0 0 0 4.726 11.121Zm1.909-1.289L15.5 15.5"></path></svg>`}};customElements.get("w-icon-search-16")||customElements.define("w-icon-search-16",dl);import{LitElement as ul}from"lit";import{unsafeStatic as pl,html as ml}from"lit/static-html.js";var hl=JSON.parse('{"icon.title.close":["Kryss"]}'),bl=JSON.parse('{"icon.title.close":["Cross"]}'),gl=JSON.parse('{"icon.title.close":["Rasti"]}'),fl=JSON.parse('{"icon.title.close":["Kryds"]}'),vl=JSON.parse('{"icon.title.close":["Kryss"]}'),Xo=["en","nb","fi","da","sv"],Ko="en",wl=()=>{var t;let e;switch((t=process==null?void 0:process.env)==null?void 0:t.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},Zo=()=>{var t;let e=(t=document==null?void 0:document.location)==null?void 0:t.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":Ko},qr=t=>Xo.find(e=>t===e||t.toLowerCase().includes(e))||Zo();function xl(){var t;if(typeof window=="undefined"){let e=wl();return qr(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=Zo();return Xo.includes(e)?qr(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),qr(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),Ko}}var yl=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,kl=(t,e,r,o,i)=>{let a=xl(),n=yl(a,t,e,r,o,i);c.load(a,n),c.activate(a)};kl(bl,hl,gl,fl,vl);var $l=class extends ul{render(){let t=c.t({message:"Cross",id:"icon.title.close",comment:"Title for close icon"});return ml`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-close-16-part">${pl(`<title>${t}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m12.5 3.5-9 9m0-9 9 9"></path></svg>`}};customElements.get("w-icon-close-16")||customElements.define("w-icon-close-16",$l);var Wo="absolute top-0 bottom-0 flex justify-center items-center focusable rounded-4 focus:[--w-outline-offset:-2px] bg-transparent ",Cl={wrapper:Wo+"right-0",wrapperWithLabel:"w-max pr-12",wrapperWithIcon:"w-40",label:"antialiased block relative cursor-default pb-0 font-bold text-xs s-text"},Sl={wrapper:Wo+"left-0",wrapperWithLabel:"w-max pl-12",wrapperWithIcon:"w-40",label:"antialiased block relative cursor-default pb-0 font-bold text-xs s-text"},qe=class extends El{constructor(){super(...arguments);this.clear=!1;this.search=!1}get _classBase(){return this.slot==="suffix"?Cl:Sl}get _classes(){return L([this._classBase.wrapper,this.label?this._classBase.wrapperWithLabel:this._classBase.wrapperWithIcon])}get _searchButton(){return Zt`
|
|
2450
|
+
<button aria-label="${Go(this.ariaLabel)}" class="${this._classes}" type="submit">
|
|
2451
2451
|
<w-icon-search-16></w-icon-search-16>
|
|
2452
2452
|
</button>
|
|
2453
|
-
`}get _clearButton(){return
|
|
2454
|
-
<button aria-label="${
|
|
2453
|
+
`}get _clearButton(){return Zt`
|
|
2454
|
+
<button aria-label="${Go(this.ariaLabel)}" class="${this._classes}" type="reset">
|
|
2455
2455
|
<w-icon-close-16></w-icon-close-16>
|
|
2456
2456
|
</button>
|
|
2457
|
-
`}get _text(){return
|
|
2457
|
+
`}get _text(){return Zt`
|
|
2458
2458
|
<div class="${this._classes}">
|
|
2459
2459
|
<span class="${this._classBase.label}">${this.label}</span>
|
|
2460
2460
|
</div>
|
|
2461
|
-
`}get _markup(){if(this.label)return this._text;if(this.search)return this._searchButton;if(this.clear)return this._clearButton}render(){return Kt`${this._markup}`}};qe.styles=[A,Mo],s([Zt({attribute:"aria-label"})],qe.prototype,"ariaLabel",2),s([Zt({type:Boolean})],qe.prototype,"clear",2),s([Zt({type:Boolean})],qe.prototype,"search",2),s([Zt()],qe.prototype,"label",2);customElements.get("w-affix")||customElements.define("w-affix",qe);import{css as wc,html as $t,LitElement as xc}from"lit";import{property as Jr}from"lit/decorators.js";import{LitElement as xl}from"lit";import{unsafeStatic as yl,html as kl}from"lit/static-html.js";var $l=JSON.parse('{"icon.title.info":["Informasjonssirkel"]}'),El=JSON.parse('{"icon.title.info":["Information circle"]}'),Cl=JSON.parse('{"icon.title.info":["Ympyr\xE4, jonka sis\xE4ll\xE4 on i-kirjain"]}'),Sl=JSON.parse('{"icon.title.info":["Informationscirkel"]}'),_l=JSON.parse('{"icon.title.info":["Informationscirkel"]}'),Zo=["en","nb","fi","da","sv"],Go="en",Ll=()=>{var t;let e;switch((t=process==null?void 0:process.env)==null?void 0:t.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},Wo=()=>{var t;let e=(t=document==null?void 0:document.location)==null?void 0:t.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":Go},jr=t=>Zo.find(e=>t===e||t.toLowerCase().includes(e))||Wo();function Ol(){var t;if(typeof window=="undefined"){let e=Ll();return jr(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=Wo();return Zo.includes(e)?jr(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),jr(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),Go}}var Tl=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,Nl=(t,e,r,o,i)=>{let a=Ol(),n=Tl(a,t,e,r,o,i);c.load(a,n),c.activate(a)};Nl(El,$l,Cl,Sl,_l);var Ml=class extends xl{render(){let t=c.t({message:"Information circle",id:"icon.title.info",comment:"Title for info icon"});return kl`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-info-16-part">${yl(`<title>${t}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" d="M8 6.5v5"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M8 4v.5"></path><path stroke="currentColor" stroke-miterlimit="10" d="M8 .5a7.5 7.5 0 1 1 0 15 7.5 7.5 0 0 1 0-15Z"></path></svg>`}};customElements.get("w-icon-info-16")||customElements.define("w-icon-info-16",Ml);import{LitElement as Al}from"lit";import{unsafeStatic as Dl,html as zl}from"lit/static-html.js";var Bl=JSON.parse('{"icon.title.warning":["Varseltrekant med utropstegn"]}'),Pl=JSON.parse('{"icon.title.warning":["Warning triangle with exclamation point"]}'),Rl=JSON.parse('{"icon.title.warning":["Varoituskolmio, jonka sis\xE4ll\xE4 on huutomerkki"]}'),Vl=JSON.parse('{"icon.title.warning":["Advarselstrekant med et udr\xE5bstegn"]}'),Il=JSON.parse('{"icon.title.warning":["Varningstriangel med utropstecken"]}'),ei=["en","nb","fi","da","sv"],ti="en",Fl=()=>{var t;let e;switch((t=process==null?void 0:process.env)==null?void 0:t.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},ri=()=>{var t;let e=(t=document==null?void 0:document.location)==null?void 0:t.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":ti},Hr=t=>ei.find(e=>t===e||t.toLowerCase().includes(e))||ri();function jl(){var t;if(typeof window=="undefined"){let e=Fl();return Hr(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=ri();return ei.includes(e)?Hr(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),Hr(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),ti}}var Hl=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,ql=(t,e,r,o,i)=>{let a=jl(),n=Hl(a,t,e,r,o,i);c.load(a,n),c.activate(a)};ql(Pl,Bl,Rl,Vl,Il);var Ul=class extends Al{render(){let t=c.t({message:"Warning triangle with exclamation point",id:"icon.title.warning",comment:"Title for warning icon"});return zl`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-warning-16-part">${Dl(`<title>${t}</title>`)}<path stroke="currentColor" d="m.712 14.07 6.25-12.994a1 1 0 0 1 1.792-.022l6.635 12.995a1 1 0 0 1-.89 1.455H1.613a1 1 0 0 1-.902-1.434Z"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M8 6v4.992M8 13v.333"></path></svg>`}};customElements.get("w-icon-warning-16")||customElements.define("w-icon-warning-16",Ul);import{LitElement as Jl}from"lit";import{unsafeStatic as Ql,html as Yl}from"lit/static-html.js";var Xl=JSON.parse('{"icon.title.error":["\xC5ttekant med utropstegn"]}'),Kl=JSON.parse('{"icon.title.error":["Octagon with exclamation point"]}'),Zl=JSON.parse('{"icon.title.error":["Kahdeksankulmio, jonka sis\xE4ll\xE4 on huutomerkki"]}'),Gl=JSON.parse('{"icon.title.error":["Ottekant med et udr\xE5bstegn"]}'),Wl=JSON.parse('{"icon.title.error":["Oktagon med utropstecken"]}'),oi=["en","nb","fi","da","sv"],ii="en",ec=()=>{var t;let e;switch((t=process==null?void 0:process.env)==null?void 0:t.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},ai=()=>{var t;let e=(t=document==null?void 0:document.location)==null?void 0:t.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":ii},qr=t=>oi.find(e=>t===e||t.toLowerCase().includes(e))||ai();function tc(){var t;if(typeof window=="undefined"){let e=ec();return qr(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=ai();return oi.includes(e)?qr(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),qr(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),ii}}var rc=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,oc=(t,e,r,o,i)=>{let a=tc(),n=rc(a,t,e,r,o,i);c.load(a,n),c.activate(a)};oc(Kl,Xl,Zl,Gl,Wl);var ic=class extends Jl{render(){let t=c.t({message:"Octagon with exclamation point",id:"icon.title.error",comment:"Title for error icon"});return Yl`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-error-16-part">${Ql(`<title>${t}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M.5 11.107 4.748 15.5h6.503l4.248-4.393V4.893L11.252.5H4.748L.5 4.893z"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M8 11.398a.25.25 0 1 1 0-.5m0 .5a.25.25 0 1 0 0-.5"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M8 8.5V3"></path></svg>`}};customElements.get("w-icon-error-16")||customElements.define("w-icon-error-16",ic);import{LitElement as ac}from"lit";import{unsafeStatic as nc,html as sc}from"lit/static-html.js";var lc=JSON.parse('{"icon.title.success":["Sirkel med sjekkmerke"]}'),cc=JSON.parse('{"icon.title.success":["Circle with checkmark"]}'),dc=JSON.parse('{"icon.title.success":["Ympyr\xE4, jonka sis\xE4ll\xE4 on valintamerkki"]}'),uc=JSON.parse('{"icon.title.success":["Cirkel med et flueben"]}'),pc=JSON.parse('{"icon.title.success":["Cirkel med bock"]}'),ni=["en","nb","fi","da","sv"],si="en",mc=()=>{var t;let e;switch((t=process==null?void 0:process.env)==null?void 0:t.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},li=()=>{var t;let e=(t=document==null?void 0:document.location)==null?void 0:t.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":si},Ur=t=>ni.find(e=>t===e||t.toLowerCase().includes(e))||li();function hc(){var t;if(typeof window=="undefined"){let e=mc();return Ur(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=li();return ni.includes(e)?Ur(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),Ur(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),si}}var bc=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,gc=(t,e,r,o,i)=>{let a=hc(),n=bc(a,t,e,r,o,i);c.load(a,n),c.activate(a)};gc(cc,lc,dc,uc,pc);var fc=class extends ac{render(){let t=c.t({message:"Circle with checkmark",id:"icon.title.success",comment:"Title for success icon"});return sc`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-success-16-part">${nc(`<title>${t}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m4 8.815 1.633 2.318a.7.7 0 0 0 1.138.034l5.228-6.615"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M.5 7.999a7.5 7.5 0 1 0 15 0 7.5 7.5 0 0 0-15 0"></path></svg>`}};customElements.get("w-icon-success-16")||customElements.define("w-icon-success-16",fc);import{css as vc}from"lit";var ci=vc`*,: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}.will-change-height{will-change:height}.border{border-width:1px}.border-l-4{border-left-width:4px}.rounded-4{border-radius:4px}.block{display:block}.flex{display:flex}.static{position:static}.s-bg-info-subtle{background-color:var(--w-s-color-background-info-subtle)}.s-bg-negative-subtle{background-color:var(--w-s-color-background-negative-subtle)}.s-bg-positive-subtle{background-color:var(--w-s-color-background-positive-subtle)}.s-bg-warning-subtle{background-color:var(--w-s-color-background-warning-subtle)}.s-text{color:var(--w-s-color-text)}.s-icon-info{color:var(--w-s-color-icon-info)}.s-icon-negative{color:var(--w-s-color-icon-negative)}.s-icon-positive{color:var(--w-s-color-icon-positive)}.s-icon-warning{color:var(--w-s-color-icon-warning)}.s-border-info-subtle{border-color:var(--w-s-color-border-info-subtle)}.s-border-l-info{border-left-color:var(--w-s-color-border-info)}.s-border-l-negative{border-left-color:var(--w-s-color-border-negative)}.s-border-l-positive{border-left-color:var(--w-s-color-border-positive)}.s-border-l-warning{border-left-color:var(--w-s-color-border-warning)}.s-border-negative-subtle{border-color:var(--w-s-color-border-negative-subtle)}.s-border-positive-subtle{border-color:var(--w-s-color-border-positive-subtle)}.s-border-warning-subtle{border-color:var(--w-s-color-border-warning-subtle)}.min-w-16{min-width:1.6rem}.w-16{width:1.6rem}.last-child\\:mb-0>:last-child{margin-bottom:0}.mr-8{margin-right:.8rem}.p-16{padding:1.6rem}.text-s{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s)}`;var Et={wrapper:"flex p-16 border border-l-4 rounded-4 s-text",willChangeHeight:"will-change-height",textWrapper:"last-child:mb-0 text-s",title:"text-s",icon:"w-16 mr-8 min-w-16",negative:"s-border-negative-subtle s-border-l-negative s-bg-negative-subtle",negativeIcon:"s-icon-negative",positive:"s-border-positive-subtle s-border-l-positive s-bg-positive-subtle",positiveIcon:"s-icon-positive",warning:"s-border-warning-subtle s-border-l-warning s-bg-warning-subtle",warningIcon:"s-icon-warning",info:"s-border-info-subtle s-border-l-info s-bg-info-subtle",infoIcon:"s-icon-info"},Ct={negative:"negative",positive:"positive",warning:"warning",info:"info"},tt=class extends xc{constructor(){super();this.variant="info";this.show=!0;this.role="alert";this.show=!1,this.role="alert"}connectedCallback(){if(super.connectedCallback(),!this.variant||!Ct[this.variant])throw new Error(`Invalid 'variant' attribute. Set its value to one of the following:
|
|
2462
|
-
negative, positive, warning, info.`)}get _wrapperClasses(){return L([
|
|
2461
|
+
`}get _markup(){if(this.label)return this._text;if(this.search)return this._searchButton;if(this.clear)return this._clearButton}render(){return Zt`${this._markup}`}};qe.styles=[A,zo],s([Gt({attribute:"aria-label"})],qe.prototype,"ariaLabel",2),s([Gt({type:Boolean})],qe.prototype,"clear",2),s([Gt({type:Boolean})],qe.prototype,"search",2),s([Gt()],qe.prototype,"label",2);customElements.get("w-affix")||customElements.define("w-affix",qe);import{css as Sc,html as Et,LitElement as _c}from"lit";import{property as Xr}from"lit/decorators.js";import{LitElement as _l}from"lit";import{unsafeStatic as Ll,html as Ol}from"lit/static-html.js";var Tl=JSON.parse('{"icon.title.info":["Informasjonssirkel"]}'),Nl=JSON.parse('{"icon.title.info":["Information circle"]}'),Ml=JSON.parse('{"icon.title.info":["Ympyr\xE4, jonka sis\xE4ll\xE4 on i-kirjain"]}'),Al=JSON.parse('{"icon.title.info":["Informationscirkel"]}'),Dl=JSON.parse('{"icon.title.info":["Informationscirkel"]}'),ei=["en","nb","fi","da","sv"],ti="en",zl=()=>{var t;let e;switch((t=process==null?void 0:process.env)==null?void 0:t.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},ri=()=>{var t;let e=(t=document==null?void 0:document.location)==null?void 0:t.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":ti},Ur=t=>ei.find(e=>t===e||t.toLowerCase().includes(e))||ri();function Bl(){var t;if(typeof window=="undefined"){let e=zl();return Ur(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=ri();return ei.includes(e)?Ur(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),Ur(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),ti}}var Pl=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,Rl=(t,e,r,o,i)=>{let a=Bl(),n=Pl(a,t,e,r,o,i);c.load(a,n),c.activate(a)};Rl(Nl,Tl,Ml,Al,Dl);var Vl=class extends _l{render(){let t=c.t({message:"Information circle",id:"icon.title.info",comment:"Title for info icon"});return Ol`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-info-16-part">${Ll(`<title>${t}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" d="M8 6.5v5"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M8 4v.5"></path><path stroke="currentColor" stroke-miterlimit="10" d="M8 .5a7.5 7.5 0 1 1 0 15 7.5 7.5 0 0 1 0-15Z"></path></svg>`}};customElements.get("w-icon-info-16")||customElements.define("w-icon-info-16",Vl);import{LitElement as Il}from"lit";import{unsafeStatic as Fl,html as jl}from"lit/static-html.js";var Hl=JSON.parse('{"icon.title.warning":["Varseltrekant med utropstegn"]}'),ql=JSON.parse('{"icon.title.warning":["Warning triangle with exclamation point"]}'),Ul=JSON.parse('{"icon.title.warning":["Varoituskolmio, jonka sis\xE4ll\xE4 on huutomerkki"]}'),Jl=JSON.parse('{"icon.title.warning":["Advarselstrekant med et udr\xE5bstegn"]}'),Ql=JSON.parse('{"icon.title.warning":["Varningstriangel med utropstecken"]}'),oi=["en","nb","fi","da","sv"],ii="en",Yl=()=>{var t;let e;switch((t=process==null?void 0:process.env)==null?void 0:t.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},ai=()=>{var t;let e=(t=document==null?void 0:document.location)==null?void 0:t.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":ii},Jr=t=>oi.find(e=>t===e||t.toLowerCase().includes(e))||ai();function Xl(){var t;if(typeof window=="undefined"){let e=Yl();return Jr(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=ai();return oi.includes(e)?Jr(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),Jr(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),ii}}var Kl=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,Zl=(t,e,r,o,i)=>{let a=Xl(),n=Kl(a,t,e,r,o,i);c.load(a,n),c.activate(a)};Zl(ql,Hl,Ul,Jl,Ql);var Gl=class extends Il{render(){let t=c.t({message:"Warning triangle with exclamation point",id:"icon.title.warning",comment:"Title for warning icon"});return jl`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-warning-16-part">${Fl(`<title>${t}</title>`)}<path stroke="currentColor" d="m.712 14.07 6.25-12.994a1 1 0 0 1 1.792-.022l6.635 12.995a1 1 0 0 1-.89 1.455H1.613a1 1 0 0 1-.902-1.434Z"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M8 6v4.992M8 13v.333"></path></svg>`}};customElements.get("w-icon-warning-16")||customElements.define("w-icon-warning-16",Gl);import{LitElement as Wl}from"lit";import{unsafeStatic as ec,html as tc}from"lit/static-html.js";var rc=JSON.parse('{"icon.title.error":["\xC5ttekant med utropstegn"]}'),oc=JSON.parse('{"icon.title.error":["Octagon with exclamation point"]}'),ic=JSON.parse('{"icon.title.error":["Kahdeksankulmio, jonka sis\xE4ll\xE4 on huutomerkki"]}'),ac=JSON.parse('{"icon.title.error":["Ottekant med et udr\xE5bstegn"]}'),nc=JSON.parse('{"icon.title.error":["Oktagon med utropstecken"]}'),ni=["en","nb","fi","da","sv"],si="en",sc=()=>{var t;let e;switch((t=process==null?void 0:process.env)==null?void 0:t.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},li=()=>{var t;let e=(t=document==null?void 0:document.location)==null?void 0:t.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":si},Qr=t=>ni.find(e=>t===e||t.toLowerCase().includes(e))||li();function lc(){var t;if(typeof window=="undefined"){let e=sc();return Qr(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=li();return ni.includes(e)?Qr(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),Qr(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),si}}var cc=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,dc=(t,e,r,o,i)=>{let a=lc(),n=cc(a,t,e,r,o,i);c.load(a,n),c.activate(a)};dc(oc,rc,ic,ac,nc);var uc=class extends Wl{render(){let t=c.t({message:"Octagon with exclamation point",id:"icon.title.error",comment:"Title for error icon"});return tc`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-error-16-part">${ec(`<title>${t}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M.5 11.107 4.748 15.5h6.503l4.248-4.393V4.893L11.252.5H4.748L.5 4.893z"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M8 11.398a.25.25 0 1 1 0-.5m0 .5a.25.25 0 1 0 0-.5"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M8 8.5V3"></path></svg>`}};customElements.get("w-icon-error-16")||customElements.define("w-icon-error-16",uc);import{LitElement as pc}from"lit";import{unsafeStatic as mc,html as hc}from"lit/static-html.js";var bc=JSON.parse('{"icon.title.success":["Sirkel med sjekkmerke"]}'),gc=JSON.parse('{"icon.title.success":["Circle with checkmark"]}'),fc=JSON.parse('{"icon.title.success":["Ympyr\xE4, jonka sis\xE4ll\xE4 on valintamerkki"]}'),vc=JSON.parse('{"icon.title.success":["Cirkel med et flueben"]}'),wc=JSON.parse('{"icon.title.success":["Cirkel med bock"]}'),ci=["en","nb","fi","da","sv"],di="en",xc=()=>{var t;let e;switch((t=process==null?void 0:process.env)==null?void 0:t.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},ui=()=>{var t;let e=(t=document==null?void 0:document.location)==null?void 0:t.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":di},Yr=t=>ci.find(e=>t===e||t.toLowerCase().includes(e))||ui();function yc(){var t;if(typeof window=="undefined"){let e=xc();return Yr(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=ui();return ci.includes(e)?Yr(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),Yr(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),di}}var kc=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,$c=(t,e,r,o,i)=>{let a=yc(),n=kc(a,t,e,r,o,i);c.load(a,n),c.activate(a)};$c(gc,bc,fc,vc,wc);var Ec=class extends pc{render(){let t=c.t({message:"Circle with checkmark",id:"icon.title.success",comment:"Title for success icon"});return hc`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-success-16-part">${mc(`<title>${t}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m4 8.815 1.633 2.318a.7.7 0 0 0 1.138.034l5.228-6.615"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M.5 7.999a7.5 7.5 0 1 0 15 0 7.5 7.5 0 0 0-15 0"></path></svg>`}};customElements.get("w-icon-success-16")||customElements.define("w-icon-success-16",Ec);import{css as Cc}from"lit";var pi=Cc`*,: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}.will-change-height{will-change:height}.border{border-width:1px}.border-l-4{border-left-width:4px}.rounded-4{border-radius:4px}.block{display:block}.flex{display:flex}.static{position:static}.s-bg-info-subtle{background-color:var(--w-s-color-background-info-subtle)}.s-bg-negative-subtle{background-color:var(--w-s-color-background-negative-subtle)}.s-bg-positive-subtle{background-color:var(--w-s-color-background-positive-subtle)}.s-bg-warning-subtle{background-color:var(--w-s-color-background-warning-subtle)}.s-text{color:var(--w-s-color-text)}.s-icon-info{color:var(--w-s-color-icon-info)}.s-icon-negative{color:var(--w-s-color-icon-negative)}.s-icon-positive{color:var(--w-s-color-icon-positive)}.s-icon-warning{color:var(--w-s-color-icon-warning)}.s-border-info-subtle{border-color:var(--w-s-color-border-info-subtle)}.s-border-l-info{border-left-color:var(--w-s-color-border-info)}.s-border-l-negative{border-left-color:var(--w-s-color-border-negative)}.s-border-l-positive{border-left-color:var(--w-s-color-border-positive)}.s-border-l-warning{border-left-color:var(--w-s-color-border-warning)}.s-border-negative-subtle{border-color:var(--w-s-color-border-negative-subtle)}.s-border-positive-subtle{border-color:var(--w-s-color-border-positive-subtle)}.s-border-warning-subtle{border-color:var(--w-s-color-border-warning-subtle)}.min-w-16{min-width:1.6rem}.w-16{width:1.6rem}.last-child\\:mb-0>:last-child{margin-bottom:0}.mr-8{margin-right:.8rem}.p-16{padding:1.6rem}.text-s{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s)}`;var Ct={wrapper:"flex p-16 border border-l-4 rounded-4 s-text",willChangeHeight:"will-change-height",textWrapper:"last-child:mb-0 text-s",title:"text-s",icon:"w-16 mr-8 min-w-16",negative:"s-border-negative-subtle s-border-l-negative s-bg-negative-subtle",negativeIcon:"s-icon-negative",positive:"s-border-positive-subtle s-border-l-positive s-bg-positive-subtle",positiveIcon:"s-icon-positive",warning:"s-border-warning-subtle s-border-l-warning s-bg-warning-subtle",warningIcon:"s-icon-warning",info:"s-border-info-subtle s-border-l-info s-bg-info-subtle",infoIcon:"s-icon-info"},St={negative:"negative",positive:"positive",warning:"warning",info:"info"},tt=class extends _c{constructor(){super();this.variant="info";this.show=!0;this.role="alert";this.show=!1,this.role="alert"}connectedCallback(){if(super.connectedCallback(),!this.variant||!St[this.variant])throw new Error(`Invalid 'variant' attribute. Set its value to one of the following:
|
|
2462
|
+
negative, positive, warning, info.`)}get _wrapperClasses(){return L([Ct.wrapper,Ct[this.variant]])}get _iconClasses(){let r=Ct[`${this.variant}Icon`];return L([Ct.icon,r])}get _icon(){return this.variant===St.info?Et` <w-icon-info-16></w-icon-info-16>`:this.variant===St.warning?Et` <w-icon-warning-16></w-icon-warning-16>`:this.variant===St.negative?Et` <w-icon-error-16></w-icon-error-16>`:this.variant===St.positive?Et` <w-icon-success-16></w-icon-success-16>`:""}render(){return Et`
|
|
2463
2463
|
<w-expand-transition ?show=${this.show}>
|
|
2464
2464
|
<div role=${this.role} class=${this._wrapperClasses}>
|
|
2465
2465
|
<div class=${this._iconClasses}>${this._icon}</div>
|
|
2466
|
-
<div class=${
|
|
2466
|
+
<div class=${Ct.textWrapper}>
|
|
2467
2467
|
<slot></slot>
|
|
2468
2468
|
</div>
|
|
2469
2469
|
</div>
|
|
2470
2470
|
</w-expand-transition>
|
|
2471
|
-
`}};tt.styles=[A,
|
|
2471
|
+
`}};tt.styles=[A,pi,Sc`
|
|
2472
2472
|
:host {
|
|
2473
2473
|
display: block;
|
|
2474
2474
|
}
|
|
@@ -2480,32 +2480,32 @@ negative, positive, warning, info.`)}get _wrapperClasses(){return L([Et.wrapper,
|
|
|
2480
2480
|
::slotted(:last-child) {
|
|
2481
2481
|
margin-bottom: 0px !important;
|
|
2482
2482
|
}
|
|
2483
|
-
`],s([Jr({reflect:!0})],tt.prototype,"variant",2),s([Jr({type:Boolean,reflect:!0})],tt.prototype,"show",2),s([Jr({reflect:!0})],tt.prototype,"role",2);customElements.get("w-alert")||customElements.define("w-alert",tt);import{css as nd,html as ht,nothing as ia}from"lit";var pi=["top","right","bottom","left"];var Pe=Math.min,de=Math.max,_t=Math.round;var $e=t=>({x:t,y:t}),yc={left:"right",right:"left",bottom:"top",top:"bottom"},kc={start:"end",end:"start"};function Wt(t,e,r){return de(t,Pe(e,r))}function Ue(t,e){return typeof t=="function"?t(e):t}function Re(t){return t.split("-")[0]}function rt(t){return t.split("-")[1]}function Qr(t){return t==="x"?"y":"x"}function er(t){return t==="y"?"height":"width"}var $c=new Set(["top","bottom"]);function Oe(t){return $c.has(Re(t))?"y":"x"}function tr(t){return Qr(Oe(t))}function mi(t,e,r){r===void 0&&(r=!1);let o=rt(t),i=tr(t),a=er(i),n=i==="x"?o===(r?"end":"start")?"right":"left":o==="start"?"bottom":"top";return e.reference[a]>e.floating[a]&&(n=St(n)),[n,St(n)]}function hi(t){let e=St(t);return[Gt(t),e,Gt(e)]}function Gt(t){return t.replace(/start|end/g,e=>kc[e])}var di=["left","right"],ui=["right","left"],Ec=["top","bottom"],Cc=["bottom","top"];function Sc(t,e,r){switch(t){case"top":case"bottom":return r?e?ui:di:e?di:ui;case"left":case"right":return e?Ec:Cc;default:return[]}}function bi(t,e,r,o){let i=rt(t),a=Sc(Re(t),r==="start",o);return i&&(a=a.map(n=>n+"-"+i),e&&(a=a.concat(a.map(Gt)))),a}function St(t){return t.replace(/left|right|bottom|top/g,e=>yc[e])}function _c(t){return{top:0,right:0,bottom:0,left:0,...t}}function Yr(t){return typeof t!="number"?_c(t):{top:t,right:t,bottom:t,left:t}}function ot(t){let{x:e,y:r,width:o,height:i}=t;return{width:o,height:i,top:r,left:e,right:e+o,bottom:r+i,x:e,y:r}}function gi(t,e,r){let{reference:o,floating:i}=t,a=Oe(e),n=tr(e),l=er(n),d=Re(e),u=a==="y",p=o.x+o.width/2-i.width/2,m=o.y+o.height/2-i.height/2,k=o[l]/2-i[l]/2,h;switch(d){case"top":h={x:p,y:o.y-i.height};break;case"bottom":h={x:p,y:o.y+o.height};break;case"right":h={x:o.x+o.width,y:m};break;case"left":h={x:o.x-i.width,y:m};break;default:h={x:o.x,y:o.y}}switch(rt(e)){case"start":h[n]-=k*(r&&u?-1:1);break;case"end":h[n]+=k*(r&&u?-1:1);break}return h}var wi=async(t,e,r)=>{let{placement:o="bottom",strategy:i="absolute",middleware:a=[],platform:n}=r,l=a.filter(Boolean),d=await(n.isRTL==null?void 0:n.isRTL(e)),u=await n.getElementRects({reference:t,floating:e,strategy:i}),{x:p,y:m}=gi(u,o,d),k=o,h={},y=0;for(let C=0;C<l.length;C++){let{name:$,fn:T}=l[C],{x:N,y:D,data:ee,reset:R}=await T({x:p,y:m,initialPlacement:o,placement:k,strategy:i,middlewareData:h,rects:u,platform:n,elements:{reference:t,floating:e}});p=N!=null?N:p,m=D!=null?D:m,h={...h,[$]:{...h[$],...ee}},R&&y<=50&&(y++,typeof R=="object"&&(R.placement&&(k=R.placement),R.rects&&(u=R.rects===!0?await n.getElementRects({reference:t,floating:e,strategy:i}):R.rects),{x:p,y:m}=gi(u,k,d)),C=-1)}return{x:p,y:m,placement:k,strategy:i,middlewareData:h}};async function ut(t,e){var r;e===void 0&&(e={});let{x:o,y:i,platform:a,rects:n,elements:l,strategy:d}=t,{boundary:u="clippingAncestors",rootBoundary:p="viewport",elementContext:m="floating",altBoundary:k=!1,padding:h=0}=Ue(e,t),y=Yr(h),$=l[k?m==="floating"?"reference":"floating":m],T=ot(await a.getClippingRect({element:(r=await(a.isElement==null?void 0:a.isElement($)))==null||r?$:$.contextElement||await(a.getDocumentElement==null?void 0:a.getDocumentElement(l.floating)),boundary:u,rootBoundary:p,strategy:d})),N=m==="floating"?{x:o,y:i,width:n.floating.width,height:n.floating.height}:n.reference,D=await(a.getOffsetParent==null?void 0:a.getOffsetParent(l.floating)),ee=await(a.isElement==null?void 0:a.isElement(D))?await(a.getScale==null?void 0:a.getScale(D))||{x:1,y:1}:{x:1,y:1},R=ot(a.convertOffsetParentRelativeRectToViewportRelativeRect?await a.convertOffsetParentRelativeRectToViewportRelativeRect({elements:l,rect:N,offsetParent:D,strategy:d}):N);return{top:(T.top-R.top+y.top)/ee.y,bottom:(R.bottom-T.bottom+y.bottom)/ee.y,left:(T.left-R.left+y.left)/ee.x,right:(R.right-T.right+y.right)/ee.x}}var xi=t=>({name:"arrow",options:t,async fn(e){let{x:r,y:o,placement:i,rects:a,platform:n,elements:l,middlewareData:d}=e,{element:u,padding:p=0}=Ue(t,e)||{};if(u==null)return{};let m=Yr(p),k={x:r,y:o},h=tr(i),y=er(h),C=await n.getDimensions(u),$=h==="y",T=$?"top":"left",N=$?"bottom":"right",D=$?"clientHeight":"clientWidth",ee=a.reference[y]+a.reference[h]-k[h]-a.floating[y],R=k[h]-a.reference[h],E=await(n.getOffsetParent==null?void 0:n.getOffsetParent(u)),S=E?E[D]:0;(!S||!await(n.isElement==null?void 0:n.isElement(E)))&&(S=l.floating[D]||a.floating[y]);let z=ee/2-R/2,P=S/2-C[y]/2-1,F=Pe(m[T],P),le=Pe(m[N],P),re=F,ce=S-C[y]-le,K=S/2-C[y]/2+z,U=Wt(re,K,ce),he=!d.arrow&&rt(i)!=null&&K!==U&&a.reference[y]/2-(K<re?F:le)-C[y]/2<0,Z=he?K<re?K-re:K-ce:0;return{[h]:k[h]+Z,data:{[h]:U,centerOffset:K-U-Z,...he&&{alignmentOffset:Z}},reset:he}}});var yi=function(t){return t===void 0&&(t={}),{name:"flip",options:t,async fn(e){var r,o;let{placement:i,middlewareData:a,rects:n,initialPlacement:l,platform:d,elements:u}=e,{mainAxis:p=!0,crossAxis:m=!0,fallbackPlacements:k,fallbackStrategy:h="bestFit",fallbackAxisSideDirection:y="none",flipAlignment:C=!0,...$}=Ue(t,e);if((r=a.arrow)!=null&&r.alignmentOffset)return{};let T=Re(i),N=Oe(l),D=Re(l)===l,ee=await(d.isRTL==null?void 0:d.isRTL(u.floating)),R=k||(D||!C?[St(l)]:hi(l)),E=y!=="none";!k&&E&&R.push(...bi(l,C,y,ee));let S=[l,...R],z=await ut(e,$),P=[],F=((o=a.flip)==null?void 0:o.overflows)||[];if(p&&P.push(z[T]),m){let K=mi(i,n,ee);P.push(z[K[0]],z[K[1]])}if(F=[...F,{placement:i,overflows:P}],!P.every(K=>K<=0)){var le,re;let K=(((le=a.flip)==null?void 0:le.index)||0)+1,U=S[K];if(U&&(!(m==="alignment"?N!==Oe(U):!1)||F.every(ge=>Oe(ge.placement)===N?ge.overflows[0]>0:!0)))return{data:{index:K,overflows:F},reset:{placement:U}};let he=(re=F.filter(Z=>Z.overflows[0]<=0).sort((Z,ge)=>Z.overflows[1]-ge.overflows[1])[0])==null?void 0:re.placement;if(!he)switch(h){case"bestFit":{var ce;let Z=(ce=F.filter(ge=>{if(E){let fe=Oe(ge.placement);return fe===N||fe==="y"}return!0}).map(ge=>[ge.placement,ge.overflows.filter(fe=>fe>0).reduce((fe,fs)=>fe+fs,0)]).sort((ge,fe)=>ge[1]-fe[1])[0])==null?void 0:ce[0];Z&&(he=Z);break}case"initialPlacement":he=l;break}if(i!==he)return{reset:{placement:he}}}return{}}}};function fi(t,e){return{top:t.top-e.height,right:t.right-e.width,bottom:t.bottom-e.height,left:t.left-e.width}}function vi(t){return pi.some(e=>t[e]>=0)}var ki=function(t){return t===void 0&&(t={}),{name:"hide",options:t,async fn(e){let{rects:r}=e,{strategy:o="referenceHidden",...i}=Ue(t,e);switch(o){case"referenceHidden":{let a=await ut(e,{...i,elementContext:"reference"}),n=fi(a,r.reference);return{data:{referenceHiddenOffsets:n,referenceHidden:vi(n)}}}case"escaped":{let a=await ut(e,{...i,altBoundary:!0}),n=fi(a,r.floating);return{data:{escapedOffsets:n,escaped:vi(n)}}}default:return{}}}}};var Lc=new Set(["left","top"]);async function Oc(t,e){let{placement:r,platform:o,elements:i}=t,a=await(o.isRTL==null?void 0:o.isRTL(i.floating)),n=Re(r),l=rt(r),d=Oe(r)==="y",u=Lc.has(n)?-1:1,p=a&&d?-1:1,m=Ue(e,t),{mainAxis:k,crossAxis:h,alignmentAxis:y}=typeof m=="number"?{mainAxis:m,crossAxis:0,alignmentAxis:null}:{mainAxis:m.mainAxis||0,crossAxis:m.crossAxis||0,alignmentAxis:m.alignmentAxis};return l&&typeof y=="number"&&(h=l==="end"?y*-1:y),d?{x:h*p,y:k*u}:{x:k*u,y:h*p}}var $i=function(t){return t===void 0&&(t=0),{name:"offset",options:t,async fn(e){var r,o;let{x:i,y:a,placement:n,middlewareData:l}=e,d=await Oc(e,t);return n===((r=l.offset)==null?void 0:r.placement)&&(o=l.arrow)!=null&&o.alignmentOffset?{}:{x:i+d.x,y:a+d.y,data:{...d,placement:n}}}}},Ei=function(t){return t===void 0&&(t={}),{name:"shift",options:t,async fn(e){let{x:r,y:o,placement:i}=e,{mainAxis:a=!0,crossAxis:n=!1,limiter:l={fn:$=>{let{x:T,y:N}=$;return{x:T,y:N}}},...d}=Ue(t,e),u={x:r,y:o},p=await ut(e,d),m=Oe(Re(i)),k=Qr(m),h=u[k],y=u[m];if(a){let $=k==="y"?"top":"left",T=k==="y"?"bottom":"right",N=h+p[$],D=h-p[T];h=Wt(N,h,D)}if(n){let $=m==="y"?"top":"left",T=m==="y"?"bottom":"right",N=y+p[$],D=y-p[T];y=Wt(N,y,D)}let C=l.fn({...e,[k]:h,[m]:y});return{...C,data:{x:C.x-r,y:C.y-o,enabled:{[k]:a,[m]:n}}}}}};var Ci=function(t){return t===void 0&&(t={}),{name:"size",options:t,async fn(e){var r,o;let{placement:i,rects:a,platform:n,elements:l}=e,{apply:d=()=>{},...u}=Ue(t,e),p=await ut(e,u),m=Re(i),k=rt(i),h=Oe(i)==="y",{width:y,height:C}=a.floating,$,T;m==="top"||m==="bottom"?($=m,T=k===(await(n.isRTL==null?void 0:n.isRTL(l.floating))?"start":"end")?"left":"right"):(T=m,$=k==="end"?"top":"bottom");let N=C-p.top-p.bottom,D=y-p.left-p.right,ee=Pe(C-p[$],N),R=Pe(y-p[T],D),E=!e.middlewareData.shift,S=ee,z=R;if((r=e.middlewareData.shift)!=null&&r.enabled.x&&(z=D),(o=e.middlewareData.shift)!=null&&o.enabled.y&&(S=N),E&&!k){let F=de(p.left,0),le=de(p.right,0),re=de(p.top,0),ce=de(p.bottom,0);h?z=y-2*(F!==0||le!==0?F+le:de(p.left,p.right)):S=C-2*(re!==0||ce!==0?re+ce:de(p.top,p.bottom))}await d({...e,availableWidth:z,availableHeight:S});let P=await n.getDimensions(l.floating);return y!==P.width||C!==P.height?{reset:{rects:!0}}:{}}}};function or(){return typeof window!="undefined"}function it(t){return _i(t)?(t.nodeName||"").toLowerCase():"#document"}function ue(t){var e;return(t==null||(e=t.ownerDocument)==null?void 0:e.defaultView)||window}function Te(t){var e;return(e=(_i(t)?t.ownerDocument:t.document)||window.document)==null?void 0:e.documentElement}function _i(t){return or()?t instanceof Node||t instanceof ue(t).Node:!1}function ve(t){return or()?t instanceof Element||t instanceof ue(t).Element:!1}function Ee(t){return or()?t instanceof HTMLElement||t instanceof ue(t).HTMLElement:!1}function Si(t){return!or()||typeof ShadowRoot=="undefined"?!1:t instanceof ShadowRoot||t instanceof ue(t).ShadowRoot}var Tc=new Set(["inline","contents"]);function pt(t){let{overflow:e,overflowX:r,overflowY:o,display:i}=we(t);return/auto|scroll|overlay|hidden|clip/.test(e+o+r)&&!Tc.has(i)}var Nc=new Set(["table","td","th"]);function Li(t){return Nc.has(it(t))}var Mc=[":popover-open",":modal"];function Lt(t){return Mc.some(e=>{try{return t.matches(e)}catch(r){return!1}})}var Ac=["transform","translate","scale","rotate","perspective"],Dc=["transform","translate","scale","rotate","perspective","filter"],zc=["paint","layout","strict","content"];function ir(t){let e=ar(),r=ve(t)?we(t):t;return Ac.some(o=>r[o]?r[o]!=="none":!1)||(r.containerType?r.containerType!=="normal":!1)||!e&&(r.backdropFilter?r.backdropFilter!=="none":!1)||!e&&(r.filter?r.filter!=="none":!1)||Dc.some(o=>(r.willChange||"").includes(o))||zc.some(o=>(r.contain||"").includes(o))}function Oi(t){let e=Ve(t);for(;Ee(e)&&!at(e);){if(ir(e))return e;if(Lt(e))return null;e=Ve(e)}return null}function ar(){return typeof CSS=="undefined"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}var Bc=new Set(["html","body","#document"]);function at(t){return Bc.has(it(t))}function we(t){return ue(t).getComputedStyle(t)}function Ot(t){return ve(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function Ve(t){if(it(t)==="html")return t;let e=t.assignedSlot||t.parentNode||Si(t)&&t.host||Te(t);return Si(e)?e.host:e}function Ti(t){let e=Ve(t);return at(e)?t.ownerDocument?t.ownerDocument.body:t.body:Ee(e)&&pt(e)?e:Ti(e)}function rr(t,e,r){var o;e===void 0&&(e=[]),r===void 0&&(r=!0);let i=Ti(t),a=i===((o=t.ownerDocument)==null?void 0:o.body),n=ue(i);if(a){let l=nr(n);return e.concat(n,n.visualViewport||[],pt(i)?i:[],l&&r?rr(l):[])}return e.concat(i,rr(i,[],r))}function nr(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function Ai(t){let e=we(t),r=parseFloat(e.width)||0,o=parseFloat(e.height)||0,i=Ee(t),a=i?t.offsetWidth:r,n=i?t.offsetHeight:o,l=_t(r)!==a||_t(o)!==n;return l&&(r=a,o=n),{width:r,height:o,$:l}}function Di(t){return ve(t)?t:t.contextElement}function mt(t){let e=Di(t);if(!Ee(e))return $e(1);let r=e.getBoundingClientRect(),{width:o,height:i,$:a}=Ai(e),n=(a?_t(r.width):r.width)/o,l=(a?_t(r.height):r.height)/i;return(!n||!Number.isFinite(n))&&(n=1),(!l||!Number.isFinite(l))&&(l=1),{x:n,y:l}}var Pc=$e(0);function zi(t){let e=ue(t);return!ar()||!e.visualViewport?Pc:{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}}function Rc(t,e,r){return e===void 0&&(e=!1),!r||e&&r!==ue(t)?!1:e}function Tt(t,e,r,o){e===void 0&&(e=!1),r===void 0&&(r=!1);let i=t.getBoundingClientRect(),a=Di(t),n=$e(1);e&&(o?ve(o)&&(n=mt(o)):n=mt(t));let l=Rc(a,r,o)?zi(a):$e(0),d=(i.left+l.x)/n.x,u=(i.top+l.y)/n.y,p=i.width/n.x,m=i.height/n.y;if(a){let k=ue(a),h=o&&ve(o)?ue(o):o,y=k,C=nr(y);for(;C&&o&&h!==y;){let $=mt(C),T=C.getBoundingClientRect(),N=we(C),D=T.left+(C.clientLeft+parseFloat(N.paddingLeft))*$.x,ee=T.top+(C.clientTop+parseFloat(N.paddingTop))*$.y;d*=$.x,u*=$.y,p*=$.x,m*=$.y,d+=D,u+=ee,y=ue(C),C=nr(y)}}return ot({width:p,height:m,x:d,y:u})}function Kr(t,e){let r=Ot(t).scrollLeft;return e?e.left+r:Tt(Te(t)).left+r}function Bi(t,e,r){r===void 0&&(r=!1);let o=t.getBoundingClientRect(),i=o.left+e.scrollLeft-(r?0:Kr(t,o)),a=o.top+e.scrollTop;return{x:i,y:a}}function Vc(t){let{elements:e,rect:r,offsetParent:o,strategy:i}=t,a=i==="fixed",n=Te(o),l=e?Lt(e.floating):!1;if(o===n||l&&a)return r;let d={scrollLeft:0,scrollTop:0},u=$e(1),p=$e(0),m=Ee(o);if((m||!m&&!a)&&((it(o)!=="body"||pt(n))&&(d=Ot(o)),Ee(o))){let h=Tt(o);u=mt(o),p.x=h.x+o.clientLeft,p.y=h.y+o.clientTop}let k=n&&!m&&!a?Bi(n,d,!0):$e(0);return{width:r.width*u.x,height:r.height*u.y,x:r.x*u.x-d.scrollLeft*u.x+p.x+k.x,y:r.y*u.y-d.scrollTop*u.y+p.y+k.y}}function Ic(t){return Array.from(t.getClientRects())}function Fc(t){let e=Te(t),r=Ot(t),o=t.ownerDocument.body,i=de(e.scrollWidth,e.clientWidth,o.scrollWidth,o.clientWidth),a=de(e.scrollHeight,e.clientHeight,o.scrollHeight,o.clientHeight),n=-r.scrollLeft+Kr(t),l=-r.scrollTop;return we(o).direction==="rtl"&&(n+=de(e.clientWidth,o.clientWidth)-i),{width:i,height:a,x:n,y:l}}function jc(t,e){let r=ue(t),o=Te(t),i=r.visualViewport,a=o.clientWidth,n=o.clientHeight,l=0,d=0;if(i){a=i.width,n=i.height;let u=ar();(!u||u&&e==="fixed")&&(l=i.offsetLeft,d=i.offsetTop)}return{width:a,height:n,x:l,y:d}}function Hc(t,e){let r=Tt(t,!0,e==="fixed"),o=r.top+t.clientTop,i=r.left+t.clientLeft,a=Ee(t)?mt(t):$e(1),n=t.clientWidth*a.x,l=t.clientHeight*a.y,d=i*a.x,u=o*a.y;return{width:n,height:l,x:d,y:u}}function Ni(t,e,r){let o;if(e==="viewport")o=jc(t,r);else if(e==="document")o=Fc(Te(t));else if(ve(e))o=Hc(e,r);else{let i=zi(t);o={x:e.x-i.x,y:e.y-i.y,width:e.width,height:e.height}}return ot(o)}function Pi(t,e){let r=Ve(t);return r===e||!ve(r)||at(r)?!1:we(r).position==="fixed"||Pi(r,e)}function qc(t,e){let r=e.get(t);if(r)return r;let o=rr(t,[],!1).filter(l=>ve(l)&&it(l)!=="body"),i=null,a=we(t).position==="fixed",n=a?Ve(t):t;for(;ve(n)&&!at(n);){let l=we(n),d=ir(n);!d&&l.position==="fixed"&&(i=null),(a?!d&&!i:!d&&l.position==="static"&&!!i&&["absolute","fixed"].includes(i.position)||pt(n)&&!d&&Pi(t,n))?o=o.filter(p=>p!==n):i=l,n=Ve(n)}return e.set(t,o),o}function Uc(t){let{element:e,boundary:r,rootBoundary:o,strategy:i}=t,n=[...r==="clippingAncestors"?Lt(e)?[]:qc(e,this._c):[].concat(r),o],l=n[0],d=n.reduce((u,p)=>{let m=Ni(e,p,i);return u.top=de(m.top,u.top),u.right=Pe(m.right,u.right),u.bottom=Pe(m.bottom,u.bottom),u.left=de(m.left,u.left),u},Ni(e,l,i));return{width:d.right-d.left,height:d.bottom-d.top,x:d.left,y:d.top}}function Jc(t){let{width:e,height:r}=Ai(t);return{width:e,height:r}}function Qc(t,e,r){let o=Ee(e),i=Te(e),a=r==="fixed",n=Tt(t,!0,a,e),l={scrollLeft:0,scrollTop:0},d=$e(0);if(o||!o&&!a)if((it(e)!=="body"||pt(i))&&(l=Ot(e)),o){let k=Tt(e,!0,a,e);d.x=k.x+e.clientLeft,d.y=k.y+e.clientTop}else i&&(d.x=Kr(i));let u=i&&!o&&!a?Bi(i,l):$e(0),p=n.left+l.scrollLeft-d.x-u.x,m=n.top+l.scrollTop-d.y-u.y;return{x:p,y:m,width:n.width,height:n.height}}function Xr(t){return we(t).position==="static"}function Mi(t,e){if(!Ee(t)||we(t).position==="fixed")return null;if(e)return e(t);let r=t.offsetParent;return Te(t)===r&&(r=r.ownerDocument.body),r}function Ri(t,e){let r=ue(t);if(Lt(t))return r;if(!Ee(t)){let i=Ve(t);for(;i&&!at(i);){if(ve(i)&&!Xr(i))return i;i=Ve(i)}return r}let o=Mi(t,e);for(;o&&Li(o)&&Xr(o);)o=Mi(o,e);return o&&at(o)&&Xr(o)&&!ir(o)?r:o||Oi(t)||r}var Yc=async function(t){let e=this.getOffsetParent||Ri,r=this.getDimensions,o=await r(t.floating);return{reference:Qc(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}};function Xc(t){return we(t).direction==="rtl"}var Kc={convertOffsetParentRelativeRectToViewportRelativeRect:Vc,getDocumentElement:Te,getClippingRect:Uc,getOffsetParent:Ri,getElementRects:Yc,getClientRects:Ic,getDimensions:Jc,getScale:mt,isElement:ve,isRTL:Xc};var Vi=$i;var Ii=Ei,Fi=yi,ji=Ci,Hi=ki,qi=xi;var Ui=(t,e,r)=>{let o=new Map,i={platform:Kc,...r},a={...i.platform,_c:o};return wi(t,e,{...i,platform:a})};var lr="top-start",cr="top",dr="top-end",ur="right-start",pr="right",mr="right-end",hr="bottom-start",Nt="bottom",br="bottom-end",gr="left-start",fr="left",vr="left-end",Zr=[lr,cr,dr,ur,pr,mr,hr,Nt,br,gr,fr,vr],nt={[lr]:hr,[cr]:Nt,[dr]:br,[hr]:lr,[Nt]:cr,[br]:dr,[gr]:ur,[fr]:pr,[vr]:mr,[ur]:gr,[pr]:fr,[mr]:vr},Zc={[gr]:-45,[fr]:-45,[vr]:-45,[lr]:45,[cr]:45,[dr]:45,[ur]:135,[pr]:135,[mr]:135,[hr]:-135,[Nt]:-135,[br]:-135},Gr=t=>{let e;return/-/.test(t)?e=t.split("-").map(r=>r.charAt(0).toUpperCase()+r.slice(1)).join(""):e=t.charAt(0).toUpperCase()+t.slice(1),e},Gc=t=>t.split("-")[0],Wc=t=>nt[Gc(t)],Qi=t=>nt[t],ed=t=>Zc[Qi(t)],td=(t,e,r)=>{Object.assign(t==null?void 0:t.style,{borderTopLeftRadius:"4px",zIndex:1,[`margin${Gr(Wc(r))}`]:"-0.5px",transform:`rotate(${e}deg)`})},Ji=8,sr=24;async function Wr(t){var o,i,a;if(!(t!=null&&t.isShowing)||(t!=null&&t.waitForDOM&&await(t==null?void 0:t.waitForDOM()),!(t!=null&&t.targetEl)||!(t!=null&&t.attentionEl)))return;let e=t==null?void 0:t.targetEl,r=t.attentionEl;return Ui(e,r,{placement:(o=t==null?void 0:t.directionName)!=null?o:Nt,middleware:[Vi({mainAxis:(i=t==null?void 0:t.distance)!=null?i:8,crossAxis:(a=t==null?void 0:t.skidding)!=null?a:0}),(t==null?void 0:t.flip)&&Fi({crossAxis:t==null?void 0:t.crossAxis,fallbackPlacements:t==null?void 0:t.fallbackPlacements}),(t==null?void 0:t.flip)&&Ii({crossAxis:!0}),!(t!=null&&t.noArrow)&&(t==null?void 0:t.arrowEl)&&qi({element:t==null?void 0:t.arrowEl}),Hi(),ji({apply(){Object.assign(r.style,{paddingRight:`${Ji}px`,paddingLeft:`${Ji}px`})}})]}).then(({x:n,y:l,middlewareData:d,placement:u})=>{if(t.actualDirection=u,t!=null&&t.isCallout||Object.assign(r.style,{left:`${n}px`,top:`${l}px`}),d!=null&&d.hide&&!(t!=null&&t.isCallout)){let{referenceHidden:p}=d.hide;Object.assign(r.style,{visibility:p?"hidden":""})}if(d!=null&&d.arrow&&(t!=null&&t.arrowEl)){let p=t==null?void 0:t.arrowEl,{x:m,y:k}=d.arrow,h=window.getComputedStyle(r).direction==="rtl",y=Qi(u).split("-")[1],C="",$="",T="",N="";if(y==="start"){let D=typeof m=="number"?`calc(${sr}px - ${p.offsetWidth/2}px)`:"";C=typeof k=="number"?`calc(${sr}px - ${p.offsetWidth/2}px)`:"",$=h?D:"",N=h?"":D}else if(y==="end"){let D=typeof m=="number"?`calc(${sr}px - ${p.offsetWidth/2}px)`:"";$=h?"":D,N=h?D:"",T=typeof k=="number"?`calc(${sr}px - ${p.offsetWidth/2}px)`:""}else N=typeof m=="number"?`${m}px`:"",C=typeof k=="number"?`${k}px`:"";Object.assign(p.style,{top:C,right:$,bottom:T,left:N}),td(p,ed(u),u)}}),t}var wr={wrapper:"fixed transform translate-z-0 bottom-16 left-0 right-0 mx-8 sm:mx-16 z-50 pointer-events-none",base:"grid auto-rows-auto justify-items-center justify-center mx-auto pointer-events-none",content:"w-full"},xe={wrapper:"relative overflow-hidden w-full",base:"flex group p-8 mt-16 rounded-8 border-2 pointer-events-auto transition-all",positive:"s-bg-positive-subtle s-border-positive-subtle s-text",warning:"s-bg-warning-subtle s-border-warning-subtle s-text",negative:"s-bg-negative-subtle s-border-negative-subtle s-text",iconBase:"shrink-0 rounded-full w-[16px] h-[16px] m-[8px]",iconPositive:"s-icon-positive",iconWarning:"s-icon-warning",iconNegative:"s-icon-negative",iconLoading:"animate-bounce",content:"self-center mr-8 py-4 last-child:mb-0",close:"bg-transparent ml-auto p-[8px] s-icon hover:s-icon-hover active:s-icon-active"};var Qe="font-bold focusable justify-center transition-colors ease-in-out",V={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"},O={primary:`border-0 rounded-8 ${Qe}`,secondary:`border-2 rounded-8 ${Qe}`,utility:`border rounded-4 ${Qe}`,negative:`border-0 rounded-8 ${Qe}`,pill:`p-4 rounded-full border-0 inline-flex items-center justify-center hover:bg-clip-padding ${Qe}`,link:`bg-transparent focusable ease-in-out inline active:underline hover:underline focus:underline ${V.link}`},v={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"},f={medium:"text-m leading-[24]",xsmall:"text-xs"},b={inProgress:`border-transparent animate-inprogress pointer-events-none ${V.loading}`,quiet:`border-0 rounded-8 ${Qe}`,utilityQuiet:`border-0 rounded-4 ${Qe}`,negativeQuiet:`border-0 rounded-8 ${Qe}`,isDisabled:`font-bold justify-center transition-colors ease-in-out cursor-default pointer-events-none ${V.disabled}`},Wh={secondary:`${v.medium} ${f.medium} ${O.secondary} ${V.secondary}`,secondaryHref:`${v.medium} ${f.medium} ${O.secondary} ${V.secondary}`,secondaryDisabled:`${v.medium} ${f.medium} ${O.secondary} ${b.isDisabled}`,secondarySmall:`${f.xsmall} ${v.xsmall} ${O.secondary} ${V.secondary}`,secondarySmallDisabled:`${f.xsmall} ${v.xsmall} ${O.secondary} ${b.isDisabled}`,secondaryQuiet:`${v.medium} ${f.medium} ${b.quiet} ${V.quiet}`,secondaryQuietDisabled:`${v.medium} ${f.medium} ${b.quiet} ${b.isDisabled}`,secondarySmallQuiet:`${f.xsmall} ${v.xsmall} ${b.quiet} ${V.quiet}`,secondarySmallQuietDisabled:`${f.xsmall} ${v.xsmall} ${b.quiet} ${b.isDisabled}`,secondaryLoading:`${v.medium} ${f.medium} ${O.secondary} ${b.inProgress}`,secondarySmallLoading:`${f.xsmall} ${v.xsmall} ${O.secondary} ${b.inProgress}`,secondarySmallQuietLoading:`${f.xsmall} ${v.xsmall} ${b.quiet} ${b.inProgress}`,secondaryQuietLoading:`${v.medium} ${f.medium} ${b.quiet} ${b.inProgress}`,primary:`${v.large} ${f.medium} ${O.primary} ${V.primary}`,primaryDisabled:`${v.large} ${f.medium} ${b.isDisabled} ${O.primary}`,primarySmall:`${v.small} ${f.xsmall} ${O.primary} ${V.primary}`,primarySmallDisabled:`${v.small} ${f.xsmall} ${b.isDisabled} ${O.primary} `,primaryQuiet:`${v.large} ${f.medium} ${b.quiet} ${V.quiet}`,primaryQuietDisabled:`${v.large} ${f.medium} ${b.quiet} ${b.isDisabled}`,primarySmallQuiet:`${v.small} ${f.xsmall} ${b.quiet} ${V.quiet}`,primarySmallQuietDisabled:`${v.small} ${f.xsmall} ${b.quiet} ${b.isDisabled}`,primaryLoading:`${v.large} ${f.medium} ${b.inProgress} ${O.primary}`,primarySmallLoading:`${v.small} ${f.xsmall} ${b.inProgress} ${O.primary}`,primarySmallQuietLoading:`${v.small} ${f.xsmall} ${b.quiet} ${b.inProgress} ${O.primary}`,primaryQuietLoading:`${v.large} ${f.medium} ${b.quiet} ${b.inProgress}`,utility:`${v.utility} ${f.medium} ${O.utility} ${V.utility}`,utilityDisabled:`${v.utility} ${f.medium} ${O.utility} ${b.isDisabled}`,utilityQuiet:`${v.large} ${f.medium} ${b.utilityQuiet} ${V.utilityQuiet}`,utilityQuietDisabled:`${v.large} ${f.medium} ${b.utilityQuiet} ${b.isDisabled}`,utilitySmall:`${v.smallUtility} ${f.xsmall} ${O.utility} ${V.utility}`,utilitySmallDisabled:`${v.smallUtility} ${f.xsmall} ${O.utility} ${b.isDisabled}`,utilitySmallQuiet:`${v.smallUtility} ${f.xsmall} ${b.utilityQuiet} ${V.utilityQuiet}`,utilitySmallQuietDisabled:`${v.smallUtility} ${f.xsmall} ${b.utilityQuiet} ${b.isDisabled}`,utilityLoading:`${v.large} ${f.medium} ${O.utility} ${b.inProgress}`,utilitySmallLoading:`${v.smallUtility} ${f.xsmall} ${O.utility} ${b.inProgress}`,utilityQuietLoading:`${v.large} ${f.medium} ${b.inProgress} ${b.utilityQuiet}`,utilitySmallQuietLoading:`${v.smallUtility} ${f.xsmall} ${b.inProgress} ${b.utilityQuiet}`,negative:`${v.large} ${f.medium} ${O.negative} ${V.destructive}`,negativeDisabled:`${v.large} ${f.medium} ${O.negative} ${b.isDisabled}`,negativeQuiet:`${v.large} ${f.medium} ${b.negativeQuiet} ${V.negativeQuiet}`,negativeQuietDisabled:`${v.large} ${f.medium} ${b.negativeQuiet}${b.isDisabled}`,negativeSmall:`${v.small} ${f.xsmall} ${O.negative} ${V.destructive}`,negativeSmallDisabled:`${v.small} ${f.xsmall} ${O.negative} ${b.isDisabled}`,negativeSmallQuiet:`${v.small} ${f.xsmall} ${b.negativeQuiet} ${V.negativeQuiet}`,negativeSmallQuietDisabled:`${v.small} ${f.xsmall} ${b.negativeQuiet} ${b.isDisabled}`,negativeLoading:`${v.large} ${f.medium} ${O.negative} ${b.inProgress}`,negativeSmallLoading:`${v.small} ${f.xsmall} ${b.inProgress} ${O.negative}`,negativeQuietLoading:`${v.large} ${f.medium} ${b.negativeQuiet} ${O.negative} ${b.inProgress}`,negativeSmallQuietLoading:`${v.small} ${f.xsmall} ${b.negativeQuiet} ${b.inProgress}`,pill:`${v.pill} ${f.medium} ${O.pill} ${V.pill}`,pillSmall:`${v.pillSmall} ${f.xsmall} ${O.pill} ${V.pill}`,pillLoading:`${v.pill} ${f.medium} ${O.pill} ${b.inProgress}`,pillSmallLoading:`${v.pillSmall} ${f.xsmall} ${O.pill} ${b.inProgress}`,link:`${v.link} ${f.medium} ${O.link}`,linkSmall:`${v.link} ${f.xsmall} ${O.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"};var eb={backdrop:"fixed inset-0 flex sm:place-content-center sm:place-items-center items-end z-30 [--w-modal-max-height:80%] [--w-modal-width:640px] bg-[--w-black/25]",base:"pb-safe-[32] shadow-m max-h-[--w-modal-max-height] min-h-[--w-modal-min-height] w-[--w-modal-width] h-[--w-modal-height] relative transition-300 ease-in-out backface-hidden will-change-height rounded-8 mx-0 sm:mx-16 bg-[--w-s-color-surface-elevated-100] flex flex-col overflow-hidden outline-none space-y-16 pt-8 sm:pt-32 sm:pb-32 rounded-b-0 sm:rounded-b-8",content:"block overflow-y-auto overflow-x-hidden last-child:mb-0 grow shrink px-16 sm:px-32 relative",footer:"flex justify-end shrink-0 px-16 sm:px-32",transitionTitle:"transition-all duration-300",transitionTitleCenter:"justify-self-center self-center",transitionTitleColSpan:"col-span-2",title:"py-8 sm:py-0 -mt-4 sm:-mt-8 min-h-40 sm:min-h-48 grid gap-8 sm:gap-16 grid-cols-[auto_1fr_auto] items-start px-16 sm:px-32 border-b sm:border-b-0 shrink-0",titleText:"mb-0 h4 sm:h3",titleButton:`${f.medium} ${O.pill} ${V.pill} sm:min-h-[44px] sm:min-w-[44px] min-h-[32px] min-w-[32px]`,titleButtonLeft:"-ml-8 sm:-ml-12 justify-self-start",titleButtonRight:"-mr-8 sm:-mr-12 justify-self-end",titleButtonIcon:"h-16 w-16 sm:h-24 sm:w-24",titleButtonIconRotated:"transform rotate-90"};var Yi="absolute top-0 bottom-0 flex justify-center items-center focusable rounded-4 focus:[--w-outline-offset:-2px] bg-transparent ",tb={wrapper:Yi+"right-0",wrapperWithLabel:"w-max pr-12",wrapperWithIcon:"w-40",label:"antialiased block relative cursor-default pb-0 font-bold text-xs s-text"},rb={wrapper:Yi+"left-0",wrapperWithLabel:"w-max pl-12",wrapperWithIcon:"w-40",label:"antialiased block relative cursor-default pb-0 font-bold text-xs s-text"};var Je={field:"relative text-m",wrapper:"relative py-1",wrapperRadioButtons:"inline-flex font-bold rounded-8 focus-within:focusable",wrapperRadioButtonsJustified:"flex font-bold rounded-8 focus-within:focusable",radioButtonsGroup:"group",radioButtonsGroupJustified:"grow-1 shrink-0 basis-auto",input:"peer",a11y:"sr-only",label:"peer-focus:focusable cursor-pointer text-m s-text s-border py-2 pl-28 select-none relative block before:border before:absolute before:transition-all before:left-0 before:w-20 before:h-20 before:top-2",labelBefore:'before:content-[""] before:block',checkbox:"before:s-bg before:rounded-2 hover:before:s-border-primary hover:before:s-bg-hover peer-checked:before:bg-center peer-checked:before:bg-[url(var(--w-icon-toggle-checked))] peer-checked:before:s-border-primary peer-checked:before:s-bg-primary peer-checked:peer-hover:before:s-border-primary-hover peer-checked:peer-hover:before:s-bg-primary-hover",checkboxInvalid:"before:s-bg before:s-border-negative before:rounded-2 hover:before:s-bg-negative-subtle-hover hover:before:s-border-negative-hover peer-checked:before:bg-center peer-checked:before:bg-[url(var(--w-icon-toggle-checked))] peer-checked:before:s-bg-negative peer-checked:before:s-border-negative peer-checked:peer-hover:before:s-bg-negative-hover peer-checked:peer-hover:before:s-border-negative-hover",checkboxDisabled:"before:s-bg-disabled-subtle before:s-border-disabled pointer-events-none before:rounded-2 peer-checked:before:bg-center peer-checked:before:bg-[url(var(--w-icon-toggle-checked))] peer-checked:before:s-border-disabled peer-checked:before:s-bg-disabled",indeterminate:'before:content-["\u2013"] before:rounded-2 before:leading-xs before:text-center before:font-bold before:s-icon-inverted peer-indeterminate:before:s-border-primary peer-indeterminate:before:s-bg-primary peer-indeterminate:hover:before:s-border-primary-hover peer-indeterminate:hover:before:s-bg-primary-hover',indeterminateInvalid:'before:content-["\u2013"] before:rounded-2 before:leading-xs before:text-center before:font-bold before:s-icon-inverted peer-indeterminate:before:s-border-negative peer-indeterminate:before:s-bg-negative peer-indeterminate:hover:before:s-border-negative-hover peer-indeterminate:hover:before:s-bg-negative-hover',indeterminateDisabled:'before:content-["\u2013"] before:rounded-2 before:leading-xs before:text-center before:font-bold pointer-events-none before:s-icon-inverted peer-indeterminate:before:s-border-disabled peer-indeterminate:before:s-bg-disabled',radio:"before:s-bg before:rounded-full peer-checked:before:border-[6] peer-checked:before:s-border-selected peer-checked:peer-hover:before:s-border-selected-hover peer-hover:before:s-border-primary peer-hover:before:s-bg-hover",radioInvalid:"before:s-bg before:s-border-negative before:rounded-full peer-checked:before:border-[6] peer-hover:before:s-bg-negative-subtle peer-hover:before:s-border-negative-hover peer-checked:before:s-border-negative peer-checked:peer-hover:before:s-border-negative-hover",radioDisabled:"before:s-bg-disabled-subtle before:s-border-disabled pointer-events-none before:rounded-full peer-checked:before:border-[6]",radioButtonsLabel:"peer-hover:peer-not-checked:s-bg-hover peer-checked:s-text-inverted peer-checked:s-bg-primary peer-checked:s-border-primary block relative font-bold cursor-pointer s-text-link text-center s-bg border-2 s-border group-first-of-type:rounded-tl-8 group-first-of-type:rounded-bl-8 group-last-of-type:rounded-tr-8 group-last-of-type:rounded-br-8 group-not-last-of-type:border-r-0 peer-checked:z-10 group-not-first:-ml-2",radioButtonsRegular:"text-s py-8 pl-12 pr-14",radioButtonsSmall:"text-xs py-[5px] px-[8px]"},ob={wrapper:`${Je.wrapper} h-20 w-20 pointer-events-none`,input:`${Je.input} hidden`,inputVue:"hidden",labelVue:"-mt-2",labelRadio:`${Je.label} ${Je.labelBefore} ${Je.radio}`,labelCheckbox:`${Je.label} ${Je.labelBefore} ${Je.checkbox}`};var st={base:"border-2 relative flex items-start",tooltip:"s-bg-inverted border-[--w-s-color-background-inverted] shadow-m s-text-inverted-static 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",closeBtn:`${f.medium} ${O.pill} ${V.pill} justify-self-end -mr-8 ml-8`};import aa from"@warp-ds/elements-core";import{ifDefined as sd}from"lit/directives/if-defined.js";var rd=["en","nb","fi","da","sv"],Ki="en",Xi=t=>rd.find(e=>t===e||t.toLowerCase().includes(e))||Ki;function od(){if(typeof window=="undefined"){let t=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return Xi(t)}try{let t=document.documentElement.lang;return Xi(t)}catch(t){return console.warn("could not detect locale, falling back to source locale",t),Ki}}var id=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,G=(t,e,r,o,i)=>{let a=od(),n=id(a,t,e,r,o,i);c.load(a,n),c.activate(a)};import{classMap as cb}from"lit/directives/class-map.js";var ad=t=>t.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase();function Zi(t){return class extends t{static createProperty(e,r){let o=r;(typeof(r==null?void 0:r.attribute)=="undefined"||(r==null?void 0:r.attribute)===!0)&&(o=Object.assign({},r,{attribute:ad(e.toString())})),super.createProperty(e,o)}}}function Gi(){return`m${Math.random().toString(36).slice(2)}`}var Wi=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 ea=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 ta=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 ra=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 oa=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"]}');var Mt=class extends Zi(aa){constructor(){super(),G(ea,ra,ta,Wi,oa),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(nt).includes(this.placement))throw new Error(`Invalid "placement" attribute. Set its value to one of the following:
|
|
2484
|
-
${JSON.stringify(Object.keys(nt))}`);if(this.fallbackPlacements&&!this.fallbackPlacements.every(e=>
|
|
2485
|
-
${JSON.stringify(
|
|
2483
|
+
`],s([Xr({reflect:!0})],tt.prototype,"variant",2),s([Xr({type:Boolean,reflect:!0})],tt.prototype,"show",2),s([Xr({reflect:!0})],tt.prototype,"role",2);customElements.get("w-alert")||customElements.define("w-alert",tt);import{css as md,html as ht,nothing as sa}from"lit";var bi=["top","right","bottom","left"];var Re=Math.min,de=Math.max,Lt=Math.round;var $e=t=>({x:t,y:t}),Lc={left:"right",right:"left",bottom:"top",top:"bottom"},Oc={start:"end",end:"start"};function er(t,e,r){return de(t,Re(e,r))}function Ue(t,e){return typeof t=="function"?t(e):t}function Ve(t){return t.split("-")[0]}function rt(t){return t.split("-")[1]}function Kr(t){return t==="x"?"y":"x"}function tr(t){return t==="y"?"height":"width"}var Tc=new Set(["top","bottom"]);function Te(t){return Tc.has(Ve(t))?"y":"x"}function rr(t){return Kr(Te(t))}function gi(t,e,r){r===void 0&&(r=!1);let o=rt(t),i=rr(t),a=tr(i),n=i==="x"?o===(r?"end":"start")?"right":"left":o==="start"?"bottom":"top";return e.reference[a]>e.floating[a]&&(n=_t(n)),[n,_t(n)]}function fi(t){let e=_t(t);return[Wt(t),e,Wt(e)]}function Wt(t){return t.replace(/start|end/g,e=>Oc[e])}var mi=["left","right"],hi=["right","left"],Nc=["top","bottom"],Mc=["bottom","top"];function Ac(t,e,r){switch(t){case"top":case"bottom":return r?e?hi:mi:e?mi:hi;case"left":case"right":return e?Nc:Mc;default:return[]}}function vi(t,e,r,o){let i=rt(t),a=Ac(Ve(t),r==="start",o);return i&&(a=a.map(n=>n+"-"+i),e&&(a=a.concat(a.map(Wt)))),a}function _t(t){return t.replace(/left|right|bottom|top/g,e=>Lc[e])}function Dc(t){return{top:0,right:0,bottom:0,left:0,...t}}function Zr(t){return typeof t!="number"?Dc(t):{top:t,right:t,bottom:t,left:t}}function ot(t){let{x:e,y:r,width:o,height:i}=t;return{width:o,height:i,top:r,left:e,right:e+o,bottom:r+i,x:e,y:r}}function wi(t,e,r){let{reference:o,floating:i}=t,a=Te(e),n=rr(e),l=tr(n),d=Ve(e),u=a==="y",p=o.x+o.width/2-i.width/2,m=o.y+o.height/2-i.height/2,k=o[l]/2-i[l]/2,h;switch(d){case"top":h={x:p,y:o.y-i.height};break;case"bottom":h={x:p,y:o.y+o.height};break;case"right":h={x:o.x+o.width,y:m};break;case"left":h={x:o.x-i.width,y:m};break;default:h={x:o.x,y:o.y}}switch(rt(e)){case"start":h[n]-=k*(r&&u?-1:1);break;case"end":h[n]+=k*(r&&u?-1:1);break}return h}var ki=async(t,e,r)=>{let{placement:o="bottom",strategy:i="absolute",middleware:a=[],platform:n}=r,l=a.filter(Boolean),d=await(n.isRTL==null?void 0:n.isRTL(e)),u=await n.getElementRects({reference:t,floating:e,strategy:i}),{x:p,y:m}=wi(u,o,d),k=o,h={},y=0;for(let C=0;C<l.length;C++){let{name:$,fn:T}=l[C],{x:N,y:D,data:ee,reset:R}=await T({x:p,y:m,initialPlacement:o,placement:k,strategy:i,middlewareData:h,rects:u,platform:n,elements:{reference:t,floating:e}});p=N!=null?N:p,m=D!=null?D:m,h={...h,[$]:{...h[$],...ee}},R&&y<=50&&(y++,typeof R=="object"&&(R.placement&&(k=R.placement),R.rects&&(u=R.rects===!0?await n.getElementRects({reference:t,floating:e,strategy:i}):R.rects),{x:p,y:m}=wi(u,k,d)),C=-1)}return{x:p,y:m,placement:k,strategy:i,middlewareData:h}};async function ut(t,e){var r;e===void 0&&(e={});let{x:o,y:i,platform:a,rects:n,elements:l,strategy:d}=t,{boundary:u="clippingAncestors",rootBoundary:p="viewport",elementContext:m="floating",altBoundary:k=!1,padding:h=0}=Ue(e,t),y=Zr(h),$=l[k?m==="floating"?"reference":"floating":m],T=ot(await a.getClippingRect({element:(r=await(a.isElement==null?void 0:a.isElement($)))==null||r?$:$.contextElement||await(a.getDocumentElement==null?void 0:a.getDocumentElement(l.floating)),boundary:u,rootBoundary:p,strategy:d})),N=m==="floating"?{x:o,y:i,width:n.floating.width,height:n.floating.height}:n.reference,D=await(a.getOffsetParent==null?void 0:a.getOffsetParent(l.floating)),ee=await(a.isElement==null?void 0:a.isElement(D))?await(a.getScale==null?void 0:a.getScale(D))||{x:1,y:1}:{x:1,y:1},R=ot(a.convertOffsetParentRelativeRectToViewportRelativeRect?await a.convertOffsetParentRelativeRectToViewportRelativeRect({elements:l,rect:N,offsetParent:D,strategy:d}):N);return{top:(T.top-R.top+y.top)/ee.y,bottom:(R.bottom-T.bottom+y.bottom)/ee.y,left:(T.left-R.left+y.left)/ee.x,right:(R.right-T.right+y.right)/ee.x}}var $i=t=>({name:"arrow",options:t,async fn(e){let{x:r,y:o,placement:i,rects:a,platform:n,elements:l,middlewareData:d}=e,{element:u,padding:p=0}=Ue(t,e)||{};if(u==null)return{};let m=Zr(p),k={x:r,y:o},h=rr(i),y=tr(h),C=await n.getDimensions(u),$=h==="y",T=$?"top":"left",N=$?"bottom":"right",D=$?"clientHeight":"clientWidth",ee=a.reference[y]+a.reference[h]-k[h]-a.floating[y],R=k[h]-a.reference[h],E=await(n.getOffsetParent==null?void 0:n.getOffsetParent(u)),S=E?E[D]:0;(!S||!await(n.isElement==null?void 0:n.isElement(E)))&&(S=l.floating[D]||a.floating[y]);let z=ee/2-R/2,P=S/2-C[y]/2-1,F=Re(m[T],P),le=Re(m[N],P),re=F,ce=S-C[y]-le,K=S/2-C[y]/2+z,U=er(re,K,ce),he=!d.arrow&&rt(i)!=null&&K!==U&&a.reference[y]/2-(K<re?F:le)-C[y]/2<0,Z=he?K<re?K-re:K-ce:0;return{[h]:k[h]+Z,data:{[h]:U,centerOffset:K-U-Z,...he&&{alignmentOffset:Z}},reset:he}}});var Ei=function(t){return t===void 0&&(t={}),{name:"flip",options:t,async fn(e){var r,o;let{placement:i,middlewareData:a,rects:n,initialPlacement:l,platform:d,elements:u}=e,{mainAxis:p=!0,crossAxis:m=!0,fallbackPlacements:k,fallbackStrategy:h="bestFit",fallbackAxisSideDirection:y="none",flipAlignment:C=!0,...$}=Ue(t,e);if((r=a.arrow)!=null&&r.alignmentOffset)return{};let T=Ve(i),N=Te(l),D=Ve(l)===l,ee=await(d.isRTL==null?void 0:d.isRTL(u.floating)),R=k||(D||!C?[_t(l)]:fi(l)),E=y!=="none";!k&&E&&R.push(...vi(l,C,y,ee));let S=[l,...R],z=await ut(e,$),P=[],F=((o=a.flip)==null?void 0:o.overflows)||[];if(p&&P.push(z[T]),m){let K=gi(i,n,ee);P.push(z[K[0]],z[K[1]])}if(F=[...F,{placement:i,overflows:P}],!P.every(K=>K<=0)){var le,re;let K=(((le=a.flip)==null?void 0:le.index)||0)+1,U=S[K];if(U&&(!(m==="alignment"?N!==Te(U):!1)||F.every(ge=>Te(ge.placement)===N?ge.overflows[0]>0:!0)))return{data:{index:K,overflows:F},reset:{placement:U}};let he=(re=F.filter(Z=>Z.overflows[0]<=0).sort((Z,ge)=>Z.overflows[1]-ge.overflows[1])[0])==null?void 0:re.placement;if(!he)switch(h){case"bestFit":{var ce;let Z=(ce=F.filter(ge=>{if(E){let fe=Te(ge.placement);return fe===N||fe==="y"}return!0}).map(ge=>[ge.placement,ge.overflows.filter(fe=>fe>0).reduce((fe,Es)=>fe+Es,0)]).sort((ge,fe)=>ge[1]-fe[1])[0])==null?void 0:ce[0];Z&&(he=Z);break}case"initialPlacement":he=l;break}if(i!==he)return{reset:{placement:he}}}return{}}}};function xi(t,e){return{top:t.top-e.height,right:t.right-e.width,bottom:t.bottom-e.height,left:t.left-e.width}}function yi(t){return bi.some(e=>t[e]>=0)}var Ci=function(t){return t===void 0&&(t={}),{name:"hide",options:t,async fn(e){let{rects:r}=e,{strategy:o="referenceHidden",...i}=Ue(t,e);switch(o){case"referenceHidden":{let a=await ut(e,{...i,elementContext:"reference"}),n=xi(a,r.reference);return{data:{referenceHiddenOffsets:n,referenceHidden:yi(n)}}}case"escaped":{let a=await ut(e,{...i,altBoundary:!0}),n=xi(a,r.floating);return{data:{escapedOffsets:n,escaped:yi(n)}}}default:return{}}}}};var zc=new Set(["left","top"]);async function Bc(t,e){let{placement:r,platform:o,elements:i}=t,a=await(o.isRTL==null?void 0:o.isRTL(i.floating)),n=Ve(r),l=rt(r),d=Te(r)==="y",u=zc.has(n)?-1:1,p=a&&d?-1:1,m=Ue(e,t),{mainAxis:k,crossAxis:h,alignmentAxis:y}=typeof m=="number"?{mainAxis:m,crossAxis:0,alignmentAxis:null}:{mainAxis:m.mainAxis||0,crossAxis:m.crossAxis||0,alignmentAxis:m.alignmentAxis};return l&&typeof y=="number"&&(h=l==="end"?y*-1:y),d?{x:h*p,y:k*u}:{x:k*u,y:h*p}}var Si=function(t){return t===void 0&&(t=0),{name:"offset",options:t,async fn(e){var r,o;let{x:i,y:a,placement:n,middlewareData:l}=e,d=await Bc(e,t);return n===((r=l.offset)==null?void 0:r.placement)&&(o=l.arrow)!=null&&o.alignmentOffset?{}:{x:i+d.x,y:a+d.y,data:{...d,placement:n}}}}},_i=function(t){return t===void 0&&(t={}),{name:"shift",options:t,async fn(e){let{x:r,y:o,placement:i}=e,{mainAxis:a=!0,crossAxis:n=!1,limiter:l={fn:$=>{let{x:T,y:N}=$;return{x:T,y:N}}},...d}=Ue(t,e),u={x:r,y:o},p=await ut(e,d),m=Te(Ve(i)),k=Kr(m),h=u[k],y=u[m];if(a){let $=k==="y"?"top":"left",T=k==="y"?"bottom":"right",N=h+p[$],D=h-p[T];h=er(N,h,D)}if(n){let $=m==="y"?"top":"left",T=m==="y"?"bottom":"right",N=y+p[$],D=y-p[T];y=er(N,y,D)}let C=l.fn({...e,[k]:h,[m]:y});return{...C,data:{x:C.x-r,y:C.y-o,enabled:{[k]:a,[m]:n}}}}}};var Li=function(t){return t===void 0&&(t={}),{name:"size",options:t,async fn(e){var r,o;let{placement:i,rects:a,platform:n,elements:l}=e,{apply:d=()=>{},...u}=Ue(t,e),p=await ut(e,u),m=Ve(i),k=rt(i),h=Te(i)==="y",{width:y,height:C}=a.floating,$,T;m==="top"||m==="bottom"?($=m,T=k===(await(n.isRTL==null?void 0:n.isRTL(l.floating))?"start":"end")?"left":"right"):(T=m,$=k==="end"?"top":"bottom");let N=C-p.top-p.bottom,D=y-p.left-p.right,ee=Re(C-p[$],N),R=Re(y-p[T],D),E=!e.middlewareData.shift,S=ee,z=R;if((r=e.middlewareData.shift)!=null&&r.enabled.x&&(z=D),(o=e.middlewareData.shift)!=null&&o.enabled.y&&(S=N),E&&!k){let F=de(p.left,0),le=de(p.right,0),re=de(p.top,0),ce=de(p.bottom,0);h?z=y-2*(F!==0||le!==0?F+le:de(p.left,p.right)):S=C-2*(re!==0||ce!==0?re+ce:de(p.top,p.bottom))}await d({...e,availableWidth:z,availableHeight:S});let P=await n.getDimensions(l.floating);return y!==P.width||C!==P.height?{reset:{rects:!0}}:{}}}};function ir(){return typeof window!="undefined"}function it(t){return Ti(t)?(t.nodeName||"").toLowerCase():"#document"}function ue(t){var e;return(t==null||(e=t.ownerDocument)==null?void 0:e.defaultView)||window}function Ne(t){var e;return(e=(Ti(t)?t.ownerDocument:t.document)||window.document)==null?void 0:e.documentElement}function Ti(t){return ir()?t instanceof Node||t instanceof ue(t).Node:!1}function ve(t){return ir()?t instanceof Element||t instanceof ue(t).Element:!1}function Ee(t){return ir()?t instanceof HTMLElement||t instanceof ue(t).HTMLElement:!1}function Oi(t){return!ir()||typeof ShadowRoot=="undefined"?!1:t instanceof ShadowRoot||t instanceof ue(t).ShadowRoot}var Pc=new Set(["inline","contents"]);function pt(t){let{overflow:e,overflowX:r,overflowY:o,display:i}=we(t);return/auto|scroll|overlay|hidden|clip/.test(e+o+r)&&!Pc.has(i)}var Rc=new Set(["table","td","th"]);function Ni(t){return Rc.has(it(t))}var Vc=[":popover-open",":modal"];function Ot(t){return Vc.some(e=>{try{return t.matches(e)}catch(r){return!1}})}var Ic=["transform","translate","scale","rotate","perspective"],Fc=["transform","translate","scale","rotate","perspective","filter"],jc=["paint","layout","strict","content"];function ar(t){let e=nr(),r=ve(t)?we(t):t;return Ic.some(o=>r[o]?r[o]!=="none":!1)||(r.containerType?r.containerType!=="normal":!1)||!e&&(r.backdropFilter?r.backdropFilter!=="none":!1)||!e&&(r.filter?r.filter!=="none":!1)||Fc.some(o=>(r.willChange||"").includes(o))||jc.some(o=>(r.contain||"").includes(o))}function Mi(t){let e=Ie(t);for(;Ee(e)&&!at(e);){if(ar(e))return e;if(Ot(e))return null;e=Ie(e)}return null}function nr(){return typeof CSS=="undefined"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}var Hc=new Set(["html","body","#document"]);function at(t){return Hc.has(it(t))}function we(t){return ue(t).getComputedStyle(t)}function Tt(t){return ve(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function Ie(t){if(it(t)==="html")return t;let e=t.assignedSlot||t.parentNode||Oi(t)&&t.host||Ne(t);return Oi(e)?e.host:e}function Ai(t){let e=Ie(t);return at(e)?t.ownerDocument?t.ownerDocument.body:t.body:Ee(e)&&pt(e)?e:Ai(e)}function or(t,e,r){var o;e===void 0&&(e=[]),r===void 0&&(r=!0);let i=Ai(t),a=i===((o=t.ownerDocument)==null?void 0:o.body),n=ue(i);if(a){let l=sr(n);return e.concat(n,n.visualViewport||[],pt(i)?i:[],l&&r?or(l):[])}return e.concat(i,or(i,[],r))}function sr(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function Bi(t){let e=we(t),r=parseFloat(e.width)||0,o=parseFloat(e.height)||0,i=Ee(t),a=i?t.offsetWidth:r,n=i?t.offsetHeight:o,l=Lt(r)!==a||Lt(o)!==n;return l&&(r=a,o=n),{width:r,height:o,$:l}}function Pi(t){return ve(t)?t:t.contextElement}function mt(t){let e=Pi(t);if(!Ee(e))return $e(1);let r=e.getBoundingClientRect(),{width:o,height:i,$:a}=Bi(e),n=(a?Lt(r.width):r.width)/o,l=(a?Lt(r.height):r.height)/i;return(!n||!Number.isFinite(n))&&(n=1),(!l||!Number.isFinite(l))&&(l=1),{x:n,y:l}}var qc=$e(0);function Ri(t){let e=ue(t);return!nr()||!e.visualViewport?qc:{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}}function Uc(t,e,r){return e===void 0&&(e=!1),!r||e&&r!==ue(t)?!1:e}function Nt(t,e,r,o){e===void 0&&(e=!1),r===void 0&&(r=!1);let i=t.getBoundingClientRect(),a=Pi(t),n=$e(1);e&&(o?ve(o)&&(n=mt(o)):n=mt(t));let l=Uc(a,r,o)?Ri(a):$e(0),d=(i.left+l.x)/n.x,u=(i.top+l.y)/n.y,p=i.width/n.x,m=i.height/n.y;if(a){let k=ue(a),h=o&&ve(o)?ue(o):o,y=k,C=sr(y);for(;C&&o&&h!==y;){let $=mt(C),T=C.getBoundingClientRect(),N=we(C),D=T.left+(C.clientLeft+parseFloat(N.paddingLeft))*$.x,ee=T.top+(C.clientTop+parseFloat(N.paddingTop))*$.y;d*=$.x,u*=$.y,p*=$.x,m*=$.y,d+=D,u+=ee,y=ue(C),C=sr(y)}}return ot({width:p,height:m,x:d,y:u})}function Wr(t,e){let r=Tt(t).scrollLeft;return e?e.left+r:Nt(Ne(t)).left+r}function Vi(t,e,r){r===void 0&&(r=!1);let o=t.getBoundingClientRect(),i=o.left+e.scrollLeft-(r?0:Wr(t,o)),a=o.top+e.scrollTop;return{x:i,y:a}}function Jc(t){let{elements:e,rect:r,offsetParent:o,strategy:i}=t,a=i==="fixed",n=Ne(o),l=e?Ot(e.floating):!1;if(o===n||l&&a)return r;let d={scrollLeft:0,scrollTop:0},u=$e(1),p=$e(0),m=Ee(o);if((m||!m&&!a)&&((it(o)!=="body"||pt(n))&&(d=Tt(o)),Ee(o))){let h=Nt(o);u=mt(o),p.x=h.x+o.clientLeft,p.y=h.y+o.clientTop}let k=n&&!m&&!a?Vi(n,d,!0):$e(0);return{width:r.width*u.x,height:r.height*u.y,x:r.x*u.x-d.scrollLeft*u.x+p.x+k.x,y:r.y*u.y-d.scrollTop*u.y+p.y+k.y}}function Qc(t){return Array.from(t.getClientRects())}function Yc(t){let e=Ne(t),r=Tt(t),o=t.ownerDocument.body,i=de(e.scrollWidth,e.clientWidth,o.scrollWidth,o.clientWidth),a=de(e.scrollHeight,e.clientHeight,o.scrollHeight,o.clientHeight),n=-r.scrollLeft+Wr(t),l=-r.scrollTop;return we(o).direction==="rtl"&&(n+=de(e.clientWidth,o.clientWidth)-i),{width:i,height:a,x:n,y:l}}function Xc(t,e){let r=ue(t),o=Ne(t),i=r.visualViewport,a=o.clientWidth,n=o.clientHeight,l=0,d=0;if(i){a=i.width,n=i.height;let u=nr();(!u||u&&e==="fixed")&&(l=i.offsetLeft,d=i.offsetTop)}return{width:a,height:n,x:l,y:d}}function Kc(t,e){let r=Nt(t,!0,e==="fixed"),o=r.top+t.clientTop,i=r.left+t.clientLeft,a=Ee(t)?mt(t):$e(1),n=t.clientWidth*a.x,l=t.clientHeight*a.y,d=i*a.x,u=o*a.y;return{width:n,height:l,x:d,y:u}}function Di(t,e,r){let o;if(e==="viewport")o=Xc(t,r);else if(e==="document")o=Yc(Ne(t));else if(ve(e))o=Kc(e,r);else{let i=Ri(t);o={x:e.x-i.x,y:e.y-i.y,width:e.width,height:e.height}}return ot(o)}function Ii(t,e){let r=Ie(t);return r===e||!ve(r)||at(r)?!1:we(r).position==="fixed"||Ii(r,e)}function Zc(t,e){let r=e.get(t);if(r)return r;let o=or(t,[],!1).filter(l=>ve(l)&&it(l)!=="body"),i=null,a=we(t).position==="fixed",n=a?Ie(t):t;for(;ve(n)&&!at(n);){let l=we(n),d=ar(n);!d&&l.position==="fixed"&&(i=null),(a?!d&&!i:!d&&l.position==="static"&&!!i&&["absolute","fixed"].includes(i.position)||pt(n)&&!d&&Ii(t,n))?o=o.filter(p=>p!==n):i=l,n=Ie(n)}return e.set(t,o),o}function Gc(t){let{element:e,boundary:r,rootBoundary:o,strategy:i}=t,n=[...r==="clippingAncestors"?Ot(e)?[]:Zc(e,this._c):[].concat(r),o],l=n[0],d=n.reduce((u,p)=>{let m=Di(e,p,i);return u.top=de(m.top,u.top),u.right=Re(m.right,u.right),u.bottom=Re(m.bottom,u.bottom),u.left=de(m.left,u.left),u},Di(e,l,i));return{width:d.right-d.left,height:d.bottom-d.top,x:d.left,y:d.top}}function Wc(t){let{width:e,height:r}=Bi(t);return{width:e,height:r}}function ed(t,e,r){let o=Ee(e),i=Ne(e),a=r==="fixed",n=Nt(t,!0,a,e),l={scrollLeft:0,scrollTop:0},d=$e(0);if(o||!o&&!a)if((it(e)!=="body"||pt(i))&&(l=Tt(e)),o){let k=Nt(e,!0,a,e);d.x=k.x+e.clientLeft,d.y=k.y+e.clientTop}else i&&(d.x=Wr(i));let u=i&&!o&&!a?Vi(i,l):$e(0),p=n.left+l.scrollLeft-d.x-u.x,m=n.top+l.scrollTop-d.y-u.y;return{x:p,y:m,width:n.width,height:n.height}}function Gr(t){return we(t).position==="static"}function zi(t,e){if(!Ee(t)||we(t).position==="fixed")return null;if(e)return e(t);let r=t.offsetParent;return Ne(t)===r&&(r=r.ownerDocument.body),r}function Fi(t,e){let r=ue(t);if(Ot(t))return r;if(!Ee(t)){let i=Ie(t);for(;i&&!at(i);){if(ve(i)&&!Gr(i))return i;i=Ie(i)}return r}let o=zi(t,e);for(;o&&Ni(o)&&Gr(o);)o=zi(o,e);return o&&at(o)&&Gr(o)&&!ar(o)?r:o||Mi(t)||r}var td=async function(t){let e=this.getOffsetParent||Fi,r=this.getDimensions,o=await r(t.floating);return{reference:ed(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}};function rd(t){return we(t).direction==="rtl"}var od={convertOffsetParentRelativeRectToViewportRelativeRect:Jc,getDocumentElement:Ne,getClippingRect:Gc,getOffsetParent:Fi,getElementRects:td,getClientRects:Qc,getDimensions:Wc,getScale:mt,isElement:ve,isRTL:rd};var ji=Si;var Hi=_i,qi=Ei,Ui=Li,Ji=Ci,Qi=$i;var Yi=(t,e,r)=>{let o=new Map,i={platform:od,...r},a={...i.platform,_c:o};return ki(t,e,{...i,platform:a})};var cr="top-start",dr="top",ur="top-end",pr="right-start",mr="right",hr="right-end",br="bottom-start",Mt="bottom",gr="bottom-end",fr="left-start",vr="left",wr="left-end",eo=[cr,dr,ur,pr,mr,hr,br,Mt,gr,fr,vr,wr],nt={[cr]:br,[dr]:Mt,[ur]:gr,[br]:cr,[Mt]:dr,[gr]:ur,[fr]:pr,[vr]:mr,[wr]:hr,[pr]:fr,[mr]:vr,[hr]:wr},id={[fr]:-45,[vr]:-45,[wr]:-45,[cr]:45,[dr]:45,[ur]:45,[pr]:135,[mr]:135,[hr]:135,[br]:-135,[Mt]:-135,[gr]:-135},to=t=>{let e;return/-/.test(t)?e=t.split("-").map(r=>r.charAt(0).toUpperCase()+r.slice(1)).join(""):e=t.charAt(0).toUpperCase()+t.slice(1),e},ad=t=>t.split("-")[0],nd=t=>nt[ad(t)],Ki=t=>nt[t],sd=t=>id[Ki(t)],ld=(t,e,r)=>{Object.assign(t==null?void 0:t.style,{borderTopLeftRadius:"4px",zIndex:1,[`margin${to(nd(r))}`]:"-0.5px",transform:`rotate(${e}deg)`})},Xi=8,lr=24;async function ro(t){var o,i,a;if(!(t!=null&&t.isShowing)||(t!=null&&t.waitForDOM&&await(t==null?void 0:t.waitForDOM()),!(t!=null&&t.targetEl)||!(t!=null&&t.attentionEl)))return;let e=t==null?void 0:t.targetEl,r=t.attentionEl;return Yi(e,r,{placement:(o=t==null?void 0:t.directionName)!=null?o:Mt,middleware:[ji({mainAxis:(i=t==null?void 0:t.distance)!=null?i:8,crossAxis:(a=t==null?void 0:t.skidding)!=null?a:0}),(t==null?void 0:t.flip)&&qi({crossAxis:t==null?void 0:t.crossAxis,fallbackPlacements:t==null?void 0:t.fallbackPlacements}),(t==null?void 0:t.flip)&&Hi({crossAxis:!0}),!(t!=null&&t.noArrow)&&(t==null?void 0:t.arrowEl)&&Qi({element:t==null?void 0:t.arrowEl}),Ji(),Ui({apply(){Object.assign(r.style,{paddingRight:`${Xi}px`,paddingLeft:`${Xi}px`})}})]}).then(({x:n,y:l,middlewareData:d,placement:u})=>{if(t.actualDirection=u,t!=null&&t.isCallout||Object.assign(r.style,{left:`${n}px`,top:`${l}px`}),d!=null&&d.hide&&!(t!=null&&t.isCallout)){let{referenceHidden:p}=d.hide;Object.assign(r.style,{visibility:p?"hidden":""})}if(d!=null&&d.arrow&&(t!=null&&t.arrowEl)){let p=t==null?void 0:t.arrowEl,{x:m,y:k}=d.arrow,h=window.getComputedStyle(r).direction==="rtl",y=Ki(u).split("-")[1],C="",$="",T="",N="";if(y==="start"){let D=typeof m=="number"?`calc(${lr}px - ${p.offsetWidth/2}px)`:"";C=typeof k=="number"?`calc(${lr}px - ${p.offsetWidth/2}px)`:"",$=h?D:"",N=h?"":D}else if(y==="end"){let D=typeof m=="number"?`calc(${lr}px - ${p.offsetWidth/2}px)`:"";$=h?"":D,N=h?D:"",T=typeof k=="number"?`calc(${lr}px - ${p.offsetWidth/2}px)`:""}else N=typeof m=="number"?`${m}px`:"",C=typeof k=="number"?`${k}px`:"";Object.assign(p.style,{top:C,right:$,bottom:T,left:N}),ld(p,sd(u),u)}}),t}var xr={wrapper:"fixed transform translate-z-0 bottom-16 left-0 right-0 mx-8 sm:mx-16 z-50 pointer-events-none",base:"grid auto-rows-auto justify-items-center justify-center mx-auto pointer-events-none",content:"w-full"},xe={wrapper:"relative overflow-hidden w-full",base:"flex group p-8 mt-16 rounded-8 border-2 pointer-events-auto transition-all",positive:"s-bg-positive-subtle s-border-positive-subtle s-text",warning:"s-bg-warning-subtle s-border-warning-subtle s-text",negative:"s-bg-negative-subtle s-border-negative-subtle s-text",iconBase:"shrink-0 rounded-full w-[16px] h-[16px] m-[8px]",iconPositive:"s-icon-positive",iconWarning:"s-icon-warning",iconNegative:"s-icon-negative",iconLoading:"animate-bounce",content:"self-center mr-8 py-4 last-child:mb-0",close:"bg-transparent ml-auto p-[8px] s-icon hover:s-icon-hover active:s-icon-active"};var Qe="font-bold focusable justify-center transition-colors ease-in-out",V={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"},O={primary:`border-0 rounded-8 ${Qe}`,secondary:`border-2 rounded-8 ${Qe}`,utility:`border rounded-4 ${Qe}`,negative:`border-0 rounded-8 ${Qe}`,pill:`p-4 rounded-full border-0 inline-flex items-center justify-center hover:bg-clip-padding ${Qe}`,link:`bg-transparent focusable ease-in-out inline active:underline hover:underline focus:underline ${V.link}`},v={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"},f={medium:"text-m leading-[24]",xsmall:"text-xs"},b={inProgress:`border-transparent animate-inprogress pointer-events-none ${V.loading}`,quiet:`border-0 rounded-8 ${Qe}`,utilityQuiet:`border-0 rounded-4 ${Qe}`,negativeQuiet:`border-0 rounded-8 ${Qe}`,isDisabled:`font-bold justify-center transition-colors ease-in-out cursor-default pointer-events-none ${V.disabled}`},ub={secondary:`${v.medium} ${f.medium} ${O.secondary} ${V.secondary}`,secondaryHref:`${v.medium} ${f.medium} ${O.secondary} ${V.secondary}`,secondaryDisabled:`${v.medium} ${f.medium} ${O.secondary} ${b.isDisabled}`,secondarySmall:`${f.xsmall} ${v.xsmall} ${O.secondary} ${V.secondary}`,secondarySmallDisabled:`${f.xsmall} ${v.xsmall} ${O.secondary} ${b.isDisabled}`,secondaryQuiet:`${v.medium} ${f.medium} ${b.quiet} ${V.quiet}`,secondaryQuietDisabled:`${v.medium} ${f.medium} ${b.quiet} ${b.isDisabled}`,secondarySmallQuiet:`${f.xsmall} ${v.xsmall} ${b.quiet} ${V.quiet}`,secondarySmallQuietDisabled:`${f.xsmall} ${v.xsmall} ${b.quiet} ${b.isDisabled}`,secondaryLoading:`${v.medium} ${f.medium} ${O.secondary} ${b.inProgress}`,secondarySmallLoading:`${f.xsmall} ${v.xsmall} ${O.secondary} ${b.inProgress}`,secondarySmallQuietLoading:`${f.xsmall} ${v.xsmall} ${b.quiet} ${b.inProgress}`,secondaryQuietLoading:`${v.medium} ${f.medium} ${b.quiet} ${b.inProgress}`,primary:`${v.large} ${f.medium} ${O.primary} ${V.primary}`,primaryDisabled:`${v.large} ${f.medium} ${b.isDisabled} ${O.primary}`,primarySmall:`${v.small} ${f.xsmall} ${O.primary} ${V.primary}`,primarySmallDisabled:`${v.small} ${f.xsmall} ${b.isDisabled} ${O.primary} `,primaryQuiet:`${v.large} ${f.medium} ${b.quiet} ${V.quiet}`,primaryQuietDisabled:`${v.large} ${f.medium} ${b.quiet} ${b.isDisabled}`,primarySmallQuiet:`${v.small} ${f.xsmall} ${b.quiet} ${V.quiet}`,primarySmallQuietDisabled:`${v.small} ${f.xsmall} ${b.quiet} ${b.isDisabled}`,primaryLoading:`${v.large} ${f.medium} ${b.inProgress} ${O.primary}`,primarySmallLoading:`${v.small} ${f.xsmall} ${b.inProgress} ${O.primary}`,primarySmallQuietLoading:`${v.small} ${f.xsmall} ${b.quiet} ${b.inProgress} ${O.primary}`,primaryQuietLoading:`${v.large} ${f.medium} ${b.quiet} ${b.inProgress}`,utility:`${v.utility} ${f.medium} ${O.utility} ${V.utility}`,utilityDisabled:`${v.utility} ${f.medium} ${O.utility} ${b.isDisabled}`,utilityQuiet:`${v.large} ${f.medium} ${b.utilityQuiet} ${V.utilityQuiet}`,utilityQuietDisabled:`${v.large} ${f.medium} ${b.utilityQuiet} ${b.isDisabled}`,utilitySmall:`${v.smallUtility} ${f.xsmall} ${O.utility} ${V.utility}`,utilitySmallDisabled:`${v.smallUtility} ${f.xsmall} ${O.utility} ${b.isDisabled}`,utilitySmallQuiet:`${v.smallUtility} ${f.xsmall} ${b.utilityQuiet} ${V.utilityQuiet}`,utilitySmallQuietDisabled:`${v.smallUtility} ${f.xsmall} ${b.utilityQuiet} ${b.isDisabled}`,utilityLoading:`${v.large} ${f.medium} ${O.utility} ${b.inProgress}`,utilitySmallLoading:`${v.smallUtility} ${f.xsmall} ${O.utility} ${b.inProgress}`,utilityQuietLoading:`${v.large} ${f.medium} ${b.inProgress} ${b.utilityQuiet}`,utilitySmallQuietLoading:`${v.smallUtility} ${f.xsmall} ${b.inProgress} ${b.utilityQuiet}`,negative:`${v.large} ${f.medium} ${O.negative} ${V.destructive}`,negativeDisabled:`${v.large} ${f.medium} ${O.negative} ${b.isDisabled}`,negativeQuiet:`${v.large} ${f.medium} ${b.negativeQuiet} ${V.negativeQuiet}`,negativeQuietDisabled:`${v.large} ${f.medium} ${b.negativeQuiet}${b.isDisabled}`,negativeSmall:`${v.small} ${f.xsmall} ${O.negative} ${V.destructive}`,negativeSmallDisabled:`${v.small} ${f.xsmall} ${O.negative} ${b.isDisabled}`,negativeSmallQuiet:`${v.small} ${f.xsmall} ${b.negativeQuiet} ${V.negativeQuiet}`,negativeSmallQuietDisabled:`${v.small} ${f.xsmall} ${b.negativeQuiet} ${b.isDisabled}`,negativeLoading:`${v.large} ${f.medium} ${O.negative} ${b.inProgress}`,negativeSmallLoading:`${v.small} ${f.xsmall} ${b.inProgress} ${O.negative}`,negativeQuietLoading:`${v.large} ${f.medium} ${b.negativeQuiet} ${O.negative} ${b.inProgress}`,negativeSmallQuietLoading:`${v.small} ${f.xsmall} ${b.negativeQuiet} ${b.inProgress}`,pill:`${v.pill} ${f.medium} ${O.pill} ${V.pill}`,pillSmall:`${v.pillSmall} ${f.xsmall} ${O.pill} ${V.pill}`,pillLoading:`${v.pill} ${f.medium} ${O.pill} ${b.inProgress}`,pillSmallLoading:`${v.pillSmall} ${f.xsmall} ${O.pill} ${b.inProgress}`,link:`${v.link} ${f.medium} ${O.link}`,linkSmall:`${v.link} ${f.xsmall} ${O.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"};var pb={backdrop:"fixed inset-0 flex sm:place-content-center sm:place-items-center items-end z-30 [--w-modal-max-height:80%] [--w-modal-width:640px] bg-[--w-black/25]",base:"pb-safe-[32] shadow-m max-h-[--w-modal-max-height] min-h-[--w-modal-min-height] w-[--w-modal-width] h-[--w-modal-height] relative transition-300 ease-in-out backface-hidden will-change-height rounded-8 mx-0 sm:mx-16 bg-[--w-s-color-surface-elevated-100] flex flex-col overflow-hidden outline-none space-y-16 pt-8 sm:pt-32 sm:pb-32 rounded-b-0 sm:rounded-b-8",content:"block overflow-y-auto overflow-x-hidden last-child:mb-0 grow shrink px-16 sm:px-32 relative",footer:"flex justify-end shrink-0 px-16 sm:px-32",transitionTitle:"transition-all duration-300",transitionTitleCenter:"justify-self-center self-center",transitionTitleColSpan:"col-span-2",title:"py-8 sm:py-0 -mt-4 sm:-mt-8 min-h-40 sm:min-h-48 grid gap-8 sm:gap-16 grid-cols-[auto_1fr_auto] items-start px-16 sm:px-32 border-b sm:border-b-0 shrink-0",titleText:"mb-0 h4 sm:h3",titleButton:`${f.medium} ${O.pill} ${V.pill} sm:min-h-[44px] sm:min-w-[44px] min-h-[32px] min-w-[32px]`,titleButtonLeft:"-ml-8 sm:-ml-12 justify-self-start",titleButtonRight:"-mr-8 sm:-mr-12 justify-self-end",titleButtonIcon:"h-16 w-16 sm:h-24 sm:w-24",titleButtonIconRotated:"transform rotate-90"};var Zi="absolute top-0 bottom-0 flex justify-center items-center focusable rounded-4 focus:[--w-outline-offset:-2px] bg-transparent ",mb={wrapper:Zi+"right-0",wrapperWithLabel:"w-max pr-12",wrapperWithIcon:"w-40",label:"antialiased block relative cursor-default pb-0 font-bold text-xs s-text"},hb={wrapper:Zi+"left-0",wrapperWithLabel:"w-max pl-12",wrapperWithIcon:"w-40",label:"antialiased block relative cursor-default pb-0 font-bold text-xs s-text"};var Je={field:"relative text-m",wrapper:"relative py-1",wrapperRadioButtons:"inline-flex font-bold rounded-8 focus-within:focusable",wrapperRadioButtonsJustified:"flex font-bold rounded-8 focus-within:focusable",radioButtonsGroup:"group",radioButtonsGroupJustified:"grow-1 shrink-0 basis-auto",input:"peer",a11y:"sr-only",label:"peer-focus:focusable cursor-pointer text-m s-text s-border py-2 pl-28 select-none relative block before:border before:absolute before:transition-all before:left-0 before:w-20 before:h-20 before:top-2",labelBefore:'before:content-[""] before:block',checkbox:"before:s-bg before:rounded-2 hover:before:s-border-primary hover:before:s-bg-hover peer-checked:before:bg-center peer-checked:before:bg-[url(var(--w-icon-toggle-checked))] peer-checked:before:s-border-primary peer-checked:before:s-bg-primary peer-checked:peer-hover:before:s-border-primary-hover peer-checked:peer-hover:before:s-bg-primary-hover",checkboxInvalid:"before:s-bg before:s-border-negative before:rounded-2 hover:before:s-bg-negative-subtle-hover hover:before:s-border-negative-hover peer-checked:before:bg-center peer-checked:before:bg-[url(var(--w-icon-toggle-checked))] peer-checked:before:s-bg-negative peer-checked:before:s-border-negative peer-checked:peer-hover:before:s-bg-negative-hover peer-checked:peer-hover:before:s-border-negative-hover",checkboxDisabled:"before:s-bg-disabled-subtle before:s-border-disabled pointer-events-none before:rounded-2 peer-checked:before:bg-center peer-checked:before:bg-[url(var(--w-icon-toggle-checked))] peer-checked:before:s-border-disabled peer-checked:before:s-bg-disabled",indeterminate:'before:content-["\u2013"] before:rounded-2 before:leading-xs before:text-center before:font-bold before:s-icon-inverted peer-indeterminate:before:s-border-primary peer-indeterminate:before:s-bg-primary peer-indeterminate:hover:before:s-border-primary-hover peer-indeterminate:hover:before:s-bg-primary-hover',indeterminateInvalid:'before:content-["\u2013"] before:rounded-2 before:leading-xs before:text-center before:font-bold before:s-icon-inverted peer-indeterminate:before:s-border-negative peer-indeterminate:before:s-bg-negative peer-indeterminate:hover:before:s-border-negative-hover peer-indeterminate:hover:before:s-bg-negative-hover',indeterminateDisabled:'before:content-["\u2013"] before:rounded-2 before:leading-xs before:text-center before:font-bold pointer-events-none before:s-icon-inverted peer-indeterminate:before:s-border-disabled peer-indeterminate:before:s-bg-disabled',radio:"before:s-bg before:rounded-full peer-checked:before:border-[6] peer-checked:before:s-border-selected peer-checked:peer-hover:before:s-border-selected-hover peer-hover:before:s-border-primary peer-hover:before:s-bg-hover",radioInvalid:"before:s-bg before:s-border-negative before:rounded-full peer-checked:before:border-[6] peer-hover:before:s-bg-negative-subtle peer-hover:before:s-border-negative-hover peer-checked:before:s-border-negative peer-checked:peer-hover:before:s-border-negative-hover",radioDisabled:"before:s-bg-disabled-subtle before:s-border-disabled pointer-events-none before:rounded-full peer-checked:before:border-[6]",radioButtonsLabel:"peer-hover:peer-not-checked:s-bg-hover peer-checked:s-text-inverted peer-checked:s-bg-primary peer-checked:s-border-primary block relative font-bold cursor-pointer s-text-link text-center s-bg border-2 s-border group-first-of-type:rounded-tl-8 group-first-of-type:rounded-bl-8 group-last-of-type:rounded-tr-8 group-last-of-type:rounded-br-8 group-not-last-of-type:border-r-0 peer-checked:z-10 group-not-first:-ml-2",radioButtonsRegular:"text-s py-8 pl-12 pr-14",radioButtonsSmall:"text-xs py-[5px] px-[8px]"},bb={wrapper:`${Je.wrapper} h-20 w-20 pointer-events-none`,input:`${Je.input} hidden`,inputVue:"hidden",labelVue:"-mt-2",labelRadio:`${Je.label} ${Je.labelBefore} ${Je.radio}`,labelCheckbox:`${Je.label} ${Je.labelBefore} ${Je.checkbox}`};var st={base:"border-2 relative flex items-start",tooltip:"s-bg-inverted border-[--w-s-color-background-inverted] shadow-m s-text-inverted-static 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",closeBtn:`${f.medium} ${O.pill} ${V.pill} justify-self-end -mr-8 ml-8`};import la from"@warp-ds/elements-core";import{ifDefined as hd}from"lit/directives/if-defined.js";var cd=["en","nb","fi","da","sv"],Wi="en",Gi=t=>cd.find(e=>t===e||t.toLowerCase().includes(e))||Wi;function dd(){if(typeof window=="undefined"){let t=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return Gi(t)}try{let t=document.documentElement.lang;return Gi(t)}catch(t){return console.warn("could not detect locale, falling back to source locale",t),Wi}}var ud=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,G=(t,e,r,o,i)=>{let a=dd(),n=ud(a,t,e,r,o,i);c.load(a,n),c.activate(a)};import{classMap as yb}from"lit/directives/class-map.js";var pd=t=>t.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase();function ea(t){return class extends t{static createProperty(e,r){let o=r;(typeof(r==null?void 0:r.attribute)=="undefined"||(r==null?void 0:r.attribute)===!0)&&(o=Object.assign({},r,{attribute:pd(e.toString())})),super.createProperty(e,o)}}}function ta(){return`m${Math.random().toString(36).slice(2)}`}var ra=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 oa=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 ia=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 aa=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 na=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"]}');var At=class extends ea(la){constructor(){super(),G(oa,aa,ia,ra,na),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(nt).includes(this.placement))throw new Error(`Invalid "placement" attribute. Set its value to one of the following:
|
|
2484
|
+
${JSON.stringify(Object.keys(nt))}`);if(this.fallbackPlacements&&!this.fallbackPlacements.every(e=>eo.includes(e)))throw new Error(`Invalid "fallbackPlacements" attribute. Set its value to an array with one or more of the following:
|
|
2485
|
+
${JSON.stringify(eo)}`);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?ro(this.attentionState).then(e=>{this._actualDirection=e==null?void 0:e.actualDirection}):this._actualDirection=this._initialPlacement})}get _actualDirection(){return this.placement}set _actualDirection(e){this.placement=e}get _arrowEl(){return this.renderRoot.querySelector("#arrow")}get _arrowDirection(){return nt[this._actualDirection]}get _arrowClasses(){return L([st.arrowBase,this._activeVariantClasses.arrow,st[`arrowDirection${to(this._arrowDirection)}`]])}get _arrowHtml(){return this.noArrow?"":ht`<div id="arrow" class="${this._arrowClasses}"></div>`}get _activeVariantClasses(){let e={callout:this.callout,popover:this.popover,tooltip:this.tooltip,highlight:this.highlight},r=Object.keys(e).find(o=>!!e[o])||"";return{wrapper:st[r],arrow:st[`arrow${r.charAt(0).toUpperCase()+r.slice(1)}`]}}get _attentionEl(){return this.renderRoot.querySelector("#attention")}get _targetEl(){var r;let e=(r=this.renderRoot)==null?void 0:r.querySelector("slot[name='target']");return e?e.assignedNodes()[0]:null}get _messageEl(){let e=this.renderRoot.querySelector("slot[name='message']");return e?e.assignedNodes()[0]:null}get _wrapperClasses(){return L([st.base,this._activeVariantClasses.wrapper])}get _ariaClose(){return c._({id:"attention.aria.close",message:"Close",comment:"Aria label for the close button in attention"})}get _closeBtnHtml(){return ht`
|
|
2486
2486
|
<button aria-label="${this._ariaClose}" @click="${this.close}" @keydown=${this.keypressed} class="${st.closeBtn}">
|
|
2487
2487
|
<w-icon-close-16></w-icon-close-16>
|
|
2488
2488
|
</button>
|
|
2489
|
-
`}updated(){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},
|
|
2490
|
-
<div class=${
|
|
2489
|
+
`}updated(){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},ro(this.attentionState)}pointingAtDirection(){switch(nt[this._actualDirection]){case"top-start":case"top":case"top-end":return c._({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 c._({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 c._({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 c._({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 c._({id:"attention.aria.tooltip",message:"tooltip",comment:"Default screenreader message for tooltip in the attention component"});case this.callout:return c._({id:"attention.aria.callout",message:"callout speech bubble",comment:"Default screenreader message for callout speech bubble in the attention component"});case this.popover:return c._({id:"attention.aria.popover",message:"popover speech bubble",comment:"Default screenreader message for popover speech bubble in the attention component"});case this.highlight:return c._({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()}`}setAriaLabels(){if(this._targetEl&&!this._targetEl.getAttribute("aria-details")){let e=this._messageEl.id||(this._messageEl.id=ta());this._targetEl.setAttribute("aria-details",e)}}firstUpdated(){this._initialPlacement=this.placement,this.setAriaLabels(),this.callout&&(this._attentionEl.style.position="relative")}close(){let e=new CustomEvent("close",{bubbles:!0,composed:!0});this.updateComplete.then(()=>this.dispatchEvent(e))}keypressed(e){this.canClose&&e.key==="Escape"&&(e.preventDefault(),this.close())}render(){return!this.callout&&this._targetEl===void 0?ht``:ht`
|
|
2490
|
+
<div class=${hd(this.className?this.className:void 0)}>
|
|
2491
2491
|
${this.placement==="right-start"||this.placement==="right"||this.placement==="right-end"||this.placement==="bottom-start"||this.placement==="bottom"||this.placement==="bottom-end"?ht`
|
|
2492
2492
|
<slot name="target"></slot>
|
|
2493
2493
|
|
|
2494
2494
|
<div id="attention" class="${this._wrapperClasses}">
|
|
2495
2495
|
<div role="${this.tooltip?"tooltip":"img"}" aria-label="${this.defaultAriaLabel()}">${this._arrowHtml}</div>
|
|
2496
2496
|
<slot name="message"></slot>
|
|
2497
|
-
${this.canClose?this._closeBtnHtml:
|
|
2497
|
+
${this.canClose?this._closeBtnHtml:sa}
|
|
2498
2498
|
</div>
|
|
2499
2499
|
`:ht`
|
|
2500
2500
|
<div id="attention" class="${this._wrapperClasses}">
|
|
2501
2501
|
<slot name="message"></slot>
|
|
2502
2502
|
<div role="${this.tooltip?"tooltip":"img"}" aria-label="${this.defaultAriaLabel()}">${this._arrowHtml}</div>
|
|
2503
|
-
${this.canClose?this._closeBtnHtml:
|
|
2503
|
+
${this.canClose?this._closeBtnHtml:sa}
|
|
2504
2504
|
</div>
|
|
2505
2505
|
<slot name="target"></slot>
|
|
2506
2506
|
`}
|
|
2507
2507
|
</div>
|
|
2508
|
-
`}};J(
|
|
2508
|
+
`}};J(At,"properties",{show:{type:Boolean,reflect:!0},placement:{type:String,reflect:!0},tooltip:{type:Boolean,reflect:!0},callout:{type:Boolean,reflect:!0},popover:{type:Boolean,reflect:!0},highlight:{type:Boolean,reflect:!0},canClose:{type:Boolean,reflect:!0},noArrow:{type:Boolean,reflect:!0},distance:{type:Number,reflect:!0},skidding:{type:Number,reflect:!0},flip:{type:Boolean,reflect:!0},crossAxis:{type:Boolean,reflect:!0},fallbackPlacements:{type:Array,reflect:!0}}),J(At,"styles",[la.styles,md`
|
|
2509
2509
|
#attention {
|
|
2510
2510
|
position: absolute;
|
|
2511
2511
|
z-index: 50;
|
|
@@ -2516,35 +2516,35 @@ ${JSON.stringify(Zr)}`);setTimeout(()=>{this.requestUpdate(),this.handleDone()},
|
|
|
2516
2516
|
:host([popover]:not(:popover-open):not(dialog[open])) {
|
|
2517
2517
|
display: contents;
|
|
2518
2518
|
}
|
|
2519
|
-
`]);customElements.get("w-attention")||customElements.define("w-attention",
|
|
2519
|
+
`]);customElements.get("w-attention")||customElements.define("w-attention",At);import{html as gd,LitElement as fd}from"lit";import{property as da}from"lit/decorators.js";import{css as bd}from"lit";var ca=bd`*,: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}.backdrop-blur{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bg-\\[--w-black\\/70\\]{background-color:rgba(var(--w-rgb-black),.7)}.bg-\\[--w-color-badge-info-background\\]{background-color:var(--w-color-badge-info-background)}.bg-\\[--w-color-badge-negative-background\\]{background-color:var(--w-color-badge-negative-background)}.bg-\\[--w-color-badge-neutral-background\\]{background-color:var(--w-color-badge-neutral-background)}.bg-\\[--w-color-badge-positive-background\\]{background-color:var(--w-color-badge-positive-background)}.bg-\\[--w-color-badge-sponsored-background\\]{background-color:var(--w-color-badge-sponsored-background)}.bg-\\[--w-color-badge-warning-background\\]{background-color:var(--w-color-badge-warning-background)}.border-0{border-width:0}.rounded-4{border-radius:4px}.rounded-bl-0{border-bottom-left-radius:0}.rounded-br-0{border-bottom-right-radius:0}.rounded-tl-0{border-top-left-radius:0}.rounded-tr-0{border-top-right-radius:0}.inline-flex{display:inline-flex}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.top-0{top:0}.absolute{position:absolute}.static{position:static}.s-bg-disabled{background-color:var(--w-s-color-background-disabled)}.s-text{color:var(--w-s-color-text)}.s-text-inverted-static{color:var(--w-s-color-text-inverted-static)}.px-8{padding-left:.8rem;padding-right:.8rem}.py-4{padding-top:.4rem;padding-bottom:.4rem}.text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs)}`;var bt=class extends fd{constructor(){super(...arguments);this.variant="neutral"}get _class(){return L(["py-4 px-8 border-0 rounded-4 text-xs inline-flex",this.variant==="neutral"&&"bg-[--w-color-badge-neutral-background] s-text",this.variant==="info"&&"bg-[--w-color-badge-info-background] s-text",this.variant==="positive"&&"bg-[--w-color-badge-positive-background] s-text",this.variant==="warning"&&"bg-[--w-color-badge-warning-background] s-text",this.variant==="negative"&&"bg-[--w-color-badge-negative-background] s-text",this.variant==="disabled"&&"s-bg-disabled s-text",this.variant==="price"&&"bg-[--w-black/70] s-text-inverted-static",this.variant==="sponsored"&&"bg-[--w-color-badge-sponsored-background] s-text",!!this.position&&"absolute backdrop-blur",this.position==="top-left"&&"rounded-tl-0 rounded-tr-0 rounded-bl-0 top-0 left-0",this.position==="top-right"&&"rounded-tl-0 rounded-tr-0 rounded-br-0 top-0 right-0",this.position==="bottom-right"&&"rounded-tr-0 rounded-br-0 rounded-bl-0 bottom-0 right-0",this.position==="bottom-left"&&"rounded-tl-0 rounded-br-0 rounded-bl-0 bottom-0 left-0"])}render(){return gd`
|
|
2520
2520
|
<div class="${this._class}">
|
|
2521
2521
|
<slot></slot>
|
|
2522
2522
|
</div>
|
|
2523
|
-
`}};bt.styles=[A,
|
|
2523
|
+
`}};bt.styles=[A,ca],s([da({type:String,reflect:!0})],bt.prototype,"variant",2),s([da({type:String,reflect:!0})],bt.prototype,"position",2);customElements.get("w-badge")||customElements.define("w-badge",bt);import{html as wd,LitElement as xd,nothing as yd}from"lit";import{property as Dt}from"lit/decorators.js";import{css as vd}from"lit";var ua=vd`*,: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}.border-2{border-width:2px}.rounded-8{border-radius:8px}.rounded-l-0{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-r-0{border-top-right-radius:0;border-bottom-right-radius:0}.block{display:block}.relative{position:relative}.static{position:static}.s-bg{background-color:var(--w-s-color-background)}.s-bg-info-subtle{background-color:var(--w-s-color-background-info-subtle)}.s-border{border-color:var(--w-s-color-border)}.s-surface-sunken{background-color:var(--w-s-color-surface-sunken)}.-mx-16{margin-left:-1.6rem;margin-right:-1.6rem}.last-child\\:mb-0>:last-child{margin-bottom:0}.p-16{padding:1.6rem}.break-words{overflow-wrap:break-word}@media (min-width:480px){.sm\\:rounded-8{border-radius:8px}.sm\\:mx-0{margin-left:0;margin-right:0}}`;var Fe=class extends xd{get _class(){return L(["group block relative break-words last-child:mb-0 p-16 rounded-8",this.bleed&&"-mx-16 sm:mx-0 rounded-l-0 rounded-r-0 sm:rounded-8",this.info&&"s-bg-info-subtle",this.neutral&&"s-surface-sunken",this.bordered&&"border-2 s-border s-bg"])}get _optOutRoleWithDefault(){var e;return this.role===""?yd:(e=this.role)!=null?e:"region"}render(){return wd`
|
|
2524
2524
|
<div role="${this._optOutRoleWithDefault}" class="${this._class}">
|
|
2525
2525
|
<slot></slot>
|
|
2526
2526
|
</div>
|
|
2527
|
-
`}};
|
|
2527
|
+
`}};Fe.styles=[A,ua],s([Dt({type:Boolean,reflect:!0})],Fe.prototype,"bleed",2),s([Dt({type:Boolean,reflect:!0})],Fe.prototype,"bordered",2),s([Dt({type:Boolean,reflect:!0})],Fe.prototype,"info",2),s([Dt({type:Boolean,reflect:!0})],Fe.prototype,"neutral",2),s([Dt({type:String,reflect:!0})],Fe.prototype,"role",2);customElements.get("w-box")||customElements.define("w-box",Fe);import{html as oo,LitElement as $d}from"lit";function pa(t,e){return t.flatMap(r=>[r,e]).slice(0,-1)}import{property as Ed}from"lit/decorators.js";var ma=JSON.parse('{"breadcrumbs.ariaLabel":["Du er her"]}');var ha=JSON.parse('{"breadcrumbs.ariaLabel":["You are here"]}');var ba=JSON.parse('{"breadcrumbs.ariaLabel":["Olet t\xE4ss\xE4"]}');var ga=JSON.parse('{"breadcrumbs.ariaLabel":["Her er du"]}');var fa=JSON.parse('{"breadcrumbs.ariaLabel":["Du \xE4r h\xE4r"]}');import{css as kd}from"lit";var va=kd`*,: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}.flex{display:flex}.static{position:static}.s-text{color:var(--w-s-color-text)}.s-text-link{color:var(--w-s-color-text-link)}.s-icon{color:var(--w-s-color-icon)}.space-x-8>:not([hidden])~:not([hidden]){--w-space-x-reverse:0;margin-left:calc(.8rem*calc(1 - var(--w-space-x-reverse)));margin-right:calc(.8rem*var(--w-space-x-reverse))}.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}.select-none{-webkit-user-select:none;user-select:none}`;var gt={wrapper:"flex space-x-8",text:"s-text",link:"s-text-link",separator:"select-none s-icon",a11y:"sr-only"},Cd=oo`<span class=${gt.separator}>/</span>`,zt=class extends $d{constructor(){super(),G(ha,ga,ba,ma,fa),this.ariaLabel=c._({id:"breadcrumbs.ariaLabel",message:"You are here",comment:"Default screen reader message for the breadcrumb component"})}connectedCallback(){super.connectedCallback();let r=Array.from(this.children).flat(1/0).filter(o=>o).map((o,i)=>{if(typeof o=="string"){let a=i===this.children.length-1;return oo`<span class=${gt.text} aria-current=${a?"page":void 0}>${o}</span>`}return o.classList.add(o.tagName==="A"?gt.link:gt.text),o});this._children=pa(r,Cd)}render(){return oo`
|
|
2528
2528
|
<nav aria-labelledby="breadCrumbLabel">
|
|
2529
2529
|
<h2 id="breadCrumbLabel" class=${gt.a11y}>${this.ariaLabel}</h2>
|
|
2530
2530
|
<div class=${gt.wrapper}>${this._children}</div>
|
|
2531
2531
|
</nav>
|
|
2532
|
-
`}};Dt.styles=[A,ba],s([fd({attribute:"aria-label",type:String})],Dt.prototype,"ariaLabel",2);customElements.get("w-breadcrumbs")||customElements.define("w-breadcrumbs",Dt);import{html as xr,LitElement as xd}from"lit";var B=function(t,e,r,o){if(r==="a"&&!o)throw new TypeError("Private accessor was defined without a getter");if(typeof e=="function"?t!==e||!o:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return r==="m"?o:r==="a"?o.call(t):o?o.value:e.get(t)},Q=function(t,e,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 e=="function"?t!==e||!i:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return o==="a"?i.call(t,r):i?i.value=r:e.set(t,r),r};function ft(t){var e,r,o,i,a,n,l,d,u,p,m,k,h,y,C,$,T,N,D;class ee extends t{constructor(...E){var S,z,P;super(...E),e.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),l.set(this,!0),u.set(this,""),p.set(this,()=>{Q(this,i,!0,"f"),Q(this,r,!0,"f"),B(this,e,"m",$).call(this)}),m.set(this,()=>{Q(this,r,!1,"f"),B(this,e,"m",T).call(this,this.shouldFormValueUpdate()?B(this,u,"f"):""),!this.validity.valid&&B(this,i,"f")&&Q(this,o,!0,"f");let F=B(this,e,"m",$).call(this);this.validationMessageCallback&&this.validationMessageCallback(F?this.internals.validationMessage:"")}),k.set(this,()=>{var F;B(this,l,"f")&&this.validationTarget&&(this.internals.setValidity(this.validity,this.validationMessage,this.validationTarget),Q(this,l,!1,"f")),Q(this,i,!0,"f"),Q(this,o,!0,"f"),B(this,e,"m",$).call(this),(F=this===null||this===void 0?void 0:this.validationMessageCallback)===null||F===void 0||F.call(this,this.showError?this.internals.validationMessage:"")}),h.set(this,void 0),y.set(this,!1),C.set(this,Promise.resolve()),(S=this.addEventListener)===null||S===void 0||S.call(this,"focus",B(this,p,"f")),(z=this.addEventListener)===null||z===void 0||z.call(this,"blur",B(this,m,"f")),(P=this.addEventListener)===null||P===void 0||P.call(this,"invalid",B(this,k,"f")),this.setValue(null)}static get formAssociated(){return!0}static get validators(){return this.formControlValidators||[]}static get observedAttributes(){let E=this.validators.map(P=>P.attribute).flat(),S=super.observedAttributes||[];return[...new Set([...S,...E])]}static getValidator(E){return this.validators.find(S=>S.attribute===E)||null}static getValidators(E){return this.validators.filter(S=>{var z;if(S.attribute===E||!((z=S.attribute)===null||z===void 0)&&z.includes(E))return!0})}get form(){return this.internals.form}get showError(){return B(this,e,"m",$).call(this)}checkValidity(){return this.internals.checkValidity()}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}attributeChangedCallback(E,S,z){var P;(P=super.attributeChangedCallback)===null||P===void 0||P.call(this,E,S,z);let le=this.constructor.getValidators(E);le!=null&&le.length&&this.validationTarget&&this.setValue(B(this,u,"f"))}setValue(E){var S;Q(this,o,!1,"f"),(S=this.validationMessageCallback)===null||S===void 0||S.call(this,""),Q(this,u,E,"f");let P=this.shouldFormValueUpdate()?E:null;this.internals.setFormValue(P),B(this,e,"m",T).call(this,P),this.valueChangedCallback&&this.valueChangedCallback(P),B(this,e,"m",$).call(this)}shouldFormValueUpdate(){return!0}get validationComplete(){return new Promise(E=>E(B(this,C,"f")))}formResetCallback(){var E,S;Q(this,i,!1,"f"),Q(this,o,!1,"f"),B(this,e,"m",$).call(this),(E=this.resetFormControl)===null||E===void 0||E.call(this),(S=this.validationMessageCallback)===null||S===void 0||S.call(this,B(this,e,"m",$).call(this)?this.validationMessage:"")}}return r=new WeakMap,o=new WeakMap,i=new WeakMap,a=new WeakMap,n=new WeakMap,l=new WeakMap,u=new WeakMap,p=new WeakMap,m=new WeakMap,k=new WeakMap,h=new WeakMap,y=new WeakMap,C=new WeakMap,e=new WeakSet,d=function(){let E=this.getRootNode(),S=`${this.localName}[name="${this.getAttribute("name")}"]`;return E.querySelectorAll(S)},$=function(){if(this.hasAttribute("disabled"))return!1;let E=B(this,o,"f")||B(this,i,"f")&&!this.validity.valid&&!B(this,r,"f");return E&&this.internals.states?this.internals.states.add("--show-error"):this.internals.states&&this.internals.states.delete("--show-error"),E},T=function(E){let S=this.constructor,z={},P=S.validators,F=[],le=P.some(U=>U.isValid instanceof Promise);B(this,y,"f")||(Q(this,C,new Promise(U=>{Q(this,h,U,"f")}),"f"),Q(this,y,!0,"f")),B(this,a,"f")&&(B(this,a,"f").abort(),Q(this,n,B(this,a,"f"),"f"));let re=new AbortController;Q(this,a,re,"f");let ce,K=!1;P.length&&(P.forEach(U=>{let he=U.key||"customError",Z=U.isValid(this,E,re.signal);Z instanceof Promise?(F.push(Z),Z.then(fe=>{fe!=null&&(z[he]=!fe,ce=B(this,e,"m",D).call(this,U,E),B(this,e,"m",N).call(this,z,ce))})):(z[he]=!Z,this.validity[he]!==!Z&&(K=!0),!Z&&!ce&&(ce=B(this,e,"m",D).call(this,U,E)))}),Promise.allSettled(F).then(()=>{var U;re!=null&&re.signal.aborted||(Q(this,y,!1,"f"),(U=B(this,h,"f"))===null||U===void 0||U.call(this))}),(K||!le)&&B(this,e,"m",N).call(this,z,ce))},N=function(E,S){if(this.validationTarget)this.internals.setValidity(E,S,this.validationTarget),Q(this,l,!1,"f");else{if(this.internals.setValidity(E,S),this.internals.validity.valid)return;Q(this,l,!0,"f")}},D=function(E,S){if(this.validityCallback){let z=this.validityCallback(E.key||"customError");if(z)return z}return E.message instanceof Function?E.message(this,S):E.message},ee}import yd from"@warp-ds/elements-core";import{property as be}from"lit/decorators.js";var ga=JSON.parse('{"button.aria.loading":["Indl\xE6ser..."]}');var fa=JSON.parse('{"button.aria.loading":["Loading..."]}');var va=JSON.parse('{"button.aria.loading":["Ladataan..."]}');var wa=JSON.parse('{"button.aria.loading":["Laster..."]}');var xa=JSON.parse('{"button.aria.loading":["Laddar ..."]}');import{css as wd}from"lit";var ya=wd`*,: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 ka=["primary","secondary","negative","utility","pill","link"],Ye="font-bold focusable justify-center transition-colors ease-in-out",H={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"},M={primary:`border-0 rounded-8 ${Ye}`,secondary:`border-2 rounded-8 ${Ye}`,utility:`border rounded-4 ${Ye}`,negative:`border-0 rounded-8 ${Ye}`,pill:`p-4 rounded-full border-0 inline-flex items-center justify-center hover:bg-clip-padding ${Ye}`,link:`bg-transparent focusable ease-in-out inline active:underline hover:underline focus:underline ${H.link}`},w={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"},x={medium:"text-m leading-[24]",xsmall:"text-xs"},g={inProgress:`border-transparent animate-inprogress pointer-events-none ${H.loading}`,quiet:`border-0 rounded-8 ${Ye}`,utilityQuiet:`border-0 rounded-4 ${Ye}`,negativeQuiet:`border-0 rounded-8 ${Ye}`,isDisabled:`font-bold justify-center transition-colors ease-in-out cursor-default pointer-events-none ${H.disabled}`},_={secondary:`${w.medium} ${x.medium} ${M.secondary} ${H.secondary}`,secondaryHref:`${w.medium} ${x.medium} ${M.secondary} ${H.secondary}`,secondaryDisabled:`${w.medium} ${x.medium} ${M.secondary} ${g.isDisabled}`,secondarySmall:`${x.xsmall} ${w.xsmall} ${M.secondary} ${H.secondary}`,secondarySmallDisabled:`${x.xsmall} ${w.xsmall} ${M.secondary} ${g.isDisabled}`,secondaryQuiet:`${w.medium} ${x.medium} ${g.quiet} ${H.quiet}`,secondaryQuietDisabled:`${w.medium} ${x.medium} ${g.quiet} ${g.isDisabled}`,secondarySmallQuiet:`${x.xsmall} ${w.xsmall} ${g.quiet} ${H.quiet}`,secondarySmallQuietDisabled:`${x.xsmall} ${w.xsmall} ${g.quiet} ${g.isDisabled}`,secondaryLoading:`${w.medium} ${x.medium} ${M.secondary} ${g.inProgress}`,secondarySmallLoading:`${x.xsmall} ${w.xsmall} ${M.secondary} ${g.inProgress}`,secondarySmallQuietLoading:`${x.xsmall} ${w.xsmall} ${g.quiet} ${g.inProgress}`,secondaryQuietLoading:`${w.medium} ${x.medium} ${g.quiet} ${g.inProgress}`,primary:`${w.large} ${x.medium} ${M.primary} ${H.primary}`,primaryDisabled:`${w.large} ${x.medium} ${g.isDisabled} ${M.primary}`,primarySmall:`${w.small} ${x.xsmall} ${M.primary} ${H.primary}`,primarySmallDisabled:`${w.small} ${x.xsmall} ${g.isDisabled} ${M.primary} `,primaryQuiet:`${w.large} ${x.medium} ${g.quiet} ${H.quiet}`,primaryQuietDisabled:`${w.large} ${x.medium} ${g.quiet} ${g.isDisabled}`,primarySmallQuiet:`${w.small} ${x.xsmall} ${g.quiet} ${H.quiet}`,primarySmallQuietDisabled:`${w.small} ${x.xsmall} ${g.quiet} ${g.isDisabled}`,primaryLoading:`${w.large} ${x.medium} ${g.inProgress} ${M.primary}`,primarySmallLoading:`${w.small} ${x.xsmall} ${g.inProgress} ${M.primary}`,primarySmallQuietLoading:`${w.small} ${x.xsmall} ${g.quiet} ${g.inProgress} ${M.primary}`,primaryQuietLoading:`${w.large} ${x.medium} ${g.quiet} ${g.inProgress}`,utility:`${w.utility} ${x.medium} ${M.utility} ${H.utility}`,utilityDisabled:`${w.utility} ${x.medium} ${M.utility} ${g.isDisabled}`,utilityQuiet:`${w.large} ${x.medium} ${g.utilityQuiet} ${H.utilityQuiet}`,utilityQuietDisabled:`${w.large} ${x.medium} ${g.utilityQuiet} ${g.isDisabled}`,utilitySmall:`${w.smallUtility} ${x.xsmall} ${M.utility} ${H.utility}`,utilitySmallDisabled:`${w.smallUtility} ${x.xsmall} ${M.utility} ${g.isDisabled}`,utilitySmallQuiet:`${w.smallUtility} ${x.xsmall} ${g.utilityQuiet} ${H.utilityQuiet}`,utilitySmallQuietDisabled:`${w.smallUtility} ${x.xsmall} ${g.utilityQuiet} ${g.isDisabled}`,utilityLoading:`${w.large} ${x.medium} ${M.utility} ${g.inProgress}`,utilitySmallLoading:`${w.smallUtility} ${x.xsmall} ${M.utility} ${g.inProgress}`,utilityQuietLoading:`${w.large} ${x.medium} ${g.inProgress} ${g.utilityQuiet}`,utilitySmallQuietLoading:`${w.smallUtility} ${x.xsmall} ${g.inProgress} ${g.utilityQuiet}`,negative:`${w.large} ${x.medium} ${M.negative} ${H.destructive}`,negativeDisabled:`${w.large} ${x.medium} ${M.negative} ${g.isDisabled}`,negativeQuiet:`${w.large} ${x.medium} ${g.negativeQuiet} ${H.negativeQuiet}`,negativeQuietDisabled:`${w.large} ${x.medium} ${g.negativeQuiet}${g.isDisabled}`,negativeSmall:`${w.small} ${x.xsmall} ${M.negative} ${H.destructive}`,negativeSmallDisabled:`${w.small} ${x.xsmall} ${M.negative} ${g.isDisabled}`,negativeSmallQuiet:`${w.small} ${x.xsmall} ${g.negativeQuiet} ${H.negativeQuiet}`,negativeSmallQuietDisabled:`${w.small} ${x.xsmall} ${g.negativeQuiet} ${g.isDisabled}`,negativeLoading:`${w.large} ${x.medium} ${M.negative} ${g.inProgress}`,negativeSmallLoading:`${w.small} ${x.xsmall} ${g.inProgress} ${M.negative}`,negativeQuietLoading:`${w.large} ${x.medium} ${g.negativeQuiet} ${M.negative} ${g.inProgress}`,negativeSmallQuietLoading:`${w.small} ${x.xsmall} ${g.negativeQuiet} ${g.inProgress}`,pill:`${w.pill} ${x.medium} ${M.pill} ${H.pill}`,pillSmall:`${w.pillSmall} ${x.xsmall} ${M.pill} ${H.pill}`,pillLoading:`${w.pill} ${x.medium} ${M.pill} ${g.inProgress}`,pillSmallLoading:`${w.pillSmall} ${x.xsmall} ${M.pill} ${g.inProgress}`,link:`${w.link} ${x.medium} ${M.link}`,linkSmall:`${w.link} ${x.xsmall} ${M.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"},W=class extends ft(xd){constructor(){super();this.type="button";G(fa,wa,va,ga,xa),this.variant="secondary",this.ariaValueTextLoading=c._({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(){if(super.connectedCallback(),!ka.includes(this.variant))throw new Error(`Invalid "variant" attribute. Set its value to one of the following:
|
|
2533
|
-
${
|
|
2532
|
+
`}};zt.styles=[A,va],s([Ed({attribute:"aria-label",type:String})],zt.prototype,"ariaLabel",2);customElements.get("w-breadcrumbs")||customElements.define("w-breadcrumbs",zt);import{html as yr,LitElement as _d}from"lit";var B=function(t,e,r,o){if(r==="a"&&!o)throw new TypeError("Private accessor was defined without a getter");if(typeof e=="function"?t!==e||!o:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return r==="m"?o:r==="a"?o.call(t):o?o.value:e.get(t)},Q=function(t,e,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 e=="function"?t!==e||!i:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return o==="a"?i.call(t,r):i?i.value=r:e.set(t,r),r};function ft(t){var e,r,o,i,a,n,l,d,u,p,m,k,h,y,C,$,T,N,D;class ee extends t{constructor(...E){var S,z,P;super(...E),e.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),l.set(this,!0),u.set(this,""),p.set(this,()=>{Q(this,i,!0,"f"),Q(this,r,!0,"f"),B(this,e,"m",$).call(this)}),m.set(this,()=>{Q(this,r,!1,"f"),B(this,e,"m",T).call(this,this.shouldFormValueUpdate()?B(this,u,"f"):""),!this.validity.valid&&B(this,i,"f")&&Q(this,o,!0,"f");let F=B(this,e,"m",$).call(this);this.validationMessageCallback&&this.validationMessageCallback(F?this.internals.validationMessage:"")}),k.set(this,()=>{var F;B(this,l,"f")&&this.validationTarget&&(this.internals.setValidity(this.validity,this.validationMessage,this.validationTarget),Q(this,l,!1,"f")),Q(this,i,!0,"f"),Q(this,o,!0,"f"),B(this,e,"m",$).call(this),(F=this===null||this===void 0?void 0:this.validationMessageCallback)===null||F===void 0||F.call(this,this.showError?this.internals.validationMessage:"")}),h.set(this,void 0),y.set(this,!1),C.set(this,Promise.resolve()),(S=this.addEventListener)===null||S===void 0||S.call(this,"focus",B(this,p,"f")),(z=this.addEventListener)===null||z===void 0||z.call(this,"blur",B(this,m,"f")),(P=this.addEventListener)===null||P===void 0||P.call(this,"invalid",B(this,k,"f")),this.setValue(null)}static get formAssociated(){return!0}static get validators(){return this.formControlValidators||[]}static get observedAttributes(){let E=this.validators.map(P=>P.attribute).flat(),S=super.observedAttributes||[];return[...new Set([...S,...E])]}static getValidator(E){return this.validators.find(S=>S.attribute===E)||null}static getValidators(E){return this.validators.filter(S=>{var z;if(S.attribute===E||!((z=S.attribute)===null||z===void 0)&&z.includes(E))return!0})}get form(){return this.internals.form}get showError(){return B(this,e,"m",$).call(this)}checkValidity(){return this.internals.checkValidity()}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}attributeChangedCallback(E,S,z){var P;(P=super.attributeChangedCallback)===null||P===void 0||P.call(this,E,S,z);let le=this.constructor.getValidators(E);le!=null&&le.length&&this.validationTarget&&this.setValue(B(this,u,"f"))}setValue(E){var S;Q(this,o,!1,"f"),(S=this.validationMessageCallback)===null||S===void 0||S.call(this,""),Q(this,u,E,"f");let P=this.shouldFormValueUpdate()?E:null;this.internals.setFormValue(P),B(this,e,"m",T).call(this,P),this.valueChangedCallback&&this.valueChangedCallback(P),B(this,e,"m",$).call(this)}shouldFormValueUpdate(){return!0}get validationComplete(){return new Promise(E=>E(B(this,C,"f")))}formResetCallback(){var E,S;Q(this,i,!1,"f"),Q(this,o,!1,"f"),B(this,e,"m",$).call(this),(E=this.resetFormControl)===null||E===void 0||E.call(this),(S=this.validationMessageCallback)===null||S===void 0||S.call(this,B(this,e,"m",$).call(this)?this.validationMessage:"")}}return r=new WeakMap,o=new WeakMap,i=new WeakMap,a=new WeakMap,n=new WeakMap,l=new WeakMap,u=new WeakMap,p=new WeakMap,m=new WeakMap,k=new WeakMap,h=new WeakMap,y=new WeakMap,C=new WeakMap,e=new WeakSet,d=function(){let E=this.getRootNode(),S=`${this.localName}[name="${this.getAttribute("name")}"]`;return E.querySelectorAll(S)},$=function(){if(this.hasAttribute("disabled"))return!1;let E=B(this,o,"f")||B(this,i,"f")&&!this.validity.valid&&!B(this,r,"f");return E&&this.internals.states?this.internals.states.add("--show-error"):this.internals.states&&this.internals.states.delete("--show-error"),E},T=function(E){let S=this.constructor,z={},P=S.validators,F=[],le=P.some(U=>U.isValid instanceof Promise);B(this,y,"f")||(Q(this,C,new Promise(U=>{Q(this,h,U,"f")}),"f"),Q(this,y,!0,"f")),B(this,a,"f")&&(B(this,a,"f").abort(),Q(this,n,B(this,a,"f"),"f"));let re=new AbortController;Q(this,a,re,"f");let ce,K=!1;P.length&&(P.forEach(U=>{let he=U.key||"customError",Z=U.isValid(this,E,re.signal);Z instanceof Promise?(F.push(Z),Z.then(fe=>{fe!=null&&(z[he]=!fe,ce=B(this,e,"m",D).call(this,U,E),B(this,e,"m",N).call(this,z,ce))})):(z[he]=!Z,this.validity[he]!==!Z&&(K=!0),!Z&&!ce&&(ce=B(this,e,"m",D).call(this,U,E)))}),Promise.allSettled(F).then(()=>{var U;re!=null&&re.signal.aborted||(Q(this,y,!1,"f"),(U=B(this,h,"f"))===null||U===void 0||U.call(this))}),(K||!le)&&B(this,e,"m",N).call(this,z,ce))},N=function(E,S){if(this.validationTarget)this.internals.setValidity(E,S,this.validationTarget),Q(this,l,!1,"f");else{if(this.internals.setValidity(E,S),this.internals.validity.valid)return;Q(this,l,!0,"f")}},D=function(E,S){if(this.validityCallback){let z=this.validityCallback(E.key||"customError");if(z)return z}return E.message instanceof Function?E.message(this,S):E.message},ee}import Ld from"@warp-ds/elements-core";import{property as be}from"lit/decorators.js";var wa=JSON.parse('{"button.aria.loading":["Indl\xE6ser..."]}');var xa=JSON.parse('{"button.aria.loading":["Loading..."]}');var ya=JSON.parse('{"button.aria.loading":["Ladataan..."]}');var ka=JSON.parse('{"button.aria.loading":["Laster..."]}');var $a=JSON.parse('{"button.aria.loading":["Laddar ..."]}');import{css as Sd}from"lit";var Ea=Sd`*,: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 Ca=["primary","secondary","negative","utility","pill","link"],Ye="font-bold focusable justify-center transition-colors ease-in-out",H={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"},M={primary:`border-0 rounded-8 ${Ye}`,secondary:`border-2 rounded-8 ${Ye}`,utility:`border rounded-4 ${Ye}`,negative:`border-0 rounded-8 ${Ye}`,pill:`p-4 rounded-full border-0 inline-flex items-center justify-center hover:bg-clip-padding ${Ye}`,link:`bg-transparent focusable ease-in-out inline active:underline hover:underline focus:underline ${H.link}`},w={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"},x={medium:"text-m leading-[24]",xsmall:"text-xs"},g={inProgress:`border-transparent animate-inprogress pointer-events-none ${H.loading}`,quiet:`border-0 rounded-8 ${Ye}`,utilityQuiet:`border-0 rounded-4 ${Ye}`,negativeQuiet:`border-0 rounded-8 ${Ye}`,isDisabled:`font-bold justify-center transition-colors ease-in-out cursor-default pointer-events-none ${H.disabled}`},_={secondary:`${w.medium} ${x.medium} ${M.secondary} ${H.secondary}`,secondaryHref:`${w.medium} ${x.medium} ${M.secondary} ${H.secondary}`,secondaryDisabled:`${w.medium} ${x.medium} ${M.secondary} ${g.isDisabled}`,secondarySmall:`${x.xsmall} ${w.xsmall} ${M.secondary} ${H.secondary}`,secondarySmallDisabled:`${x.xsmall} ${w.xsmall} ${M.secondary} ${g.isDisabled}`,secondaryQuiet:`${w.medium} ${x.medium} ${g.quiet} ${H.quiet}`,secondaryQuietDisabled:`${w.medium} ${x.medium} ${g.quiet} ${g.isDisabled}`,secondarySmallQuiet:`${x.xsmall} ${w.xsmall} ${g.quiet} ${H.quiet}`,secondarySmallQuietDisabled:`${x.xsmall} ${w.xsmall} ${g.quiet} ${g.isDisabled}`,secondaryLoading:`${w.medium} ${x.medium} ${M.secondary} ${g.inProgress}`,secondarySmallLoading:`${x.xsmall} ${w.xsmall} ${M.secondary} ${g.inProgress}`,secondarySmallQuietLoading:`${x.xsmall} ${w.xsmall} ${g.quiet} ${g.inProgress}`,secondaryQuietLoading:`${w.medium} ${x.medium} ${g.quiet} ${g.inProgress}`,primary:`${w.large} ${x.medium} ${M.primary} ${H.primary}`,primaryDisabled:`${w.large} ${x.medium} ${g.isDisabled} ${M.primary}`,primarySmall:`${w.small} ${x.xsmall} ${M.primary} ${H.primary}`,primarySmallDisabled:`${w.small} ${x.xsmall} ${g.isDisabled} ${M.primary} `,primaryQuiet:`${w.large} ${x.medium} ${g.quiet} ${H.quiet}`,primaryQuietDisabled:`${w.large} ${x.medium} ${g.quiet} ${g.isDisabled}`,primarySmallQuiet:`${w.small} ${x.xsmall} ${g.quiet} ${H.quiet}`,primarySmallQuietDisabled:`${w.small} ${x.xsmall} ${g.quiet} ${g.isDisabled}`,primaryLoading:`${w.large} ${x.medium} ${g.inProgress} ${M.primary}`,primarySmallLoading:`${w.small} ${x.xsmall} ${g.inProgress} ${M.primary}`,primarySmallQuietLoading:`${w.small} ${x.xsmall} ${g.quiet} ${g.inProgress} ${M.primary}`,primaryQuietLoading:`${w.large} ${x.medium} ${g.quiet} ${g.inProgress}`,utility:`${w.utility} ${x.medium} ${M.utility} ${H.utility}`,utilityDisabled:`${w.utility} ${x.medium} ${M.utility} ${g.isDisabled}`,utilityQuiet:`${w.large} ${x.medium} ${g.utilityQuiet} ${H.utilityQuiet}`,utilityQuietDisabled:`${w.large} ${x.medium} ${g.utilityQuiet} ${g.isDisabled}`,utilitySmall:`${w.smallUtility} ${x.xsmall} ${M.utility} ${H.utility}`,utilitySmallDisabled:`${w.smallUtility} ${x.xsmall} ${M.utility} ${g.isDisabled}`,utilitySmallQuiet:`${w.smallUtility} ${x.xsmall} ${g.utilityQuiet} ${H.utilityQuiet}`,utilitySmallQuietDisabled:`${w.smallUtility} ${x.xsmall} ${g.utilityQuiet} ${g.isDisabled}`,utilityLoading:`${w.large} ${x.medium} ${M.utility} ${g.inProgress}`,utilitySmallLoading:`${w.smallUtility} ${x.xsmall} ${M.utility} ${g.inProgress}`,utilityQuietLoading:`${w.large} ${x.medium} ${g.inProgress} ${g.utilityQuiet}`,utilitySmallQuietLoading:`${w.smallUtility} ${x.xsmall} ${g.inProgress} ${g.utilityQuiet}`,negative:`${w.large} ${x.medium} ${M.negative} ${H.destructive}`,negativeDisabled:`${w.large} ${x.medium} ${M.negative} ${g.isDisabled}`,negativeQuiet:`${w.large} ${x.medium} ${g.negativeQuiet} ${H.negativeQuiet}`,negativeQuietDisabled:`${w.large} ${x.medium} ${g.negativeQuiet}${g.isDisabled}`,negativeSmall:`${w.small} ${x.xsmall} ${M.negative} ${H.destructive}`,negativeSmallDisabled:`${w.small} ${x.xsmall} ${M.negative} ${g.isDisabled}`,negativeSmallQuiet:`${w.small} ${x.xsmall} ${g.negativeQuiet} ${H.negativeQuiet}`,negativeSmallQuietDisabled:`${w.small} ${x.xsmall} ${g.negativeQuiet} ${g.isDisabled}`,negativeLoading:`${w.large} ${x.medium} ${M.negative} ${g.inProgress}`,negativeSmallLoading:`${w.small} ${x.xsmall} ${g.inProgress} ${M.negative}`,negativeQuietLoading:`${w.large} ${x.medium} ${g.negativeQuiet} ${M.negative} ${g.inProgress}`,negativeSmallQuietLoading:`${w.small} ${x.xsmall} ${g.negativeQuiet} ${g.inProgress}`,pill:`${w.pill} ${x.medium} ${M.pill} ${H.pill}`,pillSmall:`${w.pillSmall} ${x.xsmall} ${M.pill} ${H.pill}`,pillLoading:`${w.pill} ${x.medium} ${M.pill} ${g.inProgress}`,pillSmallLoading:`${w.pillSmall} ${x.xsmall} ${M.pill} ${g.inProgress}`,link:`${w.link} ${x.medium} ${M.link}`,linkSmall:`${w.link} ${x.xsmall} ${M.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"},W=class extends ft(_d){constructor(){super();this.type="button";G(xa,ka,ya,wa,$a),this.variant="secondary",this.ariaValueTextLoading=c._({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(){if(super.connectedCallback(),!Ca.includes(this.variant))throw new Error(`Invalid "variant" attribute. Set its value to one of the following:
|
|
2533
|
+
${Ca.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0)}get _primaryClasses(){return[!this.small&&!this.quiet&&!this.loading&&_.primary,this.small&&!this.quiet&&!this.loading&&_.primarySmall,this.small&&this.quiet&&!this.loading&&_.primarySmallQuiet,this.small&&this.loading&&(this.quiet?_.primarySmallQuietLoading:_.primarySmallLoading),!this.small&&this.quiet&&!this.loading&&_.primaryQuiet,!this.small&&this.loading&&(this.quiet?_.primaryQuietLoading:_.primaryLoading)]}get _secondaryClasses(){return[!this.small&&!this.quiet&&!this.loading&&_.secondary,this.small&&!this.quiet&&!this.loading&&_.secondarySmall,this.small&&this.loading&&(this.quiet?_.secondarySmallQuietLoading:_.secondarySmallLoading),this.small&&this.quiet&&!this.loading&&_.secondarySmallQuiet,!this.small&&this.quiet&&!this.loading&&_.secondaryQuiet,!this.small&&this.loading&&(this.quiet?_.secondaryQuietLoading:_.secondaryLoading)]}get _utilityClasses(){return[!this.small&&!this.quiet&&!this.loading&&_.utility,this.small&&!this.quiet&&!this.loading&&_.utilitySmall,this.small&&this.quiet&&!this.loading&&_.utilitySmallQuiet,this.small&&this.loading&&(this.quiet?_.utilitySmallQuietLoading:_.utilitySmallLoading),!this.small&&this.quiet&&!this.loading&&_.utilityQuiet,!this.small&&this.loading&&(this.quiet?_.utilityQuietLoading:_.utilityLoading)]}get _negativeClasses(){return[!this.small&&!this.quiet&&!this.loading&&_.negative,this.small&&!this.quiet&&!this.loading&&_.negativeSmall,this.small&&this.quiet&&!this.loading&&_.negativeSmallQuiet,this.small&&this.loading&&(this.quiet?_.negativeSmallQuietLoading:_.negativeSmallLoading),!this.small&&this.quiet&&!this.loading&&_.negativeQuiet,!this.small&&this.loading&&(this.quiet?_.negativeQuietLoading:_.negativeLoading)]}get _pillClasses(){return[!this.loading&&(this.small?_.pillSmall:_.pill),this.loading&&(this.small?_.pillSmallLoading:_.pillLoading)]}get _linkClasses(){return[this.small?_.linkSmall:_.link]}get _classes(){return L(this.buttonClass,[this.variant==="primary"&&this._primaryClasses,this.variant==="secondary"&&this._secondaryClasses,this.variant==="utility"&&this._utilityClasses,this.variant==="negative"&&this._negativeClasses,this.variant==="pill"&&this._pillClasses,this.variant==="link"&&this._linkClasses,this.href&&_.linkAsButton,this.fullWidth?_.fullWidth:_.contentWidth])}_handleButtonClick(){this.type==="submit"?this.internals.form.requestSubmit():this.type==="reset"&&this.internals.form.reset()}render(){return yr` ${this.href?yr`<a
|
|
2534
2534
|
href=${this.href}
|
|
2535
2535
|
target=${this.target}
|
|
2536
2536
|
rel=${this.target==="_blank"?this.rel||"noopener":void 0}
|
|
2537
2537
|
class=${this._classes}>
|
|
2538
2538
|
<slot></slot>
|
|
2539
|
-
</a>`:
|
|
2539
|
+
</a>`:yr`<button type=${this.type||"button"} class=${this._classes} @click="${this._handleButtonClick}">
|
|
2540
2540
|
<slot></slot>
|
|
2541
2541
|
</button>`}
|
|
2542
|
-
${this.loading?
|
|
2543
|
-
<div tabindex=${
|
|
2544
|
-
${this._interactiveElement} ${this.flat?"":
|
|
2542
|
+
${this.loading?yr`<span class="sr-only" role="progressbar" aria-valuenow="{0}" aria-valuetext=${this.ariaValueTextLoading}></span>`:null}`}};W.shadowRootOptions={...Ld.shadowRootOptions,delegatesFocus:!0},W.styles=[A,Ea],s([be({reflect:!0})],W.prototype,"type",2),s([be({type:Boolean,reflect:!0})],W.prototype,"autofocus",2),s([be({reflect:!0})],W.prototype,"variant",2),s([be({type:Boolean,reflect:!0})],W.prototype,"quiet",2),s([be({type:Boolean,reflect:!0})],W.prototype,"small",2),s([be({type:Boolean,reflect:!0})],W.prototype,"loading",2),s([be({reflect:!0})],W.prototype,"href",2),s([be({reflect:!0})],W.prototype,"target",2),s([be({reflect:!0})],W.prototype,"rel",2),s([be({attribute:"full-width",type:Boolean,reflect:!0})],W.prototype,"fullWidth",2),s([be({attribute:"button-class",reflect:!0})],W.prototype,"buttonClass",2),s([be({reflect:!0})],W.prototype,"name",2),s([be({reflect:!0})],W.prototype,"value",2);customElements.get("w-button")||customElements.define("w-button",W);import{html as kr,css as Td,LitElement as Nd}from"lit";import{property as io}from"lit/decorators.js";import{ifDefined as Md}from"lit/directives/if-defined.js";var Sa=JSON.parse('{"card.button.text":["V\xE6lg"]}');var _a=JSON.parse('{"card.button.text":["Select"]}');var La=JSON.parse('{"card.button.text":["Valitse"]}');var Oa=JSON.parse('{"card.button.text":["Velg"]}');var Ta=JSON.parse('{"card.button.text":["V\xE4lj"]}');import{css as Od}from"lit";var Na=Od`*,: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}.border-2{border-width:2px}.border-transparent{border-color:#0000}.rounded-4{border-radius:4px}.rounded-8{border-radius:8px}.block{display:block}.overflow-hidden{overflow:hidden}.outline{outline-style:solid}.inset-0{top:0;bottom:0;left:0;right:0}.absolute{position:absolute}.relative{position:relative}.static{position:static}.\\!s-bg-selected{background-color:var(--w-s-color-background-selected)!important}.s-bg{background-color:var(--w-s-color-background)}.s-bg-selected{background-color:var(--w-s-color-background-selected)}.\\!hover\\:s-bg-selected-hover:hover{background-color:var(--w-s-color-background-selected-hover)!important}.hover\\:s-bg-hover:hover{background-color:var(--w-s-color-background-hover)}.hover\\:s-bg-selected-hover:hover{background-color:var(--w-s-color-background-selected-hover)}.\\!active\\:s-bg-selected-active:active{background-color:var(--w-s-color-background-selected-active)!important}.active\\:s-bg-active:active{background-color:var(--w-s-color-background-active)}.active\\:s-bg-selected-active:active{background-color:var(--w-s-color-background-selected-active)}.s-border{border-color:var(--w-s-color-border)}.s-border-selected{border-color:var(--w-s-color-border-selected)}.group:hover .group-hover\\:s-border-selected-hover{border-color:var(--w-s-color-border-selected-hover)}.hover\\:s-border-hover:hover{border-color:var(--w-s-color-border-hover)}.hover\\:s-border-selected-hover:hover{border-color:var(--w-s-color-border-selected-hover)}.active\\:s-border-active:active{border-color:var(--w-s-color-border-active)}.active\\:s-border-selected-active:active{border-color:var(--w-s-color-border-selected-active)}.group:active .group-active\\:s-border-active{border-color:var(--w-s-color-border-active)}.group:active .group-active\\:s-border-selected-active{border-color:var(--w-s-color-border-selected-active)}.s-surface-elevated-200{background-color:var(--w-s-color-surface-elevated-200);box-shadow:var(--w-s-shadow-surface-elevated-200)}.hover\\:s-surface-elevated-200-hover:hover{background-color:var(--w-s-color-surface-elevated-200-hover);box-shadow:var(--w-s-shadow-surface-elevated-200-hover)}.active\\:s-surface-elevated-200-active:active{background-color:var(--w-s-color-surface-elevated-200-active);box-shadow:var(--w-s-shadow-surface-elevated-200-active)}.cursor-pointer{cursor:pointer}.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-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}`;var Me={base:"cursor-pointer overflow-hidden relative transition-all",shadow:"group rounded-8 s-surface-elevated-200 hover:s-surface-elevated-200-hover active:s-surface-elevated-200-active",selected:"!s-bg-selected !hover:s-bg-selected-hover !active:s-bg-selected-active",outline:"absolute border-2 rounded-8 inset-0 transition-all",outlineUnselected:"border-transparent group-active:s-border-active",outlineSelected:"s-border-selected group-hover:s-border-selected-hover group-active:s-border-selected-active",flat:"border-2 rounded-4",flatUnselected:"s-bg hover:s-bg-hover active:s-bg-active s-border hover:s-border-hover active:s-border-active",flatSelected:"s-bg-selected hover:s-bg-selected-hover active:s-bg-selected-active s-border-selected hover:s-border-selected-hover active:s-border-selected-active",a11y:"sr-only"},Ma={ENTER:"Enter",SPACE:" "},lt=class extends Nd{constructor(){super();this.selected=!1;this.flat=!1;this.clickable=!1;G(_a,Oa,La,Sa,Ta),this.buttonText=c._({id:"card.button.text",message:"Select",comment:"Screenreader message to indicate that the card is clickable"})}get _containerClasses(){return L([Me.base,this.flat?Me.flat:Me.shadow,this.selected&&!this.flat&&Me.selected,this.selected&&this.flat?Me.flatSelected:Me.flatUnselected])}get _outlineClasses(){return L([Me.outline,this.selected?Me.outlineSelected:Me.outlineUnselected])}get _interactiveElement(){let r=()=>kr`<button class="${Me.a11y}" aria-pressed="${this.selected}" tabindex="-1">${this.buttonText}</button>`,o=()=>kr`<span role="checkbox" aria-checked="true" aria-disabled="true"></span>`;return this.clickable?r():this.selected?o():""}keypressed(r){!this.clickable||r.altKey||r.ctrlKey||(r.key===Ma.ENTER||r.key===Ma.SPACE)&&(r.preventDefault(),this.click())}render(){return kr`
|
|
2543
|
+
<div tabindex=${Md(this.clickable?"0":void 0)} class="${this._containerClasses}" @keydown=${this.keypressed}>
|
|
2544
|
+
${this._interactiveElement} ${this.flat?"":kr`<div class="${this._outlineClasses}"></div>`}
|
|
2545
2545
|
<slot></slot>
|
|
2546
2546
|
</div>
|
|
2547
|
-
`}};lt.styles=[A,
|
|
2547
|
+
`}};lt.styles=[A,Na,Td`
|
|
2548
2548
|
a::after {
|
|
2549
2549
|
content: '';
|
|
2550
2550
|
position: absolute;
|
|
@@ -2556,7 +2556,7 @@ ${ka.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0
|
|
|
2556
2556
|
:host {
|
|
2557
2557
|
display: block;
|
|
2558
2558
|
}
|
|
2559
|
-
`],s([
|
|
2559
|
+
`],s([io({type:Boolean,reflect:!0})],lt.prototype,"selected",2),s([io({type:Boolean})],lt.prototype,"flat",2),s([io({type:Boolean})],lt.prototype,"clickable",2);customElements.get("w-card")||customElements.define("w-card",lt);import{css as Ad,html as Dd,LitElement as zd}from"lit";import{property as $r}from"lit/decorators.js";import{classMap as Bd}from"lit/directives/class-map.js";var Xe=class extends zd{constructor(){super(...arguments);this.type="radio";this.checked=!1;this.indeterminate=!1;this.invalid=!1}get indeterminateMarker(){return!this.checked&&this.indeterminate?"\u2013":""}render(){let r=Bd({checkbox:this.type==="checkbox",radio:this.type==="radio",checked:this.checked});return Dd` <div class="${r}">${this.indeterminateMarker}</div> `}};Xe.styles=[A,Ad`
|
|
2560
2560
|
div {
|
|
2561
2561
|
display: block;
|
|
2562
2562
|
border-width: 1px;
|
|
@@ -2602,36 +2602,36 @@ ${ka.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0
|
|
|
2602
2602
|
:host([type='checkbox'][invalid][indeterminate]) div {
|
|
2603
2603
|
background-color: var(--w-s-color-background-negative);
|
|
2604
2604
|
}
|
|
2605
|
-
`],s([kr({type:String})],Xe.prototype,"type",2),s([kr({type:Boolean,reflect:!0})],Xe.prototype,"checked",2),s([kr({type:Boolean,reflect:!0})],Xe.prototype,"indeterminate",2),s([kr({type:Boolean,reflect:!0})],Xe.prototype,"invalid",2);customElements.get("w-dead-toggle")||customElements.define("w-dead-toggle",Xe);import{css as ou,html as Me,LitElement as iu}from"lit";import{property as Ce}from"lit/decorators.js";import{ifDefined as au}from"lit/directives/if-defined.js";import{LitElement as Td}from"lit";import{unsafeStatic as Nd,html as Md}from"lit/static-html.js";var Ad=JSON.parse('{"icon.title.chevron-down":["Nedoverpil"]}'),Dd=JSON.parse('{"icon.title.chevron-down":["Downward arrow"]}'),zd=JSON.parse('{"icon.title.chevron-down":["Nuoli alasp\xE4in"]}'),Bd=JSON.parse('{"icon.title.chevron-down":["Pil nedad"]}'),Pd=JSON.parse('{"icon.title.chevron-down":["Pil ned"]}'),Ta=["en","nb","fi","da","sv"],Na="en",Rd=()=>{var t;let e;switch((t=process==null?void 0:process.env)==null?void 0:t.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},Ma=()=>{var t;let e=(t=document==null?void 0:document.location)==null?void 0:t.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":Na},ro=t=>Ta.find(e=>t===e||t.toLowerCase().includes(e))||Ma();function Vd(){var t;if(typeof window=="undefined"){let e=Rd();return ro(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=Ma();return Ta.includes(e)?ro(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),ro(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),Na}}var Id=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,Fd=(t,e,r,o,i)=>{let a=Vd(),n=Id(a,t,e,r,o,i);c.load(a,n),c.activate(a)};Fd(Dd,Ad,zd,Bd,Pd);var jd=class extends Td{render(){let t=c.t({message:"Downward arrow",id:"icon.title.chevron-down",comment:"Title for chevron-down icon"});return Md`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-chevron-down-16-part">${Nd(`<title>${t}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m2.667 5.333 5.5 5.5 5.5-5.5"></path></svg>`}};customElements.get("w-icon-chevron-down-16")||customElements.define("w-icon-chevron-down-16",jd);import{LitElement as Hd}from"lit";import{unsafeStatic as qd,html as Ud}from"lit/static-html.js";var Jd=JSON.parse('{"icon.title.chevron-up":["Oppoverpil"]}'),Qd=JSON.parse('{"icon.title.chevron-up":["Upward arrow"]}'),Yd=JSON.parse('{"icon.title.chevron-up":["Nuoli yl\xF6sp\xE4in"]}'),Xd=JSON.parse('{"icon.title.chevron-up":["Pil opad"]}'),Kd=JSON.parse('{"icon.title.chevron-up":["Pil upp"]}'),Aa=["en","nb","fi","da","sv"],Da="en",Zd=()=>{var t;let e;switch((t=process==null?void 0:process.env)==null?void 0:t.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},za=()=>{var t;let e=(t=document==null?void 0:document.location)==null?void 0:t.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":Da},oo=t=>Aa.find(e=>t===e||t.toLowerCase().includes(e))||za();function Gd(){var t;if(typeof window=="undefined"){let e=Zd();return oo(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=za();return Aa.includes(e)?oo(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),oo(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),Da}}var Wd=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,eu=(t,e,r,o,i)=>{let a=Gd(),n=Wd(a,t,e,r,o,i);c.load(a,n),c.activate(a)};eu(Qd,Jd,Yd,Xd,Kd);var tu=class extends Hd{render(){let t=c.t({message:"Upward arrow",id:"icon.title.chevron-up",comment:"Title for chevron-up icon"});return Ud`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-chevron-up-16-part">${qd(`<title>${t}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M2.5 11 8 5.5l5.5 5.5"></path></svg>`}};customElements.get("w-icon-chevron-up-16")||customElements.define("w-icon-chevron-up-16",tu);import{css as ru}from"lit";var Ba=ru`*,: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}.t4{font-weight:700;font-size:var(--w-font-size-m);line-height:var(--w-line-height-m)}.text-left{text-align:left}.align-middle{vertical-align:middle}.bg-transparent{background-color:#0000}.appearance-none{-webkit-appearance:none;appearance:none}.will-change-height{will-change:height}.border-0{border-width:0}.border-2{border-width:2px}.rounded-8{border-radius:8px}.rounded-l-0{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-r-0{border-top-right-radius:0;border-bottom-right-radius:0}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.hover\\:underline:hover{text-decoration-line:underline}.focus-visible\\:underline:focus-visible{text-decoration-line:underline}.overflow-hidden{overflow:hidden}.focus\\:outline-none:focus{outline-offset:2px;outline:2px solid #0000}.items-center{align-items:center}.justify-between{justify-content:space-between}.relative{position:relative}.static{position:static}.s-bg{background-color:var(--w-s-color-background)}.s-bg-info-subtle{background-color:var(--w-s-color-background-info-subtle)}.hover\\:s-bg-hover:hover{background-color:var(--w-s-color-background-hover)}.active\\:s-bg-active:active{background-color:var(--w-s-color-background-active)}.s-text{color:var(--w-s-color-text)}.s-icon{color:var(--w-s-color-icon)}.s-border{border-color:var(--w-s-color-border)}.s-surface-sunken{background-color:var(--w-s-color-surface-sunken)}.h-0{height:0}.w-full{width:100%}.m-0{margin:0}.-mx-16{margin-left:-1.6rem;margin-right:-1.6rem}.last-child\\:mb-0>:last-child{margin-bottom:0}.ml-8{margin-left:.8rem}.p-16{padding:1.6rem}.px-0{padding-left:0;padding-right:0}.py-0{padding-top:0;padding-bottom:0}.pt-0{padding-top:0}.invisible{visibility:hidden}.break-words{overflow-wrap:break-word}.cursor-pointer{cursor:pointer}.-rotate-180{--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-rotate:-180deg;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))}.part-\\[w-icon-chevron-down-16-part\\]\\:-rotate-180::part(w-icon-chevron-down-16-part){--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-rotate:-180deg;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))}.rotate-180{--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-rotate:180deg;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))}.part-\\[w-icon-chevron-up-16-part\\]\\:rotate-180::part(w-icon-chevron-up-16-part){--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-rotate:180deg;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))}.part-\\[w-icon-chevron-down-16-part\\]\\:transform::part(w-icon-chevron-down-16-part){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))}.part-\\[w-icon-chevron-up-16-part\\]\\:transform::part(w-icon-chevron-up-16-part){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-gpu{transform:translate3d(var(--w-translate-x),var(--w-translate-y),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))}.part-\\[w-icon-chevron-down-16-part\\]\\:transform-gpu::part(w-icon-chevron-down-16-part){transform:translate3d(var(--w-translate-x),var(--w-translate-y),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))}.part-\\[w-icon-chevron-up-16-part\\]\\:transform-gpu::part(w-icon-chevron-up-16-part){transform:translate3d(var(--w-translate-x),var(--w-translate-y),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-transform{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.part-\\[w-icon-chevron-down-16-part\\]\\:transition-transform::part(w-icon-chevron-down-16-part){transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.part-\\[w-icon-chevron-up-16-part\\]\\:transition-transform::part(w-icon-chevron-up-16-part){transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.part-\\[w-icon-chevron-down-16-part\\]\\:ease-in-out::part(w-icon-chevron-down-16-part){transition-timing-function:cubic-bezier(.4,0,.2,1)}.part-\\[w-icon-chevron-up-16-part\\]\\:ease-in-out::part(w-icon-chevron-up-16-part){transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width:480px){.sm\\:rounded-8{border-radius:8px}.sm\\:mx-0{margin-left:0;margin-right:0}}`;var nu={base:"group block relative break-words last-child:mb-0 p-16 rounded-8",bleed:"-mx-16 sm:mx-0 rounded-l-0 rounded-r-0 sm:rounded-8",info:"s-bg-info-subtle",neutral:"s-surface-sunken",bordered:"border-2 s-border s-bg"},oe={wrapper:"will-change-height s-text",box:"s-surface-sunken hover:s-bg-hover active:s-bg-active py-0 px-0 group block relative break-words last-child:mb-0 rounded-8",bleed:"-mx-16 rounded-l-0 rounded-r-0 sm:mx-0 sm:rounded-8",chevron:"inline-block align-middle s-icon",chevronNonBox:"ml-8",chevronTransform:"transform transition-transform transform-gpu ease-in-out",chevronExpand:"-rotate-180",chevronCollapse:"rotate-180",elementsChevronDownTransform:"part-[w-icon-chevron-down-16-part]:transform part-[w-icon-chevron-down-16-part]:transition-transform part-[w-icon-chevron-down-16-part]:transform-gpu part-[w-icon-chevron-down-16-part]:ease-in-out",elementsChevronUpTransform:"part-[w-icon-chevron-up-16-part]:transform part-[w-icon-chevron-up-16-part]:transition-transform part-[w-icon-chevron-up-16-part]:transform-gpu part-[w-icon-chevron-up-16-part]:ease-in-out",elementsChevronExpand:"part-[w-icon-chevron-down-16-part]:-rotate-180",elementsChevronCollapse:"part-[w-icon-chevron-up-16-part]:rotate-180",expansion:"overflow-hidden",expansionNotExpanded:"h-0 invisible",button:"focus:outline-none appearance-none cursor-pointer bg-transparent border-0 m-0 hover:underline focus-visible:underline",buttonBox:"w-full text-left relative inline-flex items-center justify-between group relative break-words last-child:mb-0 p-16 rounded-8",contentWithTitle:"pt-0",title:"flex w-full justify-between items-center",titleType:"t4"},pe,Pa,Ra,Va,Ia,Fa,ja,ne=class extends iu{constructor(){super(...arguments);je(this,pe);this.expanded=!1;this.box=!1;this.bleed=!1;this.noChevron=!1;this.animated=!1;this._hasTitle=!0;this._showChevronUp=!1}updated(r){r.has("expanded")&&setTimeout(()=>{this._showChevronUp=this.expanded},200)}firstUpdated(){var i;let r=!!this.title,o=((i=this.renderRoot.querySelector("slot[name='title']"))==null?void 0:i.assignedNodes().length)>0;this._hasTitle=r||o}get _expandableSlot(){return Me`<div class="${j(this,pe,Fa)}">
|
|
2605
|
+
`],s([$r({type:String})],Xe.prototype,"type",2),s([$r({type:Boolean,reflect:!0})],Xe.prototype,"checked",2),s([$r({type:Boolean,reflect:!0})],Xe.prototype,"indeterminate",2),s([$r({type:Boolean,reflect:!0})],Xe.prototype,"invalid",2);customElements.get("w-dead-toggle")||customElements.define("w-dead-toggle",Xe);import{css as du,html as Ae,LitElement as uu}from"lit";import{property as Ce}from"lit/decorators.js";import{ifDefined as pu}from"lit/directives/if-defined.js";import{LitElement as Pd}from"lit";import{unsafeStatic as Rd,html as Vd}from"lit/static-html.js";var Id=JSON.parse('{"icon.title.chevron-down":["Nedoverpil"]}'),Fd=JSON.parse('{"icon.title.chevron-down":["Downward arrow"]}'),jd=JSON.parse('{"icon.title.chevron-down":["Nuoli alasp\xE4in"]}'),Hd=JSON.parse('{"icon.title.chevron-down":["Pil nedad"]}'),qd=JSON.parse('{"icon.title.chevron-down":["Pil ned"]}'),Aa=["en","nb","fi","da","sv"],Da="en",Ud=()=>{var t;let e;switch((t=process==null?void 0:process.env)==null?void 0:t.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},za=()=>{var t;let e=(t=document==null?void 0:document.location)==null?void 0:t.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":Da},ao=t=>Aa.find(e=>t===e||t.toLowerCase().includes(e))||za();function Jd(){var t;if(typeof window=="undefined"){let e=Ud();return ao(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=za();return Aa.includes(e)?ao(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),ao(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),Da}}var Qd=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,Yd=(t,e,r,o,i)=>{let a=Jd(),n=Qd(a,t,e,r,o,i);c.load(a,n),c.activate(a)};Yd(Fd,Id,jd,Hd,qd);var Xd=class extends Pd{render(){let t=c.t({message:"Downward arrow",id:"icon.title.chevron-down",comment:"Title for chevron-down icon"});return Vd`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-chevron-down-16-part">${Rd(`<title>${t}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m2.667 5.333 5.5 5.5 5.5-5.5"></path></svg>`}};customElements.get("w-icon-chevron-down-16")||customElements.define("w-icon-chevron-down-16",Xd);import{LitElement as Kd}from"lit";import{unsafeStatic as Zd,html as Gd}from"lit/static-html.js";var Wd=JSON.parse('{"icon.title.chevron-up":["Oppoverpil"]}'),eu=JSON.parse('{"icon.title.chevron-up":["Upward arrow"]}'),tu=JSON.parse('{"icon.title.chevron-up":["Nuoli yl\xF6sp\xE4in"]}'),ru=JSON.parse('{"icon.title.chevron-up":["Pil opad"]}'),ou=JSON.parse('{"icon.title.chevron-up":["Pil upp"]}'),Ba=["en","nb","fi","da","sv"],Pa="en",iu=()=>{var t;let e;switch((t=process==null?void 0:process.env)==null?void 0:t.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},Ra=()=>{var t;let e=(t=document==null?void 0:document.location)==null?void 0:t.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":Pa},no=t=>Ba.find(e=>t===e||t.toLowerCase().includes(e))||Ra();function au(){var t;if(typeof window=="undefined"){let e=iu();return no(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=Ra();return Ba.includes(e)?no(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),no(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),Pa}}var nu=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,su=(t,e,r,o,i)=>{let a=au(),n=nu(a,t,e,r,o,i);c.load(a,n),c.activate(a)};su(eu,Wd,tu,ru,ou);var lu=class extends Kd{render(){let t=c.t({message:"Upward arrow",id:"icon.title.chevron-up",comment:"Title for chevron-up icon"});return Gd`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-chevron-up-16-part">${Zd(`<title>${t}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M2.5 11 8 5.5l5.5 5.5"></path></svg>`}};customElements.get("w-icon-chevron-up-16")||customElements.define("w-icon-chevron-up-16",lu);import{css as cu}from"lit";var Va=cu`*,: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}.t4{font-weight:700;font-size:var(--w-font-size-m);line-height:var(--w-line-height-m)}.text-left{text-align:left}.align-middle{vertical-align:middle}.bg-transparent{background-color:#0000}.appearance-none{-webkit-appearance:none;appearance:none}.will-change-height{will-change:height}.border-0{border-width:0}.border-2{border-width:2px}.rounded-8{border-radius:8px}.rounded-l-0{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-r-0{border-top-right-radius:0;border-bottom-right-radius:0}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.hover\\:underline:hover{text-decoration-line:underline}.focus-visible\\:underline:focus-visible{text-decoration-line:underline}.overflow-hidden{overflow:hidden}.focus\\:outline-none:focus{outline-offset:2px;outline:2px solid #0000}.items-center{align-items:center}.justify-between{justify-content:space-between}.relative{position:relative}.static{position:static}.s-bg{background-color:var(--w-s-color-background)}.s-bg-info-subtle{background-color:var(--w-s-color-background-info-subtle)}.hover\\:s-bg-hover:hover{background-color:var(--w-s-color-background-hover)}.active\\:s-bg-active:active{background-color:var(--w-s-color-background-active)}.s-text{color:var(--w-s-color-text)}.s-icon{color:var(--w-s-color-icon)}.s-border{border-color:var(--w-s-color-border)}.s-surface-sunken{background-color:var(--w-s-color-surface-sunken)}.h-0{height:0}.w-full{width:100%}.m-0{margin:0}.-mx-16{margin-left:-1.6rem;margin-right:-1.6rem}.last-child\\:mb-0>:last-child{margin-bottom:0}.ml-8{margin-left:.8rem}.p-16{padding:1.6rem}.px-0{padding-left:0;padding-right:0}.py-0{padding-top:0;padding-bottom:0}.pt-0{padding-top:0}.invisible{visibility:hidden}.break-words{overflow-wrap:break-word}.cursor-pointer{cursor:pointer}.-rotate-180{--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-rotate:-180deg;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))}.part-\\[w-icon-chevron-down-16-part\\]\\:-rotate-180::part(w-icon-chevron-down-16-part){--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-rotate:-180deg;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))}.rotate-180{--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-rotate:180deg;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))}.part-\\[w-icon-chevron-up-16-part\\]\\:rotate-180::part(w-icon-chevron-up-16-part){--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-rotate:180deg;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))}.part-\\[w-icon-chevron-down-16-part\\]\\:transform::part(w-icon-chevron-down-16-part){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))}.part-\\[w-icon-chevron-up-16-part\\]\\:transform::part(w-icon-chevron-up-16-part){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-gpu{transform:translate3d(var(--w-translate-x),var(--w-translate-y),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))}.part-\\[w-icon-chevron-down-16-part\\]\\:transform-gpu::part(w-icon-chevron-down-16-part){transform:translate3d(var(--w-translate-x),var(--w-translate-y),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))}.part-\\[w-icon-chevron-up-16-part\\]\\:transform-gpu::part(w-icon-chevron-up-16-part){transform:translate3d(var(--w-translate-x),var(--w-translate-y),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-transform{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.part-\\[w-icon-chevron-down-16-part\\]\\:transition-transform::part(w-icon-chevron-down-16-part){transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.part-\\[w-icon-chevron-up-16-part\\]\\:transition-transform::part(w-icon-chevron-up-16-part){transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.part-\\[w-icon-chevron-down-16-part\\]\\:ease-in-out::part(w-icon-chevron-down-16-part){transition-timing-function:cubic-bezier(.4,0,.2,1)}.part-\\[w-icon-chevron-up-16-part\\]\\:ease-in-out::part(w-icon-chevron-up-16-part){transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width:480px){.sm\\:rounded-8{border-radius:8px}.sm\\:mx-0{margin-left:0;margin-right:0}}`;var mu={base:"group block relative break-words last-child:mb-0 p-16 rounded-8",bleed:"-mx-16 sm:mx-0 rounded-l-0 rounded-r-0 sm:rounded-8",info:"s-bg-info-subtle",neutral:"s-surface-sunken",bordered:"border-2 s-border s-bg"},oe={wrapper:"will-change-height s-text",box:"s-surface-sunken hover:s-bg-hover active:s-bg-active py-0 px-0 group block relative break-words last-child:mb-0 rounded-8",bleed:"-mx-16 rounded-l-0 rounded-r-0 sm:mx-0 sm:rounded-8",chevron:"inline-block align-middle s-icon",chevronNonBox:"ml-8",chevronTransform:"transform transition-transform transform-gpu ease-in-out",chevronExpand:"-rotate-180",chevronCollapse:"rotate-180",elementsChevronDownTransform:"part-[w-icon-chevron-down-16-part]:transform part-[w-icon-chevron-down-16-part]:transition-transform part-[w-icon-chevron-down-16-part]:transform-gpu part-[w-icon-chevron-down-16-part]:ease-in-out",elementsChevronUpTransform:"part-[w-icon-chevron-up-16-part]:transform part-[w-icon-chevron-up-16-part]:transition-transform part-[w-icon-chevron-up-16-part]:transform-gpu part-[w-icon-chevron-up-16-part]:ease-in-out",elementsChevronExpand:"part-[w-icon-chevron-down-16-part]:-rotate-180",elementsChevronCollapse:"part-[w-icon-chevron-up-16-part]:rotate-180",expansion:"overflow-hidden",expansionNotExpanded:"h-0 invisible",button:"focus:outline-none appearance-none cursor-pointer bg-transparent border-0 m-0 hover:underline focus-visible:underline",buttonBox:"w-full text-left relative inline-flex items-center justify-between group relative break-words last-child:mb-0 p-16 rounded-8",contentWithTitle:"pt-0",title:"flex w-full justify-between items-center",titleType:"t4"},pe,Ia,Fa,ja,Ha,qa,Ua,ne=class extends uu{constructor(){super(...arguments);Oe(this,pe);this.expanded=!1;this.box=!1;this.bleed=!1;this.noChevron=!1;this.animated=!1;this._hasTitle=!0;this._showChevronUp=!1}updated(r){r.has("expanded")&&setTimeout(()=>{this._showChevronUp=this.expanded},200)}firstUpdated(){var i;let r=!!this.title,o=((i=this.renderRoot.querySelector("slot[name='title']"))==null?void 0:i.assignedNodes().length)>0;this._hasTitle=r||o}get _expandableSlot(){return Ae`<div class="${j(this,pe,qa)}">
|
|
2606
2606
|
<slot></slot>
|
|
2607
|
-
</div>`}render(){return
|
|
2608
|
-
${this._hasTitle?
|
|
2607
|
+
</div>`}render(){return Ae` <div class="${j(this,pe,Ia)}">
|
|
2608
|
+
${this._hasTitle?Ae`<w-unstyled-heading level=${this.headingLevel}>
|
|
2609
2609
|
<button
|
|
2610
2610
|
type="button"
|
|
2611
2611
|
aria-expanded="${this.expanded}"
|
|
2612
|
-
class="${j(this,pe,
|
|
2612
|
+
class="${j(this,pe,Fa)}"
|
|
2613
2613
|
@click=${()=>this.expanded=!this.expanded}>
|
|
2614
2614
|
<div class="${oe.title}">
|
|
2615
|
-
${this.title?
|
|
2616
|
-
${this.noChevron?"":
|
|
2615
|
+
${this.title?Ae`<span class="${oe.titleType}">${this.title}</span>`:Ae`<slot name="title"></slot>`}
|
|
2616
|
+
${this.noChevron?"":Ae`<div class="${j(this,pe,ja)}">${j(this,pe,Ha)}</div>`}
|
|
2617
2617
|
</div>
|
|
2618
2618
|
</button>
|
|
2619
2619
|
</w-unstyled-heading>`:""}
|
|
2620
|
-
${this.animated?
|
|
2620
|
+
${this.animated?Ae`<w-expand-transition ?show=${this.expanded}> ${this._expandableSlot} </w-expand-transition>`:Ae`<div class="${j(this,pe,Ua)}" aria-hidden=${pu(this.expanded?void 0:!0)}>
|
|
2621
2621
|
${this._expandableSlot}
|
|
2622
2622
|
</div>`}
|
|
2623
|
-
</div>`}};pe=new WeakSet,
|
|
2623
|
+
</div>`}};pe=new WeakSet,Ia=function(){return L([oe.wrapper,this.box&&oe.box,this.bleed&&oe.bleed])},Fa=function(){return L(this.buttonClass,[oe.button,this.box&&oe.buttonBox])},ja=function(){return L([oe.chevron,!this.box&&oe.chevronNonBox])},Ha=function(){let r=L([oe.elementsChevronUpTransform,!this.expanded&&this._showChevronUp&&oe.elementsChevronCollapse]),o=L([oe.elementsChevronDownTransform,this.expanded&&!this._showChevronUp&&oe.elementsChevronExpand]);return this._showChevronUp?Ae`<w-icon-chevron-up-16 class="${r}"></w-icon-chevron-up-16>`:Ae`<w-icon-chevron-down-16 class="${o}"></w-icon-chevron-down-16>`},qa=function(){return L(this.contentClass,[this.box&&mu.base,this._hasTitle&&this.box&&oe.contentWithTitle])},Ua=function(){return L([oe.expansion,!this.expanded&&oe.expansionNotExpanded])},ne.styles=[A,Va,du`
|
|
2624
2624
|
:host {
|
|
2625
2625
|
display: block;
|
|
2626
2626
|
}
|
|
2627
2627
|
::slotted(:last-child) {
|
|
2628
2628
|
margin-bottom: 0px !important;
|
|
2629
2629
|
}
|
|
2630
|
-
`],s([Ce({type:Boolean,reflect:!0})],ne.prototype,"expanded",2),s([Ce({type:String})],ne.prototype,"title",2),s([Ce({type:Boolean})],ne.prototype,"box",2),s([Ce({type:Boolean})],ne.prototype,"bleed",2),s([Ce({attribute:"button-class",type:String})],ne.prototype,"buttonClass",2),s([Ce({attribute:"content-class",type:String})],ne.prototype,"contentClass",2),s([Ce({attribute:"no-chevron",type:Boolean})],ne.prototype,"noChevron",2),s([Ce({type:Boolean})],ne.prototype,"animated",2),s([Ce({attribute:"heading-level",type:Number})],ne.prototype,"headingLevel",2),s([Ce({type:Boolean,state:!0})],ne.prototype,"_hasTitle",2),s([Ce({type:Boolean,state:!0})],ne.prototype,"_showChevronUp",2);customElements.get("w-expandable")||customElements.define("w-expandable",ne);import{html as
|
|
2630
|
+
`],s([Ce({type:Boolean,reflect:!0})],ne.prototype,"expanded",2),s([Ce({type:String})],ne.prototype,"title",2),s([Ce({type:Boolean})],ne.prototype,"box",2),s([Ce({type:Boolean})],ne.prototype,"bleed",2),s([Ce({attribute:"button-class",type:String})],ne.prototype,"buttonClass",2),s([Ce({attribute:"content-class",type:String})],ne.prototype,"contentClass",2),s([Ce({attribute:"no-chevron",type:Boolean})],ne.prototype,"noChevron",2),s([Ce({type:Boolean})],ne.prototype,"animated",2),s([Ce({attribute:"heading-level",type:Number})],ne.prototype,"headingLevel",2),s([Ce({type:Boolean,state:!0})],ne.prototype,"_hasTitle",2),s([Ce({type:Boolean,state:!0})],ne.prototype,"_showChevronUp",2);customElements.get("w-expandable")||customElements.define("w-expandable",ne);import{html as hu,css as bu,LitElement as gu}from"lit";var Bt=t=>class extends t{constructor(){super(...arguments);this.patchClose=!0;this._close=null}close(){this._close()}},Pt=t=>class extends t{handleSlotChange(e){let r=e.target.assignedNodes({flatten:!0});for(let o of r.filter(i=>i.patchClose))o._close=()=>this.close()}};var Rt=class extends Bt(Pt(gu)){render(){return hu`
|
|
2631
2631
|
<div class="footer">
|
|
2632
2632
|
<slot @slotchange="${this.handleSlotChange}"></slot>
|
|
2633
2633
|
</div>
|
|
2634
|
-
`}};
|
|
2634
|
+
`}};Rt.styles=[A,bu`
|
|
2635
2635
|
.footer {
|
|
2636
2636
|
display: flex;
|
|
2637
2637
|
flex-shrink: 0;
|
|
@@ -2646,7 +2646,7 @@ ${ka.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0
|
|
|
2646
2646
|
padding-right: 3.2rem;
|
|
2647
2647
|
}
|
|
2648
2648
|
}
|
|
2649
|
-
`];customElements.get("w-modal-footer")||customElements.define("w-modal-footer",
|
|
2649
|
+
`];customElements.get("w-modal-footer")||customElements.define("w-modal-footer",Rt);import{css as Nu,html as co,LitElement as Mu,nothing as on}from"lit";var Ja=(t,e)=>({dx:t.left-e.left,dy:t.top-e.top,dw:t.width/e.width,dh:t.height/e.height,first:t,last:e}),Qa=({dx:t,dy:e})=>[{transform:`translate(${t}px, ${e}px)`},{transform:"none"}],Ya={easing:"ease",duration:300};var so=!1,fu=typeof window!="undefined";if(fu){let t=window.matchMedia("(prefers-reduced-motion: reduce)"),e=({matches:r})=>so=r;t.addEventListener&&t.addEventListener("change",e),e(t)}var Er=class{constructor(e,{animation:r={},keyframes:o,respectReduceMotion:i=!0}={}){J(this,"first");J(this,"last");J(this,"el");this.el=e,this.first={},this.last={},this.userAnimationOptions=r,this.keyframeGenerator=o||Qa,this.shouldReduceMotion=i}async when(e){this.prep();let r=await e();return await this.play(),r}prep(){this.first=this.el.getBoundingClientRect()}async play(){if(this.last=this.el.getBoundingClientRect(),!this.el.animate)return;await this.el.animate(this.keyframes,this.animationOptions).finished}get keyframes(){return this.keyframeGenerator(Ja(this.first,this.last))}get defaults(){return Ya}get mergedOptions(){return{...this.defaults,...this.userAnimationOptions}}get animationOptions(){return this.shouldReduceMotion?so?{...this.mergedOptions,duration:0}:this.mergedOptions:this.mergedOptions}};import{property as uo,query as Au,state as Du}from"lit/decorators.js";import{LitElement as vu}from"lit";import{unsafeStatic as wu,html as xu}from"lit/static-html.js";var yu=JSON.parse('{"icon.title.arrow-left":["Pil som peker mot venstre"]}'),ku=JSON.parse('{"icon.title.arrow-left":["Leftward-pointing arrow"]}'),$u=JSON.parse('{"icon.title.arrow-left":["Vasemmalle osoittava nuoli"]}'),Eu=JSON.parse('{"icon.title.arrow-left":["Pil til venstre"]}'),Cu=JSON.parse('{"icon.title.arrow-left":["Pil som pekar v\xE4nster"]}'),Xa=["en","nb","fi","da","sv"],Ka="en",Su=()=>{var t;let e;switch((t=process==null?void 0:process.env)==null?void 0:t.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},Za=()=>{var t;let e=(t=document==null?void 0:document.location)==null?void 0:t.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":Ka},lo=t=>Xa.find(e=>t===e||t.toLowerCase().includes(e))||Za();function _u(){var t;if(typeof window=="undefined"){let e=Su();return lo(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=Za();return Xa.includes(e)?lo(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),lo(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),Ka}}var Lu=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,Ou=(t,e,r,o,i)=>{let a=_u(),n=Lu(a,t,e,r,o,i);c.load(a,n),c.activate(a)};Ou(ku,yu,$u,Eu,Cu);var Tu=class extends vu{render(){let t=c.t({message:"Leftward-pointing arrow",id:"icon.title.arrow-left",comment:"Title for table arrow left icon"});return xu`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-arrow-left-16-part">${wu(`<title>${t}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M5.222 8h6.667"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7.444 11.75 4.111 8l3.333-3.75"></path></svg>`}};customElements.get("w-icon-arrow-left-16")||customElements.define("w-icon-arrow-left-16",Tu);var Ga=JSON.parse('{"modal.aria.back":["Tilbage"],"modal.aria.close":["Luk"]}');var Wa=JSON.parse('{"modal.aria.back":["Back"],"modal.aria.close":["Close"]}');var en=JSON.parse('{"modal.aria.back":["Takaisin"],"modal.aria.close":["Sulje"]}');var tn=JSON.parse('{"modal.aria.back":["Tilbake"],"modal.aria.close":["Lukk"]}');var rn=JSON.parse('{"modal.aria.back":["Tillbaka"],"modal.aria.close":["St\xE4ng"]}');var De=class extends Bt(Mu){constructor(){super();this._hasTopContent=!1;G(Wa,tn,en,Ga,rn)}render(){return co`
|
|
2650
2650
|
<div class="header">
|
|
2651
2651
|
<slot name="top" @slotchange=${this.handleTopSlotChange}></slot>
|
|
2652
2652
|
<div class="${this._hasTopContent?"":"header-title-bar"}">
|
|
@@ -2655,19 +2655,19 @@ ${ka.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0
|
|
|
2655
2655
|
${this.closeButton}
|
|
2656
2656
|
</div>
|
|
2657
2657
|
</div>
|
|
2658
|
-
`}async willUpdate(r){r.has("back")&&new
|
|
2658
|
+
`}async willUpdate(r){r.has("back")&&new Er(this.titleEl).when(async()=>{await this.updateComplete})}get titleClasses(){return["header-title",this.back?"header-title-with-back-button":"header-title-without-back-button",this._hasTopContent?"header-title-with-top-area":""].join(" ")}get backButton(){return this.back&&!this._hasTopContent?co`<button
|
|
2659
2659
|
type="button"
|
|
2660
2660
|
aria-label="${c._({id:"modal.aria.back",message:"Back",comment:"Aria label for the back button in modal"})}"
|
|
2661
2661
|
class="header-button header-button-left"
|
|
2662
2662
|
@click="${this.emitBack}">
|
|
2663
2663
|
<w-icon-arrow-left-16></w-icon-arrow-left-16>
|
|
2664
|
-
</button>`:
|
|
2664
|
+
</button>`:on}get closeButton(){return this.noClose?on:co`<button
|
|
2665
2665
|
type="button"
|
|
2666
2666
|
aria-label="${c._({id:"modal.aria.close",message:"Close",comment:"Aria label for the close button in modal"})}"
|
|
2667
2667
|
class="header-button ${this._hasTopContent?"header-close-button-on-image":"header-close-button"}"
|
|
2668
2668
|
@click="${this.close}">
|
|
2669
2669
|
<w-icon-close-16></w-icon-close-16>
|
|
2670
|
-
</button>`}emitBack(){this.dispatchEvent(new CustomEvent("backClicked",{bubbles:!0,composed:!0}))}handleTopSlotChange(r){let o=r.target.assignedElements({flatten:!0});this._hasTopContent=!!o.length}};
|
|
2670
|
+
</button>`}emitBack(){this.dispatchEvent(new CustomEvent("backClicked",{bubbles:!0,composed:!0}))}handleTopSlotChange(r){let o=r.target.assignedElements({flatten:!0});this._hasTopContent=!!o.length}};De.styles=[A,Nu`
|
|
2671
2671
|
.header {
|
|
2672
2672
|
position: relative;
|
|
2673
2673
|
padding-bottom: 0.8rem;
|
|
@@ -2780,7 +2780,7 @@ ${ka.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0
|
|
|
2780
2780
|
min-width: 32px;
|
|
2781
2781
|
}
|
|
2782
2782
|
}
|
|
2783
|
-
`],s([
|
|
2783
|
+
`],s([uo({type:String})],De.prototype,"title",2),s([uo({type:Boolean})],De.prototype,"back",2),s([uo({type:Boolean,attribute:"no-close"})],De.prototype,"noClose",2),s([Du()],De.prototype,"_hasTopContent",2),s([Au(".title-el")],De.prototype,"titleEl",2);customElements.get("w-modal-header")||customElements.define("w-modal-header",De);import{css as Uu,html as Ju,LitElement as Qu}from"lit";import{property as mo,query as ho}from"lit/decorators.js";var Vt=[],po={documentElement:{},body:{}},zu=Object.freeze({documentElement:{"scrollbar-gutter":"stable"},body:{overflow:"hidden",position:"relative",height:"100%"}}),an=t=>{var e;t.touches.length>1||((e=t.preventDefault)==null||e.call(t))},Bu=t=>([e,r])=>{po[t][e]=document[t].style[e],document[t].style[e]=r},Pu=()=>Object.entries(zu).forEach(([t,e])=>{Object.entries(e).forEach(Bu(t))}),Ru=t=>([e,r])=>{document[t].style[e]=po[t][e]},Vu=()=>Object.entries(po).forEach(([t,e])=>{Object.entries(e).forEach(Ru(t))}),Iu=t=>t.scrollHeight-Math.abs(t.scrollTop)===t.clientHeight;function Fu(t){let e=-1,r=o=>{if(o.targetTouches.length!==1)return;let i=o.targetTouches[0].clientY-e;return t.scrollTop===0&&i>0||Iu(t)&&i<0?an(o):(o.stopPropagation(),!0)};t.ontouchstart=o=>{o.targetTouches.length===1&&(e=o.targetTouches[0].clientY)},t.ontouchmove=r}function ju(t){t.ontouchstart=null,t.ontouchmove=null}var nn=t=>()=>document[t?"addEventListener":"removeEventListener"]("touchmove",an,{passive:!1}),Hu=nn(!0),qu=nn();function sn(t){if(!t)throw Error("Could not run setup, an element must be provided");Vt.some(e=>e===t)||(Vt.length||(Pu(),Hu()),Fu(t),Vt.push(t))}function ln(){Vt.forEach(ju),qu(),Vu(),Vt=[]}var Se=class extends Pt(Qu){constructor(){super(),this.interceptEscape=this.interceptEscape.bind(this),this.closeOnBackdropClick=this.closeOnBackdropClick.bind(this),this.eventPreventer=this.eventPreventer.bind(this),this.modifyBorderRadius=this.modifyBorderRadius.bind(this)}async open(){this.dialogEl.showModal(),this.handleListeners(),sn(this.contentEl),await this.updateComplete,this.dispatchEvent(new CustomEvent("shown",{bubbles:!0,composed:!0}))}close(){this.handleListeners("removeEventListener"),this.dialogEl.classList.add("close"),this.dialogEl.addEventListener("animationend",async()=>{this.dialogEl.classList.remove("close"),this.dialogEl.close(),ln(),await this.updateComplete,this.dispatchEvent(new CustomEvent("hidden",{bubbles:!0,composed:!0}))},{once:!0})}render(){return Ju`
|
|
2784
2784
|
<dialog class="dialog-el">
|
|
2785
2785
|
<div class="dialog-inner-el">
|
|
2786
2786
|
<slot name="header" @slotchange="${this.handleSlotChange}"></slot>
|
|
@@ -2790,7 +2790,7 @@ ${ka.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0
|
|
|
2790
2790
|
<slot name="footer" @slotchange="${this.handleSlotChange}"></slot>
|
|
2791
2791
|
</div>
|
|
2792
2792
|
</dialog>
|
|
2793
|
-
`}updated(e){e.has("show")&&this[this.show?"open":"close"]()}handleListeners(e="addEventListener"){document[e]("keydown",this.interceptEscape),this.ignoreBackdropClicks||this.dialogEl[e]("mousedown",this.closeOnBackdropClick),this.dialogEl[e]("close",this.eventPreventer),this.dialogEl[e]("cancel",this.eventPreventer),this.dialogInnerEl[e]("transitionend",this.modifyBorderRadius)}eventPreventer(e){e.preventDefault()}closeOnBackdropClick(e){this.dialogEl===e.target&&this.close()}interceptEscape(e){e.key==="Escape"&&(e.preventDefault(),this.close())}modifyBorderRadius(){this.dialogInnerEl.scrollHeight*1.02>innerHeight?this.dialogInnerEl.style.borderRadius="0px":this.dialogInnerEl.style.borderRadius=null}};Se.styles=[A,
|
|
2793
|
+
`}updated(e){e.has("show")&&this[this.show?"open":"close"]()}handleListeners(e="addEventListener"){document[e]("keydown",this.interceptEscape),this.ignoreBackdropClicks||this.dialogEl[e]("mousedown",this.closeOnBackdropClick),this.dialogEl[e]("close",this.eventPreventer),this.dialogEl[e]("cancel",this.eventPreventer),this.dialogInnerEl[e]("transitionend",this.modifyBorderRadius)}eventPreventer(e){e.preventDefault()}closeOnBackdropClick(e){this.dialogEl===e.target&&this.close()}interceptEscape(e){e.key==="Escape"&&(e.preventDefault(),this.close())}modifyBorderRadius(){this.dialogInnerEl.scrollHeight*1.02>innerHeight?this.dialogInnerEl.style.borderRadius="0px":this.dialogInnerEl.style.borderRadius=null}};Se.styles=[A,Uu`
|
|
2794
2794
|
.dialog-el {
|
|
2795
2795
|
--w-modal-translate-distance: 100%;
|
|
2796
2796
|
--w-modal-max-height: 80%;
|
|
@@ -2911,60 +2911,98 @@ ${ka.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0
|
|
|
2911
2911
|
background: transparent;
|
|
2912
2912
|
}
|
|
2913
2913
|
}
|
|
2914
|
-
`],s([co({type:Boolean})],Se.prototype,"show",2),s([co({type:String,attribute:"content-id"})],Se.prototype,"contentId",2),s([co({type:Boolean,attribute:"ignore-backdrop-clicks"})],Se.prototype,"ignoreBackdropClicks",2),s([uo(".dialog-el")],Se.prototype,"dialogEl",2),s([uo(".dialog-inner-el")],Se.prototype,"dialogInnerEl",2),s([uo(".content-el")],Se.prototype,"contentEl",2);customElements.get("w-modal")||customElements.define("w-modal",Se);import{html as Vt,LitElement as _p,nothing as bo}from"lit";import{property as Er}from"lit/decorators.js";import{LitElement as Fu}from"lit";import{unsafeStatic as ju,html as Hu}from"lit/static-html.js";var qu=JSON.parse('{"icon.title.chevron-double-left":["Dobbel pil til venstre"]}'),Uu=JSON.parse('{"icon.title.chevron-double-left":["Double leftward arrow"]}'),Ju=JSON.parse('{"icon.title.chevron-double-left":["Kaksi nuolta vasemmalle"]}'),Qu=JSON.parse('{"icon.title.chevron-double-left":["Dobbelt venstrepil"]}'),Yu=JSON.parse('{"icon.title.chevron-double-left":["Dubbel v\xE4nsterpil"]}'),nn=["en","nb","fi","da","sv"],sn="en",Xu=()=>{var t;let e;switch((t=process==null?void 0:process.env)==null?void 0:t.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},ln=()=>{var t;let e=(t=document==null?void 0:document.location)==null?void 0:t.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":sn},po=t=>nn.find(e=>t===e||t.toLowerCase().includes(e))||ln();function Ku(){var t;if(typeof window=="undefined"){let e=Xu();return po(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=ln();return nn.includes(e)?po(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),po(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),sn}}var Zu=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,Gu=(t,e,r,o,i)=>{let a=Ku(),n=Zu(a,t,e,r,o,i);c.load(a,n),c.activate(a)};Gu(Uu,qu,Ju,Qu,Yu);var Wu=class extends Fu{render(){let t=c.t({message:"Double leftward arrow",id:"icon.title.chevron-double-left",comment:"Title for chevron-double-left icon"});return Hu`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-chevron-double-left-16-part">${ju(`<title>${t}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7 13 2 8l5-5m7 10L9 8l5-5"></path></svg>`}};customElements.get("w-icon-chevron-double-left-16")||customElements.define("w-icon-chevron-double-left-16",Wu);import{LitElement as ep}from"lit";import{unsafeStatic as tp,html as rp}from"lit/static-html.js";var op=JSON.parse('{"icon.title.chevron-left":["Pil til venstre"]}'),ip=JSON.parse('{"icon.title.chevron-left":["Leftward arrow"]}'),ap=JSON.parse('{"icon.title.chevron-left":["Nuoli vasemmalle"]}'),np=JSON.parse('{"icon.title.chevron-left":["Pil til venstre"]}'),sp=JSON.parse('{"icon.title.chevron-left":["Pil v\xE4nster"]}'),cn=["en","nb","fi","da","sv"],dn="en",lp=()=>{var t;let e;switch((t=process==null?void 0:process.env)==null?void 0:t.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},un=()=>{var t;let e=(t=document==null?void 0:document.location)==null?void 0:t.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":dn},mo=t=>cn.find(e=>t===e||t.toLowerCase().includes(e))||un();function cp(){var t;if(typeof window=="undefined"){let e=lp();return mo(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=un();return cn.includes(e)?mo(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),mo(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),dn}}var dp=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,up=(t,e,r,o,i)=>{let a=cp(),n=dp(a,t,e,r,o,i);c.load(a,n),c.activate(a)};up(ip,op,ap,np,sp);var pp=class extends ep{render(){let t=c.t({message:"Leftward arrow",id:"icon.title.chevron-left",comment:"Title for chevron-left icon"});return rp`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-chevron-left-16-part">${tp(`<title>${t}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M10.5 13.75 5 8.25l5.5-5.5"></path></svg>`}};customElements.get("w-icon-chevron-left-16")||customElements.define("w-icon-chevron-left-16",pp);import{LitElement as mp}from"lit";import{unsafeStatic as hp,html as bp}from"lit/static-html.js";var gp=JSON.parse('{"icon.title.chevron-right":["Pil til h\xF8yre"]}'),fp=JSON.parse('{"icon.title.chevron-right":["Rightward arrow"]}'),vp=JSON.parse('{"icon.title.chevron-right":["Nuoli oikealle"]}'),wp=JSON.parse('{"icon.title.chevron-right":["Pil til h\xF8jre"]}'),xp=JSON.parse('{"icon.title.chevron-right":["Pil h\xF6ger"]}'),pn=["en","nb","fi","da","sv"],mn="en",yp=()=>{var t;let e;switch((t=process==null?void 0:process.env)==null?void 0:t.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},hn=()=>{var t;let e=(t=document==null?void 0:document.location)==null?void 0:t.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":mn},ho=t=>pn.find(e=>t===e||t.toLowerCase().includes(e))||hn();function kp(){var t;if(typeof window=="undefined"){let e=yp();return ho(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=hn();return pn.includes(e)?ho(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),ho(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),mn}}var $p=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,Ep=(t,e,r,o,i)=>{let a=kp(),n=$p(a,t,e,r,o,i);c.load(a,n),c.activate(a)};Ep(fp,gp,vp,wp,xp);var Cp=class extends mp{render(){let t=c.t({message:"Rightward arrow",id:"icon.title.chevron-right",comment:"Title for chevron-right icon"});return bp`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-chevron-right-16-part">${hp(`<title>${t}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m5.5 13.75 5.5-5.5-5.5-5.5"></path></svg>`}};customElements.get("w-icon-chevron-right-16")||customElements.define("w-icon-chevron-right-16",Cp);var bn=JSON.parse('{"pagination.aria.first-page":["F\xF8rste side"],"pagination.aria.icon-suffix":["ikon"],"pagination.aria.next-page":["N\xE6ste side"],"pagination.aria.page":["Side ",["currentPage"]],"pagination.aria.pagination":["Sider"],"pagination.aria.prev-page":["Forrige side"]}');var gn=JSON.parse('{"pagination.aria.first-page":["First page"],"pagination.aria.icon-suffix":["icon"],"pagination.aria.next-page":["Next page"],"pagination.aria.page":["Page ",["currentPage"]],"pagination.aria.pagination":["Pages"],"pagination.aria.prev-page":["Previous page"]}');var fn=JSON.parse('{"pagination.aria.first-page":["Ensimm\xE4inen sivu"],"pagination.aria.icon-suffix":["kuvake"],"pagination.aria.next-page":["Seuraava sivu"],"pagination.aria.page":["Sivu ",["currentPage"]],"pagination.aria.pagination":["Sivut"],"pagination.aria.prev-page":["Edellinen sivu"]}');var vn=JSON.parse('{"pagination.aria.first-page":["F\xF8rste side"],"pagination.aria.icon-suffix":["ikon"],"pagination.aria.next-page":["Neste side"],"pagination.aria.page":["Side ",["currentPage"]],"pagination.aria.pagination":["Sider"],"pagination.aria.prev-page":["Forrige side"]}');var wn=JSON.parse('{"pagination.aria.first-page":["F\xF6rsta sidan"],"pagination.aria.icon-suffix":["ikon"],"pagination.aria.next-page":["N\xE4sta sida"],"pagination.aria.page":["Sida ",["currentPage"]],"pagination.aria.pagination":["Sidor"],"pagination.aria.prev-page":["F\xF6reg\xE5ende sida"]}');import{css as Sp}from"lit";var xn=Sp`*,: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}.hover\\:bg-\\[--w-color-button-pill-background-hover\\]:hover{background-color:var(--w-color-button-pill-background-hover)}.active\\:bg-\\[--w-color-button-pill-background-active\\]:active{background-color:var(--w-color-button-pill-background-active)}.border-0{border-width:0}.rounded-full{border-radius:9999px}.flex{display:flex}.inline-flex{display:inline-flex}.hover\\:no-underline:hover,.focus\\:no-underline:focus{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-primary{background-color:var(--w-s-color-background-primary)}.s-text-inverted{color:var(--w-s-color-text-inverted)}.s-text-link{color:var(--w-s-color-text-link)}.s-icon{color:var(--w-s-color-icon)}.min-h-\\[44px\\]{min-height:44px}.min-w-\\[44px\\]{min-width:44px}.p-4{padding:.4rem}.p-8{padding:.8rem}.visible{visibility:visible}.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)}@media (min-width:768px){.md\\:block{display:block}}`;var go=c._({id:"pagination.aria.icon-suffix",message:"icon",comment:"Suffix added at the end of icon titles when img semantics are lost on an html element"}),Cr="hover:no-underline focus:no-underline focusable inline-flex justify-center items-center transition-colors ease-in-out min-h-[44px] min-w-[44px] p-4 rounded-full border-0 hover:bg-clip-padding",Ke=class extends _p{constructor(){super();this.currentPageNumber=1;this.visiblePages=7;G(gn,vn,fn,bn,wn)}get shouldShowShowFirstPageButton(){return this.currentPageNumber-2>0}get shouldShowPreviousPageButton(){return this.currentPageNumber-1>0}get shouldShowNextPageButton(){return this.currentPageNumber<this.pages}get currentPageIndex(){return this.currentPageNumber-1}get visiblePageNumbers(){if(this.pages<=this.visiblePages)return Array.from({length:this.pages},(a,n)=>n+1);let r=Math.floor(this.visiblePages/2),o=Math.max(1,this.currentPageNumber-r),i=Math.min(this.pages,o+this.visiblePages-1);return i-o+1<this.visiblePages&&(o=Math.max(1,i-this.visiblePages+1)),Array.from({length:i-o+1},(a,n)=>o+n)}render(){let r=this.visiblePageNumbers;return Vt`<nav class="flex items-center justify-center p-8">
|
|
2914
|
+
`],s([mo({type:Boolean})],Se.prototype,"show",2),s([mo({type:String,attribute:"content-id"})],Se.prototype,"contentId",2),s([mo({type:Boolean,attribute:"ignore-backdrop-clicks"})],Se.prototype,"ignoreBackdropClicks",2),s([ho(".dialog-el")],Se.prototype,"dialogEl",2),s([ho(".dialog-inner-el")],Se.prototype,"dialogInnerEl",2),s([ho(".content-el")],Se.prototype,"contentEl",2);customElements.get("w-modal")||customElements.define("w-modal",Se);import{html as dn,LitElement as Xu}from"lit";import{property as un}from"lit/decorators.js";import{classMap as Ku}from"lit/directives/class-map.js";import{map as Zu}from"lit/directives/map.js";import{range as Gu}from"lit/directives/range.js";import{css as Yu}from"lit";var cn=Yu`
|
|
2915
|
+
.w-pageindicator {
|
|
2916
|
+
display: grid;
|
|
2917
|
+
justify-content: center;
|
|
2918
|
+
height: max-content;
|
|
2919
|
+
pointer-events: none;
|
|
2920
|
+
}
|
|
2921
|
+
|
|
2922
|
+
.w-pageindicator--container {
|
|
2923
|
+
display: grid;
|
|
2924
|
+
grid-auto-flow: column;
|
|
2925
|
+
gap: 8px;
|
|
2926
|
+
}
|
|
2927
|
+
|
|
2928
|
+
.w-pageindicator--dot {
|
|
2929
|
+
background-color: var(--w-s-color-background-disabled);
|
|
2930
|
+
border-radius: 5px;
|
|
2931
|
+
width: 10px;
|
|
2932
|
+
height: 10px;
|
|
2933
|
+
}
|
|
2934
|
+
|
|
2935
|
+
.w-pageindicator--selecteddot {
|
|
2936
|
+
background-color: var(--w-s-color-icon-selected);
|
|
2937
|
+
}
|
|
2938
|
+
`;var vt=class extends Xu{constructor(){super(...arguments);this.selectedPage=1;this.pageCount=1}render(){return dn`
|
|
2939
|
+
<div class="w-pageindicator">
|
|
2940
|
+
<div class="w-pageindicator--container">
|
|
2941
|
+
${Zu(Gu(this.pageCount),r=>{let i={"w-pageindicator--dot":!0,"w-pageindicator--selecteddot":r===this.selectedPage-1};return dn`<div class="${Ku(i)}"></div>`})}
|
|
2942
|
+
</div>
|
|
2943
|
+
</div>
|
|
2944
|
+
`}};vt.styles=[cn],s([un({type:Number,attribute:"selected-page"})],vt.prototype,"selectedPage",2),s([un({type:Number,attribute:"page-count"})],vt.prototype,"pageCount",2);customElements.get("w-pageindicator")||customElements.define("w-pageindicator",vt);import{html as It,LitElement as Vp,nothing as vo}from"lit";import{property as Cr}from"lit/decorators.js";import{LitElement as Wu}from"lit";import{unsafeStatic as ep,html as tp}from"lit/static-html.js";var rp=JSON.parse('{"icon.title.chevron-double-left":["Dobbel pil til venstre"]}'),op=JSON.parse('{"icon.title.chevron-double-left":["Double leftward arrow"]}'),ip=JSON.parse('{"icon.title.chevron-double-left":["Kaksi nuolta vasemmalle"]}'),ap=JSON.parse('{"icon.title.chevron-double-left":["Dobbelt venstrepil"]}'),np=JSON.parse('{"icon.title.chevron-double-left":["Dubbel v\xE4nsterpil"]}'),pn=["en","nb","fi","da","sv"],mn="en",sp=()=>{var t;let e;switch((t=process==null?void 0:process.env)==null?void 0:t.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},hn=()=>{var t;let e=(t=document==null?void 0:document.location)==null?void 0:t.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":mn},bo=t=>pn.find(e=>t===e||t.toLowerCase().includes(e))||hn();function lp(){var t;if(typeof window=="undefined"){let e=sp();return bo(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=hn();return pn.includes(e)?bo(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),bo(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),mn}}var cp=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,dp=(t,e,r,o,i)=>{let a=lp(),n=cp(a,t,e,r,o,i);c.load(a,n),c.activate(a)};dp(op,rp,ip,ap,np);var up=class extends Wu{render(){let t=c.t({message:"Double leftward arrow",id:"icon.title.chevron-double-left",comment:"Title for chevron-double-left icon"});return tp`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-chevron-double-left-16-part">${ep(`<title>${t}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7 13 2 8l5-5m7 10L9 8l5-5"></path></svg>`}};customElements.get("w-icon-chevron-double-left-16")||customElements.define("w-icon-chevron-double-left-16",up);import{LitElement as pp}from"lit";import{unsafeStatic as mp,html as hp}from"lit/static-html.js";var bp=JSON.parse('{"icon.title.chevron-left":["Pil til venstre"]}'),gp=JSON.parse('{"icon.title.chevron-left":["Leftward arrow"]}'),fp=JSON.parse('{"icon.title.chevron-left":["Nuoli vasemmalle"]}'),vp=JSON.parse('{"icon.title.chevron-left":["Pil til venstre"]}'),wp=JSON.parse('{"icon.title.chevron-left":["Pil v\xE4nster"]}'),bn=["en","nb","fi","da","sv"],gn="en",xp=()=>{var t;let e;switch((t=process==null?void 0:process.env)==null?void 0:t.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},fn=()=>{var t;let e=(t=document==null?void 0:document.location)==null?void 0:t.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":gn},go=t=>bn.find(e=>t===e||t.toLowerCase().includes(e))||fn();function yp(){var t;if(typeof window=="undefined"){let e=xp();return go(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=fn();return bn.includes(e)?go(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),go(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),gn}}var kp=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,$p=(t,e,r,o,i)=>{let a=yp(),n=kp(a,t,e,r,o,i);c.load(a,n),c.activate(a)};$p(gp,bp,fp,vp,wp);var Ep=class extends pp{render(){let t=c.t({message:"Leftward arrow",id:"icon.title.chevron-left",comment:"Title for chevron-left icon"});return hp`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-chevron-left-16-part">${mp(`<title>${t}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M10.5 13.75 5 8.25l5.5-5.5"></path></svg>`}};customElements.get("w-icon-chevron-left-16")||customElements.define("w-icon-chevron-left-16",Ep);import{LitElement as Cp}from"lit";import{unsafeStatic as Sp,html as _p}from"lit/static-html.js";var Lp=JSON.parse('{"icon.title.chevron-right":["Pil til h\xF8yre"]}'),Op=JSON.parse('{"icon.title.chevron-right":["Rightward arrow"]}'),Tp=JSON.parse('{"icon.title.chevron-right":["Nuoli oikealle"]}'),Np=JSON.parse('{"icon.title.chevron-right":["Pil til h\xF8jre"]}'),Mp=JSON.parse('{"icon.title.chevron-right":["Pil h\xF6ger"]}'),vn=["en","nb","fi","da","sv"],wn="en",Ap=()=>{var t;let e;switch((t=process==null?void 0:process.env)==null?void 0:t.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},xn=()=>{var t;let e=(t=document==null?void 0:document.location)==null?void 0:t.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":wn},fo=t=>vn.find(e=>t===e||t.toLowerCase().includes(e))||xn();function Dp(){var t;if(typeof window=="undefined"){let e=Ap();return fo(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=xn();return vn.includes(e)?fo(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),fo(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),wn}}var zp=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,Bp=(t,e,r,o,i)=>{let a=Dp(),n=zp(a,t,e,r,o,i);c.load(a,n),c.activate(a)};Bp(Op,Lp,Tp,Np,Mp);var Pp=class extends Cp{render(){let t=c.t({message:"Rightward arrow",id:"icon.title.chevron-right",comment:"Title for chevron-right icon"});return _p`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-chevron-right-16-part">${Sp(`<title>${t}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m5.5 13.75 5.5-5.5-5.5-5.5"></path></svg>`}};customElements.get("w-icon-chevron-right-16")||customElements.define("w-icon-chevron-right-16",Pp);var yn=JSON.parse('{"pagination.aria.first-page":["F\xF8rste side"],"pagination.aria.icon-suffix":["ikon"],"pagination.aria.next-page":["N\xE6ste side"],"pagination.aria.page":["Side ",["currentPage"]],"pagination.aria.pagination":["Sider"],"pagination.aria.prev-page":["Forrige side"]}');var kn=JSON.parse('{"pagination.aria.first-page":["First page"],"pagination.aria.icon-suffix":["icon"],"pagination.aria.next-page":["Next page"],"pagination.aria.page":["Page ",["currentPage"]],"pagination.aria.pagination":["Pages"],"pagination.aria.prev-page":["Previous page"]}');var $n=JSON.parse('{"pagination.aria.first-page":["Ensimm\xE4inen sivu"],"pagination.aria.icon-suffix":["kuvake"],"pagination.aria.next-page":["Seuraava sivu"],"pagination.aria.page":["Sivu ",["currentPage"]],"pagination.aria.pagination":["Sivut"],"pagination.aria.prev-page":["Edellinen sivu"]}');var En=JSON.parse('{"pagination.aria.first-page":["F\xF8rste side"],"pagination.aria.icon-suffix":["ikon"],"pagination.aria.next-page":["Neste side"],"pagination.aria.page":["Side ",["currentPage"]],"pagination.aria.pagination":["Sider"],"pagination.aria.prev-page":["Forrige side"]}');var Cn=JSON.parse('{"pagination.aria.first-page":["F\xF6rsta sidan"],"pagination.aria.icon-suffix":["ikon"],"pagination.aria.next-page":["N\xE4sta sida"],"pagination.aria.page":["Sida ",["currentPage"]],"pagination.aria.pagination":["Sidor"],"pagination.aria.prev-page":["F\xF6reg\xE5ende sida"]}');import{css as Rp}from"lit";var Sn=Rp`*,: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}.hover\\:bg-\\[--w-color-button-pill-background-hover\\]:hover{background-color:var(--w-color-button-pill-background-hover)}.active\\:bg-\\[--w-color-button-pill-background-active\\]:active{background-color:var(--w-color-button-pill-background-active)}.border-0{border-width:0}.rounded-full{border-radius:9999px}.flex{display:flex}.inline-flex{display:inline-flex}.hover\\:no-underline:hover,.focus\\:no-underline:focus{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-primary{background-color:var(--w-s-color-background-primary)}.s-text-inverted{color:var(--w-s-color-text-inverted)}.s-text-link{color:var(--w-s-color-text-link)}.s-icon{color:var(--w-s-color-icon)}.min-h-\\[44px\\]{min-height:44px}.min-w-\\[44px\\]{min-width:44px}.p-4{padding:.4rem}.p-8{padding:.8rem}.visible{visibility:visible}.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)}@media (min-width:768px){.md\\:block{display:block}}`;var wo=c._({id:"pagination.aria.icon-suffix",message:"icon",comment:"Suffix added at the end of icon titles when img semantics are lost on an html element"}),Sr="hover:no-underline focus:no-underline focusable inline-flex justify-center items-center transition-colors ease-in-out min-h-[44px] min-w-[44px] p-4 rounded-full border-0 hover:bg-clip-padding",_r,_n,Ke=class extends Vp{constructor(){super();Oe(this,_r);this.currentPageNumber=1;this.visiblePages=7;G(kn,En,$n,yn,Cn)}get shouldShowShowFirstPageButton(){return this.currentPageNumber-2>0}get shouldShowPreviousPageButton(){return this.currentPageNumber-1>0}get shouldShowNextPageButton(){return this.currentPageNumber<this.pages}get currentPageIndex(){return this.currentPageNumber-1}get visiblePageNumbers(){if(this.pages<=this.visiblePages)return Array.from({length:this.pages},(a,n)=>n+1);let r=Math.floor(this.visiblePages/2),o=Math.max(1,this.currentPageNumber-r),i=Math.min(this.pages,o+this.visiblePages-1);return i-o+1<this.visiblePages&&(o=Math.max(1,i-this.visiblePages+1)),Array.from({length:i-o+1},(a,n)=>o+n)}render(){let r=this.visiblePageNumbers;return It`<nav class="flex items-center justify-center p-8" @click="${Ao(this,_r,_n)}">
|
|
2915
2945
|
<h1 class="sr-only">
|
|
2916
2946
|
${c._({id:"pagination.aria.pagination",message:"Pages",comment:"Default screenreader message for pagination container in the pagination component"})}
|
|
2917
2947
|
</h1>
|
|
2918
2948
|
<div class="md:block s-text-link">
|
|
2919
|
-
${this.shouldShowShowFirstPageButton?
|
|
2949
|
+
${this.shouldShowShowFirstPageButton?It`<a
|
|
2950
|
+
data-page-number="1"
|
|
2920
2951
|
href="${this.baseUrl}1"
|
|
2921
|
-
class="${
|
|
2952
|
+
class="${Sr+" s-icon hover:bg-[--w-color-button-pill-background-hover] active:bg-[--w-color-button-pill-background-active]"}">
|
|
2922
2953
|
<span class="sr-only"
|
|
2923
2954
|
>${c._({id:"pagination.aria.first-page",message:"First page",comment:"Default screenreader message for first page link in the pagination component"})},</span
|
|
2924
2955
|
>
|
|
2925
2956
|
<w-icon-chevron-double-left-16></w-icon-chevron-double-left-16>
|
|
2926
|
-
<span class="sr-only">${
|
|
2927
|
-
</a>`:
|
|
2928
|
-
${this.shouldShowPreviousPageButton?
|
|
2957
|
+
<span class="sr-only">${wo}</span>
|
|
2958
|
+
</a>`:vo}
|
|
2959
|
+
${this.shouldShowPreviousPageButton?It`<a
|
|
2960
|
+
data-page-number="${this.currentPageNumber-1}"
|
|
2929
2961
|
href="${this.baseUrl}${this.currentPageNumber-1}"
|
|
2930
|
-
class="${
|
|
2962
|
+
class="${Sr+" s-icon hover:bg-[--w-color-button-pill-background-hover] active:bg-[--w-color-button-pill-background-active]"}">
|
|
2931
2963
|
<span class="sr-only"
|
|
2932
2964
|
>${c._({id:"pagination.aria.prev-page",message:"Previous page",comment:"Default screenreader message for previous page link in the pagination component"})},</span
|
|
2933
2965
|
>
|
|
2934
2966
|
<w-icon-chevron-left-16></w-icon-chevron-left-16>
|
|
2935
|
-
<span class="sr-only">${
|
|
2936
|
-
</a>`:
|
|
2937
|
-
${r.map(o=>{let i=o===this.currentPageNumber,a=`${this.baseUrl}${o}`,n=
|
|
2967
|
+
<span class="sr-only">${wo}</span>
|
|
2968
|
+
</a>`:vo}
|
|
2969
|
+
${r.map(o=>{let i=o===this.currentPageNumber,a=`${this.baseUrl}${o}`,n=Sr;i?n+=" s-bg-primary s-text-inverted":n+=" hover:bg-[--w-color-button-pill-background-hover] active:bg-[--w-color-button-pill-background-active]";let l=c._({id:"pagination.aria.page",message:"Page {currentPage}",values:{currentPage:o},comment:"Default screenreader message for page link in the pagination component"});return It`<a
|
|
2970
|
+
data-page-number="${o}"
|
|
2971
|
+
aria-label="${l}"
|
|
2972
|
+
href="${a}"
|
|
2973
|
+
class="${n}"
|
|
2974
|
+
aria-current="${i?"page":""}"
|
|
2938
2975
|
>${o}</a
|
|
2939
2976
|
>`})}
|
|
2940
|
-
${this.shouldShowNextPageButton?
|
|
2977
|
+
${this.shouldShowNextPageButton?It`<a
|
|
2978
|
+
data-page-number="${this.currentPageNumber+1}"
|
|
2941
2979
|
href="${this.baseUrl}${this.currentPageNumber+1}"
|
|
2942
|
-
class="${
|
|
2980
|
+
class="${Sr+" s-icon hover:bg-[--w-color-button-pill-background-hover] active:bg-[--w-color-button-pill-background-active]"}">
|
|
2943
2981
|
<span class="sr-only">
|
|
2944
2982
|
${c._({id:"pagination.aria.next-page",message:"Next page",comment:"Default screenreader message for next page link in the pagination component"})},</span
|
|
2945
2983
|
>
|
|
2946
2984
|
<w-icon-chevron-right-16></w-icon-chevron-right-16>
|
|
2947
|
-
<span class="sr-only">${
|
|
2948
|
-
</a>`:
|
|
2985
|
+
<span class="sr-only">${wo}</span>
|
|
2986
|
+
</a>`:vo}
|
|
2949
2987
|
</div>
|
|
2950
|
-
</nav>`}};Ke.styles=[A,
|
|
2988
|
+
</nav>`}};_r=new WeakSet,_n=function(r){let o=r.target.getAttribute("data-page-number");this.dispatchEvent(new CustomEvent("page-click",{detail:{clickedPage:o},bubbles:!0,composed:!0}))},Ke.styles=[A,Sn],s([Cr({type:String,reflect:!0,attribute:"base-url"})],Ke.prototype,"baseUrl",2),s([Cr({type:Number,reflect:!0})],Ke.prototype,"pages",2),s([Cr({type:Number,reflect:!0,attribute:"current-page"})],Ke.prototype,"currentPageNumber",2),s([Cr({type:Number,reflect:!0,attribute:"visible-pages"})],Ke.prototype,"visiblePages",2);customElements.get("w-pagination")||customElements.define("w-pagination",Ke);import{html as Dn,LitElement as Fp}from"lit";import{property as wt}from"lit/decorators.js";var Ln=JSON.parse('{"pill.aria.openFilter":["\xC5bn filter"],"pill.aria.removeFilter":["Fjern filter ",["label"]]}');var On=JSON.parse('{"pill.aria.openFilter":["Open filter"],"pill.aria.removeFilter":["Remove filter ",["label"]]}');var Tn=JSON.parse('{"pill.aria.openFilter":["Avaa suodatin"],"pill.aria.removeFilter":["Tyhjenn\xE4 suodatin ",["label"]]}');var Nn=JSON.parse('{"pill.aria.openFilter":["\xC5pne filter"],"pill.aria.removeFilter":["Fjern filter ",["label"]]}');var Mn=JSON.parse('{"pill.aria.openFilter":["\xD6ppna filter"],"pill.aria.removeFilter":["Ta bort filtret ",["label"]]}');import{css as Ip}from"lit";var An=Ip`*,: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}.bg-\\[--w-color-pill-suggestion-background\\]{background-color:var(--w-color-pill-suggestion-background)}.hover\\:bg-\\[--w-color-pill-suggestion-background-hover\\]:hover{background-color:var(--w-color-pill-suggestion-background-hover)}.active\\:bg-\\[--w-color-pill-suggestion-background-active\\]:active{background-color:var(--w-color-pill-suggestion-background-active)}.rounded-l-full{border-top-left-radius:9999px;border-bottom-left-radius:9999px}.rounded-r-full{border-top-right-radius:9999px;border-bottom-right-radius:9999px}.flex{display:flex}.inline-flex{display:inline-flex}.focusable:focus{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:focus-visible{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:not(:focus-visible){outline:none}.items-center{align-items:center}.static{position:static}.s-bg-primary{background-color:var(--w-s-color-background-primary)}.hover\\:s-bg-primary-hover:hover{background-color:var(--w-s-color-background-primary-hover)}.active\\:s-bg-primary-active:active{background-color:var(--w-s-color-background-primary-active)}.s-text{color:var(--w-s-color-text)}.s-text-inverted{color:var(--w-s-color-text-inverted)}.h-16{height:1.6rem}.py-8{padding-top:.8rem;padding-bottom:.8rem}.pl-12{padding-left:1.2rem}.pl-4{padding-left:.4rem}.pr-12{padding-right:1.2rem}.pr-2{padding-right:.2rem}.font-bold{font-weight:700}.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-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs)}`;var me={wrapper:"flex items-center",button:"inline-flex items-center focusable text-xs transition-all",suggestion:"bg-[--w-color-pill-suggestion-background] hover:bg-[--w-color-pill-suggestion-background-hover] active:bg-[--w-color-pill-suggestion-background-active] s-text font-bold",filter:"s-bg-primary hover:s-bg-primary-hover active:s-bg-primary-active s-text-inverted",label:"pl-12 py-8 rounded-l-full",labelWithoutClose:"pr-12 rounded-r-full",labelWithClose:"pr-2",close:"pr-12 pl-4 py-8 rounded-r-full",closeIcon:"h-16",a11y:"sr-only"},ze=class extends Fp{constructor(){super(),G(On,Nn,Tn,Ln,Mn),this.canClose=!1,this.suggestion=!1,this.openFilterSrText=c._({id:"pill.aria.openFilter",message:"Open filter",comment:"Fallback screen reader message for open filter"}),this.removeFilterSrText=c._({id:"pill.aria.removeFilter",message:"Remove filter {label}",comment:"Fallback screen reader message for removal of the filter"})}get _labelClasses(){return L([me.button,me.label,this.suggestion?me.suggestion:me.filter,this.canClose?me.labelWithClose:me.labelWithoutClose])}get _closeClasses(){return L([me.button,me.close,this.suggestion?me.suggestion:me.filter])}_onClick(){this.dispatchEvent(new CustomEvent("w-pill-click",{bubbles:!0,composed:!0}))}_onClose(){this.dispatchEvent(new CustomEvent("w-pill-close",{bubbles:!0,composed:!0}))}connectedCallback(){super.connectedCallback(),this.openSrLabel&&(this.openAriaLabel=this.openSrLabel),this.closeSrLabel&&(this.closeAriaLabel=this.closeSrLabel)}render(){return Dn`
|
|
2951
2989
|
<div class="${me.wrapper}">
|
|
2952
2990
|
<button type="button" class="${this._labelClasses}" @click="${this._onClick}">
|
|
2953
2991
|
<span class="${me.a11y}">${this.openAriaLabel?this.openAriaLabel:this.openFilterSrText}</span>
|
|
2954
2992
|
<slot></slot>
|
|
2955
2993
|
</button>
|
|
2956
|
-
${this.canClose?
|
|
2994
|
+
${this.canClose?Dn` <button type="button" class="${this._closeClasses}" @click="${this._onClose}">
|
|
2957
2995
|
<span class="${me.a11y}">${this.closeAriaLabel?this.closeAriaLabel:this.removeFilterSrText}</span>
|
|
2958
2996
|
<w-icon-close-16 class="${me.closeIcon}"></w-icon-close-16>
|
|
2959
2997
|
</button>`:null}
|
|
2960
2998
|
</div>
|
|
2961
|
-
`}};
|
|
2999
|
+
`}};ze.styles=[A,An],s([wt({attribute:"can-close",type:Boolean})],ze.prototype,"canClose",2),s([wt({attribute:"suggestion",type:Boolean})],ze.prototype,"suggestion",2),s([wt({attribute:"open-sr-label",type:String})],ze.prototype,"openSrLabel",2),s([wt({attribute:"open-aria-label",type:String})],ze.prototype,"openAriaLabel",2),s([wt({attribute:"close-sr-label",type:String})],ze.prototype,"closeSrLabel",2),s([wt({attribute:"close-aria-label",type:String})],ze.prototype,"closeAriaLabel",2);customElements.get("w-pill")||customElements.define("w-pill",ze);import{html as Jp}from"lit";import{property as jt,state as Vn}from"lit/decorators.js";import{isServer as xo}from"lit";import{property as xt}from"lit/decorators.js";import{LitElement as Hp,unsafeCSS as qp}from"lit";import{property as Bn}from"lit/decorators.js";var zn={};var Ft,ct=class extends Hp{constructor(){super();Oe(this,Ft,!1);this.initialReflectedProperties=new Map;this.customStates={set:(r,o)=>{var i;(i=this.internals)!=null&&i.states&&(o?this.internals.states.add(r):this.internals.states.delete(r))},has:r=>{var o;return(o=this.internals)!=null&&o.states?this.internals.states.has(r):!1}};try{this.internals=this.attachInternals()}catch(o){console.error("Element internals are not supported in your browser. Consider using a polyfill")}this.customStates.set("wa-defined",!0);let r=this.constructor;for(let[o,i]of r.elementProperties)i.default==="inherit"&&i.initial!==void 0&&typeof o=="string"&&this.customStates.set(`initial-${o}-${i.initial}`,!0)}static get styles(){let r=Array.isArray(this.css)?this.css:this.css?[this.css]:[];return[zn,...r].map(o=>typeof o=="string"?qp(o):o)}attributeChangedCallback(r,o,i){j(this,Ft)||(this.constructor.elementProperties.forEach((a,n)=>{a.reflect&&this[n]!=null&&this.initialReflectedProperties.set(n,this[n])}),Mo(this,Ft,!0)),super.attributeChangedCallback(r,o,i)}willUpdate(r){super.willUpdate(r),this.initialReflectedProperties.forEach((o,i)=>{r.has(i)&&this[i]==null&&(this[i]=o)})}relayNativeEvent(r,o){r.stopImmediatePropagation(),this.dispatchEvent(new r.constructor(r.type,{...r,...o}))}};Ft=new WeakMap,s([Bn()],ct.prototype,"dir",2),s([Bn()],ct.prototype,"lang",2);var Pn=()=>({observedAttributes:["custom-error"],checkValidity(t){let e={message:"",isValid:!0,invalidKeys:[]};return t.customError&&(e.message=t.customError,e.isValid=!1,e.invalidKeys=["customError"]),e}});var Lr=class extends Event{constructor(){super("w-invalid",{bubbles:!0,cancelable:!1,composed:!0})}};var te=class extends ct{constructor(){super();this.name=null;this.disabled=!1;this.required=!1;this.assumeInteractionOn=["input"];this.validators=[];this.valueHasChanged=!1;this.hasInteracted=!1;this.customError=null;this.emittedEvents=[];this.emitInvalid=r=>{r.target===this&&(this.hasInteracted=!0,this.dispatchEvent(new Lr))};this.handleInteraction=r=>{var i;let o=this.emittedEvents;o.includes(r.type)||o.push(r.type),o.length===((i=this.assumeInteractionOn)==null?void 0:i.length)&&(this.hasInteracted=!0)};xo||this.addEventListener("invalid",this.emitInvalid)}static get validators(){return[Pn()]}static get observedAttributes(){let r=new Set(super.observedAttributes||[]);for(let o of this.validators)if(o.observedAttributes)for(let i of o.observedAttributes)r.add(i);return[...r]}connectedCallback(){super.connectedCallback(),this.updateValidity(),this.assumeInteractionOn.forEach(r=>{this.addEventListener(r,this.handleInteraction)})}firstUpdated(...r){super.firstUpdated(...r),this.updateValidity()}willUpdate(r){if(!xo&&r.has("customError")&&(this.customError||(this.customError=null),this.setCustomValidity(this.customError||"")),r.has("value")||r.has("disabled")){let o=this.value;if(Array.isArray(o)){if(this.name){let i=new FormData;for(let a of o)i.append(this.name,a);this.setValue(i,i)}}else this.setValue(o,o)}r.has("disabled")&&(this.customStates.set("disabled",this.disabled),(this.hasAttribute("disabled")||!xo&&!this.matches(":disabled"))&&this.toggleAttribute("disabled",this.disabled)),this.updateValidity(),super.willUpdate(r)}get labels(){return this.internals.labels}getForm(){return this.internals.form}get validity(){return this.internals.validity}get willValidate(){return this.internals.willValidate}get validationMessage(){return this.internals.validationMessage}checkValidity(){return this.updateValidity(),this.internals.checkValidity()}reportValidity(){return this.updateValidity(),this.hasInteracted=!0,this.internals.reportValidity()}get validationTarget(){return this.input||void 0}setValidity(...r){let o=r[0],i=r[1],a=r[2];a||(a=this.validationTarget),this.internals.setValidity(o,i,a||void 0),this.requestUpdate("validity"),this.setCustomStates()}setCustomStates(){let r=!!this.required,o=this.internals.validity.valid,i=this.hasInteracted;this.customStates.set("required",r),this.customStates.set("optional",!r),this.customStates.set("invalid",!o),this.customStates.set("valid",o),this.customStates.set("user-invalid",!o&&i),this.customStates.set("user-valid",o&&i)}setCustomValidity(r){if(!r){this.customError=null,this.setValidity({});return}this.customError=r,this.setValidity({customError:!0},r,this.validationTarget)}formResetCallback(){this.resetValidity(),this.hasInteracted=!1,this.valueHasChanged=!1,this.emittedEvents=[],this.updateValidity()}formDisabledCallback(r){this.disabled=r,this.updateValidity()}formStateRestoreCallback(r,o){this.value=r,o==="restore"&&this.resetValidity(),this.updateValidity()}setValue(...r){let[o,i]=r;this.internals.setFormValue(o,i)}get allValidators(){let r=this.constructor.validators||[],o=this.validators||[];return[...r,...o]}resetValidity(){this.setCustomValidity(""),this.setValidity({})}updateValidity(){if(this.disabled||this.hasAttribute("disabled")||!this.willValidate){this.resetValidity();return}let r=this.allValidators;if(!(r!=null&&r.length))return;let o={customError:!!this.customError},i=this.validationTarget||this.input||void 0,a="";for(let n of r){let{isValid:l,message:d,invalidKeys:u}=n.checkValidity(this);l||(a||(a=d),(u==null?void 0:u.length)>=0&&u.forEach(p=>o[p]=!0))}a||(a=this.validationMessage),this.setValidity(o,a,i)}};te.formAssociated=!0,s([xt({reflect:!0})],te.prototype,"name",2),s([xt({type:Boolean})],te.prototype,"disabled",2),s([xt({state:!0,attribute:!1})],te.prototype,"valueHasChanged",2),s([xt({state:!0,attribute:!1})],te.prototype,"hasInteracted",2),s([xt({attribute:"custom-error",reflect:!0})],te.prototype,"customError",2),s([xt({attribute:!1,state:!0,type:Object})],te.prototype,"validity",1);var Rn={};var ye=class extends te{constructor(){super();this.checked=!1;this.forceDisabled=!1;this.form=null;this.appearance="default";this.size="medium";this.disabled=!1;this.handleClick=()=>{!this.disabled&&!this.forceDisabled&&(this.checked=!0)};this.addEventListener("click",this.handleClick)}connectedCallback(){super.connectedCallback(),this.setInitialAttributes()}setInitialAttributes(){this.setAttribute("role","radio"),this.tabIndex=0,this.setAttribute("aria-disabled",this.disabled||this.forceDisabled?"true":"false")}updated(r){if(super.updated(r),r.has("checked")&&(this.customStates.set("checked",this.checked),this.setAttribute("aria-checked",this.checked?"true":"false"),!this.disabled&&!this.forceDisabled&&(this.tabIndex=this.checked?0:-1)),r.has("disabled")||r.has("forceDisabled")){let o=this.disabled||this.forceDisabled;this.customStates.set("disabled",o),this.setAttribute("aria-disabled",o?"true":"false"),o?this.tabIndex=-1:this.tabIndex=this.checked?0:-1}}setValue(){}render(){return Jp`
|
|
2962
3000
|
<span part="control" class="control"></span>
|
|
2963
3001
|
<slot part="label" class="label"></slot>
|
|
2964
|
-
`}};ye.css=[
|
|
3002
|
+
`}};ye.css=[Rn],s([Vn()],ye.prototype,"checked",2),s([Vn()],ye.prototype,"forceDisabled",2),s([jt({reflect:!0})],ye.prototype,"form",2),s([jt({reflect:!0})],ye.prototype,"value",2),s([jt({reflect:!0})],ye.prototype,"appearance",2),s([jt({reflect:!0})],ye.prototype,"size",2),s([jt({type:Boolean})],ye.prototype,"disabled",2);import{html as Yp}from"lit";import{property as Be,query as Xp,state as qn}from"lit/decorators.js";import{classMap as Un}from"lit/directives/class-map.js";var In="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";var Fn=(t=21)=>{let e="",r=crypto.getRandomValues(new Uint8Array(t|=0));for(;t--;)e+=In[r[t]&63];return e};function jn(t=""){return`${t}${Fn()}`}var Hn={};var Or=(t={})=>{let{validationElement:e,validationProperty:r}=t;e||(e=Object.assign(document.createElement("input"),{required:!0})),r||(r="value");let o={observedAttributes:["required"],message:e.validationMessage,checkValidity(i){var u;let a={message:"",isValid:!0,invalidKeys:[]};return((u=i.required)!=null?u:i.hasAttribute("required"))&&!i[r]&&(a.message=typeof o.message=="function"?o.message(i):o.message||"",a.isValid=!1,a.invalidKeys.push("valueMissing")),a}};return o};var yt=class{constructor(e,...r){this.slotNames=[];this.handleSlotChange=e=>{let r=e.target;(this.slotNames.includes("[default]")&&!r.name||r.name&&this.slotNames.includes(r.name))&&this.host.requestUpdate()};(this.host=e).addController(this),this.slotNames=r}hasDefaultSlot(){return[...this.host.childNodes].some(e=>{if(e.nodeType===Node.TEXT_NODE&&e.textContent.trim()!=="")return!0;if(e.nodeType===Node.ELEMENT_NODE){let r=e;if(r.tagName.toLowerCase()==="w-visually-hidden")return!1;if(!r.hasAttribute("slot"))return!0}return!1})}hasNamedSlot(e){return this.host.querySelector(`:scope > [slot="${e}"]`)!==null}test(e){return e==="[default]"?this.hasDefaultSlot():this.hasNamedSlot(e)}hostConnected(){this.host.shadowRoot.addEventListener("slotchange",this.handleSlotChange)}hostDisconnected(){this.host.shadowRoot.removeEventListener("slotchange",this.handleSlotChange)}};var Y=class extends te{constructor(){super();this.hasSlotController=new yt(this,"hint","label");this.hasRadioButtons=!1;this.label="";this.hint="";this.name=null;this.disabled=!1;this.orientation="vertical";this._value=null;this.defaultValue=this.getAttribute("value")||null;this.size="medium";this.required=!1;this.withLabel=!1;this.withHint=!1;this.handleRadioClick=r=>{let o=r.target.closest("w-radio");if(!o||o.disabled||o.forceDisabled||this.disabled)return;let i=this.value;this.value=o.value,o.checked=!0;let a=this.getAllRadios();for(let n of a)o!==n&&(n.checked=!1,n.setAttribute("tabindex","-1"));this.value!==i&&this.updateComplete.then(()=>{this.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0})),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))})};this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("click",this.handleRadioClick)}static get validators(){let r=[Or({validationElement:Object.assign(document.createElement("input"),{required:!0,type:"radio",name:jn("__w-radio")})})];return[...super.validators,...r]}get value(){var r;return this.valueHasChanged?this._value:(r=this._value)!=null?r:this.defaultValue}set value(r){typeof r=="number"&&(r=String(r)),this.valueHasChanged=!0,this._value=r}get validationTarget(){let r=this.querySelector(":is(w-radio):not([disabled])");if(r)return r}updated(r){(r.has("disabled")||r.has("value"))&&this.syncRadioElements()}formResetCallback(...r){this.value=this.defaultValue,super.formResetCallback(...r),this.syncRadioElements()}getAllRadios(){return[...this.querySelectorAll("w-radio")]}handleLabelClick(){this.focus()}async syncRadioElements(){let r=this.getAllRadios(),o=!1;if(r.forEach((i,a)=>{i.appearance==="button"&&(o=!0),i.setAttribute("size",this.size),i.toggleAttribute("data-w-radio-horizontal",this.orientation!=="vertical"),i.toggleAttribute("data-w-radio-vertical",this.orientation==="vertical"),i.toggleAttribute("data-w-radio-first",a===0),i.toggleAttribute("data-w-radio-inner",a!==0&&a!==r.length-1),i.toggleAttribute("data-w-radio-last",a===r.length-1),i.forceDisabled=this.disabled}),this.hasRadioButtons=o,await Promise.all(r.map(async i=>{await i.updateComplete,!i.disabled&&i.value===this.value?i.checked=!0:i.checked=!1})),this.disabled)r.forEach(i=>{i.tabIndex=-1});else{let i=r.filter(n=>!n.disabled),a=i.find(n=>n.checked);i.length>0&&(a?i.forEach(n=>{n.tabIndex=n.checked?0:-1}):i.forEach((n,l)=>{n.tabIndex=l===0?0:-1})),r.filter(n=>n.disabled).forEach(n=>{n.tabIndex=-1})}}handleKeyDown(r){var u;if(!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"," "].includes(r.key)||this.disabled)return;let o=this.getAllRadios().filter(p=>!p.disabled);if(o.length<=0)return;r.preventDefault();let i=this.value,a=(u=o.find(p=>p.checked))!=null?u:o[0],n=r.key===" "?0:["ArrowUp","ArrowLeft"].includes(r.key)?-1:1,l=o.indexOf(a)+n;l||(l=0),l<0&&(l=o.length-1),l>o.length-1&&(l=0);let d=o.some(p=>p.tagName.toLowerCase()==="w-radio-button");this.getAllRadios().forEach(p=>{p.checked=!1,d||p.setAttribute("tabindex","-1")}),this.value=o[l].value,o[l].checked=!0,d?o[l].shadowRoot.querySelector("button").focus():(o[l].setAttribute("tabindex","0"),o[l].focus()),this.value!==i&&this.updateComplete.then(()=>{this.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0})),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}),r.preventDefault()}focus(r){if(this.disabled)return;let o=this.getAllRadios(),i=o.find(l=>l.checked),a=o.find(l=>!l.disabled),n=i||a;n&&n.focus(r)}render(){let r=this.hasUpdated?this.hasSlotController.test("label"):this.withLabel,o=this.hasUpdated?this.hasSlotController.test("hint"):this.withHint,i=this.label?!0:!!r,a=this.hint?!0:!!o;return Yp`
|
|
2965
3003
|
<fieldset
|
|
2966
3004
|
part="form-control"
|
|
2967
|
-
class=${
|
|
3005
|
+
class=${Un({"form-control":!0,"form-control-radio-group":!0,"form-control-has-label":i,"has-radio-buttons":this.hasRadioButtons})}
|
|
2968
3006
|
role="radiogroup"
|
|
2969
3007
|
aria-labelledby="label"
|
|
2970
3008
|
aria-describedby="hint"
|
|
@@ -2985,12 +3023,12 @@ ${ka.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0
|
|
|
2985
3023
|
id="hint"
|
|
2986
3024
|
name="hint"
|
|
2987
3025
|
part="hint"
|
|
2988
|
-
class=${
|
|
3026
|
+
class=${Un({"has-slotted":a})}
|
|
2989
3027
|
aria-hidden=${a?"false":"true"}
|
|
2990
3028
|
>${this.hint}</slot
|
|
2991
3029
|
>
|
|
2992
3030
|
</fieldset>
|
|
2993
|
-
`}};Y.css=[
|
|
3031
|
+
`}};Y.css=[Hn],Y.shadowRootOptions={...te.shadowRootOptions,delegatesFocus:!0},s([qn()],Y.prototype,"hasRadioButtons",2),s([Xp("slot:not([name])")],Y.prototype,"defaultSlot",2),s([Be()],Y.prototype,"label",2),s([Be({attribute:"hint"})],Y.prototype,"hint",2),s([Be({reflect:!0})],Y.prototype,"name",2),s([Be({type:Boolean,reflect:!0})],Y.prototype,"disabled",2),s([Be({reflect:!0})],Y.prototype,"orientation",2),s([qn()],Y.prototype,"value",1),s([Be({attribute:"value",reflect:!0})],Y.prototype,"defaultValue",2),s([Be({reflect:!0})],Y.prototype,"size",2),s([Be({type:Boolean,reflect:!0})],Y.prototype,"required",2),s([Be({type:Boolean,attribute:"with-label"})],Y.prototype,"withLabel",2),s([Be({type:Boolean,attribute:"with-hint"})],Y.prototype,"withHint",2);customElements.get("w-radio")||(customElements.define("w-radio",ye),customElements.define("w-radio-group",Y));import{html as dm}from"lit";import{property as _e,query as um}from"lit/decorators.js";import{classMap as pm}from"lit/directives/class-map.js";import{ifDefined as mm}from"lit/directives/if-defined.js";import{live as Kn}from"lit/directives/live.js";function Tr(t,e){let r={waitUntilFirstUpdate:!1,...e};return(o,i)=>{let{update:a}=o,n=Array.isArray(t)?t:[t];o.update=function(l){n.forEach(d=>{let u=d;if(l.has(u)){let p=l.get(u),m=this[u];p!==m&&(!r.waitUntilFirstUpdate||this.hasUpdated)&&this[i](p,m)}}),a.call(this,l)}}}import{LitElement as Kp}from"lit";import{unsafeStatic as Zp,html as Gp}from"lit/static-html.js";var Wp=JSON.parse('{"icon.title.check":["Sjekkmerke"]}'),em=JSON.parse('{"icon.title.check":["Checkmark"]}'),tm=JSON.parse('{"icon.title.check":["Valintamerkki"]}'),rm=JSON.parse('{"icon.title.check":["Flueben"]}'),om=JSON.parse('{"icon.title.check":["Bock"]}'),Jn=["en","nb","fi","da","sv"],Qn="en",im=()=>{var t;let e;switch((t=process==null?void 0:process.env)==null?void 0:t.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},Yn=()=>{var t;let e=(t=document==null?void 0:document.location)==null?void 0:t.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":Qn},yo=t=>Jn.find(e=>t===e||t.toLowerCase().includes(e))||Yn();function am(){var t;if(typeof window=="undefined"){let e=im();return yo(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=Yn();return Jn.includes(e)?yo(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),yo(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),Qn}}var nm=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,sm=(t,e,r,o,i)=>{let a=am(),n=nm(a,t,e,r,o,i);c.load(a,n),c.activate(a)};sm(em,Wp,tm,rm,om);var lm=class extends Kp{render(){let t=c.t({message:"Checkmark",id:"icon.title.check",comment:"Title for check icon"});return Gp`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-check-16-part">${Zp(`<title>${t}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3.83 7.667 7.163 11l5.334-6"></path></svg>`}};customElements.get("w-icon-check-16")||customElements.define("w-icon-check-16",lm);var Xn={};var Zn,q=class extends te{constructor(){super(...arguments);this.hasSlotController=new yt(this,"hint");this.title="";this.name="";this._value=(Zn=this.getAttribute("value"))!=null?Zn:null;this.size="medium";this.disabled=!1;this.indeterminate=!1;this.checked=this.hasAttribute("checked");this.defaultChecked=this.hasAttribute("checked");this.form=null;this.required=!1;this.hint=""}static get validators(){let r=[Or({validationProperty:"checked",validationElement:Object.assign(document.createElement("input"),{type:"checkbox",required:!0})})];return[...super.validators,...r]}get value(){var r;return(r=this._value)!=null?r:"on"}set value(r){this._value=r}handleClick(){this.hasInteracted=!0,this.checked=!this.checked,this.indeterminate=!1,this.updateComplete.then(()=>{this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))})}handleDefaultCheckedChange(){!this.hasInteracted&&this.checked!==this.defaultChecked&&(this.checked=this.defaultChecked,this.handleValueOrCheckedChange())}handleValueOrCheckedChange(){this.setValue(this.checked?this.value:null,this._value),this.updateValidity()}handleStateChange(){this.hasUpdated&&(this.input.checked=this.checked,this.input.indeterminate=this.indeterminate),this.customStates.set("checked",this.checked),this.customStates.set("indeterminate",this.indeterminate),this.updateValidity()}handleDisabledChange(){this.customStates.set("disabled",this.disabled)}willUpdate(r){super.willUpdate(r),r.has("defaultChecked")&&(this.hasInteracted||(this.checked=this.defaultChecked)),(r.has("value")||r.has("checked"))&&this.handleValueOrCheckedChange()}formResetCallback(){this.checked=this.defaultChecked,super.formResetCallback(),this.handleValueOrCheckedChange()}click(){this.input.click()}focus(r){this.input.focus(r)}blur(){this.input.blur()}render(){let r=this.hasSlotController.test("hint"),o=this.hint?!0:!!r,i=!this.checked&&this.indeterminate;return dm`
|
|
2994
3032
|
<label part="base">
|
|
2995
3033
|
<span part="control">
|
|
2996
3034
|
<input
|
|
@@ -2998,9 +3036,9 @@ ${ka.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0
|
|
|
2998
3036
|
type="checkbox"
|
|
2999
3037
|
title=${this.title}
|
|
3000
3038
|
name=${this.name}
|
|
3001
|
-
value=${
|
|
3002
|
-
.indeterminate=${
|
|
3003
|
-
.checked=${
|
|
3039
|
+
value=${mm(this._value)}
|
|
3040
|
+
.indeterminate=${Kn(this.indeterminate)}
|
|
3041
|
+
.checked=${Kn(this.checked)}
|
|
3004
3042
|
.disabled=${this.disabled}
|
|
3005
3043
|
.required=${this.required}
|
|
3006
3044
|
aria-checked=${this.checked?"true":"false"}
|
|
@@ -3012,34 +3050,34 @@ ${ka.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0
|
|
|
3012
3050
|
<slot part="label"></slot>
|
|
3013
3051
|
</label>
|
|
3014
3052
|
|
|
3015
|
-
<slot id="hint" part="hint" name="hint" aria-hidden=${o?"false":"true"} class="${
|
|
3053
|
+
<slot id="hint" part="hint" name="hint" aria-hidden=${o?"false":"true"} class="${pm({"has-slotted":o})}">
|
|
3016
3054
|
${this.hint}
|
|
3017
3055
|
</slot>
|
|
3018
|
-
`}};q.css=[
|
|
3019
|
-
${
|
|
3056
|
+
`}};q.css=[Xn],q.shadowRootOptions={...te.shadowRootOptions,delegatesFocus:!0},s([um('input[type="checkbox"]')],q.prototype,"input",2),s([_e()],q.prototype,"title",2),s([_e({reflect:!0})],q.prototype,"name",2),s([_e({reflect:!0})],q.prototype,"value",1),s([_e({reflect:!0})],q.prototype,"size",2),s([_e({type:Boolean})],q.prototype,"disabled",2),s([_e({type:Boolean,reflect:!0})],q.prototype,"indeterminate",2),s([_e({type:Boolean,attribute:!1})],q.prototype,"checked",2),s([_e({type:Boolean,reflect:!0,attribute:"checked"})],q.prototype,"defaultChecked",2),s([_e({reflect:!0})],q.prototype,"form",2),s([_e({type:Boolean,reflect:!0})],q.prototype,"required",2),s([_e()],q.prototype,"hint",2),s([Tr("defaultChecked")],q.prototype,"handleDefaultCheckedChange",1),s([Tr(["checked","indeterminate"])],q.prototype,"handleStateChange",1),s([Tr("disabled")],q.prototype,"handleDisabledChange",1);customElements.get("w-checkbox")||customElements.define("w-checkbox",q);import{html as Nr,LitElement as bm}from"lit";import{property as Le}from"lit/decorators.js";import{ifDefined as ko}from"lit/directives/if-defined.js";import{unsafeHTML as gm}from"lit/directives/unsafe-html.js";import{when as $o}from"lit/directives/when.js";var Gn=JSON.parse('{"select.label.optional":["(valgfrit)"]}');var Wn=JSON.parse('{"select.label.optional":["(optional)"]}');var es=JSON.parse('{"select.label.optional":["(vapaaehtoinen)"]}');var ts=JSON.parse('{"select.label.optional":["(valgfritt)"]}');var rs=JSON.parse('{"select.label.optional":["(valfritt)"]}');import{css as hm}from"lit";var os=hm`*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.focus\\:\\[--w-outline-offset\\:-2px\\]:focus{--w-outline-offset:-2px}.bg-transparent{background-color:#0000}.appearance-none{-webkit-appearance:none;appearance:none}.border-0{border-width:0}.border-1{border-width:1px}.rounded-4{border-radius:4px}.caret-current{caret-color:currentColor}.opacity-25{opacity:.25}.block,.before\\:block:before{display:block}.before\\:hidden:before{display:none}.focusable:focus{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:focus-visible{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:not(:focus-visible){outline:none}.outline-\\[--w-s-color-border-negative\\]\\!{outline-color:var(--w-s-color-border-negative)!important}.bottom-0{bottom:0}.right-0{right:0}.before\\:bottom-0:before{bottom:0}.before\\:right-0:before{right:0}.top-\\[30\\%\\]{top:30%}.absolute{position:absolute}.relative{position:relative}.static{position:static}.before\\:absolute:before{position:absolute}.s-bg{background-color:var(--w-s-color-background)}.s-bg-disabled-subtle{background-color:var(--w-s-color-background-disabled-subtle)}.s-text{color:var(--w-s-color-text)}.s-text-disabled{color:var(--w-s-color-text-disabled)}.s-text-negative{color:var(--w-s-color-text-negative)}.s-text-subtle{color:var(--w-s-color-text-subtle)}.s-icon{color:var(--w-s-color-icon)}.s-border{border-color:var(--w-s-color-border)}.s-border-disabled{border-color:var(--w-s-color-border-disabled)}.s-border-negative{border-color:var(--w-s-color-border-negative)}.hover\\:s-border-disabled:hover{border-color:var(--w-s-color-border-disabled)}.hover\\:s-border-hover:hover{border-color:var(--w-s-color-border-hover)}.hover\\:s-border-negative-hover:hover{border-color:var(--w-s-color-border-negative-hover)}.active\\:s-border-active:active{border-color:var(--w-s-color-border-active)}.active\\:s-border-disabled:active{border-color:var(--w-s-color-border-disabled)}.h-full{height:100%}.w-32{width:3.2rem}.w-full{width:100%}.before\\:h-full:before{height:100%}.before\\:w-32:before{width:3.2rem}.mb-0{margin-bottom:0}.mt-4{margin-top:.4rem}.py-12{padding-top:1.2rem;padding-bottom:1.2rem}.pb-4{padding-bottom:.4rem}.pl-0{padding-left:0}.pl-8{padding-left:.8rem}.pr-32{padding-right:3.2rem}.cursor-pointer{cursor:pointer}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:grayscale}.font-bold{font-weight:700}.font-normal{font-weight:400}.pointer-events-none,.before\\:pointer-events-none:before{pointer-events:none}.text-m{font-size:var(--w-font-size-m);line-height:var(--w-line-height-m)}.text-s{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s)}.text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs)}`;var je={base:"block text-m mb-0 py-12 pr-32 rounded-4 w-full focusable focus:[--w-outline-offset:-2px] appearance-none cursor-pointer caret-current",default:"s-text s-bg pl-8 border-1 s-border hover:s-border-hover active:s-border-active",disabled:"s-text-disabled s-bg-disabled-subtle pl-8 border-1 s-border-disabled hover:s-border-disabled active:s-border-disabled pointer-events-none",invalid:"s-text s-bg pl-8 border-1 s-border-negative hover:s-border-negative-hover active:s-border-active outline-[--w-s-color-border-negative]!",readOnly:"s-text bg-transparent pl-0 border-0 pointer-events-none before:hidden",wrapper:"relative",selectWrapper:"relative before:block before:absolute before:right-0 before:bottom-0 before:w-32 before:h-full before:pointer-events-none ",chevron:"block absolute top-[30%] right-0 bottom-0 w-32 h-full s-icon pointer-events-none cursor-pointer",chevronDisabled:"opacity-25"},is={base:"antialiased block relative text-s font-bold pb-4 cursor-pointer s-text",optional:"pl-8 font-normal text-s s-text-subtle"},Eo={base:"text-xs mt-4 block",color:"s-text-subtle",colorInvalid:"s-text-negative"},ie,as,ns,ss,Mr,Ar,se=class extends ft(bm){constructor(){super();Oe(this,ie);this._setValue=r=>{this.value=r,this.setValue(r)};G(Wn,ts,es,Gn,rs),this._options=this.innerHTML}firstUpdated(){this.autoFocus&&this.shadowRoot.querySelector("select").focus(),Array.from(this.children).map(r=>{r.selected&&this._setValue(r.value)})}handleKeyDown(r){this.readOnly&&(r.key===" "||r.key==="ArrowDown"||r.key==="ArrowUp")&&r.preventDefault()}onChange({target:r}){this._setValue(r.value);let o=new CustomEvent("change",{detail:r.value});this.dispatchEvent(o)}render(){return Nr`<div class="${je.wrapper}">
|
|
3057
|
+
${$o(this.label,()=>Nr`<label class="${is.base}" for="${j(this,ie,Mr)}">
|
|
3020
3058
|
${this.label}
|
|
3021
|
-
${
|
|
3059
|
+
${$o(this.optional,()=>Nr`<span class="${is.optional}"
|
|
3022
3060
|
>${c._({id:"select.label.optional",message:"(optional)",comment:"Shown behind label when marked as optional"})}</span
|
|
3023
3061
|
>`)}</label
|
|
3024
3062
|
>`)}
|
|
3025
|
-
<div class="${
|
|
3063
|
+
<div class="${je.selectWrapper}">
|
|
3026
3064
|
<select
|
|
3027
|
-
class="${j(this,ie,
|
|
3028
|
-
id="${j(this,ie,
|
|
3065
|
+
class="${j(this,ie,as)}"
|
|
3066
|
+
id="${j(this,ie,Mr)}"
|
|
3029
3067
|
?disabled=${this.disabled}
|
|
3030
|
-
aria-describedby="${
|
|
3031
|
-
aria-invalid="${
|
|
3032
|
-
aria-errormessage="${
|
|
3068
|
+
aria-describedby="${ko(j(this,ie,Ar))}"
|
|
3069
|
+
aria-invalid="${ko(this.invalid)}"
|
|
3070
|
+
aria-errormessage="${ko(this.invalid&&j(this,ie,Ar))}"
|
|
3033
3071
|
@keydown=${this.handleKeyDown}
|
|
3034
3072
|
@change=${this.onChange}>
|
|
3035
|
-
${
|
|
3073
|
+
${gm(this._options)}
|
|
3036
3074
|
</select>
|
|
3037
|
-
<div class="${j(this,ie,
|
|
3075
|
+
<div class="${j(this,ie,ss)}">
|
|
3038
3076
|
<w-icon-chevron-down-16></w-icon-chevron-down-16>
|
|
3039
3077
|
</div>
|
|
3040
3078
|
</div>
|
|
3041
|
-
${
|
|
3042
|
-
</div>`}};ie=new WeakSet,
|
|
3079
|
+
${$o(this.always||this.invalid,()=>Nr`<div id="${j(this,ie,Ar)}" class="${j(this,ie,ns)}">${this.hint}</div>`)}
|
|
3080
|
+
</div>`}};ie=new WeakSet,as=function(){return L([je.base,!this.invalid&&!this.disabled&&!this.readOnly&&je.default,this.invalid&&je.invalid,this.disabled&&je.disabled,this.readOnly&&je.readOnly])},ns=function(){return L([Eo.base,this.invalid?Eo.colorInvalid:Eo.color])},ss=function(){return L([je.chevron,this.disabled&&je.chevronDisabled])},Mr=function(){return"select_id"},Ar=function(){return this.hint?`${j(this,ie,Mr)}__hint`:void 0},se.styles=[A,os],s([Le({attribute:"auto-focus",type:Boolean,reflect:!0})],se.prototype,"autoFocus",2),s([Le({type:Boolean,reflect:!0})],se.prototype,"invalid",2),s([Le({type:Boolean,reflect:!0})],se.prototype,"always",2),s([Le({reflect:!0})],se.prototype,"hint",2),s([Le({reflect:!0})],se.prototype,"label",2),s([Le({type:Boolean,reflect:!0})],se.prototype,"optional",2),s([Le({type:Boolean,reflect:!0})],se.prototype,"disabled",2),s([Le({attribute:"read-only",type:Boolean,reflect:!0})],se.prototype,"readOnly",2),s([Le({state:!0})],se.prototype,"_options",2),s([Le({reflect:!0})],se.prototype,"name",2),s([Le({reflect:!0})],se.prototype,"value",2);customElements.get("w-select")||customElements.define("w-select",se);import{LitElement as vm,html as Co}from"lit";import wm from"@warp-ds/elements-core";import{property as X}from"lit/decorators.js";import{ifDefined as ke}from"lit/directives/if-defined.js";import{css as fm}from"lit";var ls=fm`*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.focus\\:\\[--w-outline-offset\\:-2px\\]:focus{--w-outline-offset:-2px}.bg-transparent{background-color:#0000}.border-1{border-width:1px}.rounded-4{border-radius:4px}.caret-current{caret-color:currentColor}.block{display:block}.focusable:focus{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:focus-visible{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:not(:focus-visible){outline:none}.outline-\\[--w-s-color-border-negative\\]\\!{outline-color:var(--w-s-color-border-negative)!important}.relative{position:relative}.static{position:static}.s-bg{background-color:var(--w-s-color-background)}.s-bg-disabled-subtle{background-color:var(--w-s-color-background-disabled-subtle)}.s-text{color:var(--w-s-color-text)}.s-text-disabled{color:var(--w-s-color-text-disabled)}.s-text-negative{color:var(--w-s-color-text-negative)}.s-text-subtle{color:var(--w-s-color-text-subtle)}.placeholder\\:s-text-placeholder::placeholder{color:var(--w-s-color-text-placeholder)}.s-border{border-color:var(--w-s-color-border)}.s-border-disabled{border-color:var(--w-s-color-border-disabled)}.s-border-negative{border-color:var(--w-s-color-border-negative)}.hover\\:s-border-hover:hover{border-color:var(--w-s-color-border-hover)}.hover\\:s-border-negative-hover:hover{border-color:var(--w-s-color-border-negative-hover)}.active\\:s-border-selected:active{border-color:var(--w-s-color-border-selected)}.w-full{width:100%}.min-h-\\[42\\]{min-height:4.2rem}.mb-0{margin-bottom:0}.mt-4{margin-top:.4rem}.px-8{padding-left:.8rem;padding-right:.8rem}.py-12{padding-top:1.2rem;padding-bottom:1.2rem}.pb-4{padding-bottom:.4rem}.pl-0{padding-left:0}.pl-8{padding-left:.8rem}.pr-40{padding-right:4rem}.pl-\\[var\\(--w-prefix-width\\,_40px\\)\\]{padding-left:var(--w-prefix-width,40px)}.cursor-pointer{cursor:pointer}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:grayscale}.font-bold{font-weight:700}.font-normal{font-weight:400}.pointer-events-none{pointer-events:none}.text-m{font-size:var(--w-font-size-m);line-height:var(--w-line-height-m)}.text-s{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s)}.text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs)}.leading-m{line-height:var(--w-line-height-m)}@media (min-width:480px){.sm\\:min-h-\\[45\\]{min-height:4.5rem}}`;var Ze={wrapper:"relative",base:"block text-m leading-m mb-0 px-8 py-12 rounded-4 w-full focusable focus:[--w-outline-offset:-2px] caret-current",default:"border-1 s-text s-bg s-border hover:s-border-hover active:s-border-selected",disabled:"border-1 s-text-disabled s-bg-disabled-subtle s-border-disabled pointer-events-none",invalid:"border-1 s-text-negative s-bg s-border-negative hover:s-border-negative-hover outline-[--w-s-color-border-negative]!",readOnly:"pl-0 bg-transparent pointer-events-none",placeholder:"placeholder:s-text-placeholder",suffix:"pr-40",prefix:"pl-[var(--w-prefix-width,_40px)]",textArea:"min-h-[42] sm:min-h-[45]"},xm={base:"antialiased block relative text-s font-bold pb-4 cursor-pointer s-text",optional:"pl-8 font-normal text-s s-text-subtle"},So={base:"text-xs mt-4 block",color:"s-text-subtle",colorInvalid:"s-text-negative"},I=class extends ft(vm){constructor(){super(...arguments);this.type="text";this._hasPrefix=!1;this._hasSuffix=!1}updated(r){r.has("value")&&this.setValue(this.value)}get _inputstyles(){return L([Ze.base,this._hasSuffix&&Ze.suffix,this._hasPrefix&&Ze.prefix,!this.invalid&&!this.disabled&&!this.readOnly&&Ze.default,this.invalid&&!this.disabled&&!this.readOnly&&Ze.invalid,!this.invalid&&this.disabled&&!this.readOnly&&Ze.disabled,!this.invalid&&!this.disabled&&this.readOnly&&Ze.readOnly])}get _helptextstyles(){return L([So.base,this.invalid?So.colorInvalid:So.color])}get _label(){if(this.label)return Co`<label for="${this._id}" class=${xm.base}>${this.label}</label>`}get _helpId(){if(this.helpText)return`${this._id}__hint`}get _id(){return"textfield"}get _error(){if(this.invalid&&this._helpId)return this._helpId}handler(r){let{name:o,value:i}=r.currentTarget;this.setValue(i);let a=new CustomEvent(r.type,{detail:{name:o,value:i,target:r.target}});this.dispatchEvent(a)}prefixSlotChange(){this.renderRoot.querySelector("slot[name=prefix]").assignedElements().length&&(this._hasPrefix=!0)}suffixSlotChange(){this.renderRoot.querySelector("slot[name=suffix]").assignedElements().length&&(this._hasSuffix=!0)}render(){return Co`
|
|
3043
3081
|
${this._label}
|
|
3044
3082
|
<div class="${Ze.wrapper}">
|
|
3045
3083
|
<slot @slotchange="${this.prefixSlotChange}" name="prefix"></slot>
|
|
@@ -3067,12 +3105,12 @@ ${ka.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0
|
|
|
3067
3105
|
@focus="${this.handler}" />
|
|
3068
3106
|
<slot @slotchange="${this.suffixSlotChange}" name="suffix"></slot>
|
|
3069
3107
|
</div>
|
|
3070
|
-
${this.helpText&&
|
|
3071
|
-
`}};I.shadowRootOptions={...
|
|
3072
|
-
<aside class="${
|
|
3073
|
-
<div class="${
|
|
3074
|
-
${
|
|
3075
|
-
class="${
|
|
3108
|
+
${this.helpText&&Co`<div class="${this._helptextstyles}" id="${this._helpId}">${this.helpText}</div>`}
|
|
3109
|
+
`}};I.shadowRootOptions={...wm.shadowRootOptions,delegatesFocus:!0},I.styles=[A,ls],s([X({type:Boolean,reflect:!0})],I.prototype,"disabled",2),s([X({type:Boolean,reflect:!0})],I.prototype,"invalid",2),s([X({type:String,reflect:!0})],I.prototype,"id",2),s([X({type:String,reflect:!0})],I.prototype,"label",2),s([X({type:String,reflect:!0})],I.prototype,"helpText",2),s([X({type:String,reflect:!0})],I.prototype,"size",2),s([X({type:Number,reflect:!0})],I.prototype,"max",2),s([X({type:Number,reflect:!0})],I.prototype,"min",2),s([X({type:Number,reflect:!0,attribute:"min-length"})],I.prototype,"minLength",2),s([X({type:Number,reflect:!0,attribute:"max-length"})],I.prototype,"maxLength",2),s([X({type:String,reflect:!0})],I.prototype,"pattern",2),s([X({type:String,reflect:!0})],I.prototype,"placeholder",2),s([X({type:Boolean,reflect:!0,attribute:"read-only"})],I.prototype,"readOnly",2),s([X({type:Boolean,reflect:!0})],I.prototype,"required",2),s([X({type:String,reflect:!0})],I.prototype,"type",2),s([X({type:String,reflect:!0})],I.prototype,"value",2),s([X({type:String,reflect:!0})],I.prototype,"name",2),s([X({type:Boolean})],I.prototype,"_hasPrefix",2),s([X({type:Boolean})],I.prototype,"_hasSuffix",2);customElements.get("w-textfield")||customElements.define("w-textfield",I);var Dr=typeof window!="undefined";function E0(t,e){if(!Dr)return;let r=customElements.get("w-toast-container").init(),o={id:Date.now().toString(36)+Math.random().toString(36).slice(2,5),text:t,duration:5e3,type:"success",...e};return r.set(o),o}function C0(t){return Dr?customElements.get("w-toast-container").init().del(t):void 0}function S0(t,e){if(!Dr)return;let r=customElements.get("w-toast-container").init();return r.set({...r.get(t),...e}),r.get(t)}import{css as ym,html as cs}from"lit";import ds from"@warp-ds/elements-core";import{repeat as km}from"lit/directives/repeat.js";var Ht=class extends ds{constructor(){super(),this._toasts=new Map}connectedCallback(){super.connectedCallback(),this._interval=setInterval(()=>{let e=[],r=[];for(let i of this._toasts)Date.now()<=i[1].duration?e.push(i):r.push(i);let o=[];for(let[i]of r){let a=this.renderRoot.querySelector(`#${i}`);o.push(a.collapse())}Promise.all(o).then(()=>{e.length!==this._toasts.size&&(this._toasts=new Map(e))})},500)}disconnectedCallback(){super.disconnectedCallback(),this._interval&&clearTimeout(this._interval)}static init(){let e=document.querySelector("w-toast-container");return e||(e=document.createElement("w-toast-container"),document.body.appendChild(e)),e}get _toastsArray(){return Array.from(this._toasts).map(([,e])=>e)}get(e){if(!e)throw new Error('undefined "id" given when attempting to retrieve toast');if(typeof e!="string"&&!Number.isInteger(e))throw new Error('"id" must be number or string when attempting to retrieve toast');return this._toasts.get(e)}set(e){if(!e.id)throw new Error('invalid or undefined "id" on toast object');let r=this._toasts.set(e.id,{...e,duration:Date.now()+(e.duration||5e3)});return this._toasts=new Map(Array.from(this._toasts)),r}async del(e){if(!e)throw new Error('undefined "id" given when attempting to retrieve toast');if(typeof e!="string"&&!Number.isInteger(e))throw new Error('"id" must be number or string when attempting to retrieve toast');let r=this.renderRoot.querySelector(`#${e}`);if(!this._toasts.has(e))return!1;await r.collapse();let o=this._toasts.delete(e);return this._toasts=new Map(Array.from(this._toasts)),o}render(){return cs`
|
|
3110
|
+
<aside class="${xr.wrapper}">
|
|
3111
|
+
<div class="${xr.base}" id="w-toast-container-list">
|
|
3112
|
+
${km(this._toastsArray,e=>e.id,e=>cs` <w-toast
|
|
3113
|
+
class="${xr.content}"
|
|
3076
3114
|
id="${e.id}"
|
|
3077
3115
|
type="${e.type}"
|
|
3078
3116
|
text="${e.text}"
|
|
@@ -3081,34 +3119,34 @@ ${ka.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0
|
|
|
3081
3119
|
</w-toast>`)}
|
|
3082
3120
|
</div>
|
|
3083
3121
|
</aside>
|
|
3084
|
-
`}};J(
|
|
3122
|
+
`}};J(Ht,"styles",[ds.styles,ym`
|
|
3085
3123
|
:host {
|
|
3086
3124
|
display: block;
|
|
3087
3125
|
}
|
|
3088
|
-
`]),J(
|
|
3089
|
-
<div class="${j(this,
|
|
3090
|
-
<div class="${j(this,
|
|
3126
|
+
`]),J(Ht,"properties",{_toasts:{state:!0}});customElements.get("w-toast-container")||customElements.define("w-toast-container",Ht);import{css as Cm,html as kt}from"lit";import ws from"@warp-ds/elements-core";var _o=typeof window!="undefined",us=!0;if(_o){let t=window.matchMedia("(prefers-reduced-motion: reduce)"),e=({matches:r})=>us=!r;t.addEventListener&&t.addEventListener("change",e),e(t)}var ps=t=>{t.style.transition=null,t.style.backfaceVisibility=null,t.style.overflow=null},ms=t=>{let e=us?"var(--f-expansion-duration, 0.3s)":"0.01s";t.style.transition=`height ${e}`,t.style.backfaceVisibility="hidden",t.style.overflow="hidden"},$m=(t,e)=>()=>{t.style.height="auto",t.style.overflow=null,e&&e()},Em=t=>()=>{t&&t()},zr=(t,e)=>{let r=(()=>{if(!e)return new Promise(a=>{e=a})})(),o=$m(t,e);ps(t),t.style.height="auto";let i=t.scrollHeight;if(_o&&requestAnimationFrame(()=>{t.addEventListener("transitionend",o,{once:!0}),t.style.height="0px",t.style.transitionTimingFunction="ease-out",ms(t),requestAnimationFrame(()=>t.style.height=i+"px")}),r)return r},Br=(t,e)=>{let r=(()=>{if(!e)return new Promise(a=>{e=a})})(),o=Em(e);ps(t);let i=t.scrollHeight;if(_o&&requestAnimationFrame(()=>{t.addEventListener("transitionend",o,{once:!0}),t.style.height=i+"px",t.style.transitionTimingFunction="ease-in",ms(t),requestAnimationFrame(()=>t.style.height="0px")}),r)return r};import{when as Sm}from"lit/directives/when.js";var hs=JSON.parse('{"toast.aria.error":["Fejl"],"toast.aria.successful":["Fuldf\xF8rt"],"toast.aria.warning":["Advarsel"]}');var bs=JSON.parse('{"toast.aria.error":["Error"],"toast.aria.successful":["Successful"],"toast.aria.warning":["Warning"]}');var gs=JSON.parse('{"toast.aria.error":["Virhe"],"toast.aria.successful":["Onnistui"],"toast.aria.warning":["Varoitus"]}');var fs=JSON.parse('{"toast.aria.error":["Feil"],"toast.aria.successful":["Vellykket"],"toast.aria.warning":["Advarsel"]}');var vs=JSON.parse('{"toast.aria.error":["Fel"],"toast.aria.successful":["Genomf\xF6rt"],"toast.aria.warning":["Varning"]}');var Ge={success:"success",error:"error",warning:"warning"},$t,xs,ys,qt=class extends ws{constructor(){super();Oe(this,$t);G(bs,fs,gs,hs,vs),this.id=Date.now().toString(36)+Math.random().toString(36).slice(2,5),this.type="success",this.text="",this.canclose=!1}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}updated(){!this._expanded&&this._wrapper&&zr(this._wrapper,()=>this._expanded=!0)}get _wrapper(){var r,o;return(o=(r=this.renderRoot)==null?void 0:r.querySelector("section"))!=null?o:null}get _warning(){return this.type===Ge.warning}get _error(){return this.type===Ge.error}get _role(){return this._error||this._warning?"alert":"status"}get _typeLabel(){return this._warning?c._({id:"toast.aria.warning",message:"Warning",comment:"Default screenreader message for warning in toast component"}):this._error?c._({id:"toast.aria.error",message:"Error",comment:"Default screenreader message for error in toast component"}):c._({id:"toast.aria.successful",message:"Successful",comment:"Default screenreader message for successful in toast component"})}get _iconMarkup(){return this._warning?kt`<w-icon-warning-16></w-icon-warning-16>`:this._error?kt`<w-icon-error-16></w-icon-error-16>`:kt`<w-icon-success-16></w-icon-success-16>`}async collapse(){return new Promise(r=>{this._expanded&&this._wrapper?Br(this._wrapper,r):r()})}close(){let r=new CustomEvent("close",{detail:{id:this.id},bubbles:!0,composed:!0});this.updateComplete.then(()=>this.dispatchEvent(r))}render(){return this.text?kt` <section class="${xe.wrapper}" aria-label="${this._typeLabel}">
|
|
3127
|
+
<div class="${j(this,$t,xs)}">
|
|
3128
|
+
<div class="${j(this,$t,ys)}">${this._iconMarkup}</div>
|
|
3091
3129
|
<div role="${this._role}" class="${xe.content}">
|
|
3092
3130
|
<p>${this.text}</p>
|
|
3093
3131
|
</div>
|
|
3094
|
-
${
|
|
3132
|
+
${Sm(this.canclose===!0,()=>kt`
|
|
3095
3133
|
<button class="${xe.close}" @click="${this.close}">
|
|
3096
3134
|
<w-icon-close-16></w-icon-close-16>
|
|
3097
3135
|
</button>
|
|
3098
3136
|
`)}
|
|
3099
3137
|
</div>
|
|
3100
|
-
</section>`:
|
|
3138
|
+
</section>`:kt``}};$t=new WeakSet,xs=function(){return L([xe.base,this.type===Ge.success&&xe.positive,this.type===Ge.warning&&xe.warning,this.type===Ge.error&&xe.negative])},ys=function(){return L([xe.iconBase,this.type===Ge.success&&xe.iconPositive,this.type===Ge.warning&&xe.iconWarning,this.type===Ge.error&&xe.iconNegative])},J(qt,"styles",[ws.styles,Cm`
|
|
3101
3139
|
:host {
|
|
3102
3140
|
display: block;
|
|
3103
3141
|
}
|
|
3104
|
-
`]),J(
|
|
3142
|
+
`]),J(qt,"properties",{id:{type:String,attribute:!0,reflect:!0},type:{type:String,attribute:!0,reflect:!0},text:{type:String,attribute:!0,reflect:!0},canclose:{type:Boolean,attribute:!0,reflect:!0}});customElements.get("w-toast")||customElements.define("w-toast",qt);import{css as _m,html as Lo}from"lit";import ks from"@warp-ds/elements-core";import{ifDefined as Lm}from"lit/directives/if-defined.js";var Ut=class extends ks{constructor(){super(),this.show=!1,this._mounted=!1,this._removeElement=!1}willUpdate(){this._mounted||(this._removeElement=!this.show),this.show&&this._removeElement&&(this._removeElement=!1)}updated(){if(this._wrapper){if(!this._mounted){this._mounted=!0;return}this.show&&zr(this._wrapper),!this.show&&!this._removeElement&&Br(this._wrapper,()=>this._removeElement=!0)}}get _wrapper(){return this!=null?this:null}render(){return Lo`<div aria-hidden=${Lm(this.show?void 0:"true")}>${this._removeElement?Lo``:Lo`<slot></slot>`}</div>`}};J(Ut,"properties",{show:{type:Boolean,reflect:!0},_removeElement:{type:Boolean,state:!0}}),J(Ut,"styles",[ks.styles,_m`
|
|
3105
3143
|
:host {
|
|
3106
3144
|
display: block;
|
|
3107
3145
|
}
|
|
3108
|
-
`]);customElements.get("w-expand-transition")||customElements.define("w-expand-transition",
|
|
3146
|
+
`]);customElements.get("w-expand-transition")||customElements.define("w-expand-transition",Ut);import{html as Om}from"lit";import $s from"@warp-ds/elements-core";import{unsafeHTML as Tm}from"lit/directives/unsafe-html.js";var Jt=class extends $s{get _markup(){return`<h${this.level}
|
|
3109
3147
|
style="margin: 0; font-weight: unset; font-size: unset; line-height: unset;"
|
|
3110
3148
|
>
|
|
3111
3149
|
<slot></slot>
|
|
3112
3150
|
</h${this.level}>
|
|
3113
|
-
`}render(){return this.level?
|
|
3151
|
+
`}render(){return this.level?Tm(this._markup):Om`<slot></slot>`}};J(Jt,"properties",{level:{type:Number}}),J(Jt,"styles",[$s.styles]);customElements.get("w-unstyled-heading")||customElements.define("w-unstyled-heading",Jt);export{Ut as ExpandTransition,Bt as ModalCanCloseMixin,Pt as ModalProvidesCanCloseToSlotsMixin,Jt as UnstyledHeading,qe as WarpAffix,tt as WarpAlert,At as WarpAttention,bt as WarpBadge,Fe as WarpBox,zt as WarpBreadcrumbs,W as WarpButton,lt as WarpCard,Xe as WarpDeadToggle,ne as WarpExpandable,Se as WarpModal,Rt as WarpModalFooter,De as WarpModalHeader,vt as WarpPageIndicator,Ke as WarpPagination,ze as WarpPill,se as WarpSelect,I as WarpTextField,qt as WarpToast,Ht as WarpToastContainer,mu as ccBox,gt as ccBreadcrumbs,_ as ccButton,Me as ccCard,oe as ccExpandable,Sl as ccPrefix,je as ccSelect,Cl as ccSuffix,Ze as ccinput,me as pillStyles,C0 as removeToast,E0 as toast,S0 as updateToast};
|
|
3114
3152
|
//# sourceMappingURL=index.js.map
|