@warp-ds/elements 2.2.0-next.9 → 2.2.0

package/dist/index.js

@@ -1,4285 +0,0 @@
-var js=Object.create;var Xt=Object.defineProperty;var jo=Object.getOwnPropertyDescriptor;var Hs=Object.getOwnPropertyNames;var qs=Object.getPrototypeOf,Js=Object.prototype.hasOwnProperty;var Ho=t=>{throw TypeError(t)};var Us=(t,e,r)=>e in t?Xt(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 Ys=(t,e,r,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of Hs(e))!Js.call(t,a)&&a!==r&&Xt(t,a,{get:()=>e[a],enumerable:!(o=jo(e,a))||o.enumerable});return t};var Xs=(t,e,r)=>(r=t!=null?js(qs(t)):{},Ys(e||!t||!t.__esModule?Xt(r,"default",{value:t,enumerable:!0}):r,t));var s=(t,e,r,o)=>{for(var a=o>1?void 0:o?jo(e,r):e,i=t.length-1,n;i>=0;i--)(n=t[i])&&(a=(o?n(e,r,a):n(a))||a);return o&&a&&Xt(e,r,a),a};var Le=(t,e,r)=>Us(t,typeof e!="symbol"?e+"":e,r),Fr=(t,e,r)=>e.has(t)||Ho("Cannot "+r);var R=(t,e,r)=>(Fr(t,e,"read from private field"),r?r.call(t):e.get(t)),Oe=(t,e,r)=>e.has(t)?Ho("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,r),Jo=(t,e,r,o)=>(Fr(t,e,"write to private field"),o?o.call(t,r):e.set(t,r),r),Uo=(t,e,r)=>(Fr(t,e,"access private method"),r);var Qo=qo(We=>{"use strict";Object.defineProperty(We,"__esModule",{value:!0});We.errorMessages=We.ErrorType=void 0;var dt;(function(t){t.MalformedUnicode="MALFORMED_UNICODE",t.MalformedHexadecimal="MALFORMED_HEXADECIMAL",t.CodePointLimit="CODE_POINT_LIMIT",t.OctalDeprecation="OCTAL_DEPRECATION",t.EndOfString="END_OF_STRING"})(dt=We.ErrorType||(We.ErrorType={}));We.errorMessages=new Map([[dt.MalformedUnicode,"malformed Unicode character escape sequence"],[dt.MalformedHexadecimal,"malformed hexadecimal character escape sequence"],[dt.CodePointLimit,"Unicode codepoint must not be greater than 0x10FFFF in escape sequence"],[dt.OctalDeprecation,'"0"-prefixed octal literals and octal escape sequences are deprecated; for octal literals use the "0o" prefix instead'],[dt.EndOfString,"malformed escape sequence at end of string"]])});var Go=qo(Re=>{"use strict";Object.defineProperty(Re,"__esModule",{value:!0});Re.unraw=Re.errorMessages=Re.ErrorType=void 0;var re=Qo();Object.defineProperty(Re,"ErrorType",{enumerable:!0,get:function(){return re.ErrorType}});Object.defineProperty(Re,"errorMessages",{enumerable:!0,get:function(){return re.errorMessages}});function Zs(t){return!t.match(/[^a-f0-9]/i)?parseInt(t,16):NaN}function Qt(t,e,r){let o=Zs(t);if(Number.isNaN(o)||r!==void 0&&r!==t.length)throw new SyntaxError(re.errorMessages.get(e));return o}function Ks(t){let e=Qt(t,re.ErrorType.MalformedHexadecimal,2);return String.fromCharCode(e)}function Zo(t,e){let r=Qt(t,re.ErrorType.MalformedUnicode,4);if(e!==void 0){let o=Qt(e,re.ErrorType.MalformedUnicode,4);return String.fromCharCode(r,o)}return String.fromCharCode(r)}function Gs(t){return t.charAt(0)==="{"&&t.charAt(t.length-1)==="}"}function Ws(t){if(!Gs(t))throw new SyntaxError(re.errorMessages.get(re.ErrorType.MalformedUnicode));let e=t.slice(1,-1),r=Qt(e,re.ErrorType.MalformedUnicode);try{return String.fromCodePoint(r)}catch(o){throw o instanceof RangeError?new SyntaxError(re.errorMessages.get(re.ErrorType.CodePointLimit)):o}}function el(t,e=!1){if(e)throw new SyntaxError(re.errorMessages.get(re.ErrorType.OctalDeprecation));let r=parseInt(t,8);return String.fromCharCode(r)}var tl=new Map([["b","\b"],["f","\f"],["n",`
-`],["r","\r"],["t","	"],["v","\v"],["0","\0"]]);function rl(t){return tl.get(t)||t}var ol=/\\(?:(\\)|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 Ko(t,e=!1){return t.replace(ol,function(r,o,a,i,n,l,d,u,p){if(o!==void 0)return"\\";if(a!==void 0)return Ks(a);if(i!==void 0)return Ws(i);if(n!==void 0)return Zo(n,l);if(d!==void 0)return Zo(d);if(u==="0")return"\0";if(u!==void 0)return el(u,!e);if(p!==void 0)return rl(p);throw new SyntaxError(re.errorMessages.get(re.ErrorType.EndOfString))})}Re.unraw=Ko;Re.default=Ko});import{html as Gt,LitElement as Fl}from"lit";var w=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)?w.apply(void 0,o):typeof o=="object"&&o?Object.keys(o).map(function(a){return o[a]?a:""}):"")},[]).join(" ")};import{property as Wt}from"lit/decorators.js";import{ifDefined as ua}from"lit/directives/if-defined.js";import{css as Yo}from"lit";var E=Yo`
-  *,
-  :before,
-  :after {
-    box-sizing: border-box;
-    border-style: solid;
-    border-width: 0;
-    border-color: var(--w-s-color-border);
-  }
-  html {
-    font-size: 62.5%;
-  }
-  body {
-    background-color: var(--w-s-color-background);
-    min-height: 100%;
-    margin: 0;
-    overflow-y: scroll;
-  }
-  body,
-  :host {
-    -webkit-text-size-adjust: 100%;
-    tab-size: 4;
-    -webkit-tap-highlight-color: transparent;
-    font-family: var(--w-font-family);
-    font-size: var(--w-font-size-m);
-    line-height: var(--w-line-height-m);
-    color: var(--w-s-color-text);
-  }
-  hr {
-    color: inherit;
-    border-top-width: 1px;
-    height: 0;
-  }
-  abbr:where([title]) {
-    -webkit-text-decoration: underline dotted;
-    text-decoration: underline dotted;
-  }
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6 {
-    font-size: inherit;
-    font-weight: 700;
-  }
-  a {
-    cursor: pointer;
-    color: var(--w-s-color-text-link);
-    text-decoration: none;
-  }
-  a:hover,
-  a:focus,
-  a:active {
-    text-decoration: underline;
-  }
-  a:focus-visible {
-    outline: 2px solid var(--w-s-color-border-focus);
-    outline-offset: 1px;
-  }
-  b,
-  strong {
-    font-weight: 700;
-  }
-  code,
-  kbd,
-  samp,
-  pre {
-    font-family:
-      ui-monospace,
-      SFMono-Regular,
-      Menlo,
-      Monaco,
-      Consolas,
-      Liberation Mono,
-      Courier New,
-      monospace;
-    font-size: 1em;
-  }
-  sub,
-  sup {
-    vertical-align: baseline;
-    font-size: 75%;
-    line-height: 0;
-    position: relative;
-  }
-  sub {
-    bottom: -0.25em;
-  }
-  sup {
-    top: -0.5em;
-  }
-  table {
-    text-indent: 0;
-    border-color: inherit;
-    border-collapse: collapse;
-  }
-  button,
-  input,
-  optgroup,
-  select,
-  textarea {
-    font-family: inherit;
-    font-size: 100%;
-    font-weight: inherit;
-    line-height: inherit;
-    color: inherit;
-    margin: 0;
-    padding: 0;
-  }
-  button,
-  select {
-    text-transform: none;
-  }
-  button,
-  [type='button'],
-  [type='reset'],
-  [type='submit'] {
-    -webkit-appearance: button;
-  }
-  :-moz-focusring {
-    outline: auto;
-  }
-  :-moz-ui-invalid {
-    box-shadow: none;
-  }
-  progress {
-    vertical-align: baseline;
-  }
-  ::-webkit-inner-spin-button {
-    height: auto;
-  }
-  ::-webkit-outer-spin-button {
-    height: auto;
-  }
-  [type='search'] {
-    -webkit-appearance: textfield;
-    outline-offset: -2px;
-  }
-  ::-webkit-search-decoration {
-    -webkit-appearance: none;
-  }
-  ::-webkit-file-upload-button {
-    -webkit-appearance: button;
-    font: inherit;
-  }
-  summary {
-    display: list-item;
-  }
-  blockquote,
-  dl,
-  dd,
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6,
-  hr,
-  figure,
-  p,
-  pre {
-    margin: 0;
-  }
-  fieldset {
-    margin: 0;
-    padding: 0;
-  }
-  legend {
-    padding: 0;
-  }
-  ol,
-  ul,
-  menu {
-    margin: 0;
-    padding: 0;
-    list-style: none;
-  }
-  textarea {
-    resize: vertical;
-  }
-  input::placeholder,
-  textarea::placeholder {
-    opacity: 1;
-    color: var(--w-s-color-text-placeholder);
-  }
-  button,
-  [role='button'] {
-    cursor: pointer;
-  }
-  :disabled {
-    cursor: default;
-  }
-  img,
-  svg,
-  video,
-  canvas,
-  audio,
-  iframe,
-  embed,
-  object {
-    vertical-align: middle;
-    display: block;
-  }
-  img,
-  video {
-    max-width: 100%;
-    height: auto;
-  }
-  h1 {
-    font-size: var(--w-font-size-xxl);
-    line-height: var(--w-line-height-xxl);
-  }
-  h2 {
-    font-size: var(--w-font-size-xl);
-    line-height: var(--w-line-height-xl);
-  }
-  h3 {
-    font-size: var(--w-font-size-l);
-    line-height: var(--w-line-height-l);
-  }
-  h4 {
-    font-size: var(--w-font-size-m);
-    line-height: var(--w-line-height-m);
-  }
-  h5 {
-    font-size: var(--w-font-size-s);
-    line-height: var(--w-line-height-s);
-  }
-  dt,
-  dd {
-    margin: 0 16px;
-  }
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  ul,
-  ol,
-  dl,
-  p,
-  blockquote {
-    margin: 0 0 8px;
-  }
-  [hidden] {
-    display: none !important;
-  }
-  [tabindex='-1']:focus:not(:focus-visible) {
-    outline: none;
-  }
-  legend {
-    float: left;
-    width: 100%;
-    margin: 0;
-    padding: 0;
-    display: table;
-  }
-  legend + * {
-    clear: both;
-  }
-  fieldset {
-    border: 0;
-    min-width: 0;
-    margin: 0;
-    padding: 0.01em 0 0;
-  }
-  body:not(:-moz-handler-blocked) fieldset {
-    display: table-cell;
-  }
-  svg {
-    pointer-events: none;
-  }
-`,fg=Yo`*, :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
-        }
-
-            .h4, .t4 {
-                font-weight: 700;
-                font-size: var(--w-font-size-m);
-                line-height: var(--w-line-height-m)
-            }
-
-            .t3 {
-                font-weight: 700;
-                font-size: var(--w-font-size-l);
-                line-height: var(--w-line-height-l)
-            }
-
-            @media (min-width: 480px) {
-                .sm\\:h3 {
-                    font-weight: 700;
-                    font-size: var(--w-font-size-l);
-                    line-height: var(--w-line-height-l)
-                }
-            }
-
-            .text-center {
-                text-align: center
-            }
-
-            .before\\:text-center:before {
-                text-align: center
-            }
-
-            .text-left {
-                text-align: left
-            }
-
-            .text-right {
-                text-align: right
-            }
-
-            .align-middle {
-                vertical-align: middle
-            }
-
-            .animate-inprogress {
-                background-image: linear-gradient(135deg, rgba(0, 0, 0, .05) 25%, transparent 0, transparent 50%, rgba(0, 0, 0, .05) 0, rgba(0, 0, 0, .05) 75%, transparent 0, transparent) !important;
-                background-size: 30px 30px;
-                animation: animate-inprogress 3s linear infinite
-            }
-
-            @keyframes animate-inprogress {
-                0% {
-                    background-position: 0 0
-                }
-                to {
-                    background-position: 60px 0
-                }
-            }
-
-            .\\[--w-modal-max-height\\:80\\%\\] {
-                --w-modal-max-height: 80%
-            }
-
-            .\\[--w-modal-width\\:640px\\] {
-                --w-modal-width: 640px
-            }
-
-            .focus\\:\\[--w-outline-offset\\:-2px\\]:focus {
-                --w-outline-offset: -2px
-            }
-
-            .backdrop-blur {
-                -webkit-backdrop-filter: blur(4px);
-                backdrop-filter: blur(4px)
-            }
-
-            .peer:checked ~ .peer-checked\\:before\\:bg-center:before {
-                background-position: center
-            }
-
-            .hover\\:bg-clip-padding:hover {
-                -webkit-background-clip: padding-box;
-                background-clip: padding-box
-            }
-
-            .bg-transparent, .group\\/steph:first-child .group-first\\/steph\\:bg-transparent, .group\\/steph:last-child .group-last\\/steph\\:bg-transparent {
-                background-color: transparent
-            }
-
-            .bg-\\[--w-black\\/25\\] {
-                background-color: rgba(var(--w-rgb-black), .25)
-            }
-
-            .bg-\\[--w-black\\/70\\], .bg-\\[var\\(--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)
-            }
-
-            .bg-\\[--w-color-button-primary-background\\] {
-                background-color: var(--w-color-button-primary-background)
-            }
-
-            .bg-\\[--w-color-buttongroup-utility-background-selected\\] {
-                background-color: var(--w-color-buttongroup-utility-background-selected)
-            }
-
-            .bg-\\[--w-color-callout-background\\] {
-                background-color: var(--w-color-callout-background)
-            }
-
-            .bg-\\[--w-color-pill-suggestion-background\\] {
-                background-color: var(--w-color-pill-suggestion-background)
-            }
-
-            .bg-\\[--w-color-switch-track-background\\] {
-                background-color: var(--w-color-switch-track-background)
-            }
-
-            .bg-\\[--w-s-color-surface-elevated-100\\] {
-                background-color: var(--w-s-color-surface-elevated-100)
-            }
-
-            .bg-\\[--w-s-color-surface-elevated-300\\] {
-                background-color: var(--w-s-color-surface-elevated-300)
-            }
-
-            .bg-\\[--w-s-icon-selected\\] {
-                background-color: var(--w-s-icon-selected)
-            }
-
-            .group:hover .group-hover\\:bg-\\[--w-color-switch-track-background-hover\\] {
-                background-color: var(--w-color-switch-track-background-hover)
-            }
-
-            .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)
-            }
-
-            .hover\\:bg-\\[--w-color-buttongroup-utility-background-hover\\]:hover {
-                background-color: var(--w-color-buttongroup-utility-background-hover)
-            }
-
-            .hover\\:bg-\\[--w-color-pill-suggestion-background-hover\\]:hover {
-                background-color: var(--w-color-pill-suggestion-background-hover)
-            }
-
-            .hover\\:bg-\\[--w-s-icon-subtle\\]:hover {
-                background-color: var(--w-s-icon-subtle)
-            }
-
-            .hover\\:bg-\\[var\\(--w-black\\)\\/85\\]:hover {
-                background-color: rgba(var(--w-rgb-black), .85)
-            }
-
-            .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)
-            }
-
-            .active\\:bg-\\[--w-color-buttongroup-utility-background-selected\\]:active {
-                background-color: var(--w-color-buttongroup-utility-background-selected)
-            }
-
-            .active\\:bg-\\[--w-color-pill-suggestion-background-active\\]:active {
-                background-color: var(--w-color-pill-suggestion-background-active)
-            }
-
-            .active\\:bg-\\[var\\(--w-black\\)\\]:active {
-                background-color: var(--w-black)
-            }
-
-            .peer:checked ~ .peer-checked\\:before\\:bg-\\[url\\(var\\(--w-icon-toggle-checked\\)\\)\\]:before {
-                background-image: var(--w-icon-toggle-checked)
-            }
-
-            .appearance-none {
-                -moz-appearance: none;
-                appearance: none;
-                -webkit-appearance: none
-            }
-
-            .will-change-height {
-                will-change: height
-            }
-
-            .border, .border-1 {
-                border-width: 1px
-            }
-
-            .border-b {
-                border-bottom-width: 1px
-            }
-
-            .before\\:border:before {
-                border-width: 1px
-            }
-
-            .border-0 {
-                border-width: 0
-            }
-
-            .border-2 {
-                border-width: 2px
-            }
-
-            .border-b-0 {
-                border-bottom-width: 0
-            }
-
-            .border-b-4 {
-                border-bottom-width: 4px
-            }
-
-            .border-l-4 {
-                border-left-width: 4px
-            }
-
-            .border-r-0, .group:not(:last-of-type) .group-not-last-of-type\\:border-r-0 {
-                border-right-width: 0
-            }
-
-            .peer:checked ~ .peer-checked\\:before\\:border-\\[6\\]:before {
-                border-width: .6rem
-            }
-
-            .border-transparent {
-                border-color: transparent
-            }
-
-            .border-\\[--w-color-buttongroup-utility-border\\] {
-                border-color: var(--w-color-buttongroup-utility-border)
-            }
-
-            .border-\\[--w-color-callout-border\\] {
-                border-color: var(--w-color-callout-border)
-            }
-
-            .border-\\[--w-s-color-background-inverted\\] {
-                border-color: var(--w-s-color-background-inverted)
-            }
-
-            .border-\\[--w-s-color-surface-elevated-300\\] {
-                border-color: var(--w-s-color-surface-elevated-300)
-            }
-
-            .active\\:border-\\[--w-color-buttongroup-utility-border-selected\\]:active {
-                border-color: var(--w-color-buttongroup-utility-border-selected)
-            }
-
-            .divide-x > * + * {
-                --w-divide-x-reverse: 0;
-                border-left-width: calc(1px * calc(1 - var(--w-divide-x-reverse)));
-                border-right-width: calc(1px * var(--w-divide-x-reverse))
-            }
-
-            .divide-y > * + * {
-                --w-divide-y-reverse: 0;
-                border-top-width: calc(1px * calc(1 - var(--w-divide-y-reverse)));
-                border-bottom-width: calc(1px * var(--w-divide-y-reverse))
-            }
-
-            .rounded-4 {
-                border-radius: 4px
-            }
-
-            .rounded-8 {
-                border-radius: 8px
-            }
-
-            .rounded-full {
-                border-radius: 9999px
-            }
-
-            .before\\:rounded-2:before {
-                border-radius: 2px
-            }
-
-            .before\\:rounded-full:before {
-                border-radius: 9999px
-            }
-
-            .rounded-b-0 {
-                border-bottom-left-radius: 0;
-                border-bottom-right-radius: 0
-            }
-
-            .rounded-bl-0 {
-                border-bottom-left-radius: 0
-            }
-
-            .rounded-br-0 {
-                border-bottom-right-radius: 0
-            }
-
-            .rounded-l-0 {
-                border-top-left-radius: 0;
-                border-bottom-left-radius: 0
-            }
-
-            .rounded-l-full {
-                border-top-left-radius: 9999px;
-                border-bottom-left-radius: 9999px
-            }
-
-            .rounded-r-0 {
-                border-top-right-radius: 0;
-                border-bottom-right-radius: 0
-            }
-
-            .rounded-r-full {
-                border-top-right-radius: 9999px;
-                border-bottom-right-radius: 9999px
-            }
-
-            .rounded-tl-0 {
-                border-top-left-radius: 0
-            }
-
-            .rounded-tl-4 {
-                border-top-left-radius: 4px
-            }
-
-            .rounded-tr-0 {
-                border-top-right-radius: 0
-            }
-
-            .group:first-of-type .group-first-of-type\\:rounded-bl-8 {
-                border-bottom-left-radius: 8px
-            }
-
-            .group:first-of-type .group-first-of-type\\:rounded-tl-8 {
-                border-top-left-radius: 8px
-            }
-
-            .first\\:rounded-lb-4:first-child {
-                border-bottom-left-radius: 4px
-            }
-
-            .first\\:rounded-lt-4:first-child {
-                border-top-left-radius: 4px
-            }
-
-            .first\\:rounded-rt-4:first-child {
-                border-top-right-radius: 4px
-            }
-
-            .group:last-of-type .group-last-of-type\\:rounded-br-8 {
-                border-bottom-right-radius: 8px
-            }
-
-            .group:last-of-type .group-last-of-type\\:rounded-tr-8 {
-                border-top-right-radius: 8px
-            }
-
-            .last\\:rounded-lb-4:last-child {
-                border-bottom-left-radius: 4px
-            }
-
-            .last\\:rounded-rb-4:last-child {
-                border-bottom-right-radius: 4px
-            }
-
-            .last\\:rounded-rt-4:last-child {
-                border-top-right-radius: 4px
-            }
-
-            .caret-current {
-                caret-color: currentColor
-            }
-
-            .opacity-25 {
-                opacity: 25%
-            }
-
-            .block {
-                display: block
-            }
-
-            .before\\:block:before {
-                display: block
-            }
-
-            .inline-block {
-                display: inline-block
-            }
-
-            .inline {
-                display: inline
-            }
-
-            .flex, .open\\:flex[open] {
-                display: flex
-            }
-
-            .inline-flex {
-                display: inline-flex
-            }
-
-            .grid {
-                display: grid
-            }
-
-            .inline-grid {
-                display: inline-grid
-            }
-
-            .hidden, .group\\/stepv:last-child .group-last\\/stepv\\:hidden {
-                display: none
-            }
-
-            .before\\:hidden:before {
-                display: none
-            }
-
-            .hover\\:underline:hover {
-                text-decoration-line: underline
-            }
-
-            .focus\\:underline:focus {
-                text-decoration-line: underline
-            }
-
-            .focus-visible\\:underline:focus-visible {
-                text-decoration-line: underline
-            }
-
-            .active\\:underline:active {
-                text-decoration-line: underline
-            }
-
-            .hover\\:no-underline:hover {
-                text-decoration: none
-            }
-
-            .focus\\:no-underline:focus {
-                text-decoration: none
-            }
-
-            .active\\:no-underline:active {
-                text-decoration: none
-            }
-
-            .flex-1 {
-                flex: 1 1 0%
-            }
-
-            .shrink {
-                flex-shrink: 1
-            }
-
-            .shrink-0 {
-                flex-shrink: 0
-            }
-
-            .shrink-0\\! {
-                flex-shrink: 0 !important
-            }
-
-            .grow, .grow-1 {
-                flex-grow: 1
-            }
-
-            .basis-auto {
-                flex-basis: auto
-            }
-
-            .flex-col {
-                flex-direction: column
-            }
-
-            .focus-within\\:focusable:focus-within {
-                outline: 2px solid var(--w-s-color-border-focus);
-                outline-offset: var(--w-outline-offset, 1px)
-            }
-
-            .focusable:focus, .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
-            }
-
-            .peer:focus ~ .peer-focus\\:focusable, .peer:focus-visible ~ .peer-focus\\:focusable {
-                outline: 2px solid var(--w-s-color-border-focus);
-                outline-offset: var(--w-outline-offset, 1px)
-            }
-
-            .peer:not(:focus-visible) ~ .peer-focus\\:focusable {
-                outline: none
-            }
-
-            .focusable-inset {
-                --w-outline-offset: -3px
-            }
-
-            .gap-12 {
-                gap: 1.2rem
-            }
-
-            .gap-8 {
-                gap: .8rem
-            }
-
-            .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-2 {
-                grid-column: 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
-            }
-
-            .auto-rows-auto {
-                grid-auto-rows: auto
-            }
-
-            .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
-            }
-
-            .grid-cols-\\[auto_1fr_auto\\] {
-                grid-template-columns:auto 1fr auto
-            }
-
-            .grid-cols-1 {
-                grid-template-columns:repeat(1, minmax(0, 1fr))
-            }
-
-            .grid-cols-2 {
-                grid-template-columns:repeat(2, minmax(0, 1fr))
-            }
-
-            .grid-cols-3 {
-                grid-template-columns:repeat(3, minmax(0, 1fr))
-            }
-
-            .grid-cols-4 {
-                grid-template-columns:repeat(4, minmax(0, 1fr))
-            }
-
-            .grid-cols-5 {
-                grid-template-columns:repeat(5, minmax(0, 1fr))
-            }
-
-            .grid-cols-6 {
-                grid-template-columns:repeat(6, minmax(0, 1fr))
-            }
-
-            .grid-cols-7 {
-                grid-template-columns:repeat(7, minmax(0, 1fr))
-            }
-
-            .grid-cols-8 {
-                grid-template-columns:repeat(8, minmax(0, 1fr))
-            }
-
-            .grid-cols-9 {
-                grid-template-columns:repeat(9, minmax(0, 1fr))
-            }
-
-            .overflow-hidden {
-                overflow: hidden
-            }
-
-            .overflow-x-hidden {
-                overflow-x: hidden
-            }
-
-            .overflow-y-auto {
-                overflow-y: auto
-            }
-
-            .list-none {
-                list-style-type: none
-            }
-
-            .outline-\\[--w-s-color-border-negative\\]\\! {
-                outline-color: var(--w-s-color-border-negative) !important
-            }
-
-            .outline-none {
-                outline: 2px solid transparent;
-                outline-offset: 2px
-            }
-
-            .focus\\:outline-none:focus {
-                outline: 2px solid transparent;
-                outline-offset: 2px
-            }
-
-            .items-start {
-                align-items: flex-start
-            }
-
-            .items-end {
-                align-items: flex-end
-            }
-
-            .items-center {
-                align-items: center
-            }
-
-            .self-center {
-                align-self: center
-            }
-
-            .inset-0 {
-                top: 0rem;
-                right: 0rem;
-                bottom: 0rem;
-                left: 0rem
-            }
-
-            .-bottom-0 {
-                bottom: -0rem
-            }
-
-            .bottom-0 {
-                bottom: 0rem
-            }
-
-            .bottom-10 {
-                bottom: 1rem
-            }
-
-            .bottom-16 {
-                bottom: 1.6rem
-            }
-
-            .left-0 {
-                left: 0rem
-            }
-
-            .left-4 {
-                left: .4rem
-            }
-
-            .right-0 {
-                right: 0rem
-            }
-
-            .right-8 {
-                right: .8rem
-            }
-
-            .top-\\[1\\.92rem\\] {
-                top: 1.92rem
-            }
-
-            .top-0 {
-                top: 0rem
-            }
-
-            .top-20 {
-                top: 2rem
-            }
-
-            .top-4 {
-                top: .4rem
-            }
-
-            .top-8 {
-                top: .8rem
-            }
-
-            .before\\:bottom-0:before {
-                bottom: 0rem
-            }
-
-            .before\\:left-0:before {
-                left: 0rem
-            }
-
-            .before\\:right-0:before {
-                right: 0rem
-            }
-
-            .before\\:top-2:before {
-                top: .2rem
-            }
-
-            .-bottom-\\[8px\\] {
-                bottom: -8px
-            }
-
-            .-left-\\[8px\\] {
-                left: -8px
-            }
-
-            .-right-\\[8px\\] {
-                right: -8px
-            }
-
-            .-top-\\[8px\\] {
-                top: -8px
-            }
-
-            .top-\\[19px\\] {
-                top: 19px
-            }
-
-            .top-\\[30\\%\\] {
-                top: 30%
-            }
-
-            .justify-end {
-                justify-content: flex-end
-            }
-
-            .justify-center {
-                justify-content: center
-            }
-
-            .justify-between {
-                justify-content: space-between
-            }
-
-            .justify-items-center {
-                justify-items: center
-            }
-
-            .justify-self-start {
-                justify-self: start
-            }
-
-            .justify-self-end {
-                justify-self: end
-            }
-
-            .justify-self-center {
-                justify-self: center
-            }
-
-            .absolute {
-                position: absolute
-            }
-
-            .fixed {
-                position: fixed
-            }
-
-            .relative {
-                position: relative
-            }
-
-            .open\\:fixed[open] {
-                position: fixed
-            }
-
-            .before\\:absolute:before {
-                position: absolute
-            }
-
-            .z-10, .peer:checked ~ .peer-checked\\:z-10 {
-                z-index: 10
-            }
-
-            .z-30 {
-                z-index: 30
-            }
-
-            .z-50 {
-                z-index: 50
-            }
-
-            .hover\\:z-30:hover {
-                z-index: 30
-            }
-
-            .\\!s-bg-selected {
-                background-color: var(--w-s-color-background-selected) !important
-            }
-
-            .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-info-subtle {
-                background-color: var(--w-s-color-background-info-subtle)
-            }
-
-            .s-bg-inverted {
-                background-color: var(--w-s-color-background-inverted)
-            }
-
-            .s-bg-negative {
-                background-color: var(--w-s-color-background-negative)
-            }
-
-            .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-primary, .peer:checked ~ .peer-checked\\:s-bg-primary {
-                background-color: var(--w-s-color-background-primary)
-            }
-
-            .s-bg-selected {
-                background-color: var(--w-s-color-background-selected)
-            }
-
-            .s-bg-subtle {
-                background-color: var(--w-s-color-background-subtle)
-            }
-
-            .s-bg-warning-subtle {
-                background-color: var(--w-s-color-background-warning-subtle)
-            }
-
-            .peer:checked:hover ~ .peer-checked\\:peer-hover\\:before\\:s-bg-negative-hover:before {
-                background-color: var(--w-s-color-background-negative-hover)
-            }
-
-            .peer:checked:hover ~ .peer-checked\\:peer-hover\\:before\\:s-bg-primary-hover:before {
-                background-color: var(--w-s-color-background-primary-hover)
-            }
-
-            .peer:checked ~ .peer-checked\\:before\\:s-bg-disabled:before {
-                background-color: var(--w-s-color-background-disabled)
-            }
-
-            .peer:checked ~ .peer-checked\\:before\\:s-bg-negative:before {
-                background-color: var(--w-s-color-background-negative)
-            }
-
-            .peer:checked ~ .peer-checked\\:before\\:s-bg-primary:before {
-                background-color: var(--w-s-color-background-primary)
-            }
-
-            .peer:indeterminate ~ .peer-indeterminate\\:before\\:s-bg-disabled:before {
-                background-color: var(--w-s-color-background-disabled)
-            }
-
-            .peer:indeterminate ~ .peer-indeterminate\\:before\\:s-bg-negative:before {
-                background-color: var(--w-s-color-background-negative)
-            }
-
-            .peer:indeterminate ~ .peer-indeterminate\\:before\\:s-bg-primary:before {
-                background-color: var(--w-s-color-background-primary)
-            }
-
-            .peer:indeterminate ~ .peer-indeterminate\\:hover\\:before\\:s-bg-negative-hover:hover:before {
-                background-color: var(--w-s-color-background-negative-hover)
-            }
-
-            .peer:indeterminate ~ .peer-indeterminate\\:hover\\:before\\:s-bg-primary-hover:hover:before {
-                background-color: var(--w-s-color-background-primary-hover)
-            }
-
-            .\\!hover\\:s-bg-selected-hover:hover {
-                background-color: var(--w-s-color-background-selected-hover) !important
-            }
-
-            .group:hover .group-hover\\:s-bg-primary-hover {
-                background-color: var(--w-s-color-background-primary-hover)
-            }
-
-            .hover\\:before\\:s-bg-hover:hover:before {
-                background-color: var(--w-s-color-background-hover)
-            }
-
-            .hover\\:before\\:s-bg-negative-subtle-hover:hover:before {
-                background-color: var(--w-s-color-background-negative-subtle-hover)
-            }
-
-            .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)
-            }
-
-            .hover\\:s-bg-primary-hover:hover {
-                background-color: var(--w-s-color-background-primary-hover)
-            }
-
-            .hover\\:s-bg-selected-hover:hover {
-                background-color: var(--w-s-color-background-selected-hover)
-            }
-
-            .peer:hover:not(:checked) ~ .peer-hover\\:peer-not-checked\\:s-bg-hover {
-                background-color: var(--w-s-color-background-hover)
-            }
-
-            .peer:hover ~ .peer-hover\\:before\\:s-bg-hover:before {
-                background-color: var(--w-s-color-background-hover)
-            }
-
-            .peer:hover ~ .peer-hover\\:before\\:s-bg-negative-subtle:before {
-                background-color: var(--w-s-color-background-negative-subtle)
-            }
-
-            .focus\\:s-bg-primary-hover:focus {
-                background-color: var(--w-s-color-background-primary-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-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)
-            }
-
-            .active\\:s-bg-primary-active:active {
-                background-color: var(--w-s-color-background-primary-active)
-            }
-
-            .active\\:s-bg-selected-active:active {
-                background-color: var(--w-s-color-background-selected-active)
-            }
-
-            .before\\:s-bg-disabled-subtle:before {
-                background-color: var(--w-s-color-background-disabled-subtle)
-            }
-
-            .before\\:s-bg:before {
-                background-color: var(--w-s-color-background)
-            }
-
-            .s-text {
-                color: var(--w-s-color-text)
-            }
-
-            .s-text-disabled {
-                color: var(--w-s-color-text-disabled)
-            }
-
-            .s-text-inverted, .peer:checked ~ .peer-checked\\:s-text-inverted {
-                color: var(--w-s-color-text-inverted)
-            }
-
-            .s-text-inverted-static {
-                color: var(--w-s-color-text-inverted-static)
-            }
-
-            .s-text-link {
-                color: var(--w-s-color-text-link)
-            }
-
-            .s-text-negative {
-                color: var(--w-s-color-text-negative)
-            }
-
-            .s-text-subtle {
-                color: var(--w-s-color-text-subtle)
-            }
-
-            .hover\\:s-text-link:hover {
-                color: var(--w-s-color-text-link)
-            }
-
-            .active\\:s-text:active {
-                color: var(--w-s-color-text)
-            }
-
-            .placeholder\\:s-text-placeholder::placeholder {
-                color: var(--w-s-color-text-placeholder)
-            }
-
-            .s-icon {
-                color: var(--w-s-color-icon)
-            }
-
-            .s-icon-info {
-                color: var(--w-s-color-icon-info)
-            }
-
-            .s-icon-inverted {
-                color: var(--w-s-color-icon-inverted)
-            }
-
-            .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)
-            }
-
-            .hover\\:s-icon-hover:hover {
-                color: var(--w-s-color-icon-hover)
-            }
-
-            .active\\:s-icon-active:active {
-                color: var(--w-s-color-icon-active)
-            }
-
-            .before\\:s-icon-inverted:before {
-                color: var(--w-s-color-icon-inverted)
-            }
-
-            .s-border {
-                border-color: var(--w-s-color-border)
-            }
-
-            .s-border-disabled {
-                border-color: var(--w-s-color-border-disabled)
-            }
-
-            .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 {
-                border-color: var(--w-s-color-border-negative)
-            }
-
-            .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-primary, .peer:checked ~ .peer-checked\\:s-border-primary {
-                border-color: var(--w-s-color-border-primary)
-            }
-
-            .s-border-selected {
-                border-color: var(--w-s-color-border-selected)
-            }
-
-            .s-border-warning-subtle {
-                border-color: var(--w-s-color-border-warning-subtle)
-            }
-
-            .peer:checked:hover ~ .peer-checked\\:peer-hover\\:before\\:s-border-negative-hover:before {
-                border-color: var(--w-s-color-border-negative-hover)
-            }
-
-            .peer:checked:hover ~ .peer-checked\\:peer-hover\\:before\\:s-border-primary-hover:before {
-                border-color: var(--w-s-color-border-primary-hover)
-            }
-
-            .peer:checked:hover ~ .peer-checked\\:peer-hover\\:before\\:s-border-selected-hover:before {
-                border-color: var(--w-s-color-border-selected-hover)
-            }
-
-            .peer:checked ~ .peer-checked\\:before\\:s-border-disabled:before {
-                border-color: var(--w-s-color-border-disabled)
-            }
-
-            .peer:checked ~ .peer-checked\\:before\\:s-border-negative:before {
-                border-color: var(--w-s-color-border-negative)
-            }
-
-            .peer:checked ~ .peer-checked\\:before\\:s-border-primary:before {
-                border-color: var(--w-s-color-border-primary)
-            }
-
-            .peer:checked ~ .peer-checked\\:before\\:s-border-selected:before {
-                border-color: var(--w-s-color-border-selected)
-            }
-
-            .peer:indeterminate ~ .peer-indeterminate\\:before\\:s-border-disabled:before {
-                border-color: var(--w-s-color-border-disabled)
-            }
-
-            .peer:indeterminate ~ .peer-indeterminate\\:before\\:s-border-negative:before {
-                border-color: var(--w-s-color-border-negative)
-            }
-
-            .peer:indeterminate ~ .peer-indeterminate\\:before\\:s-border-primary:before {
-                border-color: var(--w-s-color-border-primary)
-            }
-
-            .peer:indeterminate ~ .peer-indeterminate\\:hover\\:before\\:s-border-negative-hover:hover:before {
-                border-color: var(--w-s-color-border-negative-hover)
-            }
-
-            .peer:indeterminate ~ .peer-indeterminate\\:hover\\:before\\:s-border-primary-hover:hover:before {
-                border-color: var(--w-s-color-border-primary-hover)
-            }
-
-            .group:hover .group-hover\\:s-border-selected-hover {
-                border-color: var(--w-s-color-border-selected-hover)
-            }
-
-            .hover\\:before\\:s-border-negative-hover:hover:before {
-                border-color: var(--w-s-color-border-negative-hover)
-            }
-
-            .hover\\:before\\:s-border-primary:hover:before {
-                border-color: var(--w-s-color-border-primary)
-            }
-
-            .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)
-            }
-
-            .hover\\:s-border-primary-hover:hover {
-                border-color: var(--w-s-color-border-primary-hover)
-            }
-
-            .hover\\:s-border-primary:hover {
-                border-color: var(--w-s-color-border-primary)
-            }
-
-            .hover\\:s-border-selected-hover:hover {
-                border-color: var(--w-s-color-border-selected-hover)
-            }
-
-            .peer:hover ~ .peer-hover\\:before\\:s-border-negative-hover:before {
-                border-color: var(--w-s-color-border-negative-hover)
-            }
-
-            .peer:hover ~ .peer-hover\\:before\\:s-border-primary:before {
-                border-color: var(--w-s-color-border-primary)
-            }
-
-            .focus\\:s-border-primary-hover:focus {
-                border-color: var(--w-s-color-border-primary-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)
-            }
-
-            .active\\:s-border-primary-active:active {
-                border-color: var(--w-s-color-border-primary-active)
-            }
-
-            .active\\:s-border-selected-active:active {
-                border-color: var(--w-s-color-border-selected-active)
-            }
-
-            .active\\:s-border-selected:active {
-                border-color: var(--w-s-color-border-selected)
-            }
-
-            .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)
-            }
-
-            .before\\:s-border-disabled:before {
-                border-color: var(--w-s-color-border-disabled)
-            }
-
-            .before\\:s-border-negative:before {
-                border-color: var(--w-s-color-border-negative)
-            }
-
-            .s-surface-sunken {
-                background-color: var(--w-s-color-surface-sunken)
-            }
-
-            .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)
-            }
-
-            .drop-shadow-m {
-                filter: drop-shadow(rgba(64, 64, 64, .24) 0 3px 8px) drop-shadow(rgba(64, 64, 64, .16) 0 3px 6px)
-            }
-
-            .shadow-m {
-                box-shadow: var(--w-shadow-m)
-            }
-
-            .shadow-s {
-                box-shadow: var(--w-shadow-s)
-            }
-
-            .shadow-\\[--w-shadow-slider\\] {
-                box-shadow: var(--w-shadow-slider)
-            }
-
-            .hover\\:shadow-\\[--w-shadow-slider-handle-hover\\]:hover {
-                box-shadow: var(--w-shadow-slider-handle-hover)
-            }
-
-            .focus\\:shadow-\\[--w-shadow-slider-handle-hover\\]:focus {
-                box-shadow: var(--w-shadow-slider-handle-hover)
-            }
-
-            .active\\:shadow-\\[--w-shadow-slider-handle-active\\]:active {
-                box-shadow: var(--w-shadow-slider-handle-active)
-            }
-
-            .h-0 {
-                height: 0rem
-            }
-
-            .h-16 {
-                height: 1.6rem
-            }
-
-            .h-2 {
-                height: .2rem
-            }
-
-            .h-20 {
-                height: 2rem
-            }
-
-            .h-24 {
-                height: 2.4rem
-            }
-
-            .h-4 {
-                height: .4rem
-            }
-
-            .h-44 {
-                height: 4.4rem
-            }
-
-            .h-6 {
-                height: .6rem
-            }
-
-            .h-8 {
-                height: .8rem
-            }
-
-            .h-full {
-                height: 100%
-            }
-
-            .h-unset {
-                height: unset
-            }
-
-            .max-h-unset {
-                max-height: unset
-            }
-
-            .max-w-full {
-                max-width: 100%
-            }
-
-            .max-w-max {
-                max-width: max-content
-            }
-
-            .max-w-unset {
-                max-width: unset
-            }
-
-            .min-h-32 {
-                min-height: 3.2rem
-            }
-
-            .min-h-40 {
-                min-height: 4rem
-            }
-
-            .min-w-16 {
-                min-width: 1.6rem
-            }
-
-            .min-w-32 {
-                min-width: 3.2rem
-            }
-
-            .w-16 {
-                width: 1.6rem
-            }
-
-            .w-2 {
-                width: .2rem
-            }
-
-            .w-20 {
-                width: 2rem
-            }
-
-            .w-24 {
-                width: 2.4rem
-            }
-
-            .w-32 {
-                width: 3.2rem
-            }
-
-            .w-40 {
-                width: 4rem
-            }
-
-            .w-44 {
-                width: 4.4rem
-            }
-
-            .w-8 {
-                width: .8rem
-            }
-
-            .w-full {
-                width: 100%
-            }
-
-            .w-max {
-                width: max-content
-            }
-
-            .w-unset {
-                width: unset
-            }
-
-            .before\\:h-20:before {
-                height: 2rem
-            }
-
-            .before\\:h-full:before {
-                height: 100%
-            }
-
-            .before\\:w-20:before {
-                width: 2rem
-            }
-
-            .before\\:w-32:before {
-                width: 3.2rem
-            }
-
-            .h-\\[--w-modal-height\\] {
-                height: var(--w-modal-height)
-            }
-
-            .h-\\[14px\\] {
-                height: 14px
-            }
-
-            .h-\\[16px\\] {
-                height: 16px
-            }
-
-            .max-h-\\[--w-modal-max-height\\] {
-                max-height: var(--w-modal-max-height)
-            }
-
-            .min-h-\\[--w-modal-min-height\\] {
-                min-height: var(--w-modal-min-height)
-            }
-
-            .min-h-\\[32px\\] {
-                min-height: 32px
-            }
-
-            .min-h-\\[40px\\] {
-                min-height: 40px
-            }
-
-            .min-h-\\[42\\] {
-                min-height: 4.2rem
-            }
-
-            .min-h-\\[44px\\] {
-                min-height: 44px
-            }
-
-            .min-w-\\[32px\\] {
-                min-width: 32px
-            }
-
-            .min-w-\\[40px\\] {
-                min-width: 40px
-            }
-
-            .min-w-\\[44px\\] {
-                min-width: 44px
-            }
-
-            .w-\\[--w-modal-width\\] {
-                width: var(--w-modal-width)
-            }
-
-            .w-\\[14px\\] {
-                width: 14px
-            }
-
-            .w-\\[16px\\] {
-                width: 16px
-            }
-
-            .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))
-            }
-
-            .space-y-16 > :not([hidden]) ~ :not([hidden]) {
-                --w-space-y-reverse: 0;
-                margin-top: calc(1.6rem * calc(1 - var(--w-space-y-reverse)));
-                margin-bottom: calc(1.6rem * var(--w-space-y-reverse))
-            }
-
-            .m-0 {
-                margin: 0rem
-            }
-
-            .m-auto {
-                margin: auto
-            }
-
-            .-mx-16 {
-                margin-left: -1.6rem;
-                margin-right: -1.6rem
-            }
-
-            .mx-0 {
-                margin-left: 0rem;
-                margin-right: 0rem
-            }
-
-            .mx-8 {
-                margin-left: .8rem;
-                margin-right: .8rem
-            }
-
-            .mx-auto {
-                margin-left: auto;
-                margin-right: auto
-            }
-
-            .-mb-1 {
-                margin-bottom: -.1rem
-            }
-
-            .-ml-8 {
-                margin-left: -.8rem
-            }
-
-            .-mr-1 {
-                margin-right: -.1rem
-            }
-
-            .-mr-8 {
-                margin-right: -.8rem
-            }
-
-            .-mt-2 {
-                margin-top: -.2rem
-            }
-
-            .-mt-4 {
-                margin-top: -.4rem
-            }
-
-            .last-child\\:mb-0 > :last-child, .mb-0 {
-                margin-bottom: 0rem
-            }
-
-            .mb-32 {
-                margin-bottom: 3.2rem
-            }
-
-            .ml-8 {
-                margin-left: .8rem
-            }
-
-            .ml-auto {
-                margin-left: auto
-            }
-
-            .mr-8 {
-                margin-right: .8rem
-            }
-
-            .mt-16 {
-                margin-top: 1.6rem
-            }
-
-            .mt-4 {
-                margin-top: .4rem
-            }
-
-            .group:not(:first-child) .group-not-first\\:-ml-2 {
-                margin-left: -.2rem
-            }
-
-            .last\\:mb-0:last-child {
-                margin-bottom: 0rem
-            }
-
-            .last\\:mr-0:last-child {
-                margin-right: 0rem
-            }
-
-            .m-\\[8px\\] {
-                margin: 8px
-            }
-
-            .p-0 {
-                padding: 0rem
-            }
-
-            .p-16 {
-                padding: 1.6rem
-            }
-
-            .p-4 {
-                padding: .4rem
-            }
-
-            .p-8 {
-                padding: .8rem
-            }
-
-            .px-0 {
-                padding-left: 0rem;
-                padding-right: 0rem
-            }
-
-            .px-1 {
-                padding-left: .1rem;
-                padding-right: .1rem
-            }
-
-            .px-12 {
-                padding-left: 1.2rem;
-                padding-right: 1.2rem
-            }
-
-            .px-14 {
-                padding-left: 1.4rem;
-                padding-right: 1.4rem
-            }
-
-            .px-16 {
-                padding-left: 1.6rem;
-                padding-right: 1.6rem
-            }
-
-            .px-8 {
-                padding-left: .8rem;
-                padding-right: .8rem
-            }
-
-            .py-0 {
-                padding-top: 0rem;
-                padding-bottom: 0rem
-            }
-
-            .py-1 {
-                padding-top: .1rem;
-                padding-bottom: .1rem
-            }
-
-            .py-10 {
-                padding-top: 1rem;
-                padding-bottom: 1rem
-            }
-
-            .py-12 {
-                padding-top: 1.2rem;
-                padding-bottom: 1.2rem
-            }
-
-            .py-2 {
-                padding-top: .2rem;
-                padding-bottom: .2rem
-            }
-
-            .py-4 {
-                padding-top: .4rem;
-                padding-bottom: .4rem
-            }
-
-            .py-6 {
-                padding-top: .6rem;
-                padding-bottom: .6rem
-            }
-
-            .py-8 {
-                padding-top: .8rem;
-                padding-bottom: .8rem
-            }
-
-            .pb-0 {
-                padding-bottom: 0rem
-            }
-
-            .pb-32 {
-                padding-bottom: 3.2rem
-            }
-
-            .pb-4 {
-                padding-bottom: .4rem
-            }
-
-            .pb-8 {
-                padding-bottom: .8rem
-            }
-
-            .pl-0 {
-                padding-left: 0rem
-            }
-
-            .pl-1 {
-                padding-left: .1rem
-            }
-
-            .pl-12 {
-                padding-left: 1.2rem
-            }
-
-            .pl-28 {
-                padding-left: 2.8rem
-            }
-
-            .pl-4 {
-                padding-left: .4rem
-            }
-
-            .pl-8 {
-                padding-left: .8rem
-            }
-
-            .pr-12 {
-                padding-right: 1.2rem
-            }
-
-            .pr-14 {
-                padding-right: 1.4rem
-            }
-
-            .pr-2 {
-                padding-right: .2rem
-            }
-
-            .pr-32 {
-                padding-right: 3.2rem
-            }
-
-            .pr-40 {
-                padding-right: 4rem
-            }
-
-            .pt-0 {
-                padding-top: 0rem
-            }
-
-            .pt-1 {
-                padding-top: .1rem
-            }
-
-            .pt-16 {
-                padding-top: 1.6rem
-            }
-
-            .pt-24 {
-                padding-top: 2.4rem
-            }
-
-            .pt-8 {
-                padding-top: .8rem
-            }
-
-            .group\\/step:last-child .group-last\\/step\\:last\\:pb-0:last-child {
-                padding-bottom: 0rem
-            }
-
-            .last\\:pb-1:last-child {
-                padding-bottom: .1rem
-            }
-
-            .last\\:pr-1:last-child {
-                padding-right: .1rem
-            }
-
-            .p-\\[8px\\] {
-                padding: 8px
-            }
-
-            .px-\\[15px\\] {
-                padding-left: 15px;
-                padding-right: 15px
-            }
-
-            .px-\\[8px\\] {
-                padding-left: 8px;
-                padding-right: 8px
-            }
-
-            .py-\\[11px\\] {
-                padding-top: 11px;
-                padding-bottom: 11px
-            }
-
-            .py-\\[5px\\] {
-                padding-top: 5px;
-                padding-bottom: 5px
-            }
-
-            .py-\\[7px\\] {
-                padding-top: 7px;
-                padding-bottom: 7px
-            }
-
-            .pl-\\[var\\(--w-prefix-width\\,_40px\\)\\] {
-                padding-left: var(--w-prefix-width, 40px)
-            }
-
-            .invisible {
-                visibility: hidden
-            }
-
-            .backface-hidden {
-                backface-visibility: hidden
-            }
-
-            .break-words {
-                overflow-wrap: break-word
-            }
-
-            .before\\:content-\\[\\"–\\"\\]:before {
-                content: "–"
-            }
-
-            .before\\:content-\\[\\"\\"\\]:before {
-                content: ""
-            }
-
-            .cursor-default {
-                cursor: default
-            }
-
-            .cursor-pointer {
-                cursor: pointer
-            }
-
-            .antialiased {
-                -webkit-font-smoothing: antialiased;
-                -moz-osx-font-smoothing: grayscale;
-                font-smoothing: grayscale
-            }
-
-            .font-bold {
-                font-weight: 700
-            }
-
-            .before\\:font-bold:before {
-                font-weight: 700
-            }
-
-            .font-normal {
-                font-weight: 400
-            }
-
-            .pointer-events-auto {
-                pointer-events: auto
-            }
-
-            .pointer-events-none {
-                pointer-events: none
-            }
-
-            .before\\:pointer-events-none:before {
-                pointer-events: none
-            }
-
-            .pb-safe-\\[32\\] {
-                padding-bottom: calc(32px + env(safe-area-inset-bottom, 0px))
-            }
-
-            .sr-only {
-                position: absolute;
-                width: 1px;
-                height: 1px;
-                padding: 0;
-                margin: -1px;
-                overflow: hidden;
-                clip: rect(0, 0, 0, 0);
-                white-space: nowrap;
-                border-width: 0
-            }
-
-            .touch-pan-y {
-                touch-action: pan-y
-            }
-
-            .select-none {
-                -webkit-user-select: none;
-                user-select: none
-            }
-
-            .translate-x-20 {
-                --w-translate-x: 2rem;
-                transform: translate(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)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))
-            }
-
-            .translate-z-0 {
-                --w-translate-z: 0rem;
-                transform: translate(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)) rotate(var(--w-rotate-z)) skew(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, .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: translate(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)) rotate(var(--w-rotate-z)) skew(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), .rotate-180 {
-                --w-rotate-x: 0;
-                --w-rotate-y: 0;
-                --w-rotate-z: 0;
-                --w-rotate: 180deg;
-                transform: translate(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)) rotate(var(--w-rotate-z)) skew(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-90 {
-                --w-rotate-x: 0;
-                --w-rotate-y: 0;
-                --w-rotate-z: 0;
-                --w-rotate: 90deg;
-                transform: translate(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)) rotate(var(--w-rotate-z)) skew(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), .part-\\[w-icon-chevron-up-16-part\\]\\:transform::part(w-icon-chevron-up-16-part), .transform {
-                transform: translate(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)) rotate(var(--w-rotate-z)) skew(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), .part-\\[w-icon-chevron-up-16-part\\]\\:transform-gpu::part(w-icon-chevron-up-16-part), .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)) rotate(var(--w-rotate-z)) skew(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\\]\\:transition-transform::part(w-icon-chevron-down-16-part), .part-\\[w-icon-chevron-up-16-part\\]\\:transition-transform::part(w-icon-chevron-up-16-part), .transition-transform {
-                transition-property: transform;
-                transition-timing-function: cubic-bezier(.4, 0, .2, 1);
-                transition-duration: .15s
-            }
-
-            .transition-300 {
-                transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
-                transition-timing-function: cubic-bezier(.4, 0, .2, 1);
-                transition-duration: .3s
-            }
-
-            .transition-all {
-                transition-property: all;
-                transition-timing-function: cubic-bezier(.4, 0, .2, 1);
-                transition-duration: .15s
-            }
-
-            .transition-colors {
-                transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
-                transition-timing-function: cubic-bezier(.4, 0, .2, 1);
-                transition-duration: .15s
-            }
-
-            .transition-shadow {
-                transition-property: box-shadow;
-                transition-timing-function: cubic-bezier(.4, 0, .2, 1);
-                transition-duration: .15s
-            }
-
-            .before\\:transition-all:before {
-                transition-property: all;
-                transition-timing-function: cubic-bezier(.4, 0, .2, 1);
-                transition-duration: .15s
-            }
-
-            .duration-300 {
-                transition-duration: .3s
-            }
-
-            .ease-in-out, .part-\\[w-icon-chevron-down-16-part\\]\\:ease-in-out::part(w-icon-chevron-down-16-part), .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)
-            }
-
-            .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)
-            }
-
-            .before\\:leading-xs:before {
-                line-height: var(--w-line-height-xs)
-            }
-
-            .leading-\\[24\\] {
-                line-height: 2.4rem
-            }
-
-            @media (max-width: 479.9px) {
-                .lt-sm\\:rounded-b-0 {
-                    border-bottom-left-radius: 0;
-                    border-bottom-right-radius: 0
-                }
-            }
-            @media (min-width: 480px) {
-                .sm\\:border-b-0 {
-                    border-bottom-width: 0
-                }
-
-                .sm\\:rounded-8 {
-                    border-radius: 8px
-                }
-
-                .sm\\:rounded-b-8 {
-                    border-bottom-left-radius: 8px;
-                    border-bottom-right-radius: 8px
-                }
-
-                .sm\\:gap-16 {
-                    gap: 1.6rem
-                }
-
-                .sm\\:place-content-center {
-                    place-content: center
-                }
-
-                .sm\\:place-items-center {
-                    place-items: center
-                }
-
-                .sm\\:h-24 {
-                    height: 2.4rem
-                }
-
-                .sm\\:min-h-48 {
-                    min-height: 4.8rem
-                }
-
-                .sm\\:w-24 {
-                    width: 2.4rem
-                }
-
-                .sm\\:min-h-\\[32px\\] {
-                    min-height: 32px
-                }
-
-                .sm\\:min-h-\\[44px\\] {
-                    min-height: 44px
-                }
-
-                .sm\\:min-h-\\[45\\] {
-                    min-height: 4.5rem
-                }
-
-                .sm\\:min-w-\\[32px\\] {
-                    min-width: 32px
-                }
-
-                .sm\\:min-w-\\[44px\\] {
-                    min-width: 44px
-                }
-
-                .sm\\:mx-0 {
-                    margin-left: 0rem;
-                    margin-right: 0rem
-                }
-
-                .sm\\:mx-16 {
-                    margin-left: 1.6rem;
-                    margin-right: 1.6rem
-                }
-
-                .sm\\:-ml-12 {
-                    margin-left: -1.2rem
-                }
-
-                .sm\\:-mr-12 {
-                    margin-right: -1.2rem
-                }
-
-                .sm\\:-mt-8 {
-                    margin-top: -.8rem
-                }
-
-                .sm\\:px-32 {
-                    padding-left: 3.2rem;
-                    padding-right: 3.2rem
-                }
-
-                .sm\\:py-0 {
-                    padding-top: 0rem;
-                    padding-bottom: 0rem
-                }
-
-                .sm\\:pb-32 {
-                    padding-bottom: 3.2rem
-                }
-
-                .sm\\:pt-24 {
-                    padding-top: 2.4rem
-                }
-
-                .sm\\:pt-32 {
-                    padding-top: 3.2rem
-                }
-            }
-            @media (min-width: 768px) {
-                .md\\:block {
-                    display: block
-                }
-
-                .md\\:hidden {
-                    display: none
-                }
-            }
-        `;import{css as Qs}from"lit";var Xo=Qs`*,: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 hl}from"lit";import{unsafeStatic as fl,html as bl}from"lit/static-html.js";var ta=Xs(Go(),1);var Je=t=>typeof t=="string",al=t=>typeof t=="function",Wo=new Map,ra="en";function Jr(t){return[...Array.isArray(t)?t:[t],ra]}function Ur(t,e,r){let o=Jr(t);r||(r="default");let a;if(typeof r=="string")switch(a={day:"numeric",month:"short",year:"numeric"},r){case"full":a.weekday="long";case"long":a.month="long";break;case"short":a.month="numeric";break}else a=r;return Zt(()=>Kt("date",o,r),()=>new Intl.DateTimeFormat(o,a)).format(Je(e)?new Date(e):e)}function il(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 Ur(t,e,o)}function jr(t,e,r){let o=Jr(t);return Zt(()=>Kt("number",o,r),()=>new Intl.NumberFormat(o,r)).format(e)}function ea(t,e,r,{offset:o=0,...a}){var l,d;let i=Jr(t),n=e?Zt(()=>Kt("plural-ordinal",i),()=>new Intl.PluralRules(i,{type:"ordinal"})):Zt(()=>Kt("plural-cardinal",i),()=>new Intl.PluralRules(i,{type:"cardinal"}));return(d=(l=a[r])!=null?l:a[n.select(r-o)])!=null?d:a.other}function Zt(t,e){let r=t(),o=Wo.get(r);return o||(o=e(),Wo.set(r,o)),o}function Kt(t,e,r){let o=e.join("-");return`${t}-${o}-${JSON.stringify(r)}`}var oa=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,aa="%__lingui_octothorpe__%",nl=(t,e,r={})=>{let o=e||t,a=n=>typeof n=="object"?n:r[n],i=(n,l)=>{let d=Object.keys(r).length?a("number"):void 0,u=jr(o,n,d);return l.replace(new RegExp(aa,"g"),u)};return{plural:(n,l)=>{let{offset:d=0}=l,u=ea(o,!1,n,l);return i(n-d,u)},selectordinal:(n,l)=>{let{offset:d=0}=l,u=ea(o,!0,n,l);return i(n-d,u)},select:sl,number:(n,l)=>jr(o,n,a(l)||{style:l}),date:(n,l)=>Ur(o,n,a(l)||l),time:(n,l)=>il(o,n,a(l)||l)}},sl=(t,e)=>{var r;return(r=e[t])!=null?r:e.other};function ll(t,e,r){return(o={},a)=>{let i=nl(e,r,a),n=(d,u=!1)=>Array.isArray(d)?d.reduce((p,m)=>{if(m==="#"&&u)return p+aa;if(Je(m))return p+m;let[x,g,v]=m,$={};g==="plural"||g==="selectordinal"||g==="select"?Object.entries(v).forEach(([S,L])=>{$[S]=n(L,g==="plural"||g==="selectordinal")}):$=v;let y;if(g){let S=i[g];y=S(o[x],$)}else y=o[x];return y==null?p:p+y},""):d,l=n(t);return Je(l)&&oa.test(l)?(0,ta.unraw)(l):Je(l)?l:l?String(l):""}}var cl=Object.defineProperty,dl=(t,e,r)=>e in t?cl(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,ul=(t,e,r)=>(dl(t,typeof e!="symbol"?e+"":e,r),r),Hr=class{constructor(){ul(this,"_events",{})}on(e,r){var a;var o;return(a=(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 a=o.indexOf(r);~a&&o.splice(a,1)}emit(e,...r){let o=this._getListeners(e);o&&o.map(a=>a.apply(this,r))}_getListeners(e){let r=this._events[e];return Array.isArray(r)?r:!1}},pl=Object.defineProperty,ml=(t,e,r)=>e in t?pl(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,et=(t,e,r)=>(ml(t,typeof e!="symbol"?e+"":e,r),r),qr=class extends Hr{constructor(e){var r;super(),et(this,"_locale",""),et(this,"_locales"),et(this,"_localeData",{}),et(this,"_messages",{}),et(this,"_missing"),et(this,"_messageCompiler"),et(this,"t",this._.bind(this)),e.missing!=null&&(this._missing=e.missing),e.messages!=null&&this.load(e.messages),e.localeData!=null&&this.loadLocaleData(e.localeData),(typeof e.locale=="string"||e.locales)&&this.activate((r=e.locale)!=null?r:ra,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,a])=>this._load(o,a)),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 a=o==null?void 0:o.message;e||(e=""),Je(e)||(r=e.values||r,a=e.message,e=e.id);let i=this.messages[e],n=i===void 0,l=this._missing;if(l&&n)return al(l)?l(this._locale,e):l;n&&this.emit("missing",{id:e,locale:this._locale});let d=i||a||e;return Je(d)&&(this._messageCompiler?d=this._messageCompiler(d):console.warn(`Uncompiled message detected! Message:
-
-> ${d}
-
-That means you use raw catalog or your catalog doesn't have a translation for the message and fallback was used.
-ICU features such as interpolation and plurals will not work properly for that message. 
-
-Please compile your catalog first. 
-`)),Je(d)&&oa.test(d)?JSON.parse(`"${d}"`):Je(d)?d:ll(d,this._locale,this._locales)(r,o==null?void 0:o.formats)}date(e,r){return Ur(this._locales||this._locale,e,r)}number(e,r){return jr(this._locales||this._locale,e,r)}};function gl(t={}){return new qr(t)}var c=gl();var vl=JSON.parse('{"icon.title.search":["Forst\xF8rrelsesglass"]}'),wl=JSON.parse('{"icon.title.search":["Magnifying glass"]}'),xl=JSON.parse('{"icon.title.search":["Suurennuslasi"]}'),yl=JSON.parse('{"icon.title.search":["Forst\xF8rrelsesglas"]}'),kl=JSON.parse('{"icon.title.search":["F\xF6rstoringsglas"]}'),ia=["en","nb","fi","da","sv"],na="en",El=()=>{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},sa=()=>{var t;let e=(t=document==null?void 0:document.location)==null?void 0:t.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":na},Yr=t=>ia.find(e=>t===e||t.toLowerCase().includes(e))||sa();function $l(){var t;if(typeof window=="undefined"){let e=El();return Yr(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=sa();return ia.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),na}}var Cl=(t,e,r,o,a,i)=>t==="nb"?r:t==="fi"?o:t==="da"?a:t==="sv"?i:e,_l=(t,e,r,o,a)=>{let i=$l(),n=Cl(i,t,e,r,o,a);c.load(i,n),c.activate(i)};_l(wl,vl,xl,yl,kl);var Sl=class extends hl{render(){let t=c.t({message:"Magnifying glass",id:"icon.title.search",comment:"Title for search icon"});return bl`<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">${fl(`<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",Sl);import{LitElement as Ll}from"lit";import{unsafeStatic as Ol,html as Tl}from"lit/static-html.js";var zl=JSON.parse('{"icon.title.close":["Kryss"]}'),Ml=JSON.parse('{"icon.title.close":["Cross"]}'),Nl=JSON.parse('{"icon.title.close":["Rasti"]}'),Al=JSON.parse('{"icon.title.close":["Kryds"]}'),Dl=JSON.parse('{"icon.title.close":["Kryss"]}'),la=["en","nb","fi","da","sv"],ca="en",Bl=()=>{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},da=()=>{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":ca},Xr=t=>la.find(e=>t===e||t.toLowerCase().includes(e))||da();function Pl(){var t;if(typeof window=="undefined"){let e=Bl();return Xr(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=da();return la.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),ca}}var Rl=(t,e,r,o,a,i)=>t==="nb"?r:t==="fi"?o:t==="da"?a:t==="sv"?i:e,Vl=(t,e,r,o,a)=>{let i=Pl(),n=Rl(i,t,e,r,o,a);c.load(i,n),c.activate(i)};Vl(Ml,zl,Nl,Al,Dl);var Il=class extends Ll{render(){let t=c.t({message:"Cross",id:"icon.title.close",comment:"Title for close icon"});return Tl`<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">${Ol(`<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",Il);var pa="absolute top-0 bottom-0 flex justify-center items-center focusable rounded-4 focus:[--w-outline-offset:-2px] bg-transparent ",jl={wrapper:pa+"right-0",wrapperWithLabel:"w-max pr-12",wrapperWithIcon:"w-40",label:"antialiased block relative cursor-default pb-0 font-bold text-xs s-text"},Hl={wrapper:pa+"left-0",wrapperWithLabel:"w-max pl-12",wrapperWithIcon:"w-40",label:"antialiased block relative cursor-default pb-0 font-bold text-xs s-text"},Ue=class extends Fl{constructor(){super(...arguments);this.clear=!1;this.search=!1}get _classBase(){return this.slot==="suffix"?jl:Hl}get _classes(){return w([this._classBase.wrapper,this.label?this._classBase.wrapperWithLabel:this._classBase.wrapperWithIcon])}get _searchButton(){return Gt`
-      <button aria-label="${ua(this.ariaLabel)}" class="${this._classes}" type="submit">
-        <w-icon-search-16></w-icon-search-16>
-      </button>
-    `}get _clearButton(){return Gt`
-      <button aria-label="${ua(this.ariaLabel)}" class="${this._classes}" type="reset">
-        <w-icon-close-16></w-icon-close-16>
-      </button>
-    `}get _text(){return Gt`
-      <div class="${this._classes}">
-        <span class="${this._classBase.label}">${this.label}</span>
-      </div>
-    `}get _markup(){if(this.label)return this._text;if(this.search)return this._searchButton;if(this.clear)return this._clearButton}render(){return Gt`${this._markup}`}};Ue.styles=[E,Xo],s([Wt({attribute:"aria-label"})],Ue.prototype,"ariaLabel",2),s([Wt({type:Boolean})],Ue.prototype,"clear",2),s([Wt({type:Boolean})],Ue.prototype,"search",2),s([Wt()],Ue.prototype,"label",2);customElements.get("w-affix")||customElements.define("w-affix",Ue);import{css as Hc,html as _t,LitElement as qc}from"lit";import{property as Wr}from"lit/decorators.js";import{LitElement as ql}from"lit";import{unsafeStatic as Jl,html as Ul}from"lit/static-html.js";var Yl=JSON.parse('{"icon.title.info":["Informasjonssirkel"]}'),Xl=JSON.parse('{"icon.title.info":["Information circle"]}'),Ql=JSON.parse('{"icon.title.info":["Ympyr\xE4, jonka sis\xE4ll\xE4 on i-kirjain"]}'),Zl=JSON.parse('{"icon.title.info":["Informationscirkel"]}'),Kl=JSON.parse('{"icon.title.info":["Informationscirkel"]}'),ma=["en","nb","fi","da","sv"],ga="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},ha=()=>{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},Qr=t=>ma.find(e=>t===e||t.toLowerCase().includes(e))||ha();function Wl(){var t;if(typeof window=="undefined"){let e=Gl();return Qr(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=ha();return ma.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),ga}}var ec=(t,e,r,o,a,i)=>t==="nb"?r:t==="fi"?o:t==="da"?a:t==="sv"?i:e,tc=(t,e,r,o,a)=>{let i=Wl(),n=ec(i,t,e,r,o,a);c.load(i,n),c.activate(i)};tc(Xl,Yl,Ql,Zl,Kl);var rc=class extends ql{render(){let t=c.t({message:"Information circle",id:"icon.title.info",comment:"Title for info icon"});return Ul`<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">${Jl(`<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",rc);import{LitElement as oc}from"lit";import{unsafeStatic as ac,html as ic}from"lit/static-html.js";var nc=JSON.parse('{"icon.title.warning":["Varseltrekant med utropstegn"]}'),sc=JSON.parse('{"icon.title.warning":["Warning triangle with exclamation point"]}'),lc=JSON.parse('{"icon.title.warning":["Varoituskolmio, jonka sis\xE4ll\xE4 on huutomerkki"]}'),cc=JSON.parse('{"icon.title.warning":["Advarselstrekant med et udr\xE5bstegn"]}'),dc=JSON.parse('{"icon.title.warning":["Varningstriangel med utropstecken"]}'),fa=["en","nb","fi","da","sv"],ba="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},va=()=>{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},Zr=t=>fa.find(e=>t===e||t.toLowerCase().includes(e))||va();function pc(){var t;if(typeof window=="undefined"){let e=uc();return Zr(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=va();return fa.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),ba}}var mc=(t,e,r,o,a,i)=>t==="nb"?r:t==="fi"?o:t==="da"?a:t==="sv"?i:e,gc=(t,e,r,o,a)=>{let i=pc(),n=mc(i,t,e,r,o,a);c.load(i,n),c.activate(i)};gc(sc,nc,lc,cc,dc);var hc=class extends oc{render(){let t=c.t({message:"Warning triangle with exclamation point",id:"icon.title.warning",comment:"Title for warning icon"});return ic`<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">${ac(`<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",hc);import{LitElement as fc}from"lit";import{unsafeStatic as bc,html as vc}from"lit/static-html.js";var wc=JSON.parse('{"icon.title.error":["\xC5ttekant med utropstegn"]}'),xc=JSON.parse('{"icon.title.error":["Octagon with exclamation point"]}'),yc=JSON.parse('{"icon.title.error":["Kahdeksankulmio, jonka sis\xE4ll\xE4 on huutomerkki"]}'),kc=JSON.parse('{"icon.title.error":["Ottekant med et udr\xE5bstegn"]}'),Ec=JSON.parse('{"icon.title.error":["Oktagon med utropstecken"]}'),wa=["en","nb","fi","da","sv"],xa="en",$c=()=>{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},ya=()=>{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":xa},Kr=t=>wa.find(e=>t===e||t.toLowerCase().includes(e))||ya();function Cc(){var t;if(typeof window=="undefined"){let e=$c();return Kr(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=ya();return wa.includes(e)?Kr(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),Kr(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),xa}}var _c=(t,e,r,o,a,i)=>t==="nb"?r:t==="fi"?o:t==="da"?a:t==="sv"?i:e,Sc=(t,e,r,o,a)=>{let i=Cc(),n=_c(i,t,e,r,o,a);c.load(i,n),c.activate(i)};Sc(xc,wc,yc,kc,Ec);var Lc=class extends fc{render(){let t=c.t({message:"Octagon with exclamation point",id:"icon.title.error",comment:"Title for error 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-error-16-part">${bc(`<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",Lc);import{LitElement as Oc}from"lit";import{unsafeStatic as Tc,html as zc}from"lit/static-html.js";var Mc=JSON.parse('{"icon.title.success":["Sirkel med sjekkmerke"]}'),Nc=JSON.parse('{"icon.title.success":["Circle with checkmark"]}'),Ac=JSON.parse('{"icon.title.success":["Ympyr\xE4, jonka sis\xE4ll\xE4 on valintamerkki"]}'),Dc=JSON.parse('{"icon.title.success":["Cirkel med et flueben"]}'),Bc=JSON.parse('{"icon.title.success":["Cirkel med bock"]}'),ka=["en","nb","fi","da","sv"],Ea="en",Pc=()=>{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},$a=()=>{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":Ea},Gr=t=>ka.find(e=>t===e||t.toLowerCase().includes(e))||$a();function Rc(){var t;if(typeof window=="undefined"){let e=Pc();return Gr(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=$a();return ka.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),Ea}}var Vc=(t,e,r,o,a,i)=>t==="nb"?r:t==="fi"?o:t==="da"?a:t==="sv"?i:e,Ic=(t,e,r,o,a)=>{let i=Rc(),n=Vc(i,t,e,r,o,a);c.load(i,n),c.activate(i)};Ic(Nc,Mc,Ac,Dc,Bc);var Fc=class extends Oc{render(){let t=c.t({message:"Circle with checkmark",id:"icon.title.success",comment:"Title for success icon"});return zc`<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">${Tc(`<title>${t}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m4 8.815 1.633 2.318a.7.7 0 0 0 1.138.034l5.228-6.615"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M.5 7.999a7.5 7.5 0 1 0 15 0 7.5 7.5 0 0 0-15 0"></path></svg>`}};customElements.get("w-icon-success-16")||customElements.define("w-icon-success-16",Fc);import{css as jc}from"lit";var Ca=jc`*,: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 St={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"},tt=class extends qc{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:
-negative, positive, warning, info.`)}get _wrapperClasses(){return w([St.wrapper,St[this.variant]])}get _iconClasses(){let r=St[`${this.variant}Icon`];return w([St.icon,r])}get _icon(){return this.variant===Lt.info?_t` <w-icon-info-16></w-icon-info-16>`:this.variant===Lt.warning?_t` <w-icon-warning-16></w-icon-warning-16>`:this.variant===Lt.negative?_t` <w-icon-error-16></w-icon-error-16>`:this.variant===Lt.positive?_t` <w-icon-success-16></w-icon-success-16>`:""}render(){return _t`
-      <w-expand-transition ?show=${this.show}>
-        <div role=${this.role} class=${this._wrapperClasses}>
-          <div class=${this._iconClasses}>${this._icon}</div>
-          <div class=${St.textWrapper}>
-            <slot></slot>
-          </div>
-        </div>
-      </w-expand-transition>
-    `}};tt.styles=[E,Ca,Hc`
-      :host {
-        display: block;
-      }
-
-      ::slotted(:first-child) {
-        margin-top: 0px;
-      }
-
-      ::slotted(:last-child) {
-        margin-bottom: 0px !important;
-      }
-    `],s([Wr({reflect:!0})],tt.prototype,"variant",2),s([Wr({type:Boolean,reflect:!0})],tt.prototype,"show",2),s([Wr({reflect:!0})],tt.prototype,"role",2);customElements.get("w-alert")||customElements.define("w-alert",tt);import{css as zd,html as gt,LitElement as Md,nothing as xi}from"lit";var La=["top","right","bottom","left"];var Ve=Math.min,se=Math.max,Tt=Math.round;var xe=t=>({x:t,y:t}),Jc={left:"right",right:"left",bottom:"top",top:"bottom"},Uc={start:"end",end:"start"};function tr(t,e,r){return se(t,Ve(e,r))}function Ye(t,e){return typeof t=="function"?t(e):t}function Ie(t){return t.split("-")[0]}function rt(t){return t.split("-")[1]}function eo(t){return t==="x"?"y":"x"}function rr(t){return t==="y"?"height":"width"}var Yc=new Set(["top","bottom"]);function Te(t){return Yc.has(Ie(t))?"y":"x"}function or(t){return eo(Te(t))}function Oa(t,e,r){r===void 0&&(r=!1);let o=rt(t),a=or(t),i=rr(a),n=a==="x"?o===(r?"end":"start")?"right":"left":o==="start"?"bottom":"top";return e.reference[i]>e.floating[i]&&(n=Ot(n)),[n,Ot(n)]}function Ta(t){let e=Ot(t);return[er(t),e,er(e)]}function er(t){return t.replace(/start|end/g,e=>Uc[e])}var _a=["left","right"],Sa=["right","left"],Xc=["top","bottom"],Qc=["bottom","top"];function Zc(t,e,r){switch(t){case"top":case"bottom":return r?e?Sa:_a:e?_a:Sa;case"left":case"right":return e?Xc:Qc;default:return[]}}function za(t,e,r,o){let a=rt(t),i=Zc(Ie(t),r==="start",o);return a&&(i=i.map(n=>n+"-"+a),e&&(i=i.concat(i.map(er)))),i}function Ot(t){return t.replace(/left|right|bottom|top/g,e=>Jc[e])}function Kc(t){return{top:0,right:0,bottom:0,left:0,...t}}function to(t){return typeof t!="number"?Kc(t):{top:t,right:t,bottom:t,left:t}}function ot(t){let{x:e,y:r,width:o,height:a}=t;return{width:o,height:a,top:r,left:e,right:e+o,bottom:r+a,x:e,y:r}}function Ma(t,e,r){let{reference:o,floating:a}=t,i=Te(e),n=or(e),l=rr(n),d=Ie(e),u=i==="y",p=o.x+o.width/2-a.width/2,m=o.y+o.height/2-a.height/2,x=o[l]/2-a[l]/2,g;switch(d){case"top":g={x:p,y:o.y-a.height};break;case"bottom":g={x:p,y:o.y+o.height};break;case"right":g={x:o.x+o.width,y:m};break;case"left":g={x:o.x-a.width,y:m};break;default:g={x:o.x,y:o.y}}switch(rt(e)){case"start":g[n]-=x*(r&&u?-1:1);break;case"end":g[n]+=x*(r&&u?-1:1);break}return g}var Da=async(t,e,r)=>{let{placement:o="bottom",strategy:a="absolute",middleware:i=[],platform:n}=r,l=i.filter(Boolean),d=await(n.isRTL==null?void 0:n.isRTL(e)),u=await n.getElementRects({reference:t,floating:e,strategy:a}),{x:p,y:m}=Ma(u,o,d),x=o,g={},v=0;for(let $=0;$<l.length;$++){let{name:y,fn:S}=l[$],{x:L,y:T,data:Q,reset:A}=await S({x:p,y:m,initialPlacement:o,placement:x,strategy:a,middlewareData:g,rects:u,platform:n,elements:{reference:t,floating:e}});p=L!=null?L:p,m=T!=null?T:m,g={...g,[y]:{...g[y],...Q}},A&&v<=50&&(v++,typeof A=="object"&&(A.placement&&(x=A.placement),A.rects&&(u=A.rects===!0?await n.getElementRects({reference:t,floating:e,strategy:a}):A.rects),{x:p,y:m}=Ma(u,x,d)),$=-1)}return{x:p,y:m,placement:x,strategy:a,middlewareData:g}};async function ut(t,e){var r;e===void 0&&(e={});let{x:o,y:a,platform:i,rects:n,elements:l,strategy:d}=t,{boundary:u="clippingAncestors",rootBoundary:p="viewport",elementContext:m="floating",altBoundary:x=!1,padding:g=0}=Ye(e,t),v=to(g),y=l[x?m==="floating"?"reference":"floating":m],S=ot(await i.getClippingRect({element:(r=await(i.isElement==null?void 0:i.isElement(y)))==null||r?y:y.contextElement||await(i.getDocumentElement==null?void 0:i.getDocumentElement(l.floating)),boundary:u,rootBoundary:p,strategy:d})),L=m==="floating"?{x:o,y:a,width:n.floating.width,height:n.floating.height}:n.reference,T=await(i.getOffsetParent==null?void 0:i.getOffsetParent(l.floating)),Q=await(i.isElement==null?void 0:i.isElement(T))?await(i.getScale==null?void 0:i.getScale(T))||{x:1,y:1}:{x:1,y:1},A=ot(i.convertOffsetParentRelativeRectToViewportRelativeRect?await i.convertOffsetParentRelativeRectToViewportRelativeRect({elements:l,rect:L,offsetParent:T,strategy:d}):L);return{top:(S.top-A.top+v.top)/Q.y,bottom:(A.bottom-S.bottom+v.bottom)/Q.y,left:(S.left-A.left+v.left)/Q.x,right:(A.right-S.right+v.right)/Q.x}}var Ba=t=>({name:"arrow",options:t,async fn(e){let{x:r,y:o,placement:a,rects:i,platform:n,elements:l,middlewareData:d}=e,{element:u,padding:p=0}=Ye(t,e)||{};if(u==null)return{};let m=to(p),x={x:r,y:o},g=or(a),v=rr(g),$=await n.getDimensions(u),y=g==="y",S=y?"top":"left",L=y?"bottom":"right",T=y?"clientHeight":"clientWidth",Q=i.reference[v]+i.reference[g]-x[g]-i.floating[v],A=x[g]-i.reference[g],k=await(n.getOffsetParent==null?void 0:n.getOffsetParent(u)),C=k?k[T]:0;(!C||!await(n.isElement==null?void 0:n.isElement(k)))&&(C=l.floating[T]||i.floating[v]);let z=Q/2-A/2,N=C/2-$[v]/2-1,P=Ve(m[S],N),ie=Ve(m[L],N),G=P,ne=C-$[v]-ie,U=C/2-$[v]/2+z,j=tr(G,U,ne),ue=!d.arrow&&rt(a)!=null&&U!==j&&i.reference[v]/2-(U<G?P:ie)-$[v]/2<0,Y=ue?U<G?U-G:U-ne:0;return{[g]:x[g]+Y,data:{[g]:j,centerOffset:U-j-Y,...ue&&{alignmentOffset:Y}},reset:ue}}});var Pa=function(t){return t===void 0&&(t={}),{name:"flip",options:t,async fn(e){var r,o;let{placement:a,middlewareData:i,rects:n,initialPlacement:l,platform:d,elements:u}=e,{mainAxis:p=!0,crossAxis:m=!0,fallbackPlacements:x,fallbackStrategy:g="bestFit",fallbackAxisSideDirection:v="none",flipAlignment:$=!0,...y}=Ye(t,e);if((r=i.arrow)!=null&&r.alignmentOffset)return{};let S=Ie(a),L=Te(l),T=Ie(l)===l,Q=await(d.isRTL==null?void 0:d.isRTL(u.floating)),A=x||(T||!$?[Ot(l)]:Ta(l)),k=v!=="none";!x&&k&&A.push(...za(l,$,v,Q));let C=[l,...A],z=await ut(e,y),N=[],P=((o=i.flip)==null?void 0:o.overflows)||[];if(p&&N.push(z[S]),m){let U=Oa(a,n,Q);N.push(z[U[0]],z[U[1]])}if(P=[...P,{placement:a,overflows:N}],!N.every(U=>U<=0)){var ie,G;let U=(((ie=i.flip)==null?void 0:ie.index)||0)+1,j=C[U];if(j&&(!(m==="alignment"?L!==Te(j):!1)||P.every(ge=>Te(ge.placement)===L?ge.overflows[0]>0:!0)))return{data:{index:U,overflows:P},reset:{placement:j}};let ue=(G=P.filter(Y=>Y.overflows[0]<=0).sort((Y,ge)=>Y.overflows[1]-ge.overflows[1])[0])==null?void 0:G.placement;if(!ue)switch(g){case"bestFit":{var ne;let Y=(ne=P.filter(ge=>{if(k){let he=Te(ge.placement);return he===L||he==="y"}return!0}).map(ge=>[ge.placement,ge.overflows.filter(he=>he>0).reduce((he,Fs)=>he+Fs,0)]).sort((ge,he)=>ge[1]-he[1])[0])==null?void 0:ne[0];Y&&(ue=Y);break}case"initialPlacement":ue=l;break}if(a!==ue)return{reset:{placement:ue}}}return{}}}};function Na(t,e){return{top:t.top-e.height,right:t.right-e.width,bottom:t.bottom-e.height,left:t.left-e.width}}function Aa(t){return La.some(e=>t[e]>=0)}var Ra=function(t){return t===void 0&&(t={}),{name:"hide",options:t,async fn(e){let{rects:r}=e,{strategy:o="referenceHidden",...a}=Ye(t,e);switch(o){case"referenceHidden":{let i=await ut(e,{...a,elementContext:"reference"}),n=Na(i,r.reference);return{data:{referenceHiddenOffsets:n,referenceHidden:Aa(n)}}}case"escaped":{let i=await ut(e,{...a,altBoundary:!0}),n=Na(i,r.floating);return{data:{escapedOffsets:n,escaped:Aa(n)}}}default:return{}}}}};var Gc=new Set(["left","top"]);async function Wc(t,e){let{placement:r,platform:o,elements:a}=t,i=await(o.isRTL==null?void 0:o.isRTL(a.floating)),n=Ie(r),l=rt(r),d=Te(r)==="y",u=Gc.has(n)?-1:1,p=i&&d?-1:1,m=Ye(e,t),{mainAxis:x,crossAxis:g,alignmentAxis:v}=typeof m=="number"?{mainAxis:m,crossAxis:0,alignmentAxis:null}:{mainAxis:m.mainAxis||0,crossAxis:m.crossAxis||0,alignmentAxis:m.alignmentAxis};return l&&typeof v=="number"&&(g=l==="end"?v*-1:v),d?{x:g*p,y:x*u}:{x:x*u,y:g*p}}var Va=function(t){return t===void 0&&(t=0),{name:"offset",options:t,async fn(e){var r,o;let{x:a,y:i,placement:n,middlewareData:l}=e,d=await Wc(e,t);return n===((r=l.offset)==null?void 0:r.placement)&&(o=l.arrow)!=null&&o.alignmentOffset?{}:{x:a+d.x,y:i+d.y,data:{...d,placement:n}}}}},Ia=function(t){return t===void 0&&(t={}),{name:"shift",options:t,async fn(e){let{x:r,y:o,placement:a}=e,{mainAxis:i=!0,crossAxis:n=!1,limiter:l={fn:y=>{let{x:S,y:L}=y;return{x:S,y:L}}},...d}=Ye(t,e),u={x:r,y:o},p=await ut(e,d),m=Te(Ie(a)),x=eo(m),g=u[x],v=u[m];if(i){let y=x==="y"?"top":"left",S=x==="y"?"bottom":"right",L=g+p[y],T=g-p[S];g=tr(L,g,T)}if(n){let y=m==="y"?"top":"left",S=m==="y"?"bottom":"right",L=v+p[y],T=v-p[S];v=tr(L,v,T)}let $=l.fn({...e,[x]:g,[m]:v});return{...$,data:{x:$.x-r,y:$.y-o,enabled:{[x]:i,[m]:n}}}}}};var Fa=function(t){return t===void 0&&(t={}),{name:"size",options:t,async fn(e){var r,o;let{placement:a,rects:i,platform:n,elements:l}=e,{apply:d=()=>{},...u}=Ye(t,e),p=await ut(e,u),m=Ie(a),x=rt(a),g=Te(a)==="y",{width:v,height:$}=i.floating,y,S;m==="top"||m==="bottom"?(y=m,S=x===(await(n.isRTL==null?void 0:n.isRTL(l.floating))?"start":"end")?"left":"right"):(S=m,y=x==="end"?"top":"bottom");let L=$-p.top-p.bottom,T=v-p.left-p.right,Q=Ve($-p[y],L),A=Ve(v-p[S],T),k=!e.middlewareData.shift,C=Q,z=A;if((r=e.middlewareData.shift)!=null&&r.enabled.x&&(z=T),(o=e.middlewareData.shift)!=null&&o.enabled.y&&(C=L),k&&!x){let P=se(p.left,0),ie=se(p.right,0),G=se(p.top,0),ne=se(p.bottom,0);g?z=v-2*(P!==0||ie!==0?P+ie:se(p.left,p.right)):C=$-2*(G!==0||ne!==0?G+ne:se(p.top,p.bottom))}await d({...e,availableWidth:z,availableHeight:C});let N=await n.getDimensions(l.floating);return v!==N.width||$!==N.height?{reset:{rects:!0}}:{}}}};function ir(){return typeof window!="undefined"}function at(t){return Ha(t)?(t.nodeName||"").toLowerCase():"#document"}function le(t){var e;return(t==null||(e=t.ownerDocument)==null?void 0:e.defaultView)||window}function ze(t){var e;return(e=(Ha(t)?t.ownerDocument:t.document)||window.document)==null?void 0:e.documentElement}function Ha(t){return ir()?t instanceof Node||t instanceof le(t).Node:!1}function fe(t){return ir()?t instanceof Element||t instanceof le(t).Element:!1}function ye(t){return ir()?t instanceof HTMLElement||t instanceof le(t).HTMLElement:!1}function ja(t){return!ir()||typeof ShadowRoot=="undefined"?!1:t instanceof ShadowRoot||t instanceof le(t).ShadowRoot}var ed=new Set(["inline","contents"]);function pt(t){let{overflow:e,overflowX:r,overflowY:o,display:a}=be(t);return/auto|scroll|overlay|hidden|clip/.test(e+o+r)&&!ed.has(a)}var td=new Set(["table","td","th"]);function qa(t){return td.has(at(t))}var rd=[":popover-open",":modal"];function zt(t){return rd.some(e=>{try{return t.matches(e)}catch(r){return!1}})}var od=["transform","translate","scale","rotate","perspective"],ad=["transform","translate","scale","rotate","perspective","filter"],id=["paint","layout","strict","content"];function nr(t){let e=sr(),r=fe(t)?be(t):t;return od.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)||ad.some(o=>(r.willChange||"").includes(o))||id.some(o=>(r.contain||"").includes(o))}function Ja(t){let e=Fe(t);for(;ye(e)&&!it(e);){if(nr(e))return e;if(zt(e))return null;e=Fe(e)}return null}function sr(){return typeof CSS=="undefined"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}var nd=new Set(["html","body","#document"]);function it(t){return nd.has(at(t))}function be(t){return le(t).getComputedStyle(t)}function Mt(t){return fe(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||ja(t)&&t.host||ze(t);return ja(e)?e.host:e}function Ua(t){let e=Fe(t);return it(e)?t.ownerDocument?t.ownerDocument.body:t.body:ye(e)&&pt(e)?e:Ua(e)}function ar(t,e,r){var o;e===void 0&&(e=[]),r===void 0&&(r=!0);let a=Ua(t),i=a===((o=t.ownerDocument)==null?void 0:o.body),n=le(a);if(i){let l=lr(n);return e.concat(n,n.visualViewport||[],pt(a)?a:[],l&&r?ar(l):[])}return e.concat(a,ar(a,[],r))}function lr(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function Qa(t){let e=be(t),r=parseFloat(e.width)||0,o=parseFloat(e.height)||0,a=ye(t),i=a?t.offsetWidth:r,n=a?t.offsetHeight:o,l=Tt(r)!==i||Tt(o)!==n;return l&&(r=i,o=n),{width:r,height:o,$:l}}function Za(t){return fe(t)?t:t.contextElement}function mt(t){let e=Za(t);if(!ye(e))return xe(1);let r=e.getBoundingClientRect(),{width:o,height:a,$:i}=Qa(e),n=(i?Tt(r.width):r.width)/o,l=(i?Tt(r.height):r.height)/a;return(!n||!Number.isFinite(n))&&(n=1),(!l||!Number.isFinite(l))&&(l=1),{x:n,y:l}}var sd=xe(0);function Ka(t){let e=le(t);return!sr()||!e.visualViewport?sd:{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}}function ld(t,e,r){return e===void 0&&(e=!1),!r||e&&r!==le(t)?!1:e}function Nt(t,e,r,o){e===void 0&&(e=!1),r===void 0&&(r=!1);let a=t.getBoundingClientRect(),i=Za(t),n=xe(1);e&&(o?fe(o)&&(n=mt(o)):n=mt(t));let l=ld(i,r,o)?Ka(i):xe(0),d=(a.left+l.x)/n.x,u=(a.top+l.y)/n.y,p=a.width/n.x,m=a.height/n.y;if(i){let x=le(i),g=o&&fe(o)?le(o):o,v=x,$=lr(v);for(;$&&o&&g!==v;){let y=mt($),S=$.getBoundingClientRect(),L=be($),T=S.left+($.clientLeft+parseFloat(L.paddingLeft))*y.x,Q=S.top+($.clientTop+parseFloat(L.paddingTop))*y.y;d*=y.x,u*=y.y,p*=y.x,m*=y.y,d+=T,u+=Q,v=le($),$=lr(v)}}return ot({width:p,height:m,x:d,y:u})}function oo(t,e){let r=Mt(t).scrollLeft;return e?e.left+r:Nt(ze(t)).left+r}function Ga(t,e,r){r===void 0&&(r=!1);let o=t.getBoundingClientRect(),a=o.left+e.scrollLeft-(r?0:oo(t,o)),i=o.top+e.scrollTop;return{x:a,y:i}}function cd(t){let{elements:e,rect:r,offsetParent:o,strategy:a}=t,i=a==="fixed",n=ze(o),l=e?zt(e.floating):!1;if(o===n||l&&i)return r;let d={scrollLeft:0,scrollTop:0},u=xe(1),p=xe(0),m=ye(o);if((m||!m&&!i)&&((at(o)!=="body"||pt(n))&&(d=Mt(o)),ye(o))){let g=Nt(o);u=mt(o),p.x=g.x+o.clientLeft,p.y=g.y+o.clientTop}let x=n&&!m&&!i?Ga(n,d,!0):xe(0);return{width:r.width*u.x,height:r.height*u.y,x:r.x*u.x-d.scrollLeft*u.x+p.x+x.x,y:r.y*u.y-d.scrollTop*u.y+p.y+x.y}}function dd(t){return Array.from(t.getClientRects())}function ud(t){let e=ze(t),r=Mt(t),o=t.ownerDocument.body,a=se(e.scrollWidth,e.clientWidth,o.scrollWidth,o.clientWidth),i=se(e.scrollHeight,e.clientHeight,o.scrollHeight,o.clientHeight),n=-r.scrollLeft+oo(t),l=-r.scrollTop;return be(o).direction==="rtl"&&(n+=se(e.clientWidth,o.clientWidth)-a),{width:a,height:i,x:n,y:l}}function pd(t,e){let r=le(t),o=ze(t),a=r.visualViewport,i=o.clientWidth,n=o.clientHeight,l=0,d=0;if(a){i=a.width,n=a.height;let u=sr();(!u||u&&e==="fixed")&&(l=a.offsetLeft,d=a.offsetTop)}return{width:i,height:n,x:l,y:d}}function md(t,e){let r=Nt(t,!0,e==="fixed"),o=r.top+t.clientTop,a=r.left+t.clientLeft,i=ye(t)?mt(t):xe(1),n=t.clientWidth*i.x,l=t.clientHeight*i.y,d=a*i.x,u=o*i.y;return{width:n,height:l,x:d,y:u}}function Ya(t,e,r){let o;if(e==="viewport")o=pd(t,r);else if(e==="document")o=ud(ze(t));else if(fe(e))o=md(e,r);else{let a=Ka(t);o={x:e.x-a.x,y:e.y-a.y,width:e.width,height:e.height}}return ot(o)}function Wa(t,e){let r=Fe(t);return r===e||!fe(r)||it(r)?!1:be(r).position==="fixed"||Wa(r,e)}function gd(t,e){let r=e.get(t);if(r)return r;let o=ar(t,[],!1).filter(l=>fe(l)&&at(l)!=="body"),a=null,i=be(t).position==="fixed",n=i?Fe(t):t;for(;fe(n)&&!it(n);){let l=be(n),d=nr(n);!d&&l.position==="fixed"&&(a=null),(i?!d&&!a:!d&&l.position==="static"&&!!a&&["absolute","fixed"].includes(a.position)||pt(n)&&!d&&Wa(t,n))?o=o.filter(p=>p!==n):a=l,n=Fe(n)}return e.set(t,o),o}function hd(t){let{element:e,boundary:r,rootBoundary:o,strategy:a}=t,n=[...r==="clippingAncestors"?zt(e)?[]:gd(e,this._c):[].concat(r),o],l=n[0],d=n.reduce((u,p)=>{let m=Ya(e,p,a);return u.top=se(m.top,u.top),u.right=Ve(m.right,u.right),u.bottom=Ve(m.bottom,u.bottom),u.left=se(m.left,u.left),u},Ya(e,l,a));return{width:d.right-d.left,height:d.bottom-d.top,x:d.left,y:d.top}}function fd(t){let{width:e,height:r}=Qa(t);return{width:e,height:r}}function bd(t,e,r){let o=ye(e),a=ze(e),i=r==="fixed",n=Nt(t,!0,i,e),l={scrollLeft:0,scrollTop:0},d=xe(0);if(o||!o&&!i)if((at(e)!=="body"||pt(a))&&(l=Mt(e)),o){let x=Nt(e,!0,i,e);d.x=x.x+e.clientLeft,d.y=x.y+e.clientTop}else a&&(d.x=oo(a));let u=a&&!o&&!i?Ga(a,l):xe(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 ro(t){return be(t).position==="static"}function Xa(t,e){if(!ye(t)||be(t).position==="fixed")return null;if(e)return e(t);let r=t.offsetParent;return ze(t)===r&&(r=r.ownerDocument.body),r}function ei(t,e){let r=le(t);if(zt(t))return r;if(!ye(t)){let a=Fe(t);for(;a&&!it(a);){if(fe(a)&&!ro(a))return a;a=Fe(a)}return r}let o=Xa(t,e);for(;o&&qa(o)&&ro(o);)o=Xa(o,e);return o&&it(o)&&ro(o)&&!nr(o)?r:o||Ja(t)||r}var vd=async function(t){let e=this.getOffsetParent||ei,r=this.getDimensions,o=await r(t.floating);return{reference:bd(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}};function wd(t){return be(t).direction==="rtl"}var xd={convertOffsetParentRelativeRectToViewportRelativeRect:cd,getDocumentElement:ze,getClippingRect:hd,getOffsetParent:ei,getElementRects:vd,getClientRects:dd,getDimensions:fd,getScale:mt,isElement:fe,isRTL:wd};var ti=Va;var ri=Ia,oi=Pa,ai=Fa,ii=Ra,ni=Ba;var si=(t,e,r)=>{let o=new Map,a={platform:xd,...r},i={...a.platform,_c:o};return Da(t,e,{...a,platform:i})};var dr="top-start",ur="top",pr="top-end",mr="right-start",gr="right",hr="right-end",fr="bottom-start",At="bottom",br="bottom-end",vr="left-start",wr="left",xr="left-end",ao=[dr,ur,pr,mr,gr,hr,fr,At,br,vr,wr,xr],nt={[dr]:fr,[ur]:At,[pr]:br,[fr]:dr,[At]:ur,[br]:pr,[vr]:mr,[wr]:gr,[xr]:hr,[mr]:vr,[gr]:wr,[hr]:xr},yd={[vr]:-45,[wr]:-45,[xr]:-45,[dr]:45,[ur]:45,[pr]:45,[mr]:135,[gr]:135,[hr]:135,[fr]:-135,[At]:-135,[br]:-135},io=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},kd=t=>t.split("-")[0],Ed=t=>nt[kd(t)],ci=t=>nt[t],$d=t=>yd[ci(t)],Cd=(t,e,r)=>{Object.assign(t==null?void 0:t.style,{borderTopLeftRadius:"4px",zIndex:1,[`margin${io(Ed(r))}`]:"-0.5px",transform:`rotate(${e}deg)`})},li=8,cr=24;async function no(t){var o,a,i;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 si(e,r,{placement:(o=t==null?void 0:t.directionName)!=null?o:At,middleware:[ti({mainAxis:(a=t==null?void 0:t.distance)!=null?a:8,crossAxis:(i=t==null?void 0:t.skidding)!=null?i:0}),(t==null?void 0:t.flip)&&oi({crossAxis:t==null?void 0:t.crossAxis,fallbackPlacements:t==null?void 0:t.fallbackPlacements}),(t==null?void 0:t.flip)&&ri({crossAxis:!0}),!(t!=null&&t.noArrow)&&(t==null?void 0:t.arrowEl)&&ni({element:t==null?void 0:t.arrowEl}),ii(),ai({apply(){Object.assign(r.style,{paddingRight:`${li}px`,paddingLeft:`${li}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:x}=d.arrow,g=window.getComputedStyle(r).direction==="rtl",v=ci(u).split("-")[1],$="",y="",S="",L="";if(v==="start"){let T=typeof m=="number"?`calc(${cr}px - ${p.offsetWidth/2}px)`:"";$=typeof x=="number"?`calc(${cr}px - ${p.offsetWidth/2}px)`:"",y=g?T:"",L=g?"":T}else if(v==="end"){let T=typeof m=="number"?`calc(${cr}px - ${p.offsetWidth/2}px)`:"";y=g?"":T,L=g?T:"",S=typeof x=="number"?`calc(${cr}px - ${p.offsetWidth/2}px)`:""}else L=typeof m=="number"?`${m}px`:"",$=typeof x=="number"?`${x}px`:"";Object.assign(p.style,{top:$,right:y,bottom:S,left:L}),Cd(p,$d(u),u)}}),t}import{property as pe}from"lit/decorators.js";import{ifDefined as Nd}from"lit/directives/if-defined.js";var _d=["en","nb","fi","da","sv"],ui="en",di=t=>_d.find(e=>t===e||t.toLowerCase().includes(e))||ui;function Sd(){if(typeof window=="undefined"){let t=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return di(t)}try{let t=document.documentElement.lang;return di(t)}catch(t){return console.warn("could not detect locale, falling back to source locale",t),ui}}var Ld=(t,e,r,o,a,i)=>t==="nb"?r:t==="fi"?o:t==="da"?a:t==="sv"?i:e,I=(t,e,r,o,a)=>{let i=Sd(),n=Ld(i,t,e,r,o,a);c.load(i,n),c.activate(i)};import{classMap as Kh}from"lit/directives/class-map.js";function pi(){return`m${Math.random().toString(36).slice(2)}`}import{css as Od}from"lit";var mi=Od`
-  .place-self-auto {
-    place-self: auto;
-  }
-  .place-self-start {
-    place-self: start;
-  }
-  .place-self-end {
-    place-self: end;
-  }
-  .place-self-center {
-    place-self: center;
-  }
-  .place-self-stretch {
-    place-self: stretch;
-  }
-
-  .place-items-start {
-    place-items: start;
-  }
-  .place-items-end {
-    place-items: end;
-  }
-  .place-items-center {
-    place-items: center;
-  }
-  .place-items-stretch {
-    place-items: stretch;
-  }
-
-  .place-content-center {
-    place-content: center;
-  }
-  .place-content-start {
-    place-content: start;
-  }
-  .place-content-end {
-    place-content: end;
-  }
-  .place-content-between {
-    place-content: space-between;
-  }
-  .place-content-around {
-    place-content: space-around;
-  }
-  .place-content-evenly {
-    place-content: space-evenly;
-  }
-
-  .self-auto {
-    align-self: auto;
-  }
-  .self-start {
-    align-self: flex-start;
-  }
-  .self-center {
-    align-self: center;
-  }
-  .self-end {
-    align-self: flex-end;
-  }
-  .self-stretch {
-    align-self: stretch;
-  }
-
-  .items-baseline {
-    align-items: baseline;
-  }
-  .items-stretch {
-    align-items: stretch;
-  }
-  .items-start {
-    align-items: flex-start;
-  }
-  .items-center {
-    align-items: center;
-  }
-  .items-end {
-    align-items: flex-end;
-  }
-
-  .content-start {
-    align-content: flex-start;
-  }
-  .content-center {
-    align-content: center;
-  }
-  .content-end {
-    align-content: flex-end;
-  }
-  .content-between {
-    align-content: space-between;
-  }
-  .content-around {
-    align-content: space-around;
-  }
-  .content-evenly {
-    align-content: space-evenly;
-  }
-
-  .justify-self-auto {
-    justify-self: auto;
-  }
-  .justify-self-start {
-    justify-self: start;
-  }
-  .justify-self-center {
-    justify-self: center;
-  }
-  .justify-self-end {
-    justify-self: end;
-  }
-  .justify-self-stretch {
-    justify-self: stretch;
-  }
-
-  .justify-items-start {
-    justify-items: start;
-  }
-  .justify-items-center {
-    justify-items: center;
-  }
-  .justify-items-end {
-    justify-items: end;
-  }
-  .justify-items-stretch {
-    justify-items: stretch;
-  }
-
-  .justify-start {
-    justify-content: flex-start;
-  }
-  .justify-center {
-    justify-content: center;
-  }
-  .justify-end {
-    justify-content: flex-end;
-  }
-  .justify-between {
-    justify-content: space-between;
-  }
-  .justify-around {
-    justify-content: space-around;
-  }
-  .justify-evenly {
-    justify-content: space-evenly;
-  }
-
-  .gap-0 {
-    gap: 0;
-  }
-  .gap-1 {
-    gap: 0.25rem;
-  }
-  .gap-2 {
-    gap: 0.5rem;
-  }
-  .gap-4 {
-    gap: 1rem;
-  }
-  .gap-6 {
-    gap: 1.5rem;
-  }
-  .gap-8 {
-    gap: 2rem;
-  }
-  .gap-10 {
-    gap: 2.5rem;
-  }
-  .gap-12 {
-    gap: 3rem;
-  }
-  .gap-14 {
-    gap: 3.5rem;
-  }
-  .gap-16 {
-    gap: 4rem;
-  }
-
-  .gap-x-0 {
-    column-gap: 0;
-  }
-  .gap-x-1 {
-    column-gap: 0.25rem;
-  }
-  .gap-x-2 {
-    column-gap: 0.5rem;
-  }
-  .gap-x-4 {
-    column-gap: 1rem;
-  }
-  .gap-x-6 {
-    column-gap: 1.5rem;
-  }
-  .gap-x-8 {
-    column-gap: 2rem;
-  }
-  .gap-x-10 {
-    column-gap: 2.5rem;
-  }
-  .gap-x-12 {
-    column-gap: 3rem;
-  }
-  .gap-x-14 {
-    column-gap: 3.5rem;
-  }
-  .gap-x-16 {
-    column-gap: 4rem;
-  }
-
-  .gap-y-0 {
-    row-gap: 0;
-  }
-  .gap-y-1 {
-    row-gap: 0.25rem;
-  }
-  .gap-y-2 {
-    row-gap: 0.5rem;
-  }
-  .gap-y-4 {
-    row-gap: 1rem;
-  }
-  .gap-y-6 {
-    row-gap: 1.5rem;
-  }
-  .gap-y-8 {
-    row-gap: 2rem;
-  }
-  .gap-y-10 {
-    row-gap: 2.5rem;
-  }
-  .gap-y-12 {
-    row-gap: 3rem;
-  }
-  .gap-y-14 {
-    row-gap: 3.5rem;
-  }
-  .gap-y-16 {
-    row-gap: 4rem;
-  }
-
-  .order-1 {
-    order: 1;
-  }
-  .order-2 {
-    order: 2;
-  }
-  .order-3 {
-    order: 3;
-  }
-  .order-4 {
-    order: 4;
-  }
-  .order-5 {
-    order: 5;
-  }
-  .order-6 {
-    order: 6;
-  }
-  .order-7 {
-    order: 7;
-  }
-  .order-8 {
-    order: 8;
-  }
-  .order-9 {
-    order: 9;
-  }
-  .order-10 {
-    order: 10;
-  }
-  .order-11 {
-    order: 11;
-  }
-  .order-12 {
-    order: 12;
-  }
-  .order-none {
-    order: 0;
-  }
-  .order-first {
-    order: -9999;
-  }
-  .order-last {
-    order: 9999;
-  }
-
-  .flex-nowrap {
-    flex-wrap: nowrap;
-  }
-  .flex-wrap {
-    flex-wrap: wrap;
-  }
-  .flex-wrap-reverse {
-    flex-wrap: wrap-reverse;
-  }
-
-  .shrink {
-    flex-shrink: 1;
-  }
-  .shrink-0 {
-    flex-shrink: 0;
-  }
-
-  .grow {
-    flex-grow: 1;
-  }
-  .grow-0 {
-    flex-grow: 0;
-  }
-
-  .flex-row {
-    flex-direction: row;
-  }
-  .flex-row-reverse {
-    flex-direction: row-reverse;
-  }
-  .flex-col {
-    flex-direction: column;
-  }
-  .flex-col-reverse {
-    flex-direction: column-reverse;
-  }
-
-  .basis-1 {
-    flex-basis: 0.25rem;
-  }
-  .basis-2 {
-    flex-basis: 0.5rem;
-  }
-  .basis-4 {
-    flex-basis: 1rem;
-  }
-  .basis-8 {
-    flex-basis: 2rem;
-  }
-  .basis-16 {
-    flex-basis: 4rem;
-  }
-  .basis-1\/5 {
-    flex-basis: 20%;
-  }
-
-  .flex-initial {
-    flex: 0 1 auto;
-  }
-  .flex-1 {
-    flex: 1 1 0%;
-  }
-  .flex-auto {
-    flex: 1 1 auto;
-  }
-  .flex-none {
-    flex: none;
-  }
-
-  .space-x-0 > * + * {
-    margin-left: 0;
-  }
-  .space-x-1 > * + * {
-    margin-left: 0.25rem;
-  }
-  .space-x-2 > * + * {
-    margin-left: 0.5rem;
-  }
-  .space-x-4 > * + * {
-    margin-left: 1rem;
-  }
-  .space-x-6 > * + * {
-    margin-left: 1.5rem;
-  }
-  .space-x-8 > * + * {
-    margin-left: 2rem;
-  }
-  .space-x-10 > * + * {
-    margin-left: 2.5rem;
-  }
-  .space-x-12 > * + * {
-    margin-left: 3rem;
-  }
-  .space-x-14 > * + * {
-    margin-left: 3.5rem;
-  }
-  .space-x-16 > * + * {
-    margin-left: 4rem;
-  }
-
-  .space-y-0 > * + * {
-    margin-top: 0;
-  }
-  .space-y-1 > * + * {
-    margin-top: 0.25rem;
-  }
-  .space-y-2 > * + * {
-    margin-top: 0.5rem;
-  }
-  .space-y-4 > * + * {
-    margin-top: 1rem;
-  }
-  .space-y-6 > * + * {
-    margin-top: 1.5rem;
-  }
-  .space-y-8 > * + * {
-    margin-top: 2rem;
-  }
-  .space-y-10 > * + * {
-    margin-top: 2.5rem;
-  }
-  .space-y-12 > * + * {
-    margin-top: 3rem;
-  }
-  .space-y-14 > * + * {
-    margin-top: 3.5rem;
-  }
-  .space-y-16 > * + * {
-    margin-top: 4rem;
-  }
-
-  .space-x-reverse > * + * {
-    margin-right: 0;
-    margin-left: 0;
-  }
-  .space-y-reverse > * + * {
-    margin-bottom: 0;
-    margin-top: 0;
-  }
-
-  .m-0 {
-    margin: 0;
-  }
-  .m-1 {
-    margin: 0.25rem;
-  }
-  .m-2 {
-    margin: 0.5rem;
-  }
-  .m-4 {
-    margin: 1rem;
-  }
-  .m-6 {
-    margin: 1.5rem;
-  }
-  .m-8 {
-    margin: 2rem;
-  }
-  .m-10 {
-    margin: 2.5rem;
-  }
-  .m-12 {
-    margin: 3rem;
-  }
-  .m-14 {
-    margin: 3.5rem;
-  }
-  .m-16 {
-    margin: 4rem;
-  }
-
-  .mt-0 {
-    margin-top: 0;
-  }
-  .mt-1 {
-    margin-top: 0.25rem;
-  }
-  .mt-2 {
-    margin-top: 0.5rem;
-  }
-  .mt-4 {
-    margin-top: 1rem;
-  }
-  .mt-6 {
-    margin-top: 1.5rem;
-  }
-  .mt-8 {
-    margin-top: 2rem;
-  }
-  .mt-10 {
-    margin-top: 2.5rem;
-  }
-  .mt-12 {
-    margin-top: 3rem;
-  }
-  .mt-14 {
-    margin-top: 3.5rem;
-  }
-  .mt-16 {
-    margin-top: 4rem;
-  }
-
-  .mr-0 {
-    margin-right: 0;
-  }
-  .mr-1 {
-    margin-right: 0.25rem;
-  }
-  .mr-2 {
-    margin-right: 0.5rem;
-  }
-  .mr-4 {
-    margin-right: 1rem;
-  }
-  .mr-6 {
-    margin-right: 1.5rem;
-  }
-  .mr-8 {
-    margin-right: 2rem;
-  }
-  .mr-10 {
-    margin-right: 2.5rem;
-  }
-  .mr-12 {
-    margin-right: 3rem;
-  }
-  .mr-14 {
-    margin-right: 3.5rem;
-  }
-  .mr-16 {
-    margin-right: 4rem;
-  }
-
-  .mb-0 {
-    margin-bottom: 0;
-  }
-  .mb-1 {
-    margin-bottom: 0.25rem;
-  }
-  .mb-2 {
-    margin-bottom: 0.5rem;
-  }
-  .mb-4 {
-    margin-bottom: 1rem;
-  }
-  .mb-6 {
-    margin-bottom: 1.5rem;
-  }
-  .mb-8 {
-    margin-bottom: 2rem;
-  }
-  .mb-10 {
-    margin-bottom: 2.5rem;
-  }
-  .mb-12 {
-    margin-bottom: 3rem;
-  }
-  .mb-14 {
-    margin-bottom: 3.5rem;
-  }
-  .mb-16 {
-    margin-bottom: 4rem;
-  }
-
-  .ml-0 {
-    margin-left: 0;
-  }
-  .ml-1 {
-    margin-left: 0.25rem;
-  }
-  .ml-2 {
-    margin-left: 0.5rem;
-  }
-  .ml-4 {
-    margin-left: 1rem;
-  }
-  .ml-6 {
-    margin-left: 1.5rem;
-  }
-  .ml-8 {
-    margin-left: 2rem;
-  }
-  .ml-10 {
-    margin-left: 2.5rem;
-  }
-  .ml-12 {
-    margin-left: 3rem;
-  }
-  .ml-14 {
-    margin-left: 3.5rem;
-  }
-  .ml-16 {
-    margin-left: 4rem;
-  }
-
-  .mx-0 {
-    margin-left: 0;
-    margin-right: 0;
-  }
-  .mx-1 {
-    margin-left: 0.25rem;
-    margin-right: 0.25rem;
-  }
-  .mx-2 {
-    margin-left: 0.5rem;
-    margin-right: 0.5rem;
-  }
-  .mx-4 {
-    margin-left: 1rem;
-    margin-right: 1rem;
-  }
-  .mx-6 {
-    margin-left: 1.5rem;
-    margin-right: 1.5rem;
-  }
-  .mx-8 {
-    margin-left: 2rem;
-    margin-right: 2rem;
-  }
-  .mx-10 {
-    margin-left: 2.5rem;
-    margin-right: 2.5rem;
-  }
-  .mx-12 {
-    margin-left: 3rem;
-    margin-right: 3rem;
-  }
-  .mx-14 {
-    margin-left: 3.5rem;
-    margin-right: 3.5rem;
-  }
-  .mx-16 {
-    margin-left: 4rem;
-    margin-right: 4rem;
-  }
-
-  .my-0 {
-    margin-top: 0;
-    margin-bottom: 0;
-  }
-  .my-1 {
-    margin-top: 0.25rem;
-    margin-bottom: 0.25rem;
-  }
-  .my-2 {
-    margin-top: 0.5rem;
-    margin-bottom: 0.5rem;
-  }
-  .my-4 {
-    margin-top: 1rem;
-    margin-bottom: 1rem;
-  }
-  .my-6 {
-    margin-top: 1.5rem;
-    margin-bottom: 1.5rem;
-  }
-  .my-8 {
-    margin-top: 2rem;
-    margin-bottom: 2rem;
-  }
-  .my-10 {
-    margin-top: 2.5rem;
-    margin-bottom: 2.5rem;
-  }
-  .my-12 {
-    margin-top: 3rem;
-    margin-bottom: 3rem;
-  }
-  .my-14 {
-    margin-top: 3.5rem;
-    margin-bottom: 3.5rem;
-  }
-  .my-16 {
-    margin-top: 4rem;
-    margin-bottom: 4rem;
-  }
-
-  .p-0 {
-    padding: 0;
-  }
-  .p-1 {
-    padding: 0.25rem;
-  }
-  .p-2 {
-    padding: 0.5rem;
-  }
-  .p-4 {
-    padding: 1rem;
-  }
-  .p-6 {
-    padding: 1.5rem;
-  }
-  .p-8 {
-    padding: 2rem;
-  }
-  .p-10 {
-    padding: 2.5rem;
-  }
-  .p-12 {
-    padding: 3rem;
-  }
-  .p-14 {
-    padding: 3.5rem;
-  }
-  .p-16 {
-    padding: 4rem;
-  }
-
-  .pt-0 {
-    padding-top: 0;
-  }
-  .pt-1 {
-    padding-top: 0.25rem;
-  }
-  .pt-2 {
-    padding-top: 0.5rem;
-  }
-  .pt-4 {
-    padding-top: 1rem;
-  }
-  .pt-6 {
-    padding-top: 1.5rem;
-  }
-  .pt-8 {
-    padding-top: 2rem;
-  }
-  .pt-10 {
-    padding-top: 2.5rem;
-  }
-  .pt-12 {
-    padding-top: 3rem;
-  }
-  .pt-14 {
-    padding-top: 3.5rem;
-  }
-  .pt-16 {
-    padding-top: 4rem;
-  }
-
-  .pr-0 {
-    padding-right: 0;
-  }
-  .pr-1 {
-    padding-right: 0.25rem;
-  }
-  .pr-2 {
-    padding-right: 0.5rem;
-  }
-  .pr-4 {
-    padding-right: 1rem;
-  }
-  .pr-6 {
-    padding-right: 1.5rem;
-  }
-  .pr-8 {
-    padding-right: 2rem;
-  }
-  .pr-10 {
-    padding-right: 2.5rem;
-  }
-  .pr-12 {
-    padding-right: 3rem;
-  }
-  .pr-14 {
-    padding-right: 3.5rem;
-  }
-  .pr-16 {
-    padding-right: 4rem;
-  }
-
-  .pb-0 {
-    padding-bottom: 0;
-  }
-  .pb-1 {
-    padding-bottom: 0.25rem;
-  }
-  .pb-2 {
-    padding-bottom: 0.5rem;
-  }
-  .pb-4 {
-    padding-bottom: 1rem;
-  }
-  .pb-6 {
-    padding-bottom: 1.5rem;
-  }
-  .pb-8 {
-    padding-bottom: 2rem;
-  }
-  .pb-10 {
-    padding-bottom: 2.5rem;
-  }
-  .pb-12 {
-    padding-bottom: 3rem;
-  }
-  .pb-14 {
-    padding-bottom: 3.5rem;
-  }
-  .pb-16 {
-    padding-bottom: 4rem;
-  }
-
-  .pl-0 {
-    padding-left: 0;
-  }
-  .pl-1 {
-    padding-left: 0.25rem;
-  }
-  .pl-2 {
-    padding-left: 0.5rem;
-  }
-  .pl-4 {
-    padding-left: 1rem;
-  }
-  .pl-6 {
-    padding-left: 1.5rem;
-  }
-  .pl-8 {
-    padding-left: 2rem;
-  }
-  .pl-10 {
-    padding-left: 2.5rem;
-  }
-  .pl-12 {
-    padding-left: 3rem;
-  }
-  .pl-14 {
-    padding-left: 3.5rem;
-  }
-  .pl-16 {
-    padding-left: 4rem;
-  }
-
-  .px-0 {
-    padding-left: 0;
-    padding-right: 0;
-  }
-  .px-1 {
-    padding-left: 0.25rem;
-    padding-right: 0.25rem;
-  }
-  .px-2 {
-    padding-left: 0.5rem;
-    padding-right: 0.5rem;
-  }
-  .px-4 {
-    padding-left: 1rem;
-    padding-right: 1rem;
-  }
-  .px-6 {
-    padding-left: 1.5rem;
-    padding-right: 1.5rem;
-  }
-  .px-8 {
-    padding-left: 2rem;
-    padding-right: 2rem;
-  }
-  .px-10 {
-    padding-left: 2.5rem;
-    padding-right: 2.5rem;
-  }
-  .px-12 {
-    padding-left: 3rem;
-    padding-right: 3rem;
-  }
-  .px-14 {
-    padding-left: 3.5rem;
-    padding-right: 3.5rem;
-  }
-  .px-16 {
-    padding-left: 4rem;
-    padding-right: 4rem;
-  }
-
-  .py-0 {
-    padding-top: 0;
-    padding-bottom: 0;
-  }
-  .py-1 {
-    padding-top: 0.25rem;
-    padding-bottom: 0.25rem;
-  }
-  .py-2 {
-    padding-top: 0.5rem;
-    padding-bottom: 0.5rem;
-  }
-  .py-4 {
-    padding-top: 1rem;
-    padding-bottom: 1rem;
-  }
-  .py-6 {
-    padding-top: 1.5rem;
-    padding-bottom: 1.5rem;
-  }
-  .py-8 {
-    padding-top: 2rem;
-    padding-bottom: 2rem;
-  }
-  .py-10 {
-    padding-top: 2.5rem;
-    padding-bottom: 2.5rem;
-  }
-  .py-12 {
-    padding-top: 3rem;
-    padding-bottom: 3rem;
-  }
-  .py-14 {
-    padding-top: 3.5rem;
-    padding-bottom: 3.5rem;
-  }
-  .py-16 {
-    padding-top: 4rem;
-    padding-bottom: 4rem;
-  }
-`;var gi=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 hi=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 fi=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 bi=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 vi=JSON.parse('{"attention.aria.callout":["En gr\xF6n pratbubbla som introducerar n\xE5got nytt"],"attention.aria.close":["St\xE4ng"],"attention.aria.highlight":["En pratbubbla med viktig information"],"attention.aria.pointingDown":["pekar ned"],"attention.aria.pointingLeft":["pekar v\xE4nster"],"attention.aria.pointingRight":["pekar h\xF6ger"],"attention.aria.pointingUp":["pekar upp"],"attention.aria.popover":["En vit pratbubbla som ger ytterligare information"],"attention.aria.tooltip":["En svart pratbubbla som ger kompletterande information"]}');import{css as Td}from"lit";var wi=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}.hover\\:bg-clip-padding:hover{-webkit-background-clip:padding-box;background-clip:padding-box}.bg-transparent{background-color:#0000}.bg-\\[--w-color-button-primary-background\\]{background-color:var(--w-color-button-primary-background)}.bg-\\[--w-color-callout-background\\]{background-color:var(--w-color-callout-background)}.bg-\\[--w-s-color-surface-elevated-300\\]{background-color:var(--w-s-color-surface-elevated-300)}.hover\\:bg-\\[--w-color-button-pill-background-hover\\]:hover{background-color:var(--w-color-button-pill-background-hover)}.hover\\:bg-\\[--w-color-button-primary-background-hover\\]:hover{background-color:var(--w-color-button-primary-background-hover)}.active\\:bg-\\[--w-color-button-pill-background-active\\]:active{background-color:var(--w-color-button-pill-background-active)}.active\\:bg-\\[--w-color-button-primary-background-active\\]:active{background-color:var(--w-color-button-primary-background-active)}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-b-0{border-bottom-width:0}.border-r-0{border-right-width:0}.border-\\[--w-color-callout-border\\]{border-color:var(--w-color-callout-border)}.border-\\[--w-s-color-background-inverted\\]{border-color:var(--w-s-color-background-inverted)}.border-\\[--w-s-color-surface-elevated-300\\]{border-color:var(--w-s-color-surface-elevated-300)}.border-solid{border-style:solid}.rounded-4{border-radius:4px}.rounded-8{border-radius:8px}.rounded-full{border-radius:9999px}.rounded-tl-4{border-top-left-radius:4px}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.contents{display:contents}.hidden{display:none}.hover\\:underline:hover,.focus\\:underline:focus,.active\\:underline:active{text-decoration-line:underline}.focusable:focus{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:focus-visible{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:not(:focus-visible){outline:none}.items-start{align-items:flex-start}.items-center{align-items:center}.-bottom-\\[8px\\]{bottom:-8px}.-left-\\[8px\\]{left:-8px}.-right-\\[8px\\]{right:-8px}.-top-\\[8px\\]{top:-8px}.justify-center{justify-content:center}.justify-self-end{justify-self:end}.absolute{position:absolute}.relative{position:relative}.static{position:static}.z-50{z-index:50}.s-bg{background-color:var(--w-s-color-background)}.s-bg-disabled{background-color:var(--w-s-color-background-disabled)}.s-bg-inverted{background-color:var(--w-s-color-background-inverted)}.s-bg-negative{background-color:var(--w-s-color-background-negative)}.s-bg-subtle{background-color:var(--w-s-color-background-subtle)}.hover\\:s-bg-hover:hover{background-color:var(--w-s-color-background-hover)}.hover\\:s-bg-negative-hover:hover{background-color:var(--w-s-color-background-negative-hover)}.hover\\:s-bg-negative-subtle-hover:hover{background-color:var(--w-s-color-background-negative-subtle-hover)}.active\\:s-bg-active:active{background-color:var(--w-s-color-background-active)}.active\\:s-bg-negative-active:active{background-color:var(--w-s-color-background-negative-active)}.active\\:s-bg-negative-subtle-active:active{background-color:var(--w-s-color-background-negative-subtle-active)}.s-text{color:var(--w-s-color-text)}.s-text-inverted{color:var(--w-s-color-text-inverted)}.s-text-inverted-static{color:var(--w-s-color-text-inverted-static)}.s-text-link{color:var(--w-s-color-text-link)}.s-text-negative{color:var(--w-s-color-text-negative)}.s-icon{color:var(--w-s-color-icon)}.hover\\:s-icon-hover:hover{color:var(--w-s-color-icon-hover)}.active\\:s-icon-active:active{color:var(--w-s-color-icon-active)}.s-border{border-color:var(--w-s-color-border)}.hover\\:s-border-hover:hover{border-color:var(--w-s-color-border-hover)}.active\\:s-border-active:active{border-color:var(--w-s-color-border-active)}.drop-shadow-m{filter:drop-shadow(0 3px 8px #4040403d)drop-shadow(0 3px 6px #40404029)}.shadow-m{box-shadow:var(--w-shadow-m)}.h-\\[14px\\]{height:14px}.w-\\[14px\\]{width:14px}.-mr-8{margin-right:-.8rem}.last-child\\:mb-0>:last-child{margin-bottom:0}.ml-8{margin-left:.8rem}.p-16{padding:1.6rem}.p-4{padding:.4rem}.px-16{padding-left:1.6rem;padding-right:1.6rem}.px-8{padding-left:.8rem;padding-right:.8rem}.py-6{padding-top:.6rem;padding-bottom:.6rem}.py-8{padding-top:.8rem;padding-bottom:.8rem}.font-bold{font-weight:700}.resize{resize:both}.translate-z-0{--w-translate-z:0rem;transform:translateX(var(--w-translate-x))translateY(var(--w-translate-y))translateZ(var(--w-translate-z))rotate(var(--w-rotate))rotateX(var(--w-rotate-x))rotateY(var(--w-rotate-y))rotateZ(var(--w-rotate-z))skewX(var(--w-skew-x))skewY(var(--w-skew-y))scaleX(var(--w-scale-x))scaleY(var(--w-scale-y))scaleZ(var(--w-scale-z))}.transform{transform:translateX(var(--w-translate-x))translateY(var(--w-translate-y))translateZ(var(--w-translate-z))rotate(var(--w-rotate))rotateX(var(--w-rotate-x))rotateY(var(--w-rotate-y))rotateZ(var(--w-rotate-z))skewX(var(--w-skew-x))skewY(var(--w-skew-y))scaleX(var(--w-scale-x))scaleY(var(--w-scale-y))scaleZ(var(--w-scale-z))}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.text-m{font-size:var(--w-font-size-m);line-height:var(--w-line-height-m)}.text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs)}.leading-\\[24\\]{line-height:2.4rem}`;var Ad={medium:"text-m leading-[24]",xsmall:"text-xs"},yi={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"},Dt="font-bold focusable justify-center transition-colors ease-in-out",Dd={primary:`border-0 rounded-8 ${Dt}`,secondary:`border-2 rounded-8 ${Dt}`,utility:`border rounded-4 ${Dt}`,negative:`border-0 rounded-8 ${Dt}`,pill:`p-4 rounded-full border-0 inline-flex items-center justify-center hover:bg-clip-padding ${Dt}`,link:`bg-transparent focusable ease-in-out inline active:underline hover:underline focus:underline ${yi.link}`},ht={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:`${Ad.medium} ${Dd.pill} ${yi.pill} justify-self-end -mr-8 ml-8`},Z=class extends Md{constructor(){super(),I(hi,bi,fi,gi,vi),this.handleDone=this.handleDone.bind(this),this.show=!1,this.placement="bottom",this.tooltip=!1,this.callout=!1,this.popover=!1,this.highlight=!1,this.canClose=!1,this.noArrow=!1,this.distance=8,this.skidding=0,this.flip=!1,this.crossAxis=!1,this._initialPlacement=this.placement,this._actualDirection=this.placement}connectedCallback(){if(super.connectedCallback(),this.placement&&!Object.keys(nt).includes(this.placement))throw new Error(`Invalid "placement" attribute. Set its value to one of the following:
-${JSON.stringify(Object.keys(nt))}`);if(this.fallbackPlacements&&!this.fallbackPlacements.every(e=>ao.includes(e)))throw new Error(`Invalid "fallbackPlacements" attribute. Set its value to an array with one or more of the following:
-${JSON.stringify(ao)}`);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?no(this.attentionState).then(e=>{this._actualDirection=e==null?void 0:e.actualDirection}):this._actualDirection=this._initialPlacement})}get _actualDirection(){return this.placement}set _actualDirection(e){this.placement=e}get _arrowEl(){return this.renderRoot.querySelector("#arrow")}get _arrowDirection(){return nt[this._actualDirection]}get _arrowClasses(){return w([ht.arrowBase,this._activeVariantClasses.arrow,ht[`arrowDirection${io(this._arrowDirection)}`]])}get _arrowHtml(){return this.noArrow?"":gt`<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:ht[r],arrow:ht[`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.assignedElements()[0]:null}get _messageEl(){let e=this.renderRoot.querySelector("slot[name='message']");return e?e.assignedElements()[0]:null}get _wrapperClasses(){return w([ht.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 gt`
-      <button aria-label="${this._ariaClose}" @click="${this.close}" @keydown=${this.keypressed} class="${ht.closeBtn}">
-        <w-icon-close-16 style="height: 16px; width: 16px; display: flex;"></w-icon-close-16>
-      </button>
-    `}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},no(this.attentionState)}pointingAtDirection(){switch(nt[this._actualDirection]){case"top-start":case"top":case"top-end":return c._({id:"attention.aria.pointingUp",message:"pointing up",comment:"Default screenreader message for top direction in the attention component"});case"right-start":case"right":case"right-end":return c._({id:"attention.aria.pointingRight",message:"pointing right",comment:"Default screenreader message for right direction in the attention component"});case"bottom-start":case"bottom":case"bottom-end":return c._({id:"attention.aria.pointingDown",message:"pointing down",comment:"Default screenreader message for bottom direction in the attention component"});case"left-start":case"left":case"left-end":return c._({id:"attention.aria.pointingLeft",message:"pointing left",comment:"Default screenreader message for left direction in the attention component"});default:return""}}activeAttentionType(){switch(!0){case this.tooltip:return c._({id:"attention.aria.tooltip",message:"tooltip",comment:"Default screenreader message for tooltip in the attention component"});case this.callout:return c._({id:"attention.aria.callout",message:"callout speech bubble",comment:"Default screenreader message for callout speech bubble in the attention component"});case this.popover:return c._({id:"attention.aria.popover",message:"popover speech bubble",comment:"Default screenreader message for popover speech bubble in the attention component"});case this.highlight:return c._({id:"attention.aria.highlight",message:"highlighted speech bubble",comment:"Default screenreader message for highlighted speech bubble in the attention component"});default:return""}}defaultAriaLabel(){return`${this.activeAttentionType()} ${this.noArrow?"":this.pointingAtDirection()}`}setAriaLabels(){if(this._targetEl&&!this._targetEl.getAttribute("aria-details")){let e=this._messageEl.id||(this._messageEl.id=pi());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?gt``:gt`
-      <div class=${Nd(this.className?this.className:void 0)}>
-        ${this.placement==="right-start"||this.placement==="right"||this.placement==="right-end"||this.placement==="bottom-start"||this.placement==="bottom"||this.placement==="bottom-end"?gt`
-              <slot name="target"></slot>
-
-              <div id="attention" class="${this._wrapperClasses}">
-                <div role="${this.tooltip?"tooltip":"img"}" aria-label="${this.defaultAriaLabel()}">${this._arrowHtml}</div>
-                <slot name="message"></slot>
-                ${this.canClose?this._closeBtnHtml:xi}
-              </div>
-            `:gt`
-              <div id="attention" class="${this._wrapperClasses}">
-                <slot name="message"></slot>
-                <div role="${this.tooltip?"tooltip":"img"}" aria-label="${this.defaultAriaLabel()}">${this._arrowHtml}</div>
-                ${this.canClose?this._closeBtnHtml:xi}
-              </div>
-              <slot name="target"></slot>
-            `}
-      </div>
-    `}};Z.styles=[E,mi,wi,zd`
-      #attention {
-        position: absolute;
-        z-index: 50;
-        visibility: var(--attention-visibility);
-        display: var(--attention-display);
-      }
-      :host([popover]:not(:popover-open):not(dialog[open])) {
-        display: contents;
-      }
-    `],s([pe({type:Boolean,reflect:!0})],Z.prototype,"show",2),s([pe({type:String,reflect:!0})],Z.prototype,"placement",2),s([pe({type:Boolean,reflect:!0})],Z.prototype,"tooltip",2),s([pe({type:Boolean,reflect:!0})],Z.prototype,"callout",2),s([pe({type:Boolean,reflect:!0})],Z.prototype,"popover",2),s([pe({type:Boolean,reflect:!0})],Z.prototype,"highlight",2),s([pe({attribute:"can-close",type:Boolean,reflect:!0})],Z.prototype,"canClose",2),s([pe({attribute:"no-arrow",type:Boolean,reflect:!0})],Z.prototype,"noArrow",2),s([pe({type:Number,reflect:!0})],Z.prototype,"distance",2),s([pe({type:Number,reflect:!0})],Z.prototype,"skidding",2),s([pe({type:Boolean,reflect:!0})],Z.prototype,"flip",2),s([pe({attribute:"cross-axis",type:Boolean,reflect:!0})],Z.prototype,"crossAxis",2),s([pe({attribute:"fallback-placements",type:Array,reflect:!0})],Z.prototype,"fallbackPlacements",2);customElements.get("w-attention")||customElements.define("w-attention",Z);import{html as Pd,LitElement as Rd}from"lit";import{property as Ei}from"lit/decorators.js";import{css as Bd}from"lit";var ki=Bd`*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.backdrop-blur{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bg-\\[--w-black\\/70\\]{background-color:rgba(var(--w-rgb-black),.7)}.bg-\\[--w-color-badge-info-background\\]{background-color:var(--w-color-badge-info-background)}.bg-\\[--w-color-badge-negative-background\\]{background-color:var(--w-color-badge-negative-background)}.bg-\\[--w-color-badge-neutral-background\\]{background-color:var(--w-color-badge-neutral-background)}.bg-\\[--w-color-badge-positive-background\\]{background-color:var(--w-color-badge-positive-background)}.bg-\\[--w-color-badge-sponsored-background\\]{background-color:var(--w-color-badge-sponsored-background)}.bg-\\[--w-color-badge-warning-background\\]{background-color:var(--w-color-badge-warning-background)}.border-0{border-width:0}.rounded-4{border-radius:4px}.rounded-bl-0{border-bottom-left-radius:0}.rounded-br-0{border-bottom-right-radius:0}.rounded-tl-0{border-top-left-radius:0}.rounded-tr-0{border-top-right-radius:0}.inline-flex{display:inline-flex}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.top-0{top:0}.absolute{position:absolute}.static{position:static}.s-bg-disabled{background-color:var(--w-s-color-background-disabled)}.s-text{color:var(--w-s-color-text)}.s-text-inverted-static{color:var(--w-s-color-text-inverted-static)}.px-8{padding-left:.8rem;padding-right:.8rem}.py-4{padding-top:.4rem;padding-bottom:.4rem}.text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs)}`;var ft=class extends Rd{constructor(){super(...arguments);this.variant="neutral"}get _class(){return w(["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 Pd`
-      <div class="${this._class}">
-        <slot></slot>
-      </div>
-    `}};ft.styles=[E,ki],s([Ei({type:String,reflect:!0})],ft.prototype,"variant",2),s([Ei({type:String,reflect:!0})],ft.prototype,"position",2);customElements.get("w-badge")||customElements.define("w-badge",ft);import{html as Id,LitElement as Fd,nothing as jd}from"lit";import{property as Bt}from"lit/decorators.js";import{css as Vd}from"lit";var $i=Vd`*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.border-2{border-width:2px}.rounded-8{border-radius:8px}.rounded-l-0{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-r-0{border-top-right-radius:0;border-bottom-right-radius:0}.block{display:block}.relative{position:relative}.static{position:static}.s-bg{background-color:var(--w-s-color-background)}.s-bg-info-subtle{background-color:var(--w-s-color-background-info-subtle)}.s-border{border-color:var(--w-s-color-border)}.s-surface-sunken{background-color:var(--w-s-color-surface-sunken)}.-mx-16{margin-left:-1.6rem;margin-right:-1.6rem}.last-child\\:mb-0>:last-child{margin-bottom:0}.p-16{padding:1.6rem}.break-words{overflow-wrap:break-word}@media (min-width:480px){.sm\\:rounded-8{border-radius:8px}.sm\\:mx-0{margin-left:0;margin-right:0}}`;var je=class extends Fd{get _class(){return w(["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 Id`
-      <div role="${this._optOutRoleWithDefault}" class="${this._class}">
-        <slot></slot>
-      </div>
-    `}};je.styles=[E,$i],s([Bt({type:Boolean,reflect:!0})],je.prototype,"bleed",2),s([Bt({type:Boolean,reflect:!0})],je.prototype,"bordered",2),s([Bt({type:Boolean,reflect:!0})],je.prototype,"info",2),s([Bt({type:Boolean,reflect:!0})],je.prototype,"neutral",2),s([Bt({type:String,reflect:!0})],je.prototype,"role",2);customElements.get("w-box")||customElements.define("w-box",je);import{html as so,LitElement as qd}from"lit";function Ci(t,e){return t.flatMap(r=>[r,e]).slice(0,-1)}import{property as Jd}from"lit/decorators.js";var _i=JSON.parse('{"breadcrumbs.ariaLabel":["Du er her"]}');var Si=JSON.parse('{"breadcrumbs.ariaLabel":["You are here"]}');var Li=JSON.parse('{"breadcrumbs.ariaLabel":["Olet t\xE4ss\xE4"]}');var Oi=JSON.parse('{"breadcrumbs.ariaLabel":["Her er du"]}');var Ti=JSON.parse('{"breadcrumbs.ariaLabel":["Du \xE4r h\xE4r"]}');import{css as Hd}from"lit";var zi=Hd`*,: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 bt={wrapper:"flex space-x-8",text:"s-text",link:"s-text-link",separator:"select-none s-icon",a11y:"sr-only"},Ud=so`<span class=${bt.separator}>/</span>`,Pt=class extends qd{constructor(){super(),I(Si,Oi,Li,_i,Ti),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,a)=>{if(typeof o=="string"){let i=a===this.children.length-1;return so`<span class=${bt.text} aria-current=${i?"page":void 0}>${o}</span>`}return o.classList.add(o.tagName==="A"?bt.link:bt.text),o});this._children=Ci(r,Ud)}render(){return so`
-      <nav aria-labelledby="breadCrumbLabel">
-        <h2 id="breadCrumbLabel" class=${bt.a11y}>${this.ariaLabel}</h2>
-        <div class=${bt.wrapper}>${this._children}</div>
-      </nav>
-    `}};Pt.styles=[E,zi],s([Jd({attribute:"aria-label",type:String})],Pt.prototype,"ariaLabel",2);customElements.get("w-breadcrumbs")||customElements.define("w-breadcrumbs",Pt);import{html as yr,LitElement as Wd}from"lit";var M=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)},H=function(t,e,r,o,a){if(o==="m")throw new TypeError("Private method is not writable");if(o==="a"&&!a)throw new TypeError("Private accessor was defined without a setter");if(typeof e=="function"?t!==e||!a:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return o==="a"?a.call(t,r):a?a.value=r:e.set(t,r),r};function Xe(t){var e,r,o,a,i,n,l,d,u,p,m,x,g,v,$,y,S,L,T;class Q extends t{constructor(...k){var C,z,N;super(...k),e.add(this),this.internals=this.attachInternals(),r.set(this,!1),o.set(this,!1),a.set(this,!1),i.set(this,void 0),n.set(this,void 0),l.set(this,!0),u.set(this,""),p.set(this,()=>{H(this,a,!0,"f"),H(this,r,!0,"f"),M(this,e,"m",y).call(this)}),m.set(this,()=>{H(this,r,!1,"f"),M(this,e,"m",S).call(this,this.shouldFormValueUpdate()?M(this,u,"f"):""),!this.validity.valid&&M(this,a,"f")&&H(this,o,!0,"f");let P=M(this,e,"m",y).call(this);this.validationMessageCallback&&this.validationMessageCallback(P?this.internals.validationMessage:"")}),x.set(this,()=>{var P;M(this,l,"f")&&this.validationTarget&&(this.internals.setValidity(this.validity,this.validationMessage,this.validationTarget),H(this,l,!1,"f")),H(this,a,!0,"f"),H(this,o,!0,"f"),M(this,e,"m",y).call(this),(P=this===null||this===void 0?void 0:this.validationMessageCallback)===null||P===void 0||P.call(this,this.showError?this.internals.validationMessage:"")}),g.set(this,void 0),v.set(this,!1),$.set(this,Promise.resolve()),(C=this.addEventListener)===null||C===void 0||C.call(this,"focus",M(this,p,"f")),(z=this.addEventListener)===null||z===void 0||z.call(this,"blur",M(this,m,"f")),(N=this.addEventListener)===null||N===void 0||N.call(this,"invalid",M(this,x,"f")),this.setValue(null)}static get formAssociated(){return!0}static get validators(){return this.formControlValidators||[]}static get observedAttributes(){let k=this.validators.map(N=>N.attribute).flat(),C=super.observedAttributes||[];return[...new Set([...C,...k])]}static getValidator(k){return this.validators.find(C=>C.attribute===k)||null}static getValidators(k){return this.validators.filter(C=>{var z;if(C.attribute===k||!((z=C.attribute)===null||z===void 0)&&z.includes(k))return!0})}get form(){return this.internals.form}get showError(){return M(this,e,"m",y).call(this)}checkValidity(){return this.internals.checkValidity()}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}attributeChangedCallback(k,C,z){var N;(N=super.attributeChangedCallback)===null||N===void 0||N.call(this,k,C,z);let ie=this.constructor.getValidators(k);ie!=null&&ie.length&&this.validationTarget&&this.setValue(M(this,u,"f"))}setValue(k){var C;H(this,o,!1,"f"),(C=this.validationMessageCallback)===null||C===void 0||C.call(this,""),H(this,u,k,"f");let N=this.shouldFormValueUpdate()?k:null;this.internals.setFormValue(N),M(this,e,"m",S).call(this,N),this.valueChangedCallback&&this.valueChangedCallback(N),M(this,e,"m",y).call(this)}shouldFormValueUpdate(){return!0}get validationComplete(){return new Promise(k=>k(M(this,$,"f")))}formResetCallback(){var k,C;H(this,a,!1,"f"),H(this,o,!1,"f"),M(this,e,"m",y).call(this),(k=this.resetFormControl)===null||k===void 0||k.call(this),(C=this.validationMessageCallback)===null||C===void 0||C.call(this,M(this,e,"m",y).call(this)?this.validationMessage:"")}}return r=new WeakMap,o=new WeakMap,a=new WeakMap,i=new WeakMap,n=new WeakMap,l=new WeakMap,u=new WeakMap,p=new WeakMap,m=new WeakMap,x=new WeakMap,g=new WeakMap,v=new WeakMap,$=new WeakMap,e=new WeakSet,d=function(){let k=this.getRootNode(),C=`${this.localName}[name="${this.getAttribute("name")}"]`;return k.querySelectorAll(C)},y=function(){if(this.hasAttribute("disabled"))return!1;let k=M(this,o,"f")||M(this,a,"f")&&!this.validity.valid&&!M(this,r,"f");return k&&this.internals.states?this.internals.states.add("--show-error"):this.internals.states&&this.internals.states.delete("--show-error"),k},S=function(k){let C=this.constructor,z={},N=C.validators,P=[],ie=N.some(j=>j.isValid instanceof Promise);M(this,v,"f")||(H(this,$,new Promise(j=>{H(this,g,j,"f")}),"f"),H(this,v,!0,"f")),M(this,i,"f")&&(M(this,i,"f").abort(),H(this,n,M(this,i,"f"),"f"));let G=new AbortController;H(this,i,G,"f");let ne,U=!1;N.length&&(N.forEach(j=>{let ue=j.key||"customError",Y=j.isValid(this,k,G.signal);Y instanceof Promise?(P.push(Y),Y.then(he=>{he!=null&&(z[ue]=!he,ne=M(this,e,"m",T).call(this,j,k),M(this,e,"m",L).call(this,z,ne))})):(z[ue]=!Y,this.validity[ue]!==!Y&&(U=!0),!Y&&!ne&&(ne=M(this,e,"m",T).call(this,j,k)))}),Promise.allSettled(P).then(()=>{var j;G!=null&&G.signal.aborted||(H(this,v,!1,"f"),(j=M(this,g,"f"))===null||j===void 0||j.call(this))}),(U||!ie)&&M(this,e,"m",L).call(this,z,ne))},L=function(k,C){if(this.validationTarget)this.internals.setValidity(k,C,this.validationTarget),H(this,l,!1,"f");else{if(this.internals.setValidity(k,C),this.internals.validity.valid)return;H(this,l,!0,"f")}},T=function(k,C){if(this.validityCallback){let z=this.validityCallback(k.key||"customError");if(z)return z}return k.message instanceof Function?k.message(this,C):k.message},Q}import eu from"@warp-ds/elements-core";import{property as me}from"lit/decorators.js";import{html as Xd,LitElement as Qd}from"lit";import Zd from"@warp-ds/elements-core";import{property as ke}from"lit/decorators.js";import{classMap as Kd}from"lit/directives/class-map.js";import{css as Yd}from"lit";var Mi=Yd`.w-button,
-.w-button--secondary {
-    /* Local scoped variables, given the default button (the secondary variant) as a default */
-    --_background: var(--background, var(--w-s-color-background));
-    --_background-hover: var(--background-hover, var(--w-s-color-background-hover));
-    --_background-active: var(--background-active, var(--w-s-color-background-active));
-    --_text-color: var(--color, var(--w-s-color-text-link));
-    --_border-width: var(--border-width, 2px);
-    --_border: var(--border, var(--w-s-color-border));
-    --_border-hover: var(--border-hover, var(--w-s-color-border-hover));
-    --_border-active: var(--border-active, var(--w-s-color-border-active));
-    --_border-radius: var(--border-radius, 8px);
-    --_font-size: var(--font-size, var(--w-font-size-m));
-    --_line-height: var(--line-height, var(--w-line-height-m));
-    --_font-weight: var(--font-weight, bold);
-    --_padding-x: var(--padding-x, 16px);
-    --_padding-y: var(--padding-y, 13px);
-
-    /* Base setup for all buttons */
-    display: inline-flex;
-    justify-content: center;
-    align-items: center;
-    text-align: center;
-    cursor: pointer;
-    transition:
-            color 150ms cubic-bezier(0.4, 0, 0.2, 1),
-            background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
-            border-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
-            fill 150ms cubic-bezier(0.4, 0, 0.2, 1),
-            stroke 150ms cubic-bezier(0.4, 0, 0.2, 1);
-
-    /* Hook the local vars up to the button stuff  */
-    background-color: var(--_background);
-    color: var(--_text-color);
-    border: var(--_border-width) solid var(--_border);
-    border-radius: var(--_border-radius);
-    padding: calc(var(--_padding-y) - var(--_border-width)) calc(var(--_padding-x) - var(--_border-width));
-    font-size: var(--_font-size);
-    line-height: var(--_line-height);
-    font-weight: var(--_font-weight);
-}
-
-    .w-button:hover {
-        background-color: var(--_background-hover);
-        border-color: var(--_border-hover);
-    }
-
-    .w-button:active {
-        background-color: var(--_background-active);
-        border-color: var(--_border-active);
-    }
-
-    .w-button:focus-visible {
-        outline: 2px solid var(--w-s-color-border-focus);
-        outline-offset: var(--w-outline-offset, 1px);
-    }
-
-    /* Variants config */
-    .w-button--primary {
-        --background: var(--w-s-color-background-primary);
-        --background-hover: var(--w-s-color-background-primary-hover);
-        --background-active: var(--w-s-color-background-primary-active);
-        --color: var(--w-s-color-text-inverted);
-        --border-width: 0px;
-    }
-    .w-button--negative {
-        --background: var(--w-s-color-background-negative);
-        --background-hover: var(--w-s-color-background-negative-hover);
-        --background-active: var(--w-s-color-background-negative-active);
-        --color: var(--w-s-color-text-inverted);
-        --border-width: 0px;
-    }
-    .w-button--negative-quiet {
-        --background: transparent;
-        --background-hover: var(--w-s-color-background-negative-subtle-hover);
-        --background-active: var(--w-s-color-background-negative-subtle-active);
-        --color: var(--w-s-color-text-negative);
-        --border-width: 0px;
-    }
-    .w-button--utility {
-        --background: var(--w-s-color-background);
-        --background-hover: var(--w-s-color-background-hover);
-        --background-active: var(--w-s-color-background-active);
-        --color: var(--w-s-color-text);
-        --border-radius: 4px;
-        --border-width: 1px;
-    }
-    .w-button--utility-quiet {
-        --background: transparent;
-        --color: var(--w-s-color-text);
-        --border-width: 0px;
-    }
-    .w-button--overlay {
-        --background: var(--w-color-background);
-        --background-hover: var(--w-color-background-hover);
-        --background-active: var(--w-color-background-active);
-        --color: var(--w-s-color-text);
-        --border-radius: 9999px;
-        --border-width: 0px;
-    }
-    .w-button--overlay-quiet {
-        --background: transparent;
-        --background-hover: var(--w-s-color-background-hover);
-        --background-active: var(--w-s-color-background-active);
-        --color: var(--w-s-color-text);
-        --border-radius: 9999px;
-        --border-width: 0px;
-    }
-    .w-button--overlay-inverted {
-        --background: var(--w-s-color-background-inverted);
-        --background-hover: var(--w-s-color-background-inverted-hover);
-        --background-active: var(--w-s-color-background-inverted-active);
-        --color: var(--w-s-color-text-inverted);
-        --border-radius: 9999px;
-        --border-width: 0px;
-    }
-    .w-button--overlay-inverted-quiet {
-        --background: transparent;
-        --background-hover: var(--w-s-color-background-inverted-hover);
-        --background-active: var(--w-s-color-background-inverted-active);
-        --color: var(--w-s-color-text-inverted);
-        --border-radius: 9999px;
-        --border-width: 0px;
-    }
-
-    .w-button--link {
-        --background: none;
-        --background-hover: none;
-        --background-active: none;
-        --border-width: 0;
-        --font-weight: normal;
-        display: inline;
-    }
-
-    /* States config,  selects --loading as well since loading is always supposed to be disabled */
-    .w-button:disabled,
-    .w-button--disabled,
-    .w-button--loading {
-        --background: var(--w-s-color-background-disabled);
-        --background-hover: var(--w-s-color-background-disabled);
-        --background-active: var(--w-s-color-background-disabled);
-        --color: var(--w-s-color-text-inverted);
-        --border-width: 0px;
-        pointer-events: none;
-    }
-
-    .w-button--link:hover {
-        text-decoration: underline;
-    }
-
-    /* Sizes config */
-    .w-button--small {
-        --padding-x: 12px;
-        --padding-y: 8px;
-        --font-size: var(--w-font-size-xs);
-        --line-height: var(--w-line-height-xs);
-    }
-
-    /* Width config */
-    .w-button--full-width {
-        width: 100%;
-        max-width: 100%;
-    }
-
-    .w-button--has-icon-only {
-        width: auto;
-        max-width: none;
-        --_padding-x: var(--_padding-y);
-        aspect-ratio: 1 / 1;
-    }
-
-    a.w-button {
-        text-decoration: none !important;
-    }
-
-    /* Copy of loading animation from warp  */
-    .w-button--loading {
-        background-image: linear-gradient(
-                135deg,
-                rgba(0, 0, 0, 0.05) 25%,
-                transparent 25%,
-                transparent 50%,
-                rgba(0, 0, 0, 0.05) 50%,
-                rgba(0, 0, 0, 0.05) 75%,
-                transparent 75%,
-                transparent
-        );
-        background-size: 30px 30px;
-        animation: animate-inprogress 3s linear infinite;
-    }
-
-    @keyframes animate-inprogress {
-        0% {
-            background-position: 0 0;
-        }
-        100% {
-            background-position: 60px 0;
-        }
-    }`;var Ni=["primary","secondary","negative","negativeQuiet","utility","utilityQuiet","pill","link"],W=class extends Xe(Qd){constructor(){super(),this.variant="secondary"}connectedCallback(){if(super.connectedCallback(),!Ni.includes(this.variant))throw new Error(`Invalid "variant" attribute. Set its value to one of the following:
-${Ni.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
-      href=${this.href}
-      target=${this.target}
-      rel=${this.target==="_blank"?this.rel||"noopener":void 0}
-      class=${Kd(e)}>
-      <slot></slot>
-    </a>`}};W.shadowRootOptions={...Zd.shadowRootOptions,delegatesFocus:!0},W.styles=[E,Mi],s([ke({type:Boolean,reflect:!0})],W.prototype,"autofocus",2),s([ke({reflect:!0})],W.prototype,"variant",2),s([ke({type:Boolean,reflect:!0})],W.prototype,"quiet",2),s([ke({type:Boolean,reflect:!0})],W.prototype,"small",2),s([ke({reflect:!0})],W.prototype,"href",2),s([ke({type:Boolean,reflect:!0})],W.prototype,"disabled",2),s([ke({reflect:!0})],W.prototype,"target",2),s([ke({reflect:!0})],W.prototype,"rel",2),s([ke({attribute:"full-width",type:Boolean,reflect:!0})],W.prototype,"fullWidth",2),s([ke({attribute:"button-class",reflect:!0})],W.prototype,"buttonClass",2),s([ke({reflect:!0})],W.prototype,"name",2);customElements.get("w-link")||customElements.define("w-link",W);var Ai=JSON.parse('{"button.aria.loading":["Indl\xE6ser..."]}');var Di=JSON.parse('{"button.aria.loading":["Loading..."]}');var Bi=JSON.parse('{"button.aria.loading":["Ladataan..."]}');var Pi=JSON.parse('{"button.aria.loading":["Laster..."]}');var Ri=JSON.parse('{"button.aria.loading":["Laddar ..."]}');import{css as Gd}from"lit";var Vi=Gd`*,: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 Ii=["primary","secondary","negative","utility","pill","link"],Qe="font-bold focusable justify-center transition-colors ease-in-out",V={primary:"s-text-inverted bg-[--w-color-button-primary-background] hover:bg-[--w-color-button-primary-background-hover] active:bg-[--w-color-button-primary-background-active]",secondary:"s-text-link s-border s-bg hover:s-bg-hover hover:s-border-hover active:s-bg-active",utility:"s-text s-bg hover:s-bg-hover active:s-bg-active s-border hover:s-border-hover active:s-border-active",destructive:"s-bg-negative s-text-inverted hover:s-bg-negative-hover active:s-bg-negative-active",pill:"s-icon hover:s-icon-hover active:s-icon-active bg-transparent hover:bg-[--w-color-button-pill-background-hover] active:bg-[--w-color-button-pill-background-active]",disabled:"s-text-inverted s-bg-disabled",quiet:"bg-transparent s-text-link hover:s-bg-hover active:s-bg-active",utilityQuiet:"s-text bg-transparent hover:s-bg-hover active:s-bg-active",negativeQuiet:"bg-transparent s-text-negative hover:s-bg-negative-subtle-hover active:s-bg-negative-subtle-active",loading:"s-text s-bg-subtle",link:"s-text-link"},O={primary:`border-0 rounded-8 ${Qe}`,secondary:`border-2 rounded-8 ${Qe}`,utility:`border rounded-4 ${Qe}`,negative:`border-0 rounded-8 ${Qe}`,pill:`p-4 rounded-full border-0 inline-flex items-center justify-center hover:bg-clip-padding ${Qe}`,link:`bg-transparent focusable ease-in-out inline active:underline hover:underline focus:underline ${V.link}`},f={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"},b={medium:"text-m leading-[24]",xsmall:"text-xs"},h={inProgress:`border-transparent animate-inprogress pointer-events-none ${V.loading}`,quiet:`border-0 rounded-8 ${Qe}`,utilityQuiet:`border-0 rounded-4 ${Qe}`,negativeQuiet:`border-0 rounded-8 ${Qe}`,isDisabled:`font-bold justify-center transition-colors ease-in-out cursor-default pointer-events-none ${V.disabled}`},_={secondary:`${f.medium} ${b.medium} ${O.secondary} ${V.secondary}`,secondaryHref:`${f.medium} ${b.medium} ${O.secondary} ${V.secondary}`,secondaryDisabled:`${f.medium} ${b.medium} ${O.secondary} ${h.isDisabled}`,secondarySmall:`${b.xsmall} ${f.xsmall} ${O.secondary} ${V.secondary}`,secondarySmallDisabled:`${b.xsmall} ${f.xsmall} ${O.secondary} ${h.isDisabled}`,secondaryQuiet:`${f.medium} ${b.medium} ${h.quiet} ${V.quiet}`,secondaryQuietDisabled:`${f.medium} ${b.medium} ${h.quiet} ${h.isDisabled}`,secondarySmallQuiet:`${b.xsmall} ${f.xsmall} ${h.quiet} ${V.quiet}`,secondarySmallQuietDisabled:`${b.xsmall} ${f.xsmall} ${h.quiet} ${h.isDisabled}`,secondaryLoading:`${f.medium} ${b.medium} ${O.secondary} ${h.inProgress}`,secondarySmallLoading:`${b.xsmall} ${f.xsmall}  ${O.secondary} ${h.inProgress}`,secondarySmallQuietLoading:`${b.xsmall} ${f.xsmall} ${h.quiet} ${h.inProgress}`,secondaryQuietLoading:`${f.medium} ${b.medium} ${h.quiet} ${h.inProgress}`,primary:`${f.large} ${b.medium} ${O.primary} ${V.primary}`,primaryDisabled:`${f.large} ${b.medium} ${h.isDisabled} ${O.primary}`,primarySmall:`${f.small} ${b.xsmall} ${O.primary} ${V.primary}`,primarySmallDisabled:`${f.small} ${b.xsmall} ${h.isDisabled} ${O.primary} `,primaryQuiet:`${f.large} ${b.medium} ${h.quiet} ${V.quiet}`,primaryQuietDisabled:`${f.large} ${b.medium} ${h.quiet} ${h.isDisabled}`,primarySmallQuiet:`${f.small} ${b.xsmall} ${h.quiet} ${V.quiet}`,primarySmallQuietDisabled:`${f.small} ${b.xsmall} ${h.quiet} ${h.isDisabled}`,primaryLoading:`${f.large} ${b.medium} ${h.inProgress} ${O.primary}`,primarySmallLoading:`${f.small} ${b.xsmall}  ${h.inProgress} ${O.primary}`,primarySmallQuietLoading:`${f.small} ${b.xsmall} ${h.quiet} ${h.inProgress} ${O.primary}`,primaryQuietLoading:`${f.large} ${b.medium} ${h.quiet} ${h.inProgress}`,utility:`${f.utility} ${b.medium} ${O.utility} ${V.utility}`,utilityDisabled:`${f.utility} ${b.medium} ${O.utility} ${h.isDisabled}`,utilityQuiet:`${f.large} ${b.medium} ${h.utilityQuiet} ${V.utilityQuiet}`,utilityQuietDisabled:`${f.large} ${b.medium} ${h.utilityQuiet} ${h.isDisabled}`,utilitySmall:`${f.smallUtility} ${b.xsmall} ${O.utility} ${V.utility}`,utilitySmallDisabled:`${f.smallUtility} ${b.xsmall} ${O.utility} ${h.isDisabled}`,utilitySmallQuiet:`${f.smallUtility} ${b.xsmall} ${h.utilityQuiet} ${V.utilityQuiet}`,utilitySmallQuietDisabled:`${f.smallUtility} ${b.xsmall} ${h.utilityQuiet} ${h.isDisabled}`,utilityLoading:`${f.large} ${b.medium} ${O.utility} ${h.inProgress}`,utilitySmallLoading:`${f.smallUtility} ${b.xsmall} ${O.utility} ${h.inProgress}`,utilityQuietLoading:`${f.large} ${b.medium} ${h.inProgress} ${h.utilityQuiet}`,utilitySmallQuietLoading:`${f.smallUtility} ${b.xsmall} ${h.inProgress} ${h.utilityQuiet}`,negative:`${f.large} ${b.medium} ${O.negative} ${V.destructive}`,negativeDisabled:`${f.large} ${b.medium} ${O.negative} ${h.isDisabled}`,negativeQuiet:`${f.large} ${b.medium} ${h.negativeQuiet} ${V.negativeQuiet}`,negativeQuietDisabled:`${f.large} ${b.medium} ${h.negativeQuiet}${h.isDisabled}`,negativeSmall:`${f.small} ${b.xsmall} ${O.negative} ${V.destructive}`,negativeSmallDisabled:`${f.small} ${b.xsmall} ${O.negative} ${h.isDisabled}`,negativeSmallQuiet:`${f.small} ${b.xsmall} ${h.negativeQuiet} ${V.negativeQuiet}`,negativeSmallQuietDisabled:`${f.small} ${b.xsmall} ${h.negativeQuiet} ${h.isDisabled}`,negativeLoading:`${f.large} ${b.medium} ${O.negative} ${h.inProgress}`,negativeSmallLoading:`${f.small} ${b.xsmall} ${h.inProgress} ${O.negative}`,negativeQuietLoading:`${f.large} ${b.medium} ${h.negativeQuiet} ${O.negative} ${h.inProgress}`,negativeSmallQuietLoading:`${f.small} ${b.xsmall} ${h.negativeQuiet} ${h.inProgress}`,pill:`${f.pill} ${b.medium} ${O.pill} ${V.pill}`,pillSmall:`${f.pillSmall} ${b.xsmall} ${O.pill} ${V.pill}`,pillLoading:`${f.pill} ${b.medium} ${O.pill} ${h.inProgress}`,pillSmallLoading:`${f.pillSmall} ${b.xsmall} ${O.pill} ${h.inProgress}`,link:`${f.link} ${b.medium} ${O.link}`,linkSmall:`${f.link} ${b.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"},X=class extends Xe(Wd){constructor(){super();this.type="button";I(Di,Pi,Bi,Ai,Ri),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(),!Ii.includes(this.variant))throw new Error(`Invalid "variant" attribute. Set its value to one of the following:
-${Ii.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0)}get _primaryClasses(){return[!this.small&&!this.quiet&&!this.loading&&_.primary,this.small&&!this.quiet&&!this.loading&&_.primarySmall,this.small&&this.quiet&&!this.loading&&_.primarySmallQuiet,this.small&&this.loading&&(this.quiet?_.primarySmallQuietLoading:_.primarySmallLoading),!this.small&&this.quiet&&!this.loading&&_.primaryQuiet,!this.small&&this.loading&&(this.quiet?_.primaryQuietLoading:_.primaryLoading)]}get _secondaryClasses(){return[!this.small&&!this.quiet&&!this.loading&&_.secondary,this.small&&!this.quiet&&!this.loading&&_.secondarySmall,this.small&&this.loading&&(this.quiet?_.secondarySmallQuietLoading:_.secondarySmallLoading),this.small&&this.quiet&&!this.loading&&_.secondarySmallQuiet,!this.small&&this.quiet&&!this.loading&&_.secondaryQuiet,!this.small&&this.loading&&(this.quiet?_.secondaryQuietLoading:_.secondaryLoading)]}get _utilityClasses(){return[!this.small&&!this.quiet&&!this.loading&&_.utility,this.small&&!this.quiet&&!this.loading&&_.utilitySmall,this.small&&this.quiet&&!this.loading&&_.utilitySmallQuiet,this.small&&this.loading&&(this.quiet?_.utilitySmallQuietLoading:_.utilitySmallLoading),!this.small&&this.quiet&&!this.loading&&_.utilityQuiet,!this.small&&this.loading&&(this.quiet?_.utilityQuietLoading:_.utilityLoading)]}get _negativeClasses(){return[!this.small&&!this.quiet&&!this.loading&&_.negative,this.small&&!this.quiet&&!this.loading&&_.negativeSmall,this.small&&this.quiet&&!this.loading&&_.negativeSmallQuiet,this.small&&this.loading&&(this.quiet?_.negativeSmallQuietLoading:_.negativeSmallLoading),!this.small&&this.quiet&&!this.loading&&_.negativeQuiet,!this.small&&this.loading&&(this.quiet?_.negativeQuietLoading:_.negativeLoading)]}get _pillClasses(){return[!this.loading&&(this.small?_.pillSmall:_.pill),this.loading&&(this.small?_.pillSmallLoading:_.pillLoading)]}get _linkClasses(){return[this.small?_.linkSmall:_.link]}get _classes(){return w(this.buttonClass,[this.variant==="primary"&&this._primaryClasses,this.variant==="secondary"&&this._secondaryClasses,this.variant==="utility"&&this._utilityClasses,this.variant==="negative"&&this._negativeClasses,this.variant==="pill"&&this._pillClasses,this.variant==="link"&&this._linkClasses,this.href&&_.linkAsButton,this.fullWidth?_.fullWidth:_.contentWidth])}_handleButtonClick(){this.type==="submit"?this.internals.form.requestSubmit():this.type==="reset"&&this.internals.form.reset()}render(){return yr` ${this.href?yr`<w-link
-          href=${this.href}
-          target=${this.target}
-          rel=${this.target==="_blank"?this.rel||"noopener":void 0}
-          class=${this._classes}>
-          <slot></slot>
-        </w-link>`:yr`<button type=${this.type||"button"} class=${this._classes} @click="${this._handleButtonClick}">
-          <slot></slot>
-        </button>`}
-    ${this.loading?yr`<span class="sr-only" role="progressbar" aria-valuenow="{0}" aria-valuetext=${this.ariaValueTextLoading}></span>`:null}`}};X.shadowRootOptions={...eu.shadowRootOptions,delegatesFocus:!0},X.styles=[E,Vi],s([me({reflect:!0})],X.prototype,"type",2),s([me({type:Boolean,reflect:!0})],X.prototype,"autofocus",2),s([me({reflect:!0})],X.prototype,"variant",2),s([me({type:Boolean,reflect:!0})],X.prototype,"quiet",2),s([me({type:Boolean,reflect:!0})],X.prototype,"small",2),s([me({type:Boolean,reflect:!0})],X.prototype,"loading",2),s([me({reflect:!0})],X.prototype,"href",2),s([me({reflect:!0})],X.prototype,"target",2),s([me({reflect:!0})],X.prototype,"rel",2),s([me({attribute:"full-width",type:Boolean,reflect:!0})],X.prototype,"fullWidth",2),s([me({attribute:"button-class",reflect:!0})],X.prototype,"buttonClass",2),s([me({reflect:!0})],X.prototype,"name",2),s([me({reflect:!0})],X.prototype,"value",2);customElements.get("w-button")||customElements.define("w-button",X);import{html as kr,css as ru,LitElement as ou}from"lit";import{property as lo}from"lit/decorators.js";import{ifDefined as au}from"lit/directives/if-defined.js";var Fi=JSON.parse('{"card.button.text":["V\xE6lg"]}');var ji=JSON.parse('{"card.button.text":["Select"]}');var Hi=JSON.parse('{"card.button.text":["Valitse"]}');var qi=JSON.parse('{"card.button.text":["Velg"]}');var Ji=JSON.parse('{"card.button.text":["V\xE4lj"]}');import{css as tu}from"lit";var Ui=tu`*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.border-2{border-width:2px}.border-transparent{border-color:#0000}.rounded-4{border-radius:4px}.rounded-8{border-radius:8px}.block{display:block}.overflow-hidden{overflow:hidden}.outline{outline-style:solid}.inset-0{top:0;bottom:0;left:0;right:0}.absolute{position:absolute}.relative{position:relative}.static{position:static}.\\!s-bg-selected{background-color:var(--w-s-color-background-selected)!important}.s-bg{background-color:var(--w-s-color-background)}.s-bg-selected{background-color:var(--w-s-color-background-selected)}.\\!hover\\:s-bg-selected-hover:hover{background-color:var(--w-s-color-background-selected-hover)!important}.hover\\:s-bg-hover:hover{background-color:var(--w-s-color-background-hover)}.hover\\:s-bg-selected-hover:hover{background-color:var(--w-s-color-background-selected-hover)}.\\!active\\:s-bg-selected-active:active{background-color:var(--w-s-color-background-selected-active)!important}.active\\:s-bg-active:active{background-color:var(--w-s-color-background-active)}.active\\:s-bg-selected-active:active{background-color:var(--w-s-color-background-selected-active)}.s-border{border-color:var(--w-s-color-border)}.s-border-selected{border-color:var(--w-s-color-border-selected)}.group:hover .group-hover\\:s-border-selected-hover{border-color:var(--w-s-color-border-selected-hover)}.hover\\:s-border-hover:hover{border-color:var(--w-s-color-border-hover)}.hover\\:s-border-selected-hover:hover{border-color:var(--w-s-color-border-selected-hover)}.active\\:s-border-active:active{border-color:var(--w-s-color-border-active)}.active\\:s-border-selected-active:active{border-color:var(--w-s-color-border-selected-active)}.group:active .group-active\\:s-border-active{border-color:var(--w-s-color-border-active)}.group:active .group-active\\:s-border-selected-active{border-color:var(--w-s-color-border-selected-active)}.s-surface-elevated-200{background-color:var(--w-s-color-surface-elevated-200);box-shadow:var(--w-s-shadow-surface-elevated-200)}.hover\\:s-surface-elevated-200-hover:hover{background-color:var(--w-s-color-surface-elevated-200-hover);box-shadow:var(--w-s-shadow-surface-elevated-200-hover)}.active\\:s-surface-elevated-200-active:active{background-color:var(--w-s-color-surface-elevated-200-active);box-shadow:var(--w-s-shadow-surface-elevated-200-active)}.cursor-pointer{cursor:pointer}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}`;var Me={base:"cursor-pointer overflow-hidden relative transition-all",shadow:"group rounded-8 s-surface-elevated-200 hover:s-surface-elevated-200-hover active:s-surface-elevated-200-active",selected:"!s-bg-selected !hover:s-bg-selected-hover !active:s-bg-selected-active",outline:"absolute border-2 rounded-8 inset-0 transition-all",outlineUnselected:"border-transparent group-active:s-border-active",outlineSelected:"s-border-selected group-hover:s-border-selected-hover group-active:s-border-selected-active",flat:"border-2 rounded-4",flatUnselected:"s-bg hover:s-bg-hover active:s-bg-active s-border hover:s-border-hover active:s-border-active",flatSelected:"s-bg-selected hover:s-bg-selected-hover active:s-bg-selected-active s-border-selected hover:s-border-selected-hover active:s-border-selected-active",a11y:"sr-only"},Yi={ENTER:"Enter",SPACE:" "},st=class extends ou{constructor(){super();this.selected=!1;this.flat=!1;this.clickable=!1;I(ji,qi,Hi,Fi,Ji),this.buttonText=c._({id:"card.button.text",message:"Select",comment:"Screenreader message to indicate that the card is clickable"})}get _containerClasses(){return w([Me.base,this.flat?Me.flat:Me.shadow,this.selected&&!this.flat&&Me.selected,this.selected&&this.flat?Me.flatSelected:Me.flatUnselected])}get _outlineClasses(){return w([Me.outline,this.selected?Me.outlineSelected:Me.outlineUnselected])}get _interactiveElement(){let r=()=>kr`<button class="${Me.a11y}" aria-pressed="${this.selected}" tabindex="-1">${this.buttonText}</button>`,o=()=>kr`<span role="checkbox" aria-checked="true" aria-disabled="true"></span>`;return this.clickable?r():this.selected?o():""}keypressed(r){!this.clickable||r.altKey||r.ctrlKey||(r.key===Yi.ENTER||r.key===Yi.SPACE)&&(r.preventDefault(),this.click())}render(){return kr`
-      <div tabindex=${au(this.clickable?"0":void 0)} class="${this._containerClasses}" @keydown=${this.keypressed}>
-        ${this._interactiveElement} ${this.flat?"":kr`<div class="${this._outlineClasses}"></div>`}
-        <slot></slot>
-      </div>
-    `}};st.styles=[E,Ui,ru`
-      a::after {
-        content: '';
-        position: absolute;
-        top: 0;
-        right: 0;
-        bottom: 0;
-        left: 0;
-      }
-      :host {
-        display: block;
-      }
-    `],s([lo({type:Boolean,reflect:!0})],st.prototype,"selected",2),s([lo({type:Boolean})],st.prototype,"flat",2),s([lo({type:Boolean})],st.prototype,"clickable",2);customElements.get("w-card")||customElements.define("w-card",st);import{css as iu,html as nu,LitElement as su}from"lit";import{property as Er}from"lit/decorators.js";import{classMap as lu}from"lit/directives/class-map.js";var Ze=class extends su{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=lu({checkbox:this.type==="checkbox",radio:this.type==="radio",checked:this.checked});return nu` <div class="${r}">${this.indeterminateMarker}</div> `}};Ze.styles=[E,iu`
-      div {
-        display: block;
-        border-width: 1px;
-        transition-property: all;
-        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-        transition-duration: 150ms;
-        cursor: pointer;
-        appearance: none;
-        user-select: none;
-        flex-shrink: 0;
-        height: 2rem;
-        width: 2rem;
-        background-color: var(--w-s-color-background);
-        border-color: var(--w-s-color-border);
-        color: var(--w-s-color-icon-inverted);
-        font-weight: 700;
-        text-align: center;
-        line-height: var(--w-line-height-xs);
-        font-size: var(--w-font-size-m);
-      }
-      :host([type='checkbox']) div {
-        border-radius: 2px;
-      }
-      :host([type='checkbox'][checked]) div,
-      :host([type='checkbox'][indeterminate]) div {
-        background-color: var(--w-s-color-background-primary);
-        border-color: var(--w-s-color-border-primary);
-      }
-      :host([type='checkbox'][checked]) div {
-        background-image: var(--w-icon-toggle-checked);
-      }
-      :host([type='radio']) div {
-        border-radius: 50%;
-      }
-      :host([type='radio'][checked]) div {
-        border-color: var(--w-s-color-border-selected);
-        border-width: 0.6rem;
-      }
-      :host([invalid]) div {
-        border-color: var(--w-s-color-border-negative) !important;
-      }
-      :host([type='checkbox'][invalid][checked]) div,
-      :host([type='checkbox'][invalid][indeterminate]) div {
-        background-color: var(--w-s-color-background-negative);
-      }
-    `],s([Er({type:String})],Ze.prototype,"type",2),s([Er({type:Boolean,reflect:!0})],Ze.prototype,"checked",2),s([Er({type:Boolean,reflect:!0})],Ze.prototype,"indeterminate",2),s([Er({type:Boolean,reflect:!0})],Ze.prototype,"invalid",2);customElements.get("w-dead-toggle")||customElements.define("w-dead-toggle",Ze);import{css as Bu,html as Ne,LitElement as Pu}from"lit";import{property as Ee}from"lit/decorators.js";import{ifDefined as Ru}from"lit/directives/if-defined.js";import{LitElement as cu}from"lit";import{unsafeStatic as du,html as uu}from"lit/static-html.js";var pu=JSON.parse('{"icon.title.chevron-down":["Nedoverpil"]}'),mu=JSON.parse('{"icon.title.chevron-down":["Downward arrow"]}'),gu=JSON.parse('{"icon.title.chevron-down":["Nuoli alasp\xE4in"]}'),hu=JSON.parse('{"icon.title.chevron-down":["Pil nedad"]}'),fu=JSON.parse('{"icon.title.chevron-down":["Pil ned"]}'),Xi=["en","nb","fi","da","sv"],Qi="en",bu=()=>{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},Zi=()=>{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":Qi},co=t=>Xi.find(e=>t===e||t.toLowerCase().includes(e))||Zi();function vu(){var t;if(typeof window=="undefined"){let e=bu();return co(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=Zi();return Xi.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),Qi}}var wu=(t,e,r,o,a,i)=>t==="nb"?r:t==="fi"?o:t==="da"?a:t==="sv"?i:e,xu=(t,e,r,o,a)=>{let i=vu(),n=wu(i,t,e,r,o,a);c.load(i,n),c.activate(i)};xu(mu,pu,gu,hu,fu);var yu=class extends cu{render(){let t=c.t({message:"Downward arrow",id:"icon.title.chevron-down",comment:"Title for chevron-down icon"});return uu`<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">${du(`<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",yu);import{LitElement as ku}from"lit";import{unsafeStatic as Eu,html as $u}from"lit/static-html.js";var Cu=JSON.parse('{"icon.title.chevron-up":["Oppoverpil"]}'),_u=JSON.parse('{"icon.title.chevron-up":["Upward arrow"]}'),Su=JSON.parse('{"icon.title.chevron-up":["Nuoli yl\xF6sp\xE4in"]}'),Lu=JSON.parse('{"icon.title.chevron-up":["Pil opad"]}'),Ou=JSON.parse('{"icon.title.chevron-up":["Pil upp"]}'),Ki=["en","nb","fi","da","sv"],Gi="en",Tu=()=>{var t;let e;switch((t=process==null?void 0:process.env)==null?void 0:t.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},Wi=()=>{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":Gi},uo=t=>Ki.find(e=>t===e||t.toLowerCase().includes(e))||Wi();function zu(){var t;if(typeof window=="undefined"){let e=Tu();return uo(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=Wi();return Ki.includes(e)?uo(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),uo(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),Gi}}var Mu=(t,e,r,o,a,i)=>t==="nb"?r:t==="fi"?o:t==="da"?a:t==="sv"?i:e,Nu=(t,e,r,o,a)=>{let i=zu(),n=Mu(i,t,e,r,o,a);c.load(i,n),c.activate(i)};Nu(_u,Cu,Su,Lu,Ou);var Au=class extends ku{render(){let t=c.t({message:"Upward arrow",id:"icon.title.chevron-up",comment:"Title for chevron-up icon"});return $u`<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",Au);import{css as Du}from"lit";var en=Du`*,: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 Vu={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"},ee={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"},ce,tn,rn,on,an,nn,sn,oe=class extends Pu{constructor(){super(...arguments);Oe(this,ce);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 a;let r=!!this.title,o=((a=this.renderRoot.querySelector("slot[name='title']"))==null?void 0:a.assignedNodes().length)>0;this._hasTitle=r||o}get _expandableSlot(){return Ne`<div class="${R(this,ce,nn)}">
-      <slot></slot>
-    </div>`}render(){return Ne` <div class="${R(this,ce,tn)}">
-      ${this._hasTitle?Ne`<w-unstyled-heading level=${this.headingLevel}>
-            <button
-              type="button"
-              aria-expanded="${this.expanded}"
-              class="${R(this,ce,rn)}"
-              @click=${()=>this.expanded=!this.expanded}>
-              <div class="${ee.title}">
-                ${this.title?Ne`<span class="${ee.titleType}">${this.title}</span>`:Ne`<slot name="title"></slot>`}
-                ${this.noChevron?"":Ne`<div class="${R(this,ce,on)}">${R(this,ce,an)}</div>`}
-              </div>
-            </button>
-          </w-unstyled-heading>`:""}
-      ${this.animated?Ne`<w-expand-transition ?show=${this.expanded}> ${this._expandableSlot} </w-expand-transition>`:Ne`<div class="${R(this,ce,sn)}" aria-hidden=${Ru(this.expanded?void 0:!0)}>
-            ${this._expandableSlot}
-          </div>`}
-    </div>`}};ce=new WeakSet,tn=function(){return w([ee.wrapper,this.box&&ee.box,this.bleed&&ee.bleed])},rn=function(){return w(this.buttonClass,[ee.button,this.box&&ee.buttonBox])},on=function(){return w([ee.chevron,!this.box&&ee.chevronNonBox])},an=function(){let r=w([ee.elementsChevronUpTransform,!this.expanded&&this._showChevronUp&&ee.elementsChevronCollapse]),o=w([ee.elementsChevronDownTransform,this.expanded&&!this._showChevronUp&&ee.elementsChevronExpand]);return this._showChevronUp?Ne`<w-icon-chevron-up-16 class="${r}"></w-icon-chevron-up-16>`:Ne`<w-icon-chevron-down-16 class="${o}"></w-icon-chevron-down-16>`},nn=function(){return w(this.contentClass,[this.box&&Vu.base,this._hasTitle&&this.box&&ee.contentWithTitle])},sn=function(){return w([ee.expansion,!this.expanded&&ee.expansionNotExpanded])},oe.styles=[E,en,Bu`
-      :host {
-        display: block;
-      }
-      ::slotted(:last-child) {
-        margin-bottom: 0px !important;
-      }
-    `],s([Ee({type:Boolean,reflect:!0})],oe.prototype,"expanded",2),s([Ee({type:String})],oe.prototype,"title",2),s([Ee({type:Boolean})],oe.prototype,"box",2),s([Ee({type:Boolean})],oe.prototype,"bleed",2),s([Ee({attribute:"button-class",type:String})],oe.prototype,"buttonClass",2),s([Ee({attribute:"content-class",type:String})],oe.prototype,"contentClass",2),s([Ee({attribute:"no-chevron",type:Boolean})],oe.prototype,"noChevron",2),s([Ee({type:Boolean})],oe.prototype,"animated",2),s([Ee({attribute:"heading-level",type:Number})],oe.prototype,"headingLevel",2),s([Ee({type:Boolean,state:!0})],oe.prototype,"_hasTitle",2),s([Ee({type:Boolean,state:!0})],oe.prototype,"_showChevronUp",2);customElements.get("w-expandable")||customElements.define("w-expandable",oe);import{html as Iu,css as Fu,LitElement as ju}from"lit";var Rt=t=>class extends t{constructor(){super(...arguments);this.patchClose=!0;this._close=null}close(){this._close()}},Vt=t=>class extends t{handleSlotChange(e){let r=e.target.assignedNodes({flatten:!0});for(let o of r.filter(a=>a.patchClose))o._close=()=>this.close()}};var It=class extends Rt(Vt(ju)){render(){return Iu`
-      <div class="footer">
-        <slot @slotchange="${this.handleSlotChange}"></slot>
-      </div>
-    `}};It.styles=[E,Fu`
-      .footer {
-        display: flex;
-        flex-shrink: 0;
-        justify-content: flex-end;
-        padding-left: 1.6rem;
-        padding-right: 1.6rem;
-        padding-top: 2.4rem;
-      }
-      @media (min-width: 480px) {
-        .footer {
-          padding-left: 3.2rem;
-          padding-right: 3.2rem;
-        }
-      }
-    `];customElements.get("w-modal-footer")||customElements.define("w-modal-footer",It);import{css as op,html as go,LitElement as ap,nothing as wn}from"lit";var ln=(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}),cn=({dx:t,dy:e})=>[{transform:`translate(${t}px, ${e}px)`},{transform:"none"}],dn={easing:"ease",duration:300};var po=!1,Hu=typeof window!="undefined";if(Hu){let t=window.matchMedia("(prefers-reduced-motion: reduce)"),e=({matches:r})=>po=r;t.addEventListener&&t.addEventListener("change",e),e(t)}var $r=class{constructor(e,{animation:r={},keyframes:o,respectReduceMotion:a=!0}={}){Le(this,"first");Le(this,"last");Le(this,"el");this.el=e,this.first={},this.last={},this.userAnimationOptions=r,this.keyframeGenerator=o||cn,this.shouldReduceMotion=a}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(ln(this.first,this.last))}get defaults(){return dn}get mergedOptions(){return{...this.defaults,...this.userAnimationOptions}}get animationOptions(){return this.shouldReduceMotion?po?{...this.mergedOptions,duration:0}:this.mergedOptions:this.mergedOptions}};import{property as ho,query as ip,state as np}from"lit/decorators.js";import{LitElement as qu}from"lit";import{unsafeStatic as Ju,html as Uu}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"]}'),Qu=JSON.parse('{"icon.title.arrow-left":["Vasemmalle osoittava nuoli"]}'),Zu=JSON.parse('{"icon.title.arrow-left":["Pil til venstre"]}'),Ku=JSON.parse('{"icon.title.arrow-left":["Pil som pekar v\xE4nster"]}'),un=["en","nb","fi","da","sv"],pn="en",Gu=()=>{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":pn},mo=t=>un.find(e=>t===e||t.toLowerCase().includes(e))||mn();function Wu(){var t;if(typeof window=="undefined"){let e=Gu();return mo(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=mn();return un.includes(e)?mo(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),mo(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),pn}}var ep=(t,e,r,o,a,i)=>t==="nb"?r:t==="fi"?o:t==="da"?a:t==="sv"?i:e,tp=(t,e,r,o,a)=>{let i=Wu(),n=ep(i,t,e,r,o,a);c.load(i,n),c.activate(i)};tp(Xu,Yu,Qu,Zu,Ku);var rp=class extends qu{render(){let t=c.t({message:"Leftward-pointing arrow",id:"icon.title.arrow-left",comment:"Title for table arrow left icon"});return Uu`<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",rp);var gn=JSON.parse('{"modal.aria.back":["Tilbage"],"modal.aria.close":["Luk"]}');var hn=JSON.parse('{"modal.aria.back":["Back"],"modal.aria.close":["Close"]}');var fn=JSON.parse('{"modal.aria.back":["Takaisin"],"modal.aria.close":["Sulje"]}');var bn=JSON.parse('{"modal.aria.back":["Tilbake"],"modal.aria.close":["Lukk"]}');var vn=JSON.parse('{"modal.aria.back":["Tillbaka"],"modal.aria.close":["St\xE4ng"]}');var Ae=class extends Rt(ap){constructor(){super();this._hasTopContent=!1;I(hn,bn,fn,gn,vn)}render(){return go`
-      <div class="header">
-        <slot name="top" @slotchange=${this.handleTopSlotChange}></slot>
-        <div class="${this._hasTopContent?"":"header-title-bar"}">
-          ${this.backButton}
-          <h1 class="title-el ${this.titleClasses}">${this.title}</h1>
-          ${this.closeButton}
-        </div>
-      </div>
-    `}async willUpdate(r){r.has("back")&&new $r(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?go`<button
-          type="button"
-          aria-label="${c._({id:"modal.aria.back",message:"Back",comment:"Aria label for the back button in modal"})}"
-          class="header-button header-button-left"
-          @click="${this.emitBack}">
-          <w-icon-arrow-left-16></w-icon-arrow-left-16>
-        </button>`:wn}get closeButton(){return this.noClose?wn:go`<button
-      type="button"
-      aria-label="${c._({id:"modal.aria.close",message:"Close",comment:"Aria label for the close button in modal"})}"
-      class="header-button ${this._hasTopContent?"header-close-button-on-image":"header-close-button"}"
-      @click="${this.close}">
-      <w-icon-close-16></w-icon-close-16>
-    </button>`}emitBack(){this.dispatchEvent(new CustomEvent("backClicked",{bubbles:!0,composed:!0}))}handleTopSlotChange(r){let o=r.target.assignedElements({flatten:!0});this._hasTopContent=!!o.length}};Ae.styles=[E,op`
-      .header {
-        position: relative;
-        padding-bottom: 0.8rem;
-      }
-      .header-title-bar {
-        display: grid;
-        flex-shrink: 0 !important;
-        gap: 1.2rem;
-        grid-template-columns: auto 1fr auto;
-        align-items: flex-start;
-        padding-left: 1.6rem;
-        padding-right: 1.6rem;
-        padding-top: 1.6rem;
-      }
-      .header-title {
-        font-weight: 700;
-        font-size: var(--w-font-size-l);
-        line-height: var(--w-line-height-l);
-        align-self: center;
-        margin: 0;
-      }
-      .header-title-with-back-button {
-        justify-self: center;
-      }
-      .header-title-without-back-button {
-        grid-column: span 2 / span 2;
-      }
-      .header-title-with-top-area {
-        padding-left: 1.6rem;
-        padding-right: 1.6rem;
-        padding-top: 1.6rem;
-      }
-      .header-button:hover {
-        -webkit-background-clip: padding-box;
-        background-clip: padding-box;
-      }
-      .header-button:focus,
-      .header-button:focus-visible {
-        outline: 2px solid var(--w-s-color-border-focus);
-        outline-offset: var(--w-outline-offset, 1px);
-      }
-      .header-button:not(:focus-visible) {
-        outline: none;
-      }
-      .header-button {
-        border-width: 0;
-        border-radius: 9999px;
-        display: inline-flex;
-        align-items: center;
-        justify-content: center;
-        min-height: 40px;
-        min-width: 40px;
-        padding: 0.4rem;
-        font-weight: 700;
-        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
-        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-        transition-duration: 150ms;
-        font-size: var(--w-font-size-m);
-        line-height: var(--w-line-height-m);
-        line-height: 2.4rem;
-      }
-      .header-button-left {
-        background-color: transparent;
-        color: var(--w-s-color-icon);
-        margin-left: -0.8rem;
-      }
-      .header-button-left:hover {
-        background-color: var(--w-color-button-pill-background-hover);
-      }
-      .header-button-left:active {
-        background-color: var(--w-color-button-pill-background-active);
-      }
-      .header-close-button {
-        background-color: transparent;
-        color: var(--w-s-color-icon);
-        margin-right: -0.8rem;
-      }
-      .header-close-button:hover {
-        background-color: var(--w-color-button-pill-background-hover);
-      }
-      .header-close-button:active {
-        background-color: var(--w-color-button-pill-background-active);
-      }
-      .header-close-button-on-image {
-        background-color: rgba(var(--w-rgb-black), 0.7);
-        right: 0.8rem;
-        top: 0.8rem;
-        position: absolute;
-        z-index: 10;
-        color: var(--w-s-color-text-inverted);
-      }
-      .header-close-button-on-image:hover {
-        background-color: rgba(var(--w-rgb-black), 0.85);
-      }
-      .header-close-button-on-image:active {
-        background-color: var(--w-black);
-      }
-      @media (min-width: 480px) {
-        .header-title-bar {
-          padding-left: 3.2rem;
-          padding-right: 3.2rem;
-          padding-top: 2.4rem;
-        }
-        .header-title-with-top-area {
-          padding-left: 3.2rem;
-          padding-right: 3.2rem;
-        }
-        .header-button {
-          min-height: 32px;
-          min-width: 32px;
-        }
-      }
-    `],s([ho({type:String})],Ae.prototype,"title",2),s([ho({type:Boolean})],Ae.prototype,"back",2),s([ho({type:Boolean,attribute:"no-close"})],Ae.prototype,"noClose",2),s([np()],Ae.prototype,"_hasTopContent",2),s([ip(".title-el")],Ae.prototype,"titleEl",2);customElements.get("w-modal-header")||customElements.define("w-modal-header",Ae);import{css as bp,html as vp,LitElement as wp}from"lit";import{property as bo,query as vo}from"lit/decorators.js";var Ft=[],fo={documentElement:{},body:{}},sp=Object.freeze({documentElement:{"scrollbar-gutter":"stable"},body:{overflow:"hidden",position:"relative",height:"100%"}}),xn=t=>{var e;t.touches.length>1||((e=t.preventDefault)==null||e.call(t))},lp=t=>([e,r])=>{fo[t][e]=document[t].style[e],document[t].style[e]=r},cp=()=>Object.entries(sp).forEach(([t,e])=>{Object.entries(e).forEach(lp(t))}),dp=t=>([e,r])=>{document[t].style[e]=fo[t][e]},up=()=>Object.entries(fo).forEach(([t,e])=>{Object.entries(e).forEach(dp(t))}),pp=t=>t.scrollHeight-Math.abs(t.scrollTop)===t.clientHeight;function mp(t){let e=-1,r=o=>{if(o.targetTouches.length!==1)return;let a=o.targetTouches[0].clientY-e;return t.scrollTop===0&&a>0||pp(t)&&a<0?xn(o):(o.stopPropagation(),!0)};t.ontouchstart=o=>{o.targetTouches.length===1&&(e=o.targetTouches[0].clientY)},t.ontouchmove=r}function gp(t){t.ontouchstart=null,t.ontouchmove=null}var yn=t=>()=>document[t?"addEventListener":"removeEventListener"]("touchmove",xn,{passive:!1}),hp=yn(!0),fp=yn();function kn(t){if(!t)throw Error("Could not run setup, an element must be provided");Ft.some(e=>e===t)||(Ft.length||(cp(),hp()),mp(t),Ft.push(t))}function En(){Ft.forEach(gp),fp(),up(),Ft=[]}var $e=class extends Vt(wp){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(),kn(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(),En(),await this.updateComplete,this.dispatchEvent(new CustomEvent("hidden",{bubbles:!0,composed:!0}))},{once:!0})}render(){return vp`
-      <dialog class="dialog-el">
-        <div class="dialog-inner-el">
-          <slot name="header" @slotchange="${this.handleSlotChange}"></slot>
-          <div class="content-el" id=${this.contentId}>
-            <slot name="content" @slotchange="${this.handleSlotChange}"></slot>
-          </div>
-          <slot name="footer" @slotchange="${this.handleSlotChange}"></slot>
-        </div>
-      </dialog>
-    `}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}};$e.styles=[E,bp`
-      .dialog-el {
-        --w-modal-translate-distance: 100%;
-        --w-modal-max-height: 80%;
-        --w-modal-width: 640px;
-        background-color: transparent;
-        border-width: 0;
-        align-items: flex-end;
-        inset: 0rem;
-        height: unset;
-        max-height: unset;
-        max-width: unset;
-        width: unset;
-        margin: auto;
-        padding: 0rem;
-        backface-visibility: hidden;
-      }
-      .dialog-inner-el {
-        will-change: height;
-        border-radius: 8px;
-        display: flex;
-        flex-direction: column;
-        overflow: hidden;
-        position: relative;
-        background-color: var(--w-s-color-background);
-        box-shadow: var(--w-shadow-m);
-        height: var(--w-modal-height);
-        max-height: var(--w-modal-max-height);
-        min-height: var(--w-modal-min-height);
-        width: var(--w-modal-width);
-        backface-visibility: hidden;
-        padding-bottom: calc(32px + env(safe-area-inset-bottom, 0px));
-        transition-property: all;
-        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-        transition-duration: 150ms;
-        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-      }
-      .content-el {
-        display: block;
-        flex-shrink: 1;
-        flex-grow: 1;
-        overflow-x: hidden;
-        overflow-y: auto;
-        position: relative;
-        margin-bottom: 0rem;
-        padding-left: 1.6rem;
-        padding-right: 1.6rem;
-      }
-      @media (min-width: 480px) {
-        .dialog-el {
-          --w-modal-translate-distance: 50%;
-          place-content: center;
-          place-items: center;
-        }
-        .dialog-inner-el {
-          margin-left: 1.6rem;
-          margin-right: 1.6rem;
-          padding-bottom: 3.2rem;
-        }
-        .content-el {
-          padding-left: 3.2rem;
-          padding-right: 3.2rem;
-        }
-      }
-      @media (max-width: 479.9px) {
-        .dialog-inner-el {
-          border-bottom-left-radius: 0;
-          border-bottom-right-radius: 0;
-        }
-      }
-      .dialog-el[open] {
-        animation: w-modal-in 0.3s ease-in-out forwards;
-        display: flex;
-        position: fixed;
-      }
-      .dialog-el.close {
-        animation: w-modal-out 0.3s ease-in-out forwards;
-      }
-      .dialog-el[open]::backdrop {
-        animation: backdrop-in 0.3s ease-in-out forwards;
-      }
-      .dialog-el.close::backdrop {
-        animation: backdrop-out 0.3s ease-in-out forwards;
-      }
-      /* shouldn't need two (in/out) animations declared here, but reversing is being weird */
-      @keyframes w-modal-in {
-        from {
-          transform: translateY(var(--w-modal-translate-distance));
-          opacity: 0;
-        }
-        to {
-          transform: translateY(0);
-          opacity: 1;
-        }
-      }
-      @keyframes w-modal-out {
-        from {
-          transform: translateY(0);
-          opacity: 1;
-        }
-        to {
-          transform: translateY(var(--w-modal-translate-distance));
-          opacity: 0;
-        }
-      }
-      @keyframes backdrop-in {
-        from {
-          background: transparent;
-        }
-        to {
-          background: rgba(0, 0, 0, 0.25);
-        }
-      }
-      @keyframes backdrop-out {
-        from {
-          background: rgba(0, 0, 0, 0.25);
-        }
-        to {
-          background: transparent;
-        }
-      }
-    `],s([bo({type:Boolean})],$e.prototype,"show",2),s([bo({type:String,attribute:"content-id"})],$e.prototype,"contentId",2),s([bo({type:Boolean,attribute:"ignore-backdrop-clicks"})],$e.prototype,"ignoreBackdropClicks",2),s([vo(".dialog-el")],$e.prototype,"dialogEl",2),s([vo(".dialog-inner-el")],$e.prototype,"dialogInnerEl",2),s([vo(".content-el")],$e.prototype,"contentEl",2);customElements.get("w-modal")||customElements.define("w-modal",$e);import{html as Cn,LitElement as yp}from"lit";import{property as _n}from"lit/decorators.js";import{classMap as kp}from"lit/directives/class-map.js";import{map as Ep}from"lit/directives/map.js";import{range as $p}from"lit/directives/range.js";import{css as xp}from"lit";var $n=xp`
-  .w-pageindicator {
-    display: grid;
-    justify-content: center;
-    height: max-content;
-    pointer-events: none;
-  }
-
-  .w-pageindicator--container {
-    display: grid;
-    grid-auto-flow: column;
-    gap: 8px;
-  }
-
-  .w-pageindicator--dot {
-    background-color: var(--w-s-color-background-disabled);
-    border-radius: 5px;
-    width: 10px;
-    height: 10px;
-  }
-
-  .w-pageindicator--selecteddot {
-    background-color: var(--w-s-color-icon-selected);
-  }
-`;var vt=class extends yp{constructor(){super(...arguments);this.selectedPage=1;this.pageCount=1}render(){return Cn`
-      <div class="w-pageindicator">
-        <div class="w-pageindicator--container">
-          ${Ep($p(this.pageCount),r=>{let a={"w-pageindicator--dot":!0,"w-pageindicator--selecteddot":r===this.selectedPage-1};return Cn`<div class="${kp(a)}"></div>`})}
-        </div>
-      </div>
-    `}};vt.styles=[$n],s([_n({type:Number,attribute:"selected-page"})],vt.prototype,"selectedPage",2),s([_n({type:Number,attribute:"page-count"})],vt.prototype,"pageCount",2);customElements.get("w-pageindicator")||customElements.define("w-pageindicator",vt);import{html as jt,LitElement as um,nothing as ko}from"lit";import{property as Cr}from"lit/decorators.js";import{LitElement as Cp}from"lit";import{unsafeStatic as _p,html as Sp}from"lit/static-html.js";var Lp=JSON.parse('{"icon.title.chevron-double-left":["Dobbel pil til venstre"]}'),Op=JSON.parse('{"icon.title.chevron-double-left":["Double leftward arrow"]}'),Tp=JSON.parse('{"icon.title.chevron-double-left":["Kaksi nuolta vasemmalle"]}'),zp=JSON.parse('{"icon.title.chevron-double-left":["Dobbelt venstrepil"]}'),Mp=JSON.parse('{"icon.title.chevron-double-left":["Dubbel v\xE4nsterpil"]}'),Sn=["en","nb","fi","da","sv"],Ln="en",Np=()=>{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},On=()=>{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":Ln},wo=t=>Sn.find(e=>t===e||t.toLowerCase().includes(e))||On();function Ap(){var t;if(typeof window=="undefined"){let e=Np();return wo(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=On();return Sn.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),Ln}}var Dp=(t,e,r,o,a,i)=>t==="nb"?r:t==="fi"?o:t==="da"?a:t==="sv"?i:e,Bp=(t,e,r,o,a)=>{let i=Ap(),n=Dp(i,t,e,r,o,a);c.load(i,n),c.activate(i)};Bp(Op,Lp,Tp,zp,Mp);var Pp=class extends Cp{render(){let t=c.t({message:"Double leftward arrow",id:"icon.title.chevron-double-left",comment:"Title for chevron-double-left icon"});return Sp`<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">${_p(`<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",Pp);import{LitElement as Rp}from"lit";import{unsafeStatic as Vp,html as Ip}from"lit/static-html.js";var Fp=JSON.parse('{"icon.title.chevron-left":["Pil til venstre"]}'),jp=JSON.parse('{"icon.title.chevron-left":["Leftward arrow"]}'),Hp=JSON.parse('{"icon.title.chevron-left":["Nuoli vasemmalle"]}'),qp=JSON.parse('{"icon.title.chevron-left":["Pil til venstre"]}'),Jp=JSON.parse('{"icon.title.chevron-left":["Pil v\xE4nster"]}'),Tn=["en","nb","fi","da","sv"],zn="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},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":zn},xo=t=>Tn.find(e=>t===e||t.toLowerCase().includes(e))||Mn();function Yp(){var t;if(typeof window=="undefined"){let e=Up();return xo(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=Mn();return Tn.includes(e)?xo(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),xo(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),zn}}var Xp=(t,e,r,o,a,i)=>t==="nb"?r:t==="fi"?o:t==="da"?a:t==="sv"?i:e,Qp=(t,e,r,o,a)=>{let i=Yp(),n=Xp(i,t,e,r,o,a);c.load(i,n),c.activate(i)};Qp(jp,Fp,Hp,qp,Jp);var Zp=class extends Rp{render(){let t=c.t({message:"Leftward arrow",id:"icon.title.chevron-left",comment:"Title for chevron-left icon"});return Ip`<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">${Vp(`<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",Zp);import{LitElement as Kp}from"lit";import{unsafeStatic as Gp,html as Wp}from"lit/static-html.js";var em=JSON.parse('{"icon.title.chevron-right":["Pil til h\xF8yre"]}'),tm=JSON.parse('{"icon.title.chevron-right":["Rightward arrow"]}'),rm=JSON.parse('{"icon.title.chevron-right":["Nuoli oikealle"]}'),om=JSON.parse('{"icon.title.chevron-right":["Pil til h\xF8jre"]}'),am=JSON.parse('{"icon.title.chevron-right":["Pil h\xF6ger"]}'),Nn=["en","nb","fi","da","sv"],An="en",im=()=>{var t;let e;switch((t=process==null?void 0:process.env)==null?void 0:t.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},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},yo=t=>Nn.find(e=>t===e||t.toLowerCase().includes(e))||Dn();function nm(){var t;if(typeof window=="undefined"){let e=im();return yo(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=Dn();return Nn.includes(e)?yo(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),yo(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),An}}var sm=(t,e,r,o,a,i)=>t==="nb"?r:t==="fi"?o:t==="da"?a:t==="sv"?i:e,lm=(t,e,r,o,a)=>{let i=nm(),n=sm(i,t,e,r,o,a);c.load(i,n),c.activate(i)};lm(tm,em,rm,om,am);var cm=class extends Kp{render(){let t=c.t({message:"Rightward arrow",id:"icon.title.chevron-right",comment:"Title for chevron-right icon"});return Wp`<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">${Gp(`<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",cm);var Bn=JSON.parse('{"pagination.aria.first-page":["F\xF8rste side"],"pagination.aria.icon-suffix":["ikon"],"pagination.aria.next-page":["N\xE6ste side"],"pagination.aria.page":["Side ",["currentPage"]],"pagination.aria.pagination":["Sider"],"pagination.aria.prev-page":["Forrige side"]}');var Pn=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 Rn=JSON.parse('{"pagination.aria.first-page":["Ensimm\xE4inen sivu"],"pagination.aria.icon-suffix":["kuvake"],"pagination.aria.next-page":["Seuraava sivu"],"pagination.aria.page":["Sivu ",["currentPage"]],"pagination.aria.pagination":["Sivut"],"pagination.aria.prev-page":["Edellinen sivu"]}');var Vn=JSON.parse('{"pagination.aria.first-page":["F\xF8rste side"],"pagination.aria.icon-suffix":["ikon"],"pagination.aria.next-page":["Neste side"],"pagination.aria.page":["Side ",["currentPage"]],"pagination.aria.pagination":["Sider"],"pagination.aria.prev-page":["Forrige side"]}');var In=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 dm}from"lit";var Fn=dm`*,: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 Eo=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"}),_r="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",Sr,jn,Ke=class extends um{constructor(){super();Oe(this,Sr);this.currentPageNumber=1;this.visiblePages=7;I(Pn,Vn,Rn,Bn,In)}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},(i,n)=>n+1);let r=Math.floor(this.visiblePages/2),o=Math.max(1,this.currentPageNumber-r),a=Math.min(this.pages,o+this.visiblePages-1);return a-o+1<this.visiblePages&&(o=Math.max(1,a-this.visiblePages+1)),Array.from({length:a-o+1},(i,n)=>o+n)}render(){let r=this.visiblePageNumbers;return jt`<nav class="flex items-center justify-center p-8" @click="${Uo(this,Sr,jn)}">
-      <h1 class="sr-only">
-        ${c._({id:"pagination.aria.pagination",message:"Pages",comment:"Default screenreader message for pagination container in the pagination component"})}
-      </h1>
-      <div class="md:block s-text-link">
-        ${this.shouldShowShowFirstPageButton?jt`<a
-              data-page-number="1"
-              href="${this.baseUrl}1"
-              class="${_r+" s-icon hover:bg-[--w-color-button-pill-background-hover] active:bg-[--w-color-button-pill-background-active]"}">
-              <span class="sr-only"
-                >${c._({id:"pagination.aria.first-page",message:"First page",comment:"Default screenreader message for first page link in the pagination component"})},</span
-              >
-              <w-icon-chevron-double-left-16></w-icon-chevron-double-left-16>
-              <span class="sr-only">${Eo}</span>
-            </a>`:ko}
-        ${this.shouldShowPreviousPageButton?jt`<a
-              data-page-number="${this.currentPageNumber-1}"
-              href="${this.baseUrl}${this.currentPageNumber-1}"
-              class="${_r+" s-icon hover:bg-[--w-color-button-pill-background-hover] active:bg-[--w-color-button-pill-background-active]"}">
-              <span class="sr-only"
-                >${c._({id:"pagination.aria.prev-page",message:"Previous page",comment:"Default screenreader message for previous page link in the pagination component"})},</span
-              >
-              <w-icon-chevron-left-16></w-icon-chevron-left-16>
-              <span class="sr-only">${Eo}</span>
-            </a>`:ko}
-        ${r.map(o=>{let a=o===this.currentPageNumber,i=`${this.baseUrl}${o}`,n=_r;a?n+=" s-bg-primary s-text-inverted":n+=" hover:bg-[--w-color-button-pill-background-hover] active:bg-[--w-color-button-pill-background-active]";let l=c._({id:"pagination.aria.page",message:"Page {currentPage}",values:{currentPage:o},comment:"Default screenreader message for page link in the pagination component"});return jt`<a
-            data-page-number="${o}"
-            aria-label="${l}"
-            href="${i}"
-            class="${n}"
-            aria-current="${a?"page":""}"
-            >${o}</a
-          >`})}
-        ${this.shouldShowNextPageButton?jt`<a
-              data-page-number="${this.currentPageNumber+1}"
-              href="${this.baseUrl}${this.currentPageNumber+1}"
-              class="${_r+" s-icon hover:bg-[--w-color-button-pill-background-hover] active:bg-[--w-color-button-pill-background-active]"}">
-              <span class="sr-only">
-                ${c._({id:"pagination.aria.next-page",message:"Next page",comment:"Default screenreader message for next page link in the pagination component"})},</span
-              >
-              <w-icon-chevron-right-16></w-icon-chevron-right-16>
-              <span class="sr-only">${Eo}</span>
-            </a>`:ko}
-      </div>
-    </nav>`}};Sr=new WeakSet,jn=function(r){let o=r.target.getAttribute("data-page-number");this.dispatchEvent(new CustomEvent("page-click",{detail:{clickedPage:o},bubbles:!0,composed:!0}))},Ke.styles=[E,Fn],s([Cr({type:String,reflect:!0,attribute:"base-url"})],Ke.prototype,"baseUrl",2),s([Cr({type:Number,reflect:!0})],Ke.prototype,"pages",2),s([Cr({type:Number,reflect:!0,attribute:"current-page"})],Ke.prototype,"currentPageNumber",2),s([Cr({type:Number,reflect:!0,attribute:"visible-pages"})],Ke.prototype,"visiblePages",2);customElements.get("w-pagination")||customElements.define("w-pagination",Ke);import{html as Qn,LitElement as mm}from"lit";import{property as wt}from"lit/decorators.js";var Hn=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 Jn=JSON.parse('{"pill.aria.openFilter":["Avaa suodatin"],"pill.aria.removeFilter":["Tyhjenn\xE4 suodatin ",["label"]]}');var Un=JSON.parse('{"pill.aria.openFilter":["\xC5pne filter"],"pill.aria.removeFilter":["Fjern filter ",["label"]]}');var Yn=JSON.parse('{"pill.aria.openFilter":["\xD6ppna filter"],"pill.aria.removeFilter":["Ta bort filtret ",["label"]]}');import{css as pm}from"lit";var Xn=pm`*,: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 de={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"},De=class extends mm{constructor(){super(),I(qn,Un,Jn,Hn,Yn),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 w([de.button,de.label,this.suggestion?de.suggestion:de.filter,this.canClose?de.labelWithClose:de.labelWithoutClose])}get _closeClasses(){return w([de.button,de.close,this.suggestion?de.suggestion:de.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 Qn`
-      <div class="${de.wrapper}">
-        <button type="button" class="${this._labelClasses}" @click="${this._onClick}">
-          <span class="${de.a11y}">${this.openAriaLabel?this.openAriaLabel:this.openFilterSrText}</span>
-          <slot></slot>
-        </button>
-        ${this.canClose?Qn` <button type="button" class="${this._closeClasses}" @click="${this._onClose}">
-              <span class="${de.a11y}">${this.closeAriaLabel?this.closeAriaLabel:this.removeFilterSrText}</span>
-              <w-icon-close-16 class="${de.closeIcon}"></w-icon-close-16>
-            </button>`:null}
-      </div>
-    `}};De.styles=[E,Xn],s([wt({attribute:"can-close",type:Boolean})],De.prototype,"canClose",2),s([wt({attribute:"suggestion",type:Boolean})],De.prototype,"suggestion",2),s([wt({attribute:"open-sr-label",type:String})],De.prototype,"openSrLabel",2),s([wt({attribute:"open-aria-label",type:String})],De.prototype,"openAriaLabel",2),s([wt({attribute:"close-sr-label",type:String})],De.prototype,"closeSrLabel",2),s([wt({attribute:"close-aria-label",type:String})],De.prototype,"closeAriaLabel",2);customElements.get("w-pill")||customElements.define("w-pill",De);import{html as vm}from"lit";import{property as qt,state as es}from"lit/decorators.js";import{isServer as $o}from"lit";import{property as xt}from"lit/decorators.js";import{LitElement as hm,unsafeCSS as fm}from"lit";import{property as Kn}from"lit/decorators.js";var Zn={};var Ht,lt=class extends hm{constructor(){super();Oe(this,Ht,!1);this.initialReflectedProperties=new Map;this.customStates={set:(r,o)=>{var a;(a=this.internals)!=null&&a.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,a]of r.elementProperties)a.default==="inherit"&&a.initial!==void 0&&typeof o=="string"&&this.customStates.set(`initial-${o}-${a.initial}`,!0)}static get styles(){let r=Array.isArray(this.css)?this.css:this.css?[this.css]:[];return[Zn,...r].map(o=>typeof o=="string"?fm(o):o)}attributeChangedCallback(r,o,a){R(this,Ht)||(this.constructor.elementProperties.forEach((i,n)=>{i.reflect&&this[n]!=null&&this.initialReflectedProperties.set(n,this[n])}),Jo(this,Ht,!0)),super.attributeChangedCallback(r,o,a)}willUpdate(r){super.willUpdate(r),this.initialReflectedProperties.forEach((o,a)=>{r.has(a)&&this[a]==null&&(this[a]=o)})}relayNativeEvent(r,o){r.stopImmediatePropagation(),this.dispatchEvent(new r.constructor(r.type,{...r,...o}))}};Ht=new WeakMap,s([Kn()],lt.prototype,"dir",2),s([Kn()],lt.prototype,"lang",2);var Gn=()=>({observedAttributes:["custom-error"],checkValidity(t){let e={message:"",isValid:!0,invalidKeys:[]};return t.customError&&(e.message=t.customError,e.isValid=!1,e.invalidKeys=["customError"]),e}});var Lr=class extends Event{constructor(){super("w-invalid",{bubbles:!0,cancelable:!1,composed:!0})}};var K=class extends lt{constructor(){super();this.name=null;this.disabled=!1;this.required=!1;this.assumeInteractionOn=["input"];this.validators=[];this.valueHasChanged=!1;this.hasInteracted=!1;this.customError=null;this.emittedEvents=[];this.emitInvalid=r=>{r.target===this&&(this.hasInteracted=!0,this.dispatchEvent(new Lr))};this.handleInteraction=r=>{var a;let o=this.emittedEvents;o.includes(r.type)||o.push(r.type),o.length===((a=this.assumeInteractionOn)==null?void 0:a.length)&&(this.hasInteracted=!0)};$o||this.addEventListener("invalid",this.emitInvalid)}static get validators(){return[Gn()]}static get observedAttributes(){let r=new Set(super.observedAttributes||[]);for(let o of this.validators)if(o.observedAttributes)for(let a of o.observedAttributes)r.add(a);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(!$o&&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 a=new FormData;for(let i of o)a.append(this.name,i);this.setValue(a,a)}}else this.setValue(o,o)}r.has("disabled")&&(this.customStates.set("disabled",this.disabled),(this.hasAttribute("disabled")||!$o&&!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],a=r[1],i=r[2];i||(i=this.validationTarget),this.internals.setValidity(o,a,i||void 0),this.requestUpdate("validity"),this.setCustomStates()}setCustomStates(){let r=!!this.required,o=this.internals.validity.valid,a=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&&a),this.customStates.set("user-valid",o&&a)}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,a]=r;this.internals.setFormValue(o,a)}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},a=this.validationTarget||this.input||void 0,i="";for(let n of r){let{isValid:l,message:d,invalidKeys:u}=n.checkValidity(this);l||(i||(i=d),(u==null?void 0:u.length)>=0&&u.forEach(p=>o[p]=!0))}i||(i=this.validationMessage),this.setValidity(o,i,a)}};K.formAssociated=!0,s([xt({reflect:!0})],K.prototype,"name",2),s([xt({type:Boolean})],K.prototype,"disabled",2),s([xt({state:!0,attribute:!1})],K.prototype,"valueHasChanged",2),s([xt({state:!0,attribute:!1})],K.prototype,"hasInteracted",2),s([xt({attribute:"custom-error",reflect:!0})],K.prototype,"customError",2),s([xt({attribute:!1,state:!0,type:Object})],K.prototype,"validity",1);var Wn={};var ve=class extends K{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 vm`
-      <span part="control" class="control"></span>
-      <slot part="label" class="label"></slot>
-    `}};ve.css=[Wn],s([es()],ve.prototype,"checked",2),s([es()],ve.prototype,"forceDisabled",2),s([qt({reflect:!0})],ve.prototype,"form",2),s([qt({reflect:!0})],ve.prototype,"value",2),s([qt({reflect:!0})],ve.prototype,"appearance",2),s([qt({reflect:!0})],ve.prototype,"size",2),s([qt({type:Boolean})],ve.prototype,"disabled",2);import{html as xm}from"lit";import{property as Be,query as ym,state as is}from"lit/decorators.js";import{classMap as ns}from"lit/directives/class-map.js";var ts="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";var rs=(t=21)=>{let e="",r=crypto.getRandomValues(new Uint8Array(t|=0));for(;t--;)e+=ts[r[t]&63];return e};function os(t=""){return`${t}${rs()}`}var as={};var Or=(t={})=>{let{validationElement:e,validationProperty:r}=t;e||(e=Object.assign(document.createElement("input"),{required:!0})),r||(r="value");let o={observedAttributes:["required"],message:e.validationMessage,checkValidity(a){var u;let i={message:"",isValid:!0,invalidKeys:[]};return((u=a.required)!=null?u:a.hasAttribute("required"))&&!a[r]&&(i.message=typeof o.message=="function"?o.message(a):o.message||"",i.isValid=!1,i.invalidKeys.push("valueMissing")),i}};return o};var yt=class{constructor(e,...r){this.slotNames=[];this.handleSlotChange=e=>{let r=e.target;(this.slotNames.includes("[default]")&&!r.name||r.name&&this.slotNames.includes(r.name))&&this.host.requestUpdate()};(this.host=e).addController(this),this.slotNames=r}hasDefaultSlot(){return[...this.host.childNodes].some(e=>{if(e.nodeType===Node.TEXT_NODE&&e.textContent.trim()!=="")return!0;if(e.nodeType===Node.ELEMENT_NODE){let r=e;if(r.tagName.toLowerCase()==="w-visually-hidden")return!1;if(!r.hasAttribute("slot"))return!0}return!1})}hasNamedSlot(e){return this.host.querySelector(`:scope > [slot="${e}"]`)!==null}test(e){return e==="[default]"?this.hasDefaultSlot():this.hasNamedSlot(e)}hostConnected(){this.host.shadowRoot.addEventListener("slotchange",this.handleSlotChange)}hostDisconnected(){this.host.shadowRoot.removeEventListener("slotchange",this.handleSlotChange)}};var q=class extends K{constructor(){super();this.hasSlotController=new yt(this,"hint","label");this.hasRadioButtons=!1;this.label="";this.hint="";this.name=null;this.disabled=!1;this.orientation="vertical";this._value=null;this.defaultValue=this.getAttribute("value")||null;this.size="medium";this.required=!1;this.withLabel=!1;this.withHint=!1;this.handleRadioClick=r=>{let o=r.target.closest("w-radio");if(!o||o.disabled||o.forceDisabled||this.disabled)return;let a=this.value;this.value=o.value,o.checked=!0;let i=this.getAllRadios();for(let n of i)o!==n&&(n.checked=!1,n.setAttribute("tabindex","-1"));this.value!==a&&this.updateComplete.then(()=>{this.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0})),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))})};this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("click",this.handleRadioClick)}static get validators(){let r=[Or({validationElement:Object.assign(document.createElement("input"),{required:!0,type:"radio",name:os("__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((a,i)=>{a.appearance==="button"&&(o=!0),a.setAttribute("size",this.size),a.toggleAttribute("data-w-radio-horizontal",this.orientation!=="vertical"),a.toggleAttribute("data-w-radio-vertical",this.orientation==="vertical"),a.toggleAttribute("data-w-radio-first",i===0),a.toggleAttribute("data-w-radio-inner",i!==0&&i!==r.length-1),a.toggleAttribute("data-w-radio-last",i===r.length-1),a.forceDisabled=this.disabled}),this.hasRadioButtons=o,await Promise.all(r.map(async a=>{await a.updateComplete,!a.disabled&&a.value===this.value?a.checked=!0:a.checked=!1})),this.disabled)r.forEach(a=>{a.tabIndex=-1});else{let a=r.filter(n=>!n.disabled),i=a.find(n=>n.checked);a.length>0&&(i?a.forEach(n=>{n.tabIndex=n.checked?0:-1}):a.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 a=this.value,i=(u=o.find(p=>p.checked))!=null?u:o[0],n=r.key===" "?0:["ArrowUp","ArrowLeft"].includes(r.key)?-1:1,l=o.indexOf(i)+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!==a&&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(),a=o.find(l=>l.checked),i=o.find(l=>!l.disabled),n=a||i;n&&n.focus(r)}render(){let r=this.hasUpdated?this.hasSlotController.test("label"):this.withLabel,o=this.hasUpdated?this.hasSlotController.test("hint"):this.withHint,a=this.label?!0:!!r,i=this.hint?!0:!!o;return xm`
-      <fieldset
-        part="form-control"
-        class=${ns({"form-control":!0,"form-control-radio-group":!0,"form-control-has-label":a,"has-radio-buttons":this.hasRadioButtons})}
-        role="radiogroup"
-        aria-labelledby="label"
-        aria-describedby="hint"
-        aria-errormessage="error-message"
-        aria-orientation=${this.orientation}>
-        <label
-          part="form-control-label"
-          id="label"
-          class="label"
-          aria-hidden=${a?"false":"true"}
-          @click=${this.handleLabelClick}>
-          <slot name="label">${this.label}</slot>
-        </label>
-
-        <slot part="form-control-input" @slotchange=${this.syncRadioElements}></slot>
-
-        <slot
-          id="hint"
-          name="hint"
-          part="hint"
-          class=${ns({"has-slotted":i})}
-          aria-hidden=${i?"false":"true"}
-          >${this.hint}</slot
-        >
-      </fieldset>
-    `}};q.css=[as],q.shadowRootOptions={...K.shadowRootOptions,delegatesFocus:!0},s([is()],q.prototype,"hasRadioButtons",2),s([ym("slot:not([name])")],q.prototype,"defaultSlot",2),s([Be()],q.prototype,"label",2),s([Be({attribute:"hint"})],q.prototype,"hint",2),s([Be({reflect:!0})],q.prototype,"name",2),s([Be({type:Boolean,reflect:!0})],q.prototype,"disabled",2),s([Be({reflect:!0})],q.prototype,"orientation",2),s([is()],q.prototype,"value",1),s([Be({attribute:"value",reflect:!0})],q.prototype,"defaultValue",2),s([Be({reflect:!0})],q.prototype,"size",2),s([Be({type:Boolean,reflect:!0})],q.prototype,"required",2),s([Be({type:Boolean,attribute:"with-label"})],q.prototype,"withLabel",2),s([Be({type:Boolean,attribute:"with-hint"})],q.prototype,"withHint",2);customElements.get("w-radio")||(customElements.define("w-radio",ve),customElements.define("w-radio-group",q));import{html as Bm}from"lit";import{property as Ce,query as Pm}from"lit/decorators.js";import{classMap as Rm}from"lit/directives/class-map.js";import{ifDefined as Vm}from"lit/directives/if-defined.js";import{live as us}from"lit/directives/live.js";function Tr(t,e){let r={waitUntilFirstUpdate:!1,...e};return(o,a)=>{let{update:i}=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[a](p,m)}}),i.call(this,l)}}}import{LitElement as km}from"lit";import{unsafeStatic as Em,html as $m}from"lit/static-html.js";var Cm=JSON.parse('{"icon.title.check":["Sjekkmerke"]}'),_m=JSON.parse('{"icon.title.check":["Checkmark"]}'),Sm=JSON.parse('{"icon.title.check":["Valintamerkki"]}'),Lm=JSON.parse('{"icon.title.check":["Flueben"]}'),Om=JSON.parse('{"icon.title.check":["Bock"]}'),ss=["en","nb","fi","da","sv"],ls="en",Tm=()=>{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},cs=()=>{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":ls},Co=t=>ss.find(e=>t===e||t.toLowerCase().includes(e))||cs();function zm(){var t;if(typeof window=="undefined"){let e=Tm();return Co(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=cs();return ss.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),ls}}var Mm=(t,e,r,o,a,i)=>t==="nb"?r:t==="fi"?o:t==="da"?a:t==="sv"?i:e,Nm=(t,e,r,o,a)=>{let i=zm(),n=Mm(i,t,e,r,o,a);c.load(i,n),c.activate(i)};Nm(_m,Cm,Sm,Lm,Om);var Am=class extends km{render(){let t=c.t({message:"Checkmark",id:"icon.title.check",comment:"Title for check icon"});return $m`<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",Am);var ds={};var ps,F=class extends K{constructor(){super(...arguments);this.hasSlotController=new yt(this,"hint");this.title="";this.name="";this._value=(ps=this.getAttribute("value"))!=null?ps:null;this.size="medium";this.disabled=!1;this.indeterminate=!1;this.checked=this.hasAttribute("checked");this.defaultChecked=this.hasAttribute("checked");this.form=null;this.required=!1;this.hint=""}static get validators(){let r=[Or({validationProperty:"checked",validationElement:Object.assign(document.createElement("input"),{type:"checkbox",required:!0})})];return[...super.validators,...r]}get value(){var r;return(r=this._value)!=null?r:"on"}set value(r){this._value=r}handleClick(){this.hasInteracted=!0,this.checked=!this.checked,this.indeterminate=!1,this.updateComplete.then(()=>{this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))})}handleDefaultCheckedChange(){!this.hasInteracted&&this.checked!==this.defaultChecked&&(this.checked=this.defaultChecked,this.handleValueOrCheckedChange())}handleValueOrCheckedChange(){this.setValue(this.checked?this.value:null,this._value),this.updateValidity()}handleStateChange(){this.hasUpdated&&(this.input.checked=this.checked,this.input.indeterminate=this.indeterminate),this.customStates.set("checked",this.checked),this.customStates.set("indeterminate",this.indeterminate),this.updateValidity()}handleDisabledChange(){this.customStates.set("disabled",this.disabled)}willUpdate(r){super.willUpdate(r),r.has("defaultChecked")&&(this.hasInteracted||(this.checked=this.defaultChecked)),(r.has("value")||r.has("checked"))&&this.handleValueOrCheckedChange()}formResetCallback(){this.checked=this.defaultChecked,super.formResetCallback(),this.handleValueOrCheckedChange()}click(){this.input.click()}focus(r){this.input.focus(r)}blur(){this.input.blur()}render(){let r=this.hasSlotController.test("hint"),o=this.hint?!0:!!r,a=!this.checked&&this.indeterminate;return Bm`
-      <label part="base">
-        <span part="control">
-          <input
-            class="input"
-            type="checkbox"
-            title=${this.title}
-            name=${this.name}
-            value=${Vm(this._value)}
-            .indeterminate=${us(this.indeterminate)}
-            .checked=${us(this.checked)}
-            .disabled=${this.disabled}
-            .required=${this.required}
-            aria-checked=${this.checked?"true":"false"}
-            aria-describedby="hint"
-            @click=${this.handleClick} />
-          ${a?"\u2013":""}
-        </span>
-
-        <slot part="label"></slot>
-      </label>
-
-      <slot id="hint" part="hint" name="hint" aria-hidden=${o?"false":"true"} class="${Rm({"has-slotted":o})}">
-        ${this.hint}
-      </slot>
-    `}};F.css=[ds],F.shadowRootOptions={...K.shadowRootOptions,delegatesFocus:!0},s([Pm('input[type="checkbox"]')],F.prototype,"input",2),s([Ce()],F.prototype,"title",2),s([Ce({reflect:!0})],F.prototype,"name",2),s([Ce({reflect:!0})],F.prototype,"value",1),s([Ce({reflect:!0})],F.prototype,"size",2),s([Ce({type:Boolean})],F.prototype,"disabled",2),s([Ce({type:Boolean,reflect:!0})],F.prototype,"indeterminate",2),s([Ce({type:Boolean,attribute:!1})],F.prototype,"checked",2),s([Ce({type:Boolean,reflect:!0,attribute:"checked"})],F.prototype,"defaultChecked",2),s([Ce({reflect:!0})],F.prototype,"form",2),s([Ce({type:Boolean,reflect:!0})],F.prototype,"required",2),s([Ce()],F.prototype,"hint",2),s([Tr("defaultChecked")],F.prototype,"handleDefaultCheckedChange",1),s([Tr(["checked","indeterminate"])],F.prototype,"handleStateChange",1),s([Tr("disabled")],F.prototype,"handleDisabledChange",1);customElements.get("w-checkbox")||customElements.define("w-checkbox",F);import{html as zr,LitElement as Fm}from"lit";import{property as _e}from"lit/decorators.js";import{ifDefined as _o}from"lit/directives/if-defined.js";import{unsafeHTML as jm}from"lit/directives/unsafe-html.js";import{when as So}from"lit/directives/when.js";var ms=JSON.parse('{"select.label.optional":["(valgfrit)"]}');var gs=JSON.parse('{"select.label.optional":["(optional)"]}');var hs=JSON.parse('{"select.label.optional":["(vapaaehtoinen)"]}');var fs=JSON.parse('{"select.label.optional":["(valgfritt)"]}');var bs=JSON.parse('{"select.label.optional":["(valfritt)"]}');import{css as Im}from"lit";var vs=Im`*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.focus\\:\\[--w-outline-offset\\:-2px\\]:focus{--w-outline-offset:-2px}.bg-transparent{background-color:#0000}.appearance-none{-webkit-appearance:none;appearance:none}.border-0{border-width:0}.border-1{border-width:1px}.rounded-4{border-radius:4px}.caret-current{caret-color:currentColor}.opacity-25{opacity:.25}.block,.before\\:block:before{display:block}.before\\:hidden:before{display:none}.focusable:focus{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:focus-visible{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:not(:focus-visible){outline:none}.outline-\\[--w-s-color-border-negative\\]\\!{outline-color:var(--w-s-color-border-negative)!important}.bottom-0{bottom:0}.right-0{right:0}.before\\:bottom-0:before{bottom:0}.before\\:right-0:before{right:0}.top-\\[30\\%\\]{top:30%}.absolute{position:absolute}.relative{position:relative}.static{position:static}.before\\:absolute:before{position:absolute}.s-bg{background-color:var(--w-s-color-background)}.s-bg-disabled-subtle{background-color:var(--w-s-color-background-disabled-subtle)}.s-text{color:var(--w-s-color-text)}.s-text-disabled{color:var(--w-s-color-text-disabled)}.s-text-negative{color:var(--w-s-color-text-negative)}.s-text-subtle{color:var(--w-s-color-text-subtle)}.s-icon{color:var(--w-s-color-icon)}.s-border{border-color:var(--w-s-color-border)}.s-border-disabled{border-color:var(--w-s-color-border-disabled)}.s-border-negative{border-color:var(--w-s-color-border-negative)}.hover\\:s-border-disabled:hover{border-color:var(--w-s-color-border-disabled)}.hover\\:s-border-hover:hover{border-color:var(--w-s-color-border-hover)}.hover\\:s-border-negative-hover:hover{border-color:var(--w-s-color-border-negative-hover)}.active\\:s-border-active:active{border-color:var(--w-s-color-border-active)}.active\\:s-border-disabled:active{border-color:var(--w-s-color-border-disabled)}.h-full{height:100%}.w-32{width:3.2rem}.w-full{width:100%}.before\\:h-full:before{height:100%}.before\\:w-32:before{width:3.2rem}.mb-0{margin-bottom:0}.mt-4{margin-top:.4rem}.py-12{padding-top:1.2rem;padding-bottom:1.2rem}.pb-4{padding-bottom:.4rem}.pl-0{padding-left:0}.pl-8{padding-left:.8rem}.pr-32{padding-right:3.2rem}.cursor-pointer{cursor:pointer}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:grayscale}.font-bold{font-weight:700}.font-normal{font-weight:400}.pointer-events-none,.before\\:pointer-events-none:before{pointer-events:none}.text-m{font-size:var(--w-font-size-m);line-height:var(--w-line-height-m)}.text-s{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s)}.text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs)}`;var He={base:"block text-m mb-0 py-12 pr-32 rounded-4 w-full focusable focus:[--w-outline-offset:-2px] appearance-none cursor-pointer caret-current",default:"s-text s-bg pl-8 border-1 s-border hover:s-border-hover active:s-border-active",disabled:"s-text-disabled s-bg-disabled-subtle pl-8 border-1 s-border-disabled hover:s-border-disabled active:s-border-disabled pointer-events-none",invalid:"s-text s-bg pl-8 border-1 s-border-negative hover:s-border-negative-hover active:s-border-active outline-[--w-s-color-border-negative]!",readOnly:"s-text bg-transparent pl-0 border-0 pointer-events-none before:hidden",wrapper:"relative",selectWrapper:"relative before:block before:absolute before:right-0 before:bottom-0 before:w-32 before:h-full before:pointer-events-none ",chevron:"block absolute top-[30%] right-0 bottom-0 w-32 h-full s-icon pointer-events-none cursor-pointer",chevronDisabled:"opacity-25"},ws={base:"antialiased block relative text-s font-bold pb-4 cursor-pointer s-text",optional:"pl-8 font-normal text-s s-text-subtle"},Lo={base:"text-xs mt-4 block",color:"s-text-subtle",colorInvalid:"s-text-negative"},te,xs,ys,ks,Mr,Nr,ae=class extends Xe(Fm){constructor(){super();Oe(this,te);this._setValue=r=>{this.value=r,this.setValue(r)};I(gs,fs,hs,ms,bs),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 zr`<div class="${He.wrapper}">
-      ${So(this.label,()=>zr`<label class="${ws.base}" for="${R(this,te,Mr)}">
-            ${this.label}
-            ${So(this.optional,()=>zr`<span class="${ws.optional}"
-                  >${c._({id:"select.label.optional",message:"(optional)",comment:"Shown behind label when marked as optional"})}</span
-                >`)}</label
-          >`)}
-      <div class="${He.selectWrapper}">
-        <select
-          class="${R(this,te,xs)}"
-          id="${R(this,te,Mr)}"
-          ?disabled=${this.disabled}
-          aria-describedby="${_o(R(this,te,Nr))}"
-          aria-invalid="${_o(this.invalid)}"
-          aria-errormessage="${_o(this.invalid&&R(this,te,Nr))}"
-          @keydown=${this.handleKeyDown}
-          @change=${this.onChange}>
-          ${jm(this._options)}
-        </select>
-        <div class="${R(this,te,ks)}">
-          <w-icon-chevron-down-16></w-icon-chevron-down-16>
-        </div>
-      </div>
-      ${So(this.always||this.invalid,()=>zr`<div id="${R(this,te,Nr)}" class="${R(this,te,ys)}">${this.hint}</div>`)}
-    </div>`}};te=new WeakSet,xs=function(){return w([He.base,!this.invalid&&!this.disabled&&!this.readOnly&&He.default,this.invalid&&He.invalid,this.disabled&&He.disabled,this.readOnly&&He.readOnly])},ys=function(){return w([Lo.base,this.invalid?Lo.colorInvalid:Lo.color])},ks=function(){return w([He.chevron,this.disabled&&He.chevronDisabled])},Mr=function(){return"select_id"},Nr=function(){return this.hint?`${R(this,te,Mr)}__hint`:void 0},ae.styles=[E,vs],s([_e({attribute:"auto-focus",type:Boolean,reflect:!0})],ae.prototype,"autoFocus",2),s([_e({type:Boolean,reflect:!0})],ae.prototype,"invalid",2),s([_e({type:Boolean,reflect:!0})],ae.prototype,"always",2),s([_e({reflect:!0})],ae.prototype,"hint",2),s([_e({reflect:!0})],ae.prototype,"label",2),s([_e({type:Boolean,reflect:!0})],ae.prototype,"optional",2),s([_e({type:Boolean,reflect:!0})],ae.prototype,"disabled",2),s([_e({attribute:"read-only",type:Boolean,reflect:!0})],ae.prototype,"readOnly",2),s([_e({state:!0})],ae.prototype,"_options",2),s([_e({reflect:!0})],ae.prototype,"name",2),s([_e({reflect:!0})],ae.prototype,"value",2);customElements.get("w-select")||customElements.define("w-select",ae);import{html as Ar,LitElement as $s}from"lit";import{property as Dr,state as qm}from"lit/decorators.js";var Oo=JSON.parse('{"steps.aria.emptyCircle":["Tom cirkel"],"steps.aria.active":["Trinindikator aktiv cirkel"],"steps.aria.completed":["Trinindikator fuldf\xF8rt cirkel"]}');var To=JSON.parse('{"steps.aria.emptyCircle":["Empty circle"],"steps.aria.active":["Step indicator active circle"],"steps.aria.completed":["Step indicator completed circle"]}');var zo=JSON.parse('{"steps.aria.emptyCircle":["Tyhj\xE4 ympyr\xE4"],"steps.aria.active":["Vaiheilmaisin aktiivinen ympyr\xE4"],"steps.aria.completed":["Vaiheilmaisin valmis ympyr\xE4"]}');var Mo=JSON.parse('{"steps.aria.emptyCircle":["Tom sirkel"],"steps.aria.active":["Stegindikator aktiv sirkel"],"steps.aria.completed":["Stegindikator hel sirkel"]}');var No=JSON.parse('{"steps.aria.emptyCircle":["Tom cirkel"],"steps.aria.active":["Stegindikator aktiv cirkel"],"steps.aria.completed":["Stegindikator full\xE4ndad cirkel"]}');import{css as Hm}from"lit";var Ao=Hm`*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.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 Es={wrapper:"w-full",horizontal:"flex"},B={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"},kt=class extends $s{constructor(){super();this.horizontal=!1;this.right=!1;I(To,Mo,zo,Oo,No)}connectedCallback(){super.connectedCallback(),this.updateStepsContext()}updated(){this.updateStepsContext()}updateStepsContext(){let r=this.querySelectorAll("w-step");r.forEach((o,a)=>{o.setContext({horizontal:this.horizontal,right:this.right,isLast:a===r.length-1,isFirst:a===0})})}render(){let r=w([Es.wrapper,this.horizontal&&Es.horizontal]);return Ar`
-      <ul class=${r}>
-        <slot></slot>
-      </ul>
-    `}};kt.styles=[E,Ao],s([Dr({type:Boolean,reflect:!0})],kt.prototype,"horizontal",2),s([Dr({type:Boolean,reflect:!0})],kt.prototype,"right",2);var Do={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"})},ct=class extends $s{constructor(){super();this.active=!1;this.completed=!1;this._context={horizontal:!1,right:!1,isLast:!1,isFirst:!1};I(To,Mo,zo,Oo,No)}setContext(r){this._context=r,this.requestUpdate()}getAriaLabel(){return this.completed?Do.completed:this.active?Do.active:Do.default}render(){let r=!this._context.horizontal,o=!this._context.right,a=this._context.isFirst,i=this._context.isLast,n=w([B.base,r?B.vertical:B.horizontal,r?o?B.alignLeft:B.alignRight:""]),l=w([B.line,B.lineHorizontal,this.active||this.completed?B.lineComplete:B.lineIncomplete,a?"invisible":""]),d=w([B.dot,r?o?"":B.dotAlignRight:B.dotHorizontal,this.active||this.completed?B.dotActive:B.dotIncomplete]),u=w([B.line,r?B.lineVertical:B.lineHorizontal,r&&!o?B.lineAlignRight:"",this.completed?B.lineComplete:B.lineIncomplete,i?"invisible":""]),p=w([B.content,r?B.contentVertical:B.contentHorizontal,i?"pb-0":""]);return Ar`
-      <li class=${n}>
-        ${r?"":Ar`<div class=${l}></div>`}
-        <div class=${d} role="img" aria-label=${this.getAriaLabel()} ${this.active?'aria-current="step"':""}>
-          ${this.completed?Ar`<w-icon-check-16 data-testid="completed-icon"></w-icon-check-16>`:""}
-        </div>
-        <div class=${u}></div>
-        <div class=${p}>
-          <slot></slot>
-        </div>
-      </li>
-    `}};ct.styles=[E,Ao],s([Dr({type:Boolean,reflect:!0})],ct.prototype,"active",2),s([Dr({type:Boolean,reflect:!0})],ct.prototype,"completed",2),s([qm()],ct.prototype,"_context",2);customElements.get("w-steps")||customElements.define("w-steps",kt);customElements.get("w-step")||customElements.define("w-step",ct);import{html as Um,LitElement as Ym}from"lit";import{property as _s}from"lit/decorators.js";import{css as Jm}from"lit";var Cs=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 Pe={base:"block relative h-24 w-44 cursor-pointer group focusable rounded-full",disabled:"pointer-events-none",track:"absolute top-0 left-0 h-full w-full rounded-full transition-colors",trackActive:"s-bg-primary group-hover:s-bg-primary-hover",trackInactive:"bg-[--w-color-switch-track-background] group-hover:bg-[--w-color-switch-track-background-hover]",trackDisabled:"s-bg-disabled-subtle",handle:"absolute transform-gpu h-16 w-16 top-4 left-4 rounded-full transition-transform",handleSelected:"translate-x-20",handleNotDisabled:"s-bg shadow-s",handleDisabled:"s-bg-disabled",a11y:"sr-only"},Et=class extends Ym{constructor(){super(...arguments);this.value=!1;this.disabled=!1}get _baseClasses(){return w([Pe.base,this.disabled&&Pe.disabled])}get _trackClasses(){return w([Pe.track,this.disabled&&Pe.trackDisabled,!this.disabled&&(this.value?Pe.trackActive:Pe.trackInactive)])}get _handleClasses(){return w([Pe.handle,this.value&&Pe.handleSelected,this.disabled?Pe.handleDisabled:Pe.handleNotDisabled])}_handleClick(){this.disabled||(this.value=!this.value,this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value},bubbles:!0,composed:!0})))}render(){return Um`
-      <div>
-        <button
-          type="button"
-          role="switch"
-          aria-checked=${this.value}
-          class=${this._baseClasses}
-          aria-disabled=${this.disabled}
-          ?disabled=${this.disabled}
-          @click=${this._handleClick}>
-          <span data-testid="track" class=${this._trackClasses}></span>
-          <span data-testid="handle" class=${this._handleClasses}></span>
-        </button>
-      </div>
-    `}};Et.styles=[E,Cs],s([_s({type:Boolean,reflect:!0})],Et.prototype,"value",2),s([_s({type:Boolean,reflect:!0})],Et.prototype,"disabled",2);customElements.get("w-switch")||customElements.define("w-switch",Et);import{LitElement as Qm,html as Bo}from"lit";import Zm from"@warp-ds/elements-core";import{property as J}from"lit/decorators.js";import{ifDefined as we}from"lit/directives/if-defined.js";import{css as Xm}from"lit";var Ss=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 Ge={wrapper:"relative",base:"block text-m leading-m mb-0 px-8 py-12 rounded-4 w-full focusable focus:[--w-outline-offset:-2px] caret-current",default:"border-1 s-text s-bg s-border hover:s-border-hover active:s-border-selected",disabled:"border-1 s-text-disabled s-bg-disabled-subtle s-border-disabled pointer-events-none",invalid:"border-1 s-text-negative s-bg s-border-negative hover:s-border-negative-hover outline-[--w-s-color-border-negative]!",readOnly:"pl-0 bg-transparent pointer-events-none",placeholder:"placeholder:s-text-placeholder",suffix:"pr-40",prefix:"pl-[var(--w-prefix-width,_40px)]",textArea:"min-h-[42] sm:min-h-[45]"},Km={base:"antialiased block relative text-s font-bold pb-4 cursor-pointer s-text",optional:"pl-8 font-normal text-s s-text-subtle"},Po={base:"text-xs mt-4 block",color:"s-text-subtle",colorInvalid:"s-text-negative"},D=class extends Xe(Qm){constructor(){super(...arguments);this.type="text";this._hasPrefix=!1;this._hasSuffix=!1}updated(r){r.has("value")&&this.setValue(this.value)}get _inputstyles(){return w([Ge.base,this._hasSuffix&&Ge.suffix,this._hasPrefix&&Ge.prefix,!this.invalid&&!this.disabled&&!this.readOnly&&Ge.default,this.invalid&&!this.disabled&&!this.readOnly&&Ge.invalid,!this.invalid&&this.disabled&&!this.readOnly&&Ge.disabled,!this.invalid&&!this.disabled&&this.readOnly&&Ge.readOnly])}get _helptextstyles(){return w([Po.base,this.invalid?Po.colorInvalid:Po.color])}get _label(){if(this.label)return Bo`<label for="${this._id}" class=${Km.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:a}=r.currentTarget;this.setValue(a);let i=new CustomEvent(r.type,{detail:{name:o,value:a,target:r.target}});this.dispatchEvent(i)}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 Bo`
-      ${this._label}
-      <div class="${Ge.wrapper}">
-        <slot @slotchange="${this.prefixSlotChange}" name="prefix"></slot>
-        <input
-          class="${this._inputstyles}"
-          type="${this.type}"
-          min="${we(this.min)}"
-          max="${we(this.max)}"
-          size="${we(this.size)}"
-          minlength="${we(this.minLength)}"
-          maxlength="${we(this.maxLength)}"
-          name="${we(this.name)}"
-          pattern="${we(this.pattern)}"
-          placeholder="${we(this.placeholder)}"
-          value="${we(this.value)}"
-          aria-describedby="${we(this._helpId)}"
-          aria-errormessage="${we(this._error)}"
-          aria-invalid="${we(this.invalid)}"
-          id="${this._id}"
-          ?disabled="${this.disabled}"
-          ?readonly="${this.readOnly}"
-          ?required="${this.required}"
-          @blur="${this.handler}"
-          @change="${this.handler}"
-          @focus="${this.handler}" />
-        <slot @slotchange="${this.suffixSlotChange}" name="suffix"></slot>
-      </div>
-      ${this.helpText&&Bo`<div class="${this._helptextstyles}" id="${this._helpId}">${this.helpText}</div>`}
-    `}};D.shadowRootOptions={...Zm.shadowRootOptions,delegatesFocus:!0},D.styles=[E,Ss],s([J({type:Boolean,reflect:!0})],D.prototype,"disabled",2),s([J({type:Boolean,reflect:!0})],D.prototype,"invalid",2),s([J({type:String,reflect:!0})],D.prototype,"id",2),s([J({type:String,reflect:!0})],D.prototype,"label",2),s([J({type:String,reflect:!0,attribute:"help-text"})],D.prototype,"helpText",2),s([J({type:String,reflect:!0})],D.prototype,"size",2),s([J({type:Number,reflect:!0})],D.prototype,"max",2),s([J({type:Number,reflect:!0})],D.prototype,"min",2),s([J({type:Number,reflect:!0,attribute:"min-length"})],D.prototype,"minLength",2),s([J({type:Number,reflect:!0,attribute:"max-length"})],D.prototype,"maxLength",2),s([J({type:String,reflect:!0})],D.prototype,"pattern",2),s([J({type:String,reflect:!0})],D.prototype,"placeholder",2),s([J({type:Boolean,reflect:!0,attribute:"read-only"})],D.prototype,"readOnly",2),s([J({type:Boolean,reflect:!0})],D.prototype,"required",2),s([J({type:String,reflect:!0})],D.prototype,"type",2),s([J({type:String,reflect:!0})],D.prototype,"value",2),s([J({type:String,reflect:!0})],D.prototype,"name",2),s([J({type:Boolean})],D.prototype,"_hasPrefix",2),s([J({type:Boolean})],D.prototype,"_hasSuffix",2);customElements.get("w-textfield")||customElements.define("w-textfield",D);var Br=typeof window!="undefined";function Ro(){return customElements.get("w-toast-container")}function Qk(t,e){if(!Br)return;let r=Ro().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 Zk(t){return Br?Ro().init().del(t):void 0}function Kk(t,e){if(!Br)return;let r=Ro().init();return r.set({...r.get(t),...e}),r.get(t)}import{css as Wm,html as Ls,LitElement as eg}from"lit";import{state as tg}from"lit/decorators.js";import{repeat as rg}from"lit/directives/repeat.js";import{css as Gm}from"lit";var Pr=Gm`*,: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-transparent{background-color:#0000}.border-2{border-width:2px}.rounded-8{border-radius:8px}.rounded-full{border-radius:9999px}.block{display:block}.flex{display:flex}.grid{display:grid}.shrink-0{flex-shrink:0}.auto-rows-auto{grid-auto-rows:auto}.overflow-hidden{overflow:hidden}.self-center{align-self:center}.bottom-16{bottom:1.6rem}.left-0{left:0}.right-0{right:0}.justify-center{justify-content:center}.justify-items-center{justify-items:center}.fixed{position:fixed}.relative{position:relative}.static{position:static}.z-50{z-index:50}.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{color:var(--w-s-color-icon)}.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)}.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-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)}.w-full{width:100%}.h-\\[16px\\]{height:16px}.w-\\[16px\\]{width:16px}.mx-8{margin-left:.8rem;margin-right:.8rem}.mx-auto{margin-left:auto;margin-right:auto}.last-child\\:mb-0>:last-child{margin-bottom:0}.ml-auto{margin-left:auto}.mr-8{margin-right:.8rem}.mt-16{margin-top:1.6rem}.m-\\[8px\\]{margin:8px}.p-8{padding:.8rem}.py-4{padding-top:.4rem;padding-bottom:.4rem}.p-\\[8px\\]{padding:8px}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.translate-z-0{--w-translate-z:0rem;transform:translateX(var(--w-translate-x))translateY(var(--w-translate-y))translateZ(var(--w-translate-z))rotate(var(--w-rotate))rotateX(var(--w-rotate-x))rotateY(var(--w-rotate-y))rotateZ(var(--w-rotate-z))skewX(var(--w-skew-x))skewY(var(--w-skew-y))scaleX(var(--w-scale-x))scaleY(var(--w-scale-y))scaleZ(var(--w-scale-z))}.transform{transform:translateX(var(--w-translate-x))translateY(var(--w-translate-y))translateZ(var(--w-translate-z))rotate(var(--w-rotate))rotateX(var(--w-rotate-x))rotateY(var(--w-rotate-y))rotateZ(var(--w-rotate-z))skewX(var(--w-skew-x))skewY(var(--w-skew-y))scaleX(var(--w-scale-x))scaleY(var(--w-scale-y))scaleZ(var(--w-scale-z))}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width:480px){.sm\\:mx-16{margin-left:1.6rem;margin-right:1.6rem}}`;var Vo={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"},Jt=class extends eg{constructor(){super(...arguments);this._toasts=new Map}connectedCallback(){super.connectedCallback(),this._interval=setInterval(()=>{let r=[],o=[];for(let i of this._toasts)Date.now()<=i[1].duration?r.push(i):o.push(i);let a=[];for(let[i]of o){let n=this.renderRoot.querySelector(`#${i}`);a.push(n.collapse())}Promise.all(a).then(()=>{r.length!==this._toasts.size&&(this._toasts=new Map(r))})},500)}disconnectedCallback(){super.disconnectedCallback(),this._interval&&clearTimeout(this._interval)}static init(){let r=document.querySelector("w-toast-container");return r||(r=document.createElement("w-toast-container"),document.body.appendChild(r)),r}get _toastsArray(){return Array.from(this._toasts).map(([,r])=>r)}get(r){if(!r)throw new Error('undefined "id" given when attempting to retrieve toast');if(typeof r!="string"&&!Number.isInteger(r))throw new Error('"id" must be number or string when attempting to retrieve toast');return this._toasts.get(r)}set(r){var a,i,n;if(!r.id)throw new Error('invalid or undefined "id" on toast object');let o=this._toasts.set(r.id,{id:r.id,type:(a=r.type)!=null?a:"success",text:(i=r.text)!=null?i:"",canclose:(n=r.canclose)!=null?n:!1,duration:Date.now()+(r.duration||5e3)});return this._toasts=new Map(Array.from(this._toasts)),o}async del(r){if(!r)throw new Error('undefined "id" given when attempting to retrieve toast');if(typeof r!="string"&&!Number.isInteger(r))throw new Error('"id" must be number or string when attempting to retrieve toast');let o=this.renderRoot.querySelector(`#${r}`);if(!this._toasts.has(r))return!1;await o.collapse();let a=this._toasts.delete(r);return this._toasts=new Map(Array.from(this._toasts)),a}render(){return Ls`
-      <aside class="${Vo.wrapper}">
-        <div class="${Vo.base}" id="w-toast-container-list">
-          ${rg(this._toastsArray,r=>r.id,r=>Ls` <w-toast
-                class="${Vo.content}"
-                id="${r.id}"
-                type="${r.type}"
-                text="${r.text}"
-                ?canclose=${r.canclose}
-                @close=${()=>this.del(r.id)}>
-              </w-toast>`)}
-        </div>
-      </aside>
-    `}};Jt.styles=[E,Pr,Wm`
-      :host {
-        display: block;
-      }
-    `],s([tg()],Jt.prototype,"_toasts",2);customElements.get("w-toast-container")||customElements.define("w-toast-container",Jt);import{css as ig,html as $t,LitElement as ng}from"lit";var Io=typeof window!="undefined",Os=!0;if(Io){let t=window.matchMedia("(prefers-reduced-motion: reduce)"),e=({matches:r})=>Os=!r;t.addEventListener&&t.addEventListener("change",e),e(t)}var Ts=t=>{t.style.transition=null,t.style.backfaceVisibility=null,t.style.overflow=null},zs=t=>{let e=Os?"var(--f-expansion-duration, 0.3s)":"0.01s";t.style.transition=`height ${e}`,t.style.backfaceVisibility="hidden",t.style.overflow="hidden"},og=(t,e)=>()=>{t.style.height="auto",t.style.overflow=null,e&&e()},ag=t=>()=>{t&&t()},Rr=(t,e)=>{let r=(()=>{if(!e)return new Promise(i=>{e=i})})(),o=og(t,e);Ts(t),t.style.height="auto";let a=t.scrollHeight;if(Io&&requestAnimationFrame(()=>{t.addEventListener("transitionend",o,{once:!0}),t.style.height="0px",t.style.transitionTimingFunction="ease-out",zs(t),requestAnimationFrame(()=>t.style.height=a+"px")}),r)return r},Vr=(t,e)=>{let r=(()=>{if(!e)return new Promise(i=>{e=i})})(),o=ag(e);Ts(t);let a=t.scrollHeight;if(Io&&requestAnimationFrame(()=>{t.addEventListener("transitionend",o,{once:!0}),t.style.height=a+"px",t.style.transitionTimingFunction="ease-in",zs(t),requestAnimationFrame(()=>t.style.height="0px")}),r)return r};import{property as Ir,state as sg}from"lit/decorators.js";import{when as lg}from"lit/directives/when.js";var Ms=JSON.parse('{"toast.aria.error":["Fejl"],"toast.aria.successful":["Fuldf\xF8rt"],"toast.aria.warning":["Advarsel"]}');var Ns=JSON.parse('{"toast.aria.error":["Error"],"toast.aria.successful":["Successful"],"toast.aria.warning":["Warning"]}');var As=JSON.parse('{"toast.aria.error":["Virhe"],"toast.aria.successful":["Onnistui"],"toast.aria.warning":["Varoitus"]}');var Ds=JSON.parse('{"toast.aria.error":["Feil"],"toast.aria.successful":["Vellykket"],"toast.aria.warning":["Advarsel"]}');var Bs=JSON.parse('{"toast.aria.error":["Fel"],"toast.aria.successful":["Genomf\xF6rt"],"toast.aria.warning":["Varning"]}');var Se={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"},Ct,Ps,Rs,qe=class extends ng{constructor(){super();Oe(this,Ct);this.id=Date.now().toString(36)+Math.random().toString(36).slice(2,5);this.type="success";this.text="";this.canclose=!1;this._expanded=!1;I(Ns,Ds,As,Ms,Bs)}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}updated(){!this._expanded&&this._wrapper&&Rr(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==="warning"}get _error(){return this.type==="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?$t`<w-icon-warning-16></w-icon-warning-16>`:this._error?$t`<w-icon-error-16></w-icon-error-16>`:$t`<w-icon-success-16></w-icon-success-16>`}async collapse(){return new Promise(r=>{this._expanded&&this._wrapper?Vr(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?$t` <section class="${Se.wrapper}" aria-label="${this._typeLabel}">
-      <div class="${R(this,Ct,Ps)}">
-        <div class="${R(this,Ct,Rs)}">${this._iconMarkup}</div>
-        <div role="${this._role}" class="${Se.content}">
-          <p>${this.text}</p>
-        </div>
-        ${lg(this.canclose===!0,()=>$t`
-            <button class="${Se.close}" @click="${this.close}">
-              <w-icon-close-16></w-icon-close-16>
-            </button>
-          `)}
-      </div>
-    </section>`:$t``}};Ct=new WeakSet,Ps=function(){return w([Se.base,this.type==="success"&&Se.positive,this.type==="warning"&&Se.warning,this.type==="error"&&Se.negative])},Rs=function(){return w([Se.iconBase,this.type==="success"&&Se.iconPositive,this.type==="warning"&&Se.iconWarning,this.type==="error"&&Se.iconNegative])},qe.styles=[E,Pr,ig`
-      :host {
-        display: block;
-      }
-    `],s([Ir({type:String,attribute:!0,reflect:!0})],qe.prototype,"id",2),s([Ir({type:String,attribute:!0,reflect:!0})],qe.prototype,"type",2),s([Ir({type:String,attribute:!0,reflect:!0})],qe.prototype,"text",2),s([Ir({type:Boolean,attribute:!0,reflect:!0})],qe.prototype,"canclose",2),s([sg()],qe.prototype,"_expanded",2);customElements.get("w-toast")||customElements.define("w-toast",qe);import{css as cg,html as Fo}from"lit";import Vs from"@warp-ds/elements-core";import{ifDefined as dg}from"lit/directives/if-defined.js";var Ut=class extends Vs{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&&Rr(this._wrapper),!this.show&&!this._removeElement&&Vr(this._wrapper,()=>this._removeElement=!0)}}get _wrapper(){return this!=null?this:null}render(){return Fo`<div aria-hidden=${dg(this.show?void 0:"true")}>${this._removeElement?Fo``:Fo`<slot></slot>`}</div>`}};Le(Ut,"properties",{show:{type:Boolean,reflect:!0},_removeElement:{type:Boolean,state:!0}}),Le(Ut,"styles",[Vs.styles,cg`
-      :host {
-        display: block;
-      }
-    `]);customElements.get("w-expand-transition")||customElements.define("w-expand-transition",Ut);import{html as ug}from"lit";import Is from"@warp-ds/elements-core";import{unsafeHTML as pg}from"lit/directives/unsafe-html.js";var Yt=class extends Is{get _markup(){return`<h${this.level}
-    style="margin: 0; font-weight: unset; font-size: unset; line-height: unset;"
-  >
-    <slot></slot>
-  </h${this.level}>
-`}render(){return this.level?pg(this._markup):ug`<slot></slot>`}};Le(Yt,"properties",{level:{type:Number}}),Le(Yt,"styles",[Is.styles]);customElements.get("w-unstyled-heading")||customElements.define("w-unstyled-heading",Yt);export{Ut as ExpandTransition,Rt as ModalCanCloseMixin,Vt as ModalProvidesCanCloseToSlotsMixin,Yt as UnstyledHeading,Ue as WarpAffix,tt as WarpAlert,Z as WarpAttention,ft as WarpBadge,je as WarpBox,Pt as WarpBreadcrumbs,X as WarpButton,st as WarpCard,Ze as WarpDeadToggle,oe as WarpExpandable,$e as WarpModal,It as WarpModalFooter,Ae as WarpModalHeader,vt as WarpPageIndicator,Ke as WarpPagination,De as WarpPill,ae as WarpSelect,ct as WarpStep,kt as WarpSteps,Et as WarpSwitch,D as WarpTextField,qe as WarpToast,Jt as WarpToastContainer,ht as ccAttention,Vu as ccBox,bt as ccBreadcrumbs,_ as ccButton,Me as ccCard,ee as ccExpandable,Hl as ccPrefix,He as ccSelect,jl as ccSuffix,Ge as ccinput,de as pillStyles,Zk as removeToast,Qk as toast,Kk as updateToast};
-//# sourceMappingURL=index.js.map