@warp-ds/elements 2.2.0-next.6 → 2.2.0-next.7
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 +85 -24
- package/dist/index.d.ts +1 -0
- package/dist/index.js +124 -110
- package/dist/index.js.map +4 -4
- package/dist/packages/datepicker/datepicker.d.ts +11 -2
- package/dist/packages/datepicker/datepicker.test.d.ts +2 -0
- package/dist/packages/datepicker/index.js +45 -46
- package/dist/packages/datepicker/index.js.map +3 -3
- package/dist/packages/switch/index.d.ts +20 -0
- package/dist/packages/switch/index.js +2455 -0
- package/dist/packages/switch/index.js.map +7 -0
- package/dist/packages/switch/react.d.ts +2 -0
- package/dist/packages/switch/react.js +2475 -0
- package/dist/packages/switch/react.js.map +7 -0
- package/dist/packages/switch/styles.d.ts +1 -0
- package/dist/packages/switch/switch.stories.d.ts +9 -0
- package/dist/vscode.html-custom-data.json +9 -0
- package/dist/web-types.json +24 -6
- package/package.json +5 -5
package/dist/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
var
|
|
2
|
-
`],["r","\r"],["t"," "],["v","\v"],["0","\0"]]);function
|
|
1
|
+
var Os=Object.create;var Xt=Object.defineProperty;var No=Object.getOwnPropertyDescriptor;var Ts=Object.getOwnPropertyNames;var Ns=Object.getPrototypeOf,Ms=Object.prototype.hasOwnProperty;var Mo=t=>{throw TypeError(t)};var Ds=(t,e,r)=>e in t?Xt(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r;var Do=(t,e)=>()=>(e||t((e={exports:{}}).exports,e),e.exports);var As=(t,e,r,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of Ts(e))!Ms.call(t,i)&&i!==r&&Xt(t,i,{get:()=>e[i],enumerable:!(o=No(e,i))||o.enumerable});return t};var zs=(t,e,r)=>(r=t!=null?Os(Ns(t)):{},As(e||!t||!t.__esModule?Xt(r,"default",{value:t,enumerable:!0}):r,t));var s=(t,e,r,o)=>{for(var i=o>1?void 0:o?No(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&&Xt(e,r,i),i};var J=(t,e,r)=>Ds(t,typeof e!="symbol"?e+"":e,r),Vr=(t,e,r)=>e.has(t)||Mo("Cannot "+r);var j=(t,e,r)=>(Vr(t,e,"read from private field"),r?r.call(t):e.get(t)),Oe=(t,e,r)=>e.has(t)?Mo("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,r),Ao=(t,e,r,o)=>(Vr(t,e,"write to private field"),o?o.call(t,r):e.set(t,r),r),zo=(t,e,r)=>(Vr(t,e,"access private method"),r);var Ro=Do(et=>{"use strict";Object.defineProperty(et,"__esModule",{value:!0});et.errorMessages=et.ErrorType=void 0;var ut;(function(t){t.MalformedUnicode="MALFORMED_UNICODE",t.MalformedHexadecimal="MALFORMED_HEXADECIMAL",t.CodePointLimit="CODE_POINT_LIMIT",t.OctalDeprecation="OCTAL_DEPRECATION",t.EndOfString="END_OF_STRING"})(ut=et.ErrorType||(et.ErrorType={}));et.errorMessages=new Map([[ut.MalformedUnicode,"malformed Unicode character escape sequence"],[ut.MalformedHexadecimal,"malformed hexadecimal character escape sequence"],[ut.CodePointLimit,"Unicode codepoint must not be greater than 0x10FFFF in escape sequence"],[ut.OctalDeprecation,'"0"-prefixed octal literals and octal escape sequences are deprecated; for octal literals use the "0o" prefix instead'],[ut.EndOfString,"malformed escape sequence at end of string"]])});var Fo=Do(Re=>{"use strict";Object.defineProperty(Re,"__esModule",{value:!0});Re.unraw=Re.errorMessages=Re.ErrorType=void 0;var ae=Ro();Object.defineProperty(Re,"ErrorType",{enumerable:!0,get:function(){return ae.ErrorType}});Object.defineProperty(Re,"errorMessages",{enumerable:!0,get:function(){return ae.errorMessages}});function Ps(t){return!t.match(/[^a-f0-9]/i)?parseInt(t,16):NaN}function Zt(t,e,r){let o=Ps(t);if(Number.isNaN(o)||r!==void 0&&r!==t.length)throw new SyntaxError(ae.errorMessages.get(e));return o}function Rs(t){let e=Zt(t,ae.ErrorType.MalformedHexadecimal,2);return String.fromCharCode(e)}function Vo(t,e){let r=Zt(t,ae.ErrorType.MalformedUnicode,4);if(e!==void 0){let o=Zt(e,ae.ErrorType.MalformedUnicode,4);return String.fromCharCode(r,o)}return String.fromCharCode(r)}function Vs(t){return t.charAt(0)==="{"&&t.charAt(t.length-1)==="}"}function Is(t){if(!Vs(t))throw new SyntaxError(ae.errorMessages.get(ae.ErrorType.MalformedUnicode));let e=t.slice(1,-1),r=Zt(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 Fs(t,e=!1){if(e)throw new SyntaxError(ae.errorMessages.get(ae.ErrorType.OctalDeprecation));let r=parseInt(t,8);return String.fromCharCode(r)}var js=new Map([["b","\b"],["f","\f"],["n",`
|
|
2
|
+
`],["r","\r"],["t"," "],["v","\v"],["0","\0"]]);function Hs(t){return js.get(t)||t}var qs=/\\(?:(\\)|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 Io(t,e=!1){return t.replace(qs,function(r,o,i,a,n,l,d,u,p){if(o!==void 0)return"\\";if(i!==void 0)return Rs(i);if(a!==void 0)return Is(a);if(n!==void 0)return Vo(n,l);if(d!==void 0)return Vo(d);if(u==="0")return"\0";if(u!==void 0)return Fs(u,!e);if(p!==void 0)return Hs(p);throw new SyntaxError(ae.errorMessages.get(ae.ErrorType.EndOfString))})}Re.unraw=Io;Re.default=Io});import{html as Wt,LitElement as Ll}from"lit";var S=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)?S.apply(void 0,o):typeof o=="object"&&o?Object.keys(o).map(function(i){return o[i]?i:""}):"")},[]).join(" ")};import{property as er}from"lit/decorators.js";import{ifDefined as ei}from"lit/directives/if-defined.js";import{css as Bo}from"lit";var M=Bo`
|
|
3
3
|
*,
|
|
4
4
|
:before,
|
|
5
5
|
:after {
|
|
@@ -272,7 +272,7 @@ var Cs=Object.create;var Qt=Object.defineProperty;var Oo=Object.getOwnPropertyDe
|
|
|
272
272
|
svg {
|
|
273
273
|
pointer-events: none;
|
|
274
274
|
}
|
|
275
|
-
`,
|
|
275
|
+
`,Fm=Bo`*, :before, :after {
|
|
276
276
|
--w-rotate: 0;
|
|
277
277
|
--w-rotate-x: 0;
|
|
278
278
|
--w-rotate-y: 0;
|
|
@@ -2438,7 +2438,7 @@ var Cs=Object.create;var Qt=Object.defineProperty;var Oo=Object.getOwnPropertyDe
|
|
|
2438
2438
|
display: none
|
|
2439
2439
|
}
|
|
2440
2440
|
}
|
|
2441
|
-
`;import{css as
|
|
2441
|
+
`;import{css as Bs}from"lit";var Po=Bs`*,: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 rl}from"lit";import{unsafeStatic as ol,html as il}from"lit/static-html.js";var qo=zs(Fo(),1);var qe=t=>typeof t=="string",Us=t=>typeof t=="function",jo=new Map,Uo="en";function Hr(t){return[...Array.isArray(t)?t:[t],Uo]}function qr(t,e,r){let o=Hr(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 Kt(()=>Gt("date",o,r),()=>new Intl.DateTimeFormat(o,i)).format(qe(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 qr(t,e,o)}function Ir(t,e,r){let o=Hr(t);return Kt(()=>Gt("number",o,r),()=>new Intl.NumberFormat(o,r)).format(e)}function Ho(t,e,r,{offset:o=0,...i}){var l,d;let a=Hr(t),n=e?Kt(()=>Gt("plural-ordinal",a),()=>new Intl.PluralRules(a,{type:"ordinal"})):Kt(()=>Gt("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 Kt(t,e){let r=t(),o=jo.get(r);return o||(o=e(),jo.set(r,o)),o}function Gt(t,e,r){let o=e.join("-");return`${t}-${o}-${JSON.stringify(r)}`}var Jo=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,Qo="%__lingui_octothorpe__%",Qs=(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=Ir(o,n,d);return l.replace(new RegExp(Qo,"g"),u)};return{plural:(n,l)=>{let{offset:d=0}=l,u=Ho(o,!1,n,l);return a(n-d,u)},selectordinal:(n,l)=>{let{offset:d=0}=l,u=Ho(o,!0,n,l);return a(n-d,u)},select:Ys,number:(n,l)=>Ir(o,n,i(l)||{style:l}),date:(n,l)=>qr(o,n,i(l)||l),time:(n,l)=>Js(o,n,i(l)||l)}},Ys=(t,e)=>{var r;return(r=e[t])!=null?r:e.other};function Xs(t,e,r){return(o={},i)=>{let a=Qs(e,r,i),n=(d,u=!1)=>Array.isArray(d)?d.reduce((p,m)=>{if(m==="#"&&u)return p+Qo;if(qe(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 qe(l)&&Jo.test(l)?(0,qo.unraw)(l):qe(l)?l:l?String(l):""}}var Zs=Object.defineProperty,Ks=(t,e,r)=>e in t?Zs(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Gs=(t,e,r)=>(Ks(t,typeof e!="symbol"?e+"":e,r),r),Fr=class{constructor(){Gs(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}},Ws=Object.defineProperty,el=(t,e,r)=>e in t?Ws(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,tt=(t,e,r)=>(el(t,typeof e!="symbol"?e+"":e,r),r),jr=class extends Fr{constructor(e){var r;super(),tt(this,"_locale",""),tt(this,"_locales"),tt(this,"_localeData",{}),tt(this,"_messages",{}),tt(this,"_missing"),tt(this,"_messageCompiler"),tt(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:Uo,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=""),qe(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 Us(l)?l(this._locale,e):l;n&&this.emit("missing",{id:e,locale:this._locale});let d=a||i||e;return qe(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
|
-
`)),
|
|
2450
|
-
<button aria-label="${
|
|
2449
|
+
`)),qe(d)&&Jo.test(d)?JSON.parse(`"${d}"`):qe(d)?d:Xs(d,this._locale,this._locales)(r,o==null?void 0:o.formats)}date(e,r){return qr(this._locales||this._locale,e,r)}number(e,r){return Ir(this._locales||this._locale,e,r)}};function tl(t={}){return new jr(t)}var c=tl();var al=JSON.parse('{"icon.title.search":["Forst\xF8rrelsesglass"]}'),nl=JSON.parse('{"icon.title.search":["Magnifying glass"]}'),sl=JSON.parse('{"icon.title.search":["Suurennuslasi"]}'),ll=JSON.parse('{"icon.title.search":["Forst\xF8rrelsesglas"]}'),cl=JSON.parse('{"icon.title.search":["F\xF6rstoringsglas"]}'),Yo=["en","nb","fi","da","sv"],Xo="en",dl=()=>{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":Xo},Ur=t=>Yo.find(e=>t===e||t.toLowerCase().includes(e))||Zo();function ul(){var t;if(typeof window=="undefined"){let e=dl();return Ur(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=Zo();return Yo.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),Xo}}var pl=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,ml=(t,e,r,o,i)=>{let a=ul(),n=pl(a,t,e,r,o,i);c.load(a,n),c.activate(a)};ml(nl,al,sl,ll,cl);var hl=class extends rl{render(){let t=c.t({message:"Magnifying glass",id:"icon.title.search",comment:"Title for search icon"});return il`<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">${ol(`<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",hl);import{LitElement as bl}from"lit";import{unsafeStatic as gl,html as fl}from"lit/static-html.js";var vl=JSON.parse('{"icon.title.close":["Kryss"]}'),wl=JSON.parse('{"icon.title.close":["Cross"]}'),xl=JSON.parse('{"icon.title.close":["Rasti"]}'),yl=JSON.parse('{"icon.title.close":["Kryds"]}'),kl=JSON.parse('{"icon.title.close":["Kryss"]}'),Ko=["en","nb","fi","da","sv"],Go="en",$l=()=>{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=>Ko.find(e=>t===e||t.toLowerCase().includes(e))||Wo();function El(){var t;if(typeof window=="undefined"){let e=$l();return Jr(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=Wo();return Ko.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 Cl=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,Sl=(t,e,r,o,i)=>{let a=El(),n=Cl(a,t,e,r,o,i);c.load(a,n),c.activate(a)};Sl(wl,vl,xl,yl,kl);var _l=class extends bl{render(){let t=c.t({message:"Cross",id:"icon.title.close",comment:"Title for close icon"});return fl`<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">${gl(`<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 ti="absolute top-0 bottom-0 flex justify-center items-center focusable rounded-4 focus:[--w-outline-offset:-2px] bg-transparent ",Ol={wrapper:ti+"right-0",wrapperWithLabel:"w-max pr-12",wrapperWithIcon:"w-40",label:"antialiased block relative cursor-default pb-0 font-bold text-xs s-text"},Tl={wrapper:ti+"left-0",wrapperWithLabel:"w-max pl-12",wrapperWithIcon:"w-40",label:"antialiased block relative cursor-default pb-0 font-bold text-xs s-text"},Ue=class extends Ll{constructor(){super(...arguments);this.clear=!1;this.search=!1}get _classBase(){return this.slot==="suffix"?Ol:Tl}get _classes(){return S([this._classBase.wrapper,this.label?this._classBase.wrapperWithLabel:this._classBase.wrapperWithIcon])}get _searchButton(){return Wt`
|
|
2450
|
+
<button aria-label="${ei(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 Wt`
|
|
2454
|
+
<button aria-label="${ei(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 Wt`
|
|
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 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
|
|
2461
|
+
`}get _markup(){if(this.label)return this._text;if(this.search)return this._searchButton;if(this.clear)return this._clearButton}render(){return Wt`${this._markup}`}};Ue.styles=[M,Po],s([er({attribute:"aria-label"})],Ue.prototype,"ariaLabel",2),s([er({type:Boolean})],Ue.prototype,"clear",2),s([er({type:Boolean})],Ue.prototype,"search",2),s([er()],Ue.prototype,"label",2);customElements.get("w-affix")||customElements.define("w-affix",Ue);import{css as Tc,html as St,LitElement as Nc}from"lit";import{property as Kr}from"lit/decorators.js";import{LitElement as Nl}from"lit";import{unsafeStatic as Ml,html as Dl}from"lit/static-html.js";var Al=JSON.parse('{"icon.title.info":["Informasjonssirkel"]}'),zl=JSON.parse('{"icon.title.info":["Information circle"]}'),Bl=JSON.parse('{"icon.title.info":["Ympyr\xE4, jonka sis\xE4ll\xE4 on i-kirjain"]}'),Pl=JSON.parse('{"icon.title.info":["Informationscirkel"]}'),Rl=JSON.parse('{"icon.title.info":["Informationscirkel"]}'),ri=["en","nb","fi","da","sv"],oi="en",Vl=()=>{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},ii=()=>{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":oi},Qr=t=>ri.find(e=>t===e||t.toLowerCase().includes(e))||ii();function Il(){var t;if(typeof window=="undefined"){let e=Vl();return Qr(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=ii();return ri.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),oi}}var Fl=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,jl=(t,e,r,o,i)=>{let a=Il(),n=Fl(a,t,e,r,o,i);c.load(a,n),c.activate(a)};jl(zl,Al,Bl,Pl,Rl);var Hl=class extends Nl{render(){let t=c.t({message:"Information circle",id:"icon.title.info",comment:"Title for info icon"});return Dl`<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">${Ml(`<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",Hl);import{LitElement as ql}from"lit";import{unsafeStatic as Ul,html as Jl}from"lit/static-html.js";var Ql=JSON.parse('{"icon.title.warning":["Varseltrekant med utropstegn"]}'),Yl=JSON.parse('{"icon.title.warning":["Warning triangle with exclamation point"]}'),Xl=JSON.parse('{"icon.title.warning":["Varoituskolmio, jonka sis\xE4ll\xE4 on huutomerkki"]}'),Zl=JSON.parse('{"icon.title.warning":["Advarselstrekant med et udr\xE5bstegn"]}'),Kl=JSON.parse('{"icon.title.warning":["Varningstriangel med utropstecken"]}'),ai=["en","nb","fi","da","sv"],ni="en",Gl=()=>{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},si=()=>{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":ni},Yr=t=>ai.find(e=>t===e||t.toLowerCase().includes(e))||si();function Wl(){var t;if(typeof window=="undefined"){let e=Gl();return Yr(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=si();return ai.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),ni}}var ec=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,tc=(t,e,r,o,i)=>{let a=Wl(),n=ec(a,t,e,r,o,i);c.load(a,n),c.activate(a)};tc(Yl,Ql,Xl,Zl,Kl);var rc=class extends ql{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">${Ul(`<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",rc);import{LitElement as oc}from"lit";import{unsafeStatic as ic,html as ac}from"lit/static-html.js";var nc=JSON.parse('{"icon.title.error":["\xC5ttekant med utropstegn"]}'),sc=JSON.parse('{"icon.title.error":["Octagon with exclamation point"]}'),lc=JSON.parse('{"icon.title.error":["Kahdeksankulmio, jonka sis\xE4ll\xE4 on huutomerkki"]}'),cc=JSON.parse('{"icon.title.error":["Ottekant med et udr\xE5bstegn"]}'),dc=JSON.parse('{"icon.title.error":["Oktagon med utropstecken"]}'),li=["en","nb","fi","da","sv"],ci="en",uc=()=>{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},di=()=>{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":ci},Xr=t=>li.find(e=>t===e||t.toLowerCase().includes(e))||di();function pc(){var t;if(typeof window=="undefined"){let e=uc();return Xr(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=di();return li.includes(e)?Xr(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),Xr(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),ci}}var mc=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,hc=(t,e,r,o,i)=>{let a=pc(),n=mc(a,t,e,r,o,i);c.load(a,n),c.activate(a)};hc(sc,nc,lc,cc,dc);var bc=class extends oc{render(){let t=c.t({message:"Octagon with exclamation point",id:"icon.title.error",comment:"Title for error icon"});return ac`<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">${ic(`<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",bc);import{LitElement as gc}from"lit";import{unsafeStatic as fc,html as vc}from"lit/static-html.js";var wc=JSON.parse('{"icon.title.success":["Sirkel med sjekkmerke"]}'),xc=JSON.parse('{"icon.title.success":["Circle with checkmark"]}'),yc=JSON.parse('{"icon.title.success":["Ympyr\xE4, jonka sis\xE4ll\xE4 on valintamerkki"]}'),kc=JSON.parse('{"icon.title.success":["Cirkel med et flueben"]}'),$c=JSON.parse('{"icon.title.success":["Cirkel med bock"]}'),ui=["en","nb","fi","da","sv"],pi="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},mi=()=>{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":pi},Zr=t=>ui.find(e=>t===e||t.toLowerCase().includes(e))||mi();function Cc(){var t;if(typeof window=="undefined"){let e=Ec();return Zr(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=mi();return ui.includes(e)?Zr(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),Zr(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),pi}}var Sc=(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=Cc(),n=Sc(a,t,e,r,o,i);c.load(a,n),c.activate(a)};_c(xc,wc,yc,kc,$c);var Lc=class extends gc{render(){let t=c.t({message:"Circle with checkmark",id:"icon.title.success",comment:"Title for success icon"});return vc`<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">${fc(`<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",Lc);import{css as Oc}from"lit";var hi=Oc`*,: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 _t={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"},Lt={negative:"negative",positive:"positive",warning:"warning",info:"info"},rt=class extends Nc{constructor(){super();this.variant="info";this.show=!0;this.role="alert";this.show=!1,this.role="alert"}connectedCallback(){if(super.connectedCallback(),!this.variant||!Lt[this.variant])throw new Error(`Invalid 'variant' attribute. Set its value to one of the following:
|
|
2462
|
+
negative, positive, warning, info.`)}get _wrapperClasses(){return S([_t.wrapper,_t[this.variant]])}get _iconClasses(){let r=_t[`${this.variant}Icon`];return S([_t.icon,r])}get _icon(){return this.variant===Lt.info?St` <w-icon-info-16></w-icon-info-16>`:this.variant===Lt.warning?St` <w-icon-warning-16></w-icon-warning-16>`:this.variant===Lt.negative?St` <w-icon-error-16></w-icon-error-16>`:this.variant===Lt.positive?St` <w-icon-success-16></w-icon-success-16>`:""}render(){return St`
|
|
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=${_t.textWrapper}>
|
|
2467
2467
|
<slot></slot>
|
|
2468
2468
|
</div>
|
|
2469
2469
|
</div>
|
|
2470
2470
|
</w-expand-transition>
|
|
2471
|
-
`}};
|
|
2471
|
+
`}};rt.styles=[M,hi,Tc`
|
|
2472
2472
|
:host {
|
|
2473
2473
|
display: block;
|
|
2474
2474
|
}
|
|
@@ -2480,32 +2480,32 @@ negative, positive, warning, info.`)}get _wrapperClasses(){return L([Ct.wrapper,
|
|
|
2480
2480
|
::slotted(:last-child) {
|
|
2481
2481
|
margin-bottom: 0px !important;
|
|
2482
2482
|
}
|
|
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(
|
|
2485
|
-
${JSON.stringify(
|
|
2486
|
-
<button aria-label="${this._ariaClose}" @click="${this.close}" @keydown=${this.keypressed} class="${
|
|
2483
|
+
`],s([Kr({reflect:!0})],rt.prototype,"variant",2),s([Kr({type:Boolean,reflect:!0})],rt.prototype,"show",2),s([Kr({reflect:!0})],rt.prototype,"role",2);customElements.get("w-alert")||customElements.define("w-alert",rt);import{css as fd,html as bt,nothing as ca}from"lit";var fi=["top","right","bottom","left"];var Ve=Math.min,de=Math.max,Tt=Math.round;var $e=t=>({x:t,y:t}),Mc={left:"right",right:"left",bottom:"top",top:"bottom"},Dc={start:"end",end:"start"};function rr(t,e,r){return de(t,Ve(e,r))}function Je(t,e){return typeof t=="function"?t(e):t}function Ie(t){return t.split("-")[0]}function ot(t){return t.split("-")[1]}function Gr(t){return t==="x"?"y":"x"}function or(t){return t==="y"?"height":"width"}var Ac=new Set(["top","bottom"]);function Te(t){return Ac.has(Ie(t))?"y":"x"}function ir(t){return Gr(Te(t))}function vi(t,e,r){r===void 0&&(r=!1);let o=ot(t),i=ir(t),a=or(i),n=i==="x"?o===(r?"end":"start")?"right":"left":o==="start"?"bottom":"top";return e.reference[a]>e.floating[a]&&(n=Ot(n)),[n,Ot(n)]}function wi(t){let e=Ot(t);return[tr(t),e,tr(e)]}function tr(t){return t.replace(/start|end/g,e=>Dc[e])}var bi=["left","right"],gi=["right","left"],zc=["top","bottom"],Bc=["bottom","top"];function Pc(t,e,r){switch(t){case"top":case"bottom":return r?e?gi:bi:e?bi:gi;case"left":case"right":return e?zc:Bc;default:return[]}}function xi(t,e,r,o){let i=ot(t),a=Pc(Ie(t),r==="start",o);return i&&(a=a.map(n=>n+"-"+i),e&&(a=a.concat(a.map(tr)))),a}function Ot(t){return t.replace(/left|right|bottom|top/g,e=>Mc[e])}function Rc(t){return{top:0,right:0,bottom:0,left:0,...t}}function Wr(t){return typeof t!="number"?Rc(t):{top:t,right:t,bottom:t,left:t}}function it(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 yi(t,e,r){let{reference:o,floating:i}=t,a=Te(e),n=ir(e),l=or(n),d=Ie(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(ot(e)){case"start":h[n]-=k*(r&&u?-1:1);break;case"end":h[n]+=k*(r&&u?-1:1);break}return h}var Ei=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}=yi(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:A,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=A!=null?A: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}=yi(u,k,d)),C=-1)}return{x:p,y:m,placement:k,strategy:i,middlewareData:h}};async function pt(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}=Je(e,t),y=Wr(h),$=l[k?m==="floating"?"reference":"floating":m],T=it(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,A=await(a.getOffsetParent==null?void 0:a.getOffsetParent(l.floating)),ee=await(a.isElement==null?void 0:a.isElement(A))?await(a.getScale==null?void 0:a.getScale(A))||{x:1,y:1}:{x:1,y:1},R=it(a.convertOffsetParentRelativeRectToViewportRelativeRect?await a.convertOffsetParentRelativeRectToViewportRelativeRect({elements:l,rect:N,offsetParent:A,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 Ci=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}=Je(t,e)||{};if(u==null)return{};let m=Wr(p),k={x:r,y:o},h=ir(i),y=or(h),C=await n.getDimensions(u),$=h==="y",T=$?"top":"left",N=$?"bottom":"right",A=$?"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)),_=E?E[A]:0;(!_||!await(n.isElement==null?void 0:n.isElement(E)))&&(_=l.floating[A]||a.floating[y]);let z=ee/2-R/2,P=_/2-C[y]/2-1,F=Ve(m[T],P),le=Ve(m[N],P),re=F,ce=_-C[y]-le,Z=_/2-C[y]/2+z,U=rr(re,Z,ce),he=!d.arrow&&ot(i)!=null&&Z!==U&&a.reference[y]/2-(Z<re?F:le)-C[y]/2<0,K=he?Z<re?Z-re:Z-ce:0;return{[h]:k[h]+K,data:{[h]:U,centerOffset:Z-U-K,...he&&{alignmentOffset:K}},reset:he}}});var Si=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,...$}=Je(t,e);if((r=a.arrow)!=null&&r.alignmentOffset)return{};let T=Ie(i),N=Te(l),A=Ie(l)===l,ee=await(d.isRTL==null?void 0:d.isRTL(u.floating)),R=k||(A||!C?[Ot(l)]:wi(l)),E=y!=="none";!k&&E&&R.push(...xi(l,C,y,ee));let _=[l,...R],z=await pt(e,$),P=[],F=((o=a.flip)==null?void 0:o.overflows)||[];if(p&&P.push(z[T]),m){let Z=vi(i,n,ee);P.push(z[Z[0]],z[Z[1]])}if(F=[...F,{placement:i,overflows:P}],!P.every(Z=>Z<=0)){var le,re;let Z=(((le=a.flip)==null?void 0:le.index)||0)+1,U=_[Z];if(U&&(!(m==="alignment"?N!==Te(U):!1)||F.every(ge=>Te(ge.placement)===N?ge.overflows[0]>0:!0)))return{data:{index:Z,overflows:F},reset:{placement:U}};let he=(re=F.filter(K=>K.overflows[0]<=0).sort((K,ge)=>K.overflows[1]-ge.overflows[1])[0])==null?void 0:re.placement;if(!he)switch(h){case"bestFit":{var ce;let K=(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,Ls)=>fe+Ls,0)]).sort((ge,fe)=>ge[1]-fe[1])[0])==null?void 0:ce[0];K&&(he=K);break}case"initialPlacement":he=l;break}if(i!==he)return{reset:{placement:he}}}return{}}}};function ki(t,e){return{top:t.top-e.height,right:t.right-e.width,bottom:t.bottom-e.height,left:t.left-e.width}}function $i(t){return fi.some(e=>t[e]>=0)}var _i=function(t){return t===void 0&&(t={}),{name:"hide",options:t,async fn(e){let{rects:r}=e,{strategy:o="referenceHidden",...i}=Je(t,e);switch(o){case"referenceHidden":{let a=await pt(e,{...i,elementContext:"reference"}),n=ki(a,r.reference);return{data:{referenceHiddenOffsets:n,referenceHidden:$i(n)}}}case"escaped":{let a=await pt(e,{...i,altBoundary:!0}),n=ki(a,r.floating);return{data:{escapedOffsets:n,escaped:$i(n)}}}default:return{}}}}};var Vc=new Set(["left","top"]);async function Ic(t,e){let{placement:r,platform:o,elements:i}=t,a=await(o.isRTL==null?void 0:o.isRTL(i.floating)),n=Ie(r),l=ot(r),d=Te(r)==="y",u=Vc.has(n)?-1:1,p=a&&d?-1:1,m=Je(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 Li=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 Ic(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}}}}},Oi=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}=Je(t,e),u={x:r,y:o},p=await pt(e,d),m=Te(Ie(i)),k=Gr(m),h=u[k],y=u[m];if(a){let $=k==="y"?"top":"left",T=k==="y"?"bottom":"right",N=h+p[$],A=h-p[T];h=rr(N,h,A)}if(n){let $=m==="y"?"top":"left",T=m==="y"?"bottom":"right",N=y+p[$],A=y-p[T];y=rr(N,y,A)}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 Ti=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}=Je(t,e),p=await pt(e,u),m=Ie(i),k=ot(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,A=y-p.left-p.right,ee=Ve(C-p[$],N),R=Ve(y-p[T],A),E=!e.middlewareData.shift,_=ee,z=R;if((r=e.middlewareData.shift)!=null&&r.enabled.x&&(z=A),(o=e.middlewareData.shift)!=null&&o.enabled.y&&(_=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)):_=C-2*(re!==0||ce!==0?re+ce:de(p.top,p.bottom))}await d({...e,availableWidth:z,availableHeight:_});let P=await n.getDimensions(l.floating);return y!==P.width||C!==P.height?{reset:{rects:!0}}:{}}}};function nr(){return typeof window!="undefined"}function at(t){return Mi(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=(Mi(t)?t.ownerDocument:t.document)||window.document)==null?void 0:e.documentElement}function Mi(t){return nr()?t instanceof Node||t instanceof ue(t).Node:!1}function ve(t){return nr()?t instanceof Element||t instanceof ue(t).Element:!1}function Ee(t){return nr()?t instanceof HTMLElement||t instanceof ue(t).HTMLElement:!1}function Ni(t){return!nr()||typeof ShadowRoot=="undefined"?!1:t instanceof ShadowRoot||t instanceof ue(t).ShadowRoot}var Fc=new Set(["inline","contents"]);function mt(t){let{overflow:e,overflowX:r,overflowY:o,display:i}=we(t);return/auto|scroll|overlay|hidden|clip/.test(e+o+r)&&!Fc.has(i)}var jc=new Set(["table","td","th"]);function Di(t){return jc.has(at(t))}var Hc=[":popover-open",":modal"];function Nt(t){return Hc.some(e=>{try{return t.matches(e)}catch(r){return!1}})}var qc=["transform","translate","scale","rotate","perspective"],Uc=["transform","translate","scale","rotate","perspective","filter"],Jc=["paint","layout","strict","content"];function sr(t){let e=lr(),r=ve(t)?we(t):t;return qc.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)||Uc.some(o=>(r.willChange||"").includes(o))||Jc.some(o=>(r.contain||"").includes(o))}function Ai(t){let e=Fe(t);for(;Ee(e)&&!nt(e);){if(sr(e))return e;if(Nt(e))return null;e=Fe(e)}return null}function lr(){return typeof CSS=="undefined"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}var Qc=new Set(["html","body","#document"]);function nt(t){return Qc.has(at(t))}function we(t){return ue(t).getComputedStyle(t)}function Mt(t){return ve(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function Fe(t){if(at(t)==="html")return t;let e=t.assignedSlot||t.parentNode||Ni(t)&&t.host||Ne(t);return Ni(e)?e.host:e}function zi(t){let e=Fe(t);return nt(e)?t.ownerDocument?t.ownerDocument.body:t.body:Ee(e)&&mt(e)?e:zi(e)}function ar(t,e,r){var o;e===void 0&&(e=[]),r===void 0&&(r=!0);let i=zi(t),a=i===((o=t.ownerDocument)==null?void 0:o.body),n=ue(i);if(a){let l=cr(n);return e.concat(n,n.visualViewport||[],mt(i)?i:[],l&&r?ar(l):[])}return e.concat(i,ar(i,[],r))}function cr(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function Ri(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=Tt(r)!==a||Tt(o)!==n;return l&&(r=a,o=n),{width:r,height:o,$:l}}function Vi(t){return ve(t)?t:t.contextElement}function ht(t){let e=Vi(t);if(!Ee(e))return $e(1);let r=e.getBoundingClientRect(),{width:o,height:i,$:a}=Ri(e),n=(a?Tt(r.width):r.width)/o,l=(a?Tt(r.height):r.height)/i;return(!n||!Number.isFinite(n))&&(n=1),(!l||!Number.isFinite(l))&&(l=1),{x:n,y:l}}var Yc=$e(0);function Ii(t){let e=ue(t);return!lr()||!e.visualViewport?Yc:{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}}function Xc(t,e,r){return e===void 0&&(e=!1),!r||e&&r!==ue(t)?!1:e}function Dt(t,e,r,o){e===void 0&&(e=!1),r===void 0&&(r=!1);let i=t.getBoundingClientRect(),a=Vi(t),n=$e(1);e&&(o?ve(o)&&(n=ht(o)):n=ht(t));let l=Xc(a,r,o)?Ii(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=cr(y);for(;C&&o&&h!==y;){let $=ht(C),T=C.getBoundingClientRect(),N=we(C),A=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+=A,u+=ee,y=ue(C),C=cr(y)}}return it({width:p,height:m,x:d,y:u})}function to(t,e){let r=Mt(t).scrollLeft;return e?e.left+r:Dt(Ne(t)).left+r}function Fi(t,e,r){r===void 0&&(r=!1);let o=t.getBoundingClientRect(),i=o.left+e.scrollLeft-(r?0:to(t,o)),a=o.top+e.scrollTop;return{x:i,y:a}}function Zc(t){let{elements:e,rect:r,offsetParent:o,strategy:i}=t,a=i==="fixed",n=Ne(o),l=e?Nt(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)&&((at(o)!=="body"||mt(n))&&(d=Mt(o)),Ee(o))){let h=Dt(o);u=ht(o),p.x=h.x+o.clientLeft,p.y=h.y+o.clientTop}let k=n&&!m&&!a?Fi(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 Kc(t){return Array.from(t.getClientRects())}function Gc(t){let e=Ne(t),r=Mt(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+to(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 Wc(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=lr();(!u||u&&e==="fixed")&&(l=i.offsetLeft,d=i.offsetTop)}return{width:a,height:n,x:l,y:d}}function ed(t,e){let r=Dt(t,!0,e==="fixed"),o=r.top+t.clientTop,i=r.left+t.clientLeft,a=Ee(t)?ht(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 Bi(t,e,r){let o;if(e==="viewport")o=Wc(t,r);else if(e==="document")o=Gc(Ne(t));else if(ve(e))o=ed(e,r);else{let i=Ii(t);o={x:e.x-i.x,y:e.y-i.y,width:e.width,height:e.height}}return it(o)}function ji(t,e){let r=Fe(t);return r===e||!ve(r)||nt(r)?!1:we(r).position==="fixed"||ji(r,e)}function td(t,e){let r=e.get(t);if(r)return r;let o=ar(t,[],!1).filter(l=>ve(l)&&at(l)!=="body"),i=null,a=we(t).position==="fixed",n=a?Fe(t):t;for(;ve(n)&&!nt(n);){let l=we(n),d=sr(n);!d&&l.position==="fixed"&&(i=null),(a?!d&&!i:!d&&l.position==="static"&&!!i&&["absolute","fixed"].includes(i.position)||mt(n)&&!d&&ji(t,n))?o=o.filter(p=>p!==n):i=l,n=Fe(n)}return e.set(t,o),o}function rd(t){let{element:e,boundary:r,rootBoundary:o,strategy:i}=t,n=[...r==="clippingAncestors"?Nt(e)?[]:td(e,this._c):[].concat(r),o],l=n[0],d=n.reduce((u,p)=>{let m=Bi(e,p,i);return u.top=de(m.top,u.top),u.right=Ve(m.right,u.right),u.bottom=Ve(m.bottom,u.bottom),u.left=de(m.left,u.left),u},Bi(e,l,i));return{width:d.right-d.left,height:d.bottom-d.top,x:d.left,y:d.top}}function od(t){let{width:e,height:r}=Ri(t);return{width:e,height:r}}function id(t,e,r){let o=Ee(e),i=Ne(e),a=r==="fixed",n=Dt(t,!0,a,e),l={scrollLeft:0,scrollTop:0},d=$e(0);if(o||!o&&!a)if((at(e)!=="body"||mt(i))&&(l=Mt(e)),o){let k=Dt(e,!0,a,e);d.x=k.x+e.clientLeft,d.y=k.y+e.clientTop}else i&&(d.x=to(i));let u=i&&!o&&!a?Fi(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 eo(t){return we(t).position==="static"}function Pi(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 Hi(t,e){let r=ue(t);if(Nt(t))return r;if(!Ee(t)){let i=Fe(t);for(;i&&!nt(i);){if(ve(i)&&!eo(i))return i;i=Fe(i)}return r}let o=Pi(t,e);for(;o&&Di(o)&&eo(o);)o=Pi(o,e);return o&&nt(o)&&eo(o)&&!sr(o)?r:o||Ai(t)||r}var ad=async function(t){let e=this.getOffsetParent||Hi,r=this.getDimensions,o=await r(t.floating);return{reference:id(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}};function nd(t){return we(t).direction==="rtl"}var sd={convertOffsetParentRelativeRectToViewportRelativeRect:Zc,getDocumentElement:Ne,getClippingRect:rd,getOffsetParent:Hi,getElementRects:ad,getClientRects:Kc,getDimensions:od,getScale:ht,isElement:ve,isRTL:nd};var qi=Li;var Ui=Oi,Ji=Si,Qi=Ti,Yi=_i,Xi=Ci;var Zi=(t,e,r)=>{let o=new Map,i={platform:sd,...r},a={...i.platform,_c:o};return Ei(t,e,{...i,platform:a})};var ur="top-start",pr="top",mr="top-end",hr="right-start",br="right",gr="right-end",fr="bottom-start",At="bottom",vr="bottom-end",wr="left-start",xr="left",yr="left-end",ro=[ur,pr,mr,hr,br,gr,fr,At,vr,wr,xr,yr],st={[ur]:fr,[pr]:At,[mr]:vr,[fr]:ur,[At]:pr,[vr]:mr,[wr]:hr,[xr]:br,[yr]:gr,[hr]:wr,[br]:xr,[gr]:yr},ld={[wr]:-45,[xr]:-45,[yr]:-45,[ur]:45,[pr]:45,[mr]:45,[hr]:135,[br]:135,[gr]:135,[fr]:-135,[At]:-135,[vr]:-135},oo=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},cd=t=>t.split("-")[0],dd=t=>st[cd(t)],Gi=t=>st[t],ud=t=>ld[Gi(t)],pd=(t,e,r)=>{Object.assign(t==null?void 0:t.style,{borderTopLeftRadius:"4px",zIndex:1,[`margin${oo(dd(r))}`]:"-0.5px",transform:`rotate(${e}deg)`})},Ki=8,dr=24;async function io(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 Zi(e,r,{placement:(o=t==null?void 0:t.directionName)!=null?o:At,middleware:[qi({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)&&Ji({crossAxis:t==null?void 0:t.crossAxis,fallbackPlacements:t==null?void 0:t.fallbackPlacements}),(t==null?void 0:t.flip)&&Ui({crossAxis:!0}),!(t!=null&&t.noArrow)&&(t==null?void 0:t.arrowEl)&&Xi({element:t==null?void 0:t.arrowEl}),Yi(),Qi({apply(){Object.assign(r.style,{paddingRight:`${Ki}px`,paddingLeft:`${Ki}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=Gi(u).split("-")[1],C="",$="",T="",N="";if(y==="start"){let A=typeof m=="number"?`calc(${dr}px - ${p.offsetWidth/2}px)`:"";C=typeof k=="number"?`calc(${dr}px - ${p.offsetWidth/2}px)`:"",$=h?A:"",N=h?"":A}else if(y==="end"){let A=typeof m=="number"?`calc(${dr}px - ${p.offsetWidth/2}px)`:"";$=h?"":A,N=h?A:"",T=typeof k=="number"?`calc(${dr}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}),pd(p,ud(u),u)}}),t}var kr={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 Ye="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 ${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 ${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 ${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 ${V.disabled}`},vb={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 wb={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 Wi="absolute top-0 bottom-0 flex justify-center items-center focusable rounded-4 focus:[--w-outline-offset:-2px] bg-transparent ",xb={wrapper:Wi+"right-0",wrapperWithLabel:"w-max pr-12",wrapperWithIcon:"w-40",label:"antialiased block relative cursor-default pb-0 font-bold text-xs s-text"},yb={wrapper:Wi+"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 Qe={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]"},kb={wrapper:`${Qe.wrapper} h-20 w-20 pointer-events-none`,input:`${Qe.input} hidden`,inputVue:"hidden",labelVue:"-mt-2",labelRadio:`${Qe.label} ${Qe.labelBefore} ${Qe.radio}`,labelCheckbox:`${Qe.label} ${Qe.labelBefore} ${Qe.checkbox}`};var lt={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 da from"@warp-ds/elements-core";import{ifDefined as vd}from"lit/directives/if-defined.js";var md=["en","nb","fi","da","sv"],ta="en",ea=t=>md.find(e=>t===e||t.toLowerCase().includes(e))||ta;function hd(){if(typeof window=="undefined"){let t=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return ea(t)}try{let t=document.documentElement.lang;return ea(t)}catch(t){return console.warn("could not detect locale, falling back to source locale",t),ta}}var bd=(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=hd(),n=bd(a,t,e,r,o,i);c.load(a,n),c.activate(a)};import{classMap as Lb}from"lit/directives/class-map.js";var gd=t=>t.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase();function ra(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:gd(e.toString())})),super.createProperty(e,o)}}}function oa(){return`m${Math.random().toString(36).slice(2)}`}var ia=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 aa=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 na=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 sa=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 la=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 zt=class extends ra(da){constructor(){super(),G(aa,sa,na,ia,la),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(st).includes(this.placement))throw new Error(`Invalid "placement" attribute. Set its value to one of the following:
|
|
2484
|
+
${JSON.stringify(Object.keys(st))}`);if(this.fallbackPlacements&&!this.fallbackPlacements.every(e=>ro.includes(e)))throw new Error(`Invalid "fallbackPlacements" attribute. Set its value to an array with one or more of the following:
|
|
2485
|
+
${JSON.stringify(ro)}`);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?io(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 st[this._actualDirection]}get _arrowClasses(){return S([lt.arrowBase,this._activeVariantClasses.arrow,lt[`arrowDirection${oo(this._arrowDirection)}`]])}get _arrowHtml(){return this.noArrow?"":bt`<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:lt[r],arrow:lt[`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 S([lt.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 bt`
|
|
2486
|
+
<button aria-label="${this._ariaClose}" @click="${this.close}" @keydown=${this.keypressed} class="${lt.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=${
|
|
2491
|
-
${this.placement==="right-start"||this.placement==="right"||this.placement==="right-end"||this.placement==="bottom-start"||this.placement==="bottom"||this.placement==="bottom-end"?
|
|
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},io(this.attentionState)}pointingAtDirection(){switch(st[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=oa());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?bt``:bt`
|
|
2490
|
+
<div class=${vd(this.className?this.className:void 0)}>
|
|
2491
|
+
${this.placement==="right-start"||this.placement==="right"||this.placement==="right-end"||this.placement==="bottom-start"||this.placement==="bottom"||this.placement==="bottom-end"?bt`
|
|
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:ca}
|
|
2498
2498
|
</div>
|
|
2499
|
-
`:
|
|
2499
|
+
`:bt`
|
|
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:ca}
|
|
2504
2504
|
</div>
|
|
2505
2505
|
<slot name="target"></slot>
|
|
2506
2506
|
`}
|
|
2507
2507
|
</div>
|
|
2508
|
-
`}};J(
|
|
2508
|
+
`}};J(zt,"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(zt,"styles",[da.styles,fd`
|
|
2509
2509
|
#attention {
|
|
2510
2510
|
position: absolute;
|
|
2511
2511
|
z-index: 50;
|
|
@@ -2516,35 +2516,35 @@ ${JSON.stringify(eo)}`);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",zt);import{html as xd,LitElement as yd}from"lit";import{property as pa}from"lit/decorators.js";import{css as wd}from"lit";var ua=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}.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 gt=class extends yd{constructor(){super(...arguments);this.variant="neutral"}get _class(){return S(["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 xd`
|
|
2520
2520
|
<div class="${this._class}">
|
|
2521
2521
|
<slot></slot>
|
|
2522
2522
|
</div>
|
|
2523
|
-
`}};
|
|
2523
|
+
`}};gt.styles=[M,ua],s([pa({type:String,reflect:!0})],gt.prototype,"variant",2),s([pa({type:String,reflect:!0})],gt.prototype,"position",2);customElements.get("w-badge")||customElements.define("w-badge",gt);import{html as $d,LitElement as Ed,nothing as Cd}from"lit";import{property as Bt}from"lit/decorators.js";import{css as kd}from"lit";var ma=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}.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 je=class extends Ed{get _class(){return S(["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===""?Cd:(e=this.role)!=null?e:"region"}render(){return $d`
|
|
2524
2524
|
<div role="${this._optOutRoleWithDefault}" class="${this._class}">
|
|
2525
2525
|
<slot></slot>
|
|
2526
2526
|
</div>
|
|
2527
|
-
`}};
|
|
2527
|
+
`}};je.styles=[M,ma],s([Bt({type:Boolean,reflect:!0})],je.prototype,"bleed",2),s([Bt({type:Boolean,reflect:!0})],je.prototype,"bordered",2),s([Bt({type:Boolean,reflect:!0})],je.prototype,"info",2),s([Bt({type:Boolean,reflect:!0})],je.prototype,"neutral",2),s([Bt({type:String,reflect:!0})],je.prototype,"role",2);customElements.get("w-box")||customElements.define("w-box",je);import{html as ao,LitElement as _d}from"lit";function ha(t,e){return t.flatMap(r=>[r,e]).slice(0,-1)}import{property as Ld}from"lit/decorators.js";var ba=JSON.parse('{"breadcrumbs.ariaLabel":["Du er her"]}');var ga=JSON.parse('{"breadcrumbs.ariaLabel":["You are here"]}');var fa=JSON.parse('{"breadcrumbs.ariaLabel":["Olet t\xE4ss\xE4"]}');var va=JSON.parse('{"breadcrumbs.ariaLabel":["Her er du"]}');var wa=JSON.parse('{"breadcrumbs.ariaLabel":["Du \xE4r h\xE4r"]}');import{css as Sd}from"lit";var xa=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}.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 ft={wrapper:"flex space-x-8",text:"s-text",link:"s-text-link",separator:"select-none s-icon",a11y:"sr-only"},Od=ao`<span class=${ft.separator}>/</span>`,Pt=class extends _d{constructor(){super(),G(ga,va,fa,ba,wa),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 ao`<span class=${ft.text} aria-current=${a?"page":void 0}>${o}</span>`}return o.classList.add(o.tagName==="A"?ft.link:ft.text),o});this._children=ha(r,Od)}render(){return ao`
|
|
2528
2528
|
<nav aria-labelledby="breadCrumbLabel">
|
|
2529
|
-
<h2 id="breadCrumbLabel" class=${
|
|
2530
|
-
<div class=${
|
|
2529
|
+
<h2 id="breadCrumbLabel" class=${ft.a11y}>${this.ariaLabel}</h2>
|
|
2530
|
+
<div class=${ft.wrapper}>${this._children}</div>
|
|
2531
2531
|
</nav>
|
|
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
|
-
${
|
|
2532
|
+
`}};Pt.styles=[M,xa],s([Ld({attribute:"aria-label",type:String})],Pt.prototype,"ariaLabel",2);customElements.get("w-breadcrumbs")||customElements.define("w-breadcrumbs",Pt);import{html as $r,LitElement as Nd}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 vt(t){var e,r,o,i,a,n,l,d,u,p,m,k,h,y,C,$,T,N,A;class ee extends t{constructor(...E){var _,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()),(_=this.addEventListener)===null||_===void 0||_.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(),_=super.observedAttributes||[];return[...new Set([..._,...E])]}static getValidator(E){return this.validators.find(_=>_.attribute===E)||null}static getValidators(E){return this.validators.filter(_=>{var z;if(_.attribute===E||!((z=_.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,_,z){var P;(P=super.attributeChangedCallback)===null||P===void 0||P.call(this,E,_,z);let le=this.constructor.getValidators(E);le!=null&&le.length&&this.validationTarget&&this.setValue(B(this,u,"f"))}setValue(E){var _;Q(this,o,!1,"f"),(_=this.validationMessageCallback)===null||_===void 0||_.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,_;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),(_=this.validationMessageCallback)===null||_===void 0||_.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(),_=`${this.localName}[name="${this.getAttribute("name")}"]`;return E.querySelectorAll(_)},$=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 _=this.constructor,z={},P=_.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,Z=!1;P.length&&(P.forEach(U=>{let he=U.key||"customError",K=U.isValid(this,E,re.signal);K instanceof Promise?(F.push(K),K.then(fe=>{fe!=null&&(z[he]=!fe,ce=B(this,e,"m",A).call(this,U,E),B(this,e,"m",N).call(this,z,ce))})):(z[he]=!K,this.validity[he]!==!K&&(Z=!0),!K&&!ce&&(ce=B(this,e,"m",A).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))}),(Z||!le)&&B(this,e,"m",N).call(this,z,ce))},N=function(E,_){if(this.validationTarget)this.internals.setValidity(E,_,this.validationTarget),Q(this,l,!1,"f");else{if(this.internals.setValidity(E,_),this.internals.validity.valid)return;Q(this,l,!0,"f")}},A=function(E,_){if(this.validityCallback){let z=this.validityCallback(E.key||"customError");if(z)return z}return E.message instanceof Function?E.message(this,_):E.message},ee}import Md from"@warp-ds/elements-core";import{property as be}from"lit/decorators.js";var ya=JSON.parse('{"button.aria.loading":["Indl\xE6ser..."]}');var ka=JSON.parse('{"button.aria.loading":["Loading..."]}');var $a=JSON.parse('{"button.aria.loading":["Ladataan..."]}');var Ea=JSON.parse('{"button.aria.loading":["Laster..."]}');var Ca=JSON.parse('{"button.aria.loading":["Laddar ..."]}');import{css as Td}from"lit";var Sa=Td`*,: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 _a=["primary","secondary","negative","utility","pill","link"],Xe="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"},D={primary:`border-0 rounded-8 ${Xe}`,secondary:`border-2 rounded-8 ${Xe}`,utility:`border rounded-4 ${Xe}`,negative:`border-0 rounded-8 ${Xe}`,pill:`p-4 rounded-full border-0 inline-flex items-center justify-center hover:bg-clip-padding ${Xe}`,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 ${Xe}`,utilityQuiet:`border-0 rounded-4 ${Xe}`,negativeQuiet:`border-0 rounded-8 ${Xe}`,isDisabled:`font-bold justify-center transition-colors ease-in-out cursor-default pointer-events-none ${H.disabled}`},L={secondary:`${w.medium} ${x.medium} ${D.secondary} ${H.secondary}`,secondaryHref:`${w.medium} ${x.medium} ${D.secondary} ${H.secondary}`,secondaryDisabled:`${w.medium} ${x.medium} ${D.secondary} ${g.isDisabled}`,secondarySmall:`${x.xsmall} ${w.xsmall} ${D.secondary} ${H.secondary}`,secondarySmallDisabled:`${x.xsmall} ${w.xsmall} ${D.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} ${D.secondary} ${g.inProgress}`,secondarySmallLoading:`${x.xsmall} ${w.xsmall} ${D.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} ${D.primary} ${H.primary}`,primaryDisabled:`${w.large} ${x.medium} ${g.isDisabled} ${D.primary}`,primarySmall:`${w.small} ${x.xsmall} ${D.primary} ${H.primary}`,primarySmallDisabled:`${w.small} ${x.xsmall} ${g.isDisabled} ${D.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} ${D.primary}`,primarySmallLoading:`${w.small} ${x.xsmall} ${g.inProgress} ${D.primary}`,primarySmallQuietLoading:`${w.small} ${x.xsmall} ${g.quiet} ${g.inProgress} ${D.primary}`,primaryQuietLoading:`${w.large} ${x.medium} ${g.quiet} ${g.inProgress}`,utility:`${w.utility} ${x.medium} ${D.utility} ${H.utility}`,utilityDisabled:`${w.utility} ${x.medium} ${D.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} ${D.utility} ${H.utility}`,utilitySmallDisabled:`${w.smallUtility} ${x.xsmall} ${D.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} ${D.utility} ${g.inProgress}`,utilitySmallLoading:`${w.smallUtility} ${x.xsmall} ${D.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} ${D.negative} ${H.destructive}`,negativeDisabled:`${w.large} ${x.medium} ${D.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} ${D.negative} ${H.destructive}`,negativeSmallDisabled:`${w.small} ${x.xsmall} ${D.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} ${D.negative} ${g.inProgress}`,negativeSmallLoading:`${w.small} ${x.xsmall} ${g.inProgress} ${D.negative}`,negativeQuietLoading:`${w.large} ${x.medium} ${g.negativeQuiet} ${D.negative} ${g.inProgress}`,negativeSmallQuietLoading:`${w.small} ${x.xsmall} ${g.negativeQuiet} ${g.inProgress}`,pill:`${w.pill} ${x.medium} ${D.pill} ${H.pill}`,pillSmall:`${w.pillSmall} ${x.xsmall} ${D.pill} ${H.pill}`,pillLoading:`${w.pill} ${x.medium} ${D.pill} ${g.inProgress}`,pillSmallLoading:`${w.pillSmall} ${x.xsmall} ${D.pill} ${g.inProgress}`,link:`${w.link} ${x.medium} ${D.link}`,linkSmall:`${w.link} ${x.xsmall} ${D.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 vt(Nd){constructor(){super();this.type="button";G(ka,Ea,$a,ya,Ca),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(),!_a.includes(this.variant))throw new Error(`Invalid "variant" attribute. Set its value to one of the following:
|
|
2533
|
+
${_a.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0)}get _primaryClasses(){return[!this.small&&!this.quiet&&!this.loading&&L.primary,this.small&&!this.quiet&&!this.loading&&L.primarySmall,this.small&&this.quiet&&!this.loading&&L.primarySmallQuiet,this.small&&this.loading&&(this.quiet?L.primarySmallQuietLoading:L.primarySmallLoading),!this.small&&this.quiet&&!this.loading&&L.primaryQuiet,!this.small&&this.loading&&(this.quiet?L.primaryQuietLoading:L.primaryLoading)]}get _secondaryClasses(){return[!this.small&&!this.quiet&&!this.loading&&L.secondary,this.small&&!this.quiet&&!this.loading&&L.secondarySmall,this.small&&this.loading&&(this.quiet?L.secondarySmallQuietLoading:L.secondarySmallLoading),this.small&&this.quiet&&!this.loading&&L.secondarySmallQuiet,!this.small&&this.quiet&&!this.loading&&L.secondaryQuiet,!this.small&&this.loading&&(this.quiet?L.secondaryQuietLoading:L.secondaryLoading)]}get _utilityClasses(){return[!this.small&&!this.quiet&&!this.loading&&L.utility,this.small&&!this.quiet&&!this.loading&&L.utilitySmall,this.small&&this.quiet&&!this.loading&&L.utilitySmallQuiet,this.small&&this.loading&&(this.quiet?L.utilitySmallQuietLoading:L.utilitySmallLoading),!this.small&&this.quiet&&!this.loading&&L.utilityQuiet,!this.small&&this.loading&&(this.quiet?L.utilityQuietLoading:L.utilityLoading)]}get _negativeClasses(){return[!this.small&&!this.quiet&&!this.loading&&L.negative,this.small&&!this.quiet&&!this.loading&&L.negativeSmall,this.small&&this.quiet&&!this.loading&&L.negativeSmallQuiet,this.small&&this.loading&&(this.quiet?L.negativeSmallQuietLoading:L.negativeSmallLoading),!this.small&&this.quiet&&!this.loading&&L.negativeQuiet,!this.small&&this.loading&&(this.quiet?L.negativeQuietLoading:L.negativeLoading)]}get _pillClasses(){return[!this.loading&&(this.small?L.pillSmall:L.pill),this.loading&&(this.small?L.pillSmallLoading:L.pillLoading)]}get _linkClasses(){return[this.small?L.linkSmall:L.link]}get _classes(){return S(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&&L.linkAsButton,this.fullWidth?L.fullWidth:L.contentWidth])}_handleButtonClick(){this.type==="submit"?this.internals.form.requestSubmit():this.type==="reset"&&this.internals.form.reset()}render(){return $r` ${this.href?$r`<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>`:$r`<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?$r`<span class="sr-only" role="progressbar" aria-valuenow="{0}" aria-valuetext=${this.ariaValueTextLoading}></span>`:null}`}};W.shadowRootOptions={...Md.shadowRootOptions,delegatesFocus:!0},W.styles=[M,Sa],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 Er,css as Ad,LitElement as zd}from"lit";import{property as no}from"lit/decorators.js";import{ifDefined as Bd}from"lit/directives/if-defined.js";var La=JSON.parse('{"card.button.text":["V\xE6lg"]}');var Oa=JSON.parse('{"card.button.text":["Select"]}');var Ta=JSON.parse('{"card.button.text":["Valitse"]}');var Na=JSON.parse('{"card.button.text":["Velg"]}');var Ma=JSON.parse('{"card.button.text":["V\xE4lj"]}');import{css as Dd}from"lit";var Da=Dd`*,: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"},Aa={ENTER:"Enter",SPACE:" "},ct=class extends zd{constructor(){super();this.selected=!1;this.flat=!1;this.clickable=!1;G(Oa,Na,Ta,La,Ma),this.buttonText=c._({id:"card.button.text",message:"Select",comment:"Screenreader message to indicate that the card is clickable"})}get _containerClasses(){return S([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 S([Me.outline,this.selected?Me.outlineSelected:Me.outlineUnselected])}get _interactiveElement(){let r=()=>Er`<button class="${Me.a11y}" aria-pressed="${this.selected}" tabindex="-1">${this.buttonText}</button>`,o=()=>Er`<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===Aa.ENTER||r.key===Aa.SPACE)&&(r.preventDefault(),this.click())}render(){return Er`
|
|
2543
|
+
<div tabindex=${Bd(this.clickable?"0":void 0)} class="${this._containerClasses}" @keydown=${this.keypressed}>
|
|
2544
|
+
${this._interactiveElement} ${this.flat?"":Er`<div class="${this._outlineClasses}"></div>`}
|
|
2545
2545
|
<slot></slot>
|
|
2546
2546
|
</div>
|
|
2547
|
-
`}};
|
|
2547
|
+
`}};ct.styles=[M,Da,Ad`
|
|
2548
2548
|
a::after {
|
|
2549
2549
|
content: '';
|
|
2550
2550
|
position: absolute;
|
|
@@ -2556,7 +2556,7 @@ ${Ca.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0
|
|
|
2556
2556
|
:host {
|
|
2557
2557
|
display: block;
|
|
2558
2558
|
}
|
|
2559
|
-
`],s([
|
|
2559
|
+
`],s([no({type:Boolean,reflect:!0})],ct.prototype,"selected",2),s([no({type:Boolean})],ct.prototype,"flat",2),s([no({type:Boolean})],ct.prototype,"clickable",2);customElements.get("w-card")||customElements.define("w-card",ct);import{css as Pd,html as Rd,LitElement as Vd}from"lit";import{property as Cr}from"lit/decorators.js";import{classMap as Id}from"lit/directives/class-map.js";var Ze=class extends Vd{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=Id({checkbox:this.type==="checkbox",radio:this.type==="radio",checked:this.checked});return Rd` <div class="${r}">${this.indeterminateMarker}</div> `}};Ze.styles=[M,Pd`
|
|
2560
2560
|
div {
|
|
2561
2561
|
display: block;
|
|
2562
2562
|
border-width: 1px;
|
|
@@ -2602,36 +2602,36 @@ ${Ca.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([$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)}">
|
|
2605
|
+
`],s([Cr({type:String})],Ze.prototype,"type",2),s([Cr({type:Boolean,reflect:!0})],Ze.prototype,"checked",2),s([Cr({type:Boolean,reflect:!0})],Ze.prototype,"indeterminate",2),s([Cr({type:Boolean,reflect:!0})],Ze.prototype,"invalid",2);customElements.get("w-dead-toggle")||customElements.define("w-dead-toggle",Ze);import{css as hu,html as De,LitElement as bu}from"lit";import{property as Ce}from"lit/decorators.js";import{ifDefined as gu}from"lit/directives/if-defined.js";import{LitElement as Fd}from"lit";import{unsafeStatic as jd,html as Hd}from"lit/static-html.js";var qd=JSON.parse('{"icon.title.chevron-down":["Nedoverpil"]}'),Ud=JSON.parse('{"icon.title.chevron-down":["Downward arrow"]}'),Jd=JSON.parse('{"icon.title.chevron-down":["Nuoli alasp\xE4in"]}'),Qd=JSON.parse('{"icon.title.chevron-down":["Pil nedad"]}'),Yd=JSON.parse('{"icon.title.chevron-down":["Pil ned"]}'),za=["en","nb","fi","da","sv"],Ba="en",Xd=()=>{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},Pa=()=>{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":Ba},so=t=>za.find(e=>t===e||t.toLowerCase().includes(e))||Pa();function Zd(){var t;if(typeof window=="undefined"){let e=Xd();return so(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=Pa();return za.includes(e)?so(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),so(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),Ba}}var Kd=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,Gd=(t,e,r,o,i)=>{let a=Zd(),n=Kd(a,t,e,r,o,i);c.load(a,n),c.activate(a)};Gd(Ud,qd,Jd,Qd,Yd);var Wd=class extends Fd{render(){let t=c.t({message:"Downward arrow",id:"icon.title.chevron-down",comment:"Title for chevron-down icon"});return Hd`<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">${jd(`<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",Wd);import{LitElement as eu}from"lit";import{unsafeStatic as tu,html as ru}from"lit/static-html.js";var ou=JSON.parse('{"icon.title.chevron-up":["Oppoverpil"]}'),iu=JSON.parse('{"icon.title.chevron-up":["Upward arrow"]}'),au=JSON.parse('{"icon.title.chevron-up":["Nuoli yl\xF6sp\xE4in"]}'),nu=JSON.parse('{"icon.title.chevron-up":["Pil opad"]}'),su=JSON.parse('{"icon.title.chevron-up":["Pil upp"]}'),Ra=["en","nb","fi","da","sv"],Va="en",lu=()=>{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},Ia=()=>{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":Va},lo=t=>Ra.find(e=>t===e||t.toLowerCase().includes(e))||Ia();function cu(){var t;if(typeof window=="undefined"){let e=lu();return lo(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=Ia();return Ra.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),Va}}var du=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,uu=(t,e,r,o,i)=>{let a=cu(),n=du(a,t,e,r,o,i);c.load(a,n),c.activate(a)};uu(iu,ou,au,nu,su);var pu=class extends eu{render(){let t=c.t({message:"Upward arrow",id:"icon.title.chevron-up",comment:"Title for chevron-up icon"});return ru`<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">${tu(`<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",pu);import{css as mu}from"lit";var Fa=mu`*,: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 fu={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,ja,Ha,qa,Ua,Ja,Qa,ne=class extends bu{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 De`<div class="${j(this,pe,Ja)}">
|
|
2606
2606
|
<slot></slot>
|
|
2607
|
-
</div>`}render(){return
|
|
2608
|
-
${this._hasTitle?
|
|
2607
|
+
</div>`}render(){return De` <div class="${j(this,pe,ja)}">
|
|
2608
|
+
${this._hasTitle?De`<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,Ha)}"
|
|
2613
2613
|
@click=${()=>this.expanded=!this.expanded}>
|
|
2614
2614
|
<div class="${oe.title}">
|
|
2615
|
-
${this.title?
|
|
2616
|
-
${this.noChevron?"":
|
|
2615
|
+
${this.title?De`<span class="${oe.titleType}">${this.title}</span>`:De`<slot name="title"></slot>`}
|
|
2616
|
+
${this.noChevron?"":De`<div class="${j(this,pe,qa)}">${j(this,pe,Ua)}</div>`}
|
|
2617
2617
|
</div>
|
|
2618
2618
|
</button>
|
|
2619
2619
|
</w-unstyled-heading>`:""}
|
|
2620
|
-
${this.animated?
|
|
2620
|
+
${this.animated?De`<w-expand-transition ?show=${this.expanded}> ${this._expandableSlot} </w-expand-transition>`:De`<div class="${j(this,pe,Qa)}" aria-hidden=${gu(this.expanded?void 0:!0)}>
|
|
2621
2621
|
${this._expandableSlot}
|
|
2622
2622
|
</div>`}
|
|
2623
|
-
</div>`}};pe=new WeakSet,
|
|
2623
|
+
</div>`}};pe=new WeakSet,ja=function(){return S([oe.wrapper,this.box&&oe.box,this.bleed&&oe.bleed])},Ha=function(){return S(this.buttonClass,[oe.button,this.box&&oe.buttonBox])},qa=function(){return S([oe.chevron,!this.box&&oe.chevronNonBox])},Ua=function(){let r=S([oe.elementsChevronUpTransform,!this.expanded&&this._showChevronUp&&oe.elementsChevronCollapse]),o=S([oe.elementsChevronDownTransform,this.expanded&&!this._showChevronUp&&oe.elementsChevronExpand]);return this._showChevronUp?De`<w-icon-chevron-up-16 class="${r}"></w-icon-chevron-up-16>`:De`<w-icon-chevron-down-16 class="${o}"></w-icon-chevron-down-16>`},Ja=function(){return S(this.contentClass,[this.box&&fu.base,this._hasTitle&&this.box&&oe.contentWithTitle])},Qa=function(){return S([oe.expansion,!this.expanded&&oe.expansionNotExpanded])},ne.styles=[M,Fa,hu`
|
|
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 vu,css as wu,LitElement as xu}from"lit";var Rt=t=>class extends t{constructor(){super(...arguments);this.patchClose=!0;this._close=null}close(){this._close()}},Vt=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 It=class extends Rt(Vt(xu)){render(){return vu`
|
|
2631
2631
|
<div class="footer">
|
|
2632
2632
|
<slot @slotchange="${this.handleSlotChange}"></slot>
|
|
2633
2633
|
</div>
|
|
2634
|
-
`}};
|
|
2634
|
+
`}};It.styles=[M,wu`
|
|
2635
2635
|
.footer {
|
|
2636
2636
|
display: flex;
|
|
2637
2637
|
flex-shrink: 0;
|
|
@@ -2646,7 +2646,7 @@ ${Ca.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",It);import{css as zu,html as po,LitElement as Bu,nothing as nn}from"lit";var Ya=(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}),Xa=({dx:t,dy:e})=>[{transform:`translate(${t}px, ${e}px)`},{transform:"none"}],Za={easing:"ease",duration:300};var co=!1,yu=typeof window!="undefined";if(yu){let t=window.matchMedia("(prefers-reduced-motion: reduce)"),e=({matches:r})=>co=r;t.addEventListener&&t.addEventListener("change",e),e(t)}var Sr=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||Xa,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(Ya(this.first,this.last))}get defaults(){return Za}get mergedOptions(){return{...this.defaults,...this.userAnimationOptions}}get animationOptions(){return this.shouldReduceMotion?co?{...this.mergedOptions,duration:0}:this.mergedOptions:this.mergedOptions}};import{property as mo,query as Pu,state as Ru}from"lit/decorators.js";import{LitElement as ku}from"lit";import{unsafeStatic as $u,html as Eu}from"lit/static-html.js";var Cu=JSON.parse('{"icon.title.arrow-left":["Pil som peker mot venstre"]}'),Su=JSON.parse('{"icon.title.arrow-left":["Leftward-pointing arrow"]}'),_u=JSON.parse('{"icon.title.arrow-left":["Vasemmalle osoittava nuoli"]}'),Lu=JSON.parse('{"icon.title.arrow-left":["Pil til venstre"]}'),Ou=JSON.parse('{"icon.title.arrow-left":["Pil som pekar v\xE4nster"]}'),Ka=["en","nb","fi","da","sv"],Ga="en",Tu=()=>{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},Wa=()=>{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":Ga},uo=t=>Ka.find(e=>t===e||t.toLowerCase().includes(e))||Wa();function Nu(){var t;if(typeof window=="undefined"){let e=Tu();return uo(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=Wa();return Ka.includes(e)?uo(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),uo(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),Ga}}var Mu=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,Du=(t,e,r,o,i)=>{let a=Nu(),n=Mu(a,t,e,r,o,i);c.load(a,n),c.activate(a)};Du(Su,Cu,_u,Lu,Ou);var Au=class extends ku{render(){let t=c.t({message:"Leftward-pointing arrow",id:"icon.title.arrow-left",comment:"Title for table arrow left icon"});return Eu`<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">${$u(`<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",Au);var en=JSON.parse('{"modal.aria.back":["Tilbage"],"modal.aria.close":["Luk"]}');var tn=JSON.parse('{"modal.aria.back":["Back"],"modal.aria.close":["Close"]}');var rn=JSON.parse('{"modal.aria.back":["Takaisin"],"modal.aria.close":["Sulje"]}');var on=JSON.parse('{"modal.aria.back":["Tilbake"],"modal.aria.close":["Lukk"]}');var an=JSON.parse('{"modal.aria.back":["Tillbaka"],"modal.aria.close":["St\xE4ng"]}');var Ae=class extends Rt(Bu){constructor(){super();this._hasTopContent=!1;G(tn,on,rn,en,an)}render(){return po`
|
|
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 @@ ${Ca.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 Sr(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?po`<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>`:nn}get closeButton(){return this.noClose?nn:po`<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}};Ae.styles=[M,zu`
|
|
2671
2671
|
.header {
|
|
2672
2672
|
position: relative;
|
|
2673
2673
|
padding-bottom: 0.8rem;
|
|
@@ -2780,7 +2780,7 @@ ${Ca.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0
|
|
|
2780
2780
|
min-width: 32px;
|
|
2781
2781
|
}
|
|
2782
2782
|
}
|
|
2783
|
-
`],s([
|
|
2783
|
+
`],s([mo({type:String})],Ae.prototype,"title",2),s([mo({type:Boolean})],Ae.prototype,"back",2),s([mo({type:Boolean,attribute:"no-close"})],Ae.prototype,"noClose",2),s([Ru()],Ae.prototype,"_hasTopContent",2),s([Pu(".title-el")],Ae.prototype,"titleEl",2);customElements.get("w-modal-header")||customElements.define("w-modal-header",Ae);import{css as Xu,html as Zu,LitElement as Ku}from"lit";import{property as bo,query as go}from"lit/decorators.js";var Ft=[],ho={documentElement:{},body:{}},Vu=Object.freeze({documentElement:{"scrollbar-gutter":"stable"},body:{overflow:"hidden",position:"relative",height:"100%"}}),sn=t=>{var e;t.touches.length>1||((e=t.preventDefault)==null||e.call(t))},Iu=t=>([e,r])=>{ho[t][e]=document[t].style[e],document[t].style[e]=r},Fu=()=>Object.entries(Vu).forEach(([t,e])=>{Object.entries(e).forEach(Iu(t))}),ju=t=>([e,r])=>{document[t].style[e]=ho[t][e]},Hu=()=>Object.entries(ho).forEach(([t,e])=>{Object.entries(e).forEach(ju(t))}),qu=t=>t.scrollHeight-Math.abs(t.scrollTop)===t.clientHeight;function Uu(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||qu(t)&&i<0?sn(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 ln=t=>()=>document[t?"addEventListener":"removeEventListener"]("touchmove",sn,{passive:!1}),Qu=ln(!0),Yu=ln();function cn(t){if(!t)throw Error("Could not run setup, an element must be provided");Ft.some(e=>e===t)||(Ft.length||(Fu(),Qu()),Uu(t),Ft.push(t))}function dn(){Ft.forEach(Ju),Yu(),Hu(),Ft=[]}var Se=class extends Vt(Ku){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(),cn(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(),dn(),await this.updateComplete,this.dispatchEvent(new CustomEvent("hidden",{bubbles:!0,composed:!0}))},{once:!0})}render(){return Zu`
|
|
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 @@ ${Ca.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=[
|
|
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=[M,Xu`
|
|
2794
2794
|
.dialog-el {
|
|
2795
2795
|
--w-modal-translate-distance: 100%;
|
|
2796
2796
|
--w-modal-max-height: 80%;
|
|
@@ -2911,7 +2911,7 @@ ${Ca.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0
|
|
|
2911
2911
|
background: transparent;
|
|
2912
2912
|
}
|
|
2913
2913
|
}
|
|
2914
|
-
`],s([
|
|
2914
|
+
`],s([bo({type:Boolean})],Se.prototype,"show",2),s([bo({type:String,attribute:"content-id"})],Se.prototype,"contentId",2),s([bo({type:Boolean,attribute:"ignore-backdrop-clicks"})],Se.prototype,"ignoreBackdropClicks",2),s([go(".dialog-el")],Se.prototype,"dialogEl",2),s([go(".dialog-inner-el")],Se.prototype,"dialogInnerEl",2),s([go(".content-el")],Se.prototype,"contentEl",2);customElements.get("w-modal")||customElements.define("w-modal",Se);import{html as pn,LitElement as Wu}from"lit";import{property as mn}from"lit/decorators.js";import{classMap as ep}from"lit/directives/class-map.js";import{map as tp}from"lit/directives/map.js";import{range as rp}from"lit/directives/range.js";import{css as Gu}from"lit";var un=Gu`
|
|
2915
2915
|
.w-pageindicator {
|
|
2916
2916
|
display: grid;
|
|
2917
2917
|
justify-content: center;
|
|
@@ -2935,38 +2935,38 @@ ${Ca.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0
|
|
|
2935
2935
|
.w-pageindicator--selecteddot {
|
|
2936
2936
|
background-color: var(--w-s-color-icon-selected);
|
|
2937
2937
|
}
|
|
2938
|
-
`;var
|
|
2938
|
+
`;var wt=class extends Wu{constructor(){super(...arguments);this.selectedPage=1;this.pageCount=1}render(){return pn`
|
|
2939
2939
|
<div class="w-pageindicator">
|
|
2940
2940
|
<div class="w-pageindicator--container">
|
|
2941
|
-
${
|
|
2941
|
+
${tp(rp(this.pageCount),r=>{let i={"w-pageindicator--dot":!0,"w-pageindicator--selecteddot":r===this.selectedPage-1};return pn`<div class="${ep(i)}"></div>`})}
|
|
2942
2942
|
</div>
|
|
2943
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)}">
|
|
2944
|
+
`}};wt.styles=[un],s([mn({type:Number,attribute:"selected-page"})],wt.prototype,"selectedPage",2),s([mn({type:Number,attribute:"page-count"})],wt.prototype,"pageCount",2);customElements.get("w-pageindicator")||customElements.define("w-pageindicator",wt);import{html as jt,LitElement as Hp,nothing as xo}from"lit";import{property as _r}from"lit/decorators.js";import{LitElement as op}from"lit";import{unsafeStatic as ip,html as ap}from"lit/static-html.js";var np=JSON.parse('{"icon.title.chevron-double-left":["Dobbel pil til venstre"]}'),sp=JSON.parse('{"icon.title.chevron-double-left":["Double leftward arrow"]}'),lp=JSON.parse('{"icon.title.chevron-double-left":["Kaksi nuolta vasemmalle"]}'),cp=JSON.parse('{"icon.title.chevron-double-left":["Dobbelt venstrepil"]}'),dp=JSON.parse('{"icon.title.chevron-double-left":["Dubbel v\xE4nsterpil"]}'),hn=["en","nb","fi","da","sv"],bn="en",up=()=>{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},gn=()=>{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":bn},fo=t=>hn.find(e=>t===e||t.toLowerCase().includes(e))||gn();function pp(){var t;if(typeof window=="undefined"){let e=up();return fo(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=gn();return hn.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),bn}}var mp=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,hp=(t,e,r,o,i)=>{let a=pp(),n=mp(a,t,e,r,o,i);c.load(a,n),c.activate(a)};hp(sp,np,lp,cp,dp);var bp=class extends op{render(){let t=c.t({message:"Double leftward arrow",id:"icon.title.chevron-double-left",comment:"Title for chevron-double-left icon"});return ap`<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">${ip(`<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",bp);import{LitElement as gp}from"lit";import{unsafeStatic as fp,html as vp}from"lit/static-html.js";var wp=JSON.parse('{"icon.title.chevron-left":["Pil til venstre"]}'),xp=JSON.parse('{"icon.title.chevron-left":["Leftward arrow"]}'),yp=JSON.parse('{"icon.title.chevron-left":["Nuoli vasemmalle"]}'),kp=JSON.parse('{"icon.title.chevron-left":["Pil til venstre"]}'),$p=JSON.parse('{"icon.title.chevron-left":["Pil v\xE4nster"]}'),fn=["en","nb","fi","da","sv"],vn="en",Ep=()=>{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},wn=()=>{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":vn},vo=t=>fn.find(e=>t===e||t.toLowerCase().includes(e))||wn();function Cp(){var t;if(typeof window=="undefined"){let e=Ep();return vo(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=wn();return fn.includes(e)?vo(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),vo(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),vn}}var Sp=(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=Cp(),n=Sp(a,t,e,r,o,i);c.load(a,n),c.activate(a)};_p(xp,wp,yp,kp,$p);var Lp=class extends gp{render(){let t=c.t({message:"Leftward arrow",id:"icon.title.chevron-left",comment:"Title for chevron-left icon"});return vp`<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">${fp(`<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",Lp);import{LitElement as Op}from"lit";import{unsafeStatic as Tp,html as Np}from"lit/static-html.js";var Mp=JSON.parse('{"icon.title.chevron-right":["Pil til h\xF8yre"]}'),Dp=JSON.parse('{"icon.title.chevron-right":["Rightward arrow"]}'),Ap=JSON.parse('{"icon.title.chevron-right":["Nuoli oikealle"]}'),zp=JSON.parse('{"icon.title.chevron-right":["Pil til h\xF8jre"]}'),Bp=JSON.parse('{"icon.title.chevron-right":["Pil h\xF6ger"]}'),xn=["en","nb","fi","da","sv"],yn="en",Pp=()=>{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},kn=()=>{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":yn},wo=t=>xn.find(e=>t===e||t.toLowerCase().includes(e))||kn();function Rp(){var t;if(typeof window=="undefined"){let e=Pp();return wo(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=kn();return xn.includes(e)?wo(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),wo(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),yn}}var Vp=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,Ip=(t,e,r,o,i)=>{let a=Rp(),n=Vp(a,t,e,r,o,i);c.load(a,n),c.activate(a)};Ip(Dp,Mp,Ap,zp,Bp);var Fp=class extends Op{render(){let t=c.t({message:"Rightward arrow",id:"icon.title.chevron-right",comment:"Title for chevron-right icon"});return Np`<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">${Tp(`<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",Fp);var $n=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 En=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 Cn=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 Sn=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 _n=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 jp}from"lit";var Ln=jp`*,: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 yo=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"}),Lr="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",Or,On,Ke=class extends Hp{constructor(){super();Oe(this,Or);this.currentPageNumber=1;this.visiblePages=7;G(En,Sn,Cn,$n,_n)}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 jt`<nav class="flex items-center justify-center p-8" @click="${zo(this,Or,On)}">
|
|
2945
2945
|
<h1 class="sr-only">
|
|
2946
2946
|
${c._({id:"pagination.aria.pagination",message:"Pages",comment:"Default screenreader message for pagination container in the pagination component"})}
|
|
2947
2947
|
</h1>
|
|
2948
2948
|
<div class="md:block s-text-link">
|
|
2949
|
-
${this.shouldShowShowFirstPageButton?
|
|
2949
|
+
${this.shouldShowShowFirstPageButton?jt`<a
|
|
2950
2950
|
data-page-number="1"
|
|
2951
2951
|
href="${this.baseUrl}1"
|
|
2952
|
-
class="${
|
|
2952
|
+
class="${Lr+" s-icon hover:bg-[--w-color-button-pill-background-hover] active:bg-[--w-color-button-pill-background-active]"}">
|
|
2953
2953
|
<span class="sr-only"
|
|
2954
2954
|
>${c._({id:"pagination.aria.first-page",message:"First page",comment:"Default screenreader message for first page link in the pagination component"})},</span
|
|
2955
2955
|
>
|
|
2956
2956
|
<w-icon-chevron-double-left-16></w-icon-chevron-double-left-16>
|
|
2957
|
-
<span class="sr-only">${
|
|
2958
|
-
</a>`:
|
|
2959
|
-
${this.shouldShowPreviousPageButton?
|
|
2957
|
+
<span class="sr-only">${yo}</span>
|
|
2958
|
+
</a>`:xo}
|
|
2959
|
+
${this.shouldShowPreviousPageButton?jt`<a
|
|
2960
2960
|
data-page-number="${this.currentPageNumber-1}"
|
|
2961
2961
|
href="${this.baseUrl}${this.currentPageNumber-1}"
|
|
2962
|
-
class="${
|
|
2962
|
+
class="${Lr+" s-icon hover:bg-[--w-color-button-pill-background-hover] active:bg-[--w-color-button-pill-background-active]"}">
|
|
2963
2963
|
<span class="sr-only"
|
|
2964
2964
|
>${c._({id:"pagination.aria.prev-page",message:"Previous page",comment:"Default screenreader message for previous page link in the pagination component"})},</span
|
|
2965
2965
|
>
|
|
2966
2966
|
<w-icon-chevron-left-16></w-icon-chevron-left-16>
|
|
2967
|
-
<span class="sr-only">${
|
|
2968
|
-
</a>`:
|
|
2969
|
-
${r.map(o=>{let i=o===this.currentPageNumber,a=`${this.baseUrl}${o}`,n=
|
|
2967
|
+
<span class="sr-only">${yo}</span>
|
|
2968
|
+
</a>`:xo}
|
|
2969
|
+
${r.map(o=>{let i=o===this.currentPageNumber,a=`${this.baseUrl}${o}`,n=Lr;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 jt`<a
|
|
2970
2970
|
data-page-number="${o}"
|
|
2971
2971
|
aria-label="${l}"
|
|
2972
2972
|
href="${a}"
|
|
@@ -2974,35 +2974,35 @@ ${Ca.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0
|
|
|
2974
2974
|
aria-current="${i?"page":""}"
|
|
2975
2975
|
>${o}</a
|
|
2976
2976
|
>`})}
|
|
2977
|
-
${this.shouldShowNextPageButton?
|
|
2977
|
+
${this.shouldShowNextPageButton?jt`<a
|
|
2978
2978
|
data-page-number="${this.currentPageNumber+1}"
|
|
2979
2979
|
href="${this.baseUrl}${this.currentPageNumber+1}"
|
|
2980
|
-
class="${
|
|
2980
|
+
class="${Lr+" s-icon hover:bg-[--w-color-button-pill-background-hover] active:bg-[--w-color-button-pill-background-active]"}">
|
|
2981
2981
|
<span class="sr-only">
|
|
2982
2982
|
${c._({id:"pagination.aria.next-page",message:"Next page",comment:"Default screenreader message for next page link in the pagination component"})},</span
|
|
2983
2983
|
>
|
|
2984
2984
|
<w-icon-chevron-right-16></w-icon-chevron-right-16>
|
|
2985
|
-
<span class="sr-only">${
|
|
2986
|
-
</a>`:
|
|
2985
|
+
<span class="sr-only">${yo}</span>
|
|
2986
|
+
</a>`:xo}
|
|
2987
2987
|
</div>
|
|
2988
|
-
</nav>`}};
|
|
2988
|
+
</nav>`}};Or=new WeakSet,On=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=[M,Ln],s([_r({type:String,reflect:!0,attribute:"base-url"})],Ke.prototype,"baseUrl",2),s([_r({type:Number,reflect:!0})],Ke.prototype,"pages",2),s([_r({type:Number,reflect:!0,attribute:"current-page"})],Ke.prototype,"currentPageNumber",2),s([_r({type:Number,reflect:!0,attribute:"visible-pages"})],Ke.prototype,"visiblePages",2);customElements.get("w-pagination")||customElements.define("w-pagination",Ke);import{html as Bn,LitElement as Up}from"lit";import{property as xt}from"lit/decorators.js";var Tn=JSON.parse('{"pill.aria.openFilter":["\xC5bn filter"],"pill.aria.removeFilter":["Fjern filter ",["label"]]}');var Nn=JSON.parse('{"pill.aria.openFilter":["Open filter"],"pill.aria.removeFilter":["Remove filter ",["label"]]}');var Mn=JSON.parse('{"pill.aria.openFilter":["Avaa suodatin"],"pill.aria.removeFilter":["Tyhjenn\xE4 suodatin ",["label"]]}');var Dn=JSON.parse('{"pill.aria.openFilter":["\xC5pne filter"],"pill.aria.removeFilter":["Fjern filter ",["label"]]}');var An=JSON.parse('{"pill.aria.openFilter":["\xD6ppna filter"],"pill.aria.removeFilter":["Ta bort filtret ",["label"]]}');import{css as qp}from"lit";var zn=qp`*,: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 Up{constructor(){super(),G(Nn,Dn,Mn,Tn,An),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 S([me.button,me.label,this.suggestion?me.suggestion:me.filter,this.canClose?me.labelWithClose:me.labelWithoutClose])}get _closeClasses(){return S([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 Bn`
|
|
2989
2989
|
<div class="${me.wrapper}">
|
|
2990
2990
|
<button type="button" class="${this._labelClasses}" @click="${this._onClick}">
|
|
2991
2991
|
<span class="${me.a11y}">${this.openAriaLabel?this.openAriaLabel:this.openFilterSrText}</span>
|
|
2992
2992
|
<slot></slot>
|
|
2993
2993
|
</button>
|
|
2994
|
-
${this.canClose?
|
|
2994
|
+
${this.canClose?Bn` <button type="button" class="${this._closeClasses}" @click="${this._onClose}">
|
|
2995
2995
|
<span class="${me.a11y}">${this.closeAriaLabel?this.closeAriaLabel:this.removeFilterSrText}</span>
|
|
2996
2996
|
<w-icon-close-16 class="${me.closeIcon}"></w-icon-close-16>
|
|
2997
2997
|
</button>`:null}
|
|
2998
2998
|
</div>
|
|
2999
|
-
`}};ze.styles=[
|
|
2999
|
+
`}};ze.styles=[M,zn],s([xt({attribute:"can-close",type:Boolean})],ze.prototype,"canClose",2),s([xt({attribute:"suggestion",type:Boolean})],ze.prototype,"suggestion",2),s([xt({attribute:"open-sr-label",type:String})],ze.prototype,"openSrLabel",2),s([xt({attribute:"open-aria-label",type:String})],ze.prototype,"openAriaLabel",2),s([xt({attribute:"close-sr-label",type:String})],ze.prototype,"closeSrLabel",2),s([xt({attribute:"close-aria-label",type:String})],ze.prototype,"closeAriaLabel",2);customElements.get("w-pill")||customElements.define("w-pill",ze);import{html as Zp}from"lit";import{property as qt,state as Fn}from"lit/decorators.js";import{isServer as ko}from"lit";import{property as yt}from"lit/decorators.js";import{LitElement as Qp,unsafeCSS as Yp}from"lit";import{property as Rn}from"lit/decorators.js";var Pn={};var Ht,dt=class extends Qp{constructor(){super();Oe(this,Ht,!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[Pn,...r].map(o=>typeof o=="string"?Yp(o):o)}attributeChangedCallback(r,o,i){j(this,Ht)||(this.constructor.elementProperties.forEach((a,n)=>{a.reflect&&this[n]!=null&&this.initialReflectedProperties.set(n,this[n])}),Ao(this,Ht,!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}))}};Ht=new WeakMap,s([Rn()],dt.prototype,"dir",2),s([Rn()],dt.prototype,"lang",2);var Vn=()=>({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 Tr=class extends Event{constructor(){super("w-invalid",{bubbles:!0,cancelable:!1,composed:!0})}};var te=class extends dt{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 Tr))};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)};ko||this.addEventListener("invalid",this.emitInvalid)}static get validators(){return[Vn()]}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(!ko&&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")||!ko&&!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([yt({reflect:!0})],te.prototype,"name",2),s([yt({type:Boolean})],te.prototype,"disabled",2),s([yt({state:!0,attribute:!1})],te.prototype,"valueHasChanged",2),s([yt({state:!0,attribute:!1})],te.prototype,"hasInteracted",2),s([yt({attribute:"custom-error",reflect:!0})],te.prototype,"customError",2),s([yt({attribute:!1,state:!0,type:Object})],te.prototype,"validity",1);var In={};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 Zp`
|
|
3000
3000
|
<span part="control" class="control"></span>
|
|
3001
3001
|
<slot part="label" class="label"></slot>
|
|
3002
|
-
`}};ye.css=[
|
|
3002
|
+
`}};ye.css=[In],s([Fn()],ye.prototype,"checked",2),s([Fn()],ye.prototype,"forceDisabled",2),s([qt({reflect:!0})],ye.prototype,"form",2),s([qt({reflect:!0})],ye.prototype,"value",2),s([qt({reflect:!0})],ye.prototype,"appearance",2),s([qt({reflect:!0})],ye.prototype,"size",2),s([qt({type:Boolean})],ye.prototype,"disabled",2);import{html as Gp}from"lit";import{property as Be,query as Wp,state as Jn}from"lit/decorators.js";import{classMap as Qn}from"lit/directives/class-map.js";var jn="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";var Hn=(t=21)=>{let e="",r=crypto.getRandomValues(new Uint8Array(t|=0));for(;t--;)e+=jn[r[t]&63];return e};function qn(t=""){return`${t}${Hn()}`}var Un={};var Nr=(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 kt=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 kt(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=[Nr({validationElement:Object.assign(document.createElement("input"),{required:!0,type:"radio",name:qn("__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 Gp`
|
|
3003
3003
|
<fieldset
|
|
3004
3004
|
part="form-control"
|
|
3005
|
-
class=${
|
|
3005
|
+
class=${Qn({"form-control":!0,"form-control-radio-group":!0,"form-control-has-label":i,"has-radio-buttons":this.hasRadioButtons})}
|
|
3006
3006
|
role="radiogroup"
|
|
3007
3007
|
aria-labelledby="label"
|
|
3008
3008
|
aria-describedby="hint"
|
|
@@ -3023,12 +3023,12 @@ ${Ca.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0
|
|
|
3023
3023
|
id="hint"
|
|
3024
3024
|
name="hint"
|
|
3025
3025
|
part="hint"
|
|
3026
|
-
class=${
|
|
3026
|
+
class=${Qn({"has-slotted":a})}
|
|
3027
3027
|
aria-hidden=${a?"false":"true"}
|
|
3028
3028
|
>${this.hint}</slot
|
|
3029
3029
|
>
|
|
3030
3030
|
</fieldset>
|
|
3031
|
-
`}};Y.css=[
|
|
3031
|
+
`}};Y.css=[Un],Y.shadowRootOptions={...te.shadowRootOptions,delegatesFocus:!0},s([Jn()],Y.prototype,"hasRadioButtons",2),s([Wp("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([Jn()],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 hm}from"lit";import{property as _e,query as bm}from"lit/decorators.js";import{classMap as gm}from"lit/directives/class-map.js";import{ifDefined as fm}from"lit/directives/if-defined.js";import{live as Gn}from"lit/directives/live.js";function Mr(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 em}from"lit";import{unsafeStatic as tm,html as rm}from"lit/static-html.js";var om=JSON.parse('{"icon.title.check":["Sjekkmerke"]}'),im=JSON.parse('{"icon.title.check":["Checkmark"]}'),am=JSON.parse('{"icon.title.check":["Valintamerkki"]}'),nm=JSON.parse('{"icon.title.check":["Flueben"]}'),sm=JSON.parse('{"icon.title.check":["Bock"]}'),Yn=["en","nb","fi","da","sv"],Xn="en",lm=()=>{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},Zn=()=>{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":Xn},$o=t=>Yn.find(e=>t===e||t.toLowerCase().includes(e))||Zn();function cm(){var t;if(typeof window=="undefined"){let e=lm();return $o(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=Zn();return Yn.includes(e)?$o(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),$o(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),Xn}}var dm=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,um=(t,e,r,o,i)=>{let a=cm(),n=dm(a,t,e,r,o,i);c.load(a,n),c.activate(a)};um(im,om,am,nm,sm);var pm=class extends em{render(){let t=c.t({message:"Checkmark",id:"icon.title.check",comment:"Title for check icon"});return rm`<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">${tm(`<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",pm);var Kn={};var Wn,q=class extends te{constructor(){super(...arguments);this.hasSlotController=new kt(this,"hint");this.title="";this.name="";this._value=(Wn=this.getAttribute("value"))!=null?Wn: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=[Nr({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 hm`
|
|
3032
3032
|
<label part="base">
|
|
3033
3033
|
<span part="control">
|
|
3034
3034
|
<input
|
|
@@ -3036,9 +3036,9 @@ ${Ca.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0
|
|
|
3036
3036
|
type="checkbox"
|
|
3037
3037
|
title=${this.title}
|
|
3038
3038
|
name=${this.name}
|
|
3039
|
-
value=${
|
|
3040
|
-
.indeterminate=${
|
|
3041
|
-
.checked=${
|
|
3039
|
+
value=${fm(this._value)}
|
|
3040
|
+
.indeterminate=${Gn(this.indeterminate)}
|
|
3041
|
+
.checked=${Gn(this.checked)}
|
|
3042
3042
|
.disabled=${this.disabled}
|
|
3043
3043
|
.required=${this.required}
|
|
3044
3044
|
aria-checked=${this.checked?"true":"false"}
|
|
@@ -3050,36 +3050,50 @@ ${Ca.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0
|
|
|
3050
3050
|
<slot part="label"></slot>
|
|
3051
3051
|
</label>
|
|
3052
3052
|
|
|
3053
|
-
<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="${gm({"has-slotted":o})}">
|
|
3054
3054
|
${this.hint}
|
|
3055
3055
|
</slot>
|
|
3056
|
-
`}};q.css=[
|
|
3057
|
-
${
|
|
3056
|
+
`}};q.css=[Kn],q.shadowRootOptions={...te.shadowRootOptions,delegatesFocus:!0},s([bm('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([Mr("defaultChecked")],q.prototype,"handleDefaultCheckedChange",1),s([Mr(["checked","indeterminate"])],q.prototype,"handleStateChange",1),s([Mr("disabled")],q.prototype,"handleDisabledChange",1);customElements.get("w-checkbox")||customElements.define("w-checkbox",q);import{html as Dr,LitElement as wm}from"lit";import{property as Le}from"lit/decorators.js";import{ifDefined as Eo}from"lit/directives/if-defined.js";import{unsafeHTML as xm}from"lit/directives/unsafe-html.js";import{when as Co}from"lit/directives/when.js";var es=JSON.parse('{"select.label.optional":["(valgfrit)"]}');var ts=JSON.parse('{"select.label.optional":["(optional)"]}');var rs=JSON.parse('{"select.label.optional":["(vapaaehtoinen)"]}');var os=JSON.parse('{"select.label.optional":["(valgfritt)"]}');var is=JSON.parse('{"select.label.optional":["(valfritt)"]}');import{css as vm}from"lit";var as=vm`*,: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 He={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"},ns={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"},ie,ss,ls,cs,Ar,zr,se=class extends vt(wm){constructor(){super();Oe(this,ie);this._setValue=r=>{this.value=r,this.setValue(r)};G(ts,os,rs,es,is),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 Dr`<div class="${He.wrapper}">
|
|
3057
|
+
${Co(this.label,()=>Dr`<label class="${ns.base}" for="${j(this,ie,Ar)}">
|
|
3058
3058
|
${this.label}
|
|
3059
|
-
${
|
|
3059
|
+
${Co(this.optional,()=>Dr`<span class="${ns.optional}"
|
|
3060
3060
|
>${c._({id:"select.label.optional",message:"(optional)",comment:"Shown behind label when marked as optional"})}</span
|
|
3061
3061
|
>`)}</label
|
|
3062
3062
|
>`)}
|
|
3063
|
-
<div class="${
|
|
3063
|
+
<div class="${He.selectWrapper}">
|
|
3064
3064
|
<select
|
|
3065
|
-
class="${j(this,ie,
|
|
3066
|
-
id="${j(this,ie,
|
|
3065
|
+
class="${j(this,ie,ss)}"
|
|
3066
|
+
id="${j(this,ie,Ar)}"
|
|
3067
3067
|
?disabled=${this.disabled}
|
|
3068
|
-
aria-describedby="${
|
|
3069
|
-
aria-invalid="${
|
|
3070
|
-
aria-errormessage="${
|
|
3068
|
+
aria-describedby="${Eo(j(this,ie,zr))}"
|
|
3069
|
+
aria-invalid="${Eo(this.invalid)}"
|
|
3070
|
+
aria-errormessage="${Eo(this.invalid&&j(this,ie,zr))}"
|
|
3071
3071
|
@keydown=${this.handleKeyDown}
|
|
3072
3072
|
@change=${this.onChange}>
|
|
3073
|
-
${
|
|
3073
|
+
${xm(this._options)}
|
|
3074
3074
|
</select>
|
|
3075
|
-
<div class="${j(this,ie,
|
|
3075
|
+
<div class="${j(this,ie,cs)}">
|
|
3076
3076
|
<w-icon-chevron-down-16></w-icon-chevron-down-16>
|
|
3077
3077
|
</div>
|
|
3078
3078
|
</div>
|
|
3079
|
-
${
|
|
3080
|
-
</div>`}};ie=new WeakSet,
|
|
3079
|
+
${Co(this.always||this.invalid,()=>Dr`<div id="${j(this,ie,zr)}" class="${j(this,ie,ls)}">${this.hint}</div>`)}
|
|
3080
|
+
</div>`}};ie=new WeakSet,ss=function(){return S([He.base,!this.invalid&&!this.disabled&&!this.readOnly&&He.default,this.invalid&&He.invalid,this.disabled&&He.disabled,this.readOnly&&He.readOnly])},ls=function(){return S([So.base,this.invalid?So.colorInvalid:So.color])},cs=function(){return S([He.chevron,this.disabled&&He.chevronDisabled])},Ar=function(){return"select_id"},zr=function(){return this.hint?`${j(this,ie,Ar)}__hint`:void 0},se.styles=[M,as],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{html as km,LitElement as $m}from"lit";import{property as us}from"lit/decorators.js";import{css as ym}from"lit";var ds=ym`*,: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-switch-track-background\\]{background-color:var(--w-color-switch-track-background)}.group:hover .group-hover\\:bg-\\[--w-color-switch-track-background-hover\\]{background-color:var(--w-color-switch-track-background-hover)}.rounded-full{border-radius:9999px}.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}.left-0{left:0}.left-4{left:.4rem}.top-0{top:0}.top-4{top:.4rem}.absolute{position:absolute}.relative{position:relative}.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-disabled-subtle{background-color:var(--w-s-color-background-disabled-subtle)}.s-bg-primary{background-color:var(--w-s-color-background-primary)}.group:hover .group-hover\\:s-bg-primary-hover{background-color:var(--w-s-color-background-primary-hover)}.shadow-s{box-shadow:var(--w-shadow-s)}.h-16{height:1.6rem}.h-24{height:2.4rem}.h-full{height:100%}.w-16{width:1.6rem}.w-44{width:4.4rem}.w-full{width:100%}.cursor-pointer{cursor:pointer}.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}.translate-x-20{--w-translate-x:2rem;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))}.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)}.transition-transform{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}`;var Pe={base:"block relative h-24 w-44 cursor-pointer group focusable rounded-full",disabled:"pointer-events-none",track:"absolute top-0 left-0 h-full w-full rounded-full transition-colors",trackActive:"s-bg-primary group-hover:s-bg-primary-hover",trackInactive:"bg-[--w-color-switch-track-background] group-hover:bg-[--w-color-switch-track-background-hover]",trackDisabled:"s-bg-disabled-subtle",handle:"absolute transform-gpu h-16 w-16 top-4 left-4 rounded-full transition-transform",handleSelected:"translate-x-20",handleNotDisabled:"s-bg shadow-s",handleDisabled:"s-bg-disabled",a11y:"sr-only"},$t=class extends $m{constructor(){super(...arguments);this.value=!1;this.disabled=!1}get _baseClasses(){return S([Pe.base,this.disabled&&Pe.disabled])}get _trackClasses(){return S([Pe.track,this.disabled&&Pe.trackDisabled,!this.disabled&&(this.value?Pe.trackActive:Pe.trackInactive)])}get _handleClasses(){return S([Pe.handle,this.value&&Pe.handleSelected,this.disabled?Pe.handleDisabled:Pe.handleNotDisabled])}_handleClick(){this.disabled||(this.value=!this.value,this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value},bubbles:!0,composed:!0})))}render(){return km`
|
|
3081
|
+
<div>
|
|
3082
|
+
<button
|
|
3083
|
+
type="button"
|
|
3084
|
+
role="switch"
|
|
3085
|
+
aria-checked=${this.value}
|
|
3086
|
+
class=${this._baseClasses}
|
|
3087
|
+
aria-disabled=${this.disabled}
|
|
3088
|
+
?disabled=${this.disabled}
|
|
3089
|
+
@click=${this._handleClick}>
|
|
3090
|
+
<span data-testid="track" class=${this._trackClasses}></span>
|
|
3091
|
+
<span data-testid="handle" class=${this._handleClasses}></span>
|
|
3092
|
+
</button>
|
|
3093
|
+
</div>
|
|
3094
|
+
`}};$t.styles=[M,ds],s([us({type:Boolean,reflect:!0})],$t.prototype,"value",2),s([us({type:Boolean,reflect:!0})],$t.prototype,"disabled",2);customElements.get("w-switch")||customElements.define("w-switch",$t);import{LitElement as Cm,html as _o}from"lit";import Sm 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 Em}from"lit";var ps=Em`*,: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 Ge={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]"},_m={base:"antialiased block relative text-s font-bold pb-4 cursor-pointer s-text",optional:"pl-8 font-normal text-s s-text-subtle"},Lo={base:"text-xs mt-4 block",color:"s-text-subtle",colorInvalid:"s-text-negative"},I=class extends vt(Cm){constructor(){super(...arguments);this.type="text";this._hasPrefix=!1;this._hasSuffix=!1}updated(r){r.has("value")&&this.setValue(this.value)}get _inputstyles(){return S([Ge.base,this._hasSuffix&&Ge.suffix,this._hasPrefix&&Ge.prefix,!this.invalid&&!this.disabled&&!this.readOnly&&Ge.default,this.invalid&&!this.disabled&&!this.readOnly&&Ge.invalid,!this.invalid&&this.disabled&&!this.readOnly&&Ge.disabled,!this.invalid&&!this.disabled&&this.readOnly&&Ge.readOnly])}get _helptextstyles(){return S([Lo.base,this.invalid?Lo.colorInvalid:Lo.color])}get _label(){if(this.label)return _o`<label for="${this._id}" class=${_m.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 _o`
|
|
3081
3095
|
${this._label}
|
|
3082
|
-
<div class="${
|
|
3096
|
+
<div class="${Ge.wrapper}">
|
|
3083
3097
|
<slot @slotchange="${this.prefixSlotChange}" name="prefix"></slot>
|
|
3084
3098
|
<input
|
|
3085
3099
|
class="${this._inputstyles}"
|
|
@@ -3105,12 +3119,12 @@ ${Ca.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0
|
|
|
3105
3119
|
@focus="${this.handler}" />
|
|
3106
3120
|
<slot @slotchange="${this.suffixSlotChange}" name="suffix"></slot>
|
|
3107
3121
|
</div>
|
|
3108
|
-
${this.helpText&&
|
|
3109
|
-
`}};I.shadowRootOptions={...
|
|
3110
|
-
<aside class="${
|
|
3111
|
-
<div class="${
|
|
3112
|
-
${
|
|
3113
|
-
class="${
|
|
3122
|
+
${this.helpText&&_o`<div class="${this._helptextstyles}" id="${this._helpId}">${this.helpText}</div>`}
|
|
3123
|
+
`}};I.shadowRootOptions={...Sm.shadowRootOptions,delegatesFocus:!0},I.styles=[M,ps],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 Br=typeof window!="undefined";function I0(t,e){if(!Br)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 F0(t){return Br?customElements.get("w-toast-container").init().del(t):void 0}function j0(t,e){if(!Br)return;let r=customElements.get("w-toast-container").init();return r.set({...r.get(t),...e}),r.get(t)}import{css as Lm,html as ms}from"lit";import hs from"@warp-ds/elements-core";import{repeat as Om}from"lit/directives/repeat.js";var Ut=class extends hs{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 ms`
|
|
3124
|
+
<aside class="${kr.wrapper}">
|
|
3125
|
+
<div class="${kr.base}" id="w-toast-container-list">
|
|
3126
|
+
${Om(this._toastsArray,e=>e.id,e=>ms` <w-toast
|
|
3127
|
+
class="${kr.content}"
|
|
3114
3128
|
id="${e.id}"
|
|
3115
3129
|
type="${e.type}"
|
|
3116
3130
|
text="${e.text}"
|
|
@@ -3119,34 +3133,34 @@ ${Ca.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0
|
|
|
3119
3133
|
</w-toast>`)}
|
|
3120
3134
|
</div>
|
|
3121
3135
|
</aside>
|
|
3122
|
-
`}};J(
|
|
3136
|
+
`}};J(Ut,"styles",[hs.styles,Lm`
|
|
3123
3137
|
:host {
|
|
3124
3138
|
display: block;
|
|
3125
3139
|
}
|
|
3126
|
-
`]),J(
|
|
3127
|
-
<div class="${j(this
|
|
3128
|
-
<div class="${j(this
|
|
3140
|
+
`]),J(Ut,"properties",{_toasts:{state:!0}});customElements.get("w-toast-container")||customElements.define("w-toast-container",Ut);import{css as Mm,html as Et}from"lit";import $s from"@warp-ds/elements-core";var Oo=typeof window!="undefined",bs=!0;if(Oo){let t=window.matchMedia("(prefers-reduced-motion: reduce)"),e=({matches:r})=>bs=!r;t.addEventListener&&t.addEventListener("change",e),e(t)}var gs=t=>{t.style.transition=null,t.style.backfaceVisibility=null,t.style.overflow=null},fs=t=>{let e=bs?"var(--f-expansion-duration, 0.3s)":"0.01s";t.style.transition=`height ${e}`,t.style.backfaceVisibility="hidden",t.style.overflow="hidden"},Tm=(t,e)=>()=>{t.style.height="auto",t.style.overflow=null,e&&e()},Nm=t=>()=>{t&&t()},Pr=(t,e)=>{let r=(()=>{if(!e)return new Promise(a=>{e=a})})(),o=Tm(t,e);gs(t),t.style.height="auto";let i=t.scrollHeight;if(Oo&&requestAnimationFrame(()=>{t.addEventListener("transitionend",o,{once:!0}),t.style.height="0px",t.style.transitionTimingFunction="ease-out",fs(t),requestAnimationFrame(()=>t.style.height=i+"px")}),r)return r},Rr=(t,e)=>{let r=(()=>{if(!e)return new Promise(a=>{e=a})})(),o=Nm(e);gs(t);let i=t.scrollHeight;if(Oo&&requestAnimationFrame(()=>{t.addEventListener("transitionend",o,{once:!0}),t.style.height=i+"px",t.style.transitionTimingFunction="ease-in",fs(t),requestAnimationFrame(()=>t.style.height="0px")}),r)return r};import{when as Dm}from"lit/directives/when.js";var vs=JSON.parse('{"toast.aria.error":["Fejl"],"toast.aria.successful":["Fuldf\xF8rt"],"toast.aria.warning":["Advarsel"]}');var ws=JSON.parse('{"toast.aria.error":["Error"],"toast.aria.successful":["Successful"],"toast.aria.warning":["Warning"]}');var xs=JSON.parse('{"toast.aria.error":["Virhe"],"toast.aria.successful":["Onnistui"],"toast.aria.warning":["Varoitus"]}');var ys=JSON.parse('{"toast.aria.error":["Feil"],"toast.aria.successful":["Vellykket"],"toast.aria.warning":["Advarsel"]}');var ks=JSON.parse('{"toast.aria.error":["Fel"],"toast.aria.successful":["Genomf\xF6rt"],"toast.aria.warning":["Varning"]}');var We={success:"success",error:"error",warning:"warning"},Ct,Es,Cs,Jt=class extends $s{constructor(){super();Oe(this,Ct);G(ws,ys,xs,vs,ks),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&&Pr(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===We.warning}get _error(){return this.type===We.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?Et`<w-icon-warning-16></w-icon-warning-16>`:this._error?Et`<w-icon-error-16></w-icon-error-16>`:Et`<w-icon-success-16></w-icon-success-16>`}async collapse(){return new Promise(r=>{this._expanded&&this._wrapper?Rr(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?Et` <section class="${xe.wrapper}" aria-label="${this._typeLabel}">
|
|
3141
|
+
<div class="${j(this,Ct,Es)}">
|
|
3142
|
+
<div class="${j(this,Ct,Cs)}">${this._iconMarkup}</div>
|
|
3129
3143
|
<div role="${this._role}" class="${xe.content}">
|
|
3130
3144
|
<p>${this.text}</p>
|
|
3131
3145
|
</div>
|
|
3132
|
-
${
|
|
3146
|
+
${Dm(this.canclose===!0,()=>Et`
|
|
3133
3147
|
<button class="${xe.close}" @click="${this.close}">
|
|
3134
3148
|
<w-icon-close-16></w-icon-close-16>
|
|
3135
3149
|
</button>
|
|
3136
3150
|
`)}
|
|
3137
3151
|
</div>
|
|
3138
|
-
</section>`:
|
|
3152
|
+
</section>`:Et``}};Ct=new WeakSet,Es=function(){return S([xe.base,this.type===We.success&&xe.positive,this.type===We.warning&&xe.warning,this.type===We.error&&xe.negative])},Cs=function(){return S([xe.iconBase,this.type===We.success&&xe.iconPositive,this.type===We.warning&&xe.iconWarning,this.type===We.error&&xe.iconNegative])},J(Jt,"styles",[$s.styles,Mm`
|
|
3139
3153
|
:host {
|
|
3140
3154
|
display: block;
|
|
3141
3155
|
}
|
|
3142
|
-
`]),J(
|
|
3156
|
+
`]),J(Jt,"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",Jt);import{css as Am,html as To}from"lit";import Ss from"@warp-ds/elements-core";import{ifDefined as zm}from"lit/directives/if-defined.js";var Qt=class extends Ss{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&&Pr(this._wrapper),!this.show&&!this._removeElement&&Rr(this._wrapper,()=>this._removeElement=!0)}}get _wrapper(){return this!=null?this:null}render(){return To`<div aria-hidden=${zm(this.show?void 0:"true")}>${this._removeElement?To``:To`<slot></slot>`}</div>`}};J(Qt,"properties",{show:{type:Boolean,reflect:!0},_removeElement:{type:Boolean,state:!0}}),J(Qt,"styles",[Ss.styles,Am`
|
|
3143
3157
|
:host {
|
|
3144
3158
|
display: block;
|
|
3145
3159
|
}
|
|
3146
|
-
`]);customElements.get("w-expand-transition")||customElements.define("w-expand-transition",
|
|
3160
|
+
`]);customElements.get("w-expand-transition")||customElements.define("w-expand-transition",Qt);import{html as Bm}from"lit";import _s from"@warp-ds/elements-core";import{unsafeHTML as Pm}from"lit/directives/unsafe-html.js";var Yt=class extends _s{get _markup(){return`<h${this.level}
|
|
3147
3161
|
style="margin: 0; font-weight: unset; font-size: unset; line-height: unset;"
|
|
3148
3162
|
>
|
|
3149
3163
|
<slot></slot>
|
|
3150
3164
|
</h${this.level}>
|
|
3151
|
-
`}render(){return this.level?
|
|
3165
|
+
`}render(){return this.level?Pm(this._markup):Bm`<slot></slot>`}};J(Yt,"properties",{level:{type:Number}}),J(Yt,"styles",[_s.styles]);customElements.get("w-unstyled-heading")||customElements.define("w-unstyled-heading",Yt);export{Qt as ExpandTransition,Rt as ModalCanCloseMixin,Vt as ModalProvidesCanCloseToSlotsMixin,Yt as UnstyledHeading,Ue as WarpAffix,rt as WarpAlert,zt as WarpAttention,gt as WarpBadge,je as WarpBox,Pt as WarpBreadcrumbs,W as WarpButton,ct as WarpCard,Ze as WarpDeadToggle,ne as WarpExpandable,Se as WarpModal,It as WarpModalFooter,Ae as WarpModalHeader,wt as WarpPageIndicator,Ke as WarpPagination,ze as WarpPill,se as WarpSelect,$t as WarpSwitch,I as WarpTextField,Jt as WarpToast,Ut as WarpToastContainer,fu as ccBox,ft as ccBreadcrumbs,L as ccButton,Me as ccCard,oe as ccExpandable,Tl as ccPrefix,He as ccSelect,Ol as ccSuffix,Ge as ccinput,me as pillStyles,F0 as removeToast,I0 as toast,j0 as updateToast};
|
|
3152
3166
|
//# sourceMappingURL=index.js.map
|