@warp-ds/elements 2.2.0-next.7 → 2.2.0-next.8
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 +623 -192
- package/dist/index.d.ts +1 -0
- package/dist/index.js +350 -130
- package/dist/index.js.map +4 -4
- package/dist/packages/alert/index.js.map +1 -1
- package/dist/packages/alert/react.js.map +1 -1
- package/dist/packages/attention/index.js.map +1 -1
- package/dist/packages/button/index.d.ts +1 -0
- package/dist/packages/button/index.js +214 -9
- package/dist/packages/button/index.js.map +4 -4
- package/dist/packages/button/react.js +213 -8
- package/dist/packages/button/react.js.map +4 -4
- package/dist/packages/datepicker/DatePicker.test.d.ts +1 -0
- package/dist/packages/datepicker/datepicker.d.ts +9 -0
- package/dist/packages/datepicker/index.js +87 -83
- package/dist/packages/datepicker/index.js.map +3 -3
- package/dist/packages/datepicker/react.d.ts +2 -0
- package/dist/packages/datepicker/react.js +2805 -0
- package/dist/packages/datepicker/react.js.map +7 -0
- package/dist/packages/link/index.d.ts +39 -0
- package/dist/packages/link/index.js +2646 -0
- package/dist/packages/link/index.js.map +7 -0
- package/dist/packages/link/link.stories.d.ts +20 -0
- package/dist/packages/link/link.test.d.ts +1 -0
- package/dist/packages/link/react.d.ts +2 -0
- package/dist/packages/link/react.js +2666 -0
- package/dist/packages/link/react.js.map +7 -0
- package/dist/packages/link/styles.d.ts +1 -0
- package/dist/packages/steps/index.d.ts +43 -0
- package/dist/packages/steps/index.js +2465 -0
- package/dist/packages/steps/index.js.map +7 -0
- package/dist/packages/steps/locales/da/messages.d.mts +1 -0
- package/dist/packages/steps/locales/en/messages.d.mts +1 -0
- package/dist/packages/steps/locales/fi/messages.d.mts +1 -0
- package/dist/packages/steps/locales/nb/messages.d.mts +1 -0
- package/dist/packages/steps/locales/sv/messages.d.mts +1 -0
- package/dist/packages/steps/react.d.ts +3 -0
- package/dist/packages/steps/react.js +2485 -0
- package/dist/packages/steps/react.js.map +7 -0
- package/dist/packages/steps/steps.stories.d.ts +12 -0
- package/dist/packages/steps/styles.d.ts +1 -0
- package/dist/packages/textfield/index.js +1 -1
- package/dist/packages/textfield/index.js.map +2 -2
- package/dist/packages/textfield/react.js +1 -1
- package/dist/packages/textfield/react.js.map +2 -2
- package/dist/packages/toast/index.js.map +1 -1
- package/dist/vscode.html-custom-data.json +68 -19
- package/dist/web-types.json +133 -36
- package/package.json +11 -9
package/dist/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
var
|
|
2
|
-
`],["r","\r"],["t"," "],["v","\v"],["0","\0"]]);function
|
|
1
|
+
var Qs=Object.create;var er=Object.defineProperty;var Uo=Object.getOwnPropertyDescriptor;var Ys=Object.getOwnPropertyNames;var Xs=Object.getPrototypeOf,Zs=Object.prototype.hasOwnProperty;var Jo=t=>{throw TypeError(t)};var Ks=(t,e,r)=>e in t?er(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r;var Qo=(t,e)=>()=>(e||t((e={exports:{}}).exports,e),e.exports);var Gs=(t,e,r,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of Ys(e))!Zs.call(t,i)&&i!==r&&er(t,i,{get:()=>e[i],enumerable:!(o=Uo(e,i))||o.enumerable});return t};var Ws=(t,e,r)=>(r=t!=null?Qs(Xs(t)):{},Gs(e||!t||!t.__esModule?er(r,"default",{value:t,enumerable:!0}):r,t));var s=(t,e,r,o)=>{for(var i=o>1?void 0:o?Uo(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&&er(e,r,i),i};var Y=(t,e,r)=>Ks(t,typeof e!="symbol"?e+"":e,r),Jr=(t,e,r)=>e.has(t)||Jo("Cannot "+r);var j=(t,e,r)=>(Jr(t,e,"read from private field"),r?r.call(t):e.get(t)),Me=(t,e,r)=>e.has(t)?Jo("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,r),Yo=(t,e,r,o)=>(Jr(t,e,"write to private field"),o?o.call(t,r):e.set(t,r),r),Xo=(t,e,r)=>(Jr(t,e,"access private method"),r);var Go=Qo(it=>{"use strict";Object.defineProperty(it,"__esModule",{value:!0});it.errorMessages=it.ErrorType=void 0;var gt;(function(t){t.MalformedUnicode="MALFORMED_UNICODE",t.MalformedHexadecimal="MALFORMED_HEXADECIMAL",t.CodePointLimit="CODE_POINT_LIMIT",t.OctalDeprecation="OCTAL_DEPRECATION",t.EndOfString="END_OF_STRING"})(gt=it.ErrorType||(it.ErrorType={}));it.errorMessages=new Map([[gt.MalformedUnicode,"malformed Unicode character escape sequence"],[gt.MalformedHexadecimal,"malformed hexadecimal character escape sequence"],[gt.CodePointLimit,"Unicode codepoint must not be greater than 0x10FFFF in escape sequence"],[gt.OctalDeprecation,'"0"-prefixed octal literals and octal escape sequences are deprecated; for octal literals use the "0o" prefix instead'],[gt.EndOfString,"malformed escape sequence at end of string"]])});var ti=Qo(Fe=>{"use strict";Object.defineProperty(Fe,"__esModule",{value:!0});Fe.unraw=Fe.errorMessages=Fe.ErrorType=void 0;var se=Go();Object.defineProperty(Fe,"ErrorType",{enumerable:!0,get:function(){return se.ErrorType}});Object.defineProperty(Fe,"errorMessages",{enumerable:!0,get:function(){return se.errorMessages}});function tl(t){return!t.match(/[^a-f0-9]/i)?parseInt(t,16):NaN}function tr(t,e,r){let o=tl(t);if(Number.isNaN(o)||r!==void 0&&r!==t.length)throw new SyntaxError(se.errorMessages.get(e));return o}function rl(t){let e=tr(t,se.ErrorType.MalformedHexadecimal,2);return String.fromCharCode(e)}function Wo(t,e){let r=tr(t,se.ErrorType.MalformedUnicode,4);if(e!==void 0){let o=tr(e,se.ErrorType.MalformedUnicode,4);return String.fromCharCode(r,o)}return String.fromCharCode(r)}function ol(t){return t.charAt(0)==="{"&&t.charAt(t.length-1)==="}"}function il(t){if(!ol(t))throw new SyntaxError(se.errorMessages.get(se.ErrorType.MalformedUnicode));let e=t.slice(1,-1),r=tr(e,se.ErrorType.MalformedUnicode);try{return String.fromCodePoint(r)}catch(o){throw o instanceof RangeError?new SyntaxError(se.errorMessages.get(se.ErrorType.CodePointLimit)):o}}function al(t,e=!1){if(e)throw new SyntaxError(se.errorMessages.get(se.ErrorType.OctalDeprecation));let r=parseInt(t,8);return String.fromCharCode(r)}var nl=new Map([["b","\b"],["f","\f"],["n",`
|
|
2
|
+
`],["r","\r"],["t"," "],["v","\v"],["0","\0"]]);function sl(t){return nl.get(t)||t}var ll=/\\(?:(\\)|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 ei(t,e=!1){return t.replace(ll,function(r,o,i,a,n,l,d,u,p){if(o!==void 0)return"\\";if(i!==void 0)return rl(i);if(a!==void 0)return il(a);if(n!==void 0)return Wo(n,l);if(d!==void 0)return Wo(d);if(u==="0")return"\0";if(u!==void 0)return al(u,!e);if(p!==void 0)return sl(p);throw new SyntaxError(se.errorMessages.get(se.ErrorType.EndOfString))})}Fe.unraw=ei;Fe.default=ei});import{html as ir,LitElement as Jl}from"lit";var k=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)?k.apply(void 0,o):typeof o=="object"&&o?Object.keys(o).map(function(i){return o[i]?i:""}):"")},[]).join(" ")};import{property as ar}from"lit/decorators.js";import{ifDefined as hi}from"lit/directives/if-defined.js";import{css as Zo}from"lit";var O=Zo`
|
|
3
3
|
*,
|
|
4
4
|
:before,
|
|
5
5
|
:after {
|
|
@@ -272,7 +272,7 @@ var Os=Object.create;var Xt=Object.defineProperty;var No=Object.getOwnPropertyDe
|
|
|
272
272
|
svg {
|
|
273
273
|
pointer-events: none;
|
|
274
274
|
}
|
|
275
|
-
`,
|
|
275
|
+
`,ph=Zo`*, :before, :after {
|
|
276
276
|
--w-rotate: 0;
|
|
277
277
|
--w-rotate-x: 0;
|
|
278
278
|
--w-rotate-y: 0;
|
|
@@ -2438,7 +2438,7 @@ var Os=Object.create;var Xt=Object.defineProperty;var No=Object.getOwnPropertyDe
|
|
|
2438
2438
|
display: none
|
|
2439
2439
|
}
|
|
2440
2440
|
}
|
|
2441
|
-
`;import{css as
|
|
2441
|
+
`;import{css as el}from"lit";var Ko=el`*,: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 xl}from"lit";import{unsafeStatic as yl,html as kl}from"lit/static-html.js";var ii=Ws(ti(),1);var Qe=t=>typeof t=="string",cl=t=>typeof t=="function",ri=new Map,ai="en";function Zr(t){return[...Array.isArray(t)?t:[t],ai]}function Kr(t,e,r){let o=Zr(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 rr(()=>or("date",o,r),()=>new Intl.DateTimeFormat(o,i)).format(Qe(e)?new Date(e):e)}function dl(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 Kr(t,e,o)}function Qr(t,e,r){let o=Zr(t);return rr(()=>or("number",o,r),()=>new Intl.NumberFormat(o,r)).format(e)}function oi(t,e,r,{offset:o=0,...i}){var l,d;let a=Zr(t),n=e?rr(()=>or("plural-ordinal",a),()=>new Intl.PluralRules(a,{type:"ordinal"})):rr(()=>or("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 rr(t,e){let r=t(),o=ri.get(r);return o||(o=e(),ri.set(r,o)),o}function or(t,e,r){let o=e.join("-");return`${t}-${o}-${JSON.stringify(r)}`}var ni=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,si="%__lingui_octothorpe__%",ul=(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=Qr(o,n,d);return l.replace(new RegExp(si,"g"),u)};return{plural:(n,l)=>{let{offset:d=0}=l,u=oi(o,!1,n,l);return a(n-d,u)},selectordinal:(n,l)=>{let{offset:d=0}=l,u=oi(o,!0,n,l);return a(n-d,u)},select:pl,number:(n,l)=>Qr(o,n,i(l)||{style:l}),date:(n,l)=>Kr(o,n,i(l)||l),time:(n,l)=>dl(o,n,i(l)||l)}},pl=(t,e)=>{var r;return(r=e[t])!=null?r:e.other};function ml(t,e,r){return(o={},i)=>{let a=ul(e,r,i),n=(d,u=!1)=>Array.isArray(d)?d.reduce((p,m)=>{if(m==="#"&&u)return p+si;if(Qe(m))return p+m;let[$,h,y]=m,_={};h==="plural"||h==="selectordinal"||h==="select"?Object.entries(y).forEach(([N,M])=>{_[N]=n(M,h==="plural"||h==="selectordinal")}):_=y;let E;if(h){let N=a[h];E=N(o[$],_)}else E=o[$];return E==null?p:p+E},""):d,l=n(t);return Qe(l)&&ni.test(l)?(0,ii.unraw)(l):Qe(l)?l:l?String(l):""}}var hl=Object.defineProperty,bl=(t,e,r)=>e in t?hl(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,gl=(t,e,r)=>(bl(t,typeof e!="symbol"?e+"":e,r),r),Yr=class{constructor(){gl(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}},fl=Object.defineProperty,vl=(t,e,r)=>e in t?fl(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,at=(t,e,r)=>(vl(t,typeof e!="symbol"?e+"":e,r),r),Xr=class extends Yr{constructor(e){var r;super(),at(this,"_locale",""),at(this,"_locales"),at(this,"_localeData",{}),at(this,"_messages",{}),at(this,"_missing"),at(this,"_messageCompiler"),at(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:ai,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 cl(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)&&ni.test(d)?JSON.parse(`"${d}"`):Qe(d)?d:ml(d,this._locale,this._locales)(r,o==null?void 0:o.formats)}date(e,r){return Kr(this._locales||this._locale,e,r)}number(e,r){return Qr(this._locales||this._locale,e,r)}};function wl(t={}){return new Xr(t)}var c=wl();var $l=JSON.parse('{"icon.title.search":["Forst\xF8rrelsesglass"]}'),El=JSON.parse('{"icon.title.search":["Magnifying glass"]}'),Cl=JSON.parse('{"icon.title.search":["Suurennuslasi"]}'),_l=JSON.parse('{"icon.title.search":["Forst\xF8rrelsesglas"]}'),Sl=JSON.parse('{"icon.title.search":["F\xF6rstoringsglas"]}'),li=["en","nb","fi","da","sv"],ci="en",Ll=()=>{var t;let e;switch((t=process==null?void 0:process.env)==null?void 0:t.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},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},Gr=t=>li.find(e=>t===e||t.toLowerCase().includes(e))||di();function Ol(){var t;if(typeof window=="undefined"){let e=Ll();return Gr(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=di();return li.includes(e)?Gr(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),Gr(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),ci}}var Tl=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,Nl=(t,e,r,o,i)=>{let a=Ol(),n=Tl(a,t,e,r,o,i);c.load(a,n),c.activate(a)};Nl(El,$l,Cl,_l,Sl);var Ml=class extends xl{render(){let t=c.t({message:"Magnifying glass",id:"icon.title.search",comment:"Title for search icon"});return kl`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-search-16-part">${yl(`<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",Ml);import{LitElement as zl}from"lit";import{unsafeStatic as Al,html as Dl}from"lit/static-html.js";var Bl=JSON.parse('{"icon.title.close":["Kryss"]}'),Pl=JSON.parse('{"icon.title.close":["Cross"]}'),Rl=JSON.parse('{"icon.title.close":["Rasti"]}'),Vl=JSON.parse('{"icon.title.close":["Kryds"]}'),Il=JSON.parse('{"icon.title.close":["Kryss"]}'),ui=["en","nb","fi","da","sv"],pi="en",Fl=()=>{var t;let e;switch((t=process==null?void 0:process.env)==null?void 0:t.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},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},Wr=t=>ui.find(e=>t===e||t.toLowerCase().includes(e))||mi();function Hl(){var t;if(typeof window=="undefined"){let e=Fl();return Wr(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=mi();return ui.includes(e)?Wr(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),Wr(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),pi}}var jl=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,ql=(t,e,r,o,i)=>{let a=Hl(),n=jl(a,t,e,r,o,i);c.load(a,n),c.activate(a)};ql(Pl,Bl,Rl,Vl,Il);var Ul=class extends zl{render(){let t=c.t({message:"Cross",id:"icon.title.close",comment:"Title for close 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-close-16-part">${Al(`<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",Ul);var bi="absolute top-0 bottom-0 flex justify-center items-center focusable rounded-4 focus:[--w-outline-offset:-2px] bg-transparent ",Ql={wrapper:bi+"right-0",wrapperWithLabel:"w-max pr-12",wrapperWithIcon:"w-40",label:"antialiased block relative cursor-default pb-0 font-bold text-xs s-text"},Yl={wrapper:bi+"left-0",wrapperWithLabel:"w-max pl-12",wrapperWithIcon:"w-40",label:"antialiased block relative cursor-default pb-0 font-bold text-xs s-text"},Ye=class extends Jl{constructor(){super(...arguments);this.clear=!1;this.search=!1}get _classBase(){return this.slot==="suffix"?Ql:Yl}get _classes(){return k([this._classBase.wrapper,this.label?this._classBase.wrapperWithLabel:this._classBase.wrapperWithIcon])}get _searchButton(){return ir`
|
|
2450
|
+
<button aria-label="${hi(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 ir`
|
|
2454
|
+
<button aria-label="${hi(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 ir`
|
|
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 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
|
|
2461
|
+
`}get _markup(){if(this.label)return this._text;if(this.search)return this._searchButton;if(this.clear)return this._clearButton}render(){return ir`${this._markup}`}};Ye.styles=[O,Ko],s([ar({attribute:"aria-label"})],Ye.prototype,"ariaLabel",2),s([ar({type:Boolean})],Ye.prototype,"clear",2),s([ar({type:Boolean})],Ye.prototype,"search",2),s([ar()],Ye.prototype,"label",2);customElements.get("w-affix")||customElements.define("w-affix",Ye);import{css as Yc,html as Nt,LitElement as Xc}from"lit";import{property as io}from"lit/decorators.js";import{LitElement as Xl}from"lit";import{unsafeStatic as Zl,html as Kl}from"lit/static-html.js";var Gl=JSON.parse('{"icon.title.info":["Informasjonssirkel"]}'),Wl=JSON.parse('{"icon.title.info":["Information circle"]}'),ec=JSON.parse('{"icon.title.info":["Ympyr\xE4, jonka sis\xE4ll\xE4 on i-kirjain"]}'),tc=JSON.parse('{"icon.title.info":["Informationscirkel"]}'),rc=JSON.parse('{"icon.title.info":["Informationscirkel"]}'),gi=["en","nb","fi","da","sv"],fi="en",oc=()=>{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},vi=()=>{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":fi},eo=t=>gi.find(e=>t===e||t.toLowerCase().includes(e))||vi();function ic(){var t;if(typeof window=="undefined"){let e=oc();return eo(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=vi();return gi.includes(e)?eo(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),eo(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),fi}}var ac=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,nc=(t,e,r,o,i)=>{let a=ic(),n=ac(a,t,e,r,o,i);c.load(a,n),c.activate(a)};nc(Wl,Gl,ec,tc,rc);var sc=class extends Xl{render(){let t=c.t({message:"Information circle",id:"icon.title.info",comment:"Title for info icon"});return Kl`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-info-16-part">${Zl(`<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",sc);import{LitElement as lc}from"lit";import{unsafeStatic as cc,html as dc}from"lit/static-html.js";var uc=JSON.parse('{"icon.title.warning":["Varseltrekant med utropstegn"]}'),pc=JSON.parse('{"icon.title.warning":["Warning triangle with exclamation point"]}'),mc=JSON.parse('{"icon.title.warning":["Varoituskolmio, jonka sis\xE4ll\xE4 on huutomerkki"]}'),hc=JSON.parse('{"icon.title.warning":["Advarselstrekant med et udr\xE5bstegn"]}'),bc=JSON.parse('{"icon.title.warning":["Varningstriangel med utropstecken"]}'),wi=["en","nb","fi","da","sv"],xi="en",gc=()=>{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},yi=()=>{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":xi},to=t=>wi.find(e=>t===e||t.toLowerCase().includes(e))||yi();function fc(){var t;if(typeof window=="undefined"){let e=gc();return to(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=yi();return wi.includes(e)?to(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),to(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),xi}}var vc=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,wc=(t,e,r,o,i)=>{let a=fc(),n=vc(a,t,e,r,o,i);c.load(a,n),c.activate(a)};wc(pc,uc,mc,hc,bc);var xc=class extends lc{render(){let t=c.t({message:"Warning triangle with exclamation point",id:"icon.title.warning",comment:"Title for warning icon"});return dc`<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">${cc(`<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",xc);import{LitElement as yc}from"lit";import{unsafeStatic as kc,html as $c}from"lit/static-html.js";var Ec=JSON.parse('{"icon.title.error":["\xC5ttekant med utropstegn"]}'),Cc=JSON.parse('{"icon.title.error":["Octagon with exclamation point"]}'),_c=JSON.parse('{"icon.title.error":["Kahdeksankulmio, jonka sis\xE4ll\xE4 on huutomerkki"]}'),Sc=JSON.parse('{"icon.title.error":["Ottekant med et udr\xE5bstegn"]}'),Lc=JSON.parse('{"icon.title.error":["Oktagon med utropstecken"]}'),ki=["en","nb","fi","da","sv"],$i="en",Oc=()=>{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},Ei=()=>{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":$i},ro=t=>ki.find(e=>t===e||t.toLowerCase().includes(e))||Ei();function Tc(){var t;if(typeof window=="undefined"){let e=Oc();return ro(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=Ei();return ki.includes(e)?ro(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),ro(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),$i}}var Nc=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,Mc=(t,e,r,o,i)=>{let a=Tc(),n=Nc(a,t,e,r,o,i);c.load(a,n),c.activate(a)};Mc(Cc,Ec,_c,Sc,Lc);var zc=class extends yc{render(){let t=c.t({message:"Octagon with exclamation point",id:"icon.title.error",comment:"Title for error icon"});return $c`<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">${kc(`<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",zc);import{LitElement as Ac}from"lit";import{unsafeStatic as Dc,html as Bc}from"lit/static-html.js";var Pc=JSON.parse('{"icon.title.success":["Sirkel med sjekkmerke"]}'),Rc=JSON.parse('{"icon.title.success":["Circle with checkmark"]}'),Vc=JSON.parse('{"icon.title.success":["Ympyr\xE4, jonka sis\xE4ll\xE4 on valintamerkki"]}'),Ic=JSON.parse('{"icon.title.success":["Cirkel med et flueben"]}'),Fc=JSON.parse('{"icon.title.success":["Cirkel med bock"]}'),Ci=["en","nb","fi","da","sv"],_i="en",Hc=()=>{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":_i},oo=t=>Ci.find(e=>t===e||t.toLowerCase().includes(e))||Si();function jc(){var t;if(typeof window=="undefined"){let e=Hc();return oo(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=Si();return Ci.includes(e)?oo(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),oo(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),_i}}var qc=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,Uc=(t,e,r,o,i)=>{let a=jc(),n=qc(a,t,e,r,o,i);c.load(a,n),c.activate(a)};Uc(Rc,Pc,Vc,Ic,Fc);var Jc=class extends Ac{render(){let t=c.t({message:"Circle with checkmark",id:"icon.title.success",comment:"Title for success icon"});return Bc`<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">${Dc(`<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",Jc);import{css as Qc}from"lit";var Li=Qc`*,: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 Mt={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"},zt={negative:"negative",positive:"positive",warning:"warning",info:"info"},nt=class extends Xc{constructor(){super();this.variant="info";this.show=!0;this.role="alert";this.show=!1,this.role="alert"}connectedCallback(){if(super.connectedCallback(),!this.variant||!zt[this.variant])throw new Error(`Invalid 'variant' attribute. Set its value to one of the following:
|
|
2462
|
+
negative, positive, warning, info.`)}get _wrapperClasses(){return k([Mt.wrapper,Mt[this.variant]])}get _iconClasses(){let r=Mt[`${this.variant}Icon`];return k([Mt.icon,r])}get _icon(){return this.variant===zt.info?Nt` <w-icon-info-16></w-icon-info-16>`:this.variant===zt.warning?Nt` <w-icon-warning-16></w-icon-warning-16>`:this.variant===zt.negative?Nt` <w-icon-error-16></w-icon-error-16>`:this.variant===zt.positive?Nt` <w-icon-success-16></w-icon-success-16>`:""}render(){return Nt`
|
|
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=${Mt.textWrapper}>
|
|
2467
2467
|
<slot></slot>
|
|
2468
2468
|
</div>
|
|
2469
2469
|
</div>
|
|
2470
2470
|
</w-expand-transition>
|
|
2471
|
-
`}};
|
|
2471
|
+
`}};nt.styles=[O,Li,Yc`
|
|
2472
2472
|
:host {
|
|
2473
2473
|
display: block;
|
|
2474
2474
|
}
|
|
@@ -2480,32 +2480,32 @@ negative, positive, warning, info.`)}get _wrapperClasses(){return S([_t.wrapper,
|
|
|
2480
2480
|
::slotted(:last-child) {
|
|
2481
2481
|
margin-bottom: 0px !important;
|
|
2482
2482
|
}
|
|
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(
|
|
2485
|
-
${JSON.stringify(
|
|
2486
|
-
<button aria-label="${this._ariaClose}" @click="${this.close}" @keydown=${this.keypressed} class="${
|
|
2483
|
+
`],s([io({reflect:!0})],nt.prototype,"variant",2),s([io({type:Boolean,reflect:!0})],nt.prototype,"show",2),s([io({reflect:!0})],nt.prototype,"role",2);customElements.get("w-alert")||customElements.define("w-alert",nt);import{css as Dd,html as xt,nothing as $a}from"lit";var Ni=["top","right","bottom","left"];var He=Math.min,pe=Math.max,Dt=Math.round;var Ce=t=>({x:t,y:t}),Zc={left:"right",right:"left",bottom:"top",top:"bottom"},Kc={start:"end",end:"start"};function sr(t,e,r){return pe(t,He(e,r))}function Xe(t,e){return typeof t=="function"?t(e):t}function je(t){return t.split("-")[0]}function st(t){return t.split("-")[1]}function ao(t){return t==="x"?"y":"x"}function lr(t){return t==="y"?"height":"width"}var Gc=new Set(["top","bottom"]);function ze(t){return Gc.has(je(t))?"y":"x"}function cr(t){return ao(ze(t))}function Mi(t,e,r){r===void 0&&(r=!1);let o=st(t),i=cr(t),a=lr(i),n=i==="x"?o===(r?"end":"start")?"right":"left":o==="start"?"bottom":"top";return e.reference[a]>e.floating[a]&&(n=At(n)),[n,At(n)]}function zi(t){let e=At(t);return[nr(t),e,nr(e)]}function nr(t){return t.replace(/start|end/g,e=>Kc[e])}var Oi=["left","right"],Ti=["right","left"],Wc=["top","bottom"],ed=["bottom","top"];function td(t,e,r){switch(t){case"top":case"bottom":return r?e?Ti:Oi:e?Oi:Ti;case"left":case"right":return e?Wc:ed;default:return[]}}function Ai(t,e,r,o){let i=st(t),a=td(je(t),r==="start",o);return i&&(a=a.map(n=>n+"-"+i),e&&(a=a.concat(a.map(nr)))),a}function At(t){return t.replace(/left|right|bottom|top/g,e=>Zc[e])}function rd(t){return{top:0,right:0,bottom:0,left:0,...t}}function no(t){return typeof t!="number"?rd(t):{top:t,right:t,bottom:t,left:t}}function lt(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 Di(t,e,r){let{reference:o,floating:i}=t,a=ze(e),n=cr(e),l=lr(n),d=je(e),u=a==="y",p=o.x+o.width/2-i.width/2,m=o.y+o.height/2-i.height/2,$=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(st(e)){case"start":h[n]-=$*(r&&u?-1:1);break;case"end":h[n]+=$*(r&&u?-1:1);break}return h}var Ri=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}=Di(u,o,d),$=o,h={},y=0;for(let _=0;_<l.length;_++){let{name:E,fn:N}=l[_],{x:M,y:A,data:te,reset:R}=await N({x:p,y:m,initialPlacement:o,placement:$,strategy:i,middlewareData:h,rects:u,platform:n,elements:{reference:t,floating:e}});p=M!=null?M:p,m=A!=null?A:m,h={...h,[E]:{...h[E],...te}},R&&y<=50&&(y++,typeof R=="object"&&(R.placement&&($=R.placement),R.rects&&(u=R.rects===!0?await n.getElementRects({reference:t,floating:e,strategy:i}):R.rects),{x:p,y:m}=Di(u,$,d)),_=-1)}return{x:p,y:m,placement:$,strategy:i,middlewareData:h}};async function ft(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:$=!1,padding:h=0}=Xe(e,t),y=no(h),E=l[$?m==="floating"?"reference":"floating":m],N=lt(await a.getClippingRect({element:(r=await(a.isElement==null?void 0:a.isElement(E)))==null||r?E:E.contextElement||await(a.getDocumentElement==null?void 0:a.getDocumentElement(l.floating)),boundary:u,rootBoundary:p,strategy:d})),M=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)),te=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=lt(a.convertOffsetParentRelativeRectToViewportRelativeRect?await a.convertOffsetParentRelativeRectToViewportRelativeRect({elements:l,rect:M,offsetParent:A,strategy:d}):M);return{top:(N.top-R.top+y.top)/te.y,bottom:(R.bottom-N.bottom+y.bottom)/te.y,left:(N.left-R.left+y.left)/te.x,right:(R.right-N.right+y.right)/te.x}}var Vi=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}=Xe(t,e)||{};if(u==null)return{};let m=no(p),$={x:r,y:o},h=cr(i),y=lr(h),_=await n.getDimensions(u),E=h==="y",N=E?"top":"left",M=E?"bottom":"right",A=E?"clientHeight":"clientWidth",te=a.reference[y]+a.reference[h]-$[h]-a.floating[y],R=$[h]-a.reference[h],C=await(n.getOffsetParent==null?void 0:n.getOffsetParent(u)),S=C?C[A]:0;(!S||!await(n.isElement==null?void 0:n.isElement(C)))&&(S=l.floating[A]||a.floating[y]);let D=te/2-R/2,P=S/2-_[y]/2-1,H=He(m[N],P),de=He(m[M],P),oe=H,ue=S-_[y]-de,G=S/2-_[y]/2+D,Q=sr(oe,G,ue),ge=!d.arrow&&st(i)!=null&&G!==Q&&a.reference[y]/2-(G<oe?H:de)-_[y]/2<0,W=ge?G<oe?G-oe:G-ue:0;return{[h]:$[h]+W,data:{[h]:Q,centerOffset:G-Q-W,...ge&&{alignmentOffset:W}},reset:ge}}});var Ii=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:$,fallbackStrategy:h="bestFit",fallbackAxisSideDirection:y="none",flipAlignment:_=!0,...E}=Xe(t,e);if((r=a.arrow)!=null&&r.alignmentOffset)return{};let N=je(i),M=ze(l),A=je(l)===l,te=await(d.isRTL==null?void 0:d.isRTL(u.floating)),R=$||(A||!_?[At(l)]:zi(l)),C=y!=="none";!$&&C&&R.push(...Ai(l,_,y,te));let S=[l,...R],D=await ft(e,E),P=[],H=((o=a.flip)==null?void 0:o.overflows)||[];if(p&&P.push(D[N]),m){let G=Mi(i,n,te);P.push(D[G[0]],D[G[1]])}if(H=[...H,{placement:i,overflows:P}],!P.every(G=>G<=0)){var de,oe;let G=(((de=a.flip)==null?void 0:de.index)||0)+1,Q=S[G];if(Q&&(!(m==="alignment"?M!==ze(Q):!1)||H.every(ve=>ze(ve.placement)===M?ve.overflows[0]>0:!0)))return{data:{index:G,overflows:H},reset:{placement:Q}};let ge=(oe=H.filter(W=>W.overflows[0]<=0).sort((W,ve)=>W.overflows[1]-ve.overflows[1])[0])==null?void 0:oe.placement;if(!ge)switch(h){case"bestFit":{var ue;let W=(ue=H.filter(ve=>{if(C){let we=ze(ve.placement);return we===M||we==="y"}return!0}).map(ve=>[ve.placement,ve.overflows.filter(we=>we>0).reduce((we,Js)=>we+Js,0)]).sort((ve,we)=>ve[1]-we[1])[0])==null?void 0:ue[0];W&&(ge=W);break}case"initialPlacement":ge=l;break}if(i!==ge)return{reset:{placement:ge}}}return{}}}};function Bi(t,e){return{top:t.top-e.height,right:t.right-e.width,bottom:t.bottom-e.height,left:t.left-e.width}}function Pi(t){return Ni.some(e=>t[e]>=0)}var Fi=function(t){return t===void 0&&(t={}),{name:"hide",options:t,async fn(e){let{rects:r}=e,{strategy:o="referenceHidden",...i}=Xe(t,e);switch(o){case"referenceHidden":{let a=await ft(e,{...i,elementContext:"reference"}),n=Bi(a,r.reference);return{data:{referenceHiddenOffsets:n,referenceHidden:Pi(n)}}}case"escaped":{let a=await ft(e,{...i,altBoundary:!0}),n=Bi(a,r.floating);return{data:{escapedOffsets:n,escaped:Pi(n)}}}default:return{}}}}};var od=new Set(["left","top"]);async function id(t,e){let{placement:r,platform:o,elements:i}=t,a=await(o.isRTL==null?void 0:o.isRTL(i.floating)),n=je(r),l=st(r),d=ze(r)==="y",u=od.has(n)?-1:1,p=a&&d?-1:1,m=Xe(e,t),{mainAxis:$,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:$*u}:{x:$*u,y:h*p}}var Hi=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 id(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}}}}},ji=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:E=>{let{x:N,y:M}=E;return{x:N,y:M}}},...d}=Xe(t,e),u={x:r,y:o},p=await ft(e,d),m=ze(je(i)),$=ao(m),h=u[$],y=u[m];if(a){let E=$==="y"?"top":"left",N=$==="y"?"bottom":"right",M=h+p[E],A=h-p[N];h=sr(M,h,A)}if(n){let E=m==="y"?"top":"left",N=m==="y"?"bottom":"right",M=y+p[E],A=y-p[N];y=sr(M,y,A)}let _=l.fn({...e,[$]:h,[m]:y});return{..._,data:{x:_.x-r,y:_.y-o,enabled:{[$]:a,[m]:n}}}}}};var qi=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}=Xe(t,e),p=await ft(e,u),m=je(i),$=st(i),h=ze(i)==="y",{width:y,height:_}=a.floating,E,N;m==="top"||m==="bottom"?(E=m,N=$===(await(n.isRTL==null?void 0:n.isRTL(l.floating))?"start":"end")?"left":"right"):(N=m,E=$==="end"?"top":"bottom");let M=_-p.top-p.bottom,A=y-p.left-p.right,te=He(_-p[E],M),R=He(y-p[N],A),C=!e.middlewareData.shift,S=te,D=R;if((r=e.middlewareData.shift)!=null&&r.enabled.x&&(D=A),(o=e.middlewareData.shift)!=null&&o.enabled.y&&(S=M),C&&!$){let H=pe(p.left,0),de=pe(p.right,0),oe=pe(p.top,0),ue=pe(p.bottom,0);h?D=y-2*(H!==0||de!==0?H+de:pe(p.left,p.right)):S=_-2*(oe!==0||ue!==0?oe+ue:pe(p.top,p.bottom))}await d({...e,availableWidth:D,availableHeight:S});let P=await n.getDimensions(l.floating);return y!==P.width||_!==P.height?{reset:{rects:!0}}:{}}}};function ur(){return typeof window!="undefined"}function ct(t){return Ji(t)?(t.nodeName||"").toLowerCase():"#document"}function me(t){var e;return(t==null||(e=t.ownerDocument)==null?void 0:e.defaultView)||window}function Ae(t){var e;return(e=(Ji(t)?t.ownerDocument:t.document)||window.document)==null?void 0:e.documentElement}function Ji(t){return ur()?t instanceof Node||t instanceof me(t).Node:!1}function xe(t){return ur()?t instanceof Element||t instanceof me(t).Element:!1}function _e(t){return ur()?t instanceof HTMLElement||t instanceof me(t).HTMLElement:!1}function Ui(t){return!ur()||typeof ShadowRoot=="undefined"?!1:t instanceof ShadowRoot||t instanceof me(t).ShadowRoot}var ad=new Set(["inline","contents"]);function vt(t){let{overflow:e,overflowX:r,overflowY:o,display:i}=ye(t);return/auto|scroll|overlay|hidden|clip/.test(e+o+r)&&!ad.has(i)}var nd=new Set(["table","td","th"]);function Qi(t){return nd.has(ct(t))}var sd=[":popover-open",":modal"];function Bt(t){return sd.some(e=>{try{return t.matches(e)}catch(r){return!1}})}var ld=["transform","translate","scale","rotate","perspective"],cd=["transform","translate","scale","rotate","perspective","filter"],dd=["paint","layout","strict","content"];function pr(t){let e=mr(),r=xe(t)?ye(t):t;return ld.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)||cd.some(o=>(r.willChange||"").includes(o))||dd.some(o=>(r.contain||"").includes(o))}function Yi(t){let e=qe(t);for(;_e(e)&&!dt(e);){if(pr(e))return e;if(Bt(e))return null;e=qe(e)}return null}function mr(){return typeof CSS=="undefined"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}var ud=new Set(["html","body","#document"]);function dt(t){return ud.has(ct(t))}function ye(t){return me(t).getComputedStyle(t)}function Pt(t){return xe(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function qe(t){if(ct(t)==="html")return t;let e=t.assignedSlot||t.parentNode||Ui(t)&&t.host||Ae(t);return Ui(e)?e.host:e}function Xi(t){let e=qe(t);return dt(e)?t.ownerDocument?t.ownerDocument.body:t.body:_e(e)&&vt(e)?e:Xi(e)}function dr(t,e,r){var o;e===void 0&&(e=[]),r===void 0&&(r=!0);let i=Xi(t),a=i===((o=t.ownerDocument)==null?void 0:o.body),n=me(i);if(a){let l=hr(n);return e.concat(n,n.visualViewport||[],vt(i)?i:[],l&&r?dr(l):[])}return e.concat(i,dr(i,[],r))}function hr(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function Gi(t){let e=ye(t),r=parseFloat(e.width)||0,o=parseFloat(e.height)||0,i=_e(t),a=i?t.offsetWidth:r,n=i?t.offsetHeight:o,l=Dt(r)!==a||Dt(o)!==n;return l&&(r=a,o=n),{width:r,height:o,$:l}}function Wi(t){return xe(t)?t:t.contextElement}function wt(t){let e=Wi(t);if(!_e(e))return Ce(1);let r=e.getBoundingClientRect(),{width:o,height:i,$:a}=Gi(e),n=(a?Dt(r.width):r.width)/o,l=(a?Dt(r.height):r.height)/i;return(!n||!Number.isFinite(n))&&(n=1),(!l||!Number.isFinite(l))&&(l=1),{x:n,y:l}}var pd=Ce(0);function ea(t){let e=me(t);return!mr()||!e.visualViewport?pd:{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}}function md(t,e,r){return e===void 0&&(e=!1),!r||e&&r!==me(t)?!1:e}function Rt(t,e,r,o){e===void 0&&(e=!1),r===void 0&&(r=!1);let i=t.getBoundingClientRect(),a=Wi(t),n=Ce(1);e&&(o?xe(o)&&(n=wt(o)):n=wt(t));let l=md(a,r,o)?ea(a):Ce(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 $=me(a),h=o&&xe(o)?me(o):o,y=$,_=hr(y);for(;_&&o&&h!==y;){let E=wt(_),N=_.getBoundingClientRect(),M=ye(_),A=N.left+(_.clientLeft+parseFloat(M.paddingLeft))*E.x,te=N.top+(_.clientTop+parseFloat(M.paddingTop))*E.y;d*=E.x,u*=E.y,p*=E.x,m*=E.y,d+=A,u+=te,y=me(_),_=hr(y)}}return lt({width:p,height:m,x:d,y:u})}function lo(t,e){let r=Pt(t).scrollLeft;return e?e.left+r:Rt(Ae(t)).left+r}function ta(t,e,r){r===void 0&&(r=!1);let o=t.getBoundingClientRect(),i=o.left+e.scrollLeft-(r?0:lo(t,o)),a=o.top+e.scrollTop;return{x:i,y:a}}function hd(t){let{elements:e,rect:r,offsetParent:o,strategy:i}=t,a=i==="fixed",n=Ae(o),l=e?Bt(e.floating):!1;if(o===n||l&&a)return r;let d={scrollLeft:0,scrollTop:0},u=Ce(1),p=Ce(0),m=_e(o);if((m||!m&&!a)&&((ct(o)!=="body"||vt(n))&&(d=Pt(o)),_e(o))){let h=Rt(o);u=wt(o),p.x=h.x+o.clientLeft,p.y=h.y+o.clientTop}let $=n&&!m&&!a?ta(n,d,!0):Ce(0);return{width:r.width*u.x,height:r.height*u.y,x:r.x*u.x-d.scrollLeft*u.x+p.x+$.x,y:r.y*u.y-d.scrollTop*u.y+p.y+$.y}}function bd(t){return Array.from(t.getClientRects())}function gd(t){let e=Ae(t),r=Pt(t),o=t.ownerDocument.body,i=pe(e.scrollWidth,e.clientWidth,o.scrollWidth,o.clientWidth),a=pe(e.scrollHeight,e.clientHeight,o.scrollHeight,o.clientHeight),n=-r.scrollLeft+lo(t),l=-r.scrollTop;return ye(o).direction==="rtl"&&(n+=pe(e.clientWidth,o.clientWidth)-i),{width:i,height:a,x:n,y:l}}function fd(t,e){let r=me(t),o=Ae(t),i=r.visualViewport,a=o.clientWidth,n=o.clientHeight,l=0,d=0;if(i){a=i.width,n=i.height;let u=mr();(!u||u&&e==="fixed")&&(l=i.offsetLeft,d=i.offsetTop)}return{width:a,height:n,x:l,y:d}}function vd(t,e){let r=Rt(t,!0,e==="fixed"),o=r.top+t.clientTop,i=r.left+t.clientLeft,a=_e(t)?wt(t):Ce(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 Zi(t,e,r){let o;if(e==="viewport")o=fd(t,r);else if(e==="document")o=gd(Ae(t));else if(xe(e))o=vd(e,r);else{let i=ea(t);o={x:e.x-i.x,y:e.y-i.y,width:e.width,height:e.height}}return lt(o)}function ra(t,e){let r=qe(t);return r===e||!xe(r)||dt(r)?!1:ye(r).position==="fixed"||ra(r,e)}function wd(t,e){let r=e.get(t);if(r)return r;let o=dr(t,[],!1).filter(l=>xe(l)&&ct(l)!=="body"),i=null,a=ye(t).position==="fixed",n=a?qe(t):t;for(;xe(n)&&!dt(n);){let l=ye(n),d=pr(n);!d&&l.position==="fixed"&&(i=null),(a?!d&&!i:!d&&l.position==="static"&&!!i&&["absolute","fixed"].includes(i.position)||vt(n)&&!d&&ra(t,n))?o=o.filter(p=>p!==n):i=l,n=qe(n)}return e.set(t,o),o}function xd(t){let{element:e,boundary:r,rootBoundary:o,strategy:i}=t,n=[...r==="clippingAncestors"?Bt(e)?[]:wd(e,this._c):[].concat(r),o],l=n[0],d=n.reduce((u,p)=>{let m=Zi(e,p,i);return u.top=pe(m.top,u.top),u.right=He(m.right,u.right),u.bottom=He(m.bottom,u.bottom),u.left=pe(m.left,u.left),u},Zi(e,l,i));return{width:d.right-d.left,height:d.bottom-d.top,x:d.left,y:d.top}}function yd(t){let{width:e,height:r}=Gi(t);return{width:e,height:r}}function kd(t,e,r){let o=_e(e),i=Ae(e),a=r==="fixed",n=Rt(t,!0,a,e),l={scrollLeft:0,scrollTop:0},d=Ce(0);if(o||!o&&!a)if((ct(e)!=="body"||vt(i))&&(l=Pt(e)),o){let $=Rt(e,!0,a,e);d.x=$.x+e.clientLeft,d.y=$.y+e.clientTop}else i&&(d.x=lo(i));let u=i&&!o&&!a?ta(i,l):Ce(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 so(t){return ye(t).position==="static"}function Ki(t,e){if(!_e(t)||ye(t).position==="fixed")return null;if(e)return e(t);let r=t.offsetParent;return Ae(t)===r&&(r=r.ownerDocument.body),r}function oa(t,e){let r=me(t);if(Bt(t))return r;if(!_e(t)){let i=qe(t);for(;i&&!dt(i);){if(xe(i)&&!so(i))return i;i=qe(i)}return r}let o=Ki(t,e);for(;o&&Qi(o)&&so(o);)o=Ki(o,e);return o&&dt(o)&&so(o)&&!pr(o)?r:o||Yi(t)||r}var $d=async function(t){let e=this.getOffsetParent||oa,r=this.getDimensions,o=await r(t.floating);return{reference:kd(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}};function Ed(t){return ye(t).direction==="rtl"}var Cd={convertOffsetParentRelativeRectToViewportRelativeRect:hd,getDocumentElement:Ae,getClippingRect:xd,getOffsetParent:oa,getElementRects:$d,getClientRects:bd,getDimensions:yd,getScale:wt,isElement:xe,isRTL:Ed};var ia=Hi;var aa=ji,na=Ii,sa=qi,la=Fi,ca=Vi;var da=(t,e,r)=>{let o=new Map,i={platform:Cd,...r},a={...i.platform,_c:o};return Ri(t,e,{...i,platform:a})};var gr="top-start",fr="top",vr="top-end",wr="right-start",xr="right",yr="right-end",kr="bottom-start",Vt="bottom",$r="bottom-end",Er="left-start",Cr="left",_r="left-end",co=[gr,fr,vr,wr,xr,yr,kr,Vt,$r,Er,Cr,_r],ut={[gr]:kr,[fr]:Vt,[vr]:$r,[kr]:gr,[Vt]:fr,[$r]:vr,[Er]:wr,[Cr]:xr,[_r]:yr,[wr]:Er,[xr]:Cr,[yr]:_r},_d={[Er]:-45,[Cr]:-45,[_r]:-45,[gr]:45,[fr]:45,[vr]:45,[wr]:135,[xr]:135,[yr]:135,[kr]:-135,[Vt]:-135,[$r]:-135},uo=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},Sd=t=>t.split("-")[0],Ld=t=>ut[Sd(t)],pa=t=>ut[t],Od=t=>_d[pa(t)],Td=(t,e,r)=>{Object.assign(t==null?void 0:t.style,{borderTopLeftRadius:"4px",zIndex:1,[`margin${uo(Ld(r))}`]:"-0.5px",transform:`rotate(${e}deg)`})},ua=8,br=24;async function po(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 da(e,r,{placement:(o=t==null?void 0:t.directionName)!=null?o:Vt,middleware:[ia({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)&&na({crossAxis:t==null?void 0:t.crossAxis,fallbackPlacements:t==null?void 0:t.fallbackPlacements}),(t==null?void 0:t.flip)&&aa({crossAxis:!0}),!(t!=null&&t.noArrow)&&(t==null?void 0:t.arrowEl)&&ca({element:t==null?void 0:t.arrowEl}),la(),sa({apply(){Object.assign(r.style,{paddingRight:`${ua}px`,paddingLeft:`${ua}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:$}=d.arrow,h=window.getComputedStyle(r).direction==="rtl",y=pa(u).split("-")[1],_="",E="",N="",M="";if(y==="start"){let A=typeof m=="number"?`calc(${br}px - ${p.offsetWidth/2}px)`:"";_=typeof $=="number"?`calc(${br}px - ${p.offsetWidth/2}px)`:"",E=h?A:"",M=h?"":A}else if(y==="end"){let A=typeof m=="number"?`calc(${br}px - ${p.offsetWidth/2}px)`:"";E=h?"":A,M=h?A:"",N=typeof $=="number"?`calc(${br}px - ${p.offsetWidth/2}px)`:""}else M=typeof m=="number"?`${m}px`:"",_=typeof $=="number"?`${$}px`:"";Object.assign(p.style,{top:_,right:E,bottom:N,left:M}),Td(p,Od(u),u)}}),t}var Sr={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"},ke={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 Ke="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"},T={primary:`border-0 rounded-8 ${Ke}`,secondary:`border-2 rounded-8 ${Ke}`,utility:`border rounded-4 ${Ke}`,negative:`border-0 rounded-8 ${Ke}`,pill:`p-4 rounded-full border-0 inline-flex items-center justify-center hover:bg-clip-padding ${Ke}`,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 ${Ke}`,utilityQuiet:`border-0 rounded-4 ${Ke}`,negativeQuiet:`border-0 rounded-8 ${Ke}`,isDisabled:`font-bold justify-center transition-colors ease-in-out cursor-default pointer-events-none ${V.disabled}`},jb={secondary:`${v.medium} ${f.medium} ${T.secondary} ${V.secondary}`,secondaryHref:`${v.medium} ${f.medium} ${T.secondary} ${V.secondary}`,secondaryDisabled:`${v.medium} ${f.medium} ${T.secondary} ${b.isDisabled}`,secondarySmall:`${f.xsmall} ${v.xsmall} ${T.secondary} ${V.secondary}`,secondarySmallDisabled:`${f.xsmall} ${v.xsmall} ${T.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} ${T.secondary} ${b.inProgress}`,secondarySmallLoading:`${f.xsmall} ${v.xsmall} ${T.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} ${T.primary} ${V.primary}`,primaryDisabled:`${v.large} ${f.medium} ${b.isDisabled} ${T.primary}`,primarySmall:`${v.small} ${f.xsmall} ${T.primary} ${V.primary}`,primarySmallDisabled:`${v.small} ${f.xsmall} ${b.isDisabled} ${T.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} ${T.primary}`,primarySmallLoading:`${v.small} ${f.xsmall} ${b.inProgress} ${T.primary}`,primarySmallQuietLoading:`${v.small} ${f.xsmall} ${b.quiet} ${b.inProgress} ${T.primary}`,primaryQuietLoading:`${v.large} ${f.medium} ${b.quiet} ${b.inProgress}`,utility:`${v.utility} ${f.medium} ${T.utility} ${V.utility}`,utilityDisabled:`${v.utility} ${f.medium} ${T.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} ${T.utility} ${V.utility}`,utilitySmallDisabled:`${v.smallUtility} ${f.xsmall} ${T.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} ${T.utility} ${b.inProgress}`,utilitySmallLoading:`${v.smallUtility} ${f.xsmall} ${T.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} ${T.negative} ${V.destructive}`,negativeDisabled:`${v.large} ${f.medium} ${T.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} ${T.negative} ${V.destructive}`,negativeSmallDisabled:`${v.small} ${f.xsmall} ${T.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} ${T.negative} ${b.inProgress}`,negativeSmallLoading:`${v.small} ${f.xsmall} ${b.inProgress} ${T.negative}`,negativeQuietLoading:`${v.large} ${f.medium} ${b.negativeQuiet} ${T.negative} ${b.inProgress}`,negativeSmallQuietLoading:`${v.small} ${f.xsmall} ${b.negativeQuiet} ${b.inProgress}`,pill:`${v.pill} ${f.medium} ${T.pill} ${V.pill}`,pillSmall:`${v.pillSmall} ${f.xsmall} ${T.pill} ${V.pill}`,pillLoading:`${v.pill} ${f.medium} ${T.pill} ${b.inProgress}`,pillSmallLoading:`${v.pillSmall} ${f.xsmall} ${T.pill} ${b.inProgress}`,link:`${v.link} ${f.medium} ${T.link}`,linkSmall:`${v.link} ${f.xsmall} ${T.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 qb={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} ${T.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 ma="absolute top-0 bottom-0 flex justify-center items-center focusable rounded-4 focus:[--w-outline-offset:-2px] bg-transparent ",Ub={wrapper:ma+"right-0",wrapperWithLabel:"w-max pr-12",wrapperWithIcon:"w-40",label:"antialiased block relative cursor-default pb-0 font-bold text-xs s-text"},Jb={wrapper:ma+"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 Ze={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]"},Qb={wrapper:`${Ze.wrapper} h-20 w-20 pointer-events-none`,input:`${Ze.input} hidden`,inputVue:"hidden",labelVue:"-mt-2",labelRadio:`${Ze.label} ${Ze.labelBefore} ${Ze.radio}`,labelCheckbox:`${Ze.label} ${Ze.labelBefore} ${Ze.checkbox}`};var pt={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} ${T.pill} ${V.pill} justify-self-end -mr-8 ml-8`};import Ea from"@warp-ds/elements-core";import{ifDefined as Bd}from"lit/directives/if-defined.js";var Nd=["en","nb","fi","da","sv"],ba="en",ha=t=>Nd.find(e=>t===e||t.toLowerCase().includes(e))||ba;function Md(){if(typeof window=="undefined"){let t=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return ha(t)}try{let t=document.documentElement.lang;return ha(t)}catch(t){return console.warn("could not detect locale, falling back to source locale",t),ba}}var zd=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,U=(t,e,r,o,i)=>{let a=Md(),n=zd(a,t,e,r,o,i);c.load(a,n),c.activate(a)};import{classMap as Wb}from"lit/directives/class-map.js";var Ad=t=>t.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase();function ga(t){return class extends t{static createProperty(e,r){let o=r;(typeof(r==null?void 0:r.attribute)=="undefined"||(r==null?void 0:r.attribute)===!0)&&(o=Object.assign({},r,{attribute:Ad(e.toString())})),super.createProperty(e,o)}}}function fa(){return`m${Math.random().toString(36).slice(2)}`}var va=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 wa=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 xa=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 ya=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 ka=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 It=class extends ga(Ea){constructor(){super(),U(wa,ya,xa,va,ka),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(ut).includes(this.placement))throw new Error(`Invalid "placement" attribute. Set its value to one of the following:
|
|
2484
|
+
${JSON.stringify(Object.keys(ut))}`);if(this.fallbackPlacements&&!this.fallbackPlacements.every(e=>co.includes(e)))throw new Error(`Invalid "fallbackPlacements" attribute. Set its value to an array with one or more of the following:
|
|
2485
|
+
${JSON.stringify(co)}`);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?po(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 ut[this._actualDirection]}get _arrowClasses(){return k([pt.arrowBase,this._activeVariantClasses.arrow,pt[`arrowDirection${uo(this._arrowDirection)}`]])}get _arrowHtml(){return this.noArrow?"":xt`<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:pt[r],arrow:pt[`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 k([pt.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 xt`
|
|
2486
|
+
<button aria-label="${this._ariaClose}" @click="${this.close}" @keydown=${this.keypressed} class="${pt.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},po(this.attentionState)}pointingAtDirection(){switch(ut[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=fa());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?xt``:xt`
|
|
2490
|
+
<div class=${Bd(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"?xt`
|
|
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:$a}
|
|
2498
2498
|
</div>
|
|
2499
|
-
`:
|
|
2499
|
+
`:xt`
|
|
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:$a}
|
|
2504
2504
|
</div>
|
|
2505
2505
|
<slot name="target"></slot>
|
|
2506
2506
|
`}
|
|
2507
2507
|
</div>
|
|
2508
|
-
`}};
|
|
2508
|
+
`}};Y(It,"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}}),Y(It,"styles",[Ea.styles,Dd`
|
|
2509
2509
|
#attention {
|
|
2510
2510
|
position: absolute;
|
|
2511
2511
|
z-index: 50;
|
|
@@ -2516,35 +2516,240 @@ ${JSON.stringify(ro)}`);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",It);import{html as Rd,LitElement as Vd}from"lit";import{property as _a}from"lit/decorators.js";import{css as Pd}from"lit";var Ca=Pd`*,: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 yt=class extends Vd{constructor(){super(...arguments);this.variant="neutral"}get _class(){return k(["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 Rd`
|
|
2520
2520
|
<div class="${this._class}">
|
|
2521
2521
|
<slot></slot>
|
|
2522
2522
|
</div>
|
|
2523
|
-
`}};
|
|
2523
|
+
`}};yt.styles=[O,Ca],s([_a({type:String,reflect:!0})],yt.prototype,"variant",2),s([_a({type:String,reflect:!0})],yt.prototype,"position",2);customElements.get("w-badge")||customElements.define("w-badge",yt);import{html as Fd,LitElement as Hd,nothing as jd}from"lit";import{property as Ft}from"lit/decorators.js";import{css as Id}from"lit";var Sa=Id`*,: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 Ue=class extends Hd{get _class(){return k(["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===""?jd:(e=this.role)!=null?e:"region"}render(){return Fd`
|
|
2524
2524
|
<div role="${this._optOutRoleWithDefault}" class="${this._class}">
|
|
2525
2525
|
<slot></slot>
|
|
2526
2526
|
</div>
|
|
2527
|
-
`}};
|
|
2527
|
+
`}};Ue.styles=[O,Sa],s([Ft({type:Boolean,reflect:!0})],Ue.prototype,"bleed",2),s([Ft({type:Boolean,reflect:!0})],Ue.prototype,"bordered",2),s([Ft({type:Boolean,reflect:!0})],Ue.prototype,"info",2),s([Ft({type:Boolean,reflect:!0})],Ue.prototype,"neutral",2),s([Ft({type:String,reflect:!0})],Ue.prototype,"role",2);customElements.get("w-box")||customElements.define("w-box",Ue);import{html as mo,LitElement as Ud}from"lit";function La(t,e){return t.flatMap(r=>[r,e]).slice(0,-1)}import{property as Jd}from"lit/decorators.js";var Oa=JSON.parse('{"breadcrumbs.ariaLabel":["Du er her"]}');var Ta=JSON.parse('{"breadcrumbs.ariaLabel":["You are here"]}');var Na=JSON.parse('{"breadcrumbs.ariaLabel":["Olet t\xE4ss\xE4"]}');var Ma=JSON.parse('{"breadcrumbs.ariaLabel":["Her er du"]}');var za=JSON.parse('{"breadcrumbs.ariaLabel":["Du \xE4r h\xE4r"]}');import{css as qd}from"lit";var Aa=qd`*,: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 kt={wrapper:"flex space-x-8",text:"s-text",link:"s-text-link",separator:"select-none s-icon",a11y:"sr-only"},Qd=mo`<span class=${kt.separator}>/</span>`,Ht=class extends Ud{constructor(){super(),U(Ta,Ma,Na,Oa,za),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 mo`<span class=${kt.text} aria-current=${a?"page":void 0}>${o}</span>`}return o.classList.add(o.tagName==="A"?kt.link:kt.text),o});this._children=La(r,Qd)}render(){return mo`
|
|
2528
2528
|
<nav aria-labelledby="breadCrumbLabel">
|
|
2529
|
-
<h2 id="breadCrumbLabel" class=${
|
|
2530
|
-
<div class=${
|
|
2529
|
+
<h2 id="breadCrumbLabel" class=${kt.a11y}>${this.ariaLabel}</h2>
|
|
2530
|
+
<div class=${kt.wrapper}>${this._children}</div>
|
|
2531
2531
|
</nav>
|
|
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
|
-
|
|
2532
|
+
`}};Ht.styles=[O,Aa],s([Jd({attribute:"aria-label",type:String})],Ht.prototype,"ariaLabel",2);customElements.get("w-breadcrumbs")||customElements.define("w-breadcrumbs",Ht);import{html as Lr,LitElement as eu}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)},X=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 Ge(t){var e,r,o,i,a,n,l,d,u,p,m,$,h,y,_,E,N,M,A;class te extends t{constructor(...C){var S,D,P;super(...C),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,()=>{X(this,i,!0,"f"),X(this,r,!0,"f"),B(this,e,"m",E).call(this)}),m.set(this,()=>{X(this,r,!1,"f"),B(this,e,"m",N).call(this,this.shouldFormValueUpdate()?B(this,u,"f"):""),!this.validity.valid&&B(this,i,"f")&&X(this,o,!0,"f");let H=B(this,e,"m",E).call(this);this.validationMessageCallback&&this.validationMessageCallback(H?this.internals.validationMessage:"")}),$.set(this,()=>{var H;B(this,l,"f")&&this.validationTarget&&(this.internals.setValidity(this.validity,this.validationMessage,this.validationTarget),X(this,l,!1,"f")),X(this,i,!0,"f"),X(this,o,!0,"f"),B(this,e,"m",E).call(this),(H=this===null||this===void 0?void 0:this.validationMessageCallback)===null||H===void 0||H.call(this,this.showError?this.internals.validationMessage:"")}),h.set(this,void 0),y.set(this,!1),_.set(this,Promise.resolve()),(S=this.addEventListener)===null||S===void 0||S.call(this,"focus",B(this,p,"f")),(D=this.addEventListener)===null||D===void 0||D.call(this,"blur",B(this,m,"f")),(P=this.addEventListener)===null||P===void 0||P.call(this,"invalid",B(this,$,"f")),this.setValue(null)}static get formAssociated(){return!0}static get validators(){return this.formControlValidators||[]}static get observedAttributes(){let C=this.validators.map(P=>P.attribute).flat(),S=super.observedAttributes||[];return[...new Set([...S,...C])]}static getValidator(C){return this.validators.find(S=>S.attribute===C)||null}static getValidators(C){return this.validators.filter(S=>{var D;if(S.attribute===C||!((D=S.attribute)===null||D===void 0)&&D.includes(C))return!0})}get form(){return this.internals.form}get showError(){return B(this,e,"m",E).call(this)}checkValidity(){return this.internals.checkValidity()}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}attributeChangedCallback(C,S,D){var P;(P=super.attributeChangedCallback)===null||P===void 0||P.call(this,C,S,D);let de=this.constructor.getValidators(C);de!=null&&de.length&&this.validationTarget&&this.setValue(B(this,u,"f"))}setValue(C){var S;X(this,o,!1,"f"),(S=this.validationMessageCallback)===null||S===void 0||S.call(this,""),X(this,u,C,"f");let P=this.shouldFormValueUpdate()?C:null;this.internals.setFormValue(P),B(this,e,"m",N).call(this,P),this.valueChangedCallback&&this.valueChangedCallback(P),B(this,e,"m",E).call(this)}shouldFormValueUpdate(){return!0}get validationComplete(){return new Promise(C=>C(B(this,_,"f")))}formResetCallback(){var C,S;X(this,i,!1,"f"),X(this,o,!1,"f"),B(this,e,"m",E).call(this),(C=this.resetFormControl)===null||C===void 0||C.call(this),(S=this.validationMessageCallback)===null||S===void 0||S.call(this,B(this,e,"m",E).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,$=new WeakMap,h=new WeakMap,y=new WeakMap,_=new WeakMap,e=new WeakSet,d=function(){let C=this.getRootNode(),S=`${this.localName}[name="${this.getAttribute("name")}"]`;return C.querySelectorAll(S)},E=function(){if(this.hasAttribute("disabled"))return!1;let C=B(this,o,"f")||B(this,i,"f")&&!this.validity.valid&&!B(this,r,"f");return C&&this.internals.states?this.internals.states.add("--show-error"):this.internals.states&&this.internals.states.delete("--show-error"),C},N=function(C){let S=this.constructor,D={},P=S.validators,H=[],de=P.some(Q=>Q.isValid instanceof Promise);B(this,y,"f")||(X(this,_,new Promise(Q=>{X(this,h,Q,"f")}),"f"),X(this,y,!0,"f")),B(this,a,"f")&&(B(this,a,"f").abort(),X(this,n,B(this,a,"f"),"f"));let oe=new AbortController;X(this,a,oe,"f");let ue,G=!1;P.length&&(P.forEach(Q=>{let ge=Q.key||"customError",W=Q.isValid(this,C,oe.signal);W instanceof Promise?(H.push(W),W.then(we=>{we!=null&&(D[ge]=!we,ue=B(this,e,"m",A).call(this,Q,C),B(this,e,"m",M).call(this,D,ue))})):(D[ge]=!W,this.validity[ge]!==!W&&(G=!0),!W&&!ue&&(ue=B(this,e,"m",A).call(this,Q,C)))}),Promise.allSettled(H).then(()=>{var Q;oe!=null&&oe.signal.aborted||(X(this,y,!1,"f"),(Q=B(this,h,"f"))===null||Q===void 0||Q.call(this))}),(G||!de)&&B(this,e,"m",M).call(this,D,ue))},M=function(C,S){if(this.validationTarget)this.internals.setValidity(C,S,this.validationTarget),X(this,l,!1,"f");else{if(this.internals.setValidity(C,S),this.internals.validity.valid)return;X(this,l,!0,"f")}},A=function(C,S){if(this.validityCallback){let D=this.validityCallback(C.key||"customError");if(D)return D}return C.message instanceof Function?C.message(this,S):C.message},te}import tu from"@warp-ds/elements-core";import{property as fe}from"lit/decorators.js";import{html as Xd,LitElement as Zd}from"lit";import Kd from"@warp-ds/elements-core";import{property as Se}from"lit/decorators.js";import{classMap as Gd}from"lit/directives/class-map.js";import{css as Yd}from"lit";var Da=Yd`.w-button,
|
|
2533
|
+
.w-button--secondary {
|
|
2534
|
+
/* Local scoped variables, given the default button (the secondary variant) as a default */
|
|
2535
|
+
--_background: var(--background, var(--w-s-color-background));
|
|
2536
|
+
--_background-hover: var(--background-hover, var(--w-s-color-background-hover));
|
|
2537
|
+
--_background-active: var(--background-active, var(--w-s-color-background-active));
|
|
2538
|
+
--_text-color: var(--color, var(--w-s-color-text-link));
|
|
2539
|
+
--_border-width: var(--border-width, 2px);
|
|
2540
|
+
--_border: var(--border, var(--w-s-color-border));
|
|
2541
|
+
--_border-hover: var(--border-hover, var(--w-s-color-border-hover));
|
|
2542
|
+
--_border-active: var(--border-active, var(--w-s-color-border-active));
|
|
2543
|
+
--_border-radius: var(--border-radius, 8px);
|
|
2544
|
+
--_font-size: var(--font-size, var(--w-font-size-m));
|
|
2545
|
+
--_line-height: var(--line-height, var(--w-line-height-m));
|
|
2546
|
+
--_font-weight: var(--font-weight, bold);
|
|
2547
|
+
--_padding-x: var(--padding-x, 16px);
|
|
2548
|
+
--_padding-y: var(--padding-y, 13px);
|
|
2549
|
+
|
|
2550
|
+
/* Base setup for all buttons */
|
|
2551
|
+
display: inline-flex;
|
|
2552
|
+
justify-content: center;
|
|
2553
|
+
align-items: center;
|
|
2554
|
+
text-align: center;
|
|
2555
|
+
cursor: pointer;
|
|
2556
|
+
transition:
|
|
2557
|
+
color 150ms cubic-bezier(0.4, 0, 0.2, 1),
|
|
2558
|
+
background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
|
|
2559
|
+
border-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
|
|
2560
|
+
fill 150ms cubic-bezier(0.4, 0, 0.2, 1),
|
|
2561
|
+
stroke 150ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
2562
|
+
|
|
2563
|
+
/* Hook the local vars up to the button stuff */
|
|
2564
|
+
background-color: var(--_background);
|
|
2565
|
+
color: var(--_text-color);
|
|
2566
|
+
border: var(--_border-width) solid var(--_border);
|
|
2567
|
+
border-radius: var(--_border-radius);
|
|
2568
|
+
padding: calc(var(--_padding-y) - var(--_border-width)) calc(var(--_padding-x) - var(--_border-width));
|
|
2569
|
+
font-size: var(--_font-size);
|
|
2570
|
+
line-height: var(--_line-height);
|
|
2571
|
+
font-weight: var(--_font-weight);
|
|
2572
|
+
}
|
|
2573
|
+
|
|
2574
|
+
.w-button:hover {
|
|
2575
|
+
background-color: var(--_background-hover);
|
|
2576
|
+
border-color: var(--_border-hover);
|
|
2577
|
+
}
|
|
2578
|
+
|
|
2579
|
+
.w-button:active {
|
|
2580
|
+
background-color: var(--_background-active);
|
|
2581
|
+
border-color: var(--_border-active);
|
|
2582
|
+
}
|
|
2583
|
+
|
|
2584
|
+
.w-button:focus-visible {
|
|
2585
|
+
outline: 2px solid var(--w-s-color-border-focus);
|
|
2586
|
+
outline-offset: var(--w-outline-offset, 1px);
|
|
2587
|
+
}
|
|
2588
|
+
|
|
2589
|
+
/* Variants config */
|
|
2590
|
+
.w-button--primary {
|
|
2591
|
+
--background: var(--w-s-color-background-primary);
|
|
2592
|
+
--background-hover: var(--w-s-color-background-primary-hover);
|
|
2593
|
+
--background-active: var(--w-s-color-background-primary-active);
|
|
2594
|
+
--color: var(--w-s-color-text-inverted);
|
|
2595
|
+
--border-width: 0px;
|
|
2596
|
+
}
|
|
2597
|
+
.w-button--negative {
|
|
2598
|
+
--background: var(--w-s-color-background-negative);
|
|
2599
|
+
--background-hover: var(--w-s-color-background-negative-hover);
|
|
2600
|
+
--background-active: var(--w-s-color-background-negative-active);
|
|
2601
|
+
--color: var(--w-s-color-text-inverted);
|
|
2602
|
+
--border-width: 0px;
|
|
2603
|
+
}
|
|
2604
|
+
.w-button--negative-quiet {
|
|
2605
|
+
--background: transparent;
|
|
2606
|
+
--background-hover: var(--w-s-color-background-negative-subtle-hover);
|
|
2607
|
+
--background-active: var(--w-s-color-background-negative-subtle-active);
|
|
2608
|
+
--color: var(--w-s-color-text-negative);
|
|
2609
|
+
--border-width: 0px;
|
|
2610
|
+
}
|
|
2611
|
+
.w-button--utility {
|
|
2612
|
+
--background: var(--w-s-color-background);
|
|
2613
|
+
--background-hover: var(--w-s-color-background-hover);
|
|
2614
|
+
--background-active: var(--w-s-color-background-active);
|
|
2615
|
+
--color: var(--w-s-color-text);
|
|
2616
|
+
--border-radius: 4px;
|
|
2617
|
+
--border-width: 1px;
|
|
2618
|
+
}
|
|
2619
|
+
.w-button--utility-quiet {
|
|
2620
|
+
--background: transparent;
|
|
2621
|
+
--color: var(--w-s-color-text);
|
|
2622
|
+
--border-width: 0px;
|
|
2623
|
+
}
|
|
2624
|
+
.w-button--overlay {
|
|
2625
|
+
--background: var(--w-color-background);
|
|
2626
|
+
--background-hover: var(--w-color-background-hover);
|
|
2627
|
+
--background-active: var(--w-color-background-active);
|
|
2628
|
+
--color: var(--w-s-color-text);
|
|
2629
|
+
--border-radius: 9999px;
|
|
2630
|
+
--border-width: 0px;
|
|
2631
|
+
}
|
|
2632
|
+
.w-button--overlay-quiet {
|
|
2633
|
+
--background: transparent;
|
|
2634
|
+
--background-hover: var(--w-s-color-background-hover);
|
|
2635
|
+
--background-active: var(--w-s-color-background-active);
|
|
2636
|
+
--color: var(--w-s-color-text);
|
|
2637
|
+
--border-radius: 9999px;
|
|
2638
|
+
--border-width: 0px;
|
|
2639
|
+
}
|
|
2640
|
+
.w-button--overlay-inverted {
|
|
2641
|
+
--background: var(--w-s-color-background-inverted);
|
|
2642
|
+
--background-hover: var(--w-s-color-background-inverted-hover);
|
|
2643
|
+
--background-active: var(--w-s-color-background-inverted-active);
|
|
2644
|
+
--color: var(--w-s-color-text-inverted);
|
|
2645
|
+
--border-radius: 9999px;
|
|
2646
|
+
--border-width: 0px;
|
|
2647
|
+
}
|
|
2648
|
+
.w-button--overlay-inverted-quiet {
|
|
2649
|
+
--background: transparent;
|
|
2650
|
+
--background-hover: var(--w-s-color-background-inverted-hover);
|
|
2651
|
+
--background-active: var(--w-s-color-background-inverted-active);
|
|
2652
|
+
--color: var(--w-s-color-text-inverted);
|
|
2653
|
+
--border-radius: 9999px;
|
|
2654
|
+
--border-width: 0px;
|
|
2655
|
+
}
|
|
2656
|
+
|
|
2657
|
+
.w-button--link {
|
|
2658
|
+
--background: none;
|
|
2659
|
+
--background-hover: none;
|
|
2660
|
+
--background-active: none;
|
|
2661
|
+
--border-width: 0;
|
|
2662
|
+
--font-weight: normal;
|
|
2663
|
+
display: inline;
|
|
2664
|
+
}
|
|
2665
|
+
|
|
2666
|
+
/* States config, selects --loading as well since loading is always supposed to be disabled */
|
|
2667
|
+
.w-button:disabled,
|
|
2668
|
+
.w-button--disabled,
|
|
2669
|
+
.w-button--loading {
|
|
2670
|
+
--background: var(--w-s-color-background-disabled);
|
|
2671
|
+
--background-hover: var(--w-s-color-background-disabled);
|
|
2672
|
+
--background-active: var(--w-s-color-background-disabled);
|
|
2673
|
+
--color: var(--w-s-color-text-inverted);
|
|
2674
|
+
--border-width: 0px;
|
|
2675
|
+
pointer-events: none;
|
|
2676
|
+
}
|
|
2677
|
+
|
|
2678
|
+
.w-button--link:hover {
|
|
2679
|
+
text-decoration: underline;
|
|
2680
|
+
}
|
|
2681
|
+
|
|
2682
|
+
/* Sizes config */
|
|
2683
|
+
.w-button--small {
|
|
2684
|
+
--padding-x: 12px;
|
|
2685
|
+
--padding-y: 8px;
|
|
2686
|
+
--font-size: var(--w-font-size-xs);
|
|
2687
|
+
--line-height: var(--w-line-height-xs);
|
|
2688
|
+
}
|
|
2689
|
+
|
|
2690
|
+
/* Width config */
|
|
2691
|
+
.w-button--full-width {
|
|
2692
|
+
width: 100%;
|
|
2693
|
+
max-width: 100%;
|
|
2694
|
+
}
|
|
2695
|
+
|
|
2696
|
+
.w-button--has-icon-only {
|
|
2697
|
+
width: auto;
|
|
2698
|
+
max-width: none;
|
|
2699
|
+
--_padding-x: var(--_padding-y);
|
|
2700
|
+
aspect-ratio: 1 / 1;
|
|
2701
|
+
}
|
|
2702
|
+
|
|
2703
|
+
a.w-button {
|
|
2704
|
+
text-decoration: none !important;
|
|
2705
|
+
}
|
|
2706
|
+
|
|
2707
|
+
/* Copy of loading animation from warp */
|
|
2708
|
+
.w-button--loading {
|
|
2709
|
+
background-image: linear-gradient(
|
|
2710
|
+
135deg,
|
|
2711
|
+
rgba(0, 0, 0, 0.05) 25%,
|
|
2712
|
+
transparent 25%,
|
|
2713
|
+
transparent 50%,
|
|
2714
|
+
rgba(0, 0, 0, 0.05) 50%,
|
|
2715
|
+
rgba(0, 0, 0, 0.05) 75%,
|
|
2716
|
+
transparent 75%,
|
|
2717
|
+
transparent
|
|
2718
|
+
);
|
|
2719
|
+
background-size: 30px 30px;
|
|
2720
|
+
animation: animate-inprogress 3s linear infinite;
|
|
2721
|
+
}
|
|
2722
|
+
|
|
2723
|
+
@keyframes animate-inprogress {
|
|
2724
|
+
0% {
|
|
2725
|
+
background-position: 0 0;
|
|
2726
|
+
}
|
|
2727
|
+
100% {
|
|
2728
|
+
background-position: 60px 0;
|
|
2729
|
+
}
|
|
2730
|
+
}`;var Ba=["primary","secondary","negative","negativeQuiet","utility","utilityQuiet","pill","link"],ie=class extends Ge(Zd){constructor(){super(),this.variant="secondary"}connectedCallback(){if(super.connectedCallback(),!Ba.includes(this.variant))throw new Error(`Invalid "variant" attribute. Set its value to one of the following:
|
|
2731
|
+
${Ba.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0)}render(){let e={"w-button":this.variant!=="link","w-button--primary":this.variant==="primary","w-button--secondary":this.variant==="secondary","w-button--negative":this.variant==="negative","w-button--utility":this.variant==="utility","w-button--quiet":this.variant==="quiet","w-button--negative-quiet":this.variant==="negativeQuiet","w-button--utility-quiet":this.variant==="utilityQuiet","w-button--small":this.small,"w-button--full-width":this.fullWidth,"w-button--disabled":this.disabled};return Xd`<a
|
|
2732
|
+
href=${this.href}
|
|
2733
|
+
target=${this.target}
|
|
2734
|
+
rel=${this.target==="_blank"?this.rel||"noopener":void 0}
|
|
2735
|
+
class=${Gd(e)}>
|
|
2736
|
+
<slot></slot>
|
|
2737
|
+
</a>`}};ie.shadowRootOptions={...Kd.shadowRootOptions,delegatesFocus:!0},ie.styles=[O,Da],s([Se({type:Boolean,reflect:!0})],ie.prototype,"autofocus",2),s([Se({reflect:!0})],ie.prototype,"variant",2),s([Se({type:Boolean,reflect:!0})],ie.prototype,"quiet",2),s([Se({type:Boolean,reflect:!0})],ie.prototype,"small",2),s([Se({reflect:!0})],ie.prototype,"href",2),s([Se({type:Boolean,reflect:!0})],ie.prototype,"disabled",2),s([Se({reflect:!0})],ie.prototype,"target",2),s([Se({reflect:!0})],ie.prototype,"rel",2),s([Se({attribute:"full-width",type:Boolean,reflect:!0})],ie.prototype,"fullWidth",2),s([Se({attribute:"button-class",reflect:!0})],ie.prototype,"buttonClass",2),s([Se({reflect:!0})],ie.prototype,"name",2);customElements.get("w-link")||customElements.define("w-link",ie);var Pa=JSON.parse('{"button.aria.loading":["Indl\xE6ser..."]}');var Ra=JSON.parse('{"button.aria.loading":["Loading..."]}');var Va=JSON.parse('{"button.aria.loading":["Ladataan..."]}');var Ia=JSON.parse('{"button.aria.loading":["Laster..."]}');var Fa=JSON.parse('{"button.aria.loading":["Laddar ..."]}');import{css as Wd}from"lit";var Ha=Wd`*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.text-center{text-align:center}.animate-inprogress{background-size:30px 30px;animation:3s linear infinite animate-inprogress;background-image:linear-gradient(135deg,#0000000d 25%,#0000 0 50%,#0000000d 0 75%,#0000 0,#0000)!important}@keyframes animate-inprogress{0%{background-position:0 0}to{background-position:60px 0}}.hover\\:bg-clip-padding:hover{-webkit-background-clip:padding-box;background-clip:padding-box}.bg-transparent{background-color:#0000}.bg-\\[--w-color-button-primary-background\\]{background-color:var(--w-color-button-primary-background)}.hover\\:bg-\\[--w-color-button-pill-background-hover\\]:hover{background-color:var(--w-color-button-pill-background-hover)}.hover\\:bg-\\[--w-color-button-primary-background-hover\\]:hover{background-color:var(--w-color-button-primary-background-hover)}.active\\:bg-\\[--w-color-button-pill-background-active\\]:active{background-color:var(--w-color-button-pill-background-active)}.active\\:bg-\\[--w-color-button-primary-background-active\\]:active{background-color:var(--w-color-button-primary-background-active)}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-transparent{border-color:#0000}.rounded-4{border-radius:4px}.rounded-8{border-radius:8px}.rounded-full{border-radius:9999px}.inline-block{display:inline-block}.inline{display:inline}.inline-flex{display:inline-flex}.hover\\:underline:hover,.focus\\:underline:focus,.active\\:underline:active{text-decoration-line:underline}.hover\\:no-underline:hover,.focus\\:no-underline:focus,.active\\:no-underline:active{text-decoration:none}.focusable:focus{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:focus-visible{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:not(:focus-visible){outline:none}.items-center{align-items:center}.justify-center{justify-content:center}.static{position:static}.s-bg{background-color:var(--w-s-color-background)}.s-bg-disabled{background-color:var(--w-s-color-background-disabled)}.s-bg-negative{background-color:var(--w-s-color-background-negative)}.s-bg-subtle{background-color:var(--w-s-color-background-subtle)}.hover\\:s-bg-hover:hover{background-color:var(--w-s-color-background-hover)}.hover\\:s-bg-negative-hover:hover{background-color:var(--w-s-color-background-negative-hover)}.hover\\:s-bg-negative-subtle-hover:hover{background-color:var(--w-s-color-background-negative-subtle-hover)}.active\\:s-bg-active:active{background-color:var(--w-s-color-background-active)}.active\\:s-bg-negative-active:active{background-color:var(--w-s-color-background-negative-active)}.active\\:s-bg-negative-subtle-active:active{background-color:var(--w-s-color-background-negative-subtle-active)}.s-text{color:var(--w-s-color-text)}.s-text-inverted{color:var(--w-s-color-text-inverted)}.s-text-link{color:var(--w-s-color-text-link)}.s-text-negative{color:var(--w-s-color-text-negative)}.s-icon{color:var(--w-s-color-icon)}.hover\\:s-icon-hover:hover{color:var(--w-s-color-icon-hover)}.active\\:s-icon-active:active{color:var(--w-s-color-icon-active)}.s-border{border-color:var(--w-s-color-border)}.hover\\:s-border-hover:hover{border-color:var(--w-s-color-border-hover)}.active\\:s-border-active:active{border-color:var(--w-s-color-border-active)}.max-w-full{max-width:100%}.max-w-max{max-width:max-content}.min-h-32{min-height:3.2rem}.min-w-32{min-width:3.2rem}.w-full{width:100%}.min-h-\\[44px\\]{min-height:44px}.min-w-\\[44px\\]{min-width:44px}.p-0{padding:0}.p-4{padding:.4rem}.px-14{padding-left:1.4rem;padding-right:1.4rem}.px-16{padding-left:1.6rem;padding-right:1.6rem}.py-10{padding-top:1rem;padding-bottom:1rem}.py-12{padding-top:1.2rem;padding-bottom:1.2rem}.py-6{padding-top:.6rem;padding-bottom:.6rem}.py-8{padding-top:.8rem;padding-bottom:.8rem}.px-\\[15px\\]{padding-left:15px;padding-right:15px}.py-\\[11px\\]{padding-top:11px;padding-bottom:11px}.py-\\[7px\\]{padding-top:7px;padding-bottom:7px}.cursor-default{cursor:default}.font-bold{font-weight:700}.pointer-events-none{pointer-events:none}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.text-m{font-size:var(--w-font-size-m);line-height:var(--w-line-height-m)}.text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs)}.leading-\\[24\\]{line-height:2.4rem}`;var ja=["primary","secondary","negative","utility","pill","link"],We="font-bold focusable justify-center transition-colors ease-in-out",q={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"},z={primary:`border-0 rounded-8 ${We}`,secondary:`border-2 rounded-8 ${We}`,utility:`border rounded-4 ${We}`,negative:`border-0 rounded-8 ${We}`,pill:`p-4 rounded-full border-0 inline-flex items-center justify-center hover:bg-clip-padding ${We}`,link:`bg-transparent focusable ease-in-out inline active:underline hover:underline focus:underline ${q.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 ${q.loading}`,quiet:`border-0 rounded-8 ${We}`,utilityQuiet:`border-0 rounded-4 ${We}`,negativeQuiet:`border-0 rounded-8 ${We}`,isDisabled:`font-bold justify-center transition-colors ease-in-out cursor-default pointer-events-none ${q.disabled}`},L={secondary:`${w.medium} ${x.medium} ${z.secondary} ${q.secondary}`,secondaryHref:`${w.medium} ${x.medium} ${z.secondary} ${q.secondary}`,secondaryDisabled:`${w.medium} ${x.medium} ${z.secondary} ${g.isDisabled}`,secondarySmall:`${x.xsmall} ${w.xsmall} ${z.secondary} ${q.secondary}`,secondarySmallDisabled:`${x.xsmall} ${w.xsmall} ${z.secondary} ${g.isDisabled}`,secondaryQuiet:`${w.medium} ${x.medium} ${g.quiet} ${q.quiet}`,secondaryQuietDisabled:`${w.medium} ${x.medium} ${g.quiet} ${g.isDisabled}`,secondarySmallQuiet:`${x.xsmall} ${w.xsmall} ${g.quiet} ${q.quiet}`,secondarySmallQuietDisabled:`${x.xsmall} ${w.xsmall} ${g.quiet} ${g.isDisabled}`,secondaryLoading:`${w.medium} ${x.medium} ${z.secondary} ${g.inProgress}`,secondarySmallLoading:`${x.xsmall} ${w.xsmall} ${z.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} ${z.primary} ${q.primary}`,primaryDisabled:`${w.large} ${x.medium} ${g.isDisabled} ${z.primary}`,primarySmall:`${w.small} ${x.xsmall} ${z.primary} ${q.primary}`,primarySmallDisabled:`${w.small} ${x.xsmall} ${g.isDisabled} ${z.primary} `,primaryQuiet:`${w.large} ${x.medium} ${g.quiet} ${q.quiet}`,primaryQuietDisabled:`${w.large} ${x.medium} ${g.quiet} ${g.isDisabled}`,primarySmallQuiet:`${w.small} ${x.xsmall} ${g.quiet} ${q.quiet}`,primarySmallQuietDisabled:`${w.small} ${x.xsmall} ${g.quiet} ${g.isDisabled}`,primaryLoading:`${w.large} ${x.medium} ${g.inProgress} ${z.primary}`,primarySmallLoading:`${w.small} ${x.xsmall} ${g.inProgress} ${z.primary}`,primarySmallQuietLoading:`${w.small} ${x.xsmall} ${g.quiet} ${g.inProgress} ${z.primary}`,primaryQuietLoading:`${w.large} ${x.medium} ${g.quiet} ${g.inProgress}`,utility:`${w.utility} ${x.medium} ${z.utility} ${q.utility}`,utilityDisabled:`${w.utility} ${x.medium} ${z.utility} ${g.isDisabled}`,utilityQuiet:`${w.large} ${x.medium} ${g.utilityQuiet} ${q.utilityQuiet}`,utilityQuietDisabled:`${w.large} ${x.medium} ${g.utilityQuiet} ${g.isDisabled}`,utilitySmall:`${w.smallUtility} ${x.xsmall} ${z.utility} ${q.utility}`,utilitySmallDisabled:`${w.smallUtility} ${x.xsmall} ${z.utility} ${g.isDisabled}`,utilitySmallQuiet:`${w.smallUtility} ${x.xsmall} ${g.utilityQuiet} ${q.utilityQuiet}`,utilitySmallQuietDisabled:`${w.smallUtility} ${x.xsmall} ${g.utilityQuiet} ${g.isDisabled}`,utilityLoading:`${w.large} ${x.medium} ${z.utility} ${g.inProgress}`,utilitySmallLoading:`${w.smallUtility} ${x.xsmall} ${z.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} ${z.negative} ${q.destructive}`,negativeDisabled:`${w.large} ${x.medium} ${z.negative} ${g.isDisabled}`,negativeQuiet:`${w.large} ${x.medium} ${g.negativeQuiet} ${q.negativeQuiet}`,negativeQuietDisabled:`${w.large} ${x.medium} ${g.negativeQuiet}${g.isDisabled}`,negativeSmall:`${w.small} ${x.xsmall} ${z.negative} ${q.destructive}`,negativeSmallDisabled:`${w.small} ${x.xsmall} ${z.negative} ${g.isDisabled}`,negativeSmallQuiet:`${w.small} ${x.xsmall} ${g.negativeQuiet} ${q.negativeQuiet}`,negativeSmallQuietDisabled:`${w.small} ${x.xsmall} ${g.negativeQuiet} ${g.isDisabled}`,negativeLoading:`${w.large} ${x.medium} ${z.negative} ${g.inProgress}`,negativeSmallLoading:`${w.small} ${x.xsmall} ${g.inProgress} ${z.negative}`,negativeQuietLoading:`${w.large} ${x.medium} ${g.negativeQuiet} ${z.negative} ${g.inProgress}`,negativeSmallQuietLoading:`${w.small} ${x.xsmall} ${g.negativeQuiet} ${g.inProgress}`,pill:`${w.pill} ${x.medium} ${z.pill} ${q.pill}`,pillSmall:`${w.pillSmall} ${x.xsmall} ${z.pill} ${q.pill}`,pillLoading:`${w.pill} ${x.medium} ${z.pill} ${g.inProgress}`,pillSmallLoading:`${w.pillSmall} ${x.xsmall} ${z.pill} ${g.inProgress}`,link:`${w.link} ${x.medium} ${z.link}`,linkSmall:`${w.link} ${x.xsmall} ${z.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"},ee=class extends Ge(eu){constructor(){super();this.type="button";U(Ra,Ia,Va,Pa,Fa),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(),!ja.includes(this.variant))throw new Error(`Invalid "variant" attribute. Set its value to one of the following:
|
|
2738
|
+
${ja.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 k(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 Lr` ${this.href?Lr`<w-link
|
|
2534
2739
|
href=${this.href}
|
|
2535
2740
|
target=${this.target}
|
|
2536
2741
|
rel=${this.target==="_blank"?this.rel||"noopener":void 0}
|
|
2537
2742
|
class=${this._classes}>
|
|
2538
2743
|
<slot></slot>
|
|
2539
|
-
</
|
|
2744
|
+
</w-link>`:Lr`<button type=${this.type||"button"} class=${this._classes} @click="${this._handleButtonClick}">
|
|
2540
2745
|
<slot></slot>
|
|
2541
2746
|
</button>`}
|
|
2542
|
-
${this.loading
|
|
2543
|
-
<div tabindex=${
|
|
2544
|
-
${this._interactiveElement} ${this.flat?"":
|
|
2747
|
+
${this.loading?Lr`<span class="sr-only" role="progressbar" aria-valuenow="{0}" aria-valuetext=${this.ariaValueTextLoading}></span>`:null}`}};ee.shadowRootOptions={...tu.shadowRootOptions,delegatesFocus:!0},ee.styles=[O,Ha],s([fe({reflect:!0})],ee.prototype,"type",2),s([fe({type:Boolean,reflect:!0})],ee.prototype,"autofocus",2),s([fe({reflect:!0})],ee.prototype,"variant",2),s([fe({type:Boolean,reflect:!0})],ee.prototype,"quiet",2),s([fe({type:Boolean,reflect:!0})],ee.prototype,"small",2),s([fe({type:Boolean,reflect:!0})],ee.prototype,"loading",2),s([fe({reflect:!0})],ee.prototype,"href",2),s([fe({reflect:!0})],ee.prototype,"target",2),s([fe({reflect:!0})],ee.prototype,"rel",2),s([fe({attribute:"full-width",type:Boolean,reflect:!0})],ee.prototype,"fullWidth",2),s([fe({attribute:"button-class",reflect:!0})],ee.prototype,"buttonClass",2),s([fe({reflect:!0})],ee.prototype,"name",2),s([fe({reflect:!0})],ee.prototype,"value",2);customElements.get("w-button")||customElements.define("w-button",ee);import{html as Or,css as ou,LitElement as iu}from"lit";import{property as ho}from"lit/decorators.js";import{ifDefined as au}from"lit/directives/if-defined.js";var qa=JSON.parse('{"card.button.text":["V\xE6lg"]}');var Ua=JSON.parse('{"card.button.text":["Select"]}');var Ja=JSON.parse('{"card.button.text":["Valitse"]}');var Qa=JSON.parse('{"card.button.text":["Velg"]}');var Ya=JSON.parse('{"card.button.text":["V\xE4lj"]}');import{css as ru}from"lit";var Xa=ru`*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.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 De={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"},Za={ENTER:"Enter",SPACE:" "},mt=class extends iu{constructor(){super();this.selected=!1;this.flat=!1;this.clickable=!1;U(Ua,Qa,Ja,qa,Ya),this.buttonText=c._({id:"card.button.text",message:"Select",comment:"Screenreader message to indicate that the card is clickable"})}get _containerClasses(){return k([De.base,this.flat?De.flat:De.shadow,this.selected&&!this.flat&&De.selected,this.selected&&this.flat?De.flatSelected:De.flatUnselected])}get _outlineClasses(){return k([De.outline,this.selected?De.outlineSelected:De.outlineUnselected])}get _interactiveElement(){let r=()=>Or`<button class="${De.a11y}" aria-pressed="${this.selected}" tabindex="-1">${this.buttonText}</button>`,o=()=>Or`<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===Za.ENTER||r.key===Za.SPACE)&&(r.preventDefault(),this.click())}render(){return Or`
|
|
2748
|
+
<div tabindex=${au(this.clickable?"0":void 0)} class="${this._containerClasses}" @keydown=${this.keypressed}>
|
|
2749
|
+
${this._interactiveElement} ${this.flat?"":Or`<div class="${this._outlineClasses}"></div>`}
|
|
2545
2750
|
<slot></slot>
|
|
2546
2751
|
</div>
|
|
2547
|
-
`}};
|
|
2752
|
+
`}};mt.styles=[O,Xa,ou`
|
|
2548
2753
|
a::after {
|
|
2549
2754
|
content: '';
|
|
2550
2755
|
position: absolute;
|
|
@@ -2556,7 +2761,7 @@ ${_a.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0
|
|
|
2556
2761
|
:host {
|
|
2557
2762
|
display: block;
|
|
2558
2763
|
}
|
|
2559
|
-
`],s([
|
|
2764
|
+
`],s([ho({type:Boolean,reflect:!0})],mt.prototype,"selected",2),s([ho({type:Boolean})],mt.prototype,"flat",2),s([ho({type:Boolean})],mt.prototype,"clickable",2);customElements.get("w-card")||customElements.define("w-card",mt);import{css as nu,html as su,LitElement as lu}from"lit";import{property as Tr}from"lit/decorators.js";import{classMap as cu}from"lit/directives/class-map.js";var et=class extends lu{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=cu({checkbox:this.type==="checkbox",radio:this.type==="radio",checked:this.checked});return su` <div class="${r}">${this.indeterminateMarker}</div> `}};et.styles=[O,nu`
|
|
2560
2765
|
div {
|
|
2561
2766
|
display: block;
|
|
2562
2767
|
border-width: 1px;
|
|
@@ -2602,36 +2807,36 @@ ${_a.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0
|
|
|
2602
2807
|
:host([type='checkbox'][invalid][indeterminate]) div {
|
|
2603
2808
|
background-color: var(--w-s-color-background-negative);
|
|
2604
2809
|
}
|
|
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)}">
|
|
2810
|
+
`],s([Tr({type:String})],et.prototype,"type",2),s([Tr({type:Boolean,reflect:!0})],et.prototype,"checked",2),s([Tr({type:Boolean,reflect:!0})],et.prototype,"indeterminate",2),s([Tr({type:Boolean,reflect:!0})],et.prototype,"invalid",2);customElements.get("w-dead-toggle")||customElements.define("w-dead-toggle",et);import{css as Pu,html as Be,LitElement as Ru}from"lit";import{property as Le}from"lit/decorators.js";import{ifDefined as Vu}from"lit/directives/if-defined.js";import{LitElement as du}from"lit";import{unsafeStatic as uu,html as pu}from"lit/static-html.js";var mu=JSON.parse('{"icon.title.chevron-down":["Nedoverpil"]}'),hu=JSON.parse('{"icon.title.chevron-down":["Downward arrow"]}'),bu=JSON.parse('{"icon.title.chevron-down":["Nuoli alasp\xE4in"]}'),gu=JSON.parse('{"icon.title.chevron-down":["Pil nedad"]}'),fu=JSON.parse('{"icon.title.chevron-down":["Pil ned"]}'),Ka=["en","nb","fi","da","sv"],Ga="en",vu=()=>{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},bo=t=>Ka.find(e=>t===e||t.toLowerCase().includes(e))||Wa();function wu(){var t;if(typeof window=="undefined"){let e=vu();return bo(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=Wa();return Ka.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),Ga}}var xu=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,yu=(t,e,r,o,i)=>{let a=wu(),n=xu(a,t,e,r,o,i);c.load(a,n),c.activate(a)};yu(hu,mu,bu,gu,fu);var ku=class extends du{render(){let t=c.t({message:"Downward arrow",id:"icon.title.chevron-down",comment:"Title for chevron-down icon"});return pu`<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">${uu(`<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",ku);import{LitElement as $u}from"lit";import{unsafeStatic as Eu,html as Cu}from"lit/static-html.js";var _u=JSON.parse('{"icon.title.chevron-up":["Oppoverpil"]}'),Su=JSON.parse('{"icon.title.chevron-up":["Upward arrow"]}'),Lu=JSON.parse('{"icon.title.chevron-up":["Nuoli yl\xF6sp\xE4in"]}'),Ou=JSON.parse('{"icon.title.chevron-up":["Pil opad"]}'),Tu=JSON.parse('{"icon.title.chevron-up":["Pil upp"]}'),en=["en","nb","fi","da","sv"],tn="en",Nu=()=>{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},rn=()=>{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":tn},go=t=>en.find(e=>t===e||t.toLowerCase().includes(e))||rn();function Mu(){var t;if(typeof window=="undefined"){let e=Nu();return go(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=rn();return en.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),tn}}var zu=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,Au=(t,e,r,o,i)=>{let a=Mu(),n=zu(a,t,e,r,o,i);c.load(a,n),c.activate(a)};Au(Su,_u,Lu,Ou,Tu);var Du=class extends $u{render(){let t=c.t({message:"Upward arrow",id:"icon.title.chevron-up",comment:"Title for chevron-up icon"});return Cu`<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">${Eu(`<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",Du);import{css as Bu}from"lit";var on=Bu`*,: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 Iu={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"},ae={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"},he,an,nn,sn,ln,cn,dn,le=class extends Ru{constructor(){super(...arguments);Me(this,he);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 Be`<div class="${j(this,he,cn)}">
|
|
2606
2811
|
<slot></slot>
|
|
2607
|
-
</div>`}render(){return
|
|
2608
|
-
${this._hasTitle?
|
|
2812
|
+
</div>`}render(){return Be` <div class="${j(this,he,an)}">
|
|
2813
|
+
${this._hasTitle?Be`<w-unstyled-heading level=${this.headingLevel}>
|
|
2609
2814
|
<button
|
|
2610
2815
|
type="button"
|
|
2611
2816
|
aria-expanded="${this.expanded}"
|
|
2612
|
-
class="${j(this,
|
|
2817
|
+
class="${j(this,he,nn)}"
|
|
2613
2818
|
@click=${()=>this.expanded=!this.expanded}>
|
|
2614
|
-
<div class="${
|
|
2615
|
-
${this.title?
|
|
2616
|
-
${this.noChevron?"":
|
|
2819
|
+
<div class="${ae.title}">
|
|
2820
|
+
${this.title?Be`<span class="${ae.titleType}">${this.title}</span>`:Be`<slot name="title"></slot>`}
|
|
2821
|
+
${this.noChevron?"":Be`<div class="${j(this,he,sn)}">${j(this,he,ln)}</div>`}
|
|
2617
2822
|
</div>
|
|
2618
2823
|
</button>
|
|
2619
2824
|
</w-unstyled-heading>`:""}
|
|
2620
|
-
${this.animated?
|
|
2825
|
+
${this.animated?Be`<w-expand-transition ?show=${this.expanded}> ${this._expandableSlot} </w-expand-transition>`:Be`<div class="${j(this,he,dn)}" aria-hidden=${Vu(this.expanded?void 0:!0)}>
|
|
2621
2826
|
${this._expandableSlot}
|
|
2622
2827
|
</div>`}
|
|
2623
|
-
</div>`}};
|
|
2828
|
+
</div>`}};he=new WeakSet,an=function(){return k([ae.wrapper,this.box&&ae.box,this.bleed&&ae.bleed])},nn=function(){return k(this.buttonClass,[ae.button,this.box&&ae.buttonBox])},sn=function(){return k([ae.chevron,!this.box&&ae.chevronNonBox])},ln=function(){let r=k([ae.elementsChevronUpTransform,!this.expanded&&this._showChevronUp&&ae.elementsChevronCollapse]),o=k([ae.elementsChevronDownTransform,this.expanded&&!this._showChevronUp&&ae.elementsChevronExpand]);return this._showChevronUp?Be`<w-icon-chevron-up-16 class="${r}"></w-icon-chevron-up-16>`:Be`<w-icon-chevron-down-16 class="${o}"></w-icon-chevron-down-16>`},cn=function(){return k(this.contentClass,[this.box&&Iu.base,this._hasTitle&&this.box&&ae.contentWithTitle])},dn=function(){return k([ae.expansion,!this.expanded&&ae.expansionNotExpanded])},le.styles=[O,on,Pu`
|
|
2624
2829
|
:host {
|
|
2625
2830
|
display: block;
|
|
2626
2831
|
}
|
|
2627
2832
|
::slotted(:last-child) {
|
|
2628
2833
|
margin-bottom: 0px !important;
|
|
2629
2834
|
}
|
|
2630
|
-
`],s([
|
|
2835
|
+
`],s([Le({type:Boolean,reflect:!0})],le.prototype,"expanded",2),s([Le({type:String})],le.prototype,"title",2),s([Le({type:Boolean})],le.prototype,"box",2),s([Le({type:Boolean})],le.prototype,"bleed",2),s([Le({attribute:"button-class",type:String})],le.prototype,"buttonClass",2),s([Le({attribute:"content-class",type:String})],le.prototype,"contentClass",2),s([Le({attribute:"no-chevron",type:Boolean})],le.prototype,"noChevron",2),s([Le({type:Boolean})],le.prototype,"animated",2),s([Le({attribute:"heading-level",type:Number})],le.prototype,"headingLevel",2),s([Le({type:Boolean,state:!0})],le.prototype,"_hasTitle",2),s([Le({type:Boolean,state:!0})],le.prototype,"_showChevronUp",2);customElements.get("w-expandable")||customElements.define("w-expandable",le);import{html as Fu,css as Hu,LitElement as ju}from"lit";var jt=t=>class extends t{constructor(){super(...arguments);this.patchClose=!0;this._close=null}close(){this._close()}},qt=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 Ut=class extends jt(qt(ju)){render(){return Fu`
|
|
2631
2836
|
<div class="footer">
|
|
2632
2837
|
<slot @slotchange="${this.handleSlotChange}"></slot>
|
|
2633
2838
|
</div>
|
|
2634
|
-
`}};
|
|
2839
|
+
`}};Ut.styles=[O,Hu`
|
|
2635
2840
|
.footer {
|
|
2636
2841
|
display: flex;
|
|
2637
2842
|
flex-shrink: 0;
|
|
@@ -2646,7 +2851,7 @@ ${_a.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0
|
|
|
2646
2851
|
padding-right: 3.2rem;
|
|
2647
2852
|
}
|
|
2648
2853
|
}
|
|
2649
|
-
`];customElements.get("w-modal-footer")||customElements.define("w-modal-footer",
|
|
2854
|
+
`];customElements.get("w-modal-footer")||customElements.define("w-modal-footer",Ut);import{css as ip,html as wo,LitElement as ap,nothing as kn}from"lit";var un=(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}),pn=({dx:t,dy:e})=>[{transform:`translate(${t}px, ${e}px)`},{transform:"none"}],mn={easing:"ease",duration:300};var fo=!1,qu=typeof window!="undefined";if(qu){let t=window.matchMedia("(prefers-reduced-motion: reduce)"),e=({matches:r})=>fo=r;t.addEventListener&&t.addEventListener("change",e),e(t)}var Nr=class{constructor(e,{animation:r={},keyframes:o,respectReduceMotion:i=!0}={}){Y(this,"first");Y(this,"last");Y(this,"el");this.el=e,this.first={},this.last={},this.userAnimationOptions=r,this.keyframeGenerator=o||pn,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(un(this.first,this.last))}get defaults(){return mn}get mergedOptions(){return{...this.defaults,...this.userAnimationOptions}}get animationOptions(){return this.shouldReduceMotion?fo?{...this.mergedOptions,duration:0}:this.mergedOptions:this.mergedOptions}};import{property as xo,query as np,state as sp}from"lit/decorators.js";import{LitElement as Uu}from"lit";import{unsafeStatic as Ju,html as Qu}from"lit/static-html.js";var Yu=JSON.parse('{"icon.title.arrow-left":["Pil som peker mot venstre"]}'),Xu=JSON.parse('{"icon.title.arrow-left":["Leftward-pointing arrow"]}'),Zu=JSON.parse('{"icon.title.arrow-left":["Vasemmalle osoittava nuoli"]}'),Ku=JSON.parse('{"icon.title.arrow-left":["Pil til venstre"]}'),Gu=JSON.parse('{"icon.title.arrow-left":["Pil som pekar v\xE4nster"]}'),hn=["en","nb","fi","da","sv"],bn="en",Wu=()=>{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},vo=t=>hn.find(e=>t===e||t.toLowerCase().includes(e))||gn();function ep(){var t;if(typeof window=="undefined"){let e=Wu();return vo(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=gn();return hn.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),bn}}var tp=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,rp=(t,e,r,o,i)=>{let a=ep(),n=tp(a,t,e,r,o,i);c.load(a,n),c.activate(a)};rp(Xu,Yu,Zu,Ku,Gu);var op=class extends Uu{render(){let t=c.t({message:"Leftward-pointing arrow",id:"icon.title.arrow-left",comment:"Title for table arrow left icon"});return Qu`<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">${Ju(`<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",op);var fn=JSON.parse('{"modal.aria.back":["Tilbage"],"modal.aria.close":["Luk"]}');var vn=JSON.parse('{"modal.aria.back":["Back"],"modal.aria.close":["Close"]}');var wn=JSON.parse('{"modal.aria.back":["Takaisin"],"modal.aria.close":["Sulje"]}');var xn=JSON.parse('{"modal.aria.back":["Tilbake"],"modal.aria.close":["Lukk"]}');var yn=JSON.parse('{"modal.aria.back":["Tillbaka"],"modal.aria.close":["St\xE4ng"]}');var Pe=class extends jt(ap){constructor(){super();this._hasTopContent=!1;U(vn,xn,wn,fn,yn)}render(){return wo`
|
|
2650
2855
|
<div class="header">
|
|
2651
2856
|
<slot name="top" @slotchange=${this.handleTopSlotChange}></slot>
|
|
2652
2857
|
<div class="${this._hasTopContent?"":"header-title-bar"}">
|
|
@@ -2655,19 +2860,19 @@ ${_a.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0
|
|
|
2655
2860
|
${this.closeButton}
|
|
2656
2861
|
</div>
|
|
2657
2862
|
</div>
|
|
2658
|
-
`}async willUpdate(r){r.has("back")&&new
|
|
2863
|
+
`}async willUpdate(r){r.has("back")&&new Nr(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?wo`<button
|
|
2659
2864
|
type="button"
|
|
2660
2865
|
aria-label="${c._({id:"modal.aria.back",message:"Back",comment:"Aria label for the back button in modal"})}"
|
|
2661
2866
|
class="header-button header-button-left"
|
|
2662
2867
|
@click="${this.emitBack}">
|
|
2663
2868
|
<w-icon-arrow-left-16></w-icon-arrow-left-16>
|
|
2664
|
-
</button>`:
|
|
2869
|
+
</button>`:kn}get closeButton(){return this.noClose?kn:wo`<button
|
|
2665
2870
|
type="button"
|
|
2666
2871
|
aria-label="${c._({id:"modal.aria.close",message:"Close",comment:"Aria label for the close button in modal"})}"
|
|
2667
2872
|
class="header-button ${this._hasTopContent?"header-close-button-on-image":"header-close-button"}"
|
|
2668
2873
|
@click="${this.close}">
|
|
2669
2874
|
<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}};
|
|
2875
|
+
</button>`}emitBack(){this.dispatchEvent(new CustomEvent("backClicked",{bubbles:!0,composed:!0}))}handleTopSlotChange(r){let o=r.target.assignedElements({flatten:!0});this._hasTopContent=!!o.length}};Pe.styles=[O,ip`
|
|
2671
2876
|
.header {
|
|
2672
2877
|
position: relative;
|
|
2673
2878
|
padding-bottom: 0.8rem;
|
|
@@ -2780,7 +2985,7 @@ ${_a.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0
|
|
|
2780
2985
|
min-width: 32px;
|
|
2781
2986
|
}
|
|
2782
2987
|
}
|
|
2783
|
-
`],s([
|
|
2988
|
+
`],s([xo({type:String})],Pe.prototype,"title",2),s([xo({type:Boolean})],Pe.prototype,"back",2),s([xo({type:Boolean,attribute:"no-close"})],Pe.prototype,"noClose",2),s([sp()],Pe.prototype,"_hasTopContent",2),s([np(".title-el")],Pe.prototype,"titleEl",2);customElements.get("w-modal-header")||customElements.define("w-modal-header",Pe);import{css as vp,html as wp,LitElement as xp}from"lit";import{property as ko,query as $o}from"lit/decorators.js";var Jt=[],yo={documentElement:{},body:{}},lp=Object.freeze({documentElement:{"scrollbar-gutter":"stable"},body:{overflow:"hidden",position:"relative",height:"100%"}}),$n=t=>{var e;t.touches.length>1||((e=t.preventDefault)==null||e.call(t))},cp=t=>([e,r])=>{yo[t][e]=document[t].style[e],document[t].style[e]=r},dp=()=>Object.entries(lp).forEach(([t,e])=>{Object.entries(e).forEach(cp(t))}),up=t=>([e,r])=>{document[t].style[e]=yo[t][e]},pp=()=>Object.entries(yo).forEach(([t,e])=>{Object.entries(e).forEach(up(t))}),mp=t=>t.scrollHeight-Math.abs(t.scrollTop)===t.clientHeight;function hp(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||mp(t)&&i<0?$n(o):(o.stopPropagation(),!0)};t.ontouchstart=o=>{o.targetTouches.length===1&&(e=o.targetTouches[0].clientY)},t.ontouchmove=r}function bp(t){t.ontouchstart=null,t.ontouchmove=null}var En=t=>()=>document[t?"addEventListener":"removeEventListener"]("touchmove",$n,{passive:!1}),gp=En(!0),fp=En();function Cn(t){if(!t)throw Error("Could not run setup, an element must be provided");Jt.some(e=>e===t)||(Jt.length||(dp(),gp()),hp(t),Jt.push(t))}function _n(){Jt.forEach(bp),fp(),pp(),Jt=[]}var Oe=class extends qt(xp){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(),_n(),await this.updateComplete,this.dispatchEvent(new CustomEvent("hidden",{bubbles:!0,composed:!0}))},{once:!0})}render(){return wp`
|
|
2784
2989
|
<dialog class="dialog-el">
|
|
2785
2990
|
<div class="dialog-inner-el">
|
|
2786
2991
|
<slot name="header" @slotchange="${this.handleSlotChange}"></slot>
|
|
@@ -2790,7 +2995,7 @@ ${_a.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0
|
|
|
2790
2995
|
<slot name="footer" @slotchange="${this.handleSlotChange}"></slot>
|
|
2791
2996
|
</div>
|
|
2792
2997
|
</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}};
|
|
2998
|
+
`}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}};Oe.styles=[O,vp`
|
|
2794
2999
|
.dialog-el {
|
|
2795
3000
|
--w-modal-translate-distance: 100%;
|
|
2796
3001
|
--w-modal-max-height: 80%;
|
|
@@ -2911,7 +3116,7 @@ ${_a.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0
|
|
|
2911
3116
|
background: transparent;
|
|
2912
3117
|
}
|
|
2913
3118
|
}
|
|
2914
|
-
`],s([
|
|
3119
|
+
`],s([ko({type:Boolean})],Oe.prototype,"show",2),s([ko({type:String,attribute:"content-id"})],Oe.prototype,"contentId",2),s([ko({type:Boolean,attribute:"ignore-backdrop-clicks"})],Oe.prototype,"ignoreBackdropClicks",2),s([$o(".dialog-el")],Oe.prototype,"dialogEl",2),s([$o(".dialog-inner-el")],Oe.prototype,"dialogInnerEl",2),s([$o(".content-el")],Oe.prototype,"contentEl",2);customElements.get("w-modal")||customElements.define("w-modal",Oe);import{html as Ln,LitElement as kp}from"lit";import{property as On}from"lit/decorators.js";import{classMap as $p}from"lit/directives/class-map.js";import{map as Ep}from"lit/directives/map.js";import{range as Cp}from"lit/directives/range.js";import{css as yp}from"lit";var Sn=yp`
|
|
2915
3120
|
.w-pageindicator {
|
|
2916
3121
|
display: grid;
|
|
2917
3122
|
justify-content: center;
|
|
@@ -2935,38 +3140,38 @@ ${_a.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0
|
|
|
2935
3140
|
.w-pageindicator--selecteddot {
|
|
2936
3141
|
background-color: var(--w-s-color-icon-selected);
|
|
2937
3142
|
}
|
|
2938
|
-
`;var
|
|
3143
|
+
`;var $t=class extends kp{constructor(){super(...arguments);this.selectedPage=1;this.pageCount=1}render(){return Ln`
|
|
2939
3144
|
<div class="w-pageindicator">
|
|
2940
3145
|
<div class="w-pageindicator--container">
|
|
2941
|
-
${
|
|
3146
|
+
${Ep(Cp(this.pageCount),r=>{let i={"w-pageindicator--dot":!0,"w-pageindicator--selecteddot":r===this.selectedPage-1};return Ln`<div class="${$p(i)}"></div>`})}
|
|
2942
3147
|
</div>
|
|
2943
3148
|
</div>
|
|
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)}">
|
|
3149
|
+
`}};$t.styles=[Sn],s([On({type:Number,attribute:"selected-page"})],$t.prototype,"selectedPage",2),s([On({type:Number,attribute:"page-count"})],$t.prototype,"pageCount",2);customElements.get("w-pageindicator")||customElements.define("w-pageindicator",$t);import{html as Qt,LitElement as pm,nothing as So}from"lit";import{property as Mr}from"lit/decorators.js";import{LitElement as _p}from"lit";import{unsafeStatic as Sp,html as Lp}from"lit/static-html.js";var Op=JSON.parse('{"icon.title.chevron-double-left":["Dobbel pil til venstre"]}'),Tp=JSON.parse('{"icon.title.chevron-double-left":["Double leftward arrow"]}'),Np=JSON.parse('{"icon.title.chevron-double-left":["Kaksi nuolta vasemmalle"]}'),Mp=JSON.parse('{"icon.title.chevron-double-left":["Dobbelt venstrepil"]}'),zp=JSON.parse('{"icon.title.chevron-double-left":["Dubbel v\xE4nsterpil"]}'),Tn=["en","nb","fi","da","sv"],Nn="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},Mn=()=>{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":Nn},Eo=t=>Tn.find(e=>t===e||t.toLowerCase().includes(e))||Mn();function Dp(){var t;if(typeof window=="undefined"){let e=Ap();return Eo(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=Mn();return Tn.includes(e)?Eo(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),Eo(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),Nn}}var Bp=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,Pp=(t,e,r,o,i)=>{let a=Dp(),n=Bp(a,t,e,r,o,i);c.load(a,n),c.activate(a)};Pp(Tp,Op,Np,Mp,zp);var Rp=class extends _p{render(){let t=c.t({message:"Double leftward arrow",id:"icon.title.chevron-double-left",comment:"Title for chevron-double-left icon"});return Lp`<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">${Sp(`<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",Rp);import{LitElement as Vp}from"lit";import{unsafeStatic as Ip,html as Fp}from"lit/static-html.js";var Hp=JSON.parse('{"icon.title.chevron-left":["Pil til venstre"]}'),jp=JSON.parse('{"icon.title.chevron-left":["Leftward arrow"]}'),qp=JSON.parse('{"icon.title.chevron-left":["Nuoli vasemmalle"]}'),Up=JSON.parse('{"icon.title.chevron-left":["Pil til venstre"]}'),Jp=JSON.parse('{"icon.title.chevron-left":["Pil v\xE4nster"]}'),zn=["en","nb","fi","da","sv"],An="en",Qp=()=>{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},Dn=()=>{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":An},Co=t=>zn.find(e=>t===e||t.toLowerCase().includes(e))||Dn();function Yp(){var t;if(typeof window=="undefined"){let e=Qp();return Co(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=Dn();return zn.includes(e)?Co(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),Co(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),An}}var Xp=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,Zp=(t,e,r,o,i)=>{let a=Yp(),n=Xp(a,t,e,r,o,i);c.load(a,n),c.activate(a)};Zp(jp,Hp,qp,Up,Jp);var Kp=class extends Vp{render(){let t=c.t({message:"Leftward arrow",id:"icon.title.chevron-left",comment:"Title for chevron-left icon"});return Fp`<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">${Ip(`<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",Kp);import{LitElement as Gp}from"lit";import{unsafeStatic as Wp,html as em}from"lit/static-html.js";var tm=JSON.parse('{"icon.title.chevron-right":["Pil til h\xF8yre"]}'),rm=JSON.parse('{"icon.title.chevron-right":["Rightward arrow"]}'),om=JSON.parse('{"icon.title.chevron-right":["Nuoli oikealle"]}'),im=JSON.parse('{"icon.title.chevron-right":["Pil til h\xF8jre"]}'),am=JSON.parse('{"icon.title.chevron-right":["Pil h\xF6ger"]}'),Bn=["en","nb","fi","da","sv"],Pn="en",nm=()=>{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},Rn=()=>{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":Pn},_o=t=>Bn.find(e=>t===e||t.toLowerCase().includes(e))||Rn();function sm(){var t;if(typeof window=="undefined"){let e=nm();return _o(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=Rn();return Bn.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),Pn}}var lm=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,cm=(t,e,r,o,i)=>{let a=sm(),n=lm(a,t,e,r,o,i);c.load(a,n),c.activate(a)};cm(rm,tm,om,im,am);var dm=class extends Gp{render(){let t=c.t({message:"Rightward arrow",id:"icon.title.chevron-right",comment:"Title for chevron-right icon"});return em`<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">${Wp(`<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",dm);var Vn=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 In=JSON.parse('{"pagination.aria.first-page":["First page"],"pagination.aria.icon-suffix":["icon"],"pagination.aria.next-page":["Next page"],"pagination.aria.page":["Page ",["currentPage"]],"pagination.aria.pagination":["Pages"],"pagination.aria.prev-page":["Previous page"]}');var Fn=JSON.parse('{"pagination.aria.first-page":["Ensimm\xE4inen sivu"],"pagination.aria.icon-suffix":["kuvake"],"pagination.aria.next-page":["Seuraava sivu"],"pagination.aria.page":["Sivu ",["currentPage"]],"pagination.aria.pagination":["Sivut"],"pagination.aria.prev-page":["Edellinen sivu"]}');var Hn=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 jn=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 um}from"lit";var qn=um`*,: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 Lo=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"}),zr="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",Ar,Un,tt=class extends pm{constructor(){super();Me(this,Ar);this.currentPageNumber=1;this.visiblePages=7;U(In,Hn,Fn,Vn,jn)}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 Qt`<nav class="flex items-center justify-center p-8" @click="${Xo(this,Ar,Un)}">
|
|
2945
3150
|
<h1 class="sr-only">
|
|
2946
3151
|
${c._({id:"pagination.aria.pagination",message:"Pages",comment:"Default screenreader message for pagination container in the pagination component"})}
|
|
2947
3152
|
</h1>
|
|
2948
3153
|
<div class="md:block s-text-link">
|
|
2949
|
-
${this.shouldShowShowFirstPageButton?
|
|
3154
|
+
${this.shouldShowShowFirstPageButton?Qt`<a
|
|
2950
3155
|
data-page-number="1"
|
|
2951
3156
|
href="${this.baseUrl}1"
|
|
2952
|
-
class="${
|
|
3157
|
+
class="${zr+" s-icon hover:bg-[--w-color-button-pill-background-hover] active:bg-[--w-color-button-pill-background-active]"}">
|
|
2953
3158
|
<span class="sr-only"
|
|
2954
3159
|
>${c._({id:"pagination.aria.first-page",message:"First page",comment:"Default screenreader message for first page link in the pagination component"})},</span
|
|
2955
3160
|
>
|
|
2956
3161
|
<w-icon-chevron-double-left-16></w-icon-chevron-double-left-16>
|
|
2957
|
-
<span class="sr-only">${
|
|
2958
|
-
</a>`:
|
|
2959
|
-
${this.shouldShowPreviousPageButton?
|
|
3162
|
+
<span class="sr-only">${Lo}</span>
|
|
3163
|
+
</a>`:So}
|
|
3164
|
+
${this.shouldShowPreviousPageButton?Qt`<a
|
|
2960
3165
|
data-page-number="${this.currentPageNumber-1}"
|
|
2961
3166
|
href="${this.baseUrl}${this.currentPageNumber-1}"
|
|
2962
|
-
class="${
|
|
3167
|
+
class="${zr+" s-icon hover:bg-[--w-color-button-pill-background-hover] active:bg-[--w-color-button-pill-background-active]"}">
|
|
2963
3168
|
<span class="sr-only"
|
|
2964
3169
|
>${c._({id:"pagination.aria.prev-page",message:"Previous page",comment:"Default screenreader message for previous page link in the pagination component"})},</span
|
|
2965
3170
|
>
|
|
2966
3171
|
<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=
|
|
3172
|
+
<span class="sr-only">${Lo}</span>
|
|
3173
|
+
</a>`:So}
|
|
3174
|
+
${r.map(o=>{let i=o===this.currentPageNumber,a=`${this.baseUrl}${o}`,n=zr;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 Qt`<a
|
|
2970
3175
|
data-page-number="${o}"
|
|
2971
3176
|
aria-label="${l}"
|
|
2972
3177
|
href="${a}"
|
|
@@ -2974,35 +3179,35 @@ ${_a.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0
|
|
|
2974
3179
|
aria-current="${i?"page":""}"
|
|
2975
3180
|
>${o}</a
|
|
2976
3181
|
>`})}
|
|
2977
|
-
${this.shouldShowNextPageButton?
|
|
3182
|
+
${this.shouldShowNextPageButton?Qt`<a
|
|
2978
3183
|
data-page-number="${this.currentPageNumber+1}"
|
|
2979
3184
|
href="${this.baseUrl}${this.currentPageNumber+1}"
|
|
2980
|
-
class="${
|
|
3185
|
+
class="${zr+" s-icon hover:bg-[--w-color-button-pill-background-hover] active:bg-[--w-color-button-pill-background-active]"}">
|
|
2981
3186
|
<span class="sr-only">
|
|
2982
3187
|
${c._({id:"pagination.aria.next-page",message:"Next page",comment:"Default screenreader message for next page link in the pagination component"})},</span
|
|
2983
3188
|
>
|
|
2984
3189
|
<w-icon-chevron-right-16></w-icon-chevron-right-16>
|
|
2985
|
-
<span class="sr-only">${
|
|
2986
|
-
</a>`:
|
|
3190
|
+
<span class="sr-only">${Lo}</span>
|
|
3191
|
+
</a>`:So}
|
|
2987
3192
|
</div>
|
|
2988
|
-
</nav>`}};
|
|
2989
|
-
<div class="${
|
|
3193
|
+
</nav>`}};Ar=new WeakSet,Un=function(r){let o=r.target.getAttribute("data-page-number");this.dispatchEvent(new CustomEvent("page-click",{detail:{clickedPage:o},bubbles:!0,composed:!0}))},tt.styles=[O,qn],s([Mr({type:String,reflect:!0,attribute:"base-url"})],tt.prototype,"baseUrl",2),s([Mr({type:Number,reflect:!0})],tt.prototype,"pages",2),s([Mr({type:Number,reflect:!0,attribute:"current-page"})],tt.prototype,"currentPageNumber",2),s([Mr({type:Number,reflect:!0,attribute:"visible-pages"})],tt.prototype,"visiblePages",2);customElements.get("w-pagination")||customElements.define("w-pagination",tt);import{html as Gn,LitElement as hm}from"lit";import{property as Et}from"lit/decorators.js";var Jn=JSON.parse('{"pill.aria.openFilter":["\xC5bn filter"],"pill.aria.removeFilter":["Fjern filter ",["label"]]}');var Qn=JSON.parse('{"pill.aria.openFilter":["Open filter"],"pill.aria.removeFilter":["Remove filter ",["label"]]}');var Yn=JSON.parse('{"pill.aria.openFilter":["Avaa suodatin"],"pill.aria.removeFilter":["Tyhjenn\xE4 suodatin ",["label"]]}');var Xn=JSON.parse('{"pill.aria.openFilter":["\xC5pne filter"],"pill.aria.removeFilter":["Fjern filter ",["label"]]}');var Zn=JSON.parse('{"pill.aria.openFilter":["\xD6ppna filter"],"pill.aria.removeFilter":["Ta bort filtret ",["label"]]}');import{css as mm}from"lit";var Kn=mm`*,: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 be={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"},Re=class extends hm{constructor(){super(),U(Qn,Xn,Yn,Jn,Zn),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 k([be.button,be.label,this.suggestion?be.suggestion:be.filter,this.canClose?be.labelWithClose:be.labelWithoutClose])}get _closeClasses(){return k([be.button,be.close,this.suggestion?be.suggestion:be.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 Gn`
|
|
3194
|
+
<div class="${be.wrapper}">
|
|
2990
3195
|
<button type="button" class="${this._labelClasses}" @click="${this._onClick}">
|
|
2991
|
-
<span class="${
|
|
3196
|
+
<span class="${be.a11y}">${this.openAriaLabel?this.openAriaLabel:this.openFilterSrText}</span>
|
|
2992
3197
|
<slot></slot>
|
|
2993
3198
|
</button>
|
|
2994
|
-
${this.canClose?
|
|
2995
|
-
<span class="${
|
|
2996
|
-
<w-icon-close-16 class="${
|
|
3199
|
+
${this.canClose?Gn` <button type="button" class="${this._closeClasses}" @click="${this._onClose}">
|
|
3200
|
+
<span class="${be.a11y}">${this.closeAriaLabel?this.closeAriaLabel:this.removeFilterSrText}</span>
|
|
3201
|
+
<w-icon-close-16 class="${be.closeIcon}"></w-icon-close-16>
|
|
2997
3202
|
</button>`:null}
|
|
2998
3203
|
</div>
|
|
2999
|
-
`}};
|
|
3204
|
+
`}};Re.styles=[O,Kn],s([Et({attribute:"can-close",type:Boolean})],Re.prototype,"canClose",2),s([Et({attribute:"suggestion",type:Boolean})],Re.prototype,"suggestion",2),s([Et({attribute:"open-sr-label",type:String})],Re.prototype,"openSrLabel",2),s([Et({attribute:"open-aria-label",type:String})],Re.prototype,"openAriaLabel",2),s([Et({attribute:"close-sr-label",type:String})],Re.prototype,"closeSrLabel",2),s([Et({attribute:"close-aria-label",type:String})],Re.prototype,"closeAriaLabel",2);customElements.get("w-pill")||customElements.define("w-pill",Re);import{html as wm}from"lit";import{property as Xt,state as os}from"lit/decorators.js";import{isServer as Oo}from"lit";import{property as Ct}from"lit/decorators.js";import{LitElement as gm,unsafeCSS as fm}from"lit";import{property as es}from"lit/decorators.js";var Wn={};var Yt,ht=class extends gm{constructor(){super();Me(this,Yt,!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[Wn,...r].map(o=>typeof o=="string"?fm(o):o)}attributeChangedCallback(r,o,i){j(this,Yt)||(this.constructor.elementProperties.forEach((a,n)=>{a.reflect&&this[n]!=null&&this.initialReflectedProperties.set(n,this[n])}),Yo(this,Yt,!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}))}};Yt=new WeakMap,s([es()],ht.prototype,"dir",2),s([es()],ht.prototype,"lang",2);var ts=()=>({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 Dr=class extends Event{constructor(){super("w-invalid",{bubbles:!0,cancelable:!1,composed:!0})}};var re=class extends ht{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 Dr))};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)};Oo||this.addEventListener("invalid",this.emitInvalid)}static get validators(){return[ts()]}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(!Oo&&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")||!Oo&&!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)}};re.formAssociated=!0,s([Ct({reflect:!0})],re.prototype,"name",2),s([Ct({type:Boolean})],re.prototype,"disabled",2),s([Ct({state:!0,attribute:!1})],re.prototype,"valueHasChanged",2),s([Ct({state:!0,attribute:!1})],re.prototype,"hasInteracted",2),s([Ct({attribute:"custom-error",reflect:!0})],re.prototype,"customError",2),s([Ct({attribute:!1,state:!0,type:Object})],re.prototype,"validity",1);var rs={};var $e=class extends re{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 wm`
|
|
3000
3205
|
<span part="control" class="control"></span>
|
|
3001
3206
|
<slot part="label" class="label"></slot>
|
|
3002
|
-
`}}
|
|
3207
|
+
`}};$e.css=[rs],s([os()],$e.prototype,"checked",2),s([os()],$e.prototype,"forceDisabled",2),s([Xt({reflect:!0})],$e.prototype,"form",2),s([Xt({reflect:!0})],$e.prototype,"value",2),s([Xt({reflect:!0})],$e.prototype,"appearance",2),s([Xt({reflect:!0})],$e.prototype,"size",2),s([Xt({type:Boolean})],$e.prototype,"disabled",2);import{html as ym}from"lit";import{property as Ve,query as km,state as ls}from"lit/decorators.js";import{classMap as cs}from"lit/directives/class-map.js";var is="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";var as=(t=21)=>{let e="",r=crypto.getRandomValues(new Uint8Array(t|=0));for(;t--;)e+=is[r[t]&63];return e};function ns(t=""){return`${t}${as()}`}var ss={};var Br=(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 _t=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 Z=class extends re{constructor(){super();this.hasSlotController=new _t(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=[Br({validationElement:Object.assign(document.createElement("input"),{required:!0,type:"radio",name:ns("__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 ym`
|
|
3003
3208
|
<fieldset
|
|
3004
3209
|
part="form-control"
|
|
3005
|
-
class=${
|
|
3210
|
+
class=${cs({"form-control":!0,"form-control-radio-group":!0,"form-control-has-label":i,"has-radio-buttons":this.hasRadioButtons})}
|
|
3006
3211
|
role="radiogroup"
|
|
3007
3212
|
aria-labelledby="label"
|
|
3008
3213
|
aria-describedby="hint"
|
|
@@ -3023,12 +3228,12 @@ ${_a.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0
|
|
|
3023
3228
|
id="hint"
|
|
3024
3229
|
name="hint"
|
|
3025
3230
|
part="hint"
|
|
3026
|
-
class=${
|
|
3231
|
+
class=${cs({"has-slotted":a})}
|
|
3027
3232
|
aria-hidden=${a?"false":"true"}
|
|
3028
3233
|
>${this.hint}</slot
|
|
3029
3234
|
>
|
|
3030
3235
|
</fieldset>
|
|
3031
|
-
`}};
|
|
3236
|
+
`}};Z.css=[ss],Z.shadowRootOptions={...re.shadowRootOptions,delegatesFocus:!0},s([ls()],Z.prototype,"hasRadioButtons",2),s([km("slot:not([name])")],Z.prototype,"defaultSlot",2),s([Ve()],Z.prototype,"label",2),s([Ve({attribute:"hint"})],Z.prototype,"hint",2),s([Ve({reflect:!0})],Z.prototype,"name",2),s([Ve({type:Boolean,reflect:!0})],Z.prototype,"disabled",2),s([Ve({reflect:!0})],Z.prototype,"orientation",2),s([ls()],Z.prototype,"value",1),s([Ve({attribute:"value",reflect:!0})],Z.prototype,"defaultValue",2),s([Ve({reflect:!0})],Z.prototype,"size",2),s([Ve({type:Boolean,reflect:!0})],Z.prototype,"required",2),s([Ve({type:Boolean,attribute:"with-label"})],Z.prototype,"withLabel",2),s([Ve({type:Boolean,attribute:"with-hint"})],Z.prototype,"withHint",2);customElements.get("w-radio")||(customElements.define("w-radio",$e),customElements.define("w-radio-group",Z));import{html as Pm}from"lit";import{property as Te,query as Rm}from"lit/decorators.js";import{classMap as Vm}from"lit/directives/class-map.js";import{ifDefined as Im}from"lit/directives/if-defined.js";import{live as hs}from"lit/directives/live.js";function Pr(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 $m}from"lit";import{unsafeStatic as Em,html as Cm}from"lit/static-html.js";var _m=JSON.parse('{"icon.title.check":["Sjekkmerke"]}'),Sm=JSON.parse('{"icon.title.check":["Checkmark"]}'),Lm=JSON.parse('{"icon.title.check":["Valintamerkki"]}'),Om=JSON.parse('{"icon.title.check":["Flueben"]}'),Tm=JSON.parse('{"icon.title.check":["Bock"]}'),ds=["en","nb","fi","da","sv"],us="en",Nm=()=>{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},ps=()=>{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":us},To=t=>ds.find(e=>t===e||t.toLowerCase().includes(e))||ps();function Mm(){var t;if(typeof window=="undefined"){let e=Nm();return To(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=ps();return ds.includes(e)?To(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),To(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),us}}var zm=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,Am=(t,e,r,o,i)=>{let a=Mm(),n=zm(a,t,e,r,o,i);c.load(a,n),c.activate(a)};Am(Sm,_m,Lm,Om,Tm);var Dm=class extends $m{render(){let t=c.t({message:"Checkmark",id:"icon.title.check",comment:"Title for check icon"});return Cm`<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">${Em(`<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",Dm);var ms={};var bs,J=class extends re{constructor(){super(...arguments);this.hasSlotController=new _t(this,"hint");this.title="";this.name="";this._value=(bs=this.getAttribute("value"))!=null?bs: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=[Br({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 Pm`
|
|
3032
3237
|
<label part="base">
|
|
3033
3238
|
<span part="control">
|
|
3034
3239
|
<input
|
|
@@ -3036,9 +3241,9 @@ ${_a.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0
|
|
|
3036
3241
|
type="checkbox"
|
|
3037
3242
|
title=${this.title}
|
|
3038
3243
|
name=${this.name}
|
|
3039
|
-
value=${
|
|
3040
|
-
.indeterminate=${
|
|
3041
|
-
.checked=${
|
|
3244
|
+
value=${Im(this._value)}
|
|
3245
|
+
.indeterminate=${hs(this.indeterminate)}
|
|
3246
|
+
.checked=${hs(this.checked)}
|
|
3042
3247
|
.disabled=${this.disabled}
|
|
3043
3248
|
.required=${this.required}
|
|
3044
3249
|
aria-checked=${this.checked?"true":"false"}
|
|
@@ -3050,34 +3255,49 @@ ${_a.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0
|
|
|
3050
3255
|
<slot part="label"></slot>
|
|
3051
3256
|
</label>
|
|
3052
3257
|
|
|
3053
|
-
<slot id="hint" part="hint" name="hint" aria-hidden=${o?"false":"true"} class="${
|
|
3258
|
+
<slot id="hint" part="hint" name="hint" aria-hidden=${o?"false":"true"} class="${Vm({"has-slotted":o})}">
|
|
3054
3259
|
${this.hint}
|
|
3055
3260
|
</slot>
|
|
3056
|
-
`}};
|
|
3057
|
-
${
|
|
3261
|
+
`}};J.css=[ms],J.shadowRootOptions={...re.shadowRootOptions,delegatesFocus:!0},s([Rm('input[type="checkbox"]')],J.prototype,"input",2),s([Te()],J.prototype,"title",2),s([Te({reflect:!0})],J.prototype,"name",2),s([Te({reflect:!0})],J.prototype,"value",1),s([Te({reflect:!0})],J.prototype,"size",2),s([Te({type:Boolean})],J.prototype,"disabled",2),s([Te({type:Boolean,reflect:!0})],J.prototype,"indeterminate",2),s([Te({type:Boolean,attribute:!1})],J.prototype,"checked",2),s([Te({type:Boolean,reflect:!0,attribute:"checked"})],J.prototype,"defaultChecked",2),s([Te({reflect:!0})],J.prototype,"form",2),s([Te({type:Boolean,reflect:!0})],J.prototype,"required",2),s([Te()],J.prototype,"hint",2),s([Pr("defaultChecked")],J.prototype,"handleDefaultCheckedChange",1),s([Pr(["checked","indeterminate"])],J.prototype,"handleStateChange",1),s([Pr("disabled")],J.prototype,"handleDisabledChange",1);customElements.get("w-checkbox")||customElements.define("w-checkbox",J);import{html as Rr,LitElement as Hm}from"lit";import{property as Ne}from"lit/decorators.js";import{ifDefined as No}from"lit/directives/if-defined.js";import{unsafeHTML as jm}from"lit/directives/unsafe-html.js";import{when as Mo}from"lit/directives/when.js";var gs=JSON.parse('{"select.label.optional":["(valgfrit)"]}');var fs=JSON.parse('{"select.label.optional":["(optional)"]}');var vs=JSON.parse('{"select.label.optional":["(vapaaehtoinen)"]}');var ws=JSON.parse('{"select.label.optional":["(valgfritt)"]}');var xs=JSON.parse('{"select.label.optional":["(valfritt)"]}');import{css as Fm}from"lit";var ys=Fm`*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.focus\\:\\[--w-outline-offset\\:-2px\\]:focus{--w-outline-offset:-2px}.bg-transparent{background-color:#0000}.appearance-none{-webkit-appearance:none;appearance:none}.border-0{border-width:0}.border-1{border-width:1px}.rounded-4{border-radius:4px}.caret-current{caret-color:currentColor}.opacity-25{opacity:.25}.block,.before\\:block:before{display:block}.before\\:hidden:before{display:none}.focusable:focus{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:focus-visible{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:not(:focus-visible){outline:none}.outline-\\[--w-s-color-border-negative\\]\\!{outline-color:var(--w-s-color-border-negative)!important}.bottom-0{bottom:0}.right-0{right:0}.before\\:bottom-0:before{bottom:0}.before\\:right-0:before{right:0}.top-\\[30\\%\\]{top:30%}.absolute{position:absolute}.relative{position:relative}.static{position:static}.before\\:absolute:before{position:absolute}.s-bg{background-color:var(--w-s-color-background)}.s-bg-disabled-subtle{background-color:var(--w-s-color-background-disabled-subtle)}.s-text{color:var(--w-s-color-text)}.s-text-disabled{color:var(--w-s-color-text-disabled)}.s-text-negative{color:var(--w-s-color-text-negative)}.s-text-subtle{color:var(--w-s-color-text-subtle)}.s-icon{color:var(--w-s-color-icon)}.s-border{border-color:var(--w-s-color-border)}.s-border-disabled{border-color:var(--w-s-color-border-disabled)}.s-border-negative{border-color:var(--w-s-color-border-negative)}.hover\\:s-border-disabled:hover{border-color:var(--w-s-color-border-disabled)}.hover\\:s-border-hover:hover{border-color:var(--w-s-color-border-hover)}.hover\\:s-border-negative-hover:hover{border-color:var(--w-s-color-border-negative-hover)}.active\\:s-border-active:active{border-color:var(--w-s-color-border-active)}.active\\:s-border-disabled:active{border-color:var(--w-s-color-border-disabled)}.h-full{height:100%}.w-32{width:3.2rem}.w-full{width:100%}.before\\:h-full:before{height:100%}.before\\:w-32:before{width:3.2rem}.mb-0{margin-bottom:0}.mt-4{margin-top:.4rem}.py-12{padding-top:1.2rem;padding-bottom:1.2rem}.pb-4{padding-bottom:.4rem}.pl-0{padding-left:0}.pl-8{padding-left:.8rem}.pr-32{padding-right:3.2rem}.cursor-pointer{cursor:pointer}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:grayscale}.font-bold{font-weight:700}.font-normal{font-weight:400}.pointer-events-none,.before\\:pointer-events-none:before{pointer-events:none}.text-m{font-size:var(--w-font-size-m);line-height:var(--w-line-height-m)}.text-s{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s)}.text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs)}`;var Je={base:"block text-m mb-0 py-12 pr-32 rounded-4 w-full focusable focus:[--w-outline-offset:-2px] appearance-none cursor-pointer caret-current",default:"s-text s-bg pl-8 border-1 s-border hover:s-border-hover active:s-border-active",disabled:"s-text-disabled s-bg-disabled-subtle pl-8 border-1 s-border-disabled hover:s-border-disabled active:s-border-disabled pointer-events-none",invalid:"s-text s-bg pl-8 border-1 s-border-negative hover:s-border-negative-hover active:s-border-active outline-[--w-s-color-border-negative]!",readOnly:"s-text bg-transparent pl-0 border-0 pointer-events-none before:hidden",wrapper:"relative",selectWrapper:"relative before:block before:absolute before:right-0 before:bottom-0 before:w-32 before:h-full before:pointer-events-none ",chevron:"block absolute top-[30%] right-0 bottom-0 w-32 h-full s-icon pointer-events-none cursor-pointer",chevronDisabled:"opacity-25"},ks={base:"antialiased block relative text-s font-bold pb-4 cursor-pointer s-text",optional:"pl-8 font-normal text-s s-text-subtle"},zo={base:"text-xs mt-4 block",color:"s-text-subtle",colorInvalid:"s-text-negative"},ne,$s,Es,Cs,Vr,Ir,ce=class extends Ge(Hm){constructor(){super();Me(this,ne);this._setValue=r=>{this.value=r,this.setValue(r)};U(fs,ws,vs,gs,xs),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 Rr`<div class="${Je.wrapper}">
|
|
3262
|
+
${Mo(this.label,()=>Rr`<label class="${ks.base}" for="${j(this,ne,Vr)}">
|
|
3058
3263
|
${this.label}
|
|
3059
|
-
${
|
|
3264
|
+
${Mo(this.optional,()=>Rr`<span class="${ks.optional}"
|
|
3060
3265
|
>${c._({id:"select.label.optional",message:"(optional)",comment:"Shown behind label when marked as optional"})}</span
|
|
3061
3266
|
>`)}</label
|
|
3062
3267
|
>`)}
|
|
3063
|
-
<div class="${
|
|
3268
|
+
<div class="${Je.selectWrapper}">
|
|
3064
3269
|
<select
|
|
3065
|
-
class="${j(this,
|
|
3066
|
-
id="${j(this,
|
|
3270
|
+
class="${j(this,ne,$s)}"
|
|
3271
|
+
id="${j(this,ne,Vr)}"
|
|
3067
3272
|
?disabled=${this.disabled}
|
|
3068
|
-
aria-describedby="${
|
|
3069
|
-
aria-invalid="${
|
|
3070
|
-
aria-errormessage="${
|
|
3273
|
+
aria-describedby="${No(j(this,ne,Ir))}"
|
|
3274
|
+
aria-invalid="${No(this.invalid)}"
|
|
3275
|
+
aria-errormessage="${No(this.invalid&&j(this,ne,Ir))}"
|
|
3071
3276
|
@keydown=${this.handleKeyDown}
|
|
3072
3277
|
@change=${this.onChange}>
|
|
3073
|
-
${
|
|
3278
|
+
${jm(this._options)}
|
|
3074
3279
|
</select>
|
|
3075
|
-
<div class="${j(this,
|
|
3280
|
+
<div class="${j(this,ne,Cs)}">
|
|
3076
3281
|
<w-icon-chevron-down-16></w-icon-chevron-down-16>
|
|
3077
3282
|
</div>
|
|
3078
3283
|
</div>
|
|
3079
|
-
${
|
|
3080
|
-
</div>`}};
|
|
3284
|
+
${Mo(this.always||this.invalid,()=>Rr`<div id="${j(this,ne,Ir)}" class="${j(this,ne,Es)}">${this.hint}</div>`)}
|
|
3285
|
+
</div>`}};ne=new WeakSet,$s=function(){return k([Je.base,!this.invalid&&!this.disabled&&!this.readOnly&&Je.default,this.invalid&&Je.invalid,this.disabled&&Je.disabled,this.readOnly&&Je.readOnly])},Es=function(){return k([zo.base,this.invalid?zo.colorInvalid:zo.color])},Cs=function(){return k([Je.chevron,this.disabled&&Je.chevronDisabled])},Vr=function(){return"select_id"},Ir=function(){return this.hint?`${j(this,ne,Vr)}__hint`:void 0},ce.styles=[O,ys],s([Ne({attribute:"auto-focus",type:Boolean,reflect:!0})],ce.prototype,"autoFocus",2),s([Ne({type:Boolean,reflect:!0})],ce.prototype,"invalid",2),s([Ne({type:Boolean,reflect:!0})],ce.prototype,"always",2),s([Ne({reflect:!0})],ce.prototype,"hint",2),s([Ne({reflect:!0})],ce.prototype,"label",2),s([Ne({type:Boolean,reflect:!0})],ce.prototype,"optional",2),s([Ne({type:Boolean,reflect:!0})],ce.prototype,"disabled",2),s([Ne({attribute:"read-only",type:Boolean,reflect:!0})],ce.prototype,"readOnly",2),s([Ne({state:!0})],ce.prototype,"_options",2),s([Ne({reflect:!0})],ce.prototype,"name",2),s([Ne({reflect:!0})],ce.prototype,"value",2);customElements.get("w-select")||customElements.define("w-select",ce);import{html as Fr,LitElement as Ss}from"lit";import{property as Hr,state as Um}from"lit/decorators.js";var Ao=JSON.parse('{"steps.aria.emptyCircle":["Tom cirkel"],"steps.aria.active":["Trinindikator aktiv cirkel"],"steps.aria.completed":["Trinindikator fuldf\xF8rt cirkel"]}');var Do=JSON.parse('{"steps.aria.emptyCircle":["Empty circle"],"steps.aria.active":["Step indicator active circle"],"steps.aria.completed":["Step indicator completed circle"]}');var Bo=JSON.parse('{"steps.aria.emptyCircle":["Tyhj\xE4 ympyr\xE4"],"steps.aria.active":["Vaiheilmaisin aktiivinen ympyr\xE4"],"steps.aria.completed":["Vaiheilmaisin valmis ympyr\xE4"]}');var Po=JSON.parse('{"steps.aria.emptyCircle":["Tom sirkel"],"steps.aria.active":["Stegindikator aktiv sirkel"],"steps.aria.completed":["Stegindikator hel sirkel"]}');var Ro=JSON.parse('{"steps.aria.emptyCircle":["Tom cirkel"],"steps.aria.active":["Stegindikator aktiv cirkel"],"steps.aria.completed":["Stegindikator full\xE4ndad cirkel"]}');import{css as qm}from"lit";var Vo=qm`*,: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}.text-right{text-align:right}.border-2{border-width:2px}.rounded-full{border-radius:9999px}.flex{display:flex}.grid{display:grid}.flex-1{flex:1}.gap-x-16{column-gap:1.6rem}.gap-y-16{row-gap:1.6rem}.row-span-2{grid-row:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.row-start-1{grid-row-start:1}.row-start-2{grid-row-start:2}.col-start-2{grid-column-start:2}.grid-flow-col{grid-auto-flow:column}.grid-rows-\\[20px_auto\\]{grid-template-rows:20px auto}.grid-rows-\\[auto_20px\\]{grid-template-rows:auto 20px}.grid-cols-\\[1fr_20px_1fr\\]{grid-template-columns:1fr 20px 1fr}.grid-cols-\\[1fr_20px\\]{grid-template-columns:1fr 20px}.grid-cols-\\[20px_1fr\\]{grid-template-columns:20px 1fr}.items-center{align-items:center}.justify-self-end{justify-self:end}.justify-self-center{justify-self: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-primary{background-color:var(--w-s-color-background-primary)}.s-icon-inverted{color:var(--w-s-color-icon-inverted)}.s-border{border-color:var(--w-s-color-border)}.s-border-primary{border-color:var(--w-s-color-border-primary)}.h-2{height:.2rem}.h-20{height:2rem}.h-full{height:100%}.w-2{width:.2rem}.w-20{width:2rem}.w-full{width:100%}.last\\:mb-0:last-child{margin-bottom:0}.px-16{padding-left:1.6rem;padding-right:1.6rem}.pb-0{padding-bottom:0}.pb-32{padding-bottom:3.2rem}.invisible{visibility: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)}.duration-300{transition-duration:.3s}`;var _s={wrapper:"w-full",horizontal:"flex"},F={base:"group/step",vertical:"group/stepv grid-rows-[20px_auto] grid grid-flow-col gap-x-16",horizontal:"group/steph grid-rows-[auto_20px] grid-cols-[1fr_20px_1fr] flex-1 grid gap-y-16 items-center",alignLeft:"grid-cols-[20px_1fr]",alignRight:"grid-cols-[1fr_20px] text-right",dot:"rounded-full border-2 h-20 w-20 transition-colors duration-300 s-icon-inverted",dotAlignRight:"col-start-2",dotHorizontal:"row-start-2 justify-self-end",dotActive:"s-border-primary s-bg-primary",dotIncomplete:"s-border s-bg",line:"transition-colors duration-300",lineVertical:"w-2 h-full justify-self-center",lineAlignRight:"col-start-2",lineHorizontal:"h-2 w-full row-start-2",lineIncomplete:"s-bg-disabled",lineComplete:"s-bg-primary",content:"last:mb-0",contentVertical:"row-span-2 pb-32",contentHorizontal:"col-span-3 px-16 row-start-1 text-center"},St=class extends Ss{constructor(){super();this.horizontal=!1;this.right=!1;U(Do,Po,Bo,Ao,Ro)}connectedCallback(){super.connectedCallback(),this.updateStepsContext()}updated(){this.updateStepsContext()}updateStepsContext(){let r=this.querySelectorAll("w-step");r.forEach((o,i)=>{o.setContext({horizontal:this.horizontal,right:this.right,isLast:i===r.length-1,isFirst:i===0})})}render(){let r=k([_s.wrapper,this.horizontal&&_s.horizontal]);return Fr`
|
|
3286
|
+
<ul class=${r}>
|
|
3287
|
+
<slot></slot>
|
|
3288
|
+
</ul>
|
|
3289
|
+
`}};St.styles=[O,Vo],s([Hr({type:Boolean,reflect:!0})],St.prototype,"horizontal",2),s([Hr({type:Boolean,reflect:!0})],St.prototype,"right",2);var Io={completed:c._({id:"steps.aria.completed",message:"Step indicator completed circle",comment:"Completed circle"}),active:c._({id:"steps.aria.active",message:"Step indicator active circle",comment:"Active circle"}),default:c._({id:"steps.aria.emptyCircle",message:"Empty circle",comment:"Empty circle"})},bt=class extends Ss{constructor(){super();this.active=!1;this.completed=!1;this._context={horizontal:!1,right:!1,isLast:!1,isFirst:!1};U(Do,Po,Bo,Ao,Ro)}setContext(r){this._context=r,this.requestUpdate()}getAriaLabel(){return this.completed?Io.completed:this.active?Io.active:Io.default}render(){let r=!this._context.horizontal,o=!this._context.right,i=this._context.isFirst,a=this._context.isLast,n=k([F.base,r?F.vertical:F.horizontal,r?o?F.alignLeft:F.alignRight:""]),l=k([F.line,F.lineHorizontal,this.active||this.completed?F.lineComplete:F.lineIncomplete,i?"invisible":""]),d=k([F.dot,r?o?"":F.dotAlignRight:F.dotHorizontal,this.active||this.completed?F.dotActive:F.dotIncomplete]),u=k([F.line,r?F.lineVertical:F.lineHorizontal,r&&!o?F.lineAlignRight:"",this.completed?F.lineComplete:F.lineIncomplete,a?"invisible":""]),p=k([F.content,r?F.contentVertical:F.contentHorizontal,a?"pb-0":""]);return Fr`
|
|
3290
|
+
<li class=${n}>
|
|
3291
|
+
${r?"":Fr`<div class=${l}></div>`}
|
|
3292
|
+
<div class=${d} role="img" aria-label=${this.getAriaLabel()} ${this.active?'aria-current="step"':""}>
|
|
3293
|
+
${this.completed?Fr`<w-icon-check-16 data-testid="completed-icon"></w-icon-check-16>`:""}
|
|
3294
|
+
</div>
|
|
3295
|
+
<div class=${u}></div>
|
|
3296
|
+
<div class=${p}>
|
|
3297
|
+
<slot></slot>
|
|
3298
|
+
</div>
|
|
3299
|
+
</li>
|
|
3300
|
+
`}};bt.styles=[O,Vo],s([Hr({type:Boolean,reflect:!0})],bt.prototype,"active",2),s([Hr({type:Boolean,reflect:!0})],bt.prototype,"completed",2),s([Um()],bt.prototype,"_context",2);customElements.get("w-steps")||customElements.define("w-steps",St);customElements.get("w-step")||customElements.define("w-step",bt);import{html as Qm,LitElement as Ym}from"lit";import{property as Os}from"lit/decorators.js";import{css as Jm}from"lit";var Ls=Jm`*,: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 Ie={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"},Lt=class extends Ym{constructor(){super(...arguments);this.value=!1;this.disabled=!1}get _baseClasses(){return k([Ie.base,this.disabled&&Ie.disabled])}get _trackClasses(){return k([Ie.track,this.disabled&&Ie.trackDisabled,!this.disabled&&(this.value?Ie.trackActive:Ie.trackInactive)])}get _handleClasses(){return k([Ie.handle,this.value&&Ie.handleSelected,this.disabled?Ie.handleDisabled:Ie.handleNotDisabled])}_handleClick(){this.disabled||(this.value=!this.value,this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value},bubbles:!0,composed:!0})))}render(){return Qm`
|
|
3081
3301
|
<div>
|
|
3082
3302
|
<button
|
|
3083
3303
|
type="button"
|
|
@@ -3091,25 +3311,25 @@ ${_a.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0
|
|
|
3091
3311
|
<span data-testid="handle" class=${this._handleClasses}></span>
|
|
3092
3312
|
</button>
|
|
3093
3313
|
</div>
|
|
3094
|
-
`}}
|
|
3314
|
+
`}};Lt.styles=[O,Ls],s([Os({type:Boolean,reflect:!0})],Lt.prototype,"value",2),s([Os({type:Boolean,reflect:!0})],Lt.prototype,"disabled",2);customElements.get("w-switch")||customElements.define("w-switch",Lt);import{LitElement as Zm,html as Fo}from"lit";import Km from"@warp-ds/elements-core";import{property as K}from"lit/decorators.js";import{ifDefined as Ee}from"lit/directives/if-defined.js";import{css as Xm}from"lit";var Ts=Xm`*,: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 rt={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]"},Gm={base:"antialiased block relative text-s font-bold pb-4 cursor-pointer s-text",optional:"pl-8 font-normal text-s s-text-subtle"},Ho={base:"text-xs mt-4 block",color:"s-text-subtle",colorInvalid:"s-text-negative"},I=class extends Ge(Zm){constructor(){super(...arguments);this.type="text";this._hasPrefix=!1;this._hasSuffix=!1}updated(r){r.has("value")&&this.setValue(this.value)}get _inputstyles(){return k([rt.base,this._hasSuffix&&rt.suffix,this._hasPrefix&&rt.prefix,!this.invalid&&!this.disabled&&!this.readOnly&&rt.default,this.invalid&&!this.disabled&&!this.readOnly&&rt.invalid,!this.invalid&&this.disabled&&!this.readOnly&&rt.disabled,!this.invalid&&!this.disabled&&this.readOnly&&rt.readOnly])}get _helptextstyles(){return k([Ho.base,this.invalid?Ho.colorInvalid:Ho.color])}get _label(){if(this.label)return Fo`<label for="${this._id}" class=${Gm.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 Fo`
|
|
3095
3315
|
${this._label}
|
|
3096
|
-
<div class="${
|
|
3316
|
+
<div class="${rt.wrapper}">
|
|
3097
3317
|
<slot @slotchange="${this.prefixSlotChange}" name="prefix"></slot>
|
|
3098
3318
|
<input
|
|
3099
3319
|
class="${this._inputstyles}"
|
|
3100
3320
|
type="${this.type}"
|
|
3101
|
-
min="${
|
|
3102
|
-
max="${
|
|
3103
|
-
size="${
|
|
3104
|
-
minlength="${
|
|
3105
|
-
maxlength="${
|
|
3106
|
-
name="${
|
|
3107
|
-
pattern="${
|
|
3108
|
-
placeholder="${
|
|
3109
|
-
value="${
|
|
3110
|
-
aria-describedby="${
|
|
3111
|
-
aria-errormessage="${
|
|
3112
|
-
aria-invalid="${
|
|
3321
|
+
min="${Ee(this.min)}"
|
|
3322
|
+
max="${Ee(this.max)}"
|
|
3323
|
+
size="${Ee(this.size)}"
|
|
3324
|
+
minlength="${Ee(this.minLength)}"
|
|
3325
|
+
maxlength="${Ee(this.maxLength)}"
|
|
3326
|
+
name="${Ee(this.name)}"
|
|
3327
|
+
pattern="${Ee(this.pattern)}"
|
|
3328
|
+
placeholder="${Ee(this.placeholder)}"
|
|
3329
|
+
value="${Ee(this.value)}"
|
|
3330
|
+
aria-describedby="${Ee(this._helpId)}"
|
|
3331
|
+
aria-errormessage="${Ee(this._error)}"
|
|
3332
|
+
aria-invalid="${Ee(this.invalid)}"
|
|
3113
3333
|
id="${this._id}"
|
|
3114
3334
|
?disabled="${this.disabled}"
|
|
3115
3335
|
?readonly="${this.readOnly}"
|
|
@@ -3119,12 +3339,12 @@ ${_a.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0
|
|
|
3119
3339
|
@focus="${this.handler}" />
|
|
3120
3340
|
<slot @slotchange="${this.suffixSlotChange}" name="suffix"></slot>
|
|
3121
3341
|
</div>
|
|
3122
|
-
${this.helpText&&
|
|
3123
|
-
`}};I.shadowRootOptions={...
|
|
3124
|
-
<aside class="${
|
|
3125
|
-
<div class="${
|
|
3126
|
-
${
|
|
3127
|
-
class="${
|
|
3342
|
+
${this.helpText&&Fo`<div class="${this._helptextstyles}" id="${this._helpId}">${this.helpText}</div>`}
|
|
3343
|
+
`}};I.shadowRootOptions={...Km.shadowRootOptions,delegatesFocus:!0},I.styles=[O,Ts],s([K({type:Boolean,reflect:!0})],I.prototype,"disabled",2),s([K({type:Boolean,reflect:!0})],I.prototype,"invalid",2),s([K({type:String,reflect:!0})],I.prototype,"id",2),s([K({type:String,reflect:!0})],I.prototype,"label",2),s([K({type:String,reflect:!0,attribute:"help-text"})],I.prototype,"helpText",2),s([K({type:String,reflect:!0})],I.prototype,"size",2),s([K({type:Number,reflect:!0})],I.prototype,"max",2),s([K({type:Number,reflect:!0})],I.prototype,"min",2),s([K({type:Number,reflect:!0,attribute:"min-length"})],I.prototype,"minLength",2),s([K({type:Number,reflect:!0,attribute:"max-length"})],I.prototype,"maxLength",2),s([K({type:String,reflect:!0})],I.prototype,"pattern",2),s([K({type:String,reflect:!0})],I.prototype,"placeholder",2),s([K({type:Boolean,reflect:!0,attribute:"read-only"})],I.prototype,"readOnly",2),s([K({type:Boolean,reflect:!0})],I.prototype,"required",2),s([K({type:String,reflect:!0})],I.prototype,"type",2),s([K({type:String,reflect:!0})],I.prototype,"value",2),s([K({type:String,reflect:!0})],I.prototype,"name",2),s([K({type:Boolean})],I.prototype,"_hasPrefix",2),s([K({type:Boolean})],I.prototype,"_hasSuffix",2);customElements.get("w-textfield")||customElements.define("w-textfield",I);var jr=typeof window!="undefined";function Uk(t,e){if(!jr)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 Jk(t){return jr?customElements.get("w-toast-container").init().del(t):void 0}function Qk(t,e){if(!jr)return;let r=customElements.get("w-toast-container").init();return r.set({...r.get(t),...e}),r.get(t)}import{css as Wm,html as Ns}from"lit";import Ms from"@warp-ds/elements-core";import{repeat as eh}from"lit/directives/repeat.js";var Zt=class extends Ms{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 Ns`
|
|
3344
|
+
<aside class="${Sr.wrapper}">
|
|
3345
|
+
<div class="${Sr.base}" id="w-toast-container-list">
|
|
3346
|
+
${eh(this._toastsArray,e=>e.id,e=>Ns` <w-toast
|
|
3347
|
+
class="${Sr.content}"
|
|
3128
3348
|
id="${e.id}"
|
|
3129
3349
|
type="${e.type}"
|
|
3130
3350
|
text="${e.text}"
|
|
@@ -3133,34 +3353,34 @@ ${_a.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0
|
|
|
3133
3353
|
</w-toast>`)}
|
|
3134
3354
|
</div>
|
|
3135
3355
|
</aside>
|
|
3136
|
-
`}};
|
|
3356
|
+
`}};Y(Zt,"styles",[Ms.styles,Wm`
|
|
3137
3357
|
:host {
|
|
3138
3358
|
display: block;
|
|
3139
3359
|
}
|
|
3140
|
-
`]),
|
|
3141
|
-
<div class="${j(this,
|
|
3142
|
-
<div class="${j(this,
|
|
3143
|
-
<div role="${this._role}" class="${
|
|
3360
|
+
`]),Y(Zt,"properties",{_toasts:{state:!0}});customElements.get("w-toast-container")||customElements.define("w-toast-container",Zt);import{css as oh,html as Ot}from"lit";import Fs from"@warp-ds/elements-core";var jo=typeof window!="undefined",zs=!0;if(jo){let t=window.matchMedia("(prefers-reduced-motion: reduce)"),e=({matches:r})=>zs=!r;t.addEventListener&&t.addEventListener("change",e),e(t)}var As=t=>{t.style.transition=null,t.style.backfaceVisibility=null,t.style.overflow=null},Ds=t=>{let e=zs?"var(--f-expansion-duration, 0.3s)":"0.01s";t.style.transition=`height ${e}`,t.style.backfaceVisibility="hidden",t.style.overflow="hidden"},th=(t,e)=>()=>{t.style.height="auto",t.style.overflow=null,e&&e()},rh=t=>()=>{t&&t()},qr=(t,e)=>{let r=(()=>{if(!e)return new Promise(a=>{e=a})})(),o=th(t,e);As(t),t.style.height="auto";let i=t.scrollHeight;if(jo&&requestAnimationFrame(()=>{t.addEventListener("transitionend",o,{once:!0}),t.style.height="0px",t.style.transitionTimingFunction="ease-out",Ds(t),requestAnimationFrame(()=>t.style.height=i+"px")}),r)return r},Ur=(t,e)=>{let r=(()=>{if(!e)return new Promise(a=>{e=a})})(),o=rh(e);As(t);let i=t.scrollHeight;if(jo&&requestAnimationFrame(()=>{t.addEventListener("transitionend",o,{once:!0}),t.style.height=i+"px",t.style.transitionTimingFunction="ease-in",Ds(t),requestAnimationFrame(()=>t.style.height="0px")}),r)return r};import{when as ih}from"lit/directives/when.js";var Bs=JSON.parse('{"toast.aria.error":["Fejl"],"toast.aria.successful":["Fuldf\xF8rt"],"toast.aria.warning":["Advarsel"]}');var Ps=JSON.parse('{"toast.aria.error":["Error"],"toast.aria.successful":["Successful"],"toast.aria.warning":["Warning"]}');var Rs=JSON.parse('{"toast.aria.error":["Virhe"],"toast.aria.successful":["Onnistui"],"toast.aria.warning":["Varoitus"]}');var Vs=JSON.parse('{"toast.aria.error":["Feil"],"toast.aria.successful":["Vellykket"],"toast.aria.warning":["Advarsel"]}');var Is=JSON.parse('{"toast.aria.error":["Fel"],"toast.aria.successful":["Genomf\xF6rt"],"toast.aria.warning":["Varning"]}');var ot={success:"success",error:"error",warning:"warning"},Tt,Hs,js,Kt=class extends Fs{constructor(){super();Me(this,Tt);U(Ps,Vs,Rs,Bs,Is),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&&qr(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===ot.warning}get _error(){return this.type===ot.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?Ot`<w-icon-warning-16></w-icon-warning-16>`:this._error?Ot`<w-icon-error-16></w-icon-error-16>`:Ot`<w-icon-success-16></w-icon-success-16>`}async collapse(){return new Promise(r=>{this._expanded&&this._wrapper?Ur(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?Ot` <section class="${ke.wrapper}" aria-label="${this._typeLabel}">
|
|
3361
|
+
<div class="${j(this,Tt,Hs)}">
|
|
3362
|
+
<div class="${j(this,Tt,js)}">${this._iconMarkup}</div>
|
|
3363
|
+
<div role="${this._role}" class="${ke.content}">
|
|
3144
3364
|
<p>${this.text}</p>
|
|
3145
3365
|
</div>
|
|
3146
|
-
${
|
|
3147
|
-
<button class="${
|
|
3366
|
+
${ih(this.canclose===!0,()=>Ot`
|
|
3367
|
+
<button class="${ke.close}" @click="${this.close}">
|
|
3148
3368
|
<w-icon-close-16></w-icon-close-16>
|
|
3149
3369
|
</button>
|
|
3150
3370
|
`)}
|
|
3151
3371
|
</div>
|
|
3152
|
-
</section>`:
|
|
3372
|
+
</section>`:Ot``}};Tt=new WeakSet,Hs=function(){return k([ke.base,this.type===ot.success&&ke.positive,this.type===ot.warning&&ke.warning,this.type===ot.error&&ke.negative])},js=function(){return k([ke.iconBase,this.type===ot.success&&ke.iconPositive,this.type===ot.warning&&ke.iconWarning,this.type===ot.error&&ke.iconNegative])},Y(Kt,"styles",[Fs.styles,oh`
|
|
3153
3373
|
:host {
|
|
3154
3374
|
display: block;
|
|
3155
3375
|
}
|
|
3156
|
-
`]),
|
|
3376
|
+
`]),Y(Kt,"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",Kt);import{css as ah,html as qo}from"lit";import qs from"@warp-ds/elements-core";import{ifDefined as nh}from"lit/directives/if-defined.js";var Gt=class extends qs{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&&qr(this._wrapper),!this.show&&!this._removeElement&&Ur(this._wrapper,()=>this._removeElement=!0)}}get _wrapper(){return this!=null?this:null}render(){return qo`<div aria-hidden=${nh(this.show?void 0:"true")}>${this._removeElement?qo``:qo`<slot></slot>`}</div>`}};Y(Gt,"properties",{show:{type:Boolean,reflect:!0},_removeElement:{type:Boolean,state:!0}}),Y(Gt,"styles",[qs.styles,ah`
|
|
3157
3377
|
:host {
|
|
3158
3378
|
display: block;
|
|
3159
3379
|
}
|
|
3160
|
-
`]);customElements.get("w-expand-transition")||customElements.define("w-expand-transition",
|
|
3380
|
+
`]);customElements.get("w-expand-transition")||customElements.define("w-expand-transition",Gt);import{html as sh}from"lit";import Us from"@warp-ds/elements-core";import{unsafeHTML as lh}from"lit/directives/unsafe-html.js";var Wt=class extends Us{get _markup(){return`<h${this.level}
|
|
3161
3381
|
style="margin: 0; font-weight: unset; font-size: unset; line-height: unset;"
|
|
3162
3382
|
>
|
|
3163
3383
|
<slot></slot>
|
|
3164
3384
|
</h${this.level}>
|
|
3165
|
-
`}render(){return this.level?
|
|
3385
|
+
`}render(){return this.level?lh(this._markup):sh`<slot></slot>`}};Y(Wt,"properties",{level:{type:Number}}),Y(Wt,"styles",[Us.styles]);customElements.get("w-unstyled-heading")||customElements.define("w-unstyled-heading",Wt);export{Gt as ExpandTransition,jt as ModalCanCloseMixin,qt as ModalProvidesCanCloseToSlotsMixin,Wt as UnstyledHeading,Ye as WarpAffix,nt as WarpAlert,It as WarpAttention,yt as WarpBadge,Ue as WarpBox,Ht as WarpBreadcrumbs,ee as WarpButton,mt as WarpCard,et as WarpDeadToggle,le as WarpExpandable,Oe as WarpModal,Ut as WarpModalFooter,Pe as WarpModalHeader,$t as WarpPageIndicator,tt as WarpPagination,Re as WarpPill,ce as WarpSelect,bt as WarpStep,St as WarpSteps,Lt as WarpSwitch,I as WarpTextField,Kt as WarpToast,Zt as WarpToastContainer,Iu as ccBox,kt as ccBreadcrumbs,L as ccButton,De as ccCard,ae as ccExpandable,Yl as ccPrefix,Je as ccSelect,Ql as ccSuffix,rt as ccinput,be as pillStyles,Jk as removeToast,Uk as toast,Qk as updateToast};
|
|
3166
3386
|
//# sourceMappingURL=index.js.map
|