@warp-ds/elements 2.10.1-next.1 → 2.11.0-next.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/custom-elements.json +9 -5
- package/dist/docs/card/api.md +0 -8
- package/dist/docs/card/card.md +56 -11
- package/dist/docs/card/styling.md +51 -0
- package/dist/docs/card/usage.md +4 -2
- package/dist/docs/index.md +1 -1
- package/dist/index.d.ts +2 -8
- package/dist/packages/card/card.d.ts +2 -9
- package/dist/packages/card/card.js +151 -20
- package/dist/packages/card/card.js.map +4 -4
- package/dist/packages/card/card.react.stories.d.ts +1 -1
- package/dist/packages/card/card.stories.d.ts +1 -0
- package/dist/packages/card/card.stories.js +44 -1
- package/dist/packages/card/styles.js +132 -2
- package/dist/web-types.json +3 -4
- package/eik/index.js +9 -9
- package/package.json +1 -1
package/eik/index.js
CHANGED
|
@@ -55,42 +55,42 @@ const Te={attribute:!0,type:String,converter:B,reflect:!1,hasChanged:H},Re=(e,t,
|
|
|
55
55
|
* @license
|
|
56
56
|
* Copyright 2018 Google LLC
|
|
57
57
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
58
|
-
*/function Ze(){if("undefined"==typeof window){const e=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return Ke(e)}try{const e=ot(document);if(e)return Ke(e);const t=function(){try{return window.frameElement?.getAttribute?.("lang")??""}catch{return""}}();if(t)return Ke(t);const r=ot(rt());return r?Ke(r):Je}catch(e){return console.warn("could not detect locale, falling back to source locale",e),Je}}const Qe=(e,t,r,o,n)=>{y.load("en",e),y.load("nb",t),y.load("fi",r),y.load("da",o),y.load("sv",n);const a=Ze();y.activate(a),et(),function(){if(tt)return;if("undefined"==typeof window)return;if(!document?.documentElement)return;tt=!0;const e=()=>{const e=Ze();y.locale!==e&&(y.activate(e),et())},t=new MutationObserver(t=>{for(const r of t)if("attributes"===r.type&&"lang"===r.attributeName){e();break}});t.observe(document.documentElement,{attributes:!0,attributeFilter:["lang"]});const r=rt();r&&r.documentElement&&r!==document&&t.observe(r.documentElement,{attributes:!0,attributeFilter:["lang"]});const o=function(){try{return window.frameElement??null}catch{return null}}();o&&t.observe(o,{attributes:!0,attributeFilter:["lang"]})}()},Ge="warp-i18n-change";function et(){"undefined"!=typeof window&&window.dispatchEvent(new Event(Ge))}let tt=!1;function rt(){try{return window.parent?.document??null}catch{return null}}function ot(e){try{return e?.documentElement?.lang??""}catch{return""}}const nt=D`*,: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]){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:-.25em}sup{top:-.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:.01em 0 0}body:not(:-moz-handler-blocked) fieldset{display:table-cell}svg{pointer-events:none}`;A('*, :before, :after {\n --w-rotate: 0;\n --w-rotate-x: 0;\n --w-rotate-y: 0;\n --w-rotate-z: 0;\n --w-scale-x: 1;\n --w-scale-y: 1;\n --w-scale-z: 1;\n --w-skew-x: 0;\n --w-skew-y: 0;\n --w-translate-x: 0;\n --w-translate-y: 0;\n --w-translate-z: 0\n }\n\n .h4, .t4 {\n font-weight: 700;\n font-size: var(--w-font-size-m);\n line-height: var(--w-line-height-m)\n }\n\n .t3 {\n font-weight: 700;\n font-size: var(--w-font-size-l);\n line-height: var(--w-line-height-l)\n }\n\n @media (min-width: 480px) {\n .sm\\:h3 {\n font-weight: 700;\n font-size: var(--w-font-size-l);\n line-height: var(--w-line-height-l)\n }\n }\n\n .text-center {\n text-align: center\n }\n\n .before\\:text-center:before {\n text-align: center\n }\n\n .text-left {\n text-align: left\n }\n\n .text-right {\n text-align: right\n }\n\n .align-middle {\n vertical-align: middle\n }\n\n .animate-inprogress {\n 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;\n background-size: 30px 30px;\n animation: animate-inprogress 3s linear infinite\n }\n\n @keyframes animate-inprogress {\n 0% {\n background-position: 0 0\n }\n to {\n background-position: 60px 0\n }\n }\n\n .\\[--w-modal-max-height\\:80\\%\\] {\n --w-modal-max-height: 80%\n }\n\n .\\[--w-modal-width\\:640px\\] {\n --w-modal-width: 640px\n }\n\n .focus\\:\\[--w-outline-offset\\:-2px\\]:focus {\n --w-outline-offset: -2px\n }\n\n .backdrop-blur {\n -webkit-backdrop-filter: blur(4px);\n backdrop-filter: blur(4px)\n }\n\n .peer:checked ~ .peer-checked\\:before\\:bg-center:before {\n background-position: center\n }\n\n .hover\\:bg-clip-padding:hover {\n -webkit-background-clip: padding-box;\n background-clip: padding-box\n }\n\n .bg-transparent, .group\\/steph:first-child .group-first\\/steph\\:bg-transparent, .group\\/steph:last-child .group-last\\/steph\\:bg-transparent {\n background-color: transparent\n }\n\n .bg-\\[--w-black\\/25\\] {\n background-color: rgba(var(--w-rgb-black), .25)\n }\n\n .bg-\\[--w-black\\/70\\], .bg-\\[var\\(--w-black\\)\\/70\\] {\n background-color: rgba(var(--w-rgb-black), .7)\n }\n\n .bg-\\[--w-color-badge-info-background\\] {\n background-color: var(--w-color-badge-info-background)\n }\n\n .bg-\\[--w-color-badge-negative-background\\] {\n background-color: var(--w-color-badge-negative-background)\n }\n\n .bg-\\[--w-color-badge-neutral-background\\] {\n background-color: var(--w-color-badge-neutral-background)\n }\n\n .bg-\\[--w-color-badge-positive-background\\] {\n background-color: var(--w-color-badge-positive-background)\n }\n\n .bg-\\[--w-color-badge-sponsored-background\\] {\n background-color: var(--w-color-badge-sponsored-background)\n }\n\n .bg-\\[--w-color-badge-warning-background\\] {\n background-color: var(--w-color-badge-warning-background)\n }\n\n .bg-\\[--w-color-button-primary-background\\] {\n background-color: var(--w-color-button-primary-background)\n }\n\n .bg-\\[--w-color-buttongroup-utility-background-selected\\] {\n background-color: var(--w-color-buttongroup-utility-background-selected)\n }\n\n .bg-\\[--w-color-callout-background\\] {\n background-color: var(--w-color-callout-background)\n }\n\n .bg-\\[--w-color-pill-suggestion-background\\] {\n background-color: var(--w-color-pill-suggestion-background)\n }\n\n .bg-\\[--w-color-switch-track-background\\] {\n background-color: var(--w-color-switch-track-background)\n }\n\n .bg-\\[--w-s-color-surface-elevated-100\\] {\n background-color: var(--w-s-color-surface-elevated-100)\n }\n\n .bg-\\[--w-s-color-surface-elevated-300\\] {\n background-color: var(--w-s-color-surface-elevated-300)\n }\n\n .bg-\\[--w-s-icon-selected\\] {\n background-color: var(--w-s-icon-selected)\n }\n\n .group:hover .group-hover\\:bg-\\[--w-color-switch-track-background-hover\\] {\n background-color: var(--w-color-switch-track-background-hover)\n }\n\n .hover\\:bg-\\[--w-color-button-pill-background-hover\\]:hover {\n background-color: var(--w-color-button-pill-background-hover)\n }\n\n .hover\\:bg-\\[--w-color-button-primary-background-hover\\]:hover {\n background-color: var(--w-color-button-primary-background-hover)\n }\n\n .hover\\:bg-\\[--w-color-buttongroup-utility-background-hover\\]:hover {\n background-color: var(--w-color-buttongroup-utility-background-hover)\n }\n\n .hover\\:bg-\\[--w-color-pill-suggestion-background-hover\\]:hover {\n background-color: var(--w-color-pill-suggestion-background-hover)\n }\n\n .hover\\:bg-\\[--w-s-icon-subtle\\]:hover {\n background-color: var(--w-s-icon-subtle)\n }\n\n .hover\\:bg-\\[var\\(--w-black\\)\\/85\\]:hover {\n background-color: rgba(var(--w-rgb-black), .85)\n }\n\n .active\\:bg-\\[--w-color-button-pill-background-active\\]:active {\n background-color: var(--w-color-button-pill-background-active)\n }\n\n .active\\:bg-\\[--w-color-button-primary-background-active\\]:active {\n background-color: var(--w-color-button-primary-background-active)\n }\n\n .active\\:bg-\\[--w-color-buttongroup-utility-background-selected\\]:active {\n background-color: var(--w-color-buttongroup-utility-background-selected)\n }\n\n .active\\:bg-\\[--w-color-pill-suggestion-background-active\\]:active {\n background-color: var(--w-color-pill-suggestion-background-active)\n }\n\n .active\\:bg-\\[var\\(--w-black\\)\\]:active {\n background-color: var(--w-black)\n }\n\n .peer:checked ~ .peer-checked\\:before\\:bg-\\[url\\(var\\(--w-icon-toggle-checked\\)\\)\\]:before {\n background-image: var(--w-icon-toggle-checked)\n }\n\n .appearance-none {\n -moz-appearance: none;\n appearance: none;\n -webkit-appearance: none\n }\n\n .will-change-height {\n will-change: height\n }\n\n .border, .border-1 {\n border-width: 1px\n }\n\n .border-b {\n border-bottom-width: 1px\n }\n\n .before\\:border:before {\n border-width: 1px\n }\n\n .border-0 {\n border-width: 0\n }\n\n .border-2 {\n border-width: 2px\n }\n\n .border-b-0 {\n border-bottom-width: 0\n }\n\n .border-b-4 {\n border-bottom-width: 4px\n }\n\n .border-l-4 {\n border-left-width: 4px\n }\n\n .border-r-0, .group:not(:last-of-type) .group-not-last-of-type\\:border-r-0 {\n border-right-width: 0\n }\n\n .peer:checked ~ .peer-checked\\:before\\:border-\\[6\\]:before {\n border-width: .6rem\n }\n\n .border-transparent {\n border-color: transparent\n }\n\n .border-\\[--w-color-buttongroup-utility-border\\] {\n border-color: var(--w-color-buttongroup-utility-border)\n }\n\n .border-\\[--w-color-callout-border\\] {\n border-color: var(--w-color-callout-border)\n }\n\n .border-\\[--w-s-color-background-inverted\\] {\n border-color: var(--w-s-color-background-inverted)\n }\n\n .border-\\[--w-s-color-surface-elevated-300\\] {\n border-color: var(--w-s-color-surface-elevated-300)\n }\n\n .active\\:border-\\[--w-color-buttongroup-utility-border-selected\\]:active {\n border-color: var(--w-color-buttongroup-utility-border-selected)\n }\n\n .divide-x > * + * {\n --w-divide-x-reverse: 0;\n border-left-width: calc(1px * calc(1 - var(--w-divide-x-reverse)));\n border-right-width: calc(1px * var(--w-divide-x-reverse))\n }\n\n .divide-y > * + * {\n --w-divide-y-reverse: 0;\n border-top-width: calc(1px * calc(1 - var(--w-divide-y-reverse)));\n border-bottom-width: calc(1px * var(--w-divide-y-reverse))\n }\n\n .rounded-4 {\n border-radius: 4px\n }\n\n .rounded-8 {\n border-radius: 8px\n }\n\n .rounded-full {\n border-radius: 9999px\n }\n\n .before\\:rounded-2:before {\n border-radius: 2px\n }\n\n .before\\:rounded-full:before {\n border-radius: 9999px\n }\n\n .rounded-b-0 {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0\n }\n\n .rounded-bl-0 {\n border-bottom-left-radius: 0\n }\n\n .rounded-br-0 {\n border-bottom-right-radius: 0\n }\n\n .rounded-l-0 {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0\n }\n\n .rounded-l-full {\n border-top-left-radius: 9999px;\n border-bottom-left-radius: 9999px\n }\n\n .rounded-r-0 {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0\n }\n\n .rounded-r-full {\n border-top-right-radius: 9999px;\n border-bottom-right-radius: 9999px\n }\n\n .rounded-tl-0 {\n border-top-left-radius: 0\n }\n\n .rounded-tl-4 {\n border-top-left-radius: 4px\n }\n\n .rounded-tr-0 {\n border-top-right-radius: 0\n }\n\n .group:first-of-type .group-first-of-type\\:rounded-bl-8 {\n border-bottom-left-radius: 8px\n }\n\n .group:first-of-type .group-first-of-type\\:rounded-tl-8 {\n border-top-left-radius: 8px\n }\n\n .first\\:rounded-lb-4:first-child {\n border-bottom-left-radius: 4px\n }\n\n .first\\:rounded-lt-4:first-child {\n border-top-left-radius: 4px\n }\n\n .first\\:rounded-rt-4:first-child {\n border-top-right-radius: 4px\n }\n\n .group:last-of-type .group-last-of-type\\:rounded-br-8 {\n border-bottom-right-radius: 8px\n }\n\n .group:last-of-type .group-last-of-type\\:rounded-tr-8 {\n border-top-right-radius: 8px\n }\n\n .last\\:rounded-lb-4:last-child {\n border-bottom-left-radius: 4px\n }\n\n .last\\:rounded-rb-4:last-child {\n border-bottom-right-radius: 4px\n }\n\n .last\\:rounded-rt-4:last-child {\n border-top-right-radius: 4px\n }\n\n .caret-current {\n caret-color: currentColor\n }\n\n .opacity-25 {\n opacity: 25%\n }\n\n .block {\n display: block\n }\n\n .before\\:block:before {\n display: block\n }\n\n .inline-block {\n display: inline-block\n }\n\n .inline {\n display: inline\n }\n\n .flex, .open\\:flex[open] {\n display: flex\n }\n\n .inline-flex {\n display: inline-flex\n }\n\n .grid {\n display: grid\n }\n\n .inline-grid {\n display: inline-grid\n }\n\n .hidden, .group\\/stepv:last-child .group-last\\/stepv\\:hidden {\n display: none\n }\n\n .before\\:hidden:before {\n display: none\n }\n\n .hover\\:underline:hover {\n text-decoration-line: underline\n }\n\n .focus\\:underline:focus {\n text-decoration-line: underline\n }\n\n .focus-visible\\:underline:focus-visible {\n text-decoration-line: underline\n }\n\n .active\\:underline:active {\n text-decoration-line: underline\n }\n\n .hover\\:no-underline:hover {\n text-decoration: none\n }\n\n .focus\\:no-underline:focus {\n text-decoration: none\n }\n\n .active\\:no-underline:active {\n text-decoration: none\n }\n\n .flex-1 {\n flex: 1 1 0%\n }\n\n .shrink {\n flex-shrink: 1\n }\n\n .shrink-0 {\n flex-shrink: 0\n }\n\n .shrink-0\\! {\n flex-shrink: 0 !important\n }\n\n .grow, .grow-1 {\n flex-grow: 1\n }\n\n .basis-auto {\n flex-basis: auto\n }\n\n .flex-col {\n flex-direction: column\n }\n\n .focus-within\\:focusable:focus-within {\n outline: 2px solid var(--w-s-color-border-focus);\n outline-offset: var(--w-outline-offset, 1px)\n }\n\n .focusable:focus, .focusable:focus-visible {\n outline: 2px solid var(--w-s-color-border-focus);\n outline-offset: var(--w-outline-offset, 1px)\n }\n\n .focusable:not(:focus-visible) {\n outline: none\n }\n\n .peer:focus ~ .peer-focus\\:focusable, .peer:focus-visible ~ .peer-focus\\:focusable {\n outline: 2px solid var(--w-s-color-border-focus);\n outline-offset: var(--w-outline-offset, 1px)\n }\n\n .peer:not(:focus-visible) ~ .peer-focus\\:focusable {\n outline: none\n }\n\n .focusable-inset {\n --w-outline-offset: -3px\n }\n\n .gap-12 {\n gap: 1.2rem\n }\n\n .gap-8 {\n gap: .8rem\n }\n\n .gap-x-16 {\n column-gap: 1.6rem\n }\n\n .gap-y-16 {\n row-gap: 1.6rem\n }\n\n .row-span-2 {\n grid-row: span 2/span 2\n }\n\n .col-span-2 {\n grid-column: span 2/span 2\n }\n\n .col-span-3 {\n grid-column: span 3/span 3\n }\n\n .row-start-1 {\n grid-row-start: 1\n }\n\n .row-start-2 {\n grid-row-start: 2\n }\n\n .col-start-2 {\n grid-column-start: 2\n }\n\n .auto-rows-auto {\n grid-auto-rows: auto\n }\n\n .grid-flow-col {\n grid-auto-flow: column\n }\n\n .grid-rows-\\[20px_auto\\] {\n grid-template-rows:20px auto\n }\n\n .grid-rows-\\[auto_20px\\] {\n grid-template-rows:auto 20px\n }\n\n .grid-cols-\\[1fr_20px_1fr\\] {\n grid-template-columns:1fr 20px 1fr\n }\n\n .grid-cols-\\[1fr_20px\\] {\n grid-template-columns:1fr 20px\n }\n\n .grid-cols-\\[20px_1fr\\] {\n grid-template-columns:20px 1fr\n }\n\n .grid-cols-\\[auto_1fr_auto\\] {\n grid-template-columns:auto 1fr auto\n }\n\n .grid-cols-1 {\n grid-template-columns:repeat(1, minmax(0, 1fr))\n }\n\n .grid-cols-2 {\n grid-template-columns:repeat(2, minmax(0, 1fr))\n }\n\n .grid-cols-3 {\n grid-template-columns:repeat(3, minmax(0, 1fr))\n }\n\n .grid-cols-4 {\n grid-template-columns:repeat(4, minmax(0, 1fr))\n }\n\n .grid-cols-5 {\n grid-template-columns:repeat(5, minmax(0, 1fr))\n }\n\n .grid-cols-6 {\n grid-template-columns:repeat(6, minmax(0, 1fr))\n }\n\n .grid-cols-7 {\n grid-template-columns:repeat(7, minmax(0, 1fr))\n }\n\n .grid-cols-8 {\n grid-template-columns:repeat(8, minmax(0, 1fr))\n }\n\n .grid-cols-9 {\n grid-template-columns:repeat(9, minmax(0, 1fr))\n }\n\n .overflow-hidden {\n overflow: hidden\n }\n\n .overflow-x-hidden {\n overflow-x: hidden\n }\n\n .overflow-y-auto {\n overflow-y: auto\n }\n\n .list-none {\n list-style-type: none\n }\n\n .outline-\\[--w-s-color-border-negative\\]\\! {\n outline-color: var(--w-s-color-border-negative) !important\n }\n\n .outline-none {\n outline: 2px solid transparent;\n outline-offset: 2px\n }\n\n .focus\\:outline-none:focus {\n outline: 2px solid transparent;\n outline-offset: 2px\n }\n\n .items-start {\n align-items: flex-start\n }\n\n .items-end {\n align-items: flex-end\n }\n\n .items-center {\n align-items: center\n }\n\n .self-center {\n align-self: center\n }\n\n .inset-0 {\n top: 0rem;\n right: 0rem;\n bottom: 0rem;\n left: 0rem\n }\n\n .-bottom-0 {\n bottom: -0rem\n }\n\n .bottom-0 {\n bottom: 0rem\n }\n\n .bottom-10 {\n bottom: 1rem\n }\n\n .bottom-16 {\n bottom: 1.6rem\n }\n\n .left-0 {\n left: 0rem\n }\n\n .left-4 {\n left: .4rem\n }\n\n .right-0 {\n right: 0rem\n }\n\n .right-8 {\n right: .8rem\n }\n\n .top-\\[1\\.92rem\\] {\n top: 1.92rem\n }\n\n .top-0 {\n top: 0rem\n }\n\n .top-20 {\n top: 2rem\n }\n\n .top-4 {\n top: .4rem\n }\n\n .top-8 {\n top: .8rem\n }\n\n .before\\:bottom-0:before {\n bottom: 0rem\n }\n\n .before\\:left-0:before {\n left: 0rem\n }\n\n .before\\:right-0:before {\n right: 0rem\n }\n\n .before\\:top-2:before {\n top: .2rem\n }\n\n .-bottom-\\[8px\\] {\n bottom: -8px\n }\n\n .-left-\\[8px\\] {\n left: -8px\n }\n\n .-right-\\[8px\\] {\n right: -8px\n }\n\n .-top-\\[8px\\] {\n top: -8px\n }\n\n .top-\\[19px\\] {\n top: 19px\n }\n\n .top-\\[30\\%\\] {\n top: 30%\n }\n\n .justify-end {\n justify-content: flex-end\n }\n\n .justify-center {\n justify-content: center\n }\n\n .justify-between {\n justify-content: space-between\n }\n\n .justify-items-center {\n justify-items: center\n }\n\n .justify-self-start {\n justify-self: start\n }\n\n .justify-self-end {\n justify-self: end\n }\n\n .justify-self-center {\n justify-self: center\n }\n\n .absolute {\n position: absolute\n }\n\n .fixed {\n position: fixed\n }\n\n .relative {\n position: relative\n }\n\n .open\\:fixed[open] {\n position: fixed\n }\n\n .before\\:absolute:before {\n position: absolute\n }\n\n .z-10, .peer:checked ~ .peer-checked\\:z-10 {\n z-index: 10\n }\n\n .z-30 {\n z-index: 30\n }\n\n .z-50 {\n z-index: 50\n }\n\n .hover\\:z-30:hover {\n z-index: 30\n }\n\n .\\!s-bg-selected {\n background-color: var(--w-s-color-background-selected) !important\n }\n\n .s-bg {\n background-color: var(--w-s-color-background)\n }\n\n .s-bg-disabled {\n background-color: var(--w-s-color-background-disabled)\n }\n\n .s-bg-disabled-subtle {\n background-color: var(--w-s-color-background-disabled-subtle)\n }\n\n .s-bg-info-subtle {\n background-color: var(--w-s-color-background-info-subtle)\n }\n\n .s-bg-inverted {\n background-color: var(--w-s-color-background-inverted)\n }\n\n .s-bg-negative {\n background-color: var(--w-s-color-background-negative)\n }\n\n .s-bg-negative-subtle {\n background-color: var(--w-s-color-background-negative-subtle)\n }\n\n .s-bg-positive-subtle {\n background-color: var(--w-s-color-background-positive-subtle)\n }\n\n .s-bg-primary, .peer:checked ~ .peer-checked\\:s-bg-primary {\n background-color: var(--w-s-color-background-primary)\n }\n\n .s-bg-selected {\n background-color: var(--w-s-color-background-selected)\n }\n\n .s-bg-subtle {\n background-color: var(--w-s-color-background-subtle)\n }\n\n .s-bg-warning-subtle {\n background-color: var(--w-s-color-background-warning-subtle)\n }\n\n .peer:checked:hover ~ .peer-checked\\:peer-hover\\:before\\:s-bg-negative-hover:before {\n background-color: var(--w-s-color-background-negative-hover)\n }\n\n .peer:checked:hover ~ .peer-checked\\:peer-hover\\:before\\:s-bg-primary-hover:before {\n background-color: var(--w-s-color-background-primary-hover)\n }\n\n .peer:checked ~ .peer-checked\\:before\\:s-bg-disabled:before {\n background-color: var(--w-s-color-background-disabled)\n }\n\n .peer:checked ~ .peer-checked\\:before\\:s-bg-negative:before {\n background-color: var(--w-s-color-background-negative)\n }\n\n .peer:checked ~ .peer-checked\\:before\\:s-bg-primary:before {\n background-color: var(--w-s-color-background-primary)\n }\n\n .peer:indeterminate ~ .peer-indeterminate\\:before\\:s-bg-disabled:before {\n background-color: var(--w-s-color-background-disabled)\n }\n\n .peer:indeterminate ~ .peer-indeterminate\\:before\\:s-bg-negative:before {\n background-color: var(--w-s-color-background-negative)\n }\n\n .peer:indeterminate ~ .peer-indeterminate\\:before\\:s-bg-primary:before {\n background-color: var(--w-s-color-background-primary)\n }\n\n .peer:indeterminate ~ .peer-indeterminate\\:hover\\:before\\:s-bg-negative-hover:hover:before {\n background-color: var(--w-s-color-background-negative-hover)\n }\n\n .peer:indeterminate ~ .peer-indeterminate\\:hover\\:before\\:s-bg-primary-hover:hover:before {\n background-color: var(--w-s-color-background-primary-hover)\n }\n\n .\\!hover\\:s-bg-selected-hover:hover {\n background-color: var(--w-s-color-background-selected-hover) !important\n }\n\n .group:hover .group-hover\\:s-bg-primary-hover {\n background-color: var(--w-s-color-background-primary-hover)\n }\n\n .hover\\:before\\:s-bg-hover:hover:before {\n background-color: var(--w-s-color-background-hover)\n }\n\n .hover\\:before\\:s-bg-negative-subtle-hover:hover:before {\n background-color: var(--w-s-color-background-negative-subtle-hover)\n }\n\n .hover\\:s-bg-hover:hover {\n background-color: var(--w-s-color-background-hover)\n }\n\n .hover\\:s-bg-negative-hover:hover {\n background-color: var(--w-s-color-background-negative-hover)\n }\n\n .hover\\:s-bg-negative-subtle-hover:hover {\n background-color: var(--w-s-color-background-negative-subtle-hover)\n }\n\n .hover\\:s-bg-primary-hover:hover {\n background-color: var(--w-s-color-background-primary-hover)\n }\n\n .hover\\:s-bg-selected-hover:hover {\n background-color: var(--w-s-color-background-selected-hover)\n }\n\n .peer:hover:not(:checked) ~ .peer-hover\\:peer-not-checked\\:s-bg-hover {\n background-color: var(--w-s-color-background-hover)\n }\n\n .peer:hover ~ .peer-hover\\:before\\:s-bg-hover:before {\n background-color: var(--w-s-color-background-hover)\n }\n\n .peer:hover ~ .peer-hover\\:before\\:s-bg-negative-subtle:before {\n background-color: var(--w-s-color-background-negative-subtle)\n }\n\n .focus\\:s-bg-primary-hover:focus {\n background-color: var(--w-s-color-background-primary-hover)\n }\n\n .\\!active\\:s-bg-selected-active:active {\n background-color: var(--w-s-color-background-selected-active) !important\n }\n\n .active\\:s-bg-active:active {\n background-color: var(--w-s-color-background-active)\n }\n\n .active\\:s-bg-negative-active:active {\n background-color: var(--w-s-color-background-negative-active)\n }\n\n .active\\:s-bg-negative-subtle-active:active {\n background-color: var(--w-s-color-background-negative-subtle-active)\n }\n\n .active\\:s-bg-primary-active:active {\n background-color: var(--w-s-color-background-primary-active)\n }\n\n .active\\:s-bg-selected-active:active {\n background-color: var(--w-s-color-background-selected-active)\n }\n\n .before\\:s-bg-disabled-subtle:before {\n background-color: var(--w-s-color-background-disabled-subtle)\n }\n\n .before\\:s-bg:before {\n background-color: var(--w-s-color-background)\n }\n\n .s-text {\n color: var(--w-s-color-text)\n }\n\n .s-text-disabled {\n color: var(--w-s-color-text-disabled)\n }\n\n .s-text-inverted, .peer:checked ~ .peer-checked\\:s-text-inverted {\n color: var(--w-s-color-text-inverted)\n }\n\n .s-text-inverted-static {\n color: var(--w-s-color-text-inverted-static)\n }\n\n .s-text-link {\n color: var(--w-s-color-text-link)\n }\n\n .s-text-negative {\n color: var(--w-s-color-text-negative)\n }\n\n .s-text-subtle {\n color: var(--w-s-color-text-subtle)\n }\n\n .hover\\:s-text-link:hover {\n color: var(--w-s-color-text-link)\n }\n\n .active\\:s-text:active {\n color: var(--w-s-color-text)\n }\n\n .placeholder\\:s-text-placeholder::placeholder {\n color: var(--w-s-color-text-placeholder)\n }\n\n .s-icon {\n color: var(--w-s-color-icon)\n }\n\n .s-icon-info {\n color: var(--w-s-color-icon-info)\n }\n\n .s-icon-inverted {\n color: var(--w-s-color-icon-inverted)\n }\n\n .s-icon-negative {\n color: var(--w-s-color-icon-negative)\n }\n\n .s-icon-positive {\n color: var(--w-s-color-icon-positive)\n }\n\n .s-icon-warning {\n color: var(--w-s-color-icon-warning)\n }\n\n .hover\\:s-icon-hover:hover {\n color: var(--w-s-color-icon-hover)\n }\n\n .active\\:s-icon-active:active {\n color: var(--w-s-color-icon-active)\n }\n\n .before\\:s-icon-inverted:before {\n color: var(--w-s-color-icon-inverted)\n }\n\n .s-border {\n border-color: var(--w-s-color-border)\n }\n\n .s-border-disabled {\n border-color: var(--w-s-color-border-disabled)\n }\n\n .s-border-info-subtle {\n border-color: var(--w-s-color-border-info-subtle)\n }\n\n .s-border-l-info {\n border-left-color: var(--w-s-color-border-info)\n }\n\n .s-border-l-negative {\n border-left-color: var(--w-s-color-border-negative)\n }\n\n .s-border-l-positive {\n border-left-color: var(--w-s-color-border-positive)\n }\n\n .s-border-l-warning {\n border-left-color: var(--w-s-color-border-warning)\n }\n\n .s-border-negative {\n border-color: var(--w-s-color-border-negative)\n }\n\n .s-border-negative-subtle {\n border-color: var(--w-s-color-border-negative-subtle)\n }\n\n .s-border-positive-subtle {\n border-color: var(--w-s-color-border-positive-subtle)\n }\n\n .s-border-primary, .peer:checked ~ .peer-checked\\:s-border-primary {\n border-color: var(--w-s-color-border-primary)\n }\n\n .s-border-selected {\n border-color: var(--w-s-color-border-selected)\n }\n\n .s-border-warning-subtle {\n border-color: var(--w-s-color-border-warning-subtle)\n }\n\n .peer:checked:hover ~ .peer-checked\\:peer-hover\\:before\\:s-border-negative-hover:before {\n border-color: var(--w-s-color-border-negative-hover)\n }\n\n .peer:checked:hover ~ .peer-checked\\:peer-hover\\:before\\:s-border-primary-hover:before {\n border-color: var(--w-s-color-border-primary-hover)\n }\n\n .peer:checked:hover ~ .peer-checked\\:peer-hover\\:before\\:s-border-selected-hover:before {\n border-color: var(--w-s-color-border-selected-hover)\n }\n\n .peer:checked ~ .peer-checked\\:before\\:s-border-disabled:before {\n border-color: var(--w-s-color-border-disabled)\n }\n\n .peer:checked ~ .peer-checked\\:before\\:s-border-negative:before {\n border-color: var(--w-s-color-border-negative)\n }\n\n .peer:checked ~ .peer-checked\\:before\\:s-border-primary:before {\n border-color: var(--w-s-color-border-primary)\n }\n\n .peer:checked ~ .peer-checked\\:before\\:s-border-selected:before {\n border-color: var(--w-s-color-border-selected)\n }\n\n .peer:indeterminate ~ .peer-indeterminate\\:before\\:s-border-disabled:before {\n border-color: var(--w-s-color-border-disabled)\n }\n\n .peer:indeterminate ~ .peer-indeterminate\\:before\\:s-border-negative:before {\n border-color: var(--w-s-color-border-negative)\n }\n\n .peer:indeterminate ~ .peer-indeterminate\\:before\\:s-border-primary:before {\n border-color: var(--w-s-color-border-primary)\n }\n\n .peer:indeterminate ~ .peer-indeterminate\\:hover\\:before\\:s-border-negative-hover:hover:before {\n border-color: var(--w-s-color-border-negative-hover)\n }\n\n .peer:indeterminate ~ .peer-indeterminate\\:hover\\:before\\:s-border-primary-hover:hover:before {\n border-color: var(--w-s-color-border-primary-hover)\n }\n\n .group:hover .group-hover\\:s-border-selected-hover {\n border-color: var(--w-s-color-border-selected-hover)\n }\n\n .hover\\:before\\:s-border-negative-hover:hover:before {\n border-color: var(--w-s-color-border-negative-hover)\n }\n\n .hover\\:before\\:s-border-primary:hover:before {\n border-color: var(--w-s-color-border-primary)\n }\n\n .hover\\:s-border-disabled:hover {\n border-color: var(--w-s-color-border-disabled)\n }\n\n .hover\\:s-border-hover:hover {\n border-color: var(--w-s-color-border-hover)\n }\n\n .hover\\:s-border-negative-hover:hover {\n border-color: var(--w-s-color-border-negative-hover)\n }\n\n .hover\\:s-border-primary-hover:hover {\n border-color: var(--w-s-color-border-primary-hover)\n }\n\n .hover\\:s-border-primary:hover {\n border-color: var(--w-s-color-border-primary)\n }\n\n .hover\\:s-border-selected-hover:hover {\n border-color: var(--w-s-color-border-selected-hover)\n }\n\n .peer:hover ~ .peer-hover\\:before\\:s-border-negative-hover:before {\n border-color: var(--w-s-color-border-negative-hover)\n }\n\n .peer:hover ~ .peer-hover\\:before\\:s-border-primary:before {\n border-color: var(--w-s-color-border-primary)\n }\n\n .focus\\:s-border-primary-hover:focus {\n border-color: var(--w-s-color-border-primary-hover)\n }\n\n .active\\:s-border-active:active {\n border-color: var(--w-s-color-border-active)\n }\n\n .active\\:s-border-disabled:active {\n border-color: var(--w-s-color-border-disabled)\n }\n\n .active\\:s-border-primary-active:active {\n border-color: var(--w-s-color-border-primary-active)\n }\n\n .active\\:s-border-selected-active:active {\n border-color: var(--w-s-color-border-selected-active)\n }\n\n .active\\:s-border-selected:active {\n border-color: var(--w-s-color-border-selected)\n }\n\n .group:active .group-active\\:s-border-active {\n border-color: var(--w-s-color-border-active)\n }\n\n .group:active .group-active\\:s-border-selected-active {\n border-color: var(--w-s-color-border-selected-active)\n }\n\n .before\\:s-border-disabled:before {\n border-color: var(--w-s-color-border-disabled)\n }\n\n .before\\:s-border-negative:before {\n border-color: var(--w-s-color-border-negative)\n }\n\n .s-surface-sunken {\n background-color: var(--w-s-color-surface-sunken)\n }\n\n .s-surface-elevated-200 {\n background-color: var(--w-s-color-surface-elevated-200);\n box-shadow: var(--w-s-shadow-surface-elevated-200)\n }\n\n .hover\\:s-surface-elevated-200-hover:hover {\n background-color: var(--w-s-color-surface-elevated-200-hover);\n box-shadow: var(--w-s-shadow-surface-elevated-200-hover)\n }\n\n .active\\:s-surface-elevated-200-active:active {\n background-color: var(--w-s-color-surface-elevated-200-active);\n box-shadow: var(--w-s-shadow-surface-elevated-200-active)\n }\n\n .drop-shadow-m {\n filter: drop-shadow(rgba(64, 64, 64, .24) 0 3px 8px) drop-shadow(rgba(64, 64, 64, .16) 0 3px 6px)\n }\n\n .shadow-m {\n box-shadow: var(--w-shadow-m)\n }\n\n .shadow-s {\n box-shadow: var(--w-shadow-s)\n }\n\n .shadow-\\[--w-shadow-slider\\] {\n box-shadow: var(--w-shadow-slider)\n }\n\n .hover\\:shadow-\\[--w-shadow-slider-handle-hover\\]:hover {\n box-shadow: var(--w-shadow-slider-handle-hover)\n }\n\n .focus\\:shadow-\\[--w-shadow-slider-handle-hover\\]:focus {\n box-shadow: var(--w-shadow-slider-handle-hover)\n }\n\n .active\\:shadow-\\[--w-shadow-slider-handle-active\\]:active {\n box-shadow: var(--w-shadow-slider-handle-active)\n }\n\n .h-0 {\n height: 0rem\n }\n\n .h-16 {\n height: 1.6rem\n }\n\n .h-2 {\n height: .2rem\n }\n\n .h-20 {\n height: 2rem\n }\n\n .h-24 {\n height: 2.4rem\n }\n\n .h-4 {\n height: .4rem\n }\n\n .h-44 {\n height: 4.4rem\n }\n\n .h-6 {\n height: .6rem\n }\n\n .h-8 {\n height: .8rem\n }\n\n .h-full {\n height: 100%\n }\n\n .h-unset {\n height: unset\n }\n\n .max-h-unset {\n max-height: unset\n }\n\n .max-w-full {\n max-width: 100%\n }\n\n .max-w-max {\n max-width: max-content\n }\n\n .max-w-unset {\n max-width: unset\n }\n\n .min-h-32 {\n min-height: 3.2rem\n }\n\n .min-h-40 {\n min-height: 4rem\n }\n\n .min-w-16 {\n min-width: 1.6rem\n }\n\n .min-w-32 {\n min-width: 3.2rem\n }\n\n .w-16 {\n width: 1.6rem\n }\n\n .w-2 {\n width: .2rem\n }\n\n .w-20 {\n width: 2rem\n }\n\n .w-24 {\n width: 2.4rem\n }\n\n .w-32 {\n width: 3.2rem\n }\n\n .w-40 {\n width: 4rem\n }\n\n .w-44 {\n width: 4.4rem\n }\n\n .w-8 {\n width: .8rem\n }\n\n .w-full {\n width: 100%\n }\n\n .w-max {\n width: max-content\n }\n\n .w-unset {\n width: unset\n }\n\n .before\\:h-20:before {\n height: 2rem\n }\n\n .before\\:h-full:before {\n height: 100%\n }\n\n .before\\:w-20:before {\n width: 2rem\n }\n\n .before\\:w-32:before {\n width: 3.2rem\n }\n\n .h-\\[--w-modal-height\\] {\n height: var(--w-modal-height)\n }\n\n .h-\\[14px\\] {\n height: 14px\n }\n\n .h-\\[16px\\] {\n height: 16px\n }\n\n .max-h-\\[--w-modal-max-height\\] {\n max-height: var(--w-modal-max-height)\n }\n\n .min-h-\\[--w-modal-min-height\\] {\n min-height: var(--w-modal-min-height)\n }\n\n .min-h-\\[32px\\] {\n min-height: 32px\n }\n\n .min-h-\\[40px\\] {\n min-height: 40px\n }\n\n .min-h-\\[42\\] {\n min-height: 4.2rem\n }\n\n .min-h-\\[44px\\] {\n min-height: 44px\n }\n\n .min-w-\\[32px\\] {\n min-width: 32px\n }\n\n .min-w-\\[40px\\] {\n min-width: 40px\n }\n\n .min-w-\\[44px\\] {\n min-width: 44px\n }\n\n .w-\\[--w-modal-width\\] {\n width: var(--w-modal-width)\n }\n\n .w-\\[14px\\] {\n width: 14px\n }\n\n .w-\\[16px\\] {\n width: 16px\n }\n\n .space-x-8 > :not([hidden]) ~ :not([hidden]) {\n --w-space-x-reverse: 0;\n margin-left: calc(.8rem * calc(1 - var(--w-space-x-reverse)));\n margin-right: calc(.8rem * var(--w-space-x-reverse))\n }\n\n .space-y-16 > :not([hidden]) ~ :not([hidden]) {\n --w-space-y-reverse: 0;\n margin-top: calc(1.6rem * calc(1 - var(--w-space-y-reverse)));\n margin-bottom: calc(1.6rem * var(--w-space-y-reverse))\n }\n\n .m-0 {\n margin: 0rem\n }\n\n .m-auto {\n margin: auto\n }\n\n .-mx-16 {\n margin-left: -1.6rem;\n margin-right: -1.6rem\n }\n\n .mx-0 {\n margin-left: 0rem;\n margin-right: 0rem\n }\n\n .mx-8 {\n margin-left: .8rem;\n margin-right: .8rem\n }\n\n .mx-auto {\n margin-left: auto;\n margin-right: auto\n }\n\n .-mb-1 {\n margin-bottom: -.1rem\n }\n\n .-ml-8 {\n margin-left: -.8rem\n }\n\n .-mr-1 {\n margin-right: -.1rem\n }\n\n .-mr-8 {\n margin-right: -.8rem\n }\n\n .-mt-2 {\n margin-top: -.2rem\n }\n\n .-mt-4 {\n margin-top: -.4rem\n }\n\n .last-child\\:mb-0 > :last-child, .mb-0 {\n margin-bottom: 0rem\n }\n\n .mb-32 {\n margin-bottom: 3.2rem\n }\n\n .ml-8 {\n margin-left: .8rem\n }\n\n .ml-auto {\n margin-left: auto\n }\n\n .mr-8 {\n margin-right: .8rem\n }\n\n .mt-16 {\n margin-top: 1.6rem\n }\n\n .mt-4 {\n margin-top: .4rem\n }\n\n .group:not(:first-child) .group-not-first\\:-ml-2 {\n margin-left: -.2rem\n }\n\n .last\\:mb-0:last-child {\n margin-bottom: 0rem\n }\n\n .last\\:mr-0:last-child {\n margin-right: 0rem\n }\n\n .m-\\[8px\\] {\n margin: 8px\n }\n\n .p-0 {\n padding: 0rem\n }\n\n .p-16 {\n padding: 1.6rem\n }\n\n .p-4 {\n padding: .4rem\n }\n\n .p-8 {\n padding: .8rem\n }\n\n .px-0 {\n padding-left: 0rem;\n padding-right: 0rem\n }\n\n .px-1 {\n padding-left: .1rem;\n padding-right: .1rem\n }\n\n .px-12 {\n padding-left: 1.2rem;\n padding-right: 1.2rem\n }\n\n .px-14 {\n padding-left: 1.4rem;\n padding-right: 1.4rem\n }\n\n .px-16 {\n padding-left: 1.6rem;\n padding-right: 1.6rem\n }\n\n .px-8 {\n padding-left: .8rem;\n padding-right: .8rem\n }\n\n .py-0 {\n padding-top: 0rem;\n padding-bottom: 0rem\n }\n\n .py-1 {\n padding-top: .1rem;\n padding-bottom: .1rem\n }\n\n .py-10 {\n padding-top: 1rem;\n padding-bottom: 1rem\n }\n\n .py-12 {\n padding-top: 1.2rem;\n padding-bottom: 1.2rem\n }\n\n .py-2 {\n padding-top: .2rem;\n padding-bottom: .2rem\n }\n\n .py-4 {\n padding-top: .4rem;\n padding-bottom: .4rem\n }\n\n .py-6 {\n padding-top: .6rem;\n padding-bottom: .6rem\n }\n\n .py-8 {\n padding-top: .8rem;\n padding-bottom: .8rem\n }\n\n .pb-0 {\n padding-bottom: 0rem\n }\n\n .pb-32 {\n padding-bottom: 3.2rem\n }\n\n .pb-4 {\n padding-bottom: .4rem\n }\n\n .pb-8 {\n padding-bottom: .8rem\n }\n\n .pl-0 {\n padding-left: 0rem\n }\n\n .pl-1 {\n padding-left: .1rem\n }\n\n .pl-12 {\n padding-left: 1.2rem\n }\n\n .pl-28 {\n padding-left: 2.8rem\n }\n\n .pl-4 {\n padding-left: .4rem\n }\n\n .pl-8 {\n padding-left: .8rem\n }\n\n .pr-12 {\n padding-right: 1.2rem\n }\n\n .pr-14 {\n padding-right: 1.4rem\n }\n\n .pr-2 {\n padding-right: .2rem\n }\n\n .pr-32 {\n padding-right: 3.2rem\n }\n\n .pr-40 {\n padding-right: 4rem\n }\n\n .pt-0 {\n padding-top: 0rem\n }\n\n .pt-1 {\n padding-top: .1rem\n }\n\n .pt-16 {\n padding-top: 1.6rem\n }\n\n .pt-24 {\n padding-top: 2.4rem\n }\n\n .pt-8 {\n padding-top: .8rem\n }\n\n .group\\/step:last-child .group-last\\/step\\:last\\:pb-0:last-child {\n padding-bottom: 0rem\n }\n\n .last\\:pb-1:last-child {\n padding-bottom: .1rem\n }\n\n .last\\:pr-1:last-child {\n padding-right: .1rem\n }\n\n .p-\\[8px\\] {\n padding: 8px\n }\n\n .px-\\[15px\\] {\n padding-left: 15px;\n padding-right: 15px\n }\n\n .px-\\[8px\\] {\n padding-left: 8px;\n padding-right: 8px\n }\n\n .py-\\[11px\\] {\n padding-top: 11px;\n padding-bottom: 11px\n }\n\n .py-\\[5px\\] {\n padding-top: 5px;\n padding-bottom: 5px\n }\n\n .py-\\[7px\\] {\n padding-top: 7px;\n padding-bottom: 7px\n }\n\n .pl-\\[var\\(--w-prefix-width\\,_40px\\)\\] {\n padding-left: var(--w-prefix-width, 40px)\n }\n\n .invisible {\n visibility: hidden\n }\n\n .backface-hidden {\n backface-visibility: hidden\n }\n\n .break-words {\n overflow-wrap: break-word\n }\n\n .before\\:content-\\[\\"–\\"\\]:before {\n content: "–"\n }\n\n .before\\:content-\\[\\"\\"\\]:before {\n content: ""\n }\n\n .cursor-default {\n cursor: default\n }\n\n .cursor-pointer {\n cursor: pointer\n }\n\n .antialiased {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-smoothing: grayscale\n }\n\n .font-bold {\n font-weight: 700\n }\n\n .before\\:font-bold:before {\n font-weight: 700\n }\n\n .font-normal {\n font-weight: 400\n }\n\n .pointer-events-auto {\n pointer-events: auto\n }\n\n .pointer-events-none {\n pointer-events: none\n }\n\n .before\\:pointer-events-none:before {\n pointer-events: none\n }\n\n .pb-safe-\\[32\\] {\n padding-bottom: calc(32px + env(safe-area-inset-bottom, 0px))\n }\n\n .sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0\n }\n\n .touch-pan-y {\n touch-action: pan-y\n }\n\n .select-none {\n -webkit-user-select: none;\n user-select: none\n }\n\n .translate-x-20 {\n --w-translate-x: 2rem;\n 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))\n }\n\n .translate-z-0 {\n --w-translate-z: 0rem;\n 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))\n }\n\n .-rotate-180, .part-\\[w-icon-chevron-down-16-part\\]\\:-rotate-180::part(w-icon-chevron-down-16-part) {\n --w-rotate-x: 0;\n --w-rotate-y: 0;\n --w-rotate-z: 0;\n --w-rotate: -180deg;\n 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))\n }\n\n .part-\\[w-icon-chevron-up-16-part\\]\\:rotate-180::part(w-icon-chevron-up-16-part), .rotate-180 {\n --w-rotate-x: 0;\n --w-rotate-y: 0;\n --w-rotate-z: 0;\n --w-rotate: 180deg;\n 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))\n }\n\n .rotate-90 {\n --w-rotate-x: 0;\n --w-rotate-y: 0;\n --w-rotate-z: 0;\n --w-rotate: 90deg;\n 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))\n }\n\n .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 {\n 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))\n }\n\n .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 {\n 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))\n }\n\n .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 {\n transition-property: transform;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n transition-duration: .15s\n }\n\n .transition-300 {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n transition-duration: .3s\n }\n\n .transition-all {\n transition-property: all;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n transition-duration: .15s\n }\n\n .transition-colors {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n transition-duration: .15s\n }\n\n .transition-shadow {\n transition-property: box-shadow;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n transition-duration: .15s\n }\n\n .before\\:transition-all:before {\n transition-property: all;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n transition-duration: .15s\n }\n\n .duration-300 {\n transition-duration: .3s\n }\n\n .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) {\n transition-timing-function: cubic-bezier(.4, 0, .2, 1)\n }\n\n .text-m {\n font-size: var(--w-font-size-m);\n line-height: var(--w-line-height-m)\n }\n\n .text-s {\n font-size: var(--w-font-size-s);\n line-height: var(--w-line-height-s)\n }\n\n .text-xs {\n font-size: var(--w-font-size-xs);\n line-height: var(--w-line-height-xs)\n }\n\n .leading-m {\n line-height: var(--w-line-height-m)\n }\n\n .before\\:leading-xs:before {\n line-height: var(--w-line-height-xs)\n }\n\n .leading-\\[24\\] {\n line-height: 2.4rem\n }\n\n @media (max-width: 479.9px) {\n .lt-sm\\:rounded-b-0 {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0\n }\n }\n @media (min-width: 480px) {\n .sm\\:border-b-0 {\n border-bottom-width: 0\n }\n\n .sm\\:rounded-8 {\n border-radius: 8px\n }\n\n .sm\\:rounded-b-8 {\n border-bottom-left-radius: 8px;\n border-bottom-right-radius: 8px\n }\n\n .sm\\:gap-16 {\n gap: 1.6rem\n }\n\n .sm\\:place-content-center {\n place-content: center\n }\n\n .sm\\:place-items-center {\n place-items: center\n }\n\n .sm\\:h-24 {\n height: 2.4rem\n }\n\n .sm\\:min-h-48 {\n min-height: 4.8rem\n }\n\n .sm\\:w-24 {\n width: 2.4rem\n }\n\n .sm\\:min-h-\\[32px\\] {\n min-height: 32px\n }\n\n .sm\\:min-h-\\[44px\\] {\n min-height: 44px\n }\n\n .sm\\:min-h-\\[45\\] {\n min-height: 4.5rem\n }\n\n .sm\\:min-w-\\[32px\\] {\n min-width: 32px\n }\n\n .sm\\:min-w-\\[44px\\] {\n min-width: 44px\n }\n\n .sm\\:mx-0 {\n margin-left: 0rem;\n margin-right: 0rem\n }\n\n .sm\\:mx-16 {\n margin-left: 1.6rem;\n margin-right: 1.6rem\n }\n\n .sm\\:-ml-12 {\n margin-left: -1.2rem\n }\n\n .sm\\:-mr-12 {\n margin-right: -1.2rem\n }\n\n .sm\\:-mt-8 {\n margin-top: -.8rem\n }\n\n .sm\\:px-32 {\n padding-left: 3.2rem;\n padding-right: 3.2rem\n }\n\n .sm\\:py-0 {\n padding-top: 0rem;\n padding-bottom: 0rem\n }\n\n .sm\\:pb-32 {\n padding-bottom: 3.2rem\n }\n\n .sm\\:pt-24 {\n padding-top: 2.4rem\n }\n\n .sm\\:pt-32 {\n padding-top: 3.2rem\n }\n }\n @media (min-width: 768px) {\n .md\\:block {\n display: block\n }\n\n .md\\:hidden {\n display: none\n }\n }\n ');const at=JSON.parse('{"textfield.label.optional":["Valgfri"]}'),it=JSON.parse('{"textfield.label.optional":["Optional"]}'),st=JSON.parse('{"textfield.label.optional":["Valinnainen"]}'),lt=JSON.parse('{"textfield.label.optional":["Valgfri"]}'),dt=JSON.parse('{"textfield.label.optional":["Valfritt"]}'),ct=D`.w-textfield{--_input-padding-top:12px;--_input-padding-left:8px;--_input-padding-right:8px;position:relative}.w-textfield--has-prefix{--_input-padding-left:40px}.w-textfield--has-suffix{--_input-padding-right:var(--w-prefix-width,40px)}.w-textfield__input-wrapper{position:relative;overflow:hidden}.w-textfield__input-wrapper:focus-within .w-textfield__mask{display:none}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button{display:none}input::placeholder{color:var(--w-textfield-placeholder-color-text,var(--w-s-color-text-placeholder))}.w-textfield__input-wrapper:has(.w-textfield__mask):not(:focus-within) input{color:#0000}.w-textfield__mask{top:var(--_input-padding-top);left:var(--_input-padding-left);right:var(--_input-padding-right);pointer-events:none;white-space:nowrap;text-overflow:ellipsis;z-index:1;border:1px solid #0000;display:block;position:absolute;overflow:hidden}`,ht=A("*,: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-disabled{border-color:var(--w-s-color-border-disabled)}.s-border-negative{border-color:var(--w-s-color-border-negative)}.s-border-strong{border-color:var(--w-s-color-border-strong)}.hover\\:s-border-negative-hover:hover{border-color:var(--w-s-color-border-negative-hover)}.hover\\:s-border-strong-hover:hover{border-color:var(--w-s-color-border-strong-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)}.visible{visibility:visible}.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}.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}.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}}"),ut=D`label{--_color:var(--w-c-input-label-color,var(--w-s-color-text));--_font-size:var(--w-c-input-label-font-size,var(--w-font-size-s));--_line-height:var(--w-c-input-label-line-height,var(--w-line-height-s));--_font-weight:var(--w-c-input-label-font-weight,700);--_padding-bottom:var(--w-c-input-label-padding-bottom,.4rem);--_cursor:var(--w-c-input-label-cursor,pointer);--_display:var(--w-c-input-label-display,block);display:var(--_display);font-size:var(--_font-size);line-height:var(--_line-height);font-weight:var(--_font-weight);padding-bottom:var(--_padding-bottom);cursor:var(--_cursor);color:var(--_color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}label span{--_padding-left:var(--w-c-input-optional-padding-left,.8rem);--_font-weight:var(--w-c-input-optional-font-weight,400);--_font-size:var(--w-c-input-optional-font-size,var(--w-font-size-s));--_line-height:var(--w-c-input-optional-line-height,var(--w-line-height-s));--_color:var(--w-c-input-optional-color,var(--w-s-color-text-subtle));padding-left:var(--_padding-left);font-weight:var(--_font-weight);font-size:var(--_font-size);line-height:var(--_line-height);color:var(--_color)}`,pt=D`:host{--_help-text-color:var(--w-c-input-help-text-color,var(--w-s-color-text-subtle));--_help-text-font-size:var(--w-c-input-help-text-font-size,var(--w-font-size-xs));--_help-text-line-height:var(--w-c-input-help-text-line-height,var(--w-line-height-xs));--_help-text-margin-top:var(--w-c-input-help-text-margin-top,.4rem);--_help-text-display:var(--w-c-input-help-text-display,block)}:host([invalid]){--_help-text-color:var(--w-c-input-help-text-color-invalid,var(--w-s-color-text-negative))}.help-text{font-size:var(--_help-text-font-size);line-height:var(--_help-text-line-height);margin-top:var(--_help-text-margin-top);display:var(--_help-text-display);color:var(--_help-text-color)}`;var bt=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};const gt="block text-m leading-m mb-0 px-8 py-12 rounded-4 w-full focusable focus:[--w-outline-offset:-2px] caret-current",mt="border-1 s-text s-bg s-border-strong hover:s-border-strong-hover active:s-border-selected",vt="border-1 s-text-disabled s-bg-disabled-subtle s-border-disabled pointer-events-none",ft="border-1 s-text-negative s-bg s-border-negative hover:s-border-negative-hover outline-[--w-s-color-border-negative]!",wt="pl-0 bg-transparent pointer-events-none",yt="pr-40",xt="pl-[var(--w-prefix-width,_40px)]";class kt extends($(Pe)){static#e=this.shadowRootOptions={...Pe.shadowRootOptions,delegatesFocus:!0};constructor(){super(),this.disabled=!1,this.invalid=!1,this.optional=!1,this.readOnly=!1,this.readonly=!1,this.required=!1,this._hasPrefix=!1,this._hasSuffix=!1,this.#t=void 0,Qe(it,lt,st,at,dt)}#r(e){"Enter"===e.key&&this.internals.form&&this.internals.form.requestSubmit()}updated(e){e.has("value")&&void 0!==this.value&&(this.setValue(this.value),this.formatter&&this.mask&&(this.mask.innerText=this.formatter(this.value)))}#t;static#o=this.styles=[nt,ht,ct,ut,pt];firstUpdated(){this.#t=this.value}resetFormControl(){this.value=this.#t}get _inputstyles(){return e([gt,this._hasSuffix&&yt,this._hasPrefix&&xt,!this.invalid&&!this.disabled&&!(this.readonly||this.readOnly)&&mt,this.invalid&&!this.disabled&&!(this.readonly||this.readOnly)&&ft,!this.invalid&&this.disabled&&!(this.readonly||this.readOnly)&&vt,!this.invalid&&!this.disabled&&(this.readonly||this.readOnly)&&wt])}get _helptextstyles(){return"help-text"}get _label(){if(this.label)return be`<label for="${this._id}">${this.label}${this.label.length&&this.optional&&!this.required?be`<span>${y._({id:"textfield.label.optional",message:"Optional",comment:"Shown behind label when marked as optional"})}</span>`:me}</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(e){const{name:t,value:r}=e.currentTarget;this.value=r;const o={name:t,value:r,target:e.target},n=new Proxy(o,{get:(e,t)=>("undefined"!=typeof window&&(window.location.host.startsWith("www")||console.warn("w-textfield's CustomEvent is deprecated, please use the browser-native events instead (e.g. replace e.detail.value with e.target.value)")),e[t])}),a=new CustomEvent(e.type,{detail:n});this.dispatchEvent(a)}prefixSlotChange(){this.renderRoot.querySelector("slot[name=prefix]").assignedElements().length&&(this._hasPrefix=!0)}suffixSlotChange(){this.renderRoot.querySelector("slot[name=suffix]").assignedElements().length&&(this._hasSuffix=!0)}render(){return be`${this._label}<div class="${Ye({"w-textfield":!0,"w-textfield--has-prefix":this._hasPrefix,"w-textfield--has-suffix":this._hasSuffix})}"><div class="w-textfield__input-wrapper">${this.formatter?be`<div class="w-textfield__mask"></div>`:me} <input part="input" class="${this._inputstyles}" type="${this.type||"text"}" min="${Ue(this.min)}" max="${Ue(this.max)}" size="${Ue(this.size)}" minlength="${Ue(this.minLength||this.minlength)}" maxlength="${Ue(this.maxLength||this.maxlength)}" name="${Ue(this.name)}" pattern="${Ue(this.pattern)}" placeholder="${Ue(this.placeholder)}" .value="${this.value||""}" aria-describedby="${Ue(this._helpId||(this.ariaDescription?"aria-description":void 0))}" aria-errormessage="${Ue(this._error)}" aria-invalid="${Ue(this.invalid)}" id="${this._id}" ?disabled="${this.disabled}" ?readonly="${this.readonly||this.readOnly}" ?required="${this.required}" autocomplete="${Ue(this.autocomplete)}" step="${Ue(this.step)}" @blur="${this.handler}" @change="${this.handler}" @input="${this.handler}" @focus="${this.handler}" @keydown="${this.#r}"></div><slot @slotchange="${this.prefixSlotChange}" name="prefix"></slot><slot @slotchange="${this.suffixSlotChange}" name="suffix"></slot></div><span class="sr-only" id="aria-description">${this.ariaDescription}</span> ${this.helpText&&be`<div class="${this._helptextstyles}" id="${this._helpId}">${this.helpText}</div>`}`}}bt([je({type:Boolean,reflect:!0})],kt.prototype,"disabled",void 0),bt([je({type:Boolean,reflect:!0})],kt.prototype,"invalid",void 0),bt([je({type:String,reflect:!0})],kt.prototype,"label",void 0),bt([je({type:String,reflect:!0,attribute:"help-text"})],kt.prototype,"helpText",void 0),bt([je({type:Boolean,reflect:!0})],kt.prototype,"optional",void 0),bt([je({type:String,reflect:!0})],kt.prototype,"size",void 0),bt([je({type:Number,reflect:!0})],kt.prototype,"max",void 0),bt([je({type:Number,reflect:!0})],kt.prototype,"min",void 0),bt([je({type:Number,reflect:!0,attribute:"min-length"})],kt.prototype,"minLength",void 0),bt([je({type:Number,reflect:!0})],kt.prototype,"minlength",void 0),bt([je({type:Number,reflect:!0,attribute:"max-length"})],kt.prototype,"maxLength",void 0),bt([je({type:Number,reflect:!0})],kt.prototype,"maxlength",void 0),bt([je({type:String,reflect:!0})],kt.prototype,"pattern",void 0),bt([je({type:String,reflect:!0})],kt.prototype,"placeholder",void 0),bt([je({type:Boolean,reflect:!0,attribute:"read-only"})],kt.prototype,"readOnly",void 0),bt([je({type:Boolean,reflect:!0})],kt.prototype,"readonly",void 0),bt([je({type:Boolean,reflect:!0})],kt.prototype,"required",void 0),bt([je({type:String,reflect:!0})],kt.prototype,"type",void 0),bt([je({type:String,reflect:!0})],kt.prototype,"value",void 0),bt([je({type:String,reflect:!0})],kt.prototype,"name",void 0),bt([je({type:Number,reflect:!0})],kt.prototype,"step",void 0),bt([je({type:String,reflect:!0})],kt.prototype,"autocomplete",void 0),bt([je({attribute:!1})],kt.prototype,"formatter",void 0),bt([Ie(".w-textfield__mask")],kt.prototype,"mask",void 0),bt([je({type:Boolean})],kt.prototype,"_hasPrefix",void 0),bt([je({type:Boolean})],kt.prototype,"_hasSuffix",void 0),customElements.get("w-textfield")||customElements.define("w-textfield",kt);const _t=D`:host{display:inline-block}.w-icon{--_w-icon-size:var(--w-icon-size,24px);height:var(--_w-icon-size);width:var(--_w-icon-size);display:flex}.w-icon svg{pointer-events:none;height:var(--_w-icon-size);width:var(--_w-icon-size)}.w-icon--s{--w-icon-size:16px}.w-icon--m{--w-icon-size:24px}.w-icon--l{--w-icon-size:32px}`;var $t=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};const St=new Map;class Et extends Pe{constructor(){super(...arguments),this.locale=document.documentElement.lang||"en",this.svg=null}static#e=this.styles=[_t];async fetchIcon(e){const t=`https://assets.finn.no/pkg/eikons/~1/${this.locale}/${e}.svg`;try{const e=await function(e,t){void 0===t&&(t={});const r=t.responseParser??(e=>e.text());return St.has(e)||St.set(e,fetch(e).then(r)),St.get(e)}(t);return(new DOMParser).parseFromString(e,"text/html").body.querySelector("svg")}catch{return null}}firstUpdated(){this.loadIcon()}updated(e){(e.has("name")||e.has("locale"))&&this.loadIcon()}async loadIcon(){if(!this.name)return void(this.svg=null);let e=await this.fetchIcon(this.name);if(!e){e=(new DOMParser).parseFromString('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>',"text/html").body.firstElementChild}this.svg=e}render(){const e=this.size||"medium",t=this.name||"",r={"w-icon":!0,"w-icon--s":"small"===e,"w-icon--m":"medium"===e,"w-icon--l":"large"===e},o="string"==typeof e&&e.endsWith("px")?`--w-icon-size: ${e};`:"";return be`<div class="${Ye(r)}" style="${o}" part="w-${t.toLowerCase()}">${this.svg}</div>`}}$t([je({type:String,reflect:!0})],Et.prototype,"name",void 0),$t([je({type:String,reflect:!0})],Et.prototype,"size",void 0),$t([je({type:String,reflect:!0,useDefault:!0})],Et.prototype,"locale",void 0),$t([Ne()],Et.prototype,"svg",void 0);const Ct=Et;customElements.get("w-icon")||customElements.define("w-icon",Et);const zt=D`:host{--_wrapper-bg:var(--w-c-affix-wrapper-bg,transparent);--_wrapper-border-radius:var(--w-c-affix-wrapper-border-radius,.4rem);--_wrapper-padding-left:var(--w-c-affix-wrapper-padding-left,1.2rem);--_wrapper-padding-right:var(--w-c-affix-wrapper-padding-right,1.2rem);--_wrapper-width-with-label:var(--w-c-affix-wrapper-width-with-label,max-content);--_wrapper-width-with-icon:var(--w-c-affix-wrapper-width-with-icon,4rem);--_label-color:var(--w-c-affix-label-color,var(--w-s-color-text));--_label-font-size:var(--w-c-affix-label-font-size,var(--w-font-size-xs));--_label-line-height:var(--w-c-affix-label-line-height,var(--w-line-height-xs));--_label-font-weight:var(--w-c-affix-label-font-weight,700);--_label-cursor:var(--w-c-affix-label-cursor,default)}[part=wrapper]{background-color:var(--_wrapper-bg);border-radius:var(--_wrapper-border-radius);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0}:host([slot=prefix]) [part=wrapper]{left:0}:host([slot=suffix]) [part=wrapper]{right:0}[part=wrapper].has-label{width:var(--_wrapper-width-with-label)}:host([slot=prefix]) [part=wrapper].has-label{padding-left:var(--_wrapper-padding-left)}:host([slot=suffix]) [part=wrapper].has-label{padding-right:var(--_wrapper-padding-right)}[part=wrapper].has-icon{width:var(--_wrapper-width-with-icon)}[part=label]{font-size:var(--_label-font-size);line-height:var(--_label-line-height);font-weight:var(--_label-font-weight);color:var(--_label-color);cursor:var(--_label-cursor);padding-bottom:0;display:block;position:relative}button[part=wrapper]{cursor:pointer;border:none;outline:none}button[part=wrapper]:focus,button[part=wrapper]:focus-visible{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,-2px)}button[part=wrapper]:not(:focus-visible){outline:none}`,Ot=A("*,: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)}");var At=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};class Dt extends($(Pe)){constructor(){super(...arguments),this.ariaLabel=null,this.clear=!1,this.search=!1,this.label="",this.icon=null}static#e=this.styles=[nt,Ot,zt];get _wrapperClasses(){return e([this.label?"has-label":"has-icon"])}resetContainingTextField(e){const t=this.closest("w-textfield");t&&t.resetFormControl(),e.stopPropagation()}submitContainingForm(e){const t=this.internals.form;t&&t.submit(),e.stopPropagation()}get _searchButton(){const e=this.ariaLabel||y._({id:"affix.aria.search",message:"Search",comment:"Aria label for the search button in affix"});return be`<button part="wrapper" aria-label="${e}" class="${this._wrapperClasses}" type="submit" @click="${this.submitContainingForm.bind(this)}"><w-icon name="Search" size="small" locale="${Ze()}" class="flex"></w-icon></button>`}get _clearButton(){const e=this.ariaLabel||y._({id:"affix.aria.clearInput",message:"Clear input",comment:"Aria label for the clear input button in affix"});return be`<button part="wrapper" aria-label="${e}" class="${this._wrapperClasses}" type="reset" @click="${this.resetContainingTextField.bind(this)}"><w-icon name="Close" size="small" locale="${Ze()}" class="flex"></w-icon></button>`}get _icon(){return this.icon?be`<div part="wrapper" class="${this._wrapperClasses}"><w-icon name="${this.icon}" size="small" locale="${Ze()}" class="flex"></w-icon></div>`:""}get _text(){return be`<div part="wrapper" class="${this._wrapperClasses}"><span part="label">${this.label}</span></div>`}get _markup(){return this.label?this._text:this.icon?this._icon:this.search?this._searchButton:this.clear?this._clearButton:void 0}render(){return be`${this._markup}`}}At([je({attribute:"aria-label",reflect:!0,useDefault:!0})],Dt.prototype,"ariaLabel",void 0),At([je({type:Boolean})],Dt.prototype,"clear",void 0),At([je({type:Boolean})],Dt.prototype,"search",void 0),At([je({reflect:!0,useDefault:!0})],Dt.prototype,"label",void 0),At([je({reflect:!0,useDefault:!0})],Dt.prototype,"icon",void 0),customElements.get("w-affix")||customElements.define("w-affix",Dt);const Pt=A("*,: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}.inline{display:inline}.flex{display:flex}.hidden{display:none}.static{position:static}.s-bg-info-subtle{background-color:var(--w-s-color-background-info-subtle)}.s-bg-negative-subtle{background-color:var(--w-s-color-background-negative-subtle)}.s-bg-positive-subtle{background-color:var(--w-s-color-background-positive-subtle)}.s-bg-warning-subtle{background-color:var(--w-s-color-background-warning-subtle)}.s-text{color:var(--w-s-color-text)}.s-icon-info{color:var(--w-s-color-icon-info)}.s-icon-negative{color:var(--w-s-color-icon-negative)}.s-icon-positive{color:var(--w-s-color-icon-positive)}.s-icon-warning{color:var(--w-s-color-icon-warning)}.s-border-info-subtle{border-color:var(--w-s-color-border-info-subtle)}.s-border-l-info{border-left-color:var(--w-s-color-border-info)}.s-border-l-negative{border-left-color:var(--w-s-color-border-negative)}.s-border-l-positive{border-left-color:var(--w-s-color-border-positive)}.s-border-l-warning{border-left-color:var(--w-s-color-border-warning)}.s-border-negative-subtle{border-color:var(--w-s-color-border-negative-subtle)}.s-border-positive-subtle{border-color:var(--w-s-color-border-positive-subtle)}.s-border-warning-subtle{border-color:var(--w-s-color-border-warning-subtle)}.min-w-16{min-width:1.6rem}.w-16{width:1.6rem}.last-child\\:mb-0>:last-child{margin-bottom:0}.mr-8{margin-right:.8rem}.p-16{padding:1.6rem}.text-s{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s)}");var Mt=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};const Tt={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"},Rt={negative:"negative",positive:"positive",warning:"warning",info:"info"};class jt extends Pe{constructor(){super(),this.variant="info",this.show=!1,this.role="alert",this._internals=this.attachInternals(),this._internals.role="alert"}connectedCallback(){if(super.connectedCallback(),this.variant&&!Rt[this.variant])throw new Error("Invalid 'variant' attribute. Set its value to one of the following:\nnegative, positive, warning, info.")}get _wrapperClasses(){const t=this.variant;return e([Tt.wrapper,Tt[t]])}get _iconClasses(){const t=this.variant;return e([Tt.icon,Tt[`${t}Icon`]])}static#e=this.styles=[nt,Pt,D`:host{display:block}::slotted(:first-child){margin-top:0}::slotted(:last-child){margin-bottom:0!important}`];get _icon(){const e=Ze(),t=this.variant||"info";return t===Rt.info?be`<w-icon name="Info" size="small" locale="${e}" class="flex"></w-icon>`:t===Rt.warning?be`<w-icon name="Warning" size="small" locale="${e}" class="flex"></w-icon>`:t===Rt.negative?be`<w-icon name="Error" size="small" locale="${e}" class="flex"></w-icon>`:t===Rt.positive?be`<w-icon name="Success" size="small" locale="${e}" class="flex"></w-icon>`:""}render(){return be`<w-expand-transition ?show="${this.show}"><div role="${this.role}" class="${this._wrapperClasses}"><div class="${this._iconClasses}">${this._icon}</div><div class="${Tt.textWrapper}"><slot></slot></div></div></w-expand-transition>`}}Mt([je({reflect:!0,useDefault:!0})],jt.prototype,"variant",void 0),Mt([je({type:Boolean,reflect:!0,useDefault:!0})],jt.prototype,"show",void 0),Mt([je({reflect:!0,useDefault:!0})],jt.prototype,"role",void 0),customElements.get("w-alert")||customElements.define("w-alert",jt);const Nt=D`:host{--_bg:var(--w-c-button-bg,var(--w-s-color-background));--_bg-hover:var(--w-c-button-bg-hover,var(--w-s-color-background-hover));--_bg-active:var(--w-c-button-bg-active,var(--w-s-color-background-active));--_color:var(--w-c-button-color,var(--w-s-color-text-link));--_color-hover:var(--w-c-button-color-hover,var(--_color));--_color-active:var(--w-c-button-color-active,var(--_color));--_border-width:var(--w-c-button-border-width,2px);--_border-color:var(--w-c-button-border-color,var(--w-s-color-border));--_border-color-hover:var(--w-c-button-border-color-hover,var(--w-s-color-border-hover));--_border-color-active:var(--w-c-button-border-color-active,var(--w-s-color-border-active));--_radius:var(--w-c-button-radius,var(--w-button-radius-default,8px));--_font-size:var(--w-c-button-font-size,var(--w-font-size-m));--_line-height:var(--w-c-button-line-height,var(--w-line-height-m));--_font-weight:var(--w-c-button-font-weight,700);--_pad-x:var(--w-c-button-padding-x,16px);--_pad-y:var(--w-c-button-padding-y,13px);--_outline-width:var(--w-c-button-outline-width,2px);--_outline-color:var(--w-c-button-outline-color,var(--w-s-color-border-focus));--_outline-offset:var(--w-c-button-outline-offset,var(--w-outline-offset,1px));--_transition:var(--w-c-button-transition,color .15s cubic-bezier(.4, 0, .2, 1), background-color .15s cubic-bezier(.4, 0, .2, 1), border-color .15s cubic-bezier(.4, 0, .2, 1));--w-c-button-icon-color:var(--w-s-color-icon);display:inline-block}:host(:focus-visible){outline:none}`,Vt=D`:host([variant=primary]){--w-c-button-bg:var(--w-s-color-background-primary);--w-c-button-bg-hover:var(--w-s-color-background-primary-hover);--w-c-button-bg-active:var(--w-s-color-background-primary-active);--w-c-button-color:var(--w-s-color-text-inverted);--w-c-button-border-width:0px}:host([variant=negative]){--w-c-button-bg:var(--w-s-color-background-negative);--w-c-button-bg-hover:var(--w-s-color-background-negative-hover);--w-c-button-bg-active:var(--w-s-color-background-negative-active);--w-c-button-color:var(--w-s-color-text-inverted);--w-c-button-border-width:0px}:host([variant=negativeQuiet]){--w-c-button-bg:transparent;--w-c-button-bg-hover:var(--w-s-color-background-negative-subtle-hover);--w-c-button-bg-active:var(--w-s-color-background-negative-subtle-active);--w-c-button-color:var(--w-s-color-text-negative);--w-c-button-border-width:0px}:host([variant=utility]){--w-c-button-bg:var(--w-s-color-background);--w-c-button-color:var(--w-s-color-text);--w-c-button-radius:var(--w-button-radius-utility,4px);--w-c-button-border-width:1px}:host([variant=utilityQuiet]){--w-c-button-bg:transparent;--w-c-button-color:var(--w-s-color-text);--w-c-button-border-width:0px}:host([variant=quiet]){--w-c-button-bg:transparent;--w-c-button-border-width:0px}:host([variant=overlay]){--w-c-button-bg:var(--w-s-color-background);--w-c-button-bg-hover:var(--w-s-color-background-hover);--w-c-button-bg-active:var(--w-s-color-background-active);--w-c-button-color:var(--w-s-color-text);--w-c-button-radius:9999px;--w-c-button-border-width:0px}:host([variant=overlayInverted]){--w-c-button-bg:var(--w-s-color-background-inverted);--w-c-button-bg-hover:var(--w-s-color-background-inverted-hover);--w-c-button-bg-active:var(--w-s-color-background-inverted-active);--w-c-button-color:var(--w-s-color-text-inverted);--w-c-button-radius:9999px;--w-c-button-border-width:0px}:host([variant=overlayQuiet]){--w-c-button-bg:transparent;--w-c-button-bg-hover:var(--w-s-color-background-hover);--w-c-button-bg-active:var(--w-s-color-background-active);--w-c-button-color:var(--w-s-color-text);--w-c-button-radius:9999px;--w-c-button-border-width:0px}:host([variant=overlayInvertedQuiet]){--w-c-button-bg:transparent;--w-c-button-bg-hover:var(--w-s-color-background-inverted-hover);--w-c-button-bg-active:var(--w-s-color-background-inverted-active);--w-c-button-color:var(--w-s-color-text-inverted);--w-c-button-radius:9999px;--w-c-button-border-width:0px}:host([variant=link]){--w-c-button-bg:transparent;--w-c-button-border-width:0px;--w-c-button-padding-x:0px;--w-c-button-padding-y:0px;--w-c-button-font-weight:400;--w-c-button-bg-hover:transparent;--w-c-button-bg-active:transparent;--w-c-button-color:var(--w-s-color-text-link);--w-c-button-color-hover:var(--w-s-color-text-link-hover,var(--w-c-button-color));--w-c-button-color-active:var(--w-s-color-text-link-active,var(--w-c-button-color))}`,It=D`:host([small]){--w-c-button-padding-x:12px;--w-c-button-padding-y:8px;--w-c-button-font-size:var(--w-font-size-xs);--w-c-button-line-height:var(--w-line-height-xs)}`,Ft=D`:host([disabled]){pointer-events:none;cursor:default;--w-c-button-bg:var(--w-s-color-background-disabled);--w-c-button-bg-hover:var(--w-s-color-background-disabled);--w-c-button-bg-active:var(--w-s-color-background-disabled);--w-c-button-color:var(--w-s-color-text-inverted);--w-c-button-border-width:0px}`,Lt=D`${Nt}button[part=base]{text-align:center;cursor:pointer;background-color:var(--_bg);color:var(--_color);border:var(--_border-width) solid var(--_border-color);border-radius:var(--_radius);padding:calc(var(--_pad-y) - var(--_border-width)) calc(var(--_pad-x) - var(--_border-width));font-size:var(--_font-size);line-height:var(--_line-height);font-weight:var(--_font-weight);transition:var(--_transition);justify-content:center;align-items:center;display:inline-flex}button[part=base] ::slotted(*){line-height:inherit}:host>w-link[part=base]{background:0 0;border:0;padding:0;display:inline-block}:host(:not([disabled]):not([loading])) button[part=base]:hover{background-color:var(--_bg-hover);border-color:var(--_border-color-hover);color:var(--_color-hover)}:host(:not([disabled]):not([loading])) button[part=base]:active{background-color:var(--_bg-active);border-color:var(--_border-color-active);color:var(--_color-active)}:host(:focus-visible) button[part=base]{outline:var(--_outline-width) solid var(--_outline-color);outline-offset:var(--_outline-offset)}${Vt}:host([variant=negative][quiet]){--w-c-button-bg:transparent;--w-c-button-bg-hover:var(--w-s-color-background-negative-subtle-hover);--w-c-button-bg-active:var(--w-s-color-background-negative-subtle-active);--w-c-button-color:var(--w-s-color-text-negative);--w-c-button-border-width:0px}:host([variant=utility][quiet]){--w-c-button-bg:transparent;--w-c-button-color:var(--w-s-color-text);--w-c-button-border-width:0px}:host([variant=pill]){--w-c-button-bg:transparent;--w-c-button-radius:50%;--w-c-button-border-width:0px;--w-c-button-padding-x:14px;--w-c-button-padding-y:14px;--w-c-button-color:var(--w-c-button-icon-color,var(--w-s-color-icon))}:host([variant=pill]) button[part=base]{min-width:44px;min-height:44px}:host([small][variant=pill]) button[part=base]{min-width:32px;min-height:32px}:host([variant=link]) button[part=base]{padding:0;display:inline}:host([variant=link]:not([disabled]):not([loading])) button[part=base]:hover{color:var(--w-c-button-color-hover);background-color:#0000;border-color:#0000;text-decoration:underline}${It}:host([small][variant=pill]){--w-c-button-padding-x:8px;--w-c-button-padding-y:8px}:host([full-width]){width:100%;display:block}:host([full-width]) button[part=base],:host([full-width])>w-link[part=base]{width:100%}:host([icon-only]) button[part=base]{aspect-ratio:1;padding-left:calc(var(--w-c-button-padding-y) - var(--w-c-button-border-width,0px));padding-right:calc(var(--w-c-button-padding-y) - var(--w-c-button-border-width,0px))}${Ft}:host([disabled][variant]),:host([disabled][quiet]){--w-c-button-bg:var(--w-s-color-background-disabled);--w-c-button-bg-hover:var(--w-s-color-background-disabled);--w-c-button-bg-active:var(--w-s-color-background-disabled);--w-c-button-color:var(--w-s-color-text-inverted);--w-c-button-border-width:0px;--w-c-button-border-color:transparent;--w-c-button-border-color-hover:transparent;--w-c-button-border-color-active:transparent;--w-c-button-color-hover:var(--w-s-color-text-inverted);--w-c-button-color-active:var(--w-s-color-text-inverted)}:host([loading]),:host([loading][variant]),:host([loading][quiet]){pointer-events:none;--w-c-button-bg:var(--w-s-color-background-subtle);--w-c-button-bg-hover:var(--w-s-color-background-subtle);--w-c-button-bg-active:var(--w-s-color-background-subtle);--w-c-button-color:var(--w-s-color-text);--w-c-button-color-hover:var(--w-s-color-text);--w-c-button-color-active:var(--w-s-color-text);--w-c-button-border-width:0px;--w-c-button-border-color:transparent;--w-c-button-border-color-hover:transparent;--w-c-button-border-color-active:transparent}:host([loading]) button[part=base]{background-image:linear-gradient(135deg,#0000000d 25%,#0000 25% 50%,#0000000d 50% 75%,#0000 75%,#0000);background-size:30px 30px;animation:3s linear infinite animate-inprogress}@media (prefers-reduced-motion:reduce){:host([loading]) button[part=base]{animation:none}}@keyframes animate-inprogress{0%{background-position:0 0}to{background-position:60px 0}}`,qt=D`${Nt}a[part=base]{text-align:center;cursor:pointer;background-color:var(--_bg);color:var(--_color);border:var(--_border-width) solid var(--_border-color);border-radius:var(--_radius);padding:calc(var(--_pad-y) - var(--_border-width)) calc(var(--_pad-x) - var(--_border-width));font-size:var(--_font-size);line-height:var(--_line-height);font-weight:var(--_font-weight);transition:var(--_transition);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}:host(:not([disabled])) a[part=base]:hover{background-color:var(--_bg-hover);border-color:var(--_border-color-hover);color:var(--_color-hover)}:host(:not([disabled])) a[part=base]:active{background-color:var(--_bg-active);border-color:var(--_border-color-active);color:var(--_color-active)}:host(:focus-visible) a[part=base]{outline:var(--_outline-width) solid var(--_outline-color);outline-offset:var(--_outline-offset)}${Vt}:host([variant=link]) a[part=base]{padding:0;display:inline}:host([variant=link]:not([disabled])) a[part=base]:hover{background-color:#0000;border-color:#0000;text-decoration:underline}${It}:host([full-width]){width:100%;display:block}:host([full-width]) a[part=base]{width:100%}${Ft}`;var Wt=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};const Bt=["primary","secondary","negative","negativeQuiet","utility","utilityQuiet","quiet","link","overlay","overlayInverted","overlayQuiet","overlayInvertedQuiet"];class Ht extends Pe{constructor(){super(...arguments),this.autofocus=!1,this.small=!1,this.disabled=!1,this.fullWidth=!1}static#e=this.shadowRootOptions={...Pe.shadowRootOptions,delegatesFocus:!0};static#o=this.styles=[nt,qt];connectedCallback(){if(super.connectedCallback(),this.variant&&!Bt.includes(this.variant))throw new Error(`Invalid "variant" attribute. Set its value to one of the following:\n${Bt.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0)}render(){return be`<a href="${this.href}" part="base" target="${this.target}" rel="${"_blank"===this.target?this.rel||"noopener":me}" tabindex="0"><slot></slot></a>`}}Wt([je({type:Boolean,reflect:!0})],Ht.prototype,"autofocus",void 0),Wt([je({reflect:!0})],Ht.prototype,"variant",void 0),Wt([je({type:Boolean,reflect:!0})],Ht.prototype,"small",void 0),Wt([je({reflect:!0})],Ht.prototype,"href",void 0),Wt([je({type:Boolean,reflect:!0})],Ht.prototype,"disabled",void 0),Wt([je({reflect:!0})],Ht.prototype,"target",void 0),Wt([je({reflect:!0})],Ht.prototype,"rel",void 0),Wt([je({attribute:"full-width",type:Boolean,reflect:!0})],Ht.prototype,"fullWidth",void 0),customElements.get("w-link")||customElements.define("w-link",Ht);const Yt=JSON.parse('{"button.aria.loading":["Indlæser..."]}'),Ut=JSON.parse('{"button.aria.loading":["Loading..."]}'),Xt=JSON.parse('{"button.aria.loading":["Ladataan..."]}'),Jt=JSON.parse('{"button.aria.loading":["Laster..."]}'),Kt=JSON.parse('{"button.aria.loading":["Laddar ..."]}');var Zt=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};const Qt=["primary","secondary","negative","negativeQuiet","utility","pill","link","quiet","utilityQuiet","overlay","overlayInverted","overlayQuiet","overlayInvertedQuiet"];class Gt extends($(Pe)){static#e=this.styles=[nt,Lt];static#o=this.shadowRootOptions={...Pe.shadowRootOptions,delegatesFocus:!0};#t;updated(e){e.has("value")&&this.setValue(this.value)}constructor(){super(),this.autofocus=!1,this.quiet=!1,this.iconOnly=!1,this.small=!1,this.loading=!1,this.disabled=!1,this.fullWidth=!1,this.#t=void 0,Qe(Ut,Jt,Xt,Yt,Kt),this.ariaValueTextLoading=y.t({id:"button.aria.loading",message:"Loading...",comment:"Screen reader message for buttons that are loading"})}connectedCallback(){super.connectedCallback();const e=this.variant||"secondary";if(!Qt.includes(e))throw new Error(`Invalid "variant" attribute. Set its value to one of the following:\n${Qt.join(", ")}.`);this.#t=this.value}closestWithId(e){let t,r=this.shadowRoot;try{for(;r;){if(t=r.getElementById(e),t)return t;r=r.getRootNode().host?.getRootNode()}}catch{}return document.getElementById(e)}firstUpdated(){this.autofocus&&!this.href&&setTimeout(()=>this.focus(),0),this.buttonEl&&this.commandfor&&(this.buttonEl.commandForElement=this.closestWithId(this.commandfor))}_handleButtonClick(){"submit"===this.type?this.internals.form.requestSubmit():"reset"===this.type&&this.internals.form.reset()}resetFormControl(){this.value=this.#t}render(){const e=this.variant||"secondary";return be`${this.href?be`<w-link href="${this.href}" target="${this.target}" variant="${this.quiet?"quiet":e}" ?small="${this.small}" ?loading="${this.loading}" ?autofocus="${this.autofocus}" ?full-width="${this.fullWidth}" class="${this.buttonClass}" rel="${"_blank"===this.target?this.rel||"noopener":void 0}"><slot></slot></w-link>`:be`<button type="${this.type||"button"}" part="base" class="${Ue(this.buttonClass)}" @click="${this._handleButtonClick}" commandfor="${Ue(this.commandfor)}" command="${Ue(this.command)}"><slot></slot></button>`} ${this.loading?be`<span class="sr-only" role="progressbar" aria-valuenow="{0}" aria-valuetext="${this.ariaValueTextLoading}"></span>`:me}`}}Zt([je({reflect:!0})],Gt.prototype,"type",void 0),Zt([je({type:Boolean,reflect:!0})],Gt.prototype,"autofocus",void 0),Zt([je({reflect:!0})],Gt.prototype,"variant",void 0),Zt([je({type:Boolean,reflect:!0})],Gt.prototype,"quiet",void 0),Zt([je({type:Boolean,reflect:!0,attribute:"icon-only"})],Gt.prototype,"iconOnly",void 0),Zt([je({type:Boolean,reflect:!0})],Gt.prototype,"small",void 0),Zt([je({type:Boolean,reflect:!0})],Gt.prototype,"loading",void 0),Zt([je({reflect:!0})],Gt.prototype,"href",void 0),Zt([je({reflect:!0})],Gt.prototype,"target",void 0),Zt([je({type:Boolean,reflect:!0})],Gt.prototype,"disabled",void 0),Zt([je({reflect:!0})],Gt.prototype,"rel",void 0),Zt([je({attribute:"full-width",type:Boolean,reflect:!0})],Gt.prototype,"fullWidth",void 0),Zt([je({attribute:"button-class",reflect:!0})],Gt.prototype,"buttonClass",void 0),Zt([je({reflect:!0})],Gt.prototype,"name",void 0),Zt([je({reflect:!0})],Gt.prototype,"value",void 0),Zt([je()],Gt.prototype,"commandfor",void 0),Zt([je()],Gt.prototype,"command",void 0),Zt([Ie("button")],Gt.prototype,"buttonEl",void 0),customElements.get("w-button")||customElements.define("w-button",Gt);const er=["top","right","bottom","left"],tr=Math.min,rr=Math.max,or=Math.round,nr=e=>({x:e,y:e}),ar={left:"right",right:"left",bottom:"top",top:"bottom"};function ir(e,t,r){return rr(e,tr(t,r))}function sr(e,t){return"function"==typeof e?e(t):e}function lr(e){return e.split("-")[0]}function dr(e){return e.split("-")[1]}function cr(e){return"x"===e?"y":"x"}function hr(e){return"y"===e?"height":"width"}function ur(e){const t=e[0];return"t"===t||"b"===t?"y":"x"}function pr(e){return cr(ur(e))}function br(e){return e.includes("start")?e.replace("start","end"):e.replace("end","start")}const gr=["left","right"],mr=["right","left"],vr=["top","bottom"],fr=["bottom","top"];function wr(e,t,r,o){const n=dr(e);let a=function(e,t,r){switch(e){case"top":case"bottom":return r?t?mr:gr:t?gr:mr;case"left":case"right":return t?vr:fr;default:return[]}}(lr(e),"start"===r,o);return n&&(a=a.map(e=>e+"-"+n),t&&(a=a.concat(a.map(br)))),a}function yr(e){const t=lr(e);return ar[t]+e.slice(t.length)}function xr(e){return"number"!=typeof e?function(e){return{top:0,right:0,bottom:0,left:0,...e}}(e):{top:e,right:e,bottom:e,left:e}}function kr(e){const{x:t,y:r,width:o,height:n}=e;return{width:o,height:n,top:r,left:t,right:t+o,bottom:r+n,x:t,y:r}}function _r(e,t,r){let{reference:o,floating:n}=e;const a=ur(t),i=pr(t),s=hr(i),l=lr(t),d="y"===a,c=o.x+o.width/2-n.width/2,h=o.y+o.height/2-n.height/2,u=o[s]/2-n[s]/2;let p;switch(l){case"top":p={x:c,y:o.y-n.height};break;case"bottom":p={x:c,y:o.y+o.height};break;case"right":p={x:o.x+o.width,y:h};break;case"left":p={x:o.x-n.width,y:h};break;default:p={x:o.x,y:o.y}}switch(dr(t)){case"start":p[i]-=u*(r&&d?-1:1);break;case"end":p[i]+=u*(r&&d?-1:1)}return p}async function $r(e,t){var r;void 0===t&&(t={});const{x:o,y:n,platform:a,rects:i,elements:s,strategy:l}=e,{boundary:d="clippingAncestors",rootBoundary:c="viewport",elementContext:h="floating",altBoundary:u=!1,padding:p=0}=sr(t,e),b=xr(p),g=s[u?"floating"===h?"reference":"floating":h],m=kr(await a.getClippingRect({element:null==(r=await(null==a.isElement?void 0:a.isElement(g)))||r?g:g.contextElement||await(null==a.getDocumentElement?void 0:a.getDocumentElement(s.floating)),boundary:d,rootBoundary:c,strategy:l})),v="floating"===h?{x:o,y:n,width:i.floating.width,height:i.floating.height}:i.reference,f=await(null==a.getOffsetParent?void 0:a.getOffsetParent(s.floating)),w=await(null==a.isElement?void 0:a.isElement(f))&&await(null==a.getScale?void 0:a.getScale(f))||{x:1,y:1},y=kr(a.convertOffsetParentRelativeRectToViewportRelativeRect?await a.convertOffsetParentRelativeRectToViewportRelativeRect({elements:s,rect:v,offsetParent:f,strategy:l}):v);return{top:(m.top-y.top+b.top)/w.y,bottom:(y.bottom-m.bottom+b.bottom)/w.y,left:(m.left-y.left+b.left)/w.x,right:(y.right-m.right+b.right)/w.x}}function Sr(e,t){return{top:e.top-t.height,right:e.right-t.width,bottom:e.bottom-t.height,left:e.left-t.width}}function Er(e){return er.some(t=>e[t]>=0)}const Cr=new Set(["left","top"]);function zr(){return"undefined"!=typeof window}function Or(e){return Pr(e)?(e.nodeName||"").toLowerCase():"#document"}function Ar(e){var t;return(null==e||null==(t=e.ownerDocument)?void 0:t.defaultView)||window}function Dr(e){var t;return null==(t=(Pr(e)?e.ownerDocument:e.document)||window.document)?void 0:t.documentElement}function Pr(e){return!!zr()&&(e instanceof Node||e instanceof Ar(e).Node)}function Mr(e){return!!zr()&&(e instanceof Element||e instanceof Ar(e).Element)}function Tr(e){return!!zr()&&(e instanceof HTMLElement||e instanceof Ar(e).HTMLElement)}function Rr(e){return!(!zr()||"undefined"==typeof ShadowRoot)&&(e instanceof ShadowRoot||e instanceof Ar(e).ShadowRoot)}function jr(e){const{overflow:t,overflowX:r,overflowY:o,display:n}=Yr(e);return/auto|scroll|overlay|hidden|clip/.test(t+o+r)&&"inline"!==n&&"contents"!==n}function Nr(e){return/^(table|td|th)$/.test(Or(e))}function Vr(e){try{if(e.matches(":popover-open"))return!0}catch(e){}try{return e.matches(":modal")}catch(e){return!1}}const Ir=/transform|translate|scale|rotate|perspective|filter/,Fr=/paint|layout|strict|content/,Lr=e=>!!e&&"none"!==e;let qr;function Wr(e){const t=Mr(e)?Yr(e):e;return Lr(t.transform)||Lr(t.translate)||Lr(t.scale)||Lr(t.rotate)||Lr(t.perspective)||!Br()&&(Lr(t.backdropFilter)||Lr(t.filter))||Ir.test(t.willChange||"")||Fr.test(t.contain||"")}function Br(){return null==qr&&(qr="undefined"!=typeof CSS&&CSS.supports&&CSS.supports("-webkit-backdrop-filter","none")),qr}function Hr(e){return/^(html|body|#document)$/.test(Or(e))}function Yr(e){return Ar(e).getComputedStyle(e)}function Ur(e){return Mr(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function Xr(e){if("html"===Or(e))return e;const t=e.assignedSlot||e.parentNode||Rr(e)&&e.host||Dr(e);return Rr(t)?t.host:t}function Jr(e){const t=Xr(e);return Hr(t)?e.ownerDocument?e.ownerDocument.body:e.body:Tr(t)&&jr(t)?t:Jr(t)}function Kr(e,t,r){var o;void 0===t&&(t=[]);const n=Jr(e),a=n===(null==(o=e.ownerDocument)?void 0:o.body),i=Ar(n);return a?(Zr(i),t.concat(i,i.visualViewport||[],jr(n)?n:[],[])):t.concat(n,Kr(n,[]))}function Zr(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function Qr(e){const t=Yr(e);let r=parseFloat(t.width)||0,o=parseFloat(t.height)||0;const n=Tr(e),a=n?e.offsetWidth:r,i=n?e.offsetHeight:o,s=or(r)!==a||or(o)!==i;return s&&(r=a,o=i),{width:r,height:o,$:s}}function Gr(e){return Mr(e)?e:e.contextElement}function eo(e){const t=Gr(e);if(!Tr(t))return nr(1);const r=t.getBoundingClientRect(),{width:o,height:n,$:a}=Qr(t);let i=(a?or(r.width):r.width)/o,s=(a?or(r.height):r.height)/n;return i&&Number.isFinite(i)||(i=1),s&&Number.isFinite(s)||(s=1),{x:i,y:s}}const to=nr(0);function ro(e){const t=Ar(e);return Br()&&t.visualViewport?{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}:to}function oo(e,t,r,o){void 0===t&&(t=!1),void 0===r&&(r=!1);const n=e.getBoundingClientRect(),a=Gr(e);let i=nr(1);t&&(o?Mr(o)&&(i=eo(o)):i=eo(e));const s=function(e,t,r){return void 0===t&&(t=!1),!(!r||t&&r!==Ar(e))&&t}(a,r,o)?ro(a):nr(0);let l=(n.left+s.x)/i.x,d=(n.top+s.y)/i.y,c=n.width/i.x,h=n.height/i.y;if(a){const e=Ar(a),t=o&&Mr(o)?Ar(o):o;let r=e,n=Zr(r);for(;n&&o&&t!==r;){const e=eo(n),t=n.getBoundingClientRect(),o=Yr(n),a=t.left+(n.clientLeft+parseFloat(o.paddingLeft))*e.x,i=t.top+(n.clientTop+parseFloat(o.paddingTop))*e.y;l*=e.x,d*=e.y,c*=e.x,h*=e.y,l+=a,d+=i,r=Ar(n),n=Zr(r)}}return kr({width:c,height:h,x:l,y:d})}function no(e,t){const r=Ur(e).scrollLeft;return t?t.left+r:oo(Dr(e)).left+r}function ao(e,t){const r=e.getBoundingClientRect();return{x:r.left+t.scrollLeft-no(e,r),y:r.top+t.scrollTop}}function io(e,t,r){let o;if("viewport"===t)o=function(e,t){const r=Ar(e),o=Dr(e),n=r.visualViewport;let a=o.clientWidth,i=o.clientHeight,s=0,l=0;if(n){a=n.width,i=n.height;const e=Br();(!e||e&&"fixed"===t)&&(s=n.offsetLeft,l=n.offsetTop)}const d=no(o);if(d<=0){const e=o.ownerDocument,t=e.body,r=getComputedStyle(t),n="CSS1Compat"===e.compatMode&&parseFloat(r.marginLeft)+parseFloat(r.marginRight)||0,i=Math.abs(o.clientWidth-t.clientWidth-n);i<=25&&(a-=i)}else d<=25&&(a+=d);return{width:a,height:i,x:s,y:l}}(e,r);else if("document"===t)o=function(e){const t=Dr(e),r=Ur(e),o=e.ownerDocument.body,n=rr(t.scrollWidth,t.clientWidth,o.scrollWidth,o.clientWidth),a=rr(t.scrollHeight,t.clientHeight,o.scrollHeight,o.clientHeight);let i=-r.scrollLeft+no(e);const s=-r.scrollTop;return"rtl"===Yr(o).direction&&(i+=rr(t.clientWidth,o.clientWidth)-n),{width:n,height:a,x:i,y:s}}(Dr(e));else if(Mr(t))o=function(e,t){const r=oo(e,!0,"fixed"===t),o=r.top+e.clientTop,n=r.left+e.clientLeft,a=Tr(e)?eo(e):nr(1);return{width:e.clientWidth*a.x,height:e.clientHeight*a.y,x:n*a.x,y:o*a.y}}(t,r);else{const r=ro(e);o={x:t.x-r.x,y:t.y-r.y,width:t.width,height:t.height}}return kr(o)}function so(e,t){const r=Xr(e);return!(r===t||!Mr(r)||Hr(r))&&("fixed"===Yr(r).position||so(r,t))}function lo(e,t,r){const o=Tr(t),n=Dr(t),a="fixed"===r,i=oo(e,!0,a,t);let s={scrollLeft:0,scrollTop:0};const l=nr(0);function d(){l.x=no(n)}if(o||!o&&!a)if(("body"!==Or(t)||jr(n))&&(s=Ur(t)),o){const e=oo(t,!0,a,t);l.x=e.x+t.clientLeft,l.y=e.y+t.clientTop}else n&&d();a&&!o&&n&&d();const c=!n||o||a?nr(0):ao(n,s);return{x:i.left+s.scrollLeft-l.x-c.x,y:i.top+s.scrollTop-l.y-c.y,width:i.width,height:i.height}}function co(e){return"static"===Yr(e).position}function ho(e,t){if(!Tr(e)||"fixed"===Yr(e).position)return null;if(t)return t(e);let r=e.offsetParent;return Dr(e)===r&&(r=r.ownerDocument.body),r}function uo(e,t){const r=Ar(e);if(Vr(e))return r;if(!Tr(e)){let t=Xr(e);for(;t&&!Hr(t);){if(Mr(t)&&!co(t))return t;t=Xr(t)}return r}let o=ho(e,t);for(;o&&Nr(o)&&co(o);)o=ho(o,t);return o&&Hr(o)&&co(o)&&!Wr(o)?r:o||function(e){let t=Xr(e);for(;Tr(t)&&!Hr(t);){if(Wr(t))return t;if(Vr(t))return null;t=Xr(t)}return null}(e)||r}const po={convertOffsetParentRelativeRectToViewportRelativeRect:function(e){let{elements:t,rect:r,offsetParent:o,strategy:n}=e;const a="fixed"===n,i=Dr(o),s=!!t&&Vr(t.floating);if(o===i||s&&a)return r;let l={scrollLeft:0,scrollTop:0},d=nr(1);const c=nr(0),h=Tr(o);if((h||!h&&!a)&&(("body"!==Or(o)||jr(i))&&(l=Ur(o)),h)){const e=oo(o);d=eo(o),c.x=e.x+o.clientLeft,c.y=e.y+o.clientTop}const u=!i||h||a?nr(0):ao(i,l);return{width:r.width*d.x,height:r.height*d.y,x:r.x*d.x-l.scrollLeft*d.x+c.x+u.x,y:r.y*d.y-l.scrollTop*d.y+c.y+u.y}},getDocumentElement:Dr,getClippingRect:function(e){let{element:t,boundary:r,rootBoundary:o,strategy:n}=e;const a="clippingAncestors"===r?Vr(t)?[]:function(e,t){const r=t.get(e);if(r)return r;let o=Kr(e,[]).filter(e=>Mr(e)&&"body"!==Or(e)),n=null;const a="fixed"===Yr(e).position;let i=a?Xr(e):e;for(;Mr(i)&&!Hr(i);){const t=Yr(i),r=Wr(i);r||"fixed"!==t.position||(n=null),(a?!r&&!n:!r&&"static"===t.position&&n&&("absolute"===n.position||"fixed"===n.position)||jr(i)&&!r&&so(e,i))?o=o.filter(e=>e!==i):n=t,i=Xr(i)}return t.set(e,o),o}(t,this._c):[].concat(r),i=[...a,o],s=io(t,i[0],n);let l=s.top,d=s.right,c=s.bottom,h=s.left;for(let e=1;e<i.length;e++){const r=io(t,i[e],n);l=rr(r.top,l),d=tr(r.right,d),c=tr(r.bottom,c),h=rr(r.left,h)}return{width:d-h,height:c-l,x:h,y:l}},getOffsetParent:uo,getElementRects:async function(e){const t=this.getOffsetParent||uo,r=this.getDimensions,o=await r(e.floating);return{reference:lo(e.reference,await t(e.floating),e.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}},getClientRects:function(e){return Array.from(e.getClientRects())},getDimensions:function(e){const{width:t,height:r}=Qr(e);return{width:t,height:r}},getScale:eo,isElement:Mr,isRTL:function(e){return"rtl"===Yr(e).direction}},bo=function(e){return void 0===e&&(e=0),{name:"offset",options:e,async fn(t){var r,o;const{x:n,y:a,placement:i,middlewareData:s}=t,l=await async function(e,t){const{placement:r,platform:o,elements:n}=e,a=await(null==o.isRTL?void 0:o.isRTL(n.floating)),i=lr(r),s=dr(r),l="y"===ur(r),d=Cr.has(i)?-1:1,c=a&&l?-1:1,h=sr(t,e);let{mainAxis:u,crossAxis:p,alignmentAxis:b}="number"==typeof h?{mainAxis:h,crossAxis:0,alignmentAxis:null}:{mainAxis:h.mainAxis||0,crossAxis:h.crossAxis||0,alignmentAxis:h.alignmentAxis};return s&&"number"==typeof b&&(p="end"===s?-1*b:b),l?{x:p*c,y:u*d}:{x:u*d,y:p*c}}(t,e);return i===(null==(r=s.offset)?void 0:r.placement)&&null!=(o=s.arrow)&&o.alignmentOffset?{}:{x:n+l.x,y:a+l.y,data:{...l,placement:i}}}}},go=function(e){return void 0===e&&(e={}),{name:"shift",options:e,async fn(t){const{x:r,y:o,placement:n,platform:a}=t,{mainAxis:i=!0,crossAxis:s=!1,limiter:l={fn:e=>{let{x:t,y:r}=e;return{x:t,y:r}}},...d}=sr(e,t),c={x:r,y:o},h=await a.detectOverflow(t,d),u=ur(lr(n)),p=cr(u);let b=c[p],g=c[u];if(i){const e="y"===p?"bottom":"right";b=ir(b+h["y"===p?"top":"left"],b,b-h[e])}if(s){const e="y"===u?"bottom":"right";g=ir(g+h["y"===u?"top":"left"],g,g-h[e])}const m=l.fn({...t,[p]:b,[u]:g});return{...m,data:{x:m.x-r,y:m.y-o,enabled:{[p]:i,[u]:s}}}}}},mo=function(e){return void 0===e&&(e={}),{name:"flip",options:e,async fn(t){var r,o;const{placement:n,middlewareData:a,rects:i,initialPlacement:s,platform:l,elements:d}=t,{mainAxis:c=!0,crossAxis:h=!0,fallbackPlacements:u,fallbackStrategy:p="bestFit",fallbackAxisSideDirection:b="none",flipAlignment:g=!0,...m}=sr(e,t);if(null!=(r=a.arrow)&&r.alignmentOffset)return{};const v=lr(n),f=ur(s),w=lr(s)===s,y=await(null==l.isRTL?void 0:l.isRTL(d.floating)),x=u||(w||!g?[yr(s)]:function(e){const t=yr(e);return[br(e),t,br(t)]}(s)),k="none"!==b;!u&&k&&x.push(...wr(s,g,b,y));const _=[s,...x],$=await l.detectOverflow(t,m),S=[];let E=(null==(o=a.flip)?void 0:o.overflows)||[];if(c&&S.push($[v]),h){const e=function(e,t,r){void 0===r&&(r=!1);const o=dr(e),n=pr(e),a=hr(n);let i="x"===n?o===(r?"end":"start")?"right":"left":"start"===o?"bottom":"top";return t.reference[a]>t.floating[a]&&(i=yr(i)),[i,yr(i)]}(n,i,y);S.push($[e[0]],$[e[1]])}if(E=[...E,{placement:n,overflows:S}],!S.every(e=>e<=0)){var C,z;const e=((null==(C=a.flip)?void 0:C.index)||0)+1,t=_[e];if(t){if(!("alignment"===h&&f!==ur(t))||E.every(e=>ur(e.placement)!==f||e.overflows[0]>0))return{data:{index:e,overflows:E},reset:{placement:t}}}let r=null==(z=E.filter(e=>e.overflows[0]<=0).sort((e,t)=>e.overflows[1]-t.overflows[1])[0])?void 0:z.placement;if(!r)switch(p){case"bestFit":{var O;const e=null==(O=E.filter(e=>{if(k){const t=ur(e.placement);return t===f||"y"===t}return!0}).map(e=>[e.placement,e.overflows.filter(e=>e>0).reduce((e,t)=>e+t,0)]).sort((e,t)=>e[1]-t[1])[0])?void 0:O[0];e&&(r=e);break}case"initialPlacement":r=s}if(n!==r)return{reset:{placement:r}}}return{}}}},vo=function(e){return void 0===e&&(e={}),{name:"size",options:e,async fn(t){var r,o;const{placement:n,rects:a,platform:i,elements:s}=t,{apply:l=()=>{},...d}=sr(e,t),c=await i.detectOverflow(t,d),h=lr(n),u=dr(n),p="y"===ur(n),{width:b,height:g}=a.floating;let m,v;"top"===h||"bottom"===h?(m=h,v=u===(await(null==i.isRTL?void 0:i.isRTL(s.floating))?"start":"end")?"left":"right"):(v=h,m="end"===u?"top":"bottom");const f=g-c.top-c.bottom,w=b-c.left-c.right,y=tr(g-c[m],f),x=tr(b-c[v],w),k=!t.middlewareData.shift;let _=y,$=x;if(null!=(r=t.middlewareData.shift)&&r.enabled.x&&($=w),null!=(o=t.middlewareData.shift)&&o.enabled.y&&(_=f),k&&!u){const e=rr(c.left,0),t=rr(c.right,0),r=rr(c.top,0),o=rr(c.bottom,0);p?$=b-2*(0!==e||0!==t?e+t:rr(c.left,c.right)):_=g-2*(0!==r||0!==o?r+o:rr(c.top,c.bottom))}await l({...t,availableWidth:$,availableHeight:_});const S=await i.getDimensions(s.floating);return b!==S.width||g!==S.height?{reset:{rects:!0}}:{}}}},fo=function(e){return void 0===e&&(e={}),{name:"hide",options:e,async fn(t){const{rects:r,platform:o}=t,{strategy:n="referenceHidden",...a}=sr(e,t);switch(n){case"referenceHidden":{const e=Sr(await o.detectOverflow(t,{...a,elementContext:"reference"}),r.reference);return{data:{referenceHiddenOffsets:e,referenceHidden:Er(e)}}}case"escaped":{const e=Sr(await o.detectOverflow(t,{...a,altBoundary:!0}),r.floating);return{data:{escapedOffsets:e,escaped:Er(e)}}}default:return{}}}}},wo=e=>({name:"arrow",options:e,async fn(t){const{x:r,y:o,placement:n,rects:a,platform:i,elements:s,middlewareData:l}=t,{element:d,padding:c=0}=sr(e,t)||{};if(null==d)return{};const h=xr(c),u={x:r,y:o},p=pr(n),b=hr(p),g=await i.getDimensions(d),m="y"===p,v=m?"top":"left",f=m?"bottom":"right",w=m?"clientHeight":"clientWidth",y=a.reference[b]+a.reference[p]-u[p]-a.floating[b],x=u[p]-a.reference[p],k=await(null==i.getOffsetParent?void 0:i.getOffsetParent(d));let _=k?k[w]:0;_&&await(null==i.isElement?void 0:i.isElement(k))||(_=s.floating[w]||a.floating[b]);const $=y/2-x/2,S=_/2-g[b]/2-1,E=tr(h[v],S),C=tr(h[f],S),z=E,O=_-g[b]-C,A=_/2-g[b]/2+$,D=ir(z,A,O),P=!l.arrow&&null!=dr(n)&&A!==D&&a.reference[b]/2-(A<z?E:C)-g[b]/2<0,M=P?A<z?A-z:A-O:0;return{[p]:u[p]+M,data:{[p]:D,centerOffset:A-D-M,...P&&{alignmentOffset:M}},reset:P}}}),yo=(e,t,r)=>{const o=new Map,n={platform:po,...r},a={...n.platform,_c:o};return(async(e,t,r)=>{const{placement:o="bottom",strategy:n="absolute",middleware:a=[],platform:i}=r,s=i.detectOverflow?i:{...i,detectOverflow:$r},l=await(null==i.isRTL?void 0:i.isRTL(t));let d=await i.getElementRects({reference:e,floating:t,strategy:n}),{x:c,y:h}=_r(d,o,l),u=o,p=0;const b={};for(let r=0;r<a.length;r++){const g=a[r];if(!g)continue;const{name:m,fn:v}=g,{x:f,y:w,data:y,reset:x}=await v({x:c,y:h,initialPlacement:o,placement:u,strategy:n,middlewareData:b,rects:d,platform:s,elements:{reference:e,floating:t}});c=null!=f?f:c,h=null!=w?w:h,b[m]={...b[m],...y},x&&p<50&&(p++,"object"==typeof x&&(x.placement&&(u=x.placement),x.rects&&(d=!0===x.rects?await i.getElementRects({reference:e,floating:t,strategy:n}):x.rects),({x:c,y:h}=_r(d,u,l))),r=-1)}return{x:c,y:h,placement:u,strategy:n,middlewareData:b}})(e,t,{...n,platform:a})},xo="top-start",ko="top",_o="top-end",$o="right-start",So="right",Eo="right-end",Co="bottom-start",zo="bottom",Oo="bottom-end",Ao="left-start",Do="left",Po="left-end",Mo=[xo,ko,_o,$o,So,Eo,Co,zo,Oo,Ao,Do,Po],To={[xo]:Co,[ko]:zo,[_o]:Oo,[Co]:xo,[zo]:ko,[Oo]:_o,[Ao]:$o,[Do]:So,[Po]:Eo,[$o]:Ao,[So]:Do,[Eo]:Po},Ro={[Ao]:-45,[Do]:-45,[Po]:-45,[xo]:45,[ko]:45,[_o]:45,[$o]:135,[So]:135,[Eo]:135,[Co]:-135,[zo]:-135,[Oo]:-135},jo=e=>{let t;return t=/-/.test(e)?e.split("-").map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(""):e.charAt(0).toUpperCase()+e.slice(1),t},No=e=>To[(e=>e.split("-")[0])(e)],Vo=e=>To[e];async function Io(e){if(!e?.isShowing)return;if(e?.waitForDOM&&await(e?.waitForDOM()),!e?.targetEl||!e?.attentionEl)return;let t=e?.targetEl;const r=e.attentionEl;return yo(t,r,{placement:e?.directionName??zo,middleware:[bo({mainAxis:e?.distance??8,crossAxis:e?.skidding??0}),e?.flip&&mo({crossAxis:e?.crossAxis,fallbackPlacements:e?.fallbackPlacements}),e?.flip&&go({crossAxis:!0}),!e?.noArrow&&e?.arrowEl&&wo({element:e?.arrowEl}),fo(),vo({apply(){Object.assign(r.style,{paddingRight:"8px",paddingLeft:"8px"})}})]}).then(t=>{let{x:o,y:n,middlewareData:a,placement:i}=t;if(e.actualDirection=i,e?.isCallout||Object.assign(r.style,{left:`${o}px`,top:`${n}px`}),a?.hide&&!e?.isCallout){const{referenceHidden:e}=a.hide;Object.assign(r.style,{visibility:e?"hidden":""})}if(a?.arrow&&e?.arrowEl){const t=e?.arrowEl,{x:o,y:n}=a.arrow,s="rtl"===window.getComputedStyle(r).direction,l=Vo(i).split("-")[1];let d="",c="",h="",u="";if("start"===l){const e="number"==typeof o?`calc(24px - ${t.offsetWidth/2}px)`:"";d="number"==typeof n?`calc(24px - ${t.offsetWidth/2}px)`:"",c=s?e:"",u=s?"":e}else if("end"===l){const e="number"==typeof o?`calc(24px - ${t.offsetWidth/2}px)`:"";c=s?"":e,u=s?e:"",h="number"==typeof n?`calc(24px - ${t.offsetWidth/2}px)`:""}else u="number"==typeof o?`${o}px`:"",d="number"==typeof n?`${n}px`:"";Object.assign(t.style,{top:d,right:c,bottom:h,left:u}),((e,t,r)=>{Object.assign(e?.style,{borderTopLeftRadius:"4px",zIndex:1,[`margin${jo(No(r))}`]:"-0.5px",transform:`rotate(${t}deg)`})})(t,Ro[Vo(i)],i)}}),e}const Fo=D`.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 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 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:.25rem}.gap-2{gap:.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:.25rem}.gap-x-2{column-gap:.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:.25rem}.gap-y-2{row-gap:.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:.25rem}.basis-2{flex-basis:.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 auto}.flex-1{flex:1}.flex-auto{flex:auto}.flex-none{flex:none}.space-x-0>*+*{margin-left:0}.space-x-1>*+*{margin-left:.25rem}.space-x-2>*+*{margin-left:.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:.25rem}.space-y-2>*+*{margin-top:.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-left:0;margin-right:0}.space-y-reverse>*+*{margin-top:0;margin-bottom:0}.m-0{margin:0}.m-1{margin:.25rem}.m-2{margin:.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:.25rem}.mt-2{margin-top:.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:.25rem}.mr-2{margin-right:.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:.25rem}.mb-2{margin-bottom:.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:.25rem}.ml-2{margin-left:.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:.25rem;margin-right:.25rem}.mx-2{margin-left:.5rem;margin-right:.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:.25rem;margin-bottom:.25rem}.my-2{margin-top:.5rem;margin-bottom:.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:.25rem}.p-2{padding:.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:.25rem}.pt-2{padding-top:.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:.25rem}.pr-2{padding-right:.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:.25rem}.pb-2{padding-bottom:.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:.25rem}.pl-2{padding-left:.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:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.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:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.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}`,Lo=JSON.parse('{"attention.aria.callout":["En grøn taleboble der introducerer noget nyt"],"attention.aria.close":["Luk"],"attention.aria.highlight":["En opmærksomhedsskabende taleboble med vigtig information"],"attention.aria.pointingDown":["peger nedad"],"attention.aria.pointingLeft":["peger til venstre"],"attention.aria.pointingRight":["peger til højre"],"attention.aria.pointingUp":["peger opad"],"attention.aria.popover":["En hvid taleboble med mere information"],"attention.aria.tooltip":["En sort taleboble med flere oplysninger"]}'),qo=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"]}'),Wo=JSON.parse('{"attention.aria.callout":["Vihreä puhekupla, joka esittelee jotain uutta"],"attention.aria.close":["Sulje"],"attention.aria.highlight":["Puhekupla, joka sisältää tärkeää tietoa"],"attention.aria.pointingDown":["osoittaa alas"],"attention.aria.pointingLeft":["osoittaa vasemmalle"],"attention.aria.pointingRight":["osoittaa oikealle"],"attention.aria.pointingUp":["osoittaa ylös"],"attention.aria.popover":["Valkoinen puhekupla, joka tarjoaa lisätietoa"],"attention.aria.tooltip":["Musta puhekupla, joka tarjoaa täydentävää tietoa"]}'),Bo=JSON.parse('{"attention.aria.callout":["Grønn 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øyre"],"attention.aria.pointingUp":["peker opp"],"attention.aria.popover":["En hvit taleboble som gir tilleggsinformasjon"],"attention.aria.tooltip":["En svart taleboble som forklarer konteksten"]}'),Ho=JSON.parse('{"attention.aria.callout":["En grön pratbubbla som introducerar något nytt"],"attention.aria.close":["Stäng"],"attention.aria.highlight":["En pratbubbla med viktig information"],"attention.aria.pointingDown":["pekar ned"],"attention.aria.pointingLeft":["pekar vänster"],"attention.aria.pointingRight":["pekar höger"],"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"]}'),Yo=A("*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.hover\\:bg-clip-padding:hover{-webkit-background-clip:padding-box;background-clip:padding-box}.bg-transparent{background-color:#0000}.bg-\\[--w-color-button-primary-background\\]{background-color:var(--w-color-button-primary-background)}.bg-\\[--w-color-callout-background\\]{background-color:var(--w-color-callout-background)}.bg-\\[--w-s-color-surface-elevated-300\\]{background-color:var(--w-s-color-surface-elevated-300)}.hover\\:bg-\\[--w-color-button-pill-background-hover\\]:hover{background-color:var(--w-color-button-pill-background-hover)}.hover\\:bg-\\[--w-color-button-primary-background-hover\\]:hover{background-color:var(--w-color-button-primary-background-hover)}.active\\:bg-\\[--w-color-button-pill-background-active\\]:active{background-color:var(--w-color-button-pill-background-active)}.active\\:bg-\\[--w-color-button-primary-background-active\\]:active{background-color:var(--w-color-button-primary-background-active)}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-b-0{border-bottom-width:0}.border-r-0{border-right-width:0}.border-\\[--w-color-callout-border\\]{border-color:var(--w-color-callout-border)}.border-\\[--w-s-color-background-inverted\\]{border-color:var(--w-s-color-background-inverted)}.border-\\[--w-s-color-surface-elevated-300\\]{border-color:var(--w-s-color-surface-elevated-300)}.rounded-4{border-radius:4px}.rounded-8{border-radius:8px}.rounded-full{border-radius:9999px}.rounded-tl-4{border-top-left-radius:4px}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.contents{display:contents}.hidden{display:none}.hover\\:underline:hover,.focus\\:underline:focus,.active\\:underline:active{text-decoration-line:underline}.focusable:focus{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:focus-visible{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:not(:focus-visible){outline:none}.items-center{align-items:center}.-bottom-\\[8px\\]{bottom:-8px}.-left-\\[8px\\]{left:-8px}.-right-\\[8px\\]{right:-8px}.-top-\\[8px\\]{top:-8px}.justify-center{justify-content:center}.absolute{position:absolute}.relative{position:relative}.static{position:static}.z-50{z-index:50}.s-bg{background-color:var(--w-s-color-background)}.s-bg-disabled{background-color:var(--w-s-color-background-disabled)}.s-bg-inverted{background-color:var(--w-s-color-background-inverted)}.s-bg-negative{background-color:var(--w-s-color-background-negative)}.s-bg-subtle{background-color:var(--w-s-color-background-subtle)}.hover\\:s-bg-hover:hover{background-color:var(--w-s-color-background-hover)}.hover\\:s-bg-negative-hover:hover{background-color:var(--w-s-color-background-negative-hover)}.hover\\:s-bg-negative-subtle-hover:hover{background-color:var(--w-s-color-background-negative-subtle-hover)}.active\\:s-bg-active:active{background-color:var(--w-s-color-background-active)}.active\\:s-bg-negative-active:active{background-color:var(--w-s-color-background-negative-active)}.active\\:s-bg-negative-subtle-active:active{background-color:var(--w-s-color-background-negative-subtle-active)}.s-text{color:var(--w-s-color-text)}.s-text-inverted{color:var(--w-s-color-text-inverted)}.s-text-link{color:var(--w-s-color-text-link)}.s-text-negative{color:var(--w-s-color-text-negative)}.s-icon{color:var(--w-s-color-icon)}.hover\\:s-icon-hover:hover{color:var(--w-s-color-icon-hover)}.active\\:s-icon-active:active{color:var(--w-s-color-icon-active)}.s-border{border-color:var(--w-s-color-border)}.hover\\:s-border-hover:hover{border-color:var(--w-s-color-border-hover)}.active\\:s-border-active:active{border-color:var(--w-s-color-border-active)}.drop-shadow-m{filter:drop-shadow(0 3px 8px #4040403d)drop-shadow(0 3px 6px #40404029)}.shadow-m{box-shadow:var(--w-shadow-m)}.h-\\[14px\\]{height:14px}.w-\\[14px\\]{width:14px}.last-child\\:mb-0>:last-child{margin-bottom:0}.ml-8{margin-left:.8rem}.p-16{padding:1.6rem}.p-4{padding:.4rem}.px-16{padding-left:1.6rem;padding-right:1.6rem}.px-8{padding-left:.8rem;padding-right:.8rem}.py-6{padding-top:.6rem;padding-bottom:.6rem}.py-8{padding-top:.8rem;padding-bottom:.8rem}.font-bold{font-weight:700}.resize{resize:both}.translate-z-0{--w-translate-z:0rem;transform:translateX(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.transform{transform:translateX(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.text-m{font-size:var(--w-font-size-m);line-height:var(--w-line-height-m)}.text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs)}.leading-\\[24\\]{line-height:2.4rem}");var Uo=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};const Xo="border-2 relative flex items-center",Jo="s-bg-inverted border-[--w-s-color-background-inverted] shadow-m s-text-inverted rounded-4 py-6 px-8",Ko="bg-[--w-color-callout-background] border-[--w-color-callout-border] s-text py-8 px-16 rounded-8",Zo="bg-[--w-color-callout-background] border-[--w-color-callout-border] s-text py-8 px-16 rounded-8 drop-shadow-m translate-z-0",Qo="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",Go="absolute h-[14px] w-[14px] border-2 border-b-0 border-r-0 rounded-tl-4 transform",en="s-bg-inverted border-[--w-s-color-background-inverted]",tn="bg-[--w-color-callout-background] border-[--w-color-callout-border]",rn="bg-[--w-s-color-surface-elevated-300] border-[--w-s-color-surface-elevated-300]",on="bg-[--w-color-callout-background] border-[--w-color-callout-border]",nn={"top-start":"-top-[8px]",top:"-top-[8px]","top-end":"-top-[8px]","right-start":"-right-[8px]",right:"-right-[8px]","right-end":"-right-[8px]","bottom-start":"-bottom-[8px]",bottom:"-bottom-[8px]","bottom-end":"-bottom-[8px]","left-start":"-left-[8px]",left:"-left-[8px]","left-end":"-left-[8px]"};class an extends Pe{static#e=this.styles=[nt,Fo,Yo,D`#attention{z-index:50;visibility:var(--attention-visibility);display:var(--attention-display);position:absolute}:host([popover]:not(:popover-open):not(dialog[open])){display:contents}`];constructor(){super(),this.show=!1,this.tooltip=!1,this.callout=!1,this.highlight=!1,this.canClose=!1,this.noArrow=!1,this.flip=!1,this.crossAxis=!1,this.fallbackPlacements=[],this.attentionState=null,Qe(qo,Bo,Wo,Lo,Ho),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(To).includes(this.placement))throw new Error(`Invalid "placement" attribute. Set its value to one of the following:\n${JSON.stringify(Object.keys(To))}`);if(this.fallbackPlacements&&!this.fallbackPlacements.every(e=>Mo.includes(e)))throw new Error(`Invalid "fallbackPlacements" attribute. Set its value to an array with one or more of the following:\n${JSON.stringify(Mo)}`);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&&this.attentionState?Io(this.attentionState).then(e=>{this._actualDirection=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 To[this._actualDirection]}get _arrowClasses(){const t=nn[this._arrowDirection];return e([Go,this._activeVariantClasses.arrow,t])}get _arrowHtml(){return this.noArrow?me:be`<div id="arrow" class="${this._arrowClasses}"></div>`}get _activeVariantClasses(){return this.callout?{wrapper:Ko,arrow:tn}:this.popover?{wrapper:Qo,arrow:rn}:this.tooltip?{wrapper:Jo,arrow:en}:this.highlight?{wrapper:Zo,arrow:on}:{wrapper:"",arrow:""}}get _attentionEl(){return this.renderRoot.querySelector("#attention")}get _targetEl(){const e=this.renderRoot?.querySelector("slot[name='target']"),t=e?.assignedElements()[0];return t instanceof HTMLElement?t:null}get _messageEl(){const e=this.renderRoot.querySelector("slot[name='message']"),t=e?.assignedElements()[0];return t instanceof HTMLElement?t:null}get _wrapperClasses(){return e([Xo,this._activeVariantClasses.wrapper])}get _ariaClose(){return y._({id:"attention.aria.close",message:"Close",comment:"Aria label for the close button in attention"})}get _closeBtnHtml(){return be`<w-button aria-label="${this._ariaClose}" @click="${this.close}" @keydown="${this.keypressed}" variant="pill" small="" class="ml-8"><w-icon name="Close" size="small" locale="${Ze()}" class="flex"></w-icon></w-button>`}updated(){this._attentionEl&&(this.callout||this._attentionEl.style.setProperty("--attention-visibility",this.show?"":"hidden"),this.tooltip||this._attentionEl.style.setProperty("--attention-display",this.show?"flex":"none"),this.attentionState={isShowing:this.show,isCallout:this.callout,actualDirection:this._actualDirection,directionName:this.placement,arrowEl:this._arrowEl,attentionEl:this._attentionEl,targetEl:this._targetEl,noArrow:this.noArrow,distance:this.distance,skidding:this.skidding,flip:this.flip,crossAxis:this.crossAxis,fallbackPlacements:this.fallbackPlacements},Io(this.attentionState))}pointingAtDirection(){switch(To[this._actualDirection]){case"top-start":case"top":case"top-end":return y._({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 y._({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 y._({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 y._({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 y._({id:"attention.aria.tooltip",message:"tooltip",comment:"Default screenreader message for tooltip in the attention component"});case this.callout:return y._({id:"attention.aria.callout",message:"callout speech bubble",comment:"Default screenreader message for callout speech bubble in the attention component"});case this.popover:return y._({id:"attention.aria.popover",message:"popover speech bubble",comment:"Default screenreader message for popover speech bubble in the attention component"});case this.highlight:return y._({id:"attention.aria.highlight",message:"highlighted speech bubble",comment:"Default screenreader message for highlighted speech bubble in the attention component"});default:return""}}defaultAriaLabel(){return`${this.activeAttentionType()} ${this.noArrow?"":this.pointingAtDirection()}`}firstUpdated(){this._initialPlacement=this.placement,this.callout&&this._attentionEl&&(this._attentionEl.style.position="relative")}close(){const e=new CustomEvent("close",{bubbles:!0,composed:!0});this.updateComplete.then(()=>this.dispatchEvent(e))}keypressed(e){this.canClose&&"Escape"===e.key&&(e.preventDefault(),this.close())}render(){return this.callout||void 0!==this._targetEl?be`<section class="${Ue(this.className?this.className:void 0)}">${"right-start"===this.placement||"right"===this.placement||"right-end"===this.placement||"bottom-start"===this.placement||"bottom"===this.placement||"bottom-end"===this.placement?be`<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:me}</div>`:be`<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:me}</div><slot name="target"></slot>`}</section>`:be``}}Uo([je({type:Boolean,reflect:!0})],an.prototype,"show",void 0),Uo([je({type:String,reflect:!1})],an.prototype,"placement",void 0),Uo([je({type:Boolean,reflect:!0})],an.prototype,"tooltip",void 0),Uo([je({type:Boolean,reflect:!0})],an.prototype,"callout",void 0),Uo([je({type:Boolean,reflect:!0})],an.prototype,"popover",void 0),Uo([je({type:Boolean,reflect:!0})],an.prototype,"highlight",void 0),Uo([je({attribute:"can-close",type:Boolean,reflect:!0})],an.prototype,"canClose",void 0),Uo([je({attribute:"no-arrow",type:Boolean,reflect:!0})],an.prototype,"noArrow",void 0),Uo([je({type:Number})],an.prototype,"distance",void 0),Uo([je({type:Number})],an.prototype,"skidding",void 0),Uo([je({type:Boolean,reflect:!0})],an.prototype,"flip",void 0),Uo([je({attribute:"cross-axis",type:Boolean,reflect:!0})],an.prototype,"crossAxis",void 0),Uo([je({attribute:"fallback-placements",type:Array,reflect:!0,useDefault:!0})],an.prototype,"fallbackPlacements",void 0),customElements.get("w-attention")||customElements.define("w-attention",an);const sn=A("*,: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}.relative{position:relative}.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 ln=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};class dn extends Pe{static#e=this.styles=[nt,sn];get _class(){const t=this.variant||"neutral";return e(["py-4 px-8 border-0 rounded-4 text-xs inline-flex","neutral"===t&&"bg-[--w-color-badge-neutral-background] s-text","info"===t&&"bg-[--w-color-badge-info-background] s-text","positive"===t&&"bg-[--w-color-badge-positive-background] s-text","warning"===t&&"bg-[--w-color-badge-warning-background] s-text","negative"===t&&"bg-[--w-color-badge-negative-background] s-text","disabled"===t&&"s-bg-disabled s-text","price"===t&&"bg-[--w-black/70] s-text-inverted-static","sponsored"===t&&"bg-[--w-color-badge-sponsored-background] s-text",!!this.position&&"absolute backdrop-blur","top-left"===this.position&&"rounded-tl-0 rounded-tr-0 rounded-bl-0 top-0 left-0","top-right"===this.position&&"rounded-tl-0 rounded-tr-0 rounded-br-0 top-0 right-0","bottom-right"===this.position&&"rounded-tr-0 rounded-br-0 rounded-bl-0 bottom-0 right-0","bottom-left"===this.position&&"rounded-tl-0 rounded-br-0 rounded-bl-0 bottom-0 left-0"])}render(){return be`<div class="${this._class}"><slot></slot></div>`}}ln([je({type:String,reflect:!0})],dn.prototype,"variant",void 0),ln([je({type:String,reflect:!0})],dn.prototype,"position",void 0),customElements.get("w-badge")||customElements.define("w-badge",dn);const cn=A("*,: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{border-radius:4px}.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 hn=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};class un extends($(Pe)){constructor(){super(...arguments),this.bleed=!1,this.bordered=!1,this.info=!1,this.neutral=!1,this.role="region"}static#e=this.styles=[nt,cn,D`:host{display:block}::slotted(:last-child){margin-bottom:0!important}`];connectedCallback(){super.connectedCallback(),this.internals.role=this.role}updated(e){super.updated(e),e.has("role")&&(this.internals.role=this.role)}get _class(){return e(["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"])}render(){return be`<div class="${this._class}"><slot></slot></div>`}}hn([je({type:Boolean,reflect:!0})],un.prototype,"bleed",void 0),hn([je({type:Boolean,reflect:!0})],un.prototype,"bordered",void 0),hn([je({type:Boolean,reflect:!0})],un.prototype,"info",void 0),hn([je({type:Boolean,reflect:!0})],un.prototype,"neutral",void 0),hn([je({type:String,reflect:!0,useDefault:!0})],un.prototype,"role",void 0),customElements.get("w-box")||customElements.define("w-box",un);const pn=JSON.parse('{"breadcrumbs.ariaLabel":["Du er her"]}'),bn=JSON.parse('{"breadcrumbs.ariaLabel":["You are here"]}'),gn=JSON.parse('{"breadcrumbs.ariaLabel":["Olet tässä"]}'),mn=JSON.parse('{"breadcrumbs.ariaLabel":["Her er du"]}'),vn=JSON.parse('{"breadcrumbs.ariaLabel":["Du är här"]}'),fn=A("*,: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}"),wn="flex space-x-8",yn="s-text",xn="s-text-link",kn="sr-only",_n=be`<span class="${"select-none s-icon"}">/</span>`;class $n extends Pe{static#e=this.styles=[nt,fn];constructor(){super(),this._children=[],this._internals=this.attachInternals(),Qe(bn,mn,gn,pn,vn),this._defaultLabel=y._({id:"breadcrumbs.ariaLabel",message:"You are here",comment:"Default screen reader message for the breadcrumb component"}),this._internals.ariaLabel=this._defaultLabel}get _label(){return this.ariaLabel??this._defaultLabel}connectedCallback(){super.connectedCallback(),this._internals.role="navigation";const e=this.querySelectorAll(":scope > a"),t=this.querySelectorAll(":scope > span"),r=this.querySelectorAll("w-breadcrumb-item");r.length>0&&(e.length>0||t.length>0)&&console.warn("Mixing Legacy API and w-breadcrumb-item API children is not supported.");let o=0,n=!1;r.forEach((e,t)=>{e.hasAttribute("current-page")&&(t<r.length-1&&(n=!0),o++)}),o>1&&console.warn("Please ensure only one w-breadcrumb-item has the current-page attribute."),n&&console.warn("The current-page attribute should only be used on the final breadcrumb item.");const a=[...this.children].filter(e=>e&&!("W-BREADCRUMB-ITEM"===e.tagName)).flat(Number.POSITIVE_INFINITY).filter(e=>e).map((e,t)=>{if("string"==typeof e){const r=t===this.children.length-1;return be`<span class="${yn}" aria-current="${r?"page":void 0}">${e}</span>`}return e.classList.add("A"===e.tagName?xn:yn),e});this._children=function(e,t){return e.flatMap(e=>[e,t]).slice(0,-1)}(a,_n)}render(){return be`<nav aria-labelledby="breadCrumbLabel"><h2 id="breadCrumbLabel" class="${kn}">${this._label}</h2><div class="${wn}">${this._children}<slot></slot></div></nav>`}}customElements.get("w-breadcrumbs")||customElements.define("w-breadcrumbs",$n);const Sn=D`:host{--_link-color:var(--w-c-breadcrumb-item-link-color,var(--w-s-color-text-link));--_text-color:var(--w-c-breadcrumb-item-text-color,var(--w-s-color-text));--_separator-color:var(--w-c-breadcrumb-item-separator-color,var(--w-s-color-icon));--_separator-spacing:var(--w-c-breadcrumb-item-separator-spacing,.8rem);--_font-size:var(--w-c-breadcrumb-item-font-size);--_line-height:var(--w-c-breadcrumb-item-line-height,1.5);--_font-weight:var(--w-c-breadcrumb-item-font-weight,400);--_padding-x:var(--w-c-breadcrumb-item-padding-x,0);--_padding-y:var(--w-c-breadcrumb-item-padding-y,0);--_link-color-hover:var(--w-c-breadcrumb-item-link-color-hover,var(--w-s-color-text-link));--_link-color-active:var(--w-c-breadcrumb-item-link-color-active,var(--w-s-color-text-link));--_outline-color:var(--w-c-breadcrumb-item-outline-color,var(--w-s-color-border-focus));--_outline-width:var(--w-c-breadcrumb-item-outline-width,2px);--_outline-offset:var(--w-c-breadcrumb-item-outline-offset,1px);display:inline-block}.s-text{color:var(--_text-color);font-size:var(--_font-size);line-height:var(--_line-height);font-weight:var(--_font-weight)}.s-text-link{color:var(--_link-color);font-size:var(--_font-size);line-height:var(--_line-height);font-weight:var(--_font-weight);padding-left:var(--_padding-x);padding-right:var(--_padding-x);padding-top:var(--_padding-y);padding-bottom:var(--_padding-y);text-decoration:none}.s-text-link:hover{color:var(--_link-color-hover);text-decoration:underline}.s-text-link:active{color:var(--_link-color-active)}.s-text-link:focus{outline-color:var(--_outline-color);outline-width:var(--_outline-width);outline-offset:var(--_outline-offset)}.separator{color:var(--_separator-color);-webkit-user-select:none;user-select:none;font-size:var(--_font-size);line-height:var(--_line-height);font-weight:var(--_font-weight);margin-left:var(--_separator-spacing);margin-right:var(--_separator-spacing)}`;var En=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};class Cn extends Pe{constructor(){super(...arguments),this.currentPage=!1,this.href=null}static#e=this.styles=[nt,Sn];get link(){return this.href?be`<a part="link" class="s-text-link" href="${this.href}" aria-current="${this.currentPage?"page":me}"><slot></slot></a>`:be`<span part="text" class="s-text" aria-current="${this.currentPage?"page":me}"><slot></slot></span>`}get separator(){return this.currentPage?me:be`<span part="separator" class="separator" aria-hidden="true">/</span>`}render(){return be`${this.link}${this.separator}`}}En([je({type:Boolean,attribute:"current-page"})],Cn.prototype,"currentPage",void 0),En([je({type:String})],Cn.prototype,"href",void 0),customElements.get("w-breadcrumb-item")||customElements.define("w-breadcrumb-item",Cn);const zn=JSON.parse('{"card.button.text":["Vælg"]}'),On=JSON.parse('{"card.button.text":["Select"]}'),An=JSON.parse('{"card.button.text":["Valitse"]}'),Dn=JSON.parse('{"card.button.text":["Velg"]}'),Pn=JSON.parse('{"card.button.text":["Välj"]}'),Mn=A("*,: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}.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}.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 Tn=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};const Rn="cursor-pointer overflow-hidden relative transition-all",jn="group rounded-8 s-surface-elevated-200 hover:s-surface-elevated-200-hover active:s-surface-elevated-200-active",Nn="!s-bg-selected !hover:s-bg-selected-hover !active:s-bg-selected-active",Vn="absolute border-2 rounded-8 inset-0 transition-all",In="border-transparent group-active:s-border-active",Fn="s-border-selected group-hover:s-border-selected-hover group-active:s-border-selected-active",Ln="border-2 rounded-4",qn="s-bg hover:s-bg-hover active:s-bg-active s-border hover:s-border-hover active:s-border-active",Wn="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",Bn="sr-only",Hn="Enter",Yn=" ";class Un extends Pe{static#e=this.styles=[nt,Mn,D`a:after{content:"";position:absolute;inset:0}:host{display:block}`];constructor(){super(),this.selected=!1,this.flat=!1,this.clickable=!1,Qe(On,Dn,An,zn,Pn),this.buttonText=y._({id:"card.button.text",message:"Select",comment:"Screenreader message to indicate that the card is clickable"})}get _containerClasses(){return e([Rn,this.flat?Ln:jn,this.selected&&!this.flat&&Nn,this.selected&&this.flat?Wn:qn])}get _outlineClasses(){return e([Vn,this.selected?Fn:In])}get _interactiveElement(){return this.clickable?(()=>be`<button class="${Bn}" aria-pressed="${this.selected}" tabindex="-1">${this.buttonText}</button>`)():this.selected?be`<span role="checkbox" aria-checked="true" aria-disabled="true"></span>`:""}keypressed(e){!this.clickable||e.altKey||e.ctrlKey||e.key!==Hn&&e.key!==Yn||(e.preventDefault(),this.click())}render(){return be`<div tabindex="${Ue(this.clickable?"0":void 0)}" class="${this._containerClasses}" @keydown="${this.keypressed}">${this._interactiveElement} ${this.flat?"":be`<div class="${this._outlineClasses}"></div>`}<slot></slot></div>`}}Tn([je({type:Boolean,reflect:!0})],Un.prototype,"selected",void 0),Tn([je({type:Boolean})],Un.prototype,"flat",void 0),Tn([je({type:Boolean})],Un.prototype,"clickable",void 0),customElements.get("w-card")||customElements.define("w-card",Un)
|
|
58
|
+
*/function Ze(){if("undefined"==typeof window){const e=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return Ke(e)}try{const e=ot(document);if(e)return Ke(e);const t=function(){try{return window.frameElement?.getAttribute?.("lang")??""}catch{return""}}();if(t)return Ke(t);const r=ot(rt());return r?Ke(r):Je}catch(e){return console.warn("could not detect locale, falling back to source locale",e),Je}}const Qe=(e,t,r,o,n)=>{y.load("en",e),y.load("nb",t),y.load("fi",r),y.load("da",o),y.load("sv",n);const a=Ze();y.activate(a),et(),function(){if(tt)return;if("undefined"==typeof window)return;if(!document?.documentElement)return;tt=!0;const e=()=>{const e=Ze();y.locale!==e&&(y.activate(e),et())},t=new MutationObserver(t=>{for(const r of t)if("attributes"===r.type&&"lang"===r.attributeName){e();break}});t.observe(document.documentElement,{attributes:!0,attributeFilter:["lang"]});const r=rt();r&&r.documentElement&&r!==document&&t.observe(r.documentElement,{attributes:!0,attributeFilter:["lang"]});const o=function(){try{return window.frameElement??null}catch{return null}}();o&&t.observe(o,{attributes:!0,attributeFilter:["lang"]})}()},Ge="warp-i18n-change";function et(){"undefined"!=typeof window&&window.dispatchEvent(new Event(Ge))}let tt=!1;function rt(){try{return window.parent?.document??null}catch{return null}}function ot(e){try{return e?.documentElement?.lang??""}catch{return""}}const nt=D`*,: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]){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:-.25em}sup{top:-.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:.01em 0 0}body:not(:-moz-handler-blocked) fieldset{display:table-cell}svg{pointer-events:none}`;A('*, :before, :after {\n --w-rotate: 0;\n --w-rotate-x: 0;\n --w-rotate-y: 0;\n --w-rotate-z: 0;\n --w-scale-x: 1;\n --w-scale-y: 1;\n --w-scale-z: 1;\n --w-skew-x: 0;\n --w-skew-y: 0;\n --w-translate-x: 0;\n --w-translate-y: 0;\n --w-translate-z: 0\n }\n\n .h4, .t4 {\n font-weight: 700;\n font-size: var(--w-font-size-m);\n line-height: var(--w-line-height-m)\n }\n\n .t3 {\n font-weight: 700;\n font-size: var(--w-font-size-l);\n line-height: var(--w-line-height-l)\n }\n\n @media (min-width: 480px) {\n .sm\\:h3 {\n font-weight: 700;\n font-size: var(--w-font-size-l);\n line-height: var(--w-line-height-l)\n }\n }\n\n .text-center {\n text-align: center\n }\n\n .before\\:text-center:before {\n text-align: center\n }\n\n .text-left {\n text-align: left\n }\n\n .text-right {\n text-align: right\n }\n\n .align-middle {\n vertical-align: middle\n }\n\n .animate-inprogress {\n 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;\n background-size: 30px 30px;\n animation: animate-inprogress 3s linear infinite\n }\n\n @keyframes animate-inprogress {\n 0% {\n background-position: 0 0\n }\n to {\n background-position: 60px 0\n }\n }\n\n .\\[--w-modal-max-height\\:80\\%\\] {\n --w-modal-max-height: 80%\n }\n\n .\\[--w-modal-width\\:640px\\] {\n --w-modal-width: 640px\n }\n\n .focus\\:\\[--w-outline-offset\\:-2px\\]:focus {\n --w-outline-offset: -2px\n }\n\n .backdrop-blur {\n -webkit-backdrop-filter: blur(4px);\n backdrop-filter: blur(4px)\n }\n\n .peer:checked ~ .peer-checked\\:before\\:bg-center:before {\n background-position: center\n }\n\n .hover\\:bg-clip-padding:hover {\n -webkit-background-clip: padding-box;\n background-clip: padding-box\n }\n\n .bg-transparent, .group\\/steph:first-child .group-first\\/steph\\:bg-transparent, .group\\/steph:last-child .group-last\\/steph\\:bg-transparent {\n background-color: transparent\n }\n\n .bg-\\[--w-black\\/25\\] {\n background-color: rgba(var(--w-rgb-black), .25)\n }\n\n .bg-\\[--w-black\\/70\\], .bg-\\[var\\(--w-black\\)\\/70\\] {\n background-color: rgba(var(--w-rgb-black), .7)\n }\n\n .bg-\\[--w-color-badge-info-background\\] {\n background-color: var(--w-color-badge-info-background)\n }\n\n .bg-\\[--w-color-badge-negative-background\\] {\n background-color: var(--w-color-badge-negative-background)\n }\n\n .bg-\\[--w-color-badge-neutral-background\\] {\n background-color: var(--w-color-badge-neutral-background)\n }\n\n .bg-\\[--w-color-badge-positive-background\\] {\n background-color: var(--w-color-badge-positive-background)\n }\n\n .bg-\\[--w-color-badge-sponsored-background\\] {\n background-color: var(--w-color-badge-sponsored-background)\n }\n\n .bg-\\[--w-color-badge-warning-background\\] {\n background-color: var(--w-color-badge-warning-background)\n }\n\n .bg-\\[--w-color-button-primary-background\\] {\n background-color: var(--w-color-button-primary-background)\n }\n\n .bg-\\[--w-color-buttongroup-utility-background-selected\\] {\n background-color: var(--w-color-buttongroup-utility-background-selected)\n }\n\n .bg-\\[--w-color-callout-background\\] {\n background-color: var(--w-color-callout-background)\n }\n\n .bg-\\[--w-color-pill-suggestion-background\\] {\n background-color: var(--w-color-pill-suggestion-background)\n }\n\n .bg-\\[--w-color-switch-track-background\\] {\n background-color: var(--w-color-switch-track-background)\n }\n\n .bg-\\[--w-s-color-surface-elevated-100\\] {\n background-color: var(--w-s-color-surface-elevated-100)\n }\n\n .bg-\\[--w-s-color-surface-elevated-300\\] {\n background-color: var(--w-s-color-surface-elevated-300)\n }\n\n .bg-\\[--w-s-icon-selected\\] {\n background-color: var(--w-s-icon-selected)\n }\n\n .group:hover .group-hover\\:bg-\\[--w-color-switch-track-background-hover\\] {\n background-color: var(--w-color-switch-track-background-hover)\n }\n\n .hover\\:bg-\\[--w-color-button-pill-background-hover\\]:hover {\n background-color: var(--w-color-button-pill-background-hover)\n }\n\n .hover\\:bg-\\[--w-color-button-primary-background-hover\\]:hover {\n background-color: var(--w-color-button-primary-background-hover)\n }\n\n .hover\\:bg-\\[--w-color-buttongroup-utility-background-hover\\]:hover {\n background-color: var(--w-color-buttongroup-utility-background-hover)\n }\n\n .hover\\:bg-\\[--w-color-pill-suggestion-background-hover\\]:hover {\n background-color: var(--w-color-pill-suggestion-background-hover)\n }\n\n .hover\\:bg-\\[--w-s-icon-subtle\\]:hover {\n background-color: var(--w-s-icon-subtle)\n }\n\n .hover\\:bg-\\[var\\(--w-black\\)\\/85\\]:hover {\n background-color: rgba(var(--w-rgb-black), .85)\n }\n\n .active\\:bg-\\[--w-color-button-pill-background-active\\]:active {\n background-color: var(--w-color-button-pill-background-active)\n }\n\n .active\\:bg-\\[--w-color-button-primary-background-active\\]:active {\n background-color: var(--w-color-button-primary-background-active)\n }\n\n .active\\:bg-\\[--w-color-buttongroup-utility-background-selected\\]:active {\n background-color: var(--w-color-buttongroup-utility-background-selected)\n }\n\n .active\\:bg-\\[--w-color-pill-suggestion-background-active\\]:active {\n background-color: var(--w-color-pill-suggestion-background-active)\n }\n\n .active\\:bg-\\[var\\(--w-black\\)\\]:active {\n background-color: var(--w-black)\n }\n\n .peer:checked ~ .peer-checked\\:before\\:bg-\\[url\\(var\\(--w-icon-toggle-checked\\)\\)\\]:before {\n background-image: var(--w-icon-toggle-checked)\n }\n\n .appearance-none {\n -moz-appearance: none;\n appearance: none;\n -webkit-appearance: none\n }\n\n .will-change-height {\n will-change: height\n }\n\n .border, .border-1 {\n border-width: 1px\n }\n\n .border-b {\n border-bottom-width: 1px\n }\n\n .before\\:border:before {\n border-width: 1px\n }\n\n .border-0 {\n border-width: 0\n }\n\n .border-2 {\n border-width: 2px\n }\n\n .border-b-0 {\n border-bottom-width: 0\n }\n\n .border-b-4 {\n border-bottom-width: 4px\n }\n\n .border-l-4 {\n border-left-width: 4px\n }\n\n .border-r-0, .group:not(:last-of-type) .group-not-last-of-type\\:border-r-0 {\n border-right-width: 0\n }\n\n .peer:checked ~ .peer-checked\\:before\\:border-\\[6\\]:before {\n border-width: .6rem\n }\n\n .border-transparent {\n border-color: transparent\n }\n\n .border-\\[--w-color-buttongroup-utility-border\\] {\n border-color: var(--w-color-buttongroup-utility-border)\n }\n\n .border-\\[--w-color-callout-border\\] {\n border-color: var(--w-color-callout-border)\n }\n\n .border-\\[--w-s-color-background-inverted\\] {\n border-color: var(--w-s-color-background-inverted)\n }\n\n .border-\\[--w-s-color-surface-elevated-300\\] {\n border-color: var(--w-s-color-surface-elevated-300)\n }\n\n .active\\:border-\\[--w-color-buttongroup-utility-border-selected\\]:active {\n border-color: var(--w-color-buttongroup-utility-border-selected)\n }\n\n .divide-x > * + * {\n --w-divide-x-reverse: 0;\n border-left-width: calc(1px * calc(1 - var(--w-divide-x-reverse)));\n border-right-width: calc(1px * var(--w-divide-x-reverse))\n }\n\n .divide-y > * + * {\n --w-divide-y-reverse: 0;\n border-top-width: calc(1px * calc(1 - var(--w-divide-y-reverse)));\n border-bottom-width: calc(1px * var(--w-divide-y-reverse))\n }\n\n .rounded-4 {\n border-radius: 4px\n }\n\n .rounded-8 {\n border-radius: 8px\n }\n\n .rounded-full {\n border-radius: 9999px\n }\n\n .before\\:rounded-2:before {\n border-radius: 2px\n }\n\n .before\\:rounded-full:before {\n border-radius: 9999px\n }\n\n .rounded-b-0 {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0\n }\n\n .rounded-bl-0 {\n border-bottom-left-radius: 0\n }\n\n .rounded-br-0 {\n border-bottom-right-radius: 0\n }\n\n .rounded-l-0 {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0\n }\n\n .rounded-l-full {\n border-top-left-radius: 9999px;\n border-bottom-left-radius: 9999px\n }\n\n .rounded-r-0 {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0\n }\n\n .rounded-r-full {\n border-top-right-radius: 9999px;\n border-bottom-right-radius: 9999px\n }\n\n .rounded-tl-0 {\n border-top-left-radius: 0\n }\n\n .rounded-tl-4 {\n border-top-left-radius: 4px\n }\n\n .rounded-tr-0 {\n border-top-right-radius: 0\n }\n\n .group:first-of-type .group-first-of-type\\:rounded-bl-8 {\n border-bottom-left-radius: 8px\n }\n\n .group:first-of-type .group-first-of-type\\:rounded-tl-8 {\n border-top-left-radius: 8px\n }\n\n .first\\:rounded-lb-4:first-child {\n border-bottom-left-radius: 4px\n }\n\n .first\\:rounded-lt-4:first-child {\n border-top-left-radius: 4px\n }\n\n .first\\:rounded-rt-4:first-child {\n border-top-right-radius: 4px\n }\n\n .group:last-of-type .group-last-of-type\\:rounded-br-8 {\n border-bottom-right-radius: 8px\n }\n\n .group:last-of-type .group-last-of-type\\:rounded-tr-8 {\n border-top-right-radius: 8px\n }\n\n .last\\:rounded-lb-4:last-child {\n border-bottom-left-radius: 4px\n }\n\n .last\\:rounded-rb-4:last-child {\n border-bottom-right-radius: 4px\n }\n\n .last\\:rounded-rt-4:last-child {\n border-top-right-radius: 4px\n }\n\n .caret-current {\n caret-color: currentColor\n }\n\n .opacity-25 {\n opacity: 25%\n }\n\n .block {\n display: block\n }\n\n .before\\:block:before {\n display: block\n }\n\n .inline-block {\n display: inline-block\n }\n\n .inline {\n display: inline\n }\n\n .flex, .open\\:flex[open] {\n display: flex\n }\n\n .inline-flex {\n display: inline-flex\n }\n\n .grid {\n display: grid\n }\n\n .inline-grid {\n display: inline-grid\n }\n\n .hidden, .group\\/stepv:last-child .group-last\\/stepv\\:hidden {\n display: none\n }\n\n .before\\:hidden:before {\n display: none\n }\n\n .hover\\:underline:hover {\n text-decoration-line: underline\n }\n\n .focus\\:underline:focus {\n text-decoration-line: underline\n }\n\n .focus-visible\\:underline:focus-visible {\n text-decoration-line: underline\n }\n\n .active\\:underline:active {\n text-decoration-line: underline\n }\n\n .hover\\:no-underline:hover {\n text-decoration: none\n }\n\n .focus\\:no-underline:focus {\n text-decoration: none\n }\n\n .active\\:no-underline:active {\n text-decoration: none\n }\n\n .flex-1 {\n flex: 1 1 0%\n }\n\n .shrink {\n flex-shrink: 1\n }\n\n .shrink-0 {\n flex-shrink: 0\n }\n\n .shrink-0\\! {\n flex-shrink: 0 !important\n }\n\n .grow, .grow-1 {\n flex-grow: 1\n }\n\n .basis-auto {\n flex-basis: auto\n }\n\n .flex-col {\n flex-direction: column\n }\n\n .focus-within\\:focusable:focus-within {\n outline: 2px solid var(--w-s-color-border-focus);\n outline-offset: var(--w-outline-offset, 1px)\n }\n\n .focusable:focus, .focusable:focus-visible {\n outline: 2px solid var(--w-s-color-border-focus);\n outline-offset: var(--w-outline-offset, 1px)\n }\n\n .focusable:not(:focus-visible) {\n outline: none\n }\n\n .peer:focus ~ .peer-focus\\:focusable, .peer:focus-visible ~ .peer-focus\\:focusable {\n outline: 2px solid var(--w-s-color-border-focus);\n outline-offset: var(--w-outline-offset, 1px)\n }\n\n .peer:not(:focus-visible) ~ .peer-focus\\:focusable {\n outline: none\n }\n\n .focusable-inset {\n --w-outline-offset: -3px\n }\n\n .gap-12 {\n gap: 1.2rem\n }\n\n .gap-8 {\n gap: .8rem\n }\n\n .gap-x-16 {\n column-gap: 1.6rem\n }\n\n .gap-y-16 {\n row-gap: 1.6rem\n }\n\n .row-span-2 {\n grid-row: span 2/span 2\n }\n\n .col-span-2 {\n grid-column: span 2/span 2\n }\n\n .col-span-3 {\n grid-column: span 3/span 3\n }\n\n .row-start-1 {\n grid-row-start: 1\n }\n\n .row-start-2 {\n grid-row-start: 2\n }\n\n .col-start-2 {\n grid-column-start: 2\n }\n\n .auto-rows-auto {\n grid-auto-rows: auto\n }\n\n .grid-flow-col {\n grid-auto-flow: column\n }\n\n .grid-rows-\\[20px_auto\\] {\n grid-template-rows:20px auto\n }\n\n .grid-rows-\\[auto_20px\\] {\n grid-template-rows:auto 20px\n }\n\n .grid-cols-\\[1fr_20px_1fr\\] {\n grid-template-columns:1fr 20px 1fr\n }\n\n .grid-cols-\\[1fr_20px\\] {\n grid-template-columns:1fr 20px\n }\n\n .grid-cols-\\[20px_1fr\\] {\n grid-template-columns:20px 1fr\n }\n\n .grid-cols-\\[auto_1fr_auto\\] {\n grid-template-columns:auto 1fr auto\n }\n\n .grid-cols-1 {\n grid-template-columns:repeat(1, minmax(0, 1fr))\n }\n\n .grid-cols-2 {\n grid-template-columns:repeat(2, minmax(0, 1fr))\n }\n\n .grid-cols-3 {\n grid-template-columns:repeat(3, minmax(0, 1fr))\n }\n\n .grid-cols-4 {\n grid-template-columns:repeat(4, minmax(0, 1fr))\n }\n\n .grid-cols-5 {\n grid-template-columns:repeat(5, minmax(0, 1fr))\n }\n\n .grid-cols-6 {\n grid-template-columns:repeat(6, minmax(0, 1fr))\n }\n\n .grid-cols-7 {\n grid-template-columns:repeat(7, minmax(0, 1fr))\n }\n\n .grid-cols-8 {\n grid-template-columns:repeat(8, minmax(0, 1fr))\n }\n\n .grid-cols-9 {\n grid-template-columns:repeat(9, minmax(0, 1fr))\n }\n\n .overflow-hidden {\n overflow: hidden\n }\n\n .overflow-x-hidden {\n overflow-x: hidden\n }\n\n .overflow-y-auto {\n overflow-y: auto\n }\n\n .list-none {\n list-style-type: none\n }\n\n .outline-\\[--w-s-color-border-negative\\]\\! {\n outline-color: var(--w-s-color-border-negative) !important\n }\n\n .outline-none {\n outline: 2px solid transparent;\n outline-offset: 2px\n }\n\n .focus\\:outline-none:focus {\n outline: 2px solid transparent;\n outline-offset: 2px\n }\n\n .items-start {\n align-items: flex-start\n }\n\n .items-end {\n align-items: flex-end\n }\n\n .items-center {\n align-items: center\n }\n\n .self-center {\n align-self: center\n }\n\n .inset-0 {\n top: 0rem;\n right: 0rem;\n bottom: 0rem;\n left: 0rem\n }\n\n .-bottom-0 {\n bottom: -0rem\n }\n\n .bottom-0 {\n bottom: 0rem\n }\n\n .bottom-10 {\n bottom: 1rem\n }\n\n .bottom-16 {\n bottom: 1.6rem\n }\n\n .left-0 {\n left: 0rem\n }\n\n .left-4 {\n left: .4rem\n }\n\n .right-0 {\n right: 0rem\n }\n\n .right-8 {\n right: .8rem\n }\n\n .top-\\[1\\.92rem\\] {\n top: 1.92rem\n }\n\n .top-0 {\n top: 0rem\n }\n\n .top-20 {\n top: 2rem\n }\n\n .top-4 {\n top: .4rem\n }\n\n .top-8 {\n top: .8rem\n }\n\n .before\\:bottom-0:before {\n bottom: 0rem\n }\n\n .before\\:left-0:before {\n left: 0rem\n }\n\n .before\\:right-0:before {\n right: 0rem\n }\n\n .before\\:top-2:before {\n top: .2rem\n }\n\n .-bottom-\\[8px\\] {\n bottom: -8px\n }\n\n .-left-\\[8px\\] {\n left: -8px\n }\n\n .-right-\\[8px\\] {\n right: -8px\n }\n\n .-top-\\[8px\\] {\n top: -8px\n }\n\n .top-\\[19px\\] {\n top: 19px\n }\n\n .top-\\[30\\%\\] {\n top: 30%\n }\n\n .justify-end {\n justify-content: flex-end\n }\n\n .justify-center {\n justify-content: center\n }\n\n .justify-between {\n justify-content: space-between\n }\n\n .justify-items-center {\n justify-items: center\n }\n\n .justify-self-start {\n justify-self: start\n }\n\n .justify-self-end {\n justify-self: end\n }\n\n .justify-self-center {\n justify-self: center\n }\n\n .absolute {\n position: absolute\n }\n\n .fixed {\n position: fixed\n }\n\n .relative {\n position: relative\n }\n\n .open\\:fixed[open] {\n position: fixed\n }\n\n .before\\:absolute:before {\n position: absolute\n }\n\n .z-10, .peer:checked ~ .peer-checked\\:z-10 {\n z-index: 10\n }\n\n .z-30 {\n z-index: 30\n }\n\n .z-50 {\n z-index: 50\n }\n\n .hover\\:z-30:hover {\n z-index: 30\n }\n\n .\\!s-bg-selected {\n background-color: var(--w-s-color-background-selected) !important\n }\n\n .s-bg {\n background-color: var(--w-s-color-background)\n }\n\n .s-bg-disabled {\n background-color: var(--w-s-color-background-disabled)\n }\n\n .s-bg-disabled-subtle {\n background-color: var(--w-s-color-background-disabled-subtle)\n }\n\n .s-bg-info-subtle {\n background-color: var(--w-s-color-background-info-subtle)\n }\n\n .s-bg-inverted {\n background-color: var(--w-s-color-background-inverted)\n }\n\n .s-bg-negative {\n background-color: var(--w-s-color-background-negative)\n }\n\n .s-bg-negative-subtle {\n background-color: var(--w-s-color-background-negative-subtle)\n }\n\n .s-bg-positive-subtle {\n background-color: var(--w-s-color-background-positive-subtle)\n }\n\n .s-bg-primary, .peer:checked ~ .peer-checked\\:s-bg-primary {\n background-color: var(--w-s-color-background-primary)\n }\n\n .s-bg-selected {\n background-color: var(--w-s-color-background-selected)\n }\n\n .s-bg-subtle {\n background-color: var(--w-s-color-background-subtle)\n }\n\n .s-bg-warning-subtle {\n background-color: var(--w-s-color-background-warning-subtle)\n }\n\n .peer:checked:hover ~ .peer-checked\\:peer-hover\\:before\\:s-bg-negative-hover:before {\n background-color: var(--w-s-color-background-negative-hover)\n }\n\n .peer:checked:hover ~ .peer-checked\\:peer-hover\\:before\\:s-bg-primary-hover:before {\n background-color: var(--w-s-color-background-primary-hover)\n }\n\n .peer:checked ~ .peer-checked\\:before\\:s-bg-disabled:before {\n background-color: var(--w-s-color-background-disabled)\n }\n\n .peer:checked ~ .peer-checked\\:before\\:s-bg-negative:before {\n background-color: var(--w-s-color-background-negative)\n }\n\n .peer:checked ~ .peer-checked\\:before\\:s-bg-primary:before {\n background-color: var(--w-s-color-background-primary)\n }\n\n .peer:indeterminate ~ .peer-indeterminate\\:before\\:s-bg-disabled:before {\n background-color: var(--w-s-color-background-disabled)\n }\n\n .peer:indeterminate ~ .peer-indeterminate\\:before\\:s-bg-negative:before {\n background-color: var(--w-s-color-background-negative)\n }\n\n .peer:indeterminate ~ .peer-indeterminate\\:before\\:s-bg-primary:before {\n background-color: var(--w-s-color-background-primary)\n }\n\n .peer:indeterminate ~ .peer-indeterminate\\:hover\\:before\\:s-bg-negative-hover:hover:before {\n background-color: var(--w-s-color-background-negative-hover)\n }\n\n .peer:indeterminate ~ .peer-indeterminate\\:hover\\:before\\:s-bg-primary-hover:hover:before {\n background-color: var(--w-s-color-background-primary-hover)\n }\n\n .\\!hover\\:s-bg-selected-hover:hover {\n background-color: var(--w-s-color-background-selected-hover) !important\n }\n\n .group:hover .group-hover\\:s-bg-primary-hover {\n background-color: var(--w-s-color-background-primary-hover)\n }\n\n .hover\\:before\\:s-bg-hover:hover:before {\n background-color: var(--w-s-color-background-hover)\n }\n\n .hover\\:before\\:s-bg-negative-subtle-hover:hover:before {\n background-color: var(--w-s-color-background-negative-subtle-hover)\n }\n\n .hover\\:s-bg-hover:hover {\n background-color: var(--w-s-color-background-hover)\n }\n\n .hover\\:s-bg-negative-hover:hover {\n background-color: var(--w-s-color-background-negative-hover)\n }\n\n .hover\\:s-bg-negative-subtle-hover:hover {\n background-color: var(--w-s-color-background-negative-subtle-hover)\n }\n\n .hover\\:s-bg-primary-hover:hover {\n background-color: var(--w-s-color-background-primary-hover)\n }\n\n .hover\\:s-bg-selected-hover:hover {\n background-color: var(--w-s-color-background-selected-hover)\n }\n\n .peer:hover:not(:checked) ~ .peer-hover\\:peer-not-checked\\:s-bg-hover {\n background-color: var(--w-s-color-background-hover)\n }\n\n .peer:hover ~ .peer-hover\\:before\\:s-bg-hover:before {\n background-color: var(--w-s-color-background-hover)\n }\n\n .peer:hover ~ .peer-hover\\:before\\:s-bg-negative-subtle:before {\n background-color: var(--w-s-color-background-negative-subtle)\n }\n\n .focus\\:s-bg-primary-hover:focus {\n background-color: var(--w-s-color-background-primary-hover)\n }\n\n .\\!active\\:s-bg-selected-active:active {\n background-color: var(--w-s-color-background-selected-active) !important\n }\n\n .active\\:s-bg-active:active {\n background-color: var(--w-s-color-background-active)\n }\n\n .active\\:s-bg-negative-active:active {\n background-color: var(--w-s-color-background-negative-active)\n }\n\n .active\\:s-bg-negative-subtle-active:active {\n background-color: var(--w-s-color-background-negative-subtle-active)\n }\n\n .active\\:s-bg-primary-active:active {\n background-color: var(--w-s-color-background-primary-active)\n }\n\n .active\\:s-bg-selected-active:active {\n background-color: var(--w-s-color-background-selected-active)\n }\n\n .before\\:s-bg-disabled-subtle:before {\n background-color: var(--w-s-color-background-disabled-subtle)\n }\n\n .before\\:s-bg:before {\n background-color: var(--w-s-color-background)\n }\n\n .s-text {\n color: var(--w-s-color-text)\n }\n\n .s-text-disabled {\n color: var(--w-s-color-text-disabled)\n }\n\n .s-text-inverted, .peer:checked ~ .peer-checked\\:s-text-inverted {\n color: var(--w-s-color-text-inverted)\n }\n\n .s-text-inverted-static {\n color: var(--w-s-color-text-inverted-static)\n }\n\n .s-text-link {\n color: var(--w-s-color-text-link)\n }\n\n .s-text-negative {\n color: var(--w-s-color-text-negative)\n }\n\n .s-text-subtle {\n color: var(--w-s-color-text-subtle)\n }\n\n .hover\\:s-text-link:hover {\n color: var(--w-s-color-text-link)\n }\n\n .active\\:s-text:active {\n color: var(--w-s-color-text)\n }\n\n .placeholder\\:s-text-placeholder::placeholder {\n color: var(--w-s-color-text-placeholder)\n }\n\n .s-icon {\n color: var(--w-s-color-icon)\n }\n\n .s-icon-info {\n color: var(--w-s-color-icon-info)\n }\n\n .s-icon-inverted {\n color: var(--w-s-color-icon-inverted)\n }\n\n .s-icon-negative {\n color: var(--w-s-color-icon-negative)\n }\n\n .s-icon-positive {\n color: var(--w-s-color-icon-positive)\n }\n\n .s-icon-warning {\n color: var(--w-s-color-icon-warning)\n }\n\n .hover\\:s-icon-hover:hover {\n color: var(--w-s-color-icon-hover)\n }\n\n .active\\:s-icon-active:active {\n color: var(--w-s-color-icon-active)\n }\n\n .before\\:s-icon-inverted:before {\n color: var(--w-s-color-icon-inverted)\n }\n\n .s-border {\n border-color: var(--w-s-color-border)\n }\n\n .s-border-disabled {\n border-color: var(--w-s-color-border-disabled)\n }\n\n .s-border-info-subtle {\n border-color: var(--w-s-color-border-info-subtle)\n }\n\n .s-border-l-info {\n border-left-color: var(--w-s-color-border-info)\n }\n\n .s-border-l-negative {\n border-left-color: var(--w-s-color-border-negative)\n }\n\n .s-border-l-positive {\n border-left-color: var(--w-s-color-border-positive)\n }\n\n .s-border-l-warning {\n border-left-color: var(--w-s-color-border-warning)\n }\n\n .s-border-negative {\n border-color: var(--w-s-color-border-negative)\n }\n\n .s-border-negative-subtle {\n border-color: var(--w-s-color-border-negative-subtle)\n }\n\n .s-border-positive-subtle {\n border-color: var(--w-s-color-border-positive-subtle)\n }\n\n .s-border-primary, .peer:checked ~ .peer-checked\\:s-border-primary {\n border-color: var(--w-s-color-border-primary)\n }\n\n .s-border-selected {\n border-color: var(--w-s-color-border-selected)\n }\n\n .s-border-warning-subtle {\n border-color: var(--w-s-color-border-warning-subtle)\n }\n\n .peer:checked:hover ~ .peer-checked\\:peer-hover\\:before\\:s-border-negative-hover:before {\n border-color: var(--w-s-color-border-negative-hover)\n }\n\n .peer:checked:hover ~ .peer-checked\\:peer-hover\\:before\\:s-border-primary-hover:before {\n border-color: var(--w-s-color-border-primary-hover)\n }\n\n .peer:checked:hover ~ .peer-checked\\:peer-hover\\:before\\:s-border-selected-hover:before {\n border-color: var(--w-s-color-border-selected-hover)\n }\n\n .peer:checked ~ .peer-checked\\:before\\:s-border-disabled:before {\n border-color: var(--w-s-color-border-disabled)\n }\n\n .peer:checked ~ .peer-checked\\:before\\:s-border-negative:before {\n border-color: var(--w-s-color-border-negative)\n }\n\n .peer:checked ~ .peer-checked\\:before\\:s-border-primary:before {\n border-color: var(--w-s-color-border-primary)\n }\n\n .peer:checked ~ .peer-checked\\:before\\:s-border-selected:before {\n border-color: var(--w-s-color-border-selected)\n }\n\n .peer:indeterminate ~ .peer-indeterminate\\:before\\:s-border-disabled:before {\n border-color: var(--w-s-color-border-disabled)\n }\n\n .peer:indeterminate ~ .peer-indeterminate\\:before\\:s-border-negative:before {\n border-color: var(--w-s-color-border-negative)\n }\n\n .peer:indeterminate ~ .peer-indeterminate\\:before\\:s-border-primary:before {\n border-color: var(--w-s-color-border-primary)\n }\n\n .peer:indeterminate ~ .peer-indeterminate\\:hover\\:before\\:s-border-negative-hover:hover:before {\n border-color: var(--w-s-color-border-negative-hover)\n }\n\n .peer:indeterminate ~ .peer-indeterminate\\:hover\\:before\\:s-border-primary-hover:hover:before {\n border-color: var(--w-s-color-border-primary-hover)\n }\n\n .group:hover .group-hover\\:s-border-selected-hover {\n border-color: var(--w-s-color-border-selected-hover)\n }\n\n .hover\\:before\\:s-border-negative-hover:hover:before {\n border-color: var(--w-s-color-border-negative-hover)\n }\n\n .hover\\:before\\:s-border-primary:hover:before {\n border-color: var(--w-s-color-border-primary)\n }\n\n .hover\\:s-border-disabled:hover {\n border-color: var(--w-s-color-border-disabled)\n }\n\n .hover\\:s-border-hover:hover {\n border-color: var(--w-s-color-border-hover)\n }\n\n .hover\\:s-border-negative-hover:hover {\n border-color: var(--w-s-color-border-negative-hover)\n }\n\n .hover\\:s-border-primary-hover:hover {\n border-color: var(--w-s-color-border-primary-hover)\n }\n\n .hover\\:s-border-primary:hover {\n border-color: var(--w-s-color-border-primary)\n }\n\n .hover\\:s-border-selected-hover:hover {\n border-color: var(--w-s-color-border-selected-hover)\n }\n\n .peer:hover ~ .peer-hover\\:before\\:s-border-negative-hover:before {\n border-color: var(--w-s-color-border-negative-hover)\n }\n\n .peer:hover ~ .peer-hover\\:before\\:s-border-primary:before {\n border-color: var(--w-s-color-border-primary)\n }\n\n .focus\\:s-border-primary-hover:focus {\n border-color: var(--w-s-color-border-primary-hover)\n }\n\n .active\\:s-border-active:active {\n border-color: var(--w-s-color-border-active)\n }\n\n .active\\:s-border-disabled:active {\n border-color: var(--w-s-color-border-disabled)\n }\n\n .active\\:s-border-primary-active:active {\n border-color: var(--w-s-color-border-primary-active)\n }\n\n .active\\:s-border-selected-active:active {\n border-color: var(--w-s-color-border-selected-active)\n }\n\n .active\\:s-border-selected:active {\n border-color: var(--w-s-color-border-selected)\n }\n\n .group:active .group-active\\:s-border-active {\n border-color: var(--w-s-color-border-active)\n }\n\n .group:active .group-active\\:s-border-selected-active {\n border-color: var(--w-s-color-border-selected-active)\n }\n\n .before\\:s-border-disabled:before {\n border-color: var(--w-s-color-border-disabled)\n }\n\n .before\\:s-border-negative:before {\n border-color: var(--w-s-color-border-negative)\n }\n\n .s-surface-sunken {\n background-color: var(--w-s-color-surface-sunken)\n }\n\n .s-surface-elevated-200 {\n background-color: var(--w-s-color-surface-elevated-200);\n box-shadow: var(--w-s-shadow-surface-elevated-200)\n }\n\n .hover\\:s-surface-elevated-200-hover:hover {\n background-color: var(--w-s-color-surface-elevated-200-hover);\n box-shadow: var(--w-s-shadow-surface-elevated-200-hover)\n }\n\n .active\\:s-surface-elevated-200-active:active {\n background-color: var(--w-s-color-surface-elevated-200-active);\n box-shadow: var(--w-s-shadow-surface-elevated-200-active)\n }\n\n .drop-shadow-m {\n filter: drop-shadow(rgba(64, 64, 64, .24) 0 3px 8px) drop-shadow(rgba(64, 64, 64, .16) 0 3px 6px)\n }\n\n .shadow-m {\n box-shadow: var(--w-shadow-m)\n }\n\n .shadow-s {\n box-shadow: var(--w-shadow-s)\n }\n\n .shadow-\\[--w-shadow-slider\\] {\n box-shadow: var(--w-shadow-slider)\n }\n\n .hover\\:shadow-\\[--w-shadow-slider-handle-hover\\]:hover {\n box-shadow: var(--w-shadow-slider-handle-hover)\n }\n\n .focus\\:shadow-\\[--w-shadow-slider-handle-hover\\]:focus {\n box-shadow: var(--w-shadow-slider-handle-hover)\n }\n\n .active\\:shadow-\\[--w-shadow-slider-handle-active\\]:active {\n box-shadow: var(--w-shadow-slider-handle-active)\n }\n\n .h-0 {\n height: 0rem\n }\n\n .h-16 {\n height: 1.6rem\n }\n\n .h-2 {\n height: .2rem\n }\n\n .h-20 {\n height: 2rem\n }\n\n .h-24 {\n height: 2.4rem\n }\n\n .h-4 {\n height: .4rem\n }\n\n .h-44 {\n height: 4.4rem\n }\n\n .h-6 {\n height: .6rem\n }\n\n .h-8 {\n height: .8rem\n }\n\n .h-full {\n height: 100%\n }\n\n .h-unset {\n height: unset\n }\n\n .max-h-unset {\n max-height: unset\n }\n\n .max-w-full {\n max-width: 100%\n }\n\n .max-w-max {\n max-width: max-content\n }\n\n .max-w-unset {\n max-width: unset\n }\n\n .min-h-32 {\n min-height: 3.2rem\n }\n\n .min-h-40 {\n min-height: 4rem\n }\n\n .min-w-16 {\n min-width: 1.6rem\n }\n\n .min-w-32 {\n min-width: 3.2rem\n }\n\n .w-16 {\n width: 1.6rem\n }\n\n .w-2 {\n width: .2rem\n }\n\n .w-20 {\n width: 2rem\n }\n\n .w-24 {\n width: 2.4rem\n }\n\n .w-32 {\n width: 3.2rem\n }\n\n .w-40 {\n width: 4rem\n }\n\n .w-44 {\n width: 4.4rem\n }\n\n .w-8 {\n width: .8rem\n }\n\n .w-full {\n width: 100%\n }\n\n .w-max {\n width: max-content\n }\n\n .w-unset {\n width: unset\n }\n\n .before\\:h-20:before {\n height: 2rem\n }\n\n .before\\:h-full:before {\n height: 100%\n }\n\n .before\\:w-20:before {\n width: 2rem\n }\n\n .before\\:w-32:before {\n width: 3.2rem\n }\n\n .h-\\[--w-modal-height\\] {\n height: var(--w-modal-height)\n }\n\n .h-\\[14px\\] {\n height: 14px\n }\n\n .h-\\[16px\\] {\n height: 16px\n }\n\n .max-h-\\[--w-modal-max-height\\] {\n max-height: var(--w-modal-max-height)\n }\n\n .min-h-\\[--w-modal-min-height\\] {\n min-height: var(--w-modal-min-height)\n }\n\n .min-h-\\[32px\\] {\n min-height: 32px\n }\n\n .min-h-\\[40px\\] {\n min-height: 40px\n }\n\n .min-h-\\[42\\] {\n min-height: 4.2rem\n }\n\n .min-h-\\[44px\\] {\n min-height: 44px\n }\n\n .min-w-\\[32px\\] {\n min-width: 32px\n }\n\n .min-w-\\[40px\\] {\n min-width: 40px\n }\n\n .min-w-\\[44px\\] {\n min-width: 44px\n }\n\n .w-\\[--w-modal-width\\] {\n width: var(--w-modal-width)\n }\n\n .w-\\[14px\\] {\n width: 14px\n }\n\n .w-\\[16px\\] {\n width: 16px\n }\n\n .space-x-8 > :not([hidden]) ~ :not([hidden]) {\n --w-space-x-reverse: 0;\n margin-left: calc(.8rem * calc(1 - var(--w-space-x-reverse)));\n margin-right: calc(.8rem * var(--w-space-x-reverse))\n }\n\n .space-y-16 > :not([hidden]) ~ :not([hidden]) {\n --w-space-y-reverse: 0;\n margin-top: calc(1.6rem * calc(1 - var(--w-space-y-reverse)));\n margin-bottom: calc(1.6rem * var(--w-space-y-reverse))\n }\n\n .m-0 {\n margin: 0rem\n }\n\n .m-auto {\n margin: auto\n }\n\n .-mx-16 {\n margin-left: -1.6rem;\n margin-right: -1.6rem\n }\n\n .mx-0 {\n margin-left: 0rem;\n margin-right: 0rem\n }\n\n .mx-8 {\n margin-left: .8rem;\n margin-right: .8rem\n }\n\n .mx-auto {\n margin-left: auto;\n margin-right: auto\n }\n\n .-mb-1 {\n margin-bottom: -.1rem\n }\n\n .-ml-8 {\n margin-left: -.8rem\n }\n\n .-mr-1 {\n margin-right: -.1rem\n }\n\n .-mr-8 {\n margin-right: -.8rem\n }\n\n .-mt-2 {\n margin-top: -.2rem\n }\n\n .-mt-4 {\n margin-top: -.4rem\n }\n\n .last-child\\:mb-0 > :last-child, .mb-0 {\n margin-bottom: 0rem\n }\n\n .mb-32 {\n margin-bottom: 3.2rem\n }\n\n .ml-8 {\n margin-left: .8rem\n }\n\n .ml-auto {\n margin-left: auto\n }\n\n .mr-8 {\n margin-right: .8rem\n }\n\n .mt-16 {\n margin-top: 1.6rem\n }\n\n .mt-4 {\n margin-top: .4rem\n }\n\n .group:not(:first-child) .group-not-first\\:-ml-2 {\n margin-left: -.2rem\n }\n\n .last\\:mb-0:last-child {\n margin-bottom: 0rem\n }\n\n .last\\:mr-0:last-child {\n margin-right: 0rem\n }\n\n .m-\\[8px\\] {\n margin: 8px\n }\n\n .p-0 {\n padding: 0rem\n }\n\n .p-16 {\n padding: 1.6rem\n }\n\n .p-4 {\n padding: .4rem\n }\n\n .p-8 {\n padding: .8rem\n }\n\n .px-0 {\n padding-left: 0rem;\n padding-right: 0rem\n }\n\n .px-1 {\n padding-left: .1rem;\n padding-right: .1rem\n }\n\n .px-12 {\n padding-left: 1.2rem;\n padding-right: 1.2rem\n }\n\n .px-14 {\n padding-left: 1.4rem;\n padding-right: 1.4rem\n }\n\n .px-16 {\n padding-left: 1.6rem;\n padding-right: 1.6rem\n }\n\n .px-8 {\n padding-left: .8rem;\n padding-right: .8rem\n }\n\n .py-0 {\n padding-top: 0rem;\n padding-bottom: 0rem\n }\n\n .py-1 {\n padding-top: .1rem;\n padding-bottom: .1rem\n }\n\n .py-10 {\n padding-top: 1rem;\n padding-bottom: 1rem\n }\n\n .py-12 {\n padding-top: 1.2rem;\n padding-bottom: 1.2rem\n }\n\n .py-2 {\n padding-top: .2rem;\n padding-bottom: .2rem\n }\n\n .py-4 {\n padding-top: .4rem;\n padding-bottom: .4rem\n }\n\n .py-6 {\n padding-top: .6rem;\n padding-bottom: .6rem\n }\n\n .py-8 {\n padding-top: .8rem;\n padding-bottom: .8rem\n }\n\n .pb-0 {\n padding-bottom: 0rem\n }\n\n .pb-32 {\n padding-bottom: 3.2rem\n }\n\n .pb-4 {\n padding-bottom: .4rem\n }\n\n .pb-8 {\n padding-bottom: .8rem\n }\n\n .pl-0 {\n padding-left: 0rem\n }\n\n .pl-1 {\n padding-left: .1rem\n }\n\n .pl-12 {\n padding-left: 1.2rem\n }\n\n .pl-28 {\n padding-left: 2.8rem\n }\n\n .pl-4 {\n padding-left: .4rem\n }\n\n .pl-8 {\n padding-left: .8rem\n }\n\n .pr-12 {\n padding-right: 1.2rem\n }\n\n .pr-14 {\n padding-right: 1.4rem\n }\n\n .pr-2 {\n padding-right: .2rem\n }\n\n .pr-32 {\n padding-right: 3.2rem\n }\n\n .pr-40 {\n padding-right: 4rem\n }\n\n .pt-0 {\n padding-top: 0rem\n }\n\n .pt-1 {\n padding-top: .1rem\n }\n\n .pt-16 {\n padding-top: 1.6rem\n }\n\n .pt-24 {\n padding-top: 2.4rem\n }\n\n .pt-8 {\n padding-top: .8rem\n }\n\n .group\\/step:last-child .group-last\\/step\\:last\\:pb-0:last-child {\n padding-bottom: 0rem\n }\n\n .last\\:pb-1:last-child {\n padding-bottom: .1rem\n }\n\n .last\\:pr-1:last-child {\n padding-right: .1rem\n }\n\n .p-\\[8px\\] {\n padding: 8px\n }\n\n .px-\\[15px\\] {\n padding-left: 15px;\n padding-right: 15px\n }\n\n .px-\\[8px\\] {\n padding-left: 8px;\n padding-right: 8px\n }\n\n .py-\\[11px\\] {\n padding-top: 11px;\n padding-bottom: 11px\n }\n\n .py-\\[5px\\] {\n padding-top: 5px;\n padding-bottom: 5px\n }\n\n .py-\\[7px\\] {\n padding-top: 7px;\n padding-bottom: 7px\n }\n\n .pl-\\[var\\(--w-prefix-width\\,_40px\\)\\] {\n padding-left: var(--w-prefix-width, 40px)\n }\n\n .invisible {\n visibility: hidden\n }\n\n .backface-hidden {\n backface-visibility: hidden\n }\n\n .break-words {\n overflow-wrap: break-word\n }\n\n .before\\:content-\\[\\"–\\"\\]:before {\n content: "–"\n }\n\n .before\\:content-\\[\\"\\"\\]:before {\n content: ""\n }\n\n .cursor-default {\n cursor: default\n }\n\n .cursor-pointer {\n cursor: pointer\n }\n\n .antialiased {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-smoothing: grayscale\n }\n\n .font-bold {\n font-weight: 700\n }\n\n .before\\:font-bold:before {\n font-weight: 700\n }\n\n .font-normal {\n font-weight: 400\n }\n\n .pointer-events-auto {\n pointer-events: auto\n }\n\n .pointer-events-none {\n pointer-events: none\n }\n\n .before\\:pointer-events-none:before {\n pointer-events: none\n }\n\n .pb-safe-\\[32\\] {\n padding-bottom: calc(32px + env(safe-area-inset-bottom, 0px))\n }\n\n .sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0\n }\n\n .touch-pan-y {\n touch-action: pan-y\n }\n\n .select-none {\n -webkit-user-select: none;\n user-select: none\n }\n\n .translate-x-20 {\n --w-translate-x: 2rem;\n 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))\n }\n\n .translate-z-0 {\n --w-translate-z: 0rem;\n 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))\n }\n\n .-rotate-180, .part-\\[w-icon-chevron-down-16-part\\]\\:-rotate-180::part(w-icon-chevron-down-16-part) {\n --w-rotate-x: 0;\n --w-rotate-y: 0;\n --w-rotate-z: 0;\n --w-rotate: -180deg;\n 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))\n }\n\n .part-\\[w-icon-chevron-up-16-part\\]\\:rotate-180::part(w-icon-chevron-up-16-part), .rotate-180 {\n --w-rotate-x: 0;\n --w-rotate-y: 0;\n --w-rotate-z: 0;\n --w-rotate: 180deg;\n 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))\n }\n\n .rotate-90 {\n --w-rotate-x: 0;\n --w-rotate-y: 0;\n --w-rotate-z: 0;\n --w-rotate: 90deg;\n 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))\n }\n\n .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 {\n 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))\n }\n\n .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 {\n 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))\n }\n\n .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 {\n transition-property: transform;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n transition-duration: .15s\n }\n\n .transition-300 {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n transition-duration: .3s\n }\n\n .transition-all {\n transition-property: all;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n transition-duration: .15s\n }\n\n .transition-colors {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n transition-duration: .15s\n }\n\n .transition-shadow {\n transition-property: box-shadow;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n transition-duration: .15s\n }\n\n .before\\:transition-all:before {\n transition-property: all;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n transition-duration: .15s\n }\n\n .duration-300 {\n transition-duration: .3s\n }\n\n .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) {\n transition-timing-function: cubic-bezier(.4, 0, .2, 1)\n }\n\n .text-m {\n font-size: var(--w-font-size-m);\n line-height: var(--w-line-height-m)\n }\n\n .text-s {\n font-size: var(--w-font-size-s);\n line-height: var(--w-line-height-s)\n }\n\n .text-xs {\n font-size: var(--w-font-size-xs);\n line-height: var(--w-line-height-xs)\n }\n\n .leading-m {\n line-height: var(--w-line-height-m)\n }\n\n .before\\:leading-xs:before {\n line-height: var(--w-line-height-xs)\n }\n\n .leading-\\[24\\] {\n line-height: 2.4rem\n }\n\n @media (max-width: 479.9px) {\n .lt-sm\\:rounded-b-0 {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0\n }\n }\n @media (min-width: 480px) {\n .sm\\:border-b-0 {\n border-bottom-width: 0\n }\n\n .sm\\:rounded-8 {\n border-radius: 8px\n }\n\n .sm\\:rounded-b-8 {\n border-bottom-left-radius: 8px;\n border-bottom-right-radius: 8px\n }\n\n .sm\\:gap-16 {\n gap: 1.6rem\n }\n\n .sm\\:place-content-center {\n place-content: center\n }\n\n .sm\\:place-items-center {\n place-items: center\n }\n\n .sm\\:h-24 {\n height: 2.4rem\n }\n\n .sm\\:min-h-48 {\n min-height: 4.8rem\n }\n\n .sm\\:w-24 {\n width: 2.4rem\n }\n\n .sm\\:min-h-\\[32px\\] {\n min-height: 32px\n }\n\n .sm\\:min-h-\\[44px\\] {\n min-height: 44px\n }\n\n .sm\\:min-h-\\[45\\] {\n min-height: 4.5rem\n }\n\n .sm\\:min-w-\\[32px\\] {\n min-width: 32px\n }\n\n .sm\\:min-w-\\[44px\\] {\n min-width: 44px\n }\n\n .sm\\:mx-0 {\n margin-left: 0rem;\n margin-right: 0rem\n }\n\n .sm\\:mx-16 {\n margin-left: 1.6rem;\n margin-right: 1.6rem\n }\n\n .sm\\:-ml-12 {\n margin-left: -1.2rem\n }\n\n .sm\\:-mr-12 {\n margin-right: -1.2rem\n }\n\n .sm\\:-mt-8 {\n margin-top: -.8rem\n }\n\n .sm\\:px-32 {\n padding-left: 3.2rem;\n padding-right: 3.2rem\n }\n\n .sm\\:py-0 {\n padding-top: 0rem;\n padding-bottom: 0rem\n }\n\n .sm\\:pb-32 {\n padding-bottom: 3.2rem\n }\n\n .sm\\:pt-24 {\n padding-top: 2.4rem\n }\n\n .sm\\:pt-32 {\n padding-top: 3.2rem\n }\n }\n @media (min-width: 768px) {\n .md\\:block {\n display: block\n }\n\n .md\\:hidden {\n display: none\n }\n }\n ');const at=JSON.parse('{"textfield.label.optional":["Valgfri"]}'),it=JSON.parse('{"textfield.label.optional":["Optional"]}'),st=JSON.parse('{"textfield.label.optional":["Valinnainen"]}'),lt=JSON.parse('{"textfield.label.optional":["Valgfri"]}'),dt=JSON.parse('{"textfield.label.optional":["Valfritt"]}'),ct=D`.w-textfield{--_input-padding-top:12px;--_input-padding-left:8px;--_input-padding-right:8px;position:relative}.w-textfield--has-prefix{--_input-padding-left:40px}.w-textfield--has-suffix{--_input-padding-right:var(--w-prefix-width,40px)}.w-textfield__input-wrapper{position:relative;overflow:hidden}.w-textfield__input-wrapper:focus-within .w-textfield__mask{display:none}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button{display:none}input::placeholder{color:var(--w-textfield-placeholder-color-text,var(--w-s-color-text-placeholder))}.w-textfield__input-wrapper:has(.w-textfield__mask):not(:focus-within) input{color:#0000}.w-textfield__mask{top:var(--_input-padding-top);left:var(--_input-padding-left);right:var(--_input-padding-right);pointer-events:none;white-space:nowrap;text-overflow:ellipsis;z-index:1;border:1px solid #0000;display:block;position:absolute;overflow:hidden}`,ht=A("*,: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-disabled{border-color:var(--w-s-color-border-disabled)}.s-border-negative{border-color:var(--w-s-color-border-negative)}.s-border-strong{border-color:var(--w-s-color-border-strong)}.hover\\:s-border-negative-hover:hover{border-color:var(--w-s-color-border-negative-hover)}.hover\\:s-border-strong-hover:hover{border-color:var(--w-s-color-border-strong-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)}.visible{visibility:visible}.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}.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}.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}}"),ut=D`label{--_color:var(--w-c-input-label-color,var(--w-s-color-text));--_font-size:var(--w-c-input-label-font-size,var(--w-font-size-s));--_line-height:var(--w-c-input-label-line-height,var(--w-line-height-s));--_font-weight:var(--w-c-input-label-font-weight,700);--_padding-bottom:var(--w-c-input-label-padding-bottom,.4rem);--_cursor:var(--w-c-input-label-cursor,pointer);--_display:var(--w-c-input-label-display,block);display:var(--_display);font-size:var(--_font-size);line-height:var(--_line-height);font-weight:var(--_font-weight);padding-bottom:var(--_padding-bottom);cursor:var(--_cursor);color:var(--_color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}label span{--_padding-left:var(--w-c-input-optional-padding-left,.8rem);--_font-weight:var(--w-c-input-optional-font-weight,400);--_font-size:var(--w-c-input-optional-font-size,var(--w-font-size-s));--_line-height:var(--w-c-input-optional-line-height,var(--w-line-height-s));--_color:var(--w-c-input-optional-color,var(--w-s-color-text-subtle));padding-left:var(--_padding-left);font-weight:var(--_font-weight);font-size:var(--_font-size);line-height:var(--_line-height);color:var(--_color)}`,pt=D`:host{--_help-text-color:var(--w-c-input-help-text-color,var(--w-s-color-text-subtle));--_help-text-font-size:var(--w-c-input-help-text-font-size,var(--w-font-size-xs));--_help-text-line-height:var(--w-c-input-help-text-line-height,var(--w-line-height-xs));--_help-text-margin-top:var(--w-c-input-help-text-margin-top,.4rem);--_help-text-display:var(--w-c-input-help-text-display,block)}:host([invalid]){--_help-text-color:var(--w-c-input-help-text-color-invalid,var(--w-s-color-text-negative))}.help-text{font-size:var(--_help-text-font-size);line-height:var(--_help-text-line-height);margin-top:var(--_help-text-margin-top);display:var(--_help-text-display);color:var(--_help-text-color)}`;var bt=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};const gt="block text-m leading-m mb-0 px-8 py-12 rounded-4 w-full focusable focus:[--w-outline-offset:-2px] caret-current",mt="border-1 s-text s-bg s-border-strong hover:s-border-strong-hover active:s-border-selected",vt="border-1 s-text-disabled s-bg-disabled-subtle s-border-disabled pointer-events-none",ft="border-1 s-text-negative s-bg s-border-negative hover:s-border-negative-hover outline-[--w-s-color-border-negative]!",wt="pl-0 bg-transparent pointer-events-none",yt="pr-40",xt="pl-[var(--w-prefix-width,_40px)]";class kt extends($(Pe)){static#e=this.shadowRootOptions={...Pe.shadowRootOptions,delegatesFocus:!0};constructor(){super(),this.disabled=!1,this.invalid=!1,this.optional=!1,this.readOnly=!1,this.readonly=!1,this.required=!1,this._hasPrefix=!1,this._hasSuffix=!1,this.#t=void 0,Qe(it,lt,st,at,dt)}#r(e){"Enter"===e.key&&this.internals.form&&this.internals.form.requestSubmit()}updated(e){e.has("value")&&void 0!==this.value&&(this.setValue(this.value),this.formatter&&this.mask&&(this.mask.innerText=this.formatter(this.value)))}#t;static#o=this.styles=[nt,ht,ct,ut,pt];firstUpdated(){this.#t=this.value}resetFormControl(){this.value=this.#t}get _inputstyles(){return e([gt,this._hasSuffix&&yt,this._hasPrefix&&xt,!this.invalid&&!this.disabled&&!(this.readonly||this.readOnly)&&mt,this.invalid&&!this.disabled&&!(this.readonly||this.readOnly)&&ft,!this.invalid&&this.disabled&&!(this.readonly||this.readOnly)&&vt,!this.invalid&&!this.disabled&&(this.readonly||this.readOnly)&&wt])}get _helptextstyles(){return"help-text"}get _label(){if(this.label)return be`<label for="${this._id}">${this.label}${this.label.length&&this.optional&&!this.required?be`<span>${y._({id:"textfield.label.optional",message:"Optional",comment:"Shown behind label when marked as optional"})}</span>`:me}</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(e){const{name:t,value:r}=e.currentTarget;this.value=r;const o={name:t,value:r,target:e.target},n=new Proxy(o,{get:(e,t)=>("undefined"!=typeof window&&(window.location.host.startsWith("www")||console.warn("w-textfield's CustomEvent is deprecated, please use the browser-native events instead (e.g. replace e.detail.value with e.target.value)")),e[t])}),a=new CustomEvent(e.type,{detail:n});this.dispatchEvent(a)}prefixSlotChange(){this.renderRoot.querySelector("slot[name=prefix]").assignedElements().length&&(this._hasPrefix=!0)}suffixSlotChange(){this.renderRoot.querySelector("slot[name=suffix]").assignedElements().length&&(this._hasSuffix=!0)}render(){return be`${this._label}<div class="${Ye({"w-textfield":!0,"w-textfield--has-prefix":this._hasPrefix,"w-textfield--has-suffix":this._hasSuffix})}"><div class="w-textfield__input-wrapper">${this.formatter?be`<div class="w-textfield__mask"></div>`:me} <input part="input" class="${this._inputstyles}" type="${this.type||"text"}" min="${Ue(this.min)}" max="${Ue(this.max)}" size="${Ue(this.size)}" minlength="${Ue(this.minLength||this.minlength)}" maxlength="${Ue(this.maxLength||this.maxlength)}" name="${Ue(this.name)}" pattern="${Ue(this.pattern)}" placeholder="${Ue(this.placeholder)}" .value="${this.value||""}" aria-describedby="${Ue(this._helpId||(this.ariaDescription?"aria-description":void 0))}" aria-errormessage="${Ue(this._error)}" aria-invalid="${Ue(this.invalid)}" id="${this._id}" ?disabled="${this.disabled}" ?readonly="${this.readonly||this.readOnly}" ?required="${this.required}" autocomplete="${Ue(this.autocomplete)}" step="${Ue(this.step)}" @blur="${this.handler}" @change="${this.handler}" @input="${this.handler}" @focus="${this.handler}" @keydown="${this.#r}"></div><slot @slotchange="${this.prefixSlotChange}" name="prefix"></slot><slot @slotchange="${this.suffixSlotChange}" name="suffix"></slot></div><span class="sr-only" id="aria-description">${this.ariaDescription}</span> ${this.helpText&&be`<div class="${this._helptextstyles}" id="${this._helpId}">${this.helpText}</div>`}`}}bt([je({type:Boolean,reflect:!0})],kt.prototype,"disabled",void 0),bt([je({type:Boolean,reflect:!0})],kt.prototype,"invalid",void 0),bt([je({type:String,reflect:!0})],kt.prototype,"label",void 0),bt([je({type:String,reflect:!0,attribute:"help-text"})],kt.prototype,"helpText",void 0),bt([je({type:Boolean,reflect:!0})],kt.prototype,"optional",void 0),bt([je({type:String,reflect:!0})],kt.prototype,"size",void 0),bt([je({type:Number,reflect:!0})],kt.prototype,"max",void 0),bt([je({type:Number,reflect:!0})],kt.prototype,"min",void 0),bt([je({type:Number,reflect:!0,attribute:"min-length"})],kt.prototype,"minLength",void 0),bt([je({type:Number,reflect:!0})],kt.prototype,"minlength",void 0),bt([je({type:Number,reflect:!0,attribute:"max-length"})],kt.prototype,"maxLength",void 0),bt([je({type:Number,reflect:!0})],kt.prototype,"maxlength",void 0),bt([je({type:String,reflect:!0})],kt.prototype,"pattern",void 0),bt([je({type:String,reflect:!0})],kt.prototype,"placeholder",void 0),bt([je({type:Boolean,reflect:!0,attribute:"read-only"})],kt.prototype,"readOnly",void 0),bt([je({type:Boolean,reflect:!0})],kt.prototype,"readonly",void 0),bt([je({type:Boolean,reflect:!0})],kt.prototype,"required",void 0),bt([je({type:String,reflect:!0})],kt.prototype,"type",void 0),bt([je({type:String,reflect:!0})],kt.prototype,"value",void 0),bt([je({type:String,reflect:!0})],kt.prototype,"name",void 0),bt([je({type:Number,reflect:!0})],kt.prototype,"step",void 0),bt([je({type:String,reflect:!0})],kt.prototype,"autocomplete",void 0),bt([je({attribute:!1})],kt.prototype,"formatter",void 0),bt([Ie(".w-textfield__mask")],kt.prototype,"mask",void 0),bt([je({type:Boolean})],kt.prototype,"_hasPrefix",void 0),bt([je({type:Boolean})],kt.prototype,"_hasSuffix",void 0),customElements.get("w-textfield")||customElements.define("w-textfield",kt);const _t=D`:host{display:inline-block}.w-icon{--_w-icon-size:var(--w-icon-size,24px);height:var(--_w-icon-size);width:var(--_w-icon-size);display:flex}.w-icon svg{pointer-events:none;height:var(--_w-icon-size);width:var(--_w-icon-size)}.w-icon--s{--w-icon-size:16px}.w-icon--m{--w-icon-size:24px}.w-icon--l{--w-icon-size:32px}`;var $t=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};const St=new Map;class Et extends Pe{constructor(){super(...arguments),this.locale=document.documentElement.lang||"en",this.svg=null}static#e=this.styles=[_t];async fetchIcon(e){const t=`https://assets.finn.no/pkg/eikons/~1/${this.locale}/${e}.svg`;try{const e=await function(e,t){void 0===t&&(t={});const r=t.responseParser??(e=>e.text());return St.has(e)||St.set(e,fetch(e).then(r)),St.get(e)}(t);return(new DOMParser).parseFromString(e,"text/html").body.querySelector("svg")}catch{return null}}firstUpdated(){this.loadIcon()}updated(e){(e.has("name")||e.has("locale"))&&this.loadIcon()}async loadIcon(){if(!this.name)return void(this.svg=null);let e=await this.fetchIcon(this.name);if(!e){e=(new DOMParser).parseFromString('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>',"text/html").body.firstElementChild}this.svg=e}render(){const e=this.size||"medium",t=this.name||"",r={"w-icon":!0,"w-icon--s":"small"===e,"w-icon--m":"medium"===e,"w-icon--l":"large"===e},o="string"==typeof e&&e.endsWith("px")?`--w-icon-size: ${e};`:"";return be`<div class="${Ye(r)}" style="${o}" part="w-${t.toLowerCase()}">${this.svg}</div>`}}$t([je({type:String,reflect:!0})],Et.prototype,"name",void 0),$t([je({type:String,reflect:!0})],Et.prototype,"size",void 0),$t([je({type:String,reflect:!0,useDefault:!0})],Et.prototype,"locale",void 0),$t([Ne()],Et.prototype,"svg",void 0);const Ct=Et;customElements.get("w-icon")||customElements.define("w-icon",Et);const zt=D`:host{--_wrapper-bg:var(--w-c-affix-wrapper-bg,transparent);--_wrapper-border-radius:var(--w-c-affix-wrapper-border-radius,.4rem);--_wrapper-padding-left:var(--w-c-affix-wrapper-padding-left,1.2rem);--_wrapper-padding-right:var(--w-c-affix-wrapper-padding-right,1.2rem);--_wrapper-width-with-label:var(--w-c-affix-wrapper-width-with-label,max-content);--_wrapper-width-with-icon:var(--w-c-affix-wrapper-width-with-icon,4rem);--_label-color:var(--w-c-affix-label-color,var(--w-s-color-text));--_label-font-size:var(--w-c-affix-label-font-size,var(--w-font-size-xs));--_label-line-height:var(--w-c-affix-label-line-height,var(--w-line-height-xs));--_label-font-weight:var(--w-c-affix-label-font-weight,700);--_label-cursor:var(--w-c-affix-label-cursor,default)}[part=wrapper]{background-color:var(--_wrapper-bg);border-radius:var(--_wrapper-border-radius);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0}:host([slot=prefix]) [part=wrapper]{left:0}:host([slot=suffix]) [part=wrapper]{right:0}[part=wrapper].has-label{width:var(--_wrapper-width-with-label)}:host([slot=prefix]) [part=wrapper].has-label{padding-left:var(--_wrapper-padding-left)}:host([slot=suffix]) [part=wrapper].has-label{padding-right:var(--_wrapper-padding-right)}[part=wrapper].has-icon{width:var(--_wrapper-width-with-icon)}[part=label]{font-size:var(--_label-font-size);line-height:var(--_label-line-height);font-weight:var(--_label-font-weight);color:var(--_label-color);cursor:var(--_label-cursor);padding-bottom:0;display:block;position:relative}button[part=wrapper]{cursor:pointer;border:none;outline:none}button[part=wrapper]:focus,button[part=wrapper]:focus-visible{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,-2px)}button[part=wrapper]:not(:focus-visible){outline:none}`,Ot=A("*,: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)}");var At=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};class Dt extends($(Pe)){constructor(){super(...arguments),this.ariaLabel=null,this.clear=!1,this.search=!1,this.label="",this.icon=null}static#e=this.styles=[nt,Ot,zt];get _wrapperClasses(){return e([this.label?"has-label":"has-icon"])}resetContainingTextField(e){const t=this.closest("w-textfield");t&&t.resetFormControl(),e.stopPropagation()}submitContainingForm(e){const t=this.internals.form;t&&t.submit(),e.stopPropagation()}get _searchButton(){const e=this.ariaLabel||y._({id:"affix.aria.search",message:"Search",comment:"Aria label for the search button in affix"});return be`<button part="wrapper" aria-label="${e}" class="${this._wrapperClasses}" type="submit" @click="${this.submitContainingForm.bind(this)}"><w-icon name="Search" size="small" locale="${Ze()}" class="flex"></w-icon></button>`}get _clearButton(){const e=this.ariaLabel||y._({id:"affix.aria.clearInput",message:"Clear input",comment:"Aria label for the clear input button in affix"});return be`<button part="wrapper" aria-label="${e}" class="${this._wrapperClasses}" type="reset" @click="${this.resetContainingTextField.bind(this)}"><w-icon name="Close" size="small" locale="${Ze()}" class="flex"></w-icon></button>`}get _icon(){return this.icon?be`<div part="wrapper" class="${this._wrapperClasses}"><w-icon name="${this.icon}" size="small" locale="${Ze()}" class="flex"></w-icon></div>`:""}get _text(){return be`<div part="wrapper" class="${this._wrapperClasses}"><span part="label">${this.label}</span></div>`}get _markup(){return this.label?this._text:this.icon?this._icon:this.search?this._searchButton:this.clear?this._clearButton:void 0}render(){return be`${this._markup}`}}At([je({attribute:"aria-label",reflect:!0,useDefault:!0})],Dt.prototype,"ariaLabel",void 0),At([je({type:Boolean})],Dt.prototype,"clear",void 0),At([je({type:Boolean})],Dt.prototype,"search",void 0),At([je({reflect:!0,useDefault:!0})],Dt.prototype,"label",void 0),At([je({reflect:!0,useDefault:!0})],Dt.prototype,"icon",void 0),customElements.get("w-affix")||customElements.define("w-affix",Dt);const Pt=A("*,: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}.inline{display:inline}.flex{display:flex}.hidden{display:none}.static{position:static}.s-bg-info-subtle{background-color:var(--w-s-color-background-info-subtle)}.s-bg-negative-subtle{background-color:var(--w-s-color-background-negative-subtle)}.s-bg-positive-subtle{background-color:var(--w-s-color-background-positive-subtle)}.s-bg-warning-subtle{background-color:var(--w-s-color-background-warning-subtle)}.s-text{color:var(--w-s-color-text)}.s-icon-info{color:var(--w-s-color-icon-info)}.s-icon-negative{color:var(--w-s-color-icon-negative)}.s-icon-positive{color:var(--w-s-color-icon-positive)}.s-icon-warning{color:var(--w-s-color-icon-warning)}.s-border-info-subtle{border-color:var(--w-s-color-border-info-subtle)}.s-border-l-info{border-left-color:var(--w-s-color-border-info)}.s-border-l-negative{border-left-color:var(--w-s-color-border-negative)}.s-border-l-positive{border-left-color:var(--w-s-color-border-positive)}.s-border-l-warning{border-left-color:var(--w-s-color-border-warning)}.s-border-negative-subtle{border-color:var(--w-s-color-border-negative-subtle)}.s-border-positive-subtle{border-color:var(--w-s-color-border-positive-subtle)}.s-border-warning-subtle{border-color:var(--w-s-color-border-warning-subtle)}.min-w-16{min-width:1.6rem}.w-16{width:1.6rem}.last-child\\:mb-0>:last-child{margin-bottom:0}.mr-8{margin-right:.8rem}.p-16{padding:1.6rem}.text-s{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s)}");var Mt=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};const Tt={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"},Rt={negative:"negative",positive:"positive",warning:"warning",info:"info"};class jt extends Pe{constructor(){super(),this.variant="info",this.show=!1,this.role="alert",this._internals=this.attachInternals(),this._internals.role="alert"}connectedCallback(){if(super.connectedCallback(),this.variant&&!Rt[this.variant])throw new Error("Invalid 'variant' attribute. Set its value to one of the following:\nnegative, positive, warning, info.")}get _wrapperClasses(){const t=this.variant;return e([Tt.wrapper,Tt[t]])}get _iconClasses(){const t=this.variant;return e([Tt.icon,Tt[`${t}Icon`]])}static#e=this.styles=[nt,Pt,D`:host{display:block}::slotted(:first-child){margin-top:0}::slotted(:last-child){margin-bottom:0!important}`];get _icon(){const e=Ze(),t=this.variant||"info";return t===Rt.info?be`<w-icon name="Info" size="small" locale="${e}" class="flex"></w-icon>`:t===Rt.warning?be`<w-icon name="Warning" size="small" locale="${e}" class="flex"></w-icon>`:t===Rt.negative?be`<w-icon name="Error" size="small" locale="${e}" class="flex"></w-icon>`:t===Rt.positive?be`<w-icon name="Success" size="small" locale="${e}" class="flex"></w-icon>`:""}render(){return be`<w-expand-transition ?show="${this.show}"><div role="${this.role}" class="${this._wrapperClasses}"><div class="${this._iconClasses}">${this._icon}</div><div class="${Tt.textWrapper}"><slot></slot></div></div></w-expand-transition>`}}Mt([je({reflect:!0,useDefault:!0})],jt.prototype,"variant",void 0),Mt([je({type:Boolean,reflect:!0,useDefault:!0})],jt.prototype,"show",void 0),Mt([je({reflect:!0,useDefault:!0})],jt.prototype,"role",void 0),customElements.get("w-alert")||customElements.define("w-alert",jt);const Nt=D`:host{--_bg:var(--w-c-button-bg,var(--w-s-color-background));--_bg-hover:var(--w-c-button-bg-hover,var(--w-s-color-background-hover));--_bg-active:var(--w-c-button-bg-active,var(--w-s-color-background-active));--_color:var(--w-c-button-color,var(--w-s-color-text-link));--_color-hover:var(--w-c-button-color-hover,var(--_color));--_color-active:var(--w-c-button-color-active,var(--_color));--_border-width:var(--w-c-button-border-width,2px);--_border-color:var(--w-c-button-border-color,var(--w-s-color-border));--_border-color-hover:var(--w-c-button-border-color-hover,var(--w-s-color-border-hover));--_border-color-active:var(--w-c-button-border-color-active,var(--w-s-color-border-active));--_radius:var(--w-c-button-radius,var(--w-button-radius-default,8px));--_font-size:var(--w-c-button-font-size,var(--w-font-size-m));--_line-height:var(--w-c-button-line-height,var(--w-line-height-m));--_font-weight:var(--w-c-button-font-weight,700);--_pad-x:var(--w-c-button-padding-x,16px);--_pad-y:var(--w-c-button-padding-y,13px);--_outline-width:var(--w-c-button-outline-width,2px);--_outline-color:var(--w-c-button-outline-color,var(--w-s-color-border-focus));--_outline-offset:var(--w-c-button-outline-offset,var(--w-outline-offset,1px));--_transition:var(--w-c-button-transition,color .15s cubic-bezier(.4, 0, .2, 1), background-color .15s cubic-bezier(.4, 0, .2, 1), border-color .15s cubic-bezier(.4, 0, .2, 1));--w-c-button-icon-color:var(--w-s-color-icon);display:inline-block}:host(:focus-visible){outline:none}`,Vt=D`:host([variant=primary]){--w-c-button-bg:var(--w-s-color-background-primary);--w-c-button-bg-hover:var(--w-s-color-background-primary-hover);--w-c-button-bg-active:var(--w-s-color-background-primary-active);--w-c-button-color:var(--w-s-color-text-inverted);--w-c-button-border-width:0px}:host([variant=negative]){--w-c-button-bg:var(--w-s-color-background-negative);--w-c-button-bg-hover:var(--w-s-color-background-negative-hover);--w-c-button-bg-active:var(--w-s-color-background-negative-active);--w-c-button-color:var(--w-s-color-text-inverted);--w-c-button-border-width:0px}:host([variant=negativeQuiet]){--w-c-button-bg:transparent;--w-c-button-bg-hover:var(--w-s-color-background-negative-subtle-hover);--w-c-button-bg-active:var(--w-s-color-background-negative-subtle-active);--w-c-button-color:var(--w-s-color-text-negative);--w-c-button-border-width:0px}:host([variant=utility]){--w-c-button-bg:var(--w-s-color-background);--w-c-button-color:var(--w-s-color-text);--w-c-button-radius:var(--w-button-radius-utility,4px);--w-c-button-border-width:1px}:host([variant=utilityQuiet]){--w-c-button-bg:transparent;--w-c-button-color:var(--w-s-color-text);--w-c-button-border-width:0px}:host([variant=quiet]){--w-c-button-bg:transparent;--w-c-button-border-width:0px}:host([variant=overlay]){--w-c-button-bg:var(--w-s-color-background);--w-c-button-bg-hover:var(--w-s-color-background-hover);--w-c-button-bg-active:var(--w-s-color-background-active);--w-c-button-color:var(--w-s-color-text);--w-c-button-radius:9999px;--w-c-button-border-width:0px}:host([variant=overlayInverted]){--w-c-button-bg:var(--w-s-color-background-inverted);--w-c-button-bg-hover:var(--w-s-color-background-inverted-hover);--w-c-button-bg-active:var(--w-s-color-background-inverted-active);--w-c-button-color:var(--w-s-color-text-inverted);--w-c-button-radius:9999px;--w-c-button-border-width:0px}:host([variant=overlayQuiet]){--w-c-button-bg:transparent;--w-c-button-bg-hover:var(--w-s-color-background-hover);--w-c-button-bg-active:var(--w-s-color-background-active);--w-c-button-color:var(--w-s-color-text);--w-c-button-radius:9999px;--w-c-button-border-width:0px}:host([variant=overlayInvertedQuiet]){--w-c-button-bg:transparent;--w-c-button-bg-hover:var(--w-s-color-background-inverted-hover);--w-c-button-bg-active:var(--w-s-color-background-inverted-active);--w-c-button-color:var(--w-s-color-text-inverted);--w-c-button-radius:9999px;--w-c-button-border-width:0px}:host([variant=link]){--w-c-button-bg:transparent;--w-c-button-border-width:0px;--w-c-button-padding-x:0px;--w-c-button-padding-y:0px;--w-c-button-font-weight:400;--w-c-button-bg-hover:transparent;--w-c-button-bg-active:transparent;--w-c-button-color:var(--w-s-color-text-link);--w-c-button-color-hover:var(--w-s-color-text-link-hover,var(--w-c-button-color));--w-c-button-color-active:var(--w-s-color-text-link-active,var(--w-c-button-color))}`,It=D`:host([small]){--w-c-button-padding-x:12px;--w-c-button-padding-y:8px;--w-c-button-font-size:var(--w-font-size-xs);--w-c-button-line-height:var(--w-line-height-xs)}`,Ft=D`:host([disabled]){pointer-events:none;cursor:default;--w-c-button-bg:var(--w-s-color-background-disabled);--w-c-button-bg-hover:var(--w-s-color-background-disabled);--w-c-button-bg-active:var(--w-s-color-background-disabled);--w-c-button-color:var(--w-s-color-text-inverted);--w-c-button-border-width:0px}`,Lt=D`${Nt}button[part=base]{text-align:center;cursor:pointer;background-color:var(--_bg);color:var(--_color);border:var(--_border-width) solid var(--_border-color);border-radius:var(--_radius);padding:calc(var(--_pad-y) - var(--_border-width)) calc(var(--_pad-x) - var(--_border-width));font-size:var(--_font-size);line-height:var(--_line-height);font-weight:var(--_font-weight);transition:var(--_transition);justify-content:center;align-items:center;display:inline-flex}button[part=base] ::slotted(*){line-height:inherit}:host>w-link[part=base]{background:0 0;border:0;padding:0;display:inline-block}:host(:not([disabled]):not([loading])) button[part=base]:hover{background-color:var(--_bg-hover);border-color:var(--_border-color-hover);color:var(--_color-hover)}:host(:not([disabled]):not([loading])) button[part=base]:active{background-color:var(--_bg-active);border-color:var(--_border-color-active);color:var(--_color-active)}:host(:focus-visible) button[part=base]{outline:var(--_outline-width) solid var(--_outline-color);outline-offset:var(--_outline-offset)}${Vt}:host([variant=negative][quiet]){--w-c-button-bg:transparent;--w-c-button-bg-hover:var(--w-s-color-background-negative-subtle-hover);--w-c-button-bg-active:var(--w-s-color-background-negative-subtle-active);--w-c-button-color:var(--w-s-color-text-negative);--w-c-button-border-width:0px}:host([variant=utility][quiet]){--w-c-button-bg:transparent;--w-c-button-color:var(--w-s-color-text);--w-c-button-border-width:0px}:host([variant=pill]){--w-c-button-bg:transparent;--w-c-button-radius:50%;--w-c-button-border-width:0px;--w-c-button-padding-x:14px;--w-c-button-padding-y:14px;--w-c-button-color:var(--w-c-button-icon-color,var(--w-s-color-icon))}:host([variant=pill]) button[part=base]{min-width:44px;min-height:44px}:host([small][variant=pill]) button[part=base]{min-width:32px;min-height:32px}:host([variant=link]) button[part=base]{padding:0;display:inline}:host([variant=link]:not([disabled]):not([loading])) button[part=base]:hover{color:var(--w-c-button-color-hover);background-color:#0000;border-color:#0000;text-decoration:underline}${It}:host([small][variant=pill]){--w-c-button-padding-x:8px;--w-c-button-padding-y:8px}:host([full-width]){width:100%;display:block}:host([full-width]) button[part=base],:host([full-width])>w-link[part=base]{width:100%}:host([icon-only]) button[part=base]{aspect-ratio:1;padding-left:calc(var(--w-c-button-padding-y) - var(--w-c-button-border-width,0px));padding-right:calc(var(--w-c-button-padding-y) - var(--w-c-button-border-width,0px))}${Ft}:host([disabled][variant]),:host([disabled][quiet]){--w-c-button-bg:var(--w-s-color-background-disabled);--w-c-button-bg-hover:var(--w-s-color-background-disabled);--w-c-button-bg-active:var(--w-s-color-background-disabled);--w-c-button-color:var(--w-s-color-text-inverted);--w-c-button-border-width:0px;--w-c-button-border-color:transparent;--w-c-button-border-color-hover:transparent;--w-c-button-border-color-active:transparent;--w-c-button-color-hover:var(--w-s-color-text-inverted);--w-c-button-color-active:var(--w-s-color-text-inverted)}:host([loading]),:host([loading][variant]),:host([loading][quiet]){pointer-events:none;--w-c-button-bg:var(--w-s-color-background-subtle);--w-c-button-bg-hover:var(--w-s-color-background-subtle);--w-c-button-bg-active:var(--w-s-color-background-subtle);--w-c-button-color:var(--w-s-color-text);--w-c-button-color-hover:var(--w-s-color-text);--w-c-button-color-active:var(--w-s-color-text);--w-c-button-border-width:0px;--w-c-button-border-color:transparent;--w-c-button-border-color-hover:transparent;--w-c-button-border-color-active:transparent}:host([loading]) button[part=base]{background-image:linear-gradient(135deg,#0000000d 25%,#0000 25% 50%,#0000000d 50% 75%,#0000 75%,#0000);background-size:30px 30px;animation:3s linear infinite animate-inprogress}@media (prefers-reduced-motion:reduce){:host([loading]) button[part=base]{animation:none}}@keyframes animate-inprogress{0%{background-position:0 0}to{background-position:60px 0}}`,qt=D`${Nt}a[part=base]{text-align:center;cursor:pointer;background-color:var(--_bg);color:var(--_color);border:var(--_border-width) solid var(--_border-color);border-radius:var(--_radius);padding:calc(var(--_pad-y) - var(--_border-width)) calc(var(--_pad-x) - var(--_border-width));font-size:var(--_font-size);line-height:var(--_line-height);font-weight:var(--_font-weight);transition:var(--_transition);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}:host(:not([disabled])) a[part=base]:hover{background-color:var(--_bg-hover);border-color:var(--_border-color-hover);color:var(--_color-hover)}:host(:not([disabled])) a[part=base]:active{background-color:var(--_bg-active);border-color:var(--_border-color-active);color:var(--_color-active)}:host(:focus-visible) a[part=base]{outline:var(--_outline-width) solid var(--_outline-color);outline-offset:var(--_outline-offset)}${Vt}:host([variant=link]) a[part=base]{padding:0;display:inline}:host([variant=link]:not([disabled])) a[part=base]:hover{background-color:#0000;border-color:#0000;text-decoration:underline}${It}:host([full-width]){width:100%;display:block}:host([full-width]) a[part=base]{width:100%}${Ft}`;var Wt=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};const Bt=["primary","secondary","negative","negativeQuiet","utility","utilityQuiet","quiet","link","overlay","overlayInverted","overlayQuiet","overlayInvertedQuiet"];class Ht extends Pe{constructor(){super(...arguments),this.autofocus=!1,this.small=!1,this.disabled=!1,this.fullWidth=!1}static#e=this.shadowRootOptions={...Pe.shadowRootOptions,delegatesFocus:!0};static#o=this.styles=[nt,qt];connectedCallback(){if(super.connectedCallback(),this.variant&&!Bt.includes(this.variant))throw new Error(`Invalid "variant" attribute. Set its value to one of the following:\n${Bt.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0)}render(){return be`<a href="${this.href}" part="base" target="${this.target}" rel="${"_blank"===this.target?this.rel||"noopener":me}" tabindex="0"><slot></slot></a>`}}Wt([je({type:Boolean,reflect:!0})],Ht.prototype,"autofocus",void 0),Wt([je({reflect:!0})],Ht.prototype,"variant",void 0),Wt([je({type:Boolean,reflect:!0})],Ht.prototype,"small",void 0),Wt([je({reflect:!0})],Ht.prototype,"href",void 0),Wt([je({type:Boolean,reflect:!0})],Ht.prototype,"disabled",void 0),Wt([je({reflect:!0})],Ht.prototype,"target",void 0),Wt([je({reflect:!0})],Ht.prototype,"rel",void 0),Wt([je({attribute:"full-width",type:Boolean,reflect:!0})],Ht.prototype,"fullWidth",void 0),customElements.get("w-link")||customElements.define("w-link",Ht);const Yt=JSON.parse('{"button.aria.loading":["Indlæser..."]}'),Ut=JSON.parse('{"button.aria.loading":["Loading..."]}'),Xt=JSON.parse('{"button.aria.loading":["Ladataan..."]}'),Jt=JSON.parse('{"button.aria.loading":["Laster..."]}'),Kt=JSON.parse('{"button.aria.loading":["Laddar ..."]}');var Zt=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};const Qt=["primary","secondary","negative","negativeQuiet","utility","pill","link","quiet","utilityQuiet","overlay","overlayInverted","overlayQuiet","overlayInvertedQuiet"];class Gt extends($(Pe)){static#e=this.styles=[nt,Lt];static#o=this.shadowRootOptions={...Pe.shadowRootOptions,delegatesFocus:!0};#t;updated(e){e.has("value")&&this.setValue(this.value)}constructor(){super(),this.autofocus=!1,this.quiet=!1,this.iconOnly=!1,this.small=!1,this.loading=!1,this.disabled=!1,this.fullWidth=!1,this.#t=void 0,Qe(Ut,Jt,Xt,Yt,Kt),this.ariaValueTextLoading=y.t({id:"button.aria.loading",message:"Loading...",comment:"Screen reader message for buttons that are loading"})}connectedCallback(){super.connectedCallback();const e=this.variant||"secondary";if(!Qt.includes(e))throw new Error(`Invalid "variant" attribute. Set its value to one of the following:\n${Qt.join(", ")}.`);this.#t=this.value}closestWithId(e){let t,r=this.shadowRoot;try{for(;r;){if(t=r.getElementById(e),t)return t;r=r.getRootNode().host?.getRootNode()}}catch{}return document.getElementById(e)}firstUpdated(){this.autofocus&&!this.href&&setTimeout(()=>this.focus(),0),this.buttonEl&&this.commandfor&&(this.buttonEl.commandForElement=this.closestWithId(this.commandfor))}_handleButtonClick(){"submit"===this.type?this.internals.form.requestSubmit():"reset"===this.type&&this.internals.form.reset()}resetFormControl(){this.value=this.#t}render(){const e=this.variant||"secondary";return be`${this.href?be`<w-link href="${this.href}" target="${this.target}" variant="${this.quiet?"quiet":e}" ?small="${this.small}" ?loading="${this.loading}" ?autofocus="${this.autofocus}" ?full-width="${this.fullWidth}" class="${this.buttonClass}" rel="${"_blank"===this.target?this.rel||"noopener":void 0}"><slot></slot></w-link>`:be`<button type="${this.type||"button"}" part="base" class="${Ue(this.buttonClass)}" @click="${this._handleButtonClick}" commandfor="${Ue(this.commandfor)}" command="${Ue(this.command)}"><slot></slot></button>`} ${this.loading?be`<span class="sr-only" role="progressbar" aria-valuenow="{0}" aria-valuetext="${this.ariaValueTextLoading}"></span>`:me}`}}Zt([je({reflect:!0})],Gt.prototype,"type",void 0),Zt([je({type:Boolean,reflect:!0})],Gt.prototype,"autofocus",void 0),Zt([je({reflect:!0})],Gt.prototype,"variant",void 0),Zt([je({type:Boolean,reflect:!0})],Gt.prototype,"quiet",void 0),Zt([je({type:Boolean,reflect:!0,attribute:"icon-only"})],Gt.prototype,"iconOnly",void 0),Zt([je({type:Boolean,reflect:!0})],Gt.prototype,"small",void 0),Zt([je({type:Boolean,reflect:!0})],Gt.prototype,"loading",void 0),Zt([je({reflect:!0})],Gt.prototype,"href",void 0),Zt([je({reflect:!0})],Gt.prototype,"target",void 0),Zt([je({type:Boolean,reflect:!0})],Gt.prototype,"disabled",void 0),Zt([je({reflect:!0})],Gt.prototype,"rel",void 0),Zt([je({attribute:"full-width",type:Boolean,reflect:!0})],Gt.prototype,"fullWidth",void 0),Zt([je({attribute:"button-class",reflect:!0})],Gt.prototype,"buttonClass",void 0),Zt([je({reflect:!0})],Gt.prototype,"name",void 0),Zt([je({reflect:!0})],Gt.prototype,"value",void 0),Zt([je()],Gt.prototype,"commandfor",void 0),Zt([je()],Gt.prototype,"command",void 0),Zt([Ie("button")],Gt.prototype,"buttonEl",void 0),customElements.get("w-button")||customElements.define("w-button",Gt);const er=["top","right","bottom","left"],tr=Math.min,rr=Math.max,or=Math.round,nr=e=>({x:e,y:e}),ar={left:"right",right:"left",bottom:"top",top:"bottom"};function ir(e,t,r){return rr(e,tr(t,r))}function sr(e,t){return"function"==typeof e?e(t):e}function lr(e){return e.split("-")[0]}function dr(e){return e.split("-")[1]}function cr(e){return"x"===e?"y":"x"}function hr(e){return"y"===e?"height":"width"}function ur(e){const t=e[0];return"t"===t||"b"===t?"y":"x"}function pr(e){return cr(ur(e))}function br(e){return e.includes("start")?e.replace("start","end"):e.replace("end","start")}const gr=["left","right"],mr=["right","left"],vr=["top","bottom"],fr=["bottom","top"];function wr(e,t,r,o){const n=dr(e);let a=function(e,t,r){switch(e){case"top":case"bottom":return r?t?mr:gr:t?gr:mr;case"left":case"right":return t?vr:fr;default:return[]}}(lr(e),"start"===r,o);return n&&(a=a.map(e=>e+"-"+n),t&&(a=a.concat(a.map(br)))),a}function yr(e){const t=lr(e);return ar[t]+e.slice(t.length)}function xr(e){return"number"!=typeof e?function(e){return{top:0,right:0,bottom:0,left:0,...e}}(e):{top:e,right:e,bottom:e,left:e}}function kr(e){const{x:t,y:r,width:o,height:n}=e;return{width:o,height:n,top:r,left:t,right:t+o,bottom:r+n,x:t,y:r}}function _r(e,t,r){let{reference:o,floating:n}=e;const a=ur(t),i=pr(t),s=hr(i),l=lr(t),d="y"===a,c=o.x+o.width/2-n.width/2,h=o.y+o.height/2-n.height/2,u=o[s]/2-n[s]/2;let p;switch(l){case"top":p={x:c,y:o.y-n.height};break;case"bottom":p={x:c,y:o.y+o.height};break;case"right":p={x:o.x+o.width,y:h};break;case"left":p={x:o.x-n.width,y:h};break;default:p={x:o.x,y:o.y}}switch(dr(t)){case"start":p[i]-=u*(r&&d?-1:1);break;case"end":p[i]+=u*(r&&d?-1:1)}return p}async function $r(e,t){var r;void 0===t&&(t={});const{x:o,y:n,platform:a,rects:i,elements:s,strategy:l}=e,{boundary:d="clippingAncestors",rootBoundary:c="viewport",elementContext:h="floating",altBoundary:u=!1,padding:p=0}=sr(t,e),b=xr(p),g=s[u?"floating"===h?"reference":"floating":h],m=kr(await a.getClippingRect({element:null==(r=await(null==a.isElement?void 0:a.isElement(g)))||r?g:g.contextElement||await(null==a.getDocumentElement?void 0:a.getDocumentElement(s.floating)),boundary:d,rootBoundary:c,strategy:l})),v="floating"===h?{x:o,y:n,width:i.floating.width,height:i.floating.height}:i.reference,f=await(null==a.getOffsetParent?void 0:a.getOffsetParent(s.floating)),w=await(null==a.isElement?void 0:a.isElement(f))&&await(null==a.getScale?void 0:a.getScale(f))||{x:1,y:1},y=kr(a.convertOffsetParentRelativeRectToViewportRelativeRect?await a.convertOffsetParentRelativeRectToViewportRelativeRect({elements:s,rect:v,offsetParent:f,strategy:l}):v);return{top:(m.top-y.top+b.top)/w.y,bottom:(y.bottom-m.bottom+b.bottom)/w.y,left:(m.left-y.left+b.left)/w.x,right:(y.right-m.right+b.right)/w.x}}function Sr(e,t){return{top:e.top-t.height,right:e.right-t.width,bottom:e.bottom-t.height,left:e.left-t.width}}function Er(e){return er.some(t=>e[t]>=0)}const Cr=new Set(["left","top"]);function zr(){return"undefined"!=typeof window}function Or(e){return Pr(e)?(e.nodeName||"").toLowerCase():"#document"}function Ar(e){var t;return(null==e||null==(t=e.ownerDocument)?void 0:t.defaultView)||window}function Dr(e){var t;return null==(t=(Pr(e)?e.ownerDocument:e.document)||window.document)?void 0:t.documentElement}function Pr(e){return!!zr()&&(e instanceof Node||e instanceof Ar(e).Node)}function Mr(e){return!!zr()&&(e instanceof Element||e instanceof Ar(e).Element)}function Tr(e){return!!zr()&&(e instanceof HTMLElement||e instanceof Ar(e).HTMLElement)}function Rr(e){return!(!zr()||"undefined"==typeof ShadowRoot)&&(e instanceof ShadowRoot||e instanceof Ar(e).ShadowRoot)}function jr(e){const{overflow:t,overflowX:r,overflowY:o,display:n}=Yr(e);return/auto|scroll|overlay|hidden|clip/.test(t+o+r)&&"inline"!==n&&"contents"!==n}function Nr(e){return/^(table|td|th)$/.test(Or(e))}function Vr(e){try{if(e.matches(":popover-open"))return!0}catch(e){}try{return e.matches(":modal")}catch(e){return!1}}const Ir=/transform|translate|scale|rotate|perspective|filter/,Fr=/paint|layout|strict|content/,Lr=e=>!!e&&"none"!==e;let qr;function Wr(e){const t=Mr(e)?Yr(e):e;return Lr(t.transform)||Lr(t.translate)||Lr(t.scale)||Lr(t.rotate)||Lr(t.perspective)||!Br()&&(Lr(t.backdropFilter)||Lr(t.filter))||Ir.test(t.willChange||"")||Fr.test(t.contain||"")}function Br(){return null==qr&&(qr="undefined"!=typeof CSS&&CSS.supports&&CSS.supports("-webkit-backdrop-filter","none")),qr}function Hr(e){return/^(html|body|#document)$/.test(Or(e))}function Yr(e){return Ar(e).getComputedStyle(e)}function Ur(e){return Mr(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function Xr(e){if("html"===Or(e))return e;const t=e.assignedSlot||e.parentNode||Rr(e)&&e.host||Dr(e);return Rr(t)?t.host:t}function Jr(e){const t=Xr(e);return Hr(t)?e.ownerDocument?e.ownerDocument.body:e.body:Tr(t)&&jr(t)?t:Jr(t)}function Kr(e,t,r){var o;void 0===t&&(t=[]);const n=Jr(e),a=n===(null==(o=e.ownerDocument)?void 0:o.body),i=Ar(n);return a?(Zr(i),t.concat(i,i.visualViewport||[],jr(n)?n:[],[])):t.concat(n,Kr(n,[]))}function Zr(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function Qr(e){const t=Yr(e);let r=parseFloat(t.width)||0,o=parseFloat(t.height)||0;const n=Tr(e),a=n?e.offsetWidth:r,i=n?e.offsetHeight:o,s=or(r)!==a||or(o)!==i;return s&&(r=a,o=i),{width:r,height:o,$:s}}function Gr(e){return Mr(e)?e:e.contextElement}function eo(e){const t=Gr(e);if(!Tr(t))return nr(1);const r=t.getBoundingClientRect(),{width:o,height:n,$:a}=Qr(t);let i=(a?or(r.width):r.width)/o,s=(a?or(r.height):r.height)/n;return i&&Number.isFinite(i)||(i=1),s&&Number.isFinite(s)||(s=1),{x:i,y:s}}const to=nr(0);function ro(e){const t=Ar(e);return Br()&&t.visualViewport?{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}:to}function oo(e,t,r,o){void 0===t&&(t=!1),void 0===r&&(r=!1);const n=e.getBoundingClientRect(),a=Gr(e);let i=nr(1);t&&(o?Mr(o)&&(i=eo(o)):i=eo(e));const s=function(e,t,r){return void 0===t&&(t=!1),!(!r||t&&r!==Ar(e))&&t}(a,r,o)?ro(a):nr(0);let l=(n.left+s.x)/i.x,d=(n.top+s.y)/i.y,c=n.width/i.x,h=n.height/i.y;if(a){const e=Ar(a),t=o&&Mr(o)?Ar(o):o;let r=e,n=Zr(r);for(;n&&o&&t!==r;){const e=eo(n),t=n.getBoundingClientRect(),o=Yr(n),a=t.left+(n.clientLeft+parseFloat(o.paddingLeft))*e.x,i=t.top+(n.clientTop+parseFloat(o.paddingTop))*e.y;l*=e.x,d*=e.y,c*=e.x,h*=e.y,l+=a,d+=i,r=Ar(n),n=Zr(r)}}return kr({width:c,height:h,x:l,y:d})}function no(e,t){const r=Ur(e).scrollLeft;return t?t.left+r:oo(Dr(e)).left+r}function ao(e,t){const r=e.getBoundingClientRect();return{x:r.left+t.scrollLeft-no(e,r),y:r.top+t.scrollTop}}function io(e,t,r){let o;if("viewport"===t)o=function(e,t){const r=Ar(e),o=Dr(e),n=r.visualViewport;let a=o.clientWidth,i=o.clientHeight,s=0,l=0;if(n){a=n.width,i=n.height;const e=Br();(!e||e&&"fixed"===t)&&(s=n.offsetLeft,l=n.offsetTop)}const d=no(o);if(d<=0){const e=o.ownerDocument,t=e.body,r=getComputedStyle(t),n="CSS1Compat"===e.compatMode&&parseFloat(r.marginLeft)+parseFloat(r.marginRight)||0,i=Math.abs(o.clientWidth-t.clientWidth-n);i<=25&&(a-=i)}else d<=25&&(a+=d);return{width:a,height:i,x:s,y:l}}(e,r);else if("document"===t)o=function(e){const t=Dr(e),r=Ur(e),o=e.ownerDocument.body,n=rr(t.scrollWidth,t.clientWidth,o.scrollWidth,o.clientWidth),a=rr(t.scrollHeight,t.clientHeight,o.scrollHeight,o.clientHeight);let i=-r.scrollLeft+no(e);const s=-r.scrollTop;return"rtl"===Yr(o).direction&&(i+=rr(t.clientWidth,o.clientWidth)-n),{width:n,height:a,x:i,y:s}}(Dr(e));else if(Mr(t))o=function(e,t){const r=oo(e,!0,"fixed"===t),o=r.top+e.clientTop,n=r.left+e.clientLeft,a=Tr(e)?eo(e):nr(1);return{width:e.clientWidth*a.x,height:e.clientHeight*a.y,x:n*a.x,y:o*a.y}}(t,r);else{const r=ro(e);o={x:t.x-r.x,y:t.y-r.y,width:t.width,height:t.height}}return kr(o)}function so(e,t){const r=Xr(e);return!(r===t||!Mr(r)||Hr(r))&&("fixed"===Yr(r).position||so(r,t))}function lo(e,t,r){const o=Tr(t),n=Dr(t),a="fixed"===r,i=oo(e,!0,a,t);let s={scrollLeft:0,scrollTop:0};const l=nr(0);function d(){l.x=no(n)}if(o||!o&&!a)if(("body"!==Or(t)||jr(n))&&(s=Ur(t)),o){const e=oo(t,!0,a,t);l.x=e.x+t.clientLeft,l.y=e.y+t.clientTop}else n&&d();a&&!o&&n&&d();const c=!n||o||a?nr(0):ao(n,s);return{x:i.left+s.scrollLeft-l.x-c.x,y:i.top+s.scrollTop-l.y-c.y,width:i.width,height:i.height}}function co(e){return"static"===Yr(e).position}function ho(e,t){if(!Tr(e)||"fixed"===Yr(e).position)return null;if(t)return t(e);let r=e.offsetParent;return Dr(e)===r&&(r=r.ownerDocument.body),r}function uo(e,t){const r=Ar(e);if(Vr(e))return r;if(!Tr(e)){let t=Xr(e);for(;t&&!Hr(t);){if(Mr(t)&&!co(t))return t;t=Xr(t)}return r}let o=ho(e,t);for(;o&&Nr(o)&&co(o);)o=ho(o,t);return o&&Hr(o)&&co(o)&&!Wr(o)?r:o||function(e){let t=Xr(e);for(;Tr(t)&&!Hr(t);){if(Wr(t))return t;if(Vr(t))return null;t=Xr(t)}return null}(e)||r}const po={convertOffsetParentRelativeRectToViewportRelativeRect:function(e){let{elements:t,rect:r,offsetParent:o,strategy:n}=e;const a="fixed"===n,i=Dr(o),s=!!t&&Vr(t.floating);if(o===i||s&&a)return r;let l={scrollLeft:0,scrollTop:0},d=nr(1);const c=nr(0),h=Tr(o);if((h||!h&&!a)&&(("body"!==Or(o)||jr(i))&&(l=Ur(o)),h)){const e=oo(o);d=eo(o),c.x=e.x+o.clientLeft,c.y=e.y+o.clientTop}const u=!i||h||a?nr(0):ao(i,l);return{width:r.width*d.x,height:r.height*d.y,x:r.x*d.x-l.scrollLeft*d.x+c.x+u.x,y:r.y*d.y-l.scrollTop*d.y+c.y+u.y}},getDocumentElement:Dr,getClippingRect:function(e){let{element:t,boundary:r,rootBoundary:o,strategy:n}=e;const a="clippingAncestors"===r?Vr(t)?[]:function(e,t){const r=t.get(e);if(r)return r;let o=Kr(e,[]).filter(e=>Mr(e)&&"body"!==Or(e)),n=null;const a="fixed"===Yr(e).position;let i=a?Xr(e):e;for(;Mr(i)&&!Hr(i);){const t=Yr(i),r=Wr(i);r||"fixed"!==t.position||(n=null),(a?!r&&!n:!r&&"static"===t.position&&n&&("absolute"===n.position||"fixed"===n.position)||jr(i)&&!r&&so(e,i))?o=o.filter(e=>e!==i):n=t,i=Xr(i)}return t.set(e,o),o}(t,this._c):[].concat(r),i=[...a,o],s=io(t,i[0],n);let l=s.top,d=s.right,c=s.bottom,h=s.left;for(let e=1;e<i.length;e++){const r=io(t,i[e],n);l=rr(r.top,l),d=tr(r.right,d),c=tr(r.bottom,c),h=rr(r.left,h)}return{width:d-h,height:c-l,x:h,y:l}},getOffsetParent:uo,getElementRects:async function(e){const t=this.getOffsetParent||uo,r=this.getDimensions,o=await r(e.floating);return{reference:lo(e.reference,await t(e.floating),e.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}},getClientRects:function(e){return Array.from(e.getClientRects())},getDimensions:function(e){const{width:t,height:r}=Qr(e);return{width:t,height:r}},getScale:eo,isElement:Mr,isRTL:function(e){return"rtl"===Yr(e).direction}},bo=function(e){return void 0===e&&(e=0),{name:"offset",options:e,async fn(t){var r,o;const{x:n,y:a,placement:i,middlewareData:s}=t,l=await async function(e,t){const{placement:r,platform:o,elements:n}=e,a=await(null==o.isRTL?void 0:o.isRTL(n.floating)),i=lr(r),s=dr(r),l="y"===ur(r),d=Cr.has(i)?-1:1,c=a&&l?-1:1,h=sr(t,e);let{mainAxis:u,crossAxis:p,alignmentAxis:b}="number"==typeof h?{mainAxis:h,crossAxis:0,alignmentAxis:null}:{mainAxis:h.mainAxis||0,crossAxis:h.crossAxis||0,alignmentAxis:h.alignmentAxis};return s&&"number"==typeof b&&(p="end"===s?-1*b:b),l?{x:p*c,y:u*d}:{x:u*d,y:p*c}}(t,e);return i===(null==(r=s.offset)?void 0:r.placement)&&null!=(o=s.arrow)&&o.alignmentOffset?{}:{x:n+l.x,y:a+l.y,data:{...l,placement:i}}}}},go=function(e){return void 0===e&&(e={}),{name:"shift",options:e,async fn(t){const{x:r,y:o,placement:n,platform:a}=t,{mainAxis:i=!0,crossAxis:s=!1,limiter:l={fn:e=>{let{x:t,y:r}=e;return{x:t,y:r}}},...d}=sr(e,t),c={x:r,y:o},h=await a.detectOverflow(t,d),u=ur(lr(n)),p=cr(u);let b=c[p],g=c[u];if(i){const e="y"===p?"bottom":"right";b=ir(b+h["y"===p?"top":"left"],b,b-h[e])}if(s){const e="y"===u?"bottom":"right";g=ir(g+h["y"===u?"top":"left"],g,g-h[e])}const m=l.fn({...t,[p]:b,[u]:g});return{...m,data:{x:m.x-r,y:m.y-o,enabled:{[p]:i,[u]:s}}}}}},mo=function(e){return void 0===e&&(e={}),{name:"flip",options:e,async fn(t){var r,o;const{placement:n,middlewareData:a,rects:i,initialPlacement:s,platform:l,elements:d}=t,{mainAxis:c=!0,crossAxis:h=!0,fallbackPlacements:u,fallbackStrategy:p="bestFit",fallbackAxisSideDirection:b="none",flipAlignment:g=!0,...m}=sr(e,t);if(null!=(r=a.arrow)&&r.alignmentOffset)return{};const v=lr(n),f=ur(s),w=lr(s)===s,y=await(null==l.isRTL?void 0:l.isRTL(d.floating)),x=u||(w||!g?[yr(s)]:function(e){const t=yr(e);return[br(e),t,br(t)]}(s)),k="none"!==b;!u&&k&&x.push(...wr(s,g,b,y));const _=[s,...x],$=await l.detectOverflow(t,m),S=[];let E=(null==(o=a.flip)?void 0:o.overflows)||[];if(c&&S.push($[v]),h){const e=function(e,t,r){void 0===r&&(r=!1);const o=dr(e),n=pr(e),a=hr(n);let i="x"===n?o===(r?"end":"start")?"right":"left":"start"===o?"bottom":"top";return t.reference[a]>t.floating[a]&&(i=yr(i)),[i,yr(i)]}(n,i,y);S.push($[e[0]],$[e[1]])}if(E=[...E,{placement:n,overflows:S}],!S.every(e=>e<=0)){var C,z;const e=((null==(C=a.flip)?void 0:C.index)||0)+1,t=_[e];if(t){if(!("alignment"===h&&f!==ur(t))||E.every(e=>ur(e.placement)!==f||e.overflows[0]>0))return{data:{index:e,overflows:E},reset:{placement:t}}}let r=null==(z=E.filter(e=>e.overflows[0]<=0).sort((e,t)=>e.overflows[1]-t.overflows[1])[0])?void 0:z.placement;if(!r)switch(p){case"bestFit":{var O;const e=null==(O=E.filter(e=>{if(k){const t=ur(e.placement);return t===f||"y"===t}return!0}).map(e=>[e.placement,e.overflows.filter(e=>e>0).reduce((e,t)=>e+t,0)]).sort((e,t)=>e[1]-t[1])[0])?void 0:O[0];e&&(r=e);break}case"initialPlacement":r=s}if(n!==r)return{reset:{placement:r}}}return{}}}},vo=function(e){return void 0===e&&(e={}),{name:"size",options:e,async fn(t){var r,o;const{placement:n,rects:a,platform:i,elements:s}=t,{apply:l=()=>{},...d}=sr(e,t),c=await i.detectOverflow(t,d),h=lr(n),u=dr(n),p="y"===ur(n),{width:b,height:g}=a.floating;let m,v;"top"===h||"bottom"===h?(m=h,v=u===(await(null==i.isRTL?void 0:i.isRTL(s.floating))?"start":"end")?"left":"right"):(v=h,m="end"===u?"top":"bottom");const f=g-c.top-c.bottom,w=b-c.left-c.right,y=tr(g-c[m],f),x=tr(b-c[v],w),k=!t.middlewareData.shift;let _=y,$=x;if(null!=(r=t.middlewareData.shift)&&r.enabled.x&&($=w),null!=(o=t.middlewareData.shift)&&o.enabled.y&&(_=f),k&&!u){const e=rr(c.left,0),t=rr(c.right,0),r=rr(c.top,0),o=rr(c.bottom,0);p?$=b-2*(0!==e||0!==t?e+t:rr(c.left,c.right)):_=g-2*(0!==r||0!==o?r+o:rr(c.top,c.bottom))}await l({...t,availableWidth:$,availableHeight:_});const S=await i.getDimensions(s.floating);return b!==S.width||g!==S.height?{reset:{rects:!0}}:{}}}},fo=function(e){return void 0===e&&(e={}),{name:"hide",options:e,async fn(t){const{rects:r,platform:o}=t,{strategy:n="referenceHidden",...a}=sr(e,t);switch(n){case"referenceHidden":{const e=Sr(await o.detectOverflow(t,{...a,elementContext:"reference"}),r.reference);return{data:{referenceHiddenOffsets:e,referenceHidden:Er(e)}}}case"escaped":{const e=Sr(await o.detectOverflow(t,{...a,altBoundary:!0}),r.floating);return{data:{escapedOffsets:e,escaped:Er(e)}}}default:return{}}}}},wo=e=>({name:"arrow",options:e,async fn(t){const{x:r,y:o,placement:n,rects:a,platform:i,elements:s,middlewareData:l}=t,{element:d,padding:c=0}=sr(e,t)||{};if(null==d)return{};const h=xr(c),u={x:r,y:o},p=pr(n),b=hr(p),g=await i.getDimensions(d),m="y"===p,v=m?"top":"left",f=m?"bottom":"right",w=m?"clientHeight":"clientWidth",y=a.reference[b]+a.reference[p]-u[p]-a.floating[b],x=u[p]-a.reference[p],k=await(null==i.getOffsetParent?void 0:i.getOffsetParent(d));let _=k?k[w]:0;_&&await(null==i.isElement?void 0:i.isElement(k))||(_=s.floating[w]||a.floating[b]);const $=y/2-x/2,S=_/2-g[b]/2-1,E=tr(h[v],S),C=tr(h[f],S),z=E,O=_-g[b]-C,A=_/2-g[b]/2+$,D=ir(z,A,O),P=!l.arrow&&null!=dr(n)&&A!==D&&a.reference[b]/2-(A<z?E:C)-g[b]/2<0,M=P?A<z?A-z:A-O:0;return{[p]:u[p]+M,data:{[p]:D,centerOffset:A-D-M,...P&&{alignmentOffset:M}},reset:P}}}),yo=(e,t,r)=>{const o=new Map,n={platform:po,...r},a={...n.platform,_c:o};return(async(e,t,r)=>{const{placement:o="bottom",strategy:n="absolute",middleware:a=[],platform:i}=r,s=i.detectOverflow?i:{...i,detectOverflow:$r},l=await(null==i.isRTL?void 0:i.isRTL(t));let d=await i.getElementRects({reference:e,floating:t,strategy:n}),{x:c,y:h}=_r(d,o,l),u=o,p=0;const b={};for(let r=0;r<a.length;r++){const g=a[r];if(!g)continue;const{name:m,fn:v}=g,{x:f,y:w,data:y,reset:x}=await v({x:c,y:h,initialPlacement:o,placement:u,strategy:n,middlewareData:b,rects:d,platform:s,elements:{reference:e,floating:t}});c=null!=f?f:c,h=null!=w?w:h,b[m]={...b[m],...y},x&&p<50&&(p++,"object"==typeof x&&(x.placement&&(u=x.placement),x.rects&&(d=!0===x.rects?await i.getElementRects({reference:e,floating:t,strategy:n}):x.rects),({x:c,y:h}=_r(d,u,l))),r=-1)}return{x:c,y:h,placement:u,strategy:n,middlewareData:b}})(e,t,{...n,platform:a})},xo="top-start",ko="top",_o="top-end",$o="right-start",So="right",Eo="right-end",Co="bottom-start",zo="bottom",Oo="bottom-end",Ao="left-start",Do="left",Po="left-end",Mo=[xo,ko,_o,$o,So,Eo,Co,zo,Oo,Ao,Do,Po],To={[xo]:Co,[ko]:zo,[_o]:Oo,[Co]:xo,[zo]:ko,[Oo]:_o,[Ao]:$o,[Do]:So,[Po]:Eo,[$o]:Ao,[So]:Do,[Eo]:Po},Ro={[Ao]:-45,[Do]:-45,[Po]:-45,[xo]:45,[ko]:45,[_o]:45,[$o]:135,[So]:135,[Eo]:135,[Co]:-135,[zo]:-135,[Oo]:-135},jo=e=>{let t;return t=/-/.test(e)?e.split("-").map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(""):e.charAt(0).toUpperCase()+e.slice(1),t},No=e=>To[(e=>e.split("-")[0])(e)],Vo=e=>To[e];async function Io(e){if(!e?.isShowing)return;if(e?.waitForDOM&&await(e?.waitForDOM()),!e?.targetEl||!e?.attentionEl)return;let t=e?.targetEl;const r=e.attentionEl;return yo(t,r,{placement:e?.directionName??zo,middleware:[bo({mainAxis:e?.distance??8,crossAxis:e?.skidding??0}),e?.flip&&mo({crossAxis:e?.crossAxis,fallbackPlacements:e?.fallbackPlacements}),e?.flip&&go({crossAxis:!0}),!e?.noArrow&&e?.arrowEl&&wo({element:e?.arrowEl}),fo(),vo({apply(){Object.assign(r.style,{paddingRight:"8px",paddingLeft:"8px"})}})]}).then(t=>{let{x:o,y:n,middlewareData:a,placement:i}=t;if(e.actualDirection=i,e?.isCallout||Object.assign(r.style,{left:`${o}px`,top:`${n}px`}),a?.hide&&!e?.isCallout){const{referenceHidden:e}=a.hide;Object.assign(r.style,{visibility:e?"hidden":""})}if(a?.arrow&&e?.arrowEl){const t=e?.arrowEl,{x:o,y:n}=a.arrow,s="rtl"===window.getComputedStyle(r).direction,l=Vo(i).split("-")[1];let d="",c="",h="",u="";if("start"===l){const e="number"==typeof o?`calc(24px - ${t.offsetWidth/2}px)`:"";d="number"==typeof n?`calc(24px - ${t.offsetWidth/2}px)`:"",c=s?e:"",u=s?"":e}else if("end"===l){const e="number"==typeof o?`calc(24px - ${t.offsetWidth/2}px)`:"";c=s?"":e,u=s?e:"",h="number"==typeof n?`calc(24px - ${t.offsetWidth/2}px)`:""}else u="number"==typeof o?`${o}px`:"",d="number"==typeof n?`${n}px`:"";Object.assign(t.style,{top:d,right:c,bottom:h,left:u}),((e,t,r)=>{Object.assign(e?.style,{borderTopLeftRadius:"4px",zIndex:1,[`margin${jo(No(r))}`]:"-0.5px",transform:`rotate(${t}deg)`})})(t,Ro[Vo(i)],i)}}),e}const Fo=D`.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 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 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:.25rem}.gap-2{gap:.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:.25rem}.gap-x-2{column-gap:.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:.25rem}.gap-y-2{row-gap:.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:.25rem}.basis-2{flex-basis:.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 auto}.flex-1{flex:1}.flex-auto{flex:auto}.flex-none{flex:none}.space-x-0>*+*{margin-left:0}.space-x-1>*+*{margin-left:.25rem}.space-x-2>*+*{margin-left:.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:.25rem}.space-y-2>*+*{margin-top:.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-left:0;margin-right:0}.space-y-reverse>*+*{margin-top:0;margin-bottom:0}.m-0{margin:0}.m-1{margin:.25rem}.m-2{margin:.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:.25rem}.mt-2{margin-top:.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:.25rem}.mr-2{margin-right:.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:.25rem}.mb-2{margin-bottom:.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:.25rem}.ml-2{margin-left:.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:.25rem;margin-right:.25rem}.mx-2{margin-left:.5rem;margin-right:.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:.25rem;margin-bottom:.25rem}.my-2{margin-top:.5rem;margin-bottom:.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:.25rem}.p-2{padding:.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:.25rem}.pt-2{padding-top:.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:.25rem}.pr-2{padding-right:.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:.25rem}.pb-2{padding-bottom:.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:.25rem}.pl-2{padding-left:.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:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.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:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.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}`,Lo=JSON.parse('{"attention.aria.callout":["En grøn taleboble der introducerer noget nyt"],"attention.aria.close":["Luk"],"attention.aria.highlight":["En opmærksomhedsskabende taleboble med vigtig information"],"attention.aria.pointingDown":["peger nedad"],"attention.aria.pointingLeft":["peger til venstre"],"attention.aria.pointingRight":["peger til højre"],"attention.aria.pointingUp":["peger opad"],"attention.aria.popover":["En hvid taleboble med mere information"],"attention.aria.tooltip":["En sort taleboble med flere oplysninger"]}'),qo=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"]}'),Wo=JSON.parse('{"attention.aria.callout":["Vihreä puhekupla, joka esittelee jotain uutta"],"attention.aria.close":["Sulje"],"attention.aria.highlight":["Puhekupla, joka sisältää tärkeää tietoa"],"attention.aria.pointingDown":["osoittaa alas"],"attention.aria.pointingLeft":["osoittaa vasemmalle"],"attention.aria.pointingRight":["osoittaa oikealle"],"attention.aria.pointingUp":["osoittaa ylös"],"attention.aria.popover":["Valkoinen puhekupla, joka tarjoaa lisätietoa"],"attention.aria.tooltip":["Musta puhekupla, joka tarjoaa täydentävää tietoa"]}'),Bo=JSON.parse('{"attention.aria.callout":["Grønn 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øyre"],"attention.aria.pointingUp":["peker opp"],"attention.aria.popover":["En hvit taleboble som gir tilleggsinformasjon"],"attention.aria.tooltip":["En svart taleboble som forklarer konteksten"]}'),Ho=JSON.parse('{"attention.aria.callout":["En grön pratbubbla som introducerar något nytt"],"attention.aria.close":["Stäng"],"attention.aria.highlight":["En pratbubbla med viktig information"],"attention.aria.pointingDown":["pekar ned"],"attention.aria.pointingLeft":["pekar vänster"],"attention.aria.pointingRight":["pekar höger"],"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"]}'),Yo=A("*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.hover\\:bg-clip-padding:hover{-webkit-background-clip:padding-box;background-clip:padding-box}.bg-transparent{background-color:#0000}.bg-\\[--w-color-button-primary-background\\]{background-color:var(--w-color-button-primary-background)}.bg-\\[--w-color-callout-background\\]{background-color:var(--w-color-callout-background)}.bg-\\[--w-s-color-surface-elevated-300\\]{background-color:var(--w-s-color-surface-elevated-300)}.hover\\:bg-\\[--w-color-button-pill-background-hover\\]:hover{background-color:var(--w-color-button-pill-background-hover)}.hover\\:bg-\\[--w-color-button-primary-background-hover\\]:hover{background-color:var(--w-color-button-primary-background-hover)}.active\\:bg-\\[--w-color-button-pill-background-active\\]:active{background-color:var(--w-color-button-pill-background-active)}.active\\:bg-\\[--w-color-button-primary-background-active\\]:active{background-color:var(--w-color-button-primary-background-active)}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-b-0{border-bottom-width:0}.border-r-0{border-right-width:0}.border-\\[--w-color-callout-border\\]{border-color:var(--w-color-callout-border)}.border-\\[--w-s-color-background-inverted\\]{border-color:var(--w-s-color-background-inverted)}.border-\\[--w-s-color-surface-elevated-300\\]{border-color:var(--w-s-color-surface-elevated-300)}.rounded-4{border-radius:4px}.rounded-8{border-radius:8px}.rounded-full{border-radius:9999px}.rounded-tl-4{border-top-left-radius:4px}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.contents{display:contents}.hidden{display:none}.hover\\:underline:hover,.focus\\:underline:focus,.active\\:underline:active{text-decoration-line:underline}.focusable:focus{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:focus-visible{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:not(:focus-visible){outline:none}.items-center{align-items:center}.-bottom-\\[8px\\]{bottom:-8px}.-left-\\[8px\\]{left:-8px}.-right-\\[8px\\]{right:-8px}.-top-\\[8px\\]{top:-8px}.justify-center{justify-content:center}.absolute{position:absolute}.relative{position:relative}.static{position:static}.z-50{z-index:50}.s-bg{background-color:var(--w-s-color-background)}.s-bg-disabled{background-color:var(--w-s-color-background-disabled)}.s-bg-inverted{background-color:var(--w-s-color-background-inverted)}.s-bg-negative{background-color:var(--w-s-color-background-negative)}.s-bg-subtle{background-color:var(--w-s-color-background-subtle)}.hover\\:s-bg-hover:hover{background-color:var(--w-s-color-background-hover)}.hover\\:s-bg-negative-hover:hover{background-color:var(--w-s-color-background-negative-hover)}.hover\\:s-bg-negative-subtle-hover:hover{background-color:var(--w-s-color-background-negative-subtle-hover)}.active\\:s-bg-active:active{background-color:var(--w-s-color-background-active)}.active\\:s-bg-negative-active:active{background-color:var(--w-s-color-background-negative-active)}.active\\:s-bg-negative-subtle-active:active{background-color:var(--w-s-color-background-negative-subtle-active)}.s-text{color:var(--w-s-color-text)}.s-text-inverted{color:var(--w-s-color-text-inverted)}.s-text-link{color:var(--w-s-color-text-link)}.s-text-negative{color:var(--w-s-color-text-negative)}.s-icon{color:var(--w-s-color-icon)}.hover\\:s-icon-hover:hover{color:var(--w-s-color-icon-hover)}.active\\:s-icon-active:active{color:var(--w-s-color-icon-active)}.s-border{border-color:var(--w-s-color-border)}.hover\\:s-border-hover:hover{border-color:var(--w-s-color-border-hover)}.active\\:s-border-active:active{border-color:var(--w-s-color-border-active)}.drop-shadow-m{filter:drop-shadow(0 3px 8px #4040403d)drop-shadow(0 3px 6px #40404029)}.shadow-m{box-shadow:var(--w-shadow-m)}.h-\\[14px\\]{height:14px}.w-\\[14px\\]{width:14px}.last-child\\:mb-0>:last-child{margin-bottom:0}.ml-8{margin-left:.8rem}.p-16{padding:1.6rem}.p-4{padding:.4rem}.px-16{padding-left:1.6rem;padding-right:1.6rem}.px-8{padding-left:.8rem;padding-right:.8rem}.py-6{padding-top:.6rem;padding-bottom:.6rem}.py-8{padding-top:.8rem;padding-bottom:.8rem}.font-bold{font-weight:700}.resize{resize:both}.translate-z-0{--w-translate-z:0rem;transform:translateX(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.transform{transform:translateX(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.text-m{font-size:var(--w-font-size-m);line-height:var(--w-line-height-m)}.text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs)}.leading-\\[24\\]{line-height:2.4rem}");var Uo=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};const Xo="border-2 relative flex items-center",Jo="s-bg-inverted border-[--w-s-color-background-inverted] shadow-m s-text-inverted rounded-4 py-6 px-8",Ko="bg-[--w-color-callout-background] border-[--w-color-callout-border] s-text py-8 px-16 rounded-8",Zo="bg-[--w-color-callout-background] border-[--w-color-callout-border] s-text py-8 px-16 rounded-8 drop-shadow-m translate-z-0",Qo="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",Go="absolute h-[14px] w-[14px] border-2 border-b-0 border-r-0 rounded-tl-4 transform",en="s-bg-inverted border-[--w-s-color-background-inverted]",tn="bg-[--w-color-callout-background] border-[--w-color-callout-border]",rn="bg-[--w-s-color-surface-elevated-300] border-[--w-s-color-surface-elevated-300]",on="bg-[--w-color-callout-background] border-[--w-color-callout-border]",nn={"top-start":"-top-[8px]",top:"-top-[8px]","top-end":"-top-[8px]","right-start":"-right-[8px]",right:"-right-[8px]","right-end":"-right-[8px]","bottom-start":"-bottom-[8px]",bottom:"-bottom-[8px]","bottom-end":"-bottom-[8px]","left-start":"-left-[8px]",left:"-left-[8px]","left-end":"-left-[8px]"};class an extends Pe{static#e=this.styles=[nt,Fo,Yo,D`#attention{z-index:50;visibility:var(--attention-visibility);display:var(--attention-display);position:absolute}:host([popover]:not(:popover-open):not(dialog[open])){display:contents}`];constructor(){super(),this.show=!1,this.tooltip=!1,this.callout=!1,this.highlight=!1,this.canClose=!1,this.noArrow=!1,this.flip=!1,this.crossAxis=!1,this.fallbackPlacements=[],this.attentionState=null,Qe(qo,Bo,Wo,Lo,Ho),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(To).includes(this.placement))throw new Error(`Invalid "placement" attribute. Set its value to one of the following:\n${JSON.stringify(Object.keys(To))}`);if(this.fallbackPlacements&&!this.fallbackPlacements.every(e=>Mo.includes(e)))throw new Error(`Invalid "fallbackPlacements" attribute. Set its value to an array with one or more of the following:\n${JSON.stringify(Mo)}`);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&&this.attentionState?Io(this.attentionState).then(e=>{this._actualDirection=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 To[this._actualDirection]}get _arrowClasses(){const t=nn[this._arrowDirection];return e([Go,this._activeVariantClasses.arrow,t])}get _arrowHtml(){return this.noArrow?me:be`<div id="arrow" class="${this._arrowClasses}"></div>`}get _activeVariantClasses(){return this.callout?{wrapper:Ko,arrow:tn}:this.popover?{wrapper:Qo,arrow:rn}:this.tooltip?{wrapper:Jo,arrow:en}:this.highlight?{wrapper:Zo,arrow:on}:{wrapper:"",arrow:""}}get _attentionEl(){return this.renderRoot.querySelector("#attention")}get _targetEl(){const e=this.renderRoot?.querySelector("slot[name='target']"),t=e?.assignedElements()[0];return t instanceof HTMLElement?t:null}get _messageEl(){const e=this.renderRoot.querySelector("slot[name='message']"),t=e?.assignedElements()[0];return t instanceof HTMLElement?t:null}get _wrapperClasses(){return e([Xo,this._activeVariantClasses.wrapper])}get _ariaClose(){return y._({id:"attention.aria.close",message:"Close",comment:"Aria label for the close button in attention"})}get _closeBtnHtml(){return be`<w-button aria-label="${this._ariaClose}" @click="${this.close}" @keydown="${this.keypressed}" variant="pill" small="" class="ml-8"><w-icon name="Close" size="small" locale="${Ze()}" class="flex"></w-icon></w-button>`}updated(){this._attentionEl&&(this.callout||this._attentionEl.style.setProperty("--attention-visibility",this.show?"":"hidden"),this.tooltip||this._attentionEl.style.setProperty("--attention-display",this.show?"flex":"none"),this.attentionState={isShowing:this.show,isCallout:this.callout,actualDirection:this._actualDirection,directionName:this.placement,arrowEl:this._arrowEl,attentionEl:this._attentionEl,targetEl:this._targetEl,noArrow:this.noArrow,distance:this.distance,skidding:this.skidding,flip:this.flip,crossAxis:this.crossAxis,fallbackPlacements:this.fallbackPlacements},Io(this.attentionState))}pointingAtDirection(){switch(To[this._actualDirection]){case"top-start":case"top":case"top-end":return y._({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 y._({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 y._({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 y._({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 y._({id:"attention.aria.tooltip",message:"tooltip",comment:"Default screenreader message for tooltip in the attention component"});case this.callout:return y._({id:"attention.aria.callout",message:"callout speech bubble",comment:"Default screenreader message for callout speech bubble in the attention component"});case this.popover:return y._({id:"attention.aria.popover",message:"popover speech bubble",comment:"Default screenreader message for popover speech bubble in the attention component"});case this.highlight:return y._({id:"attention.aria.highlight",message:"highlighted speech bubble",comment:"Default screenreader message for highlighted speech bubble in the attention component"});default:return""}}defaultAriaLabel(){return`${this.activeAttentionType()} ${this.noArrow?"":this.pointingAtDirection()}`}firstUpdated(){this._initialPlacement=this.placement,this.callout&&this._attentionEl&&(this._attentionEl.style.position="relative")}close(){const e=new CustomEvent("close",{bubbles:!0,composed:!0});this.updateComplete.then(()=>this.dispatchEvent(e))}keypressed(e){this.canClose&&"Escape"===e.key&&(e.preventDefault(),this.close())}render(){return this.callout||void 0!==this._targetEl?be`<section class="${Ue(this.className?this.className:void 0)}">${"right-start"===this.placement||"right"===this.placement||"right-end"===this.placement||"bottom-start"===this.placement||"bottom"===this.placement||"bottom-end"===this.placement?be`<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:me}</div>`:be`<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:me}</div><slot name="target"></slot>`}</section>`:be``}}Uo([je({type:Boolean,reflect:!0})],an.prototype,"show",void 0),Uo([je({type:String,reflect:!1})],an.prototype,"placement",void 0),Uo([je({type:Boolean,reflect:!0})],an.prototype,"tooltip",void 0),Uo([je({type:Boolean,reflect:!0})],an.prototype,"callout",void 0),Uo([je({type:Boolean,reflect:!0})],an.prototype,"popover",void 0),Uo([je({type:Boolean,reflect:!0})],an.prototype,"highlight",void 0),Uo([je({attribute:"can-close",type:Boolean,reflect:!0})],an.prototype,"canClose",void 0),Uo([je({attribute:"no-arrow",type:Boolean,reflect:!0})],an.prototype,"noArrow",void 0),Uo([je({type:Number})],an.prototype,"distance",void 0),Uo([je({type:Number})],an.prototype,"skidding",void 0),Uo([je({type:Boolean,reflect:!0})],an.prototype,"flip",void 0),Uo([je({attribute:"cross-axis",type:Boolean,reflect:!0})],an.prototype,"crossAxis",void 0),Uo([je({attribute:"fallback-placements",type:Array,reflect:!0,useDefault:!0})],an.prototype,"fallbackPlacements",void 0),customElements.get("w-attention")||customElements.define("w-attention",an);const sn=A("*,: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}.relative{position:relative}.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 ln=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};class dn extends Pe{static#e=this.styles=[nt,sn];get _class(){const t=this.variant||"neutral";return e(["py-4 px-8 border-0 rounded-4 text-xs inline-flex","neutral"===t&&"bg-[--w-color-badge-neutral-background] s-text","info"===t&&"bg-[--w-color-badge-info-background] s-text","positive"===t&&"bg-[--w-color-badge-positive-background] s-text","warning"===t&&"bg-[--w-color-badge-warning-background] s-text","negative"===t&&"bg-[--w-color-badge-negative-background] s-text","disabled"===t&&"s-bg-disabled s-text","price"===t&&"bg-[--w-black/70] s-text-inverted-static","sponsored"===t&&"bg-[--w-color-badge-sponsored-background] s-text",!!this.position&&"absolute backdrop-blur","top-left"===this.position&&"rounded-tl-0 rounded-tr-0 rounded-bl-0 top-0 left-0","top-right"===this.position&&"rounded-tl-0 rounded-tr-0 rounded-br-0 top-0 right-0","bottom-right"===this.position&&"rounded-tr-0 rounded-br-0 rounded-bl-0 bottom-0 right-0","bottom-left"===this.position&&"rounded-tl-0 rounded-br-0 rounded-bl-0 bottom-0 left-0"])}render(){return be`<div class="${this._class}"><slot></slot></div>`}}ln([je({type:String,reflect:!0})],dn.prototype,"variant",void 0),ln([je({type:String,reflect:!0})],dn.prototype,"position",void 0),customElements.get("w-badge")||customElements.define("w-badge",dn);const cn=A("*,: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{border-radius:4px}.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 hn=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};class un extends($(Pe)){constructor(){super(...arguments),this.bleed=!1,this.bordered=!1,this.info=!1,this.neutral=!1,this.role="region"}static#e=this.styles=[nt,cn,D`:host{display:block}::slotted(:last-child){margin-bottom:0!important}`];connectedCallback(){super.connectedCallback(),this.internals.role=this.role}updated(e){super.updated(e),e.has("role")&&(this.internals.role=this.role)}get _class(){return e(["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"])}render(){return be`<div class="${this._class}"><slot></slot></div>`}}hn([je({type:Boolean,reflect:!0})],un.prototype,"bleed",void 0),hn([je({type:Boolean,reflect:!0})],un.prototype,"bordered",void 0),hn([je({type:Boolean,reflect:!0})],un.prototype,"info",void 0),hn([je({type:Boolean,reflect:!0})],un.prototype,"neutral",void 0),hn([je({type:String,reflect:!0,useDefault:!0})],un.prototype,"role",void 0),customElements.get("w-box")||customElements.define("w-box",un);const pn=JSON.parse('{"breadcrumbs.ariaLabel":["Du er her"]}'),bn=JSON.parse('{"breadcrumbs.ariaLabel":["You are here"]}'),gn=JSON.parse('{"breadcrumbs.ariaLabel":["Olet tässä"]}'),mn=JSON.parse('{"breadcrumbs.ariaLabel":["Her er du"]}'),vn=JSON.parse('{"breadcrumbs.ariaLabel":["Du är här"]}'),fn=A("*,: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}"),wn="flex space-x-8",yn="s-text",xn="s-text-link",kn="sr-only",_n=be`<span class="${"select-none s-icon"}">/</span>`;class $n extends Pe{static#e=this.styles=[nt,fn];constructor(){super(),this._children=[],this._internals=this.attachInternals(),Qe(bn,mn,gn,pn,vn),this._defaultLabel=y._({id:"breadcrumbs.ariaLabel",message:"You are here",comment:"Default screen reader message for the breadcrumb component"}),this._internals.ariaLabel=this._defaultLabel}get _label(){return this.ariaLabel??this._defaultLabel}connectedCallback(){super.connectedCallback(),this._internals.role="navigation";const e=this.querySelectorAll(":scope > a"),t=this.querySelectorAll(":scope > span"),r=this.querySelectorAll("w-breadcrumb-item");r.length>0&&(e.length>0||t.length>0)&&console.warn("Mixing Legacy API and w-breadcrumb-item API children is not supported.");let o=0,n=!1;r.forEach((e,t)=>{e.hasAttribute("current-page")&&(t<r.length-1&&(n=!0),o++)}),o>1&&console.warn("Please ensure only one w-breadcrumb-item has the current-page attribute."),n&&console.warn("The current-page attribute should only be used on the final breadcrumb item.");const a=[...this.children].filter(e=>e&&!("W-BREADCRUMB-ITEM"===e.tagName)).flat(Number.POSITIVE_INFINITY).filter(e=>e).map((e,t)=>{if("string"==typeof e){const r=t===this.children.length-1;return be`<span class="${yn}" aria-current="${r?"page":void 0}">${e}</span>`}return e.classList.add("A"===e.tagName?xn:yn),e});this._children=function(e,t){return e.flatMap(e=>[e,t]).slice(0,-1)}(a,_n)}render(){return be`<nav aria-labelledby="breadCrumbLabel"><h2 id="breadCrumbLabel" class="${kn}">${this._label}</h2><div class="${wn}">${this._children}<slot></slot></div></nav>`}}customElements.get("w-breadcrumbs")||customElements.define("w-breadcrumbs",$n);const Sn=D`:host{--_link-color:var(--w-c-breadcrumb-item-link-color,var(--w-s-color-text-link));--_text-color:var(--w-c-breadcrumb-item-text-color,var(--w-s-color-text));--_separator-color:var(--w-c-breadcrumb-item-separator-color,var(--w-s-color-icon));--_separator-spacing:var(--w-c-breadcrumb-item-separator-spacing,.8rem);--_font-size:var(--w-c-breadcrumb-item-font-size);--_line-height:var(--w-c-breadcrumb-item-line-height,1.5);--_font-weight:var(--w-c-breadcrumb-item-font-weight,400);--_padding-x:var(--w-c-breadcrumb-item-padding-x,0);--_padding-y:var(--w-c-breadcrumb-item-padding-y,0);--_link-color-hover:var(--w-c-breadcrumb-item-link-color-hover,var(--w-s-color-text-link));--_link-color-active:var(--w-c-breadcrumb-item-link-color-active,var(--w-s-color-text-link));--_outline-color:var(--w-c-breadcrumb-item-outline-color,var(--w-s-color-border-focus));--_outline-width:var(--w-c-breadcrumb-item-outline-width,2px);--_outline-offset:var(--w-c-breadcrumb-item-outline-offset,1px);display:inline-block}.s-text{color:var(--_text-color);font-size:var(--_font-size);line-height:var(--_line-height);font-weight:var(--_font-weight)}.s-text-link{color:var(--_link-color);font-size:var(--_font-size);line-height:var(--_line-height);font-weight:var(--_font-weight);padding-left:var(--_padding-x);padding-right:var(--_padding-x);padding-top:var(--_padding-y);padding-bottom:var(--_padding-y);text-decoration:none}.s-text-link:hover{color:var(--_link-color-hover);text-decoration:underline}.s-text-link:active{color:var(--_link-color-active)}.s-text-link:focus{outline-color:var(--_outline-color);outline-width:var(--_outline-width);outline-offset:var(--_outline-offset)}.separator{color:var(--_separator-color);-webkit-user-select:none;user-select:none;font-size:var(--_font-size);line-height:var(--_line-height);font-weight:var(--_font-weight);margin-left:var(--_separator-spacing);margin-right:var(--_separator-spacing)}`;var En=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};class Cn extends Pe{constructor(){super(...arguments),this.currentPage=!1,this.href=null}static#e=this.styles=[nt,Sn];get link(){return this.href?be`<a part="link" class="s-text-link" href="${this.href}" aria-current="${this.currentPage?"page":me}"><slot></slot></a>`:be`<span part="text" class="s-text" aria-current="${this.currentPage?"page":me}"><slot></slot></span>`}get separator(){return this.currentPage?me:be`<span part="separator" class="separator" aria-hidden="true">/</span>`}render(){return be`${this.link}${this.separator}`}}En([je({type:Boolean,attribute:"current-page"})],Cn.prototype,"currentPage",void 0),En([je({type:String})],Cn.prototype,"href",void 0),customElements.get("w-breadcrumb-item")||customElements.define("w-breadcrumb-item",Cn);const zn=JSON.parse('{"card.button.text":["Vælg"]}'),On=JSON.parse('{"card.button.text":["Select"]}'),An=JSON.parse('{"card.button.text":["Valitse"]}'),Dn=JSON.parse('{"card.button.text":["Velg"]}'),Pn=JSON.parse('{"card.button.text":["Välj"]}'),Mn=D`:host{--_background-color:var(--w-c-card-bg,var(--w-s-color-surface-elevated-200));--_background-color-active:var(--w-c-card-bg-active,var(--w-s-color-background-active));--_background-color-hover:var(--w-c-card-bg-hover,var(--w-s-color-background-hover));--_border-color:var(--w-c-card-border-color,transparent);--_border-color-active:var(--w-c-card-border-color-active,var(--w-s-color-border-active));--_border-color-hover:var(--w-c-card-border-color-hover,var(--w-s-color-border-hover));--_border-radius:var(--w-c-card-border-radius,8px);--_border-width:var(--w-c-card-border-width,2px);--_box-shadow:var(--w-c-card-box-shadow,var(--w-s-shadow-surface-elevated-200));--_box-shadow-active:var(--w-c-card-box-shadow-active,var(--w-s-shadow-surface-elevated-200-active));--_box-shadow-hover:var(--w-c-card-box-shadow-hover,var(--w-s-shadow-surface-elevated-200-hover))}:host([flat]){--_border-color:var(--w-c-card-border-color,var(--w-s-color-border));--_border-width:var(--w-c-card-border-width,2px);--_border-radius:var(--w-c-card-border-radius,4px);--_box-shadow:none;--_box-shadow-active:none;--_box-shadow-hover:none}:host([selected]){--_background-color:var(--w-c-card-bg,var(--w-s-color-background-selected));--_background-color-active:var(--w-c-card-bg-active,var(--w-s-color-background-selected-active));--_background-color-hover:var(--w-c-card-bg-hover,var(--w-s-color-background-selected-hover));--_border-color:var(--w-c-card-border-color,var(--w-s-color-border-selected));--_border-color-active:var(--w-c-card-border-color-active,var(--w-s-color-border-selected-active));--_border-color-hover:var(--w-c-card-border-color-hover,var(--w-s-color-border-selected-hover));--_border-width:var(--w-c-card-border-width,2px)}[part=base]{background-color:var(--_background-color);border-radius:var(--_border-radius);box-shadow:var(--_box-shadow);cursor:pointer;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:relative;overflow:hidden}[part=base]:hover{background-color:var(--_background-color-hover);box-shadow:var(--_box-shadow-hover)}[part=base]:active{background-color:var(--_background-color-active);box-shadow:var(--_box-shadow-active)}[part=border]{border-radius:var(--_border-radius);border-color:var(--_border-color);border-width:var(--_border-width);transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);position:absolute;inset:0}:host([flat]) [part=base]:hover [part=border],:host([selected]) [part=base]:hover [part=border]{border-color:var(--_border-color-hover)}[part=base]:active [part=border]{border-color:var(--_border-color-active)}.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}`;var Tn=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};const Rn="Enter",jn=" ";class Nn extends Pe{static#e=this.styles=[nt,Mn,D`a:after{content:"";position:absolute;inset:0}:host{display:block}`];constructor(){super(),this.selected=!1,this.flat=!1,this.clickable=!1,Qe(On,Dn,An,zn,Pn),this.buttonText=y._({id:"card.button.text",message:"Select",comment:"Screenreader message to indicate that the card is clickable"})}keypressed(e){!this.clickable||e.altKey||e.ctrlKey||e.key!==Rn&&e.key!==jn||(e.preventDefault(),this.click())}render(){return be`<div part="base" tabindex="${Ue(this.clickable?"0":void 0)}" @keydown="${this.keypressed}"><div part="border"></div>${this.clickable?be`<button class="sr-only" aria-pressed="${this.selected}" tabindex="-1">${this.buttonText}</button>`:this.selected?be`<span class="sr-only" role="checkbox" aria-checked="true" aria-disabled="true"></span>`:me}<slot></slot></div>`}}Tn([je({type:Boolean,reflect:!0})],Nn.prototype,"selected",void 0),Tn([je({type:Boolean})],Nn.prototype,"flat",void 0),Tn([je({type:Boolean})],Nn.prototype,"clickable",void 0),customElements.get("w-card")||customElements.define("w-card",Nn)
|
|
59
59
|
/**
|
|
60
60
|
* @license
|
|
61
61
|
* Copyright 2020 Google LLC
|
|
62
62
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
63
|
-
*/;const{I:
|
|
63
|
+
*/;const{I:Vn}=Oe,In=e=>e,Fn=()=>document.createComment(""),Ln=(e,t,r)=>{const o=e._$AA.parentNode,n=void 0===t?e._$AB:t._$AA;if(void 0===r){const t=o.insertBefore(Fn(),n),a=o.insertBefore(Fn(),n);r=new Vn(t,a,e,e.options)}else{const t=r._$AB.nextSibling,a=r._$AM,i=a!==e;if(i){let t;r._$AQ?.(e),r._$AM=e,void 0!==r._$AP&&(t=e._$AU)!==a._$AU&&r._$AP(t)}if(t!==n||i){let e=r._$AA;for(;e!==t;){const t=In(e).nextSibling;In(o).insertBefore(e,n),e=t}}}return r},qn=(e,t,r)=>(void 0===r&&(r=e),e._$AI(t,r),e),Wn={},Bn=(e,t)=>(void 0===t&&(t=Wn),e._$AH=t),Hn=e=>{e._$AR(),e._$AA.remove()},Yn=Be(class extends He{constructor(e){if(super(e),e.type!==qe&&e.type!==Fe&&e.type!==We)throw Error("The `live` directive is not allowed on child or event bindings");if(!(e=>void 0===e.strings)(e))throw Error("`live` bindings can only contain a single expression")}render(e){return e}update(e,t){let[r]=t;if(r===ge||r===me)return r;const o=e.element,n=e.name;if(e.type===qe){if(r===o[n])return ge}else if(e.type===We){if(!!r===o.hasAttribute(n))return ge}else if(e.type===Fe&&o.getAttribute(n)===r+"")return ge;return Bn(e),r}}),Un=D`:host{--_label-font-size:var(--w-c-checkbox-label-font-size,var(--w-font-size-m));--_label-line-height:var(--w-c-checkbox-label-line-height,var(--w-line-height-m));--_control-size:var(--w-c-checkbox-control-size,2rem);--_gap:var(--w-c-checkbox-gap,8px);--_radius:var(--w-c-checkbox-radius,4px);--_border-width:var(--w-c-checkbox-border-width,1px);--_bg-default:var(--w-c-checkbox-bg,var(--w-s-color-background));--_border-default:var(--w-c-checkbox-border-color,var(--w-s-color-border-strong));--_icon-color:var(--w-c-checkbox-icon-color,var(--w-s-color-icon-inverted));--_bg-checked:var(--w-c-checkbox-bg-checked,var(--w-s-color-background-primary));--_border-checked:var(--w-c-checkbox-border-color-checked,var(--w-s-color-border-primary));--_checked-icon:var(--w-c-checkbox-checked-icon,var(--w-icon-toggle-checked));--_border-invalid:var(--w-c-checkbox-border-color-invalid,var(--w-s-color-border-negative));--_bg-invalid-checked:var(--w-c-checkbox-bg-invalid-checked,var(--w-s-color-background-negative));--_bg-disabled:var(--w-c-checkbox-bg-disabled,var(--w-s-color-background-disabled-subtle));--_border-disabled:var(--w-c-checkbox-border-color-disabled,var(--w-s-color-border-disabled));--_bg-disabled-checked:var(--w-c-checkbox-bg-disabled-checked,var(--w-s-color-background-disabled));--_outline-width:var(--w-c-checkbox-outline-width,2px);--_outline-color:var(--w-c-checkbox-outline-color,var(--w-s-color-border-focus));--_outline-offset:var(--w-c-checkbox-outline-offset,var(--w-outline-offset,1px));--_transition:var(--w-c-checkbox-transition,all .15s cubic-bezier(.4, 0, .2, 1));--_bg:var(--_bg-default);--_border-color:var(--_border-default)}:host([type=checkbox]){--_radius:var(--w-c-checkbox-radius,4px)}:host([checked]),:host([indeterminate]){--_bg:var(--_bg-checked);--_border-color:var(--_border-checked)}:host([disabled]){--_bg:var(--_bg-disabled);--_border-color:var(--_border-disabled)}:host([disabled][checked]),:host([disabled][indeterminate]){--_bg:var(--_bg-disabled-checked)}[part~=label]{font-size:var(--_label-font-size);line-height:var(--_label-line-height);user-select:none;cursor:pointer;display:block}[part=base]{grid-template-columns:var(--_control-size) max-content;gap:var(--_gap);display:grid}[part=input]{opacity:0;pointer-events:none;margin:0;padding:0;position:absolute;inset:0}[part=control]{height:var(--_control-size);width:var(--_control-size);border-width:var(--_border-width);border-style:solid;border-color:var(--_border-color);border-radius:var(--_radius);background-color:var(--_bg);color:var(--_icon-color);cursor:pointer;user-select:none;appearance:none;transition:var(--_transition);text-align:center;font-weight:700;line-height:var(--w-line-height-xs);font-size:var(--w-font-size-m);flex-shrink:0;display:block;position:relative}[part=control]:has(>[part=input][aria-invalid=true]:not(:disabled)){border-color:var(--_border-invalid)}[part=control]:has(>[part=input][aria-invalid=true]:is(:checked,:indeterminate):not(:disabled)){background-color:var(--_bg-invalid-checked)}:host(:focus-visible){outline:none}[part=control]:has(>[part=input]:focus-visible:not(:disabled)),:host(:focus-visible) [part=control]{outline:var(--_outline-width) solid var(--_outline-color);outline-offset:var(--_outline-offset)}[part=control]:has(:checked){background-image:var(--_checked-icon);background-position:50%}@media (prefers-reduced-motion:reduce){:host{--w-c-checkbox-transition:none}}`;
|
|
64
64
|
/**
|
|
65
65
|
* @license
|
|
66
66
|
* Copyright 2020 Google LLC
|
|
67
67
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
68
|
-
*/var
|
|
68
|
+
*/var Xn=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};class Jn extends($(Pe)){constructor(){super(...arguments),this.value=null,this.indeterminate=!1,this.checked=!1,this.disabled=!1,this.required=!1,this.invalid=!1,this.#n=!1,this.#a=!1,this.#i=!1,this.#s=()=>{this.#l(),this.#d()},this.#c=e=>{this.disabled||e.defaultPrevented||" "!==e.key&&"Spacebar"!==e.key&&"Enter"!==e.key||("Enter"===e.key&&this.internals.form?this.internals.form.requestSubmit():e.composedPath()[0]!==this.input&&(e.preventDefault(),this.click()))}}static#e=this.styles=[nt,Un];static#o=this.shadowRootOptions={...Pe.shadowRootOptions,delegatesFocus:!0};set name(e){this._ownName=e}get name(){return this._ownName||this._groupName}#n;#a;#i;get _computedInvalid(){return this.invalid||!0===this._groupInvalid}connectedCallback(){super.connectedCallback();const e=this.getAttribute("value");this.value=e??"on",this.#n=this.hasAttribute("checked"),this.checked=this.#n,this.addEventListener("invalid",this.#s),this.addEventListener("keydown",this.#c),this.#h()}handleClick(){this.disabled||(this.#l(),this.checked=!this.checked,this.indeterminate=!1,this.updateComplete.then(()=>{this.input.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}))}#s;#c;updated(e){super.updated(e),(e.has("checked")||e.has("indeterminate"))&&this.#u(),this.#p(e)&&(this.#h(),this.#d())}resetFormControl(){this.checked=this.#n,this.#h(),this.#d()}click(){this.disabled||this.input?.click()}focus(e){this.input?.focus(e)}blur(){this.input?.blur()}get validationMessage(){return this.internals.validationMessage}get validity(){return this.internals.validity}checkValidity(){return this.#d(),this.internals.checkValidity()}reportValidity(){return this.#l(),this.#d(),this.internals.checkValidity()}#l(){this.#i=!0}#b(){return this.input?.validationMessage||" "}#g(){return this.input??void 0}#m(e){this.internals.setValidity(e,this.#b(),this.#g())}#d(){if(this.disabled)return void this.internals.setValidity({});const e=this.required&&!this.checked,t=this.invalid&&!this.#a;if(e)return this.#a=!0,this.invalid=this.#i,void this.#m({valueMissing:!0});this.#a&&(this.invalid=!1,this.#a=!1),t?this.#m({customError:!0}):this.internals.setValidity({})}#h(){if(this.disabled)return void this.setValue(null);const e=this.checked?this.value:null;this.setValue(e)}#u(){this.input&&(this.input.checked=this.checked,this.input.indeterminate=this.indeterminate)}#p(e){return e.has("checked")||e.has("value")||e.has("disabled")||e.has("required")||e.has("invalid")}render(){const e=!this.checked&&this.indeterminate,t=e?"mixed":this.checked?"true":"false";return be`<label part="base"><span part="control"><input part="input" type="checkbox" name="${Ue(this.name||void 0)}" value="${Ue(this.value)}" .indeterminate="${Yn(this.indeterminate)}" .checked="${Yn(this.checked)}" .disabled="${this.disabled}" .required="${this.required}" aria-checked="${t}" aria-invalid="${Ue(this._computedInvalid?"true":void 0)}" @click="${this.handleClick}"> ${e?"–":""}</span><slot part="label"></slot></label>`}}Xn([Ie('input[type="checkbox"]')],Jn.prototype,"input",void 0),Xn([je({reflect:!0})],Jn.prototype,"name",null),Xn([je({reflect:!0})],Jn.prototype,"value",void 0),Xn([je({type:Boolean,reflect:!0})],Jn.prototype,"indeterminate",void 0),Xn([je({type:Boolean,reflect:!0})],Jn.prototype,"checked",void 0),Xn([je({type:Boolean,reflect:!0})],Jn.prototype,"disabled",void 0),Xn([je({type:Boolean,reflect:!0})],Jn.prototype,"required",void 0),Xn([je({type:Boolean,reflect:!0})],Jn.prototype,"invalid",void 0),Xn([je({attribute:!1})],Jn.prototype,"_groupInvalid",void 0),Xn([je({attribute:!1})],Jn.prototype,"_groupName",void 0);const Kn=Jn;customElements.get("w-checkbox")||customElements.define("w-checkbox",Jn);const Zn=JSON.parse('{"checkbox-group.label.optional":["Valgfri"],"checkbox-group.validation.required":["Mindst én valgt mulighed er påkrævet."]}'),Qn=JSON.parse('{"checkbox-group.label.optional":["Optional"],"checkbox-group.validation.required":["At least one selection is required."]}'),Gn=JSON.parse('{"checkbox-group.label.optional":["Valinnainen"],"checkbox-group.validation.required":["Vähintään yksi valinta vaaditaan."]}'),ea=JSON.parse('{"checkbox-group.label.optional":["Valgfri"],"checkbox-group.validation.required":["Minst ett valg er påkrevd."]}'),ta=JSON.parse('{"checkbox-group.label.optional":["Valfritt"],"checkbox-group.validation.required":["Minst ett val krävs."]}');var ra=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};Qe(Qn,ea,Gn,Zn,ta);class oa extends($(Pe)){constructor(){super(...arguments),this.optional=!1,this.required=!1,this.invalid=!1,this.#i=!1,this.#v=!1,this._internalTabIndex=-1,this.#f=()=>{this.#l(),this.#d(),this.requestUpdate()},this.#s=()=>{this.#l(),this.#d(),this.requestUpdate()},this.#w=()=>{this.#y(),this.#d(),this.requestUpdate()},this.#x=()=>{this.requestUpdate()}}static#e=this.shadowRootOptions={...Pe.shadowRootOptions,delegatesFocus:!0};#i;#v;#k;static#o=this.styles=D`.wrapper{flex-direction:column;gap:16px;display:inline-flex}.checkbox-group{gap:16px;display:grid}.label{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s);color:var(--w-s-color-text);align-items:center;gap:8px;font-weight:700;display:flex}.optional{color:var(--w-s-color-text-subtle);font-weight:400}.help-text{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs);color:var(--w-s-color-text-subtle);display:block}.error{color:var(--w-s-color-text-negative)}`;render(){const e=this.#_()>0,t=this.required&&!e&&this.#i,r=this.invalid||t,o=r?this.#$():this.helpText,n=o?"checkbox-group__help":void 0,a=this.label?"checkbox-group__label":void 0,i=r?"true":void 0;return be`<div class="wrapper" tabindex="${this._internalTabIndex}">${this.label?be`<div class="label" id="${a}"><span>${this.label}</span> ${this.optional&&!this.required?be`<span class="optional">${y._({id:"checkbox-group.label.optional",message:"Optional",comment:"Shown behind label when marked as optional"})}</span>`:me}</div>`:me}<div class="checkbox-group" role="group" aria-labelledby="${Ue(a)}" aria-describedby="${Ue(n)}" aria-invalid="${Ue(i)}"><slot></slot></div>${o?be`<div class="${r?"help-text error":"help-text"}" id="${n}">${o}</div>`:me}</div>`}connectedCallback(){super.connectedCallback(),this.addEventListener("change",this.#f),this.addEventListener("invalid",this.#s),this.addEventListener("slotchange",this.#w),this.#k=y.on("change",this.#x),this.setValue(null),this.#S()}disconnectedCallback(){this.#k?.(),this.#k=void 0,super.disconnectedCallback()}checkValidity(){return this.#d(),this.internals.checkValidity()}reportValidity(){return this.#l(),this.#d(),this.internals.checkValidity()}focus(e){const t=this.#E();t?.focus?t.focus(e):HTMLElement.prototype.focus.call(this,e)}#f;#s;#w;#l(){this.#i=!0}#x;#_(){return this.#C().filter(e=>e.checked).length}#y(){if(this.name)for(const e of this.#C()){const t=e;t&&"object"==typeof t&&!t.name&&(t._groupName=this.name)}}#z(e){for(const t of this.#C())"_groupInvalid"in t&&(t._groupInvalid=e)}#E(){return this.#C()[0]}#C(){const e=this.shadowRoot?.querySelector("slot");return e?.assignedElements({flatten:!0})??[]}#$(){return y._({id:"checkbox-group.validation.required",message:"At least one selection is required.",comment:"Shown when required checkbox group has no selections"})}updated(e){super.updated(e),this.#O(e)&&(e.has("name")&&this.#y(),this.#d())}#O(e){return e.has("invalid")||e.has("required")||e.has("helpText")||e.has("name")}#A(e){const t=this.#E();this.internals.setValidity(e," ",t??void 0)}#D(e){this._internalTabIndex=e?0:-1}#d(){this.#S();const e=this.#_()>0,t=this.required&&!e,r=this.invalid,o=t&&this.#i,n=r||o;return this.#D(n),t?(this.#A({valueMissing:!0}),void this.#z(n)):r?(this.#A({customError:!0}),void this.#z(!0)):(this.internals.setValidity({}),void this.#z(!1))}#S(){this.#v||this.internals.form&&(this.name&&this.name.trim().length>0||(console.warn('w-checkbox-group: "name" is required for form submission.'),this.#v=!0))}}ra([je({type:String,reflect:!0})],oa.prototype,"label",void 0),ra([je({type:String,reflect:!0})],oa.prototype,"name",void 0),ra([je({type:Boolean,reflect:!0})],oa.prototype,"optional",void 0),ra([je({type:String,reflect:!0,attribute:"help-text"})],oa.prototype,"helpText",void 0),ra([je({type:Boolean,reflect:!0})],oa.prototype,"required",void 0),ra([je({type:Boolean,reflect:!0})],oa.prototype,"invalid",void 0),ra([Ne()],oa.prototype,"_internalTabIndex",void 0);const na=oa;customElements.get("w-checkbox-group")||customElements.define("w-checkbox-group",oa)
|
|
69
69
|
/**
|
|
70
70
|
* @license
|
|
71
71
|
* Copyright 2017 Google LLC
|
|
72
72
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
73
|
-
*/;const ga=(e,t,r)=>{const o=new Map;for(let n=t;n<=r;n++)o.set(e[n],n);return o},ma=Be(class extends He{constructor(e){if(super(e),e.type!==Le)throw Error("repeat() can only be used in text expressions")}dt(e,t,r){let o;void 0===r?r=t:void 0!==t&&(o=t);const n=[],a=[];let i=0;for(const t of e)n[i]=o?o(t,i):i,a[i]=r(t,i),i++;return{values:a,keys:n}}render(e,t,r){return this.dt(e,t,r).values}update(e,t){let[r,o,n]=t;const a=(e=>e._$AH)(e),{values:i,keys:s}=this.dt(r,o,n);if(!Array.isArray(a))return this.ut=s,i;const l=this.ut??=[],d=[];let c,h,u=0,p=a.length-1,b=0,g=i.length-1;for(;u<=p&&b<=g;)if(null===a[u])u++;else if(null===a[p])p--;else if(l[u]===s[b])d[b]=Qn(a[u],i[b]),u++,b++;else if(l[p]===s[g])d[g]=Qn(a[p],i[g]),p--,g--;else if(l[u]===s[g])d[g]=Qn(a[u],i[g]),Zn(e,d[g+1],a[u]),u++,g--;else if(l[p]===s[b])d[b]=Qn(a[p],i[b]),Zn(e,a[u],a[p]),p--,b++;else if(void 0===c&&(c=ga(s,b,g),h=ga(l,u,p)),c.has(l[u]))if(c.has(l[p])){const t=h.get(s[b]),r=void 0!==t?a[t]:null;if(null===r){const t=Zn(e,a[u]);Qn(t,i[b]),d[b]=t}else d[b]=Qn(r,i[b]),Zn(e,a[u],r),a[t]=null;b++}else ta(a[p]),p--;else ta(a[u]),u++;for(;b<=g;){const t=Zn(e,d[g+1]);Qn(t,i[b]),d[b++]=t}for(;u<=p;){const e=a[u++];null!==e&&ta(e)}return this.ut=s,ea(e,d),ge}}),va=JSON.parse('{"combobox.aria.noResults":["Ingen resultater"],"combobox.aria.noSuggestions":["Ingen forslag"],"combobox.aria.pluralResults":[["numResults","plural",{"one":["#"," resultat"],"other":["#"," resultater"]}]],"combobox.aria.pluralSuggestions":[["numSuggestions","plural",{"one":["#"," forslag"],"other":["#"," forslag"]}]]}'),fa=JSON.parse('{"combobox.aria.noResults":["No results"],"combobox.aria.noSuggestions":["No suggestions"],"combobox.aria.pluralResults":[["numResults","plural",{"one":["#"," result"],"other":["#"," results"]}]],"combobox.aria.pluralSuggestions":[["numSuggestions","plural",{"one":["#"," suggestion"],"other":["#"," suggestions"]}]]}'),wa=JSON.parse('{"combobox.aria.noResults":["Ei tuloksia"],"combobox.aria.noSuggestions":["Ei ehdotuksia"],"combobox.aria.pluralResults":[["numResults","plural",{"one":["#"," tulos"],"other":["#"," tulosta"]}]],"combobox.aria.pluralSuggestions":[["numSuggestions","plural",{"one":["#"," ehdotus"],"other":["#"," ehdotusta"]}]]}'),ya=JSON.parse('{"combobox.aria.noResults":["Ingen resultater"],"combobox.aria.noSuggestions":["Ingen forslag"],"combobox.aria.pluralResults":[["numResults","plural",{"one":["#"," resultat"],"other":["#"," resultater"]}]],"combobox.aria.pluralSuggestions":[["numSuggestions","plural",{"one":["#"," forslag"],"other":["#"," forslag"]}]]}'),xa=JSON.parse('{"combobox.aria.noResults":["Inga resultat"],"combobox.aria.noSuggestions":["Inga förslag"],"combobox.aria.pluralResults":[["numResults","plural",{"one":["#"," resultat"],"other":["#"," resultat"]}]],"combobox.aria.pluralSuggestions":[["numSuggestions","plural",{"one":["#"," förslag"],"other":["#"," förslag"]}]]}'),ka=A("*,: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}.rounded-8{border-radius:8px}.block{display:block}.overflow-hidden{overflow:hidden}.list-none{list-style-type:none}.left-0{left:0}.right-0{right:0}.absolute{position:absolute}.relative{position:relative}.static{position:static}.z-0{z-index:0}.z-20{z-index:20}.s-bg{background-color:var(--w-s-color-background)}.s-bg-selected{background-color:var(--w-s-color-background-selected)}.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)}.shadow-m{box-shadow:var(--w-shadow-m)}.m-0{margin:0}.p-0{padding:0}.p-8{padding:.8rem}.pb-4{padding-bottom:.4rem}.visible{visibility:visible}.cursor-pointer{cursor:pointer}.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}.select-none{-webkit-user-select:none;user-select:none}");var _a=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};const $a="relative z-0",Sa="absolute z-20 left-0 right-0 s-bg pb-4 rounded-8 overflow-hidden shadow-m",Ea="m-0 p-0 select-none list-none",Ca="block cursor-pointer p-8",za="hover:s-bg-hover",Oa="s-bg-selected hover:s-bg-selected-hover",Aa="font-bold",Da="sr-only";class Pa extends($(Pe)){static#e=this.styles=[nt,ka];constructor(){super(),this.options=[],this.label="",this.placeholder="",this.value="",this.openOnFocus=!1,this.selectOnBlur=!0,this.matchTextSegments=!1,this.disableStaticFiltering=!1,this.invalid=!1,this.helpText="",this.disabled=!1,this.required=!1,this.optional=!1,this.name="",this.autocomplete="off",this._isOpen=!1,this._navigationOption=null,this._currentOptions=[],this._lightDomOptions=[],this._optionIdCounter=0,this._displayValue="",this.#t="",Qe(fa,ya,wa,va,xa)}#t;#P;firstUpdated(){this.#t=this.value}updated(e){e.has("value")&&this.setValue(this.value)}resetFormControl(){this.value=this.#t}connectedCallback(){super.connectedCallback(),this.#M(),this.#P=new MutationObserver(()=>{this.#M()}),this.#P.observe(this,{childList:!0,subtree:!0,characterData:!0,attributes:!0,attributeFilter:["label","value"]})}disconnectedCallback(){super.disconnectedCallback(),this.#P?.disconnect()}get _listboxId(){return`${this._id}-listbox`}get _id(){return"combobox"}get _helpId(){return this.helpText?`${this._id}__hint`:void 0}get _sourceOptions(){return Array.isArray(this.options)&&this.options.length?this.options:this._lightDomOptions}get _navigationLabelOrDisplayValue(){return this._navigationOption?this._navigationOption.label||this._navigationOption.value:this._displayValue}get _navigationValueOrInputValue(){return this._navigationOption?.value||this.value}_createOptionsWithIdAndMatch(e,t){return e.map((e,r)=>({...e,id:`${this._id}-option-${this._optionIdCounter+r}`,key:e.key||e.value,currentInputValue:t}))}#T(){return[...this.children].filter(e=>"option"===e.tagName.toLowerCase())}#M(){this._lightDomOptions=this.#T().map(e=>{const t=e.getAttribute("value")??"";return{value:t,label:e.hasAttribute("label")?e.getAttribute("label")??"":e.textContent??"",key:t}})}_getAriaText(e,t,r){if(!e||!r)return"";const o=e.filter(e=>(e.label||e.value).toLowerCase().includes(t.toLowerCase())),n=y._({id:"combobox.aria.pluralSuggestions",message:"{numSuggestions, plural, one {# suggestion} other {# suggestions}}",comment:"Aria text for combobox when there are one or more suggestions",values:{numSuggestions:o.length}}),a=y._({id:"combobox.aria.noSuggestions",message:"No suggestions",comment:"Aria text for combobox when no suggestions"});return o.length?n:a}_getOptionClasses(t){return e(Ca,this._navigationOption?.id===t?.id?Oa:za)}_handleKeyDown(e){const t=["ArrowDown","ArrowUp","PageUp","PageDown","Home","End"].includes(e.key),r=["ArrowDown","ArrowLeft","ArrowUp","ArrowRight"];if(!t||this._isOpen){if(t&&this._isOpen)this._findAndSetActiveOption(e);else if(!(e.altKey||e.ctrlKey||e.metaKey||e.shiftKey))switch(e.key){case"Enter":this._navigationOption&&(e.preventDefault(),this._handleSelect(this._navigationOption),requestAnimationFrame(()=>{const e=this.shadowRoot?.querySelector("w-textfield"),t=e?.shadowRoot?.querySelector("input");t&&(t.value=this._displayValue)})),this._isOpen=!1;break;case"Tab":case"Delete":this._isOpen=!1;break;case"Escape":this._isOpen?this._isOpen=!1:this._handleChange(""),this._navigationOption=null;break;case"Backspace":this._handleChange(this._navigationLabelOrDisplayValue),this._navigationOption=null,this._isOpen=!0;break;default:if(r.includes(e.key))break;this._isOpen=!0,this._navigationOption?(this._handleChange(this._navigationOption.value),this._navigationOption=null):this._handleChange(this.value)}}else this._isOpen=!0}_findAndSetActiveOption(e){e.preventDefault();const t=this._currentOptions.findIndex(e=>e.id===this._navigationOption?.id),r=t+1,o=t-1;switch(e.key){case"ArrowDown":this._navigationOption=r>this._currentOptions.length-1?null:this._currentOptions[r];break;case"ArrowUp":this._navigationOption=-2===o?this._currentOptions.at(-1)??null:o<0?null:this._currentOptions[o];break;case"PageUp":this._navigationOption=t-10<0?this._currentOptions[0]:this._currentOptions[t-10];break;case"PageDown":this._navigationOption=t+10>this._currentOptions.length-1?this._currentOptions.at(-1)??null:this._currentOptions[t+10]??null;break;case"Home":this._navigationOption=this._currentOptions[0];break;case"End":this._navigationOption=this._currentOptions.at(-1)??null}}_handleSelect(e){this.value=e.value,this._displayValue=e.label||e.value,this.setValue(this.value);const t=new CustomEvent("select",{detail:{value:e.value},bubbles:!0,composed:!0});this.dispatchEvent(t),this._isOpen=!1,this._navigationOption=null,this.disableStaticFiltering&&(this._currentOptions=[])}_handleChange(e){if(void 0===e)return;this.value=e,this._displayValue=e;const t=new CustomEvent("change",{detail:{value:e},bubbles:!0,composed:!0});this.dispatchEvent(t)}_handleFocus(){if(!this.openOnFocus)return;const e=new CustomEvent("focus",{bubbles:!0,composed:!0});this.dispatchEvent(e),this._isOpen=!0}_handleBlur(e){const t=e.relatedTarget;if(t&&this.shadowRoot?.contains(t))return;if(this._isOpen=!1,this.selectOnBlur&&(this._navigationOption||!this._navigationOption&&-1!==this._currentOptions.findIndex(e=>e.value===this.value))){const e=this._navigationOption?.value||this.value;this.value=e;const t=new CustomEvent("select",{detail:{value:e},bubbles:!0,composed:!0});this.dispatchEvent(t)}this._navigationOption=null;const r=new CustomEvent("blur",{detail:{value:this._navigationValueOrInputValue},bubbles:!0,composed:!0});this.dispatchEvent(r)}_handleOptionClick(e,t){this._handleSelect(t),requestAnimationFrame(()=>{const e=this.shadowRoot?.querySelector("w-textfield"),r=e?.shadowRoot?.querySelector("input");r&&(r.value=t.label||t.value)})}_handleContainerBlur(e){(!e.currentTarget||!e.currentTarget.contains(e.relatedTarget))&&(this._isOpen=!1)}_renderTextMatch(e,t){if(!this.matchTextSegments)return e;const r=e.toLowerCase().indexOf(t.currentInputValue.toLowerCase());if(-1!==r){const o=r+t.currentInputValue.length;return be`${e.substring(0,r)}<span class="${Aa}">${e.substring(r,o)}</span>${e.substring(o)}`}return e}willUpdate(e){const t=this._sourceOptions,r=e.has("_lightDomOptions");if(e.has("value")||e.has("options")||r){const e=t.find(e=>e.value===this.value),r=e?e.label||e.value:this.value;this._displayValue!==r&&this._displayValue!==this.value&&(this._displayValue=r),!this._displayValue&&this.value&&(this._displayValue=r)}(e.has("options")||r||e.has("value")||e.has("disableStaticFiltering")||e.has("_displayValue"))&&(this._optionIdCounter+=t.length,this._currentOptions=this._createOptionsWithIdAndMatch(t,this._displayValue).filter(e=>!!this.disableStaticFiltering||(e.label||e.value).toLowerCase().includes(this._displayValue.toLowerCase()))),this.disableStaticFiltering&&this._currentOptions.length&&1===this._currentOptions.length&&!this._currentOptions.some(e=>e.value===this.value)&&!this._isOpen&&(this._isOpen=!0)}render(){return be`<div class="${e($a)}" @blur="${this._handleContainerBlur}"><w-textfield class="w-combobox-textfield" .value="${this._navigationLabelOrDisplayValue}" .label="${this.label}" .placeholder="${this.placeholder}" .invalid="${this.invalid}" .helpText="${this.helpText}" .disabled="${this.disabled}" .required="${this.required}" .optional="${this.optional}" .name="${this.name}" .autocomplete="${this.autocomplete||"off"}" role="combobox" aria-autocomplete="list" aria-expanded="${this._isOpen&&0!==this._currentOptions.length}" aria-activedescendant="${Ue(this._isOpen?this._navigationOption?.id:void 0)}" aria-controls="${this._listboxId}" @input="${e=>this._handleChange(e.target.value)}" @focus="${this._handleFocus}" @blur="${this._handleBlur}" @keydown="${this._handleKeyDown}"></w-textfield><span class="${Da}" role="status">${this._getAriaText(this._currentOptions,this._displayValue,this._isOpen)}</span><div ?hidden="${!this._isOpen||!this._currentOptions.length}" class="${e(Sa)}"><ul id="${this._listboxId}" role="listbox" class="${Ea}">${ma(this._currentOptions,e=>e.key,e=>{const t=e.label||e.value;return be`<li id="${e.id}" role="option" aria-selected="${this._navigationOption?.id===e.id}" tabindex="-1" class="${this._getOptionClasses(e)}" @mousedown="${t=>this._handleOptionClick(t,e)}">${this._renderTextMatch(t,e)}</li>`})}</ul></div></div>`}}_a([je({type:Array})],Pa.prototype,"options",void 0),_a([je({type:String,reflect:!0,useDefault:!0})],Pa.prototype,"label",void 0),_a([je({type:String,reflect:!0,useDefault:!0})],Pa.prototype,"placeholder",void 0),_a([je({type:String,reflect:!0,useDefault:!0})],Pa.prototype,"value",void 0),_a([je({type:Boolean,attribute:"open-on-focus",reflect:!0})],Pa.prototype,"openOnFocus",void 0),_a([je({type:Boolean,attribute:"select-on-blur",reflect:!0,useDefault:!0})],Pa.prototype,"selectOnBlur",void 0),_a([je({type:Boolean,attribute:"match-text-segments",reflect:!0})],Pa.prototype,"matchTextSegments",void 0),_a([je({type:Boolean,attribute:"disable-static-filtering",reflect:!0})],Pa.prototype,"disableStaticFiltering",void 0),_a([je({type:Boolean,reflect:!0})],Pa.prototype,"invalid",void 0),_a([je({type:String,attribute:"help-text",reflect:!0,useDefault:!0})],Pa.prototype,"helpText",void 0),_a([je({type:Boolean,reflect:!0})],Pa.prototype,"disabled",void 0),_a([je({type:Boolean,reflect:!0})],Pa.prototype,"required",void 0),_a([je({type:Boolean,reflect:!0})],Pa.prototype,"optional",void 0),_a([je({type:String,reflect:!0,useDefault:!0})],Pa.prototype,"name",void 0),_a([je({type:String,reflect:!0,useDefault:!0})],Pa.prototype,"autocomplete",void 0),_a([Ne()],Pa.prototype,"_isOpen",void 0),_a([Ne()],Pa.prototype,"_navigationOption",void 0),_a([Ne()],Pa.prototype,"_currentOptions",void 0),_a([Ne()],Pa.prototype,"_lightDomOptions",void 0),_a([Ne()],Pa.prototype,"_optionIdCounter",void 0),_a([Ne()],Pa.prototype,"_displayValue",void 0),customElements.get("w-combobox")||customElements.define("w-combobox",Pa);const Ma=6048e5,Ta=Symbol.for("constructDateFrom");function Ra(e,t){return"function"==typeof e?e(t):e&&"object"==typeof e&&Ta in e?e[Ta](t):e instanceof Date?new e.constructor(t):new Date(t)}function ja(e,t){return Ra(t||e,e)}function Na(e,t,r){const o=ja(e,r?.in);return isNaN(t)?Ra(e,NaN):t?(o.setDate(o.getDate()+t),o):o}function Va(e,t,r){const o=ja(e,r?.in);if(isNaN(t))return Ra(e,NaN);if(!t)return o;const n=o.getDate(),a=Ra(e,o.getTime());a.setMonth(o.getMonth()+t+1,0);return n>=a.getDate()?a:(o.setFullYear(a.getFullYear(),a.getMonth(),n),o)}let Ia={};function Fa(){return Ia}function La(e,t){const r=Fa(),o=t?.weekStartsOn??t?.locale?.options?.weekStartsOn??r.weekStartsOn??r.locale?.options?.weekStartsOn??0,n=ja(e,t?.in),a=n.getDay(),i=(a<o?7:0)+a-o;return n.setDate(n.getDate()-i),n.setHours(0,0,0,0),n}function qa(e,t){return La(e,{...t,weekStartsOn:1})}function Wa(e,t){const r=ja(e,t?.in),o=r.getFullYear(),n=Ra(r,0);n.setFullYear(o+1,0,4),n.setHours(0,0,0,0);const a=qa(n),i=Ra(r,0);i.setFullYear(o,0,4),i.setHours(0,0,0,0);const s=qa(i);return r.getTime()>=a.getTime()?o+1:r.getTime()>=s.getTime()?o:o-1}function Ba(e){const t=ja(e),r=new Date(Date.UTC(t.getFullYear(),t.getMonth(),t.getDate(),t.getHours(),t.getMinutes(),t.getSeconds(),t.getMilliseconds()));return r.setUTCFullYear(t.getFullYear()),+e-+r}function Ha(e){for(var t=arguments.length,r=new Array(t>1?t-1:0),o=1;o<t;o++)r[o-1]=arguments[o];const n=Ra.bind(null,e||r.find(e=>"object"==typeof e));return r.map(n)}function Ya(e,t){const r=ja(e,t?.in);return r.setHours(0,0,0,0),r}function Ua(e,t,r){const[o,n]=Ha(r?.in,e,t),a=Ya(o),i=Ya(n),s=+a-Ba(a),l=+i-Ba(i);return Math.round((s-l)/864e5)}function Xa(e,t,r){return Na(e,7*t,r)}function Ja(e,t,r){const[o,n]=Ha(r?.in,e,t);return+Ya(o)===+Ya(n)}function Ka(e){return!(!((t=e)instanceof Date||"object"==typeof t&&"[object Date]"===Object.prototype.toString.call(t))&&"number"!=typeof e||isNaN(+ja(e)));var t}function Za(e,t){const[r,o]=Ha(e,t.start,t.end);return{start:r,end:o}}function Qa(e,t){const r=ja(e,t?.in);return r.setDate(1),r.setHours(0,0,0,0),r}function Ga(e,t){const r=Fa(),o=t?.weekStartsOn??t?.locale?.options?.weekStartsOn??r.weekStartsOn??r.locale?.options?.weekStartsOn??0,n=ja(e,t?.in),a=n.getDay(),i=6+(a<o?-7:0)-(a-o);return n.setDate(n.getDate()+i),n.setHours(23,59,59,999),n}const ei={lessThanXSeconds:{one:"less than a second",other:"less than {{count}} seconds"},xSeconds:{one:"1 second",other:"{{count}} seconds"},halfAMinute:"half a minute",lessThanXMinutes:{one:"less than a minute",other:"less than {{count}} minutes"},xMinutes:{one:"1 minute",other:"{{count}} minutes"},aboutXHours:{one:"about 1 hour",other:"about {{count}} hours"},xHours:{one:"1 hour",other:"{{count}} hours"},xDays:{one:"1 day",other:"{{count}} days"},aboutXWeeks:{one:"about 1 week",other:"about {{count}} weeks"},xWeeks:{one:"1 week",other:"{{count}} weeks"},aboutXMonths:{one:"about 1 month",other:"about {{count}} months"},xMonths:{one:"1 month",other:"{{count}} months"},aboutXYears:{one:"about 1 year",other:"about {{count}} years"},xYears:{one:"1 year",other:"{{count}} years"},overXYears:{one:"over 1 year",other:"over {{count}} years"},almostXYears:{one:"almost 1 year",other:"almost {{count}} years"}},ti=(e,t,r)=>{let o;const n=ei[e];return o="string"==typeof n?n:1===t?n.one:n.other.replace("{{count}}",t.toString()),r?.addSuffix?r.comparison&&r.comparison>0?"in "+o:o+" ago":o};function ri(e){return t=>{void 0===t&&(t={});const r=t.width?String(t.width):e.defaultWidth;return e.formats[r]||e.formats[e.defaultWidth]}}const oi={date:ri({formats:{full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},defaultWidth:"full"}),time:ri({formats:{full:"h:mm:ss a zzzz",long:"h:mm:ss a z",medium:"h:mm:ss a",short:"h:mm a"},defaultWidth:"full"}),dateTime:ri({formats:{full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},defaultWidth:"full"})},ni={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"},ai=(e,t,r,o)=>ni[e];function ii(e){return(t,r)=>{let o;if("formatting"===(r?.context?String(r.context):"standalone")&&e.formattingValues){const t=e.defaultFormattingWidth||e.defaultWidth,n=r?.width?String(r.width):t;o=e.formattingValues[n]||e.formattingValues[t]}else{const t=e.defaultWidth,n=r?.width?String(r.width):e.defaultWidth;o=e.values[n]||e.values[t]}return o[e.argumentCallback?e.argumentCallback(t):t]}}const si={ordinalNumber:(e,t)=>{const r=Number(e),o=r%100;if(o>20||o<10)switch(o%10){case 1:return r+"st";case 2:return r+"nd";case 3:return r+"rd"}return r+"th"},era:ii({values:{narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},defaultWidth:"wide"}),quarter:ii({values:{narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1st quarter","2nd quarter","3rd quarter","4th quarter"]},defaultWidth:"wide",argumentCallback:e=>e-1}),month:ii({values:{narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],wide:["January","February","March","April","May","June","July","August","September","October","November","December"]},defaultWidth:"wide"}),day:ii({values:{narrow:["S","M","T","W","T","F","S"],short:["Su","Mo","Tu","We","Th","Fr","Sa"],abbreviated:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],wide:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},defaultWidth:"wide"}),dayPeriod:ii({values:{narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"}},defaultWidth:"wide",formattingValues:{narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"}},defaultFormattingWidth:"wide"})};function li(e){return(t,r)=>{void 0===r&&(r={});const o=r.width,n=o&&e.matchPatterns[o]||e.matchPatterns[e.defaultMatchWidth],a=t.match(n);if(!a)return null;const i=a[0],s=o&&e.parsePatterns[o]||e.parsePatterns[e.defaultParseWidth],l=Array.isArray(s)?function(e,t){for(let r=0;r<e.length;r++)if(t(e[r]))return r;return}(s,e=>e.test(i)):function(e,t){for(const r in e)if(Object.prototype.hasOwnProperty.call(e,r)&&t(e[r]))return r;return}(s,e=>e.test(i));let d;d=e.valueCallback?e.valueCallback(l):l,d=r.valueCallback?r.valueCallback(d):d;return{value:d,rest:t.slice(i.length)}}}function di(e){return(t,r)=>{void 0===r&&(r={});const o=t.match(e.matchPattern);if(!o)return null;const n=o[0],a=t.match(e.parsePattern);if(!a)return null;let i=e.valueCallback?e.valueCallback(a[0]):a[0];i=r.valueCallback?r.valueCallback(i):i;return{value:i,rest:t.slice(n.length)}}}const ci={ordinalNumber:di({matchPattern:/^(\d+)(th|st|nd|rd)?/i,parsePattern:/\d+/i,valueCallback:e=>parseInt(e,10)}),era:li({matchPatterns:{narrow:/^(b|a)/i,abbreviated:/^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,wide:/^(before christ|before common era|anno domini|common era)/i},defaultMatchWidth:"wide",parsePatterns:{any:[/^b/i,/^(a|c)/i]},defaultParseWidth:"any"}),quarter:li({matchPatterns:{narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th|st|nd|rd)? quarter/i},defaultMatchWidth:"wide",parsePatterns:{any:[/1/i,/2/i,/3/i,/4/i]},defaultParseWidth:"any",valueCallback:e=>e+1}),month:li({matchPatterns:{narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,wide:/^(january|february|march|april|may|june|july|august|september|october|november|december)/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^may/i,/^jun/i,/^jul/i,/^au/i,/^s/i,/^o/i,/^n/i,/^d/i]},defaultParseWidth:"any"}),day:li({matchPatterns:{narrow:/^[smtwf]/i,short:/^(su|mo|tu|we|th|fr|sa)/i,abbreviated:/^(sun|mon|tue|wed|thu|fri|sat)/i,wide:/^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^s/i,/^m/i,/^t/i,/^w/i,/^t/i,/^f/i,/^s/i],any:[/^su/i,/^m/i,/^tu/i,/^w/i,/^th/i,/^f/i,/^sa/i]},defaultParseWidth:"any"}),dayPeriod:li({matchPatterns:{narrow:/^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,any:/^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i},defaultMatchWidth:"any",parsePatterns:{any:{am:/^a/i,pm:/^p/i,midnight:/^mi/i,noon:/^no/i,morning:/morning/i,afternoon:/afternoon/i,evening:/evening/i,night:/night/i}},defaultParseWidth:"any"})},hi={code:"en-US",formatDistance:ti,formatLong:oi,formatRelative:ai,localize:si,match:ci,options:{weekStartsOn:0,firstWeekContainsDate:1}};function ui(e,t){const r=ja(e,t?.in),o=Ua(r,function(e,t){const r=ja(e,t?.in);return r.setFullYear(r.getFullYear(),0,1),r.setHours(0,0,0,0),r}(r));return o+1}function pi(e,t){const r=ja(e,t?.in),o=+qa(r)-+function(e,t){const r=Wa(e,t),o=Ra(e,0);return o.setFullYear(r,0,4),o.setHours(0,0,0,0),qa(o)}(r);return Math.round(o/Ma)+1}function bi(e,t){const r=ja(e,t?.in),o=r.getFullYear(),n=Fa(),a=t?.firstWeekContainsDate??t?.locale?.options?.firstWeekContainsDate??n.firstWeekContainsDate??n.locale?.options?.firstWeekContainsDate??1,i=Ra(t?.in||e,0);i.setFullYear(o+1,0,a),i.setHours(0,0,0,0);const s=La(i,t),l=Ra(t?.in||e,0);l.setFullYear(o,0,a),l.setHours(0,0,0,0);const d=La(l,t);return+r>=+s?o+1:+r>=+d?o:o-1}function gi(e,t){const r=ja(e,t?.in),o=+La(r,t)-+function(e,t){const r=Fa(),o=t?.firstWeekContainsDate??t?.locale?.options?.firstWeekContainsDate??r.firstWeekContainsDate??r.locale?.options?.firstWeekContainsDate??1,n=bi(e,t),a=Ra(t?.in||e,0);return a.setFullYear(n,0,o),a.setHours(0,0,0,0),La(a,t)}(r,t);return Math.round(o/Ma)+1}function mi(e,t){return(e<0?"-":"")+Math.abs(e).toString().padStart(t,"0")}const vi={y(e,t){const r=e.getFullYear(),o=r>0?r:1-r;return mi("yy"===t?o%100:o,t.length)},M(e,t){const r=e.getMonth();return"M"===t?String(r+1):mi(r+1,2)},d:(e,t)=>mi(e.getDate(),t.length),a(e,t){const r=e.getHours()/12>=1?"pm":"am";switch(t){case"a":case"aa":return r.toUpperCase();case"aaa":return r;case"aaaaa":return r[0];default:return"am"===r?"a.m.":"p.m."}},h:(e,t)=>mi(e.getHours()%12||12,t.length),H:(e,t)=>mi(e.getHours(),t.length),m:(e,t)=>mi(e.getMinutes(),t.length),s:(e,t)=>mi(e.getSeconds(),t.length),S(e,t){const r=t.length,o=e.getMilliseconds();return mi(Math.trunc(o*Math.pow(10,r-3)),t.length)}},fi="midnight",wi="noon",yi="morning",xi="afternoon",ki="evening",_i="night",$i={G:function(e,t,r){const o=e.getFullYear()>0?1:0;switch(t){case"G":case"GG":case"GGG":return r.era(o,{width:"abbreviated"});case"GGGGG":return r.era(o,{width:"narrow"});default:return r.era(o,{width:"wide"})}},y:function(e,t,r){if("yo"===t){const t=e.getFullYear(),o=t>0?t:1-t;return r.ordinalNumber(o,{unit:"year"})}return vi.y(e,t)},Y:function(e,t,r,o){const n=bi(e,o),a=n>0?n:1-n;if("YY"===t){return mi(a%100,2)}return"Yo"===t?r.ordinalNumber(a,{unit:"year"}):mi(a,t.length)},R:function(e,t){return mi(Wa(e),t.length)},u:function(e,t){return mi(e.getFullYear(),t.length)},Q:function(e,t,r){const o=Math.ceil((e.getMonth()+1)/3);switch(t){case"Q":return String(o);case"QQ":return mi(o,2);case"Qo":return r.ordinalNumber(o,{unit:"quarter"});case"QQQ":return r.quarter(o,{width:"abbreviated",context:"formatting"});case"QQQQQ":return r.quarter(o,{width:"narrow",context:"formatting"});default:return r.quarter(o,{width:"wide",context:"formatting"})}},q:function(e,t,r){const o=Math.ceil((e.getMonth()+1)/3);switch(t){case"q":return String(o);case"qq":return mi(o,2);case"qo":return r.ordinalNumber(o,{unit:"quarter"});case"qqq":return r.quarter(o,{width:"abbreviated",context:"standalone"});case"qqqqq":return r.quarter(o,{width:"narrow",context:"standalone"});default:return r.quarter(o,{width:"wide",context:"standalone"})}},M:function(e,t,r){const o=e.getMonth();switch(t){case"M":case"MM":return vi.M(e,t);case"Mo":return r.ordinalNumber(o+1,{unit:"month"});case"MMM":return r.month(o,{width:"abbreviated",context:"formatting"});case"MMMMM":return r.month(o,{width:"narrow",context:"formatting"});default:return r.month(o,{width:"wide",context:"formatting"})}},L:function(e,t,r){const o=e.getMonth();switch(t){case"L":return String(o+1);case"LL":return mi(o+1,2);case"Lo":return r.ordinalNumber(o+1,{unit:"month"});case"LLL":return r.month(o,{width:"abbreviated",context:"standalone"});case"LLLLL":return r.month(o,{width:"narrow",context:"standalone"});default:return r.month(o,{width:"wide",context:"standalone"})}},w:function(e,t,r,o){const n=gi(e,o);return"wo"===t?r.ordinalNumber(n,{unit:"week"}):mi(n,t.length)},I:function(e,t,r){const o=pi(e);return"Io"===t?r.ordinalNumber(o,{unit:"week"}):mi(o,t.length)},d:function(e,t,r){return"do"===t?r.ordinalNumber(e.getDate(),{unit:"date"}):vi.d(e,t)},D:function(e,t,r){const o=ui(e);return"Do"===t?r.ordinalNumber(o,{unit:"dayOfYear"}):mi(o,t.length)},E:function(e,t,r){const o=e.getDay();switch(t){case"E":case"EE":case"EEE":return r.day(o,{width:"abbreviated",context:"formatting"});case"EEEEE":return r.day(o,{width:"narrow",context:"formatting"});case"EEEEEE":return r.day(o,{width:"short",context:"formatting"});default:return r.day(o,{width:"wide",context:"formatting"})}},e:function(e,t,r,o){const n=e.getDay(),a=(n-o.weekStartsOn+8)%7||7;switch(t){case"e":return String(a);case"ee":return mi(a,2);case"eo":return r.ordinalNumber(a,{unit:"day"});case"eee":return r.day(n,{width:"abbreviated",context:"formatting"});case"eeeee":return r.day(n,{width:"narrow",context:"formatting"});case"eeeeee":return r.day(n,{width:"short",context:"formatting"});default:return r.day(n,{width:"wide",context:"formatting"})}},c:function(e,t,r,o){const n=e.getDay(),a=(n-o.weekStartsOn+8)%7||7;switch(t){case"c":return String(a);case"cc":return mi(a,t.length);case"co":return r.ordinalNumber(a,{unit:"day"});case"ccc":return r.day(n,{width:"abbreviated",context:"standalone"});case"ccccc":return r.day(n,{width:"narrow",context:"standalone"});case"cccccc":return r.day(n,{width:"short",context:"standalone"});default:return r.day(n,{width:"wide",context:"standalone"})}},i:function(e,t,r){const o=e.getDay(),n=0===o?7:o;switch(t){case"i":return String(n);case"ii":return mi(n,t.length);case"io":return r.ordinalNumber(n,{unit:"day"});case"iii":return r.day(o,{width:"abbreviated",context:"formatting"});case"iiiii":return r.day(o,{width:"narrow",context:"formatting"});case"iiiiii":return r.day(o,{width:"short",context:"formatting"});default:return r.day(o,{width:"wide",context:"formatting"})}},a:function(e,t,r){const o=e.getHours()/12>=1?"pm":"am";switch(t){case"a":case"aa":return r.dayPeriod(o,{width:"abbreviated",context:"formatting"});case"aaa":return r.dayPeriod(o,{width:"abbreviated",context:"formatting"}).toLowerCase();case"aaaaa":return r.dayPeriod(o,{width:"narrow",context:"formatting"});default:return r.dayPeriod(o,{width:"wide",context:"formatting"})}},b:function(e,t,r){const o=e.getHours();let n;switch(n=12===o?wi:0===o?fi:o/12>=1?"pm":"am",t){case"b":case"bb":return r.dayPeriod(n,{width:"abbreviated",context:"formatting"});case"bbb":return r.dayPeriod(n,{width:"abbreviated",context:"formatting"}).toLowerCase();case"bbbbb":return r.dayPeriod(n,{width:"narrow",context:"formatting"});default:return r.dayPeriod(n,{width:"wide",context:"formatting"})}},B:function(e,t,r){const o=e.getHours();let n;switch(n=o>=17?ki:o>=12?xi:o>=4?yi:_i,t){case"B":case"BB":case"BBB":return r.dayPeriod(n,{width:"abbreviated",context:"formatting"});case"BBBBB":return r.dayPeriod(n,{width:"narrow",context:"formatting"});default:return r.dayPeriod(n,{width:"wide",context:"formatting"})}},h:function(e,t,r){if("ho"===t){let t=e.getHours()%12;return 0===t&&(t=12),r.ordinalNumber(t,{unit:"hour"})}return vi.h(e,t)},H:function(e,t,r){return"Ho"===t?r.ordinalNumber(e.getHours(),{unit:"hour"}):vi.H(e,t)},K:function(e,t,r){const o=e.getHours()%12;return"Ko"===t?r.ordinalNumber(o,{unit:"hour"}):mi(o,t.length)},k:function(e,t,r){let o=e.getHours();return 0===o&&(o=24),"ko"===t?r.ordinalNumber(o,{unit:"hour"}):mi(o,t.length)},m:function(e,t,r){return"mo"===t?r.ordinalNumber(e.getMinutes(),{unit:"minute"}):vi.m(e,t)},s:function(e,t,r){return"so"===t?r.ordinalNumber(e.getSeconds(),{unit:"second"}):vi.s(e,t)},S:function(e,t){return vi.S(e,t)},X:function(e,t,r){const o=e.getTimezoneOffset();if(0===o)return"Z";switch(t){case"X":return Ei(o);case"XXXX":case"XX":return Ci(o);default:return Ci(o,":")}},x:function(e,t,r){const o=e.getTimezoneOffset();switch(t){case"x":return Ei(o);case"xxxx":case"xx":return Ci(o);default:return Ci(o,":")}},O:function(e,t,r){const o=e.getTimezoneOffset();switch(t){case"O":case"OO":case"OOO":return"GMT"+Si(o,":");default:return"GMT"+Ci(o,":")}},z:function(e,t,r){const o=e.getTimezoneOffset();switch(t){case"z":case"zz":case"zzz":return"GMT"+Si(o,":");default:return"GMT"+Ci(o,":")}},t:function(e,t,r){return mi(Math.trunc(+e/1e3),t.length)},T:function(e,t,r){return mi(+e,t.length)}};function Si(e,t){const r=e>0?"-":"+",o=Math.abs(e),n=Math.trunc(o/60),a=o%60;return 0===a?r+String(n):r+String(n)+t+mi(a,2)}function Ei(e,t){if(e%60==0){return(e>0?"-":"+")+mi(Math.abs(e)/60,2)}return Ci(e,t)}function Ci(e,t){void 0===t&&(t="");const r=e>0?"-":"+",o=Math.abs(e);return r+mi(Math.trunc(o/60),2)+t+mi(o%60,2)}const zi=(e,t)=>{switch(e){case"P":return t.date({width:"short"});case"PP":return t.date({width:"medium"});case"PPP":return t.date({width:"long"});default:return t.date({width:"full"})}},Oi=(e,t)=>{switch(e){case"p":return t.time({width:"short"});case"pp":return t.time({width:"medium"});case"ppp":return t.time({width:"long"});default:return t.time({width:"full"})}},Ai={p:Oi,P:(e,t)=>{const r=e.match(/(P+)(p+)?/)||[],o=r[1],n=r[2];if(!n)return zi(e,t);let a;switch(o){case"P":a=t.dateTime({width:"short"});break;case"PP":a=t.dateTime({width:"medium"});break;case"PPP":a=t.dateTime({width:"long"});break;default:a=t.dateTime({width:"full"})}return a.replace("{{date}}",zi(o,t)).replace("{{time}}",Oi(n,t))}},Di=/^D+$/,Pi=/^Y+$/,Mi=["D","DD","YY","YYYY"];const Ti=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,Ri=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,ji=/^'([^]*?)'?$/,Ni=/''/g,Vi=/[a-zA-Z]/;function Ii(e,t,r){const o=Fa(),n=r?.locale??o.locale??hi,a=r?.firstWeekContainsDate??r?.locale?.options?.firstWeekContainsDate??o.firstWeekContainsDate??o.locale?.options?.firstWeekContainsDate??1,i=r?.weekStartsOn??r?.locale?.options?.weekStartsOn??o.weekStartsOn??o.locale?.options?.weekStartsOn??0,s=ja(e,r?.in);if(!Ka(s))throw new RangeError("Invalid time value");let l=t.match(Ri).map(e=>{const t=e[0];if("p"===t||"P"===t){return(0,Ai[t])(e,n.formatLong)}return e}).join("").match(Ti).map(e=>{if("''"===e)return{isToken:!1,value:"'"};const t=e[0];if("'"===t)return{isToken:!1,value:Fi(e)};if($i[t])return{isToken:!0,value:e};if(t.match(Vi))throw new RangeError("Format string contains an unescaped latin alphabet character `"+t+"`");return{isToken:!1,value:e}});n.localize.preprocessor&&(l=n.localize.preprocessor(s,l));const d={firstWeekContainsDate:a,weekStartsOn:i,locale:n};return l.map(o=>{if(!o.isToken)return o.value;const a=o.value;(!r?.useAdditionalWeekYearTokens&&function(e){return Pi.test(e)}(a)||!r?.useAdditionalDayOfYearTokens&&function(e){return Di.test(e)}(a))&&function(e,t,r){const o=function(e,t,r){const o="Y"===e[0]?"years":"days of the month";return`Use \`${e.toLowerCase()}\` instead of \`${e}\` (in \`${t}\`) for formatting ${o} to the input \`${r}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`}(e,t,r);if(console.warn(o),Mi.includes(e))throw new RangeError(o)}(a,t,String(e));return(0,$i[a[0]])(s,a,n.localize,d)}).join("")}function Fi(e){const t=e.match(ji);return t?t[1].replace(Ni,"'"):e}function Li(e,t){return ja(e,t?.in).getDate()}function qi(e,t){const r=Fa(),o=t?.weekStartsOn??t?.locale?.options?.weekStartsOn??r.weekStartsOn??r.locale?.options?.weekStartsOn??0,n=Li(ja(e,t?.in));if(isNaN(n))return NaN;const a=function(e,t){return ja(e,t?.in).getDay()}(Qa(e,t));let i=o-a;i<=0&&(i+=7);const s=n-i;return Math.ceil(s/7)+1}function Wi(e,t){const r=ja(e,t?.in),o=r.getMonth();return r.setFullYear(r.getFullYear(),o+1,0),r.setHours(0,0,0,0),ja(r,t?.in)}function Bi(e,t,r){const[o,n]=Ha(r?.in,e,t);return o.getFullYear()===n.getFullYear()&&o.getMonth()===n.getMonth()}function Hi(e,t){return Ja(Ra(e,e),function(e){return Ra(e,Date.now())}(e))}function Yi(e,t,r){return Na(e,-t,r)}function Ui(e,t,r){return Va(e,-1,r)}const Xi={lessThanXSeconds:{one:"mindre end ét sekund",other:"mindre end {{count}} sekunder"},xSeconds:{one:"1 sekund",other:"{{count}} sekunder"},halfAMinute:"ét halvt minut",lessThanXMinutes:{one:"mindre end ét minut",other:"mindre end {{count}} minutter"},xMinutes:{one:"1 minut",other:"{{count}} minutter"},aboutXHours:{one:"cirka 1 time",other:"cirka {{count}} timer"},xHours:{one:"1 time",other:"{{count}} timer"},xDays:{one:"1 dag",other:"{{count}} dage"},aboutXWeeks:{one:"cirka 1 uge",other:"cirka {{count}} uger"},xWeeks:{one:"1 uge",other:"{{count}} uger"},aboutXMonths:{one:"cirka 1 måned",other:"cirka {{count}} måneder"},xMonths:{one:"1 måned",other:"{{count}} måneder"},aboutXYears:{one:"cirka 1 år",other:"cirka {{count}} år"},xYears:{one:"1 år",other:"{{count}} år"},overXYears:{one:"over 1 år",other:"over {{count}} år"},almostXYears:{one:"næsten 1 år",other:"næsten {{count}} år"}},Ji={date:ri({formats:{full:"EEEE 'den' d. MMMM y",long:"d. MMMM y",medium:"d. MMM y",short:"dd/MM/y"},defaultWidth:"full"}),time:ri({formats:{full:"HH:mm:ss zzzz",long:"HH:mm:ss z",medium:"HH:mm:ss",short:"HH:mm"},defaultWidth:"full"}),dateTime:ri({formats:{full:"{{date}} 'kl'. {{time}}",long:"{{date}} 'kl'. {{time}}",medium:"{{date}} {{time}}",short:"{{date}} {{time}}"},defaultWidth:"full"})},Ki={lastWeek:"'sidste' eeee 'kl.' p",yesterday:"'i går kl.' p",today:"'i dag kl.' p",tomorrow:"'i morgen kl.' p",nextWeek:"'på' eeee 'kl.' p",other:"P"},Zi={code:"da",formatDistance:(e,t,r)=>{let o;const n=Xi[e];return o="string"==typeof n?n:1===t?n.one:n.other.replace("{{count}}",String(t)),r?.addSuffix?r.comparison&&r.comparison>0?"om "+o:o+" siden":o},formatLong:Ji,formatRelative:(e,t,r,o)=>Ki[e],localize:{ordinalNumber:(e,t)=>Number(e)+".",era:ii({values:{narrow:["fvt","vt"],abbreviated:["f.v.t.","v.t."],wide:["før vesterlandsk tidsregning","vesterlandsk tidsregning"]},defaultWidth:"wide"}),quarter:ii({values:{narrow:["1","2","3","4"],abbreviated:["1. kvt.","2. kvt.","3. kvt.","4. kvt."],wide:["1. kvartal","2. kvartal","3. kvartal","4. kvartal"]},defaultWidth:"wide",argumentCallback:e=>e-1}),month:ii({values:{narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["jan.","feb.","mar.","apr.","maj","jun.","jul.","aug.","sep.","okt.","nov.","dec."],wide:["januar","februar","marts","april","maj","juni","juli","august","september","oktober","november","december"]},defaultWidth:"wide"}),day:ii({values:{narrow:["S","M","T","O","T","F","L"],short:["sø","ma","ti","on","to","fr","lø"],abbreviated:["søn.","man.","tir.","ons.","tor.","fre.","lør."],wide:["søndag","mandag","tirsdag","onsdag","torsdag","fredag","lørdag"]},defaultWidth:"wide"}),dayPeriod:ii({values:{narrow:{am:"a",pm:"p",midnight:"midnat",noon:"middag",morning:"morgen",afternoon:"eftermiddag",evening:"aften",night:"nat"},abbreviated:{am:"AM",pm:"PM",midnight:"midnat",noon:"middag",morning:"morgen",afternoon:"eftermiddag",evening:"aften",night:"nat"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnat",noon:"middag",morning:"morgen",afternoon:"eftermiddag",evening:"aften",night:"nat"}},defaultWidth:"wide",formattingValues:{narrow:{am:"a",pm:"p",midnight:"midnat",noon:"middag",morning:"om morgenen",afternoon:"om eftermiddagen",evening:"om aftenen",night:"om natten"},abbreviated:{am:"AM",pm:"PM",midnight:"midnat",noon:"middag",morning:"om morgenen",afternoon:"om eftermiddagen",evening:"om aftenen",night:"om natten"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnat",noon:"middag",morning:"om morgenen",afternoon:"om eftermiddagen",evening:"om aftenen",night:"om natten"}},defaultFormattingWidth:"wide"})},match:{ordinalNumber:di({matchPattern:/^(\d+)(\.)?/i,parsePattern:/\d+/i,valueCallback:e=>parseInt(e,10)}),era:li({matchPatterns:{narrow:/^(fKr|fvt|eKr|vt)/i,abbreviated:/^(f\.Kr\.?|f\.v\.t\.?|e\.Kr\.?|v\.t\.)/i,wide:/^(f.Kr.|før vesterlandsk tidsregning|e.Kr.|vesterlandsk tidsregning)/i},defaultMatchWidth:"wide",parsePatterns:{any:[/^f/i,/^(v|e)/i]},defaultParseWidth:"any"}),quarter:li({matchPatterns:{narrow:/^[1234]/i,abbreviated:/^[1234]. kvt\./i,wide:/^[1234]\.? kvartal/i},defaultMatchWidth:"wide",parsePatterns:{any:[/1/i,/2/i,/3/i,/4/i]},defaultParseWidth:"any",valueCallback:e=>e+1}),month:li({matchPatterns:{narrow:/^[jfmasond]/i,abbreviated:/^(jan.|feb.|mar.|apr.|maj|jun.|jul.|aug.|sep.|okt.|nov.|dec.)/i,wide:/^(januar|februar|marts|april|maj|juni|juli|august|september|oktober|november|december)/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^maj/i,/^jun/i,/^jul/i,/^au/i,/^s/i,/^o/i,/^n/i,/^d/i]},defaultParseWidth:"any"}),day:li({matchPatterns:{narrow:/^[smtofl]/i,short:/^(søn.|man.|tir.|ons.|tor.|fre.|lør.)/i,abbreviated:/^(søn|man|tir|ons|tor|fre|lør)/i,wide:/^(søndag|mandag|tirsdag|onsdag|torsdag|fredag|lørdag)/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^s/i,/^m/i,/^t/i,/^o/i,/^t/i,/^f/i,/^l/i],any:[/^s/i,/^m/i,/^ti/i,/^o/i,/^to/i,/^f/i,/^l/i]},defaultParseWidth:"any"}),dayPeriod:li({matchPatterns:{narrow:/^(a|p|midnat|middag|(om) (morgenen|eftermiddagen|aftenen|natten))/i,any:/^([ap]\.?\s?m\.?|midnat|middag|(om) (morgenen|eftermiddagen|aftenen|natten))/i},defaultMatchWidth:"any",parsePatterns:{any:{am:/^a/i,pm:/^p/i,midnight:/midnat/i,noon:/middag/i,morning:/morgen/i,afternoon:/eftermiddag/i,evening:/aften/i,night:/nat/i}},defaultParseWidth:"any"})},options:{weekStartsOn:1,firstWeekContainsDate:4}},Qi={code:"en-GB",formatDistance:ti,formatLong:{date:ri({formats:{full:"EEEE, d MMMM yyyy",long:"d MMMM yyyy",medium:"d MMM yyyy",short:"dd/MM/yyyy"},defaultWidth:"full"}),time:ri({formats:{full:"HH:mm:ss zzzz",long:"HH:mm:ss z",medium:"HH:mm:ss",short:"HH:mm"},defaultWidth:"full"}),dateTime:ri({formats:{full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},defaultWidth:"full"})},formatRelative:ai,localize:si,match:ci,options:{weekStartsOn:1,firstWeekContainsDate:4}};function Gi(e){return e.replace(/sekuntia?/,"sekunnin")}function es(e){return e.replace(/minuuttia?/,"minuutin")}function ts(e){return e.replace(/tuntia?/,"tunnin")}function rs(e){return e.replace(/(viikko|viikkoa)/,"viikon")}function os(e){return e.replace(/(kuukausi|kuukautta)/,"kuukauden")}function ns(e){return e.replace(/(vuosi|vuotta)/,"vuoden")}const as={lessThanXSeconds:{one:"alle sekunti",other:"alle {{count}} sekuntia",futureTense:Gi},xSeconds:{one:"sekunti",other:"{{count}} sekuntia",futureTense:Gi},halfAMinute:{one:"puoli minuuttia",other:"puoli minuuttia",futureTense:e=>"puolen minuutin"},lessThanXMinutes:{one:"alle minuutti",other:"alle {{count}} minuuttia",futureTense:es},xMinutes:{one:"minuutti",other:"{{count}} minuuttia",futureTense:es},aboutXHours:{one:"noin tunti",other:"noin {{count}} tuntia",futureTense:ts},xHours:{one:"tunti",other:"{{count}} tuntia",futureTense:ts},xDays:{one:"päivä",other:"{{count}} päivää",futureTense:function(e){return e.replace(/päivää?/,"päivän")}},aboutXWeeks:{one:"noin viikko",other:"noin {{count}} viikkoa",futureTense:rs},xWeeks:{one:"viikko",other:"{{count}} viikkoa",futureTense:rs},aboutXMonths:{one:"noin kuukausi",other:"noin {{count}} kuukautta",futureTense:os},xMonths:{one:"kuukausi",other:"{{count}} kuukautta",futureTense:os},aboutXYears:{one:"noin vuosi",other:"noin {{count}} vuotta",futureTense:ns},xYears:{one:"vuosi",other:"{{count}} vuotta",futureTense:ns},overXYears:{one:"yli vuosi",other:"yli {{count}} vuotta",futureTense:ns},almostXYears:{one:"lähes vuosi",other:"lähes {{count}} vuotta",futureTense:ns}},is={date:ri({formats:{full:"eeee d. MMMM y",long:"d. MMMM y",medium:"d. MMM y",short:"d.M.y"},defaultWidth:"full"}),time:ri({formats:{full:"HH.mm.ss zzzz",long:"HH.mm.ss z",medium:"HH.mm.ss",short:"HH.mm"},defaultWidth:"full"}),dateTime:ri({formats:{full:"{{date}} 'klo' {{time}}",long:"{{date}} 'klo' {{time}}",medium:"{{date}} {{time}}",short:"{{date}} {{time}}"},defaultWidth:"full"})},ss={lastWeek:"'viime' eeee 'klo' p",yesterday:"'eilen klo' p",today:"'tänään klo' p",tomorrow:"'huomenna klo' p",nextWeek:"'ensi' eeee 'klo' p",other:"P"},ls={narrow:["T","H","M","H","T","K","H","E","S","L","M","J"],abbreviated:["tammi","helmi","maalis","huhti","touko","kesä","heinä","elo","syys","loka","marras","joulu"],wide:["tammikuu","helmikuu","maaliskuu","huhtikuu","toukokuu","kesäkuu","heinäkuu","elokuu","syyskuu","lokakuu","marraskuu","joulukuu"]},ds={narrow:ls.narrow,abbreviated:ls.abbreviated,wide:["tammikuuta","helmikuuta","maaliskuuta","huhtikuuta","toukokuuta","kesäkuuta","heinäkuuta","elokuuta","syyskuuta","lokakuuta","marraskuuta","joulukuuta"]},cs={narrow:["S","M","T","K","T","P","L"],short:["su","ma","ti","ke","to","pe","la"],abbreviated:["sunn.","maan.","tiis.","kesk.","torst.","perj.","la"],wide:["sunnuntai","maanantai","tiistai","keskiviikko","torstai","perjantai","lauantai"]},hs={narrow:cs.narrow,short:cs.short,abbreviated:cs.abbreviated,wide:["sunnuntaina","maanantaina","tiistaina","keskiviikkona","torstaina","perjantaina","lauantaina"]},us={code:"fi",formatDistance:(e,t,r)=>{const o=as[e],n=1===t?o.one:o.other.replace("{{count}}",String(t));return r?.addSuffix?r.comparison&&r.comparison>0?o.futureTense(n)+" kuluttua":n+" sitten":n},formatLong:is,formatRelative:(e,t,r,o)=>ss[e],localize:{ordinalNumber:(e,t)=>Number(e)+".",era:ii({values:{narrow:["eaa.","jaa."],abbreviated:["eaa.","jaa."],wide:["ennen ajanlaskun alkua","jälkeen ajanlaskun alun"]},defaultWidth:"wide"}),quarter:ii({values:{narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1. kvartaali","2. kvartaali","3. kvartaali","4. kvartaali"]},defaultWidth:"wide",argumentCallback:e=>e-1}),month:ii({values:ls,defaultWidth:"wide",formattingValues:ds,defaultFormattingWidth:"wide"}),day:ii({values:cs,defaultWidth:"wide",formattingValues:hs,defaultFormattingWidth:"wide"}),dayPeriod:ii({values:{narrow:{am:"ap",pm:"ip",midnight:"keskiyö",noon:"keskipäivä",morning:"ap",afternoon:"ip",evening:"illalla",night:"yöllä"},abbreviated:{am:"ap",pm:"ip",midnight:"keskiyö",noon:"keskipäivä",morning:"ap",afternoon:"ip",evening:"illalla",night:"yöllä"},wide:{am:"ap",pm:"ip",midnight:"keskiyöllä",noon:"keskipäivällä",morning:"aamupäivällä",afternoon:"iltapäivällä",evening:"illalla",night:"yöllä"}},defaultWidth:"wide"})},match:{ordinalNumber:di({matchPattern:/^(\d+)(\.)/i,parsePattern:/\d+/i,valueCallback:e=>parseInt(e,10)}),era:li({matchPatterns:{narrow:/^(e|j)/i,abbreviated:/^(eaa.|jaa.)/i,wide:/^(ennen ajanlaskun alkua|jälkeen ajanlaskun alun)/i},defaultMatchWidth:"wide",parsePatterns:{any:[/^e/i,/^j/i]},defaultParseWidth:"any"}),quarter:li({matchPatterns:{narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234]\.? kvartaali/i},defaultMatchWidth:"wide",parsePatterns:{any:[/1/i,/2/i,/3/i,/4/i]},defaultParseWidth:"any",valueCallback:e=>e+1}),month:li({matchPatterns:{narrow:/^[thmkeslj]/i,abbreviated:/^(tammi|helmi|maalis|huhti|touko|kesä|heinä|elo|syys|loka|marras|joulu)/i,wide:/^(tammikuu|helmikuu|maaliskuu|huhtikuu|toukokuu|kesäkuu|heinäkuu|elokuu|syyskuu|lokakuu|marraskuu|joulukuu)(ta)?/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^t/i,/^h/i,/^m/i,/^h/i,/^t/i,/^k/i,/^h/i,/^e/i,/^s/i,/^l/i,/^m/i,/^j/i],any:[/^ta/i,/^hel/i,/^maa/i,/^hu/i,/^to/i,/^k/i,/^hei/i,/^e/i,/^s/i,/^l/i,/^mar/i,/^j/i]},defaultParseWidth:"any"}),day:li({matchPatterns:{narrow:/^[smtkpl]/i,short:/^(su|ma|ti|ke|to|pe|la)/i,abbreviated:/^(sunn.|maan.|tiis.|kesk.|torst.|perj.|la)/i,wide:/^(sunnuntai|maanantai|tiistai|keskiviikko|torstai|perjantai|lauantai)(na)?/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^s/i,/^m/i,/^t/i,/^k/i,/^t/i,/^p/i,/^l/i],any:[/^s/i,/^m/i,/^ti/i,/^k/i,/^to/i,/^p/i,/^l/i]},defaultParseWidth:"any"}),dayPeriod:li({matchPatterns:{narrow:/^(ap|ip|keskiyö|keskipäivä|aamupäivällä|iltapäivällä|illalla|yöllä)/i,any:/^(ap|ip|keskiyöllä|keskipäivällä|aamupäivällä|iltapäivällä|illalla|yöllä)/i},defaultMatchWidth:"any",parsePatterns:{any:{am:/^ap/i,pm:/^ip/i,midnight:/^keskiyö/i,noon:/^keskipäivä/i,morning:/aamupäivällä/i,afternoon:/iltapäivällä/i,evening:/illalla/i,night:/yöllä/i}},defaultParseWidth:"any"})},options:{weekStartsOn:1,firstWeekContainsDate:4}},ps={lessThanXSeconds:{one:"mindre enn ett sekund",other:"mindre enn {{count}} sekunder"},xSeconds:{one:"ett sekund",other:"{{count}} sekunder"},halfAMinute:"et halvt minutt",lessThanXMinutes:{one:"mindre enn ett minutt",other:"mindre enn {{count}} minutter"},xMinutes:{one:"ett minutt",other:"{{count}} minutter"},aboutXHours:{one:"omtrent en time",other:"omtrent {{count}} timer"},xHours:{one:"en time",other:"{{count}} timer"},xDays:{one:"en dag",other:"{{count}} dager"},aboutXWeeks:{one:"omtrent en uke",other:"omtrent {{count}} uker"},xWeeks:{one:"en uke",other:"{{count}} uker"},aboutXMonths:{one:"omtrent en måned",other:"omtrent {{count}} måneder"},xMonths:{one:"en måned",other:"{{count}} måneder"},aboutXYears:{one:"omtrent ett år",other:"omtrent {{count}} år"},xYears:{one:"ett år",other:"{{count}} år"},overXYears:{one:"over ett år",other:"over {{count}} år"},almostXYears:{one:"nesten ett år",other:"nesten {{count}} år"}},bs={date:ri({formats:{full:"EEEE d. MMMM y",long:"d. MMMM y",medium:"d. MMM y",short:"dd.MM.y"},defaultWidth:"full"}),time:ri({formats:{full:"'kl'. HH:mm:ss zzzz",long:"HH:mm:ss z",medium:"HH:mm:ss",short:"HH:mm"},defaultWidth:"full"}),dateTime:ri({formats:{full:"{{date}} 'kl.' {{time}}",long:"{{date}} 'kl.' {{time}}",medium:"{{date}} {{time}}",short:"{{date}} {{time}}"},defaultWidth:"full"})},gs={lastWeek:"'forrige' eeee 'kl.' p",yesterday:"'i går kl.' p",today:"'i dag kl.' p",tomorrow:"'i morgen kl.' p",nextWeek:"EEEE 'kl.' p",other:"P"},ms={code:"nb",formatDistance:(e,t,r)=>{let o;const n=ps[e];return o="string"==typeof n?n:1===t?n.one:n.other.replace("{{count}}",String(t)),r?.addSuffix?r.comparison&&r.comparison>0?"om "+o:o+" siden":o},formatLong:bs,formatRelative:(e,t,r,o)=>gs[e],localize:{ordinalNumber:(e,t)=>Number(e)+".",era:ii({values:{narrow:["f.Kr.","e.Kr."],abbreviated:["f.Kr.","e.Kr."],wide:["før Kristus","etter Kristus"]},defaultWidth:"wide"}),quarter:ii({values:{narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1. kvartal","2. kvartal","3. kvartal","4. kvartal"]},defaultWidth:"wide",argumentCallback:e=>e-1}),month:ii({values:{narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["jan.","feb.","mars","apr.","mai","juni","juli","aug.","sep.","okt.","nov.","des."],wide:["januar","februar","mars","april","mai","juni","juli","august","september","oktober","november","desember"]},defaultWidth:"wide"}),day:ii({values:{narrow:["S","M","T","O","T","F","L"],short:["sø","ma","ti","on","to","fr","lø"],abbreviated:["søn","man","tir","ons","tor","fre","lør"],wide:["søndag","mandag","tirsdag","onsdag","torsdag","fredag","lørdag"]},defaultWidth:"wide"}),dayPeriod:ii({values:{narrow:{am:"a",pm:"p",midnight:"midnatt",noon:"middag",morning:"på morg.",afternoon:"på etterm.",evening:"på kvelden",night:"på natten"},abbreviated:{am:"a.m.",pm:"p.m.",midnight:"midnatt",noon:"middag",morning:"på morg.",afternoon:"på etterm.",evening:"på kvelden",night:"på natten"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnatt",noon:"middag",morning:"på morgenen",afternoon:"på ettermiddagen",evening:"på kvelden",night:"på natten"}},defaultWidth:"wide"})},match:{ordinalNumber:di({matchPattern:/^(\d+)\.?/i,parsePattern:/\d+/i,valueCallback:e=>parseInt(e,10)}),era:li({matchPatterns:{narrow:/^(f\.? ?Kr\.?|fvt\.?|e\.? ?Kr\.?|evt\.?)/i,abbreviated:/^(f\.? ?Kr\.?|fvt\.?|e\.? ?Kr\.?|evt\.?)/i,wide:/^(før Kristus|før vår tid|etter Kristus|vår tid)/i},defaultMatchWidth:"wide",parsePatterns:{any:[/^f/i,/^e/i]},defaultParseWidth:"any"}),quarter:li({matchPatterns:{narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](\.)? kvartal/i},defaultMatchWidth:"wide",parsePatterns:{any:[/1/i,/2/i,/3/i,/4/i]},defaultParseWidth:"any",valueCallback:e=>e+1}),month:li({matchPatterns:{narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mars?|apr|mai|juni?|juli?|aug|sep|okt|nov|des)\.?/i,wide:/^(januar|februar|mars|april|mai|juni|juli|august|september|oktober|november|desember)/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^mai/i,/^jun/i,/^jul/i,/^aug/i,/^s/i,/^o/i,/^n/i,/^d/i]},defaultParseWidth:"any"}),day:li({matchPatterns:{narrow:/^[smtofl]/i,short:/^(sø|ma|ti|on|to|fr|lø)/i,abbreviated:/^(søn|man|tir|ons|tor|fre|lør)/i,wide:/^(søndag|mandag|tirsdag|onsdag|torsdag|fredag|lørdag)/i},defaultMatchWidth:"wide",parsePatterns:{any:[/^s/i,/^m/i,/^ti/i,/^o/i,/^to/i,/^f/i,/^l/i]},defaultParseWidth:"any"}),dayPeriod:li({matchPatterns:{narrow:/^(midnatt|middag|(på) (morgenen|ettermiddagen|kvelden|natten)|[ap])/i,any:/^([ap]\.?\s?m\.?|midnatt|middag|(på) (morgenen|ettermiddagen|kvelden|natten))/i},defaultMatchWidth:"any",parsePatterns:{any:{am:/^a(\.?\s?m\.?)?$/i,pm:/^p(\.?\s?m\.?)?$/i,midnight:/^midn/i,noon:/^midd/i,morning:/morgen/i,afternoon:/ettermiddag/i,evening:/kveld/i,night:/natt/i}},defaultParseWidth:"any"})},options:{weekStartsOn:1,firstWeekContainsDate:4}},vs={lessThanXSeconds:{one:"mindre än en sekund",other:"mindre än {{count}} sekunder"},xSeconds:{one:"en sekund",other:"{{count}} sekunder"},halfAMinute:"en halv minut",lessThanXMinutes:{one:"mindre än en minut",other:"mindre än {{count}} minuter"},xMinutes:{one:"en minut",other:"{{count}} minuter"},aboutXHours:{one:"ungefär en timme",other:"ungefär {{count}} timmar"},xHours:{one:"en timme",other:"{{count}} timmar"},xDays:{one:"en dag",other:"{{count}} dagar"},aboutXWeeks:{one:"ungefär en vecka",other:"ungefär {{count}} veckor"},xWeeks:{one:"en vecka",other:"{{count}} veckor"},aboutXMonths:{one:"ungefär en månad",other:"ungefär {{count}} månader"},xMonths:{one:"en månad",other:"{{count}} månader"},aboutXYears:{one:"ungefär ett år",other:"ungefär {{count}} år"},xYears:{one:"ett år",other:"{{count}} år"},overXYears:{one:"över ett år",other:"över {{count}} år"},almostXYears:{one:"nästan ett år",other:"nästan {{count}} år"}},fs=["noll","en","två","tre","fyra","fem","sex","sju","åtta","nio","tio","elva","tolv"],ws={date:ri({formats:{full:"EEEE d MMMM y",long:"d MMMM y",medium:"d MMM y",short:"y-MM-dd"},defaultWidth:"full"}),time:ri({formats:{full:"'kl'. HH:mm:ss zzzz",long:"HH:mm:ss z",medium:"HH:mm:ss",short:"HH:mm"},defaultWidth:"full"}),dateTime:ri({formats:{full:"{{date}} 'kl.' {{time}}",long:"{{date}} 'kl.' {{time}}",medium:"{{date}} {{time}}",short:"{{date}} {{time}}"},defaultWidth:"full"})},ys={lastWeek:"'i' EEEE's kl.' p",yesterday:"'igår kl.' p",today:"'idag kl.' p",tomorrow:"'imorgon kl.' p",nextWeek:"EEEE 'kl.' p",other:"P"},xs={ordinalNumber:(e,t)=>{const r=Number(e),o=r%100;if(o>20||o<10)switch(o%10){case 1:case 2:return r+":a"}return r+":e"},era:ii({values:{narrow:["f.Kr.","e.Kr."],abbreviated:["f.Kr.","e.Kr."],wide:["före Kristus","efter Kristus"]},defaultWidth:"wide"}),quarter:ii({values:{narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1:a kvartalet","2:a kvartalet","3:e kvartalet","4:e kvartalet"]},defaultWidth:"wide",argumentCallback:e=>e-1}),month:ii({values:{narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["jan.","feb.","mars","apr.","maj","juni","juli","aug.","sep.","okt.","nov.","dec."],wide:["januari","februari","mars","april","maj","juni","juli","augusti","september","oktober","november","december"]},defaultWidth:"wide"}),day:ii({values:{narrow:["S","M","T","O","T","F","L"],short:["sö","må","ti","on","to","fr","lö"],abbreviated:["sön","mån","tis","ons","tors","fre","lör"],wide:["söndag","måndag","tisdag","onsdag","torsdag","fredag","lördag"]},defaultWidth:"wide"}),dayPeriod:ii({values:{narrow:{am:"fm",pm:"em",midnight:"midnatt",noon:"middag",morning:"morg.",afternoon:"efterm.",evening:"kväll",night:"natt"},abbreviated:{am:"f.m.",pm:"e.m.",midnight:"midnatt",noon:"middag",morning:"morgon",afternoon:"efterm.",evening:"kväll",night:"natt"},wide:{am:"förmiddag",pm:"eftermiddag",midnight:"midnatt",noon:"middag",morning:"morgon",afternoon:"eftermiddag",evening:"kväll",night:"natt"}},defaultWidth:"wide",formattingValues:{narrow:{am:"fm",pm:"em",midnight:"midnatt",noon:"middag",morning:"på morg.",afternoon:"på efterm.",evening:"på kvällen",night:"på natten"},abbreviated:{am:"fm",pm:"em",midnight:"midnatt",noon:"middag",morning:"på morg.",afternoon:"på efterm.",evening:"på kvällen",night:"på natten"},wide:{am:"fm",pm:"em",midnight:"midnatt",noon:"middag",morning:"på morgonen",afternoon:"på eftermiddagen",evening:"på kvällen",night:"på natten"}},defaultFormattingWidth:"wide"})},ks={code:"sv",formatDistance:(e,t,r)=>{let o;const n=vs[e];return o="string"==typeof n?n:1===t?n.one:n.other.replace("{{count}}",t<13?fs[t]:String(t)),r?.addSuffix?r.comparison&&r.comparison>0?"om "+o:o+" sedan":o},formatLong:ws,formatRelative:(e,t,r,o)=>ys[e],localize:xs,match:{ordinalNumber:di({matchPattern:/^(\d+)(:a|:e)?/i,parsePattern:/\d+/i,valueCallback:e=>parseInt(e,10)}),era:li({matchPatterns:{narrow:/^(f\.? ?Kr\.?|f\.? ?v\.? ?t\.?|e\.? ?Kr\.?|v\.? ?t\.?)/i,abbreviated:/^(f\.? ?Kr\.?|f\.? ?v\.? ?t\.?|e\.? ?Kr\.?|v\.? ?t\.?)/i,wide:/^(före Kristus|före vår tid|efter Kristus|vår tid)/i},defaultMatchWidth:"wide",parsePatterns:{any:[/^f/i,/^[ev]/i]},defaultParseWidth:"any"}),quarter:li({matchPatterns:{narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](:a|:e)? kvartalet/i},defaultMatchWidth:"wide",parsePatterns:{any:[/1/i,/2/i,/3/i,/4/i]},defaultParseWidth:"any",valueCallback:e=>e+1}),month:li({matchPatterns:{narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mar[s]?|apr|maj|jun[i]?|jul[i]?|aug|sep|okt|nov|dec)\.?/i,wide:/^(januari|februari|mars|april|maj|juni|juli|augusti|september|oktober|november|december)/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^maj/i,/^jun/i,/^jul/i,/^au/i,/^s/i,/^o/i,/^n/i,/^d/i]},defaultParseWidth:"any"}),day:li({matchPatterns:{narrow:/^[smtofl]/i,short:/^(sö|må|ti|on|to|fr|lö)/i,abbreviated:/^(sön|mån|tis|ons|tors|fre|lör)/i,wide:/^(söndag|måndag|tisdag|onsdag|torsdag|fredag|lördag)/i},defaultMatchWidth:"wide",parsePatterns:{any:[/^s/i,/^m/i,/^ti/i,/^o/i,/^to/i,/^f/i,/^l/i]},defaultParseWidth:"any"}),dayPeriod:li({matchPatterns:{any:/^([fe]\.?\s?m\.?|midn(att)?|midd(ag)?|(på) (morgonen|eftermiddagen|kvällen|natten))/i},defaultMatchWidth:"any",parsePatterns:{any:{am:/^f/i,pm:/^e/i,midnight:/^midn/i,noon:/^midd/i,morning:/morgon/i,afternoon:/eftermiddag/i,evening:/kväll/i,night:/natt/i}},defaultParseWidth:"any"})},options:{weekStartsOn:1,firstWeekContainsDate:4}},_s="important",$s=" !"+_s,Ss=Be(class extends He{constructor(e){if(super(e),e.type!==Fe||"style"!==e.name||e.strings?.length>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(e){return Object.keys(e).reduce((t,r)=>{const o=e[r];return null==o?t:t+`${r=r.includes("-")?r:r.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${o};`},"")}update(e,t){let[r]=t;const{style:o}=e.element;if(void 0===this.ft)return this.ft=new Set(Object.keys(r)),this.render(r);for(const e of this.ft)null==r[e]&&(this.ft.delete(e),e.includes("-")?o.removeProperty(e):o[e]=null);for(const e in r){const t=r[e];if(null!=t){this.ft.add(e);const r="string"==typeof t&&t.endsWith($s);e.includes("-")||r?o.setProperty(e,r?t.slice(0,-11):t,r?_s:""):o[e]=t}}return ge}}),Es=JSON.parse('{"datepicker.calendar.nextMonth":["Next month"],"datepicker.calendar.previousMonth":["Previous month"],"datepicker.calendar.roleDescription":["Date picker"],"datepicker.toggle.changeDate":["Change date, ",["currentDate"]],"datepicker.toggle.chooseDate":["Choose date"]}'),Cs=JSON.parse('{"datepicker.calendar.nextMonth":["Next month"],"datepicker.calendar.previousMonth":["Previous month"],"datepicker.calendar.roleDescription":["Date picker"],"datepicker.toggle.changeDate":["Change date, ",["currentDate"]],"datepicker.toggle.chooseDate":["Choose date"]}'),zs=JSON.parse('{"datepicker.calendar.nextMonth":["Next month"],"datepicker.calendar.previousMonth":["Previous month"],"datepicker.calendar.roleDescription":["Date picker"],"datepicker.toggle.changeDate":["Change date, ",["currentDate"]],"datepicker.toggle.chooseDate":["Choose date"]}'),Os=JSON.parse('{"datepicker.calendar.nextMonth":["Gå til neste måned"],"datepicker.calendar.previousMonth":["Gå til forrige måned"],"datepicker.calendar.roleDescription":["datovelger"],"datepicker.toggle.changeDate":["Endre dato, ",["currentDate"]],"datepicker.toggle.chooseDate":["Velg dato"]}'),As=JSON.parse('{"datepicker.calendar.nextMonth":["Next month"],"datepicker.calendar.previousMonth":["Previous month"],"datepicker.calendar.roleDescription":["Date picker"],"datepicker.toggle.changeDate":["Change date, ",["currentDate"]],"datepicker.toggle.chooseDate":["Choose date"]}'),Ds=D`.w-datepicker-wrapper{width:100%;font-size:var(--w-font-size-m);line-height:var(--w-line-height-m);display:inline-block;position:relative}.w-datepicker-input-wrapper{position:relative}.w-datepicker-input{-webkit-appearance:none;-moz-appearance:textfield;appearance:none;cursor:pointer;width:100%;height:48px;font-size:var(--w-font-size-m);line-height:var(--w-line-height-m);background-color:var(--w-s-color-background);border:1px solid #ccc;border-radius:4px;padding:1.2rem .8rem;display:block}.w-datepicker-input:hover{border-color:var(--w-s-color-border-hover)}.w-datepicker-input:active{border-color:var(--w-s-color-border-selected)}.w-datepicker-input:focus,.w-datepicker-input:focus-visible{outline:2px solid var(--w-s-color-border-focus);outline-offset:-2px}.w-datepicker-input-label{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s);cursor:pointer;color:var(--w-s-color-text);padding-bottom:.4rem;font-weight:700;display:block}.w-datepicker-button{--padding-x:14px;--padding-y:14px;--border-radius:2px;pointer-events:auto;position:absolute;top:2px;right:2px}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{-webkit-appearance:none;display:none}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:none;-moz-appearance:none;appearance:none}.w-dropdown__popover{background-color:var(--w-s-color-background);width:max-content;box-shadow:var(--w-shadow-s);z-index:100;visibility:hidden;border-radius:8px;position:absolute}.w-dropdown__popover--open{visibility:visible}`,Ps=D`.w-datepicker__calendar{--_calendar-border-color:var(--calendar-border-color,initial);--_calendar-border-style:var(--calendar-border-style,none);--_calendar-border-width:var(--calendar-border-width,0);--_calendar-border-radius:var(--calendar-border-radius,0);z-index:30;border:var(--_calendar-border-width) var(--_calendar-border-style) var(--_calendar-border-color);border-radius:var(--_calendar-border-radius);padding:16px;position:relative}`,Ms=D`.w-datepicker__day{--_day-in-range-background:var(--day-in-range-background,var(--w-s-color-background-primary-subtle-active));text-align:center;cursor:pointer;color:var(--day-color,var(--w-s-color-text));background-color:var(--day-background,transparent);width:var(--day-width,40px);height:var(--day-height,40px);padding:var(--day-padding,0);font-weight:var(--day-font-weight,normal);font-size:var(--w-font-size-s);line-height:var(--w-line-height-s);border-radius:var(--day-border-radius,50%);outline:none;position:relative}.w-datepicker__day:hover{--day-color:var(--w-s-color-text);--day-background:var(--w-s-color-background-hover);--day-border-radius:50%}.w-datepicker__day:active{--day-color:var(--w-s-color-text);--day-background:var(--w-s-color-background-active);--day-border-radius:50%}.w-datepicker__day:focus-visible{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,-2px);text-decoration:none}.w-datepicker__day--today{--day-font-weight:bold}.w-datepicker__day--selected{--day-background:var(--w-s-color-background-primary);--day-color:var(--w-s-color-text-inverted);--day-font-weight:bold}.w-datepicker__day--selected:hover,.w-datepicker__day--selected:focus-visible{--day-background:var(--w-s-color-background-primary-hover);--day-color:var(--w-s-color-text-inverted);--day-font-weight:bold}.w-datepicker__day--disabled,.w-datepicker__day--disabled:hover{--day-color:var(--w-s-color-text-disabled);cursor:not-allowed;pointer-events:none}`,Ts=D`.w-datepicker__month{--day-width:40px;--_month-color:var(--month-color,var(--w-s-color-text));--_month-font-size:var(--month-font-size,var(--w-font-size-m));--_month-line-height:var(--month-line-height,var(--w-line-height-m));--_month-table-min-width:var(--month-table-min-width,calc(var(--day-width) * 7));--_weekdays-font-size:var(--weekdays-font-size,var(--w-font-size-xs));--_weekdays-line-height:var(--weekdays-font-size,var(--w-line-height-xs));--_weekdays-font-weight:var(--weekdays-font-weight,bold);--_weekdays-padding:var(--weekdays-padding,8px 0 4px 0);text-align:center;user-select:none;color:var(--_month-color);font-size:var(--_month-font-size);line-height:var(--_month-line-height);display:inline-block}.w-datepicker__month__nav{margin:0 0 8px}.w-datepicker__month__nav__header{text-align:center;font-weight:700}.w-datepicker__table{border-spacing:0;border-collapse:collapse;width:100%;min-width:var(--_month-table-min-width);padding-top:8px;display:block}.w-datepicker__weekday{text-align:center;font-size:var(--_weekdays-font-size);line-height:var(--_weekdays-line-height);font-weight:var(--_weekdays-font-weight);padding:var(--_weekdays-padding)}.w-datepicker__month-nav{justify-content:space-between;align-items:center;width:100%;display:flex}.w-datepicker__month__nav__button{flex-shrink:0}.w-datepicker__month__nav__header{text-align:center;flex:1;justify-content:center;align-items:center;display:flex}`,Rs=/^\d{4}-\d{2}-\d{2}$/;function js(e){if("string"!=typeof e)return null;let t=e;Rs.test(e)&&(t=`${e}T00:00:00Z`);const r=Date.parse(t);return Number.isNaN(r)?null:new Date(r)}const Ns=/iP(hone|od|ad)/,Vs=/Safari/,Is=/(Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android)/;function Fs(e){const t="en"===e?"en-GB":e;return new Intl.DateTimeFormat(t,{day:"2-digit",month:"2-digit",year:"numeric",timeZone:"UTC"}).formatToParts(new Date(Date.UTC(2006,0,2))).map(e=>"day"===e.type?"dd":"month"===e.type?"mm":"year"===e.type?"yyyy":e.value).join("")}var Ls=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};const qs=function(e){void 0===e&&(e="undefined"!=typeof navigator?navigator.userAgent:"");const t=Ns.test(e),r=Vs.test(e)&&!Is.test(e);return t||r?"text":"date"}(),Ws="calendar",Bs="input",Hs="toggle",Ys="wrapper",Us="previous",Xs={en:Qi,nb:ms,sv:ks,da:Zi,fi:us};class Js extends($(Pe)){static#e=this.shadowRootOptions={...Pe.shadowRootOptions,delegatesFocus:!0};static#o=this.styles=[nt,Ds,Ps,Ms,Ts];get selectedDate(){return this.value?js(this.value)??null:null}get month(){return Qa(this.navigationDate)}#t;get weeks(){const e=this.month,t=this.navigationDate,r=function(e,t){const{start:r,end:o}=Za(t?.in,e);let n=+r>+o;const a=La(n?o:r,t),i=La(n?r:o,t);a.setHours(15),i.setHours(15);const s=+i.getTime();let l=a,d=t?.step??1;if(!d)return[];d<0&&(d=-d,n=!n);const c=[];for(;+l<=s;)l.setHours(0),c.push(Ra(r,l)),l=Xa(l,d),l.setHours(15);return n?c.reverse():c}({start:Qa(e),end:Wi(e)},{locale:this.locale}).map(e=>({start:e,end:Ga(e,{locale:this.locale})})).map(e=>function(e,t){const{start:r,end:o}=Za(t?.in,e);let n=+r>+o;const a=n?+r:+o,i=n?o:r;i.setHours(0,0,0,0);const s=[];for(;+i<=a;)s.push(Ra(r,i)),i.setDate(i.getDate()+1),i.setHours(0,0,0,0);return n?s.reverse():s}(e));if(Bi(t,e)){const e=qi(t,{locale:this.locale})-1,o=Ua(t,La(t,{locale:this.locale}));r[e][o]=t}return r}get#R(){return this.lang||Ze()||"en"}get#j(){return"text"===qs&&this.value?function(e,t){if(!Rs.exec(e))return e;const[r,o,n]=e.split("-");return Fs(t).replace("yyyy",r).replace("mm",o).replace("dd",n)}(this.value,this.#R):this.value||""}resetFormControl(){this.value=this.#t}async#N(e){e.preventDefault(),this.isCalendarOpen=!this.isCalendarOpen,this.isCalendarOpen&&(await this.updateComplete,(this.selectedCell||this.todayCell).focus())}#V(){this.navigationDate=Va(this.month,1)}#I(){this.navigationDate=Ui(this.month)}async#F(){await this.updateComplete,this.input.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}_onClickOutside(e){if(!this.isCalendarOpen)return;this.contains(e.target)||(this.isCalendarOpen=!1)}#L(e){this.value=e.target.value}#q(e){e.preventDefault(),this.isCalendarOpen=!0}#W(e){if(" "===e.key)return this.#N(e);","===e.key&&e.preventDefault(),"Enter"===e.key&&this.internals.form&&this.internals.form.requestSubmit()}async#B(e){const t=this.navigationDate;let r=null;switch(e.key){case"ArrowUp":r=Yi(t,7);break;case"ArrowLeft":r=Yi(t,1);break;case"Home":r=La(t,{locale:this.locale});break;case"PageUp":r=Ui(t);break;case"ArrowDown":r=Na(t,7);break;case"ArrowRight":r=Na(t,1);break;case"End":r=Ga(t,{locale:this.locale});break;case"PageDown":r=Va(t,1);break;case"Escape":this.isCalendarOpen=!1;break;case"Tab":"TD"!==e.target.tagName||e.shiftKey?e.target.id===Us&&e.shiftKey&&(e.preventDefault(),(this.selectedCell||this.todayCell).focus()):(e.preventDefault(),this.previousMonthButton.focus())}r&&(e.preventDefault(),this.navigationDate=r,await this.updateComplete,this.selectedCell.focus())}#H(e){const t=e.currentTarget.dataset.date;"key"in e?"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.value=t,this.input.value=this.#j,this.isCalendarOpen=!1,this.toggleButton.focus(),this.#F()):(this.value=t,this.input.value=this.#j,this.isCalendarOpen=!1,this.#F())}constructor(){var e;super(),this.headerFormat="MMMM yyyy",this.weekdayFormat="EEEEEE",this.dayFormat="PPPP",this.isCalendarOpen=!1,this.navigationDate=Ya(Date.now(),e),this.locale=Qi,this.#t=void 0,Qe(Cs,Os,zs,Es,As);const t=Ze();t&&Xs[t]&&(this.locale=Xs[t]),this._onClickOutside=this._onClickOutside.bind(this)}connectedCallback(){super.connectedCallback(),this.#t=this.value;const e=this.lang;if(e&&Xs[e]&&(this.locale=Xs[e]),this.value){const e=js(this.value);e&&(this.navigationDate=e)}document.addEventListener("mousedown",this._onClickOutside),document.addEventListener("touchend",this._onClickOutside),document.addEventListener("focusin",this._onClickOutside)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("mousedown",this._onClickOutside),document.removeEventListener("touchend",this._onClickOutside),document.removeEventListener("focusin",this._onClickOutside)}updated(e){e.has("value")&&this.setValue(this.value)}render(){return be`<div class="w-datepicker-wrapper" id="${Ys}"><label class="w-datepicker-input-label" for="${Bs}">${this.label}</label><div class="w-datepicker-input-wrapper"><input id="${Bs}" type="${qs}" name="${Ue(this.name)}" placeholder="${Ue("text"===qs?Fs(this.#R):void 0)}" .value="${this.#j}" class="w-datepicker-input" @click="${this.#q}" @input="${this.#L}" @keydown="${this.#W}"><w-button aria-label="${this.value?y.t({id:"datepicker.toggle.changeDate",values:{currentDate:Ii(this.value,this.dayFormat)},message:"Change date, {currentDate}",comment:"Used by screen readers to describe the button that toggles open the calendar in a date picker when there is a selected date"}):y.t({id:"datepicker.toggle.chooseDate",message:"Choose date",comment:"Used by screen readers to describe the button that toggles open the calendar in a date picker when there is no selected date"})}" aria-controls="${Ws}" class="w-datepicker-button" data-testid="${Hs}" id="${Hs}" variant="utilityQuiet" type="button" @click="${this.#N}"><w-icon name="Calendar" size="small" locale="${Ze()}" class="flex"></w-icon></w-button></div></div><div class="w-dropdown__popover w-dropdown__popover--open" style="${Ss({display:this.isCalendarOpen?void 0:"none"})}"><div aria-label="${y.t({id:"datepicker.calendar.roleDescription",message:"Date picker",comment:"Used by screen readers to announce that the calendar element is a date picker."})}" aria-modal="true" role="dialog" class="w-datepicker__calendar" data-testid="${Ws}" id="${Ws}" @keydown="${this.#B}"><div class="w-datepicker__month-nav"><w-button aria-label="${y.t({id:"datepicker.calendar.previousMonth",message:"Previous month",comment:"Screen reader label for the previous month button."})}" class="w-datepicker__month__nav__button" id="${Us}" data-testid="${Us}" variant="utility" quiet small @click="${this.#I}"><w-icon name="ChevronLeft" size="small" locale="${Ze()}" class="flex"></w-icon></w-button><div aria-live="polite" class="w-datepicker__month__nav__header">${Ii(this.month,this.headerFormat,{locale:this.locale})}</div><w-button aria-label="${y.t({id:"datepicker.calendar.nextMonth",message:"Next month",comment:"Screen reader label for the next month button."})}" class="w-datepicker__month__nav__button" data-testid="${Ws}-next" variant="utility" quiet small @click="${this.#V}"><w-icon name="ChevronRight" size="small" locale="${Ze()}" class="flex"></w-icon></w-button></div><div class="w-datepicker__month"><table class="w-datepicker__table" role="grid"><thead class="w-datepicker__weekdays"><tr>${this.weeks[0].map(e=>be`<th class="w-datepicker__weekday">${Ii(e,this.weekdayFormat,{locale:this.locale})}</th>`)}</tr></thead><tbody>${this.weeks.map(e=>be`<tr>${e.map(e=>{if(!Bi(this.month,e))return be`<td></td>`;const t=!!this.isDayDisabled&&this.isDayDisabled(e),r=Boolean(this.selectedDate)&&Ja(e,this.selectedDate),o=e===this.navigationDate;return be`<td aria-current="${Ue(Hi(e)?"date":void 0)}" aria-disabled="${t}" aria-label="${Ii(e,this.dayFormat,{locale:this.locale})}" aria-selected="${r}" class="${Ye({"w-datepicker__day":!0,"w-datepicker__day--today":Hi(e),"w-datepicker__day--selected":r,"w-datepicker__day--disabled":t,"w-datepicker__day--navigation":o})}" data-navigation="${o}" data-date="${function(e,t){const r=ja(e,t?.in);if(isNaN(+r))throw new RangeError("Invalid time value");let o="";const n="extended"===(t?.format??"extended")?"-":"";{const e=mi(r.getDate(),2),t=mi(r.getMonth()+1,2);o=`${mi(r.getFullYear(),4)}${n}${t}${n}${e}`}return o}(e,{})}" role="gridcell" tabindex="${o?0:-1}" @click="${t?void 0:this.#H}" @keydown="${t?void 0:this.#H}"><div>${Li(e)}</div></td>`})}</tr>`)}</tbody></table></div></div></div>`}}Ls([je({reflect:!0})],Js.prototype,"label",void 0),Ls([je({reflect:!0})],Js.prototype,"lang",void 0),Ls([je({reflect:!0})],Js.prototype,"name",void 0),Ls([je({reflect:!0})],Js.prototype,"value",void 0),Ls([je({attribute:"header-format"})],Js.prototype,"headerFormat",void 0),Ls([je({attribute:"weekday-format"})],Js.prototype,"weekdayFormat",void 0),Ls([je({attribute:!1})],Js.prototype,"isDayDisabled",void 0),Ls([je({attribute:"day-format"})],Js.prototype,"dayFormat",void 0),Ls([Ne()],Js.prototype,"isCalendarOpen",void 0),Ls([Ne()],Js.prototype,"navigationDate",void 0),Ls([Ne()],Js.prototype,"locale",void 0),Ls([Ne()],Js.prototype,"selectedDate",null),Ls([Ne()],Js.prototype,"month",null),Ls([Ne()],Js.prototype,"weeks",null),Ls([Ie(`#${Ws}`)],Js.prototype,"calendar",void 0),Ls([Ie(`#${Bs}`,!0)],Js.prototype,"input",void 0),Ls([Ie(`#${Hs}`,!0)],Js.prototype,"toggleButton",void 0),Ls([Ie(`#${Ys}`,!0)],Js.prototype,"wrapper",void 0),Ls([Ie(`#${Us}`)],Js.prototype,"previousMonthButton",void 0),Ls([Ie('[aria-current="date"]')],Js.prototype,"todayCell",void 0),Ls([Ie('[data-navigation="true"]')],Js.prototype,"selectedCell",void 0),customElements.get("w-datepicker")||customElements.define("w-datepicker",Js);const Ks="undefined"!=typeof window;let Zs=!0;if(Ks){const e=window.matchMedia("(prefers-reduced-motion: reduce)"),t=e=>{let{matches:t}=e;return Zs=!t};e.addEventListener&&e.addEventListener("change",t),t(e)}const Qs=e=>{e.style.transition=null,e.style.backfaceVisibility=null,e.style.overflow=null},Gs=e=>{e.style.transition="height var(--w-expansion-duration, var(--f-expansion-duration, 0.3s))",e.style.backfaceVisibility="hidden",e.style.overflow="hidden"},el=(e,t)=>{const r=(()=>{if(!t)return new Promise(e=>{t=e})})();if(!Zs)return e.style.height="auto",t&&t(),r;const o=((e,t)=>()=>{e.style.height="auto",e.style.overflow=null,t&&t()})(e,t);Qs(e),e.style.height="auto";const n=e.scrollHeight;return Ks&&requestAnimationFrame(()=>{e.addEventListener("transitionend",o,{once:!0}),e.style.height="0px",e.style.transitionTimingFunction="ease-out",Gs(e),requestAnimationFrame(()=>e.style.height=n+"px")}),r||void 0},tl=(e,t)=>{const r=(()=>{if(!t)return new Promise(e=>{t=e})})();if(!Zs)return e.style.height="0px",t&&t(),r;const o=(e=>()=>{e&&e()})(t);Qs(e);const n=e.scrollHeight;return Ks&&requestAnimationFrame(()=>{e.addEventListener("transitionend",o,{once:!0}),e.style.height=n+"px",e.style.transitionTimingFunction="ease-in",Gs(e),requestAnimationFrame(()=>e.style.height="0px")}),r||void 0};class rl extends Pe{static#e=this.properties={show:{type:Boolean,reflect:!0},_removeElement:{type:Boolean,state:!0}};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(){this._wrapper&&(this._mounted?(this.show&&el(this._wrapper),this.show||this._removeElement||tl(this._wrapper,()=>this._removeElement=!0)):this._mounted=!0)}get _wrapper(){return this??null}static#o=this.styles=[D`:host{display:block}`];render(){return be`<div aria-hidden="${Ue(this.show?void 0:"true")}">${this._removeElement?be``:be`<slot></slot>`}</div>`}}customElements.get("w-expand-transition")||customElements.define("w-expand-transition",rl)
|
|
73
|
+
*/;const aa=(e,t,r)=>{const o=new Map;for(let n=t;n<=r;n++)o.set(e[n],n);return o},ia=Be(class extends He{constructor(e){if(super(e),e.type!==Le)throw Error("repeat() can only be used in text expressions")}dt(e,t,r){let o;void 0===r?r=t:void 0!==t&&(o=t);const n=[],a=[];let i=0;for(const t of e)n[i]=o?o(t,i):i,a[i]=r(t,i),i++;return{values:a,keys:n}}render(e,t,r){return this.dt(e,t,r).values}update(e,t){let[r,o,n]=t;const a=(e=>e._$AH)(e),{values:i,keys:s}=this.dt(r,o,n);if(!Array.isArray(a))return this.ut=s,i;const l=this.ut??=[],d=[];let c,h,u=0,p=a.length-1,b=0,g=i.length-1;for(;u<=p&&b<=g;)if(null===a[u])u++;else if(null===a[p])p--;else if(l[u]===s[b])d[b]=qn(a[u],i[b]),u++,b++;else if(l[p]===s[g])d[g]=qn(a[p],i[g]),p--,g--;else if(l[u]===s[g])d[g]=qn(a[u],i[g]),Ln(e,d[g+1],a[u]),u++,g--;else if(l[p]===s[b])d[b]=qn(a[p],i[b]),Ln(e,a[u],a[p]),p--,b++;else if(void 0===c&&(c=aa(s,b,g),h=aa(l,u,p)),c.has(l[u]))if(c.has(l[p])){const t=h.get(s[b]),r=void 0!==t?a[t]:null;if(null===r){const t=Ln(e,a[u]);qn(t,i[b]),d[b]=t}else d[b]=qn(r,i[b]),Ln(e,a[u],r),a[t]=null;b++}else Hn(a[p]),p--;else Hn(a[u]),u++;for(;b<=g;){const t=Ln(e,d[g+1]);qn(t,i[b]),d[b++]=t}for(;u<=p;){const e=a[u++];null!==e&&Hn(e)}return this.ut=s,Bn(e,d),ge}}),sa=JSON.parse('{"combobox.aria.noResults":["Ingen resultater"],"combobox.aria.noSuggestions":["Ingen forslag"],"combobox.aria.pluralResults":[["numResults","plural",{"one":["#"," resultat"],"other":["#"," resultater"]}]],"combobox.aria.pluralSuggestions":[["numSuggestions","plural",{"one":["#"," forslag"],"other":["#"," forslag"]}]]}'),la=JSON.parse('{"combobox.aria.noResults":["No results"],"combobox.aria.noSuggestions":["No suggestions"],"combobox.aria.pluralResults":[["numResults","plural",{"one":["#"," result"],"other":["#"," results"]}]],"combobox.aria.pluralSuggestions":[["numSuggestions","plural",{"one":["#"," suggestion"],"other":["#"," suggestions"]}]]}'),da=JSON.parse('{"combobox.aria.noResults":["Ei tuloksia"],"combobox.aria.noSuggestions":["Ei ehdotuksia"],"combobox.aria.pluralResults":[["numResults","plural",{"one":["#"," tulos"],"other":["#"," tulosta"]}]],"combobox.aria.pluralSuggestions":[["numSuggestions","plural",{"one":["#"," ehdotus"],"other":["#"," ehdotusta"]}]]}'),ca=JSON.parse('{"combobox.aria.noResults":["Ingen resultater"],"combobox.aria.noSuggestions":["Ingen forslag"],"combobox.aria.pluralResults":[["numResults","plural",{"one":["#"," resultat"],"other":["#"," resultater"]}]],"combobox.aria.pluralSuggestions":[["numSuggestions","plural",{"one":["#"," forslag"],"other":["#"," forslag"]}]]}'),ha=JSON.parse('{"combobox.aria.noResults":["Inga resultat"],"combobox.aria.noSuggestions":["Inga förslag"],"combobox.aria.pluralResults":[["numResults","plural",{"one":["#"," resultat"],"other":["#"," resultat"]}]],"combobox.aria.pluralSuggestions":[["numSuggestions","plural",{"one":["#"," förslag"],"other":["#"," förslag"]}]]}'),ua=A("*,: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}.rounded-8{border-radius:8px}.block{display:block}.overflow-hidden{overflow:hidden}.list-none{list-style-type:none}.left-0{left:0}.right-0{right:0}.absolute{position:absolute}.relative{position:relative}.static{position:static}.z-0{z-index:0}.z-20{z-index:20}.s-bg{background-color:var(--w-s-color-background)}.s-bg-selected{background-color:var(--w-s-color-background-selected)}.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)}.shadow-m{box-shadow:var(--w-shadow-m)}.m-0{margin:0}.p-0{padding:0}.p-8{padding:.8rem}.pb-4{padding-bottom:.4rem}.visible{visibility:visible}.cursor-pointer{cursor:pointer}.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}.select-none{-webkit-user-select:none;user-select:none}");var pa=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};const ba="relative z-0",ga="absolute z-20 left-0 right-0 s-bg pb-4 rounded-8 overflow-hidden shadow-m",ma="m-0 p-0 select-none list-none",va="block cursor-pointer p-8",fa="hover:s-bg-hover",wa="s-bg-selected hover:s-bg-selected-hover",ya="font-bold",xa="sr-only";class ka extends($(Pe)){static#e=this.styles=[nt,ua];constructor(){super(),this.options=[],this.label="",this.placeholder="",this.value="",this.openOnFocus=!1,this.selectOnBlur=!0,this.matchTextSegments=!1,this.disableStaticFiltering=!1,this.invalid=!1,this.helpText="",this.disabled=!1,this.required=!1,this.optional=!1,this.name="",this.autocomplete="off",this._isOpen=!1,this._navigationOption=null,this._currentOptions=[],this._lightDomOptions=[],this._optionIdCounter=0,this._displayValue="",this.#t="",Qe(la,ca,da,sa,ha)}#t;#P;firstUpdated(){this.#t=this.value}updated(e){e.has("value")&&this.setValue(this.value)}resetFormControl(){this.value=this.#t}connectedCallback(){super.connectedCallback(),this.#M(),this.#P=new MutationObserver(()=>{this.#M()}),this.#P.observe(this,{childList:!0,subtree:!0,characterData:!0,attributes:!0,attributeFilter:["label","value"]})}disconnectedCallback(){super.disconnectedCallback(),this.#P?.disconnect()}get _listboxId(){return`${this._id}-listbox`}get _id(){return"combobox"}get _helpId(){return this.helpText?`${this._id}__hint`:void 0}get _sourceOptions(){return Array.isArray(this.options)&&this.options.length?this.options:this._lightDomOptions}get _navigationLabelOrDisplayValue(){return this._navigationOption?this._navigationOption.label||this._navigationOption.value:this._displayValue}get _navigationValueOrInputValue(){return this._navigationOption?.value||this.value}_createOptionsWithIdAndMatch(e,t){return e.map((e,r)=>({...e,id:`${this._id}-option-${this._optionIdCounter+r}`,key:e.key||e.value,currentInputValue:t}))}#T(){return[...this.children].filter(e=>"option"===e.tagName.toLowerCase())}#M(){this._lightDomOptions=this.#T().map(e=>{const t=e.getAttribute("value")??"";return{value:t,label:e.hasAttribute("label")?e.getAttribute("label")??"":e.textContent??"",key:t}})}_getAriaText(e,t,r){if(!e||!r)return"";const o=e.filter(e=>(e.label||e.value).toLowerCase().includes(t.toLowerCase())),n=y._({id:"combobox.aria.pluralSuggestions",message:"{numSuggestions, plural, one {# suggestion} other {# suggestions}}",comment:"Aria text for combobox when there are one or more suggestions",values:{numSuggestions:o.length}}),a=y._({id:"combobox.aria.noSuggestions",message:"No suggestions",comment:"Aria text for combobox when no suggestions"});return o.length?n:a}_getOptionClasses(t){return e(va,this._navigationOption?.id===t?.id?wa:fa)}_handleKeyDown(e){const t=["ArrowDown","ArrowUp","PageUp","PageDown","Home","End"].includes(e.key),r=["ArrowDown","ArrowLeft","ArrowUp","ArrowRight"];if(!t||this._isOpen){if(t&&this._isOpen)this._findAndSetActiveOption(e);else if(!(e.altKey||e.ctrlKey||e.metaKey||e.shiftKey))switch(e.key){case"Enter":this._navigationOption&&(e.preventDefault(),this._handleSelect(this._navigationOption),requestAnimationFrame(()=>{const e=this.shadowRoot?.querySelector("w-textfield"),t=e?.shadowRoot?.querySelector("input");t&&(t.value=this._displayValue)})),this._isOpen=!1;break;case"Tab":case"Delete":this._isOpen=!1;break;case"Escape":this._isOpen?this._isOpen=!1:this._handleChange(""),this._navigationOption=null;break;case"Backspace":this._handleChange(this._navigationLabelOrDisplayValue),this._navigationOption=null,this._isOpen=!0;break;default:if(r.includes(e.key))break;this._isOpen=!0,this._navigationOption?(this._handleChange(this._navigationOption.value),this._navigationOption=null):this._handleChange(this.value)}}else this._isOpen=!0}_findAndSetActiveOption(e){e.preventDefault();const t=this._currentOptions.findIndex(e=>e.id===this._navigationOption?.id),r=t+1,o=t-1;switch(e.key){case"ArrowDown":this._navigationOption=r>this._currentOptions.length-1?null:this._currentOptions[r];break;case"ArrowUp":this._navigationOption=-2===o?this._currentOptions.at(-1)??null:o<0?null:this._currentOptions[o];break;case"PageUp":this._navigationOption=t-10<0?this._currentOptions[0]:this._currentOptions[t-10];break;case"PageDown":this._navigationOption=t+10>this._currentOptions.length-1?this._currentOptions.at(-1)??null:this._currentOptions[t+10]??null;break;case"Home":this._navigationOption=this._currentOptions[0];break;case"End":this._navigationOption=this._currentOptions.at(-1)??null}}_handleSelect(e){this.value=e.value,this._displayValue=e.label||e.value,this.setValue(this.value);const t=new CustomEvent("select",{detail:{value:e.value},bubbles:!0,composed:!0});this.dispatchEvent(t),this._isOpen=!1,this._navigationOption=null,this.disableStaticFiltering&&(this._currentOptions=[])}_handleChange(e){if(void 0===e)return;this.value=e,this._displayValue=e;const t=new CustomEvent("change",{detail:{value:e},bubbles:!0,composed:!0});this.dispatchEvent(t)}_handleFocus(){if(!this.openOnFocus)return;const e=new CustomEvent("focus",{bubbles:!0,composed:!0});this.dispatchEvent(e),this._isOpen=!0}_handleBlur(e){const t=e.relatedTarget;if(t&&this.shadowRoot?.contains(t))return;if(this._isOpen=!1,this.selectOnBlur&&(this._navigationOption||!this._navigationOption&&-1!==this._currentOptions.findIndex(e=>e.value===this.value))){const e=this._navigationOption?.value||this.value;this.value=e;const t=new CustomEvent("select",{detail:{value:e},bubbles:!0,composed:!0});this.dispatchEvent(t)}this._navigationOption=null;const r=new CustomEvent("blur",{detail:{value:this._navigationValueOrInputValue},bubbles:!0,composed:!0});this.dispatchEvent(r)}_handleOptionClick(e,t){this._handleSelect(t),requestAnimationFrame(()=>{const e=this.shadowRoot?.querySelector("w-textfield"),r=e?.shadowRoot?.querySelector("input");r&&(r.value=t.label||t.value)})}_handleContainerBlur(e){(!e.currentTarget||!e.currentTarget.contains(e.relatedTarget))&&(this._isOpen=!1)}_renderTextMatch(e,t){if(!this.matchTextSegments)return e;const r=e.toLowerCase().indexOf(t.currentInputValue.toLowerCase());if(-1!==r){const o=r+t.currentInputValue.length;return be`${e.substring(0,r)}<span class="${ya}">${e.substring(r,o)}</span>${e.substring(o)}`}return e}willUpdate(e){const t=this._sourceOptions,r=e.has("_lightDomOptions");if(e.has("value")||e.has("options")||r){const e=t.find(e=>e.value===this.value),r=e?e.label||e.value:this.value;this._displayValue!==r&&this._displayValue!==this.value&&(this._displayValue=r),!this._displayValue&&this.value&&(this._displayValue=r)}(e.has("options")||r||e.has("value")||e.has("disableStaticFiltering")||e.has("_displayValue"))&&(this._optionIdCounter+=t.length,this._currentOptions=this._createOptionsWithIdAndMatch(t,this._displayValue).filter(e=>!!this.disableStaticFiltering||(e.label||e.value).toLowerCase().includes(this._displayValue.toLowerCase()))),this.disableStaticFiltering&&this._currentOptions.length&&1===this._currentOptions.length&&!this._currentOptions.some(e=>e.value===this.value)&&!this._isOpen&&(this._isOpen=!0)}render(){return be`<div class="${e(ba)}" @blur="${this._handleContainerBlur}"><w-textfield class="w-combobox-textfield" .value="${this._navigationLabelOrDisplayValue}" .label="${this.label}" .placeholder="${this.placeholder}" .invalid="${this.invalid}" .helpText="${this.helpText}" .disabled="${this.disabled}" .required="${this.required}" .optional="${this.optional}" .name="${this.name}" .autocomplete="${this.autocomplete||"off"}" role="combobox" aria-autocomplete="list" aria-expanded="${this._isOpen&&0!==this._currentOptions.length}" aria-activedescendant="${Ue(this._isOpen?this._navigationOption?.id:void 0)}" aria-controls="${this._listboxId}" @input="${e=>this._handleChange(e.target.value)}" @focus="${this._handleFocus}" @blur="${this._handleBlur}" @keydown="${this._handleKeyDown}"></w-textfield><span class="${xa}" role="status">${this._getAriaText(this._currentOptions,this._displayValue,this._isOpen)}</span><div ?hidden="${!this._isOpen||!this._currentOptions.length}" class="${e(ga)}"><ul id="${this._listboxId}" role="listbox" class="${ma}">${ia(this._currentOptions,e=>e.key,e=>{const t=e.label||e.value;return be`<li id="${e.id}" role="option" aria-selected="${this._navigationOption?.id===e.id}" tabindex="-1" class="${this._getOptionClasses(e)}" @mousedown="${t=>this._handleOptionClick(t,e)}">${this._renderTextMatch(t,e)}</li>`})}</ul></div></div>`}}pa([je({type:Array})],ka.prototype,"options",void 0),pa([je({type:String,reflect:!0,useDefault:!0})],ka.prototype,"label",void 0),pa([je({type:String,reflect:!0,useDefault:!0})],ka.prototype,"placeholder",void 0),pa([je({type:String,reflect:!0,useDefault:!0})],ka.prototype,"value",void 0),pa([je({type:Boolean,attribute:"open-on-focus",reflect:!0})],ka.prototype,"openOnFocus",void 0),pa([je({type:Boolean,attribute:"select-on-blur",reflect:!0,useDefault:!0})],ka.prototype,"selectOnBlur",void 0),pa([je({type:Boolean,attribute:"match-text-segments",reflect:!0})],ka.prototype,"matchTextSegments",void 0),pa([je({type:Boolean,attribute:"disable-static-filtering",reflect:!0})],ka.prototype,"disableStaticFiltering",void 0),pa([je({type:Boolean,reflect:!0})],ka.prototype,"invalid",void 0),pa([je({type:String,attribute:"help-text",reflect:!0,useDefault:!0})],ka.prototype,"helpText",void 0),pa([je({type:Boolean,reflect:!0})],ka.prototype,"disabled",void 0),pa([je({type:Boolean,reflect:!0})],ka.prototype,"required",void 0),pa([je({type:Boolean,reflect:!0})],ka.prototype,"optional",void 0),pa([je({type:String,reflect:!0,useDefault:!0})],ka.prototype,"name",void 0),pa([je({type:String,reflect:!0,useDefault:!0})],ka.prototype,"autocomplete",void 0),pa([Ne()],ka.prototype,"_isOpen",void 0),pa([Ne()],ka.prototype,"_navigationOption",void 0),pa([Ne()],ka.prototype,"_currentOptions",void 0),pa([Ne()],ka.prototype,"_lightDomOptions",void 0),pa([Ne()],ka.prototype,"_optionIdCounter",void 0),pa([Ne()],ka.prototype,"_displayValue",void 0),customElements.get("w-combobox")||customElements.define("w-combobox",ka);const _a=6048e5,$a=Symbol.for("constructDateFrom");function Sa(e,t){return"function"==typeof e?e(t):e&&"object"==typeof e&&$a in e?e[$a](t):e instanceof Date?new e.constructor(t):new Date(t)}function Ea(e,t){return Sa(t||e,e)}function Ca(e,t,r){const o=Ea(e,r?.in);return isNaN(t)?Sa(e,NaN):t?(o.setDate(o.getDate()+t),o):o}function za(e,t,r){const o=Ea(e,r?.in);if(isNaN(t))return Sa(e,NaN);if(!t)return o;const n=o.getDate(),a=Sa(e,o.getTime());a.setMonth(o.getMonth()+t+1,0);return n>=a.getDate()?a:(o.setFullYear(a.getFullYear(),a.getMonth(),n),o)}let Oa={};function Aa(){return Oa}function Da(e,t){const r=Aa(),o=t?.weekStartsOn??t?.locale?.options?.weekStartsOn??r.weekStartsOn??r.locale?.options?.weekStartsOn??0,n=Ea(e,t?.in),a=n.getDay(),i=(a<o?7:0)+a-o;return n.setDate(n.getDate()-i),n.setHours(0,0,0,0),n}function Pa(e,t){return Da(e,{...t,weekStartsOn:1})}function Ma(e,t){const r=Ea(e,t?.in),o=r.getFullYear(),n=Sa(r,0);n.setFullYear(o+1,0,4),n.setHours(0,0,0,0);const a=Pa(n),i=Sa(r,0);i.setFullYear(o,0,4),i.setHours(0,0,0,0);const s=Pa(i);return r.getTime()>=a.getTime()?o+1:r.getTime()>=s.getTime()?o:o-1}function Ta(e){const t=Ea(e),r=new Date(Date.UTC(t.getFullYear(),t.getMonth(),t.getDate(),t.getHours(),t.getMinutes(),t.getSeconds(),t.getMilliseconds()));return r.setUTCFullYear(t.getFullYear()),+e-+r}function Ra(e){for(var t=arguments.length,r=new Array(t>1?t-1:0),o=1;o<t;o++)r[o-1]=arguments[o];const n=Sa.bind(null,e||r.find(e=>"object"==typeof e));return r.map(n)}function ja(e,t){const r=Ea(e,t?.in);return r.setHours(0,0,0,0),r}function Na(e,t,r){const[o,n]=Ra(r?.in,e,t),a=ja(o),i=ja(n),s=+a-Ta(a),l=+i-Ta(i);return Math.round((s-l)/864e5)}function Va(e,t,r){return Ca(e,7*t,r)}function Ia(e,t,r){const[o,n]=Ra(r?.in,e,t);return+ja(o)===+ja(n)}function Fa(e){return!(!((t=e)instanceof Date||"object"==typeof t&&"[object Date]"===Object.prototype.toString.call(t))&&"number"!=typeof e||isNaN(+Ea(e)));var t}function La(e,t){const[r,o]=Ra(e,t.start,t.end);return{start:r,end:o}}function qa(e,t){const r=Ea(e,t?.in);return r.setDate(1),r.setHours(0,0,0,0),r}function Wa(e,t){const r=Aa(),o=t?.weekStartsOn??t?.locale?.options?.weekStartsOn??r.weekStartsOn??r.locale?.options?.weekStartsOn??0,n=Ea(e,t?.in),a=n.getDay(),i=6+(a<o?-7:0)-(a-o);return n.setDate(n.getDate()+i),n.setHours(23,59,59,999),n}const Ba={lessThanXSeconds:{one:"less than a second",other:"less than {{count}} seconds"},xSeconds:{one:"1 second",other:"{{count}} seconds"},halfAMinute:"half a minute",lessThanXMinutes:{one:"less than a minute",other:"less than {{count}} minutes"},xMinutes:{one:"1 minute",other:"{{count}} minutes"},aboutXHours:{one:"about 1 hour",other:"about {{count}} hours"},xHours:{one:"1 hour",other:"{{count}} hours"},xDays:{one:"1 day",other:"{{count}} days"},aboutXWeeks:{one:"about 1 week",other:"about {{count}} weeks"},xWeeks:{one:"1 week",other:"{{count}} weeks"},aboutXMonths:{one:"about 1 month",other:"about {{count}} months"},xMonths:{one:"1 month",other:"{{count}} months"},aboutXYears:{one:"about 1 year",other:"about {{count}} years"},xYears:{one:"1 year",other:"{{count}} years"},overXYears:{one:"over 1 year",other:"over {{count}} years"},almostXYears:{one:"almost 1 year",other:"almost {{count}} years"}},Ha=(e,t,r)=>{let o;const n=Ba[e];return o="string"==typeof n?n:1===t?n.one:n.other.replace("{{count}}",t.toString()),r?.addSuffix?r.comparison&&r.comparison>0?"in "+o:o+" ago":o};function Ya(e){return t=>{void 0===t&&(t={});const r=t.width?String(t.width):e.defaultWidth;return e.formats[r]||e.formats[e.defaultWidth]}}const Ua={date:Ya({formats:{full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},defaultWidth:"full"}),time:Ya({formats:{full:"h:mm:ss a zzzz",long:"h:mm:ss a z",medium:"h:mm:ss a",short:"h:mm a"},defaultWidth:"full"}),dateTime:Ya({formats:{full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},defaultWidth:"full"})},Xa={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"},Ja=(e,t,r,o)=>Xa[e];function Ka(e){return(t,r)=>{let o;if("formatting"===(r?.context?String(r.context):"standalone")&&e.formattingValues){const t=e.defaultFormattingWidth||e.defaultWidth,n=r?.width?String(r.width):t;o=e.formattingValues[n]||e.formattingValues[t]}else{const t=e.defaultWidth,n=r?.width?String(r.width):e.defaultWidth;o=e.values[n]||e.values[t]}return o[e.argumentCallback?e.argumentCallback(t):t]}}const Za={ordinalNumber:(e,t)=>{const r=Number(e),o=r%100;if(o>20||o<10)switch(o%10){case 1:return r+"st";case 2:return r+"nd";case 3:return r+"rd"}return r+"th"},era:Ka({values:{narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},defaultWidth:"wide"}),quarter:Ka({values:{narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1st quarter","2nd quarter","3rd quarter","4th quarter"]},defaultWidth:"wide",argumentCallback:e=>e-1}),month:Ka({values:{narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],wide:["January","February","March","April","May","June","July","August","September","October","November","December"]},defaultWidth:"wide"}),day:Ka({values:{narrow:["S","M","T","W","T","F","S"],short:["Su","Mo","Tu","We","Th","Fr","Sa"],abbreviated:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],wide:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},defaultWidth:"wide"}),dayPeriod:Ka({values:{narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"}},defaultWidth:"wide",formattingValues:{narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"}},defaultFormattingWidth:"wide"})};function Qa(e){return(t,r)=>{void 0===r&&(r={});const o=r.width,n=o&&e.matchPatterns[o]||e.matchPatterns[e.defaultMatchWidth],a=t.match(n);if(!a)return null;const i=a[0],s=o&&e.parsePatterns[o]||e.parsePatterns[e.defaultParseWidth],l=Array.isArray(s)?function(e,t){for(let r=0;r<e.length;r++)if(t(e[r]))return r;return}(s,e=>e.test(i)):function(e,t){for(const r in e)if(Object.prototype.hasOwnProperty.call(e,r)&&t(e[r]))return r;return}(s,e=>e.test(i));let d;d=e.valueCallback?e.valueCallback(l):l,d=r.valueCallback?r.valueCallback(d):d;return{value:d,rest:t.slice(i.length)}}}function Ga(e){return(t,r)=>{void 0===r&&(r={});const o=t.match(e.matchPattern);if(!o)return null;const n=o[0],a=t.match(e.parsePattern);if(!a)return null;let i=e.valueCallback?e.valueCallback(a[0]):a[0];i=r.valueCallback?r.valueCallback(i):i;return{value:i,rest:t.slice(n.length)}}}const ei={ordinalNumber:Ga({matchPattern:/^(\d+)(th|st|nd|rd)?/i,parsePattern:/\d+/i,valueCallback:e=>parseInt(e,10)}),era:Qa({matchPatterns:{narrow:/^(b|a)/i,abbreviated:/^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,wide:/^(before christ|before common era|anno domini|common era)/i},defaultMatchWidth:"wide",parsePatterns:{any:[/^b/i,/^(a|c)/i]},defaultParseWidth:"any"}),quarter:Qa({matchPatterns:{narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th|st|nd|rd)? quarter/i},defaultMatchWidth:"wide",parsePatterns:{any:[/1/i,/2/i,/3/i,/4/i]},defaultParseWidth:"any",valueCallback:e=>e+1}),month:Qa({matchPatterns:{narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,wide:/^(january|february|march|april|may|june|july|august|september|october|november|december)/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^may/i,/^jun/i,/^jul/i,/^au/i,/^s/i,/^o/i,/^n/i,/^d/i]},defaultParseWidth:"any"}),day:Qa({matchPatterns:{narrow:/^[smtwf]/i,short:/^(su|mo|tu|we|th|fr|sa)/i,abbreviated:/^(sun|mon|tue|wed|thu|fri|sat)/i,wide:/^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^s/i,/^m/i,/^t/i,/^w/i,/^t/i,/^f/i,/^s/i],any:[/^su/i,/^m/i,/^tu/i,/^w/i,/^th/i,/^f/i,/^sa/i]},defaultParseWidth:"any"}),dayPeriod:Qa({matchPatterns:{narrow:/^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,any:/^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i},defaultMatchWidth:"any",parsePatterns:{any:{am:/^a/i,pm:/^p/i,midnight:/^mi/i,noon:/^no/i,morning:/morning/i,afternoon:/afternoon/i,evening:/evening/i,night:/night/i}},defaultParseWidth:"any"})},ti={code:"en-US",formatDistance:Ha,formatLong:Ua,formatRelative:Ja,localize:Za,match:ei,options:{weekStartsOn:0,firstWeekContainsDate:1}};function ri(e,t){const r=Ea(e,t?.in),o=Na(r,function(e,t){const r=Ea(e,t?.in);return r.setFullYear(r.getFullYear(),0,1),r.setHours(0,0,0,0),r}(r));return o+1}function oi(e,t){const r=Ea(e,t?.in),o=+Pa(r)-+function(e,t){const r=Ma(e,t),o=Sa(e,0);return o.setFullYear(r,0,4),o.setHours(0,0,0,0),Pa(o)}(r);return Math.round(o/_a)+1}function ni(e,t){const r=Ea(e,t?.in),o=r.getFullYear(),n=Aa(),a=t?.firstWeekContainsDate??t?.locale?.options?.firstWeekContainsDate??n.firstWeekContainsDate??n.locale?.options?.firstWeekContainsDate??1,i=Sa(t?.in||e,0);i.setFullYear(o+1,0,a),i.setHours(0,0,0,0);const s=Da(i,t),l=Sa(t?.in||e,0);l.setFullYear(o,0,a),l.setHours(0,0,0,0);const d=Da(l,t);return+r>=+s?o+1:+r>=+d?o:o-1}function ai(e,t){const r=Ea(e,t?.in),o=+Da(r,t)-+function(e,t){const r=Aa(),o=t?.firstWeekContainsDate??t?.locale?.options?.firstWeekContainsDate??r.firstWeekContainsDate??r.locale?.options?.firstWeekContainsDate??1,n=ni(e,t),a=Sa(t?.in||e,0);return a.setFullYear(n,0,o),a.setHours(0,0,0,0),Da(a,t)}(r,t);return Math.round(o/_a)+1}function ii(e,t){return(e<0?"-":"")+Math.abs(e).toString().padStart(t,"0")}const si={y(e,t){const r=e.getFullYear(),o=r>0?r:1-r;return ii("yy"===t?o%100:o,t.length)},M(e,t){const r=e.getMonth();return"M"===t?String(r+1):ii(r+1,2)},d:(e,t)=>ii(e.getDate(),t.length),a(e,t){const r=e.getHours()/12>=1?"pm":"am";switch(t){case"a":case"aa":return r.toUpperCase();case"aaa":return r;case"aaaaa":return r[0];default:return"am"===r?"a.m.":"p.m."}},h:(e,t)=>ii(e.getHours()%12||12,t.length),H:(e,t)=>ii(e.getHours(),t.length),m:(e,t)=>ii(e.getMinutes(),t.length),s:(e,t)=>ii(e.getSeconds(),t.length),S(e,t){const r=t.length,o=e.getMilliseconds();return ii(Math.trunc(o*Math.pow(10,r-3)),t.length)}},li="midnight",di="noon",ci="morning",hi="afternoon",ui="evening",pi="night",bi={G:function(e,t,r){const o=e.getFullYear()>0?1:0;switch(t){case"G":case"GG":case"GGG":return r.era(o,{width:"abbreviated"});case"GGGGG":return r.era(o,{width:"narrow"});default:return r.era(o,{width:"wide"})}},y:function(e,t,r){if("yo"===t){const t=e.getFullYear(),o=t>0?t:1-t;return r.ordinalNumber(o,{unit:"year"})}return si.y(e,t)},Y:function(e,t,r,o){const n=ni(e,o),a=n>0?n:1-n;if("YY"===t){return ii(a%100,2)}return"Yo"===t?r.ordinalNumber(a,{unit:"year"}):ii(a,t.length)},R:function(e,t){return ii(Ma(e),t.length)},u:function(e,t){return ii(e.getFullYear(),t.length)},Q:function(e,t,r){const o=Math.ceil((e.getMonth()+1)/3);switch(t){case"Q":return String(o);case"QQ":return ii(o,2);case"Qo":return r.ordinalNumber(o,{unit:"quarter"});case"QQQ":return r.quarter(o,{width:"abbreviated",context:"formatting"});case"QQQQQ":return r.quarter(o,{width:"narrow",context:"formatting"});default:return r.quarter(o,{width:"wide",context:"formatting"})}},q:function(e,t,r){const o=Math.ceil((e.getMonth()+1)/3);switch(t){case"q":return String(o);case"qq":return ii(o,2);case"qo":return r.ordinalNumber(o,{unit:"quarter"});case"qqq":return r.quarter(o,{width:"abbreviated",context:"standalone"});case"qqqqq":return r.quarter(o,{width:"narrow",context:"standalone"});default:return r.quarter(o,{width:"wide",context:"standalone"})}},M:function(e,t,r){const o=e.getMonth();switch(t){case"M":case"MM":return si.M(e,t);case"Mo":return r.ordinalNumber(o+1,{unit:"month"});case"MMM":return r.month(o,{width:"abbreviated",context:"formatting"});case"MMMMM":return r.month(o,{width:"narrow",context:"formatting"});default:return r.month(o,{width:"wide",context:"formatting"})}},L:function(e,t,r){const o=e.getMonth();switch(t){case"L":return String(o+1);case"LL":return ii(o+1,2);case"Lo":return r.ordinalNumber(o+1,{unit:"month"});case"LLL":return r.month(o,{width:"abbreviated",context:"standalone"});case"LLLLL":return r.month(o,{width:"narrow",context:"standalone"});default:return r.month(o,{width:"wide",context:"standalone"})}},w:function(e,t,r,o){const n=ai(e,o);return"wo"===t?r.ordinalNumber(n,{unit:"week"}):ii(n,t.length)},I:function(e,t,r){const o=oi(e);return"Io"===t?r.ordinalNumber(o,{unit:"week"}):ii(o,t.length)},d:function(e,t,r){return"do"===t?r.ordinalNumber(e.getDate(),{unit:"date"}):si.d(e,t)},D:function(e,t,r){const o=ri(e);return"Do"===t?r.ordinalNumber(o,{unit:"dayOfYear"}):ii(o,t.length)},E:function(e,t,r){const o=e.getDay();switch(t){case"E":case"EE":case"EEE":return r.day(o,{width:"abbreviated",context:"formatting"});case"EEEEE":return r.day(o,{width:"narrow",context:"formatting"});case"EEEEEE":return r.day(o,{width:"short",context:"formatting"});default:return r.day(o,{width:"wide",context:"formatting"})}},e:function(e,t,r,o){const n=e.getDay(),a=(n-o.weekStartsOn+8)%7||7;switch(t){case"e":return String(a);case"ee":return ii(a,2);case"eo":return r.ordinalNumber(a,{unit:"day"});case"eee":return r.day(n,{width:"abbreviated",context:"formatting"});case"eeeee":return r.day(n,{width:"narrow",context:"formatting"});case"eeeeee":return r.day(n,{width:"short",context:"formatting"});default:return r.day(n,{width:"wide",context:"formatting"})}},c:function(e,t,r,o){const n=e.getDay(),a=(n-o.weekStartsOn+8)%7||7;switch(t){case"c":return String(a);case"cc":return ii(a,t.length);case"co":return r.ordinalNumber(a,{unit:"day"});case"ccc":return r.day(n,{width:"abbreviated",context:"standalone"});case"ccccc":return r.day(n,{width:"narrow",context:"standalone"});case"cccccc":return r.day(n,{width:"short",context:"standalone"});default:return r.day(n,{width:"wide",context:"standalone"})}},i:function(e,t,r){const o=e.getDay(),n=0===o?7:o;switch(t){case"i":return String(n);case"ii":return ii(n,t.length);case"io":return r.ordinalNumber(n,{unit:"day"});case"iii":return r.day(o,{width:"abbreviated",context:"formatting"});case"iiiii":return r.day(o,{width:"narrow",context:"formatting"});case"iiiiii":return r.day(o,{width:"short",context:"formatting"});default:return r.day(o,{width:"wide",context:"formatting"})}},a:function(e,t,r){const o=e.getHours()/12>=1?"pm":"am";switch(t){case"a":case"aa":return r.dayPeriod(o,{width:"abbreviated",context:"formatting"});case"aaa":return r.dayPeriod(o,{width:"abbreviated",context:"formatting"}).toLowerCase();case"aaaaa":return r.dayPeriod(o,{width:"narrow",context:"formatting"});default:return r.dayPeriod(o,{width:"wide",context:"formatting"})}},b:function(e,t,r){const o=e.getHours();let n;switch(n=12===o?di:0===o?li:o/12>=1?"pm":"am",t){case"b":case"bb":return r.dayPeriod(n,{width:"abbreviated",context:"formatting"});case"bbb":return r.dayPeriod(n,{width:"abbreviated",context:"formatting"}).toLowerCase();case"bbbbb":return r.dayPeriod(n,{width:"narrow",context:"formatting"});default:return r.dayPeriod(n,{width:"wide",context:"formatting"})}},B:function(e,t,r){const o=e.getHours();let n;switch(n=o>=17?ui:o>=12?hi:o>=4?ci:pi,t){case"B":case"BB":case"BBB":return r.dayPeriod(n,{width:"abbreviated",context:"formatting"});case"BBBBB":return r.dayPeriod(n,{width:"narrow",context:"formatting"});default:return r.dayPeriod(n,{width:"wide",context:"formatting"})}},h:function(e,t,r){if("ho"===t){let t=e.getHours()%12;return 0===t&&(t=12),r.ordinalNumber(t,{unit:"hour"})}return si.h(e,t)},H:function(e,t,r){return"Ho"===t?r.ordinalNumber(e.getHours(),{unit:"hour"}):si.H(e,t)},K:function(e,t,r){const o=e.getHours()%12;return"Ko"===t?r.ordinalNumber(o,{unit:"hour"}):ii(o,t.length)},k:function(e,t,r){let o=e.getHours();return 0===o&&(o=24),"ko"===t?r.ordinalNumber(o,{unit:"hour"}):ii(o,t.length)},m:function(e,t,r){return"mo"===t?r.ordinalNumber(e.getMinutes(),{unit:"minute"}):si.m(e,t)},s:function(e,t,r){return"so"===t?r.ordinalNumber(e.getSeconds(),{unit:"second"}):si.s(e,t)},S:function(e,t){return si.S(e,t)},X:function(e,t,r){const o=e.getTimezoneOffset();if(0===o)return"Z";switch(t){case"X":return mi(o);case"XXXX":case"XX":return vi(o);default:return vi(o,":")}},x:function(e,t,r){const o=e.getTimezoneOffset();switch(t){case"x":return mi(o);case"xxxx":case"xx":return vi(o);default:return vi(o,":")}},O:function(e,t,r){const o=e.getTimezoneOffset();switch(t){case"O":case"OO":case"OOO":return"GMT"+gi(o,":");default:return"GMT"+vi(o,":")}},z:function(e,t,r){const o=e.getTimezoneOffset();switch(t){case"z":case"zz":case"zzz":return"GMT"+gi(o,":");default:return"GMT"+vi(o,":")}},t:function(e,t,r){return ii(Math.trunc(+e/1e3),t.length)},T:function(e,t,r){return ii(+e,t.length)}};function gi(e,t){const r=e>0?"-":"+",o=Math.abs(e),n=Math.trunc(o/60),a=o%60;return 0===a?r+String(n):r+String(n)+t+ii(a,2)}function mi(e,t){if(e%60==0){return(e>0?"-":"+")+ii(Math.abs(e)/60,2)}return vi(e,t)}function vi(e,t){void 0===t&&(t="");const r=e>0?"-":"+",o=Math.abs(e);return r+ii(Math.trunc(o/60),2)+t+ii(o%60,2)}const fi=(e,t)=>{switch(e){case"P":return t.date({width:"short"});case"PP":return t.date({width:"medium"});case"PPP":return t.date({width:"long"});default:return t.date({width:"full"})}},wi=(e,t)=>{switch(e){case"p":return t.time({width:"short"});case"pp":return t.time({width:"medium"});case"ppp":return t.time({width:"long"});default:return t.time({width:"full"})}},yi={p:wi,P:(e,t)=>{const r=e.match(/(P+)(p+)?/)||[],o=r[1],n=r[2];if(!n)return fi(e,t);let a;switch(o){case"P":a=t.dateTime({width:"short"});break;case"PP":a=t.dateTime({width:"medium"});break;case"PPP":a=t.dateTime({width:"long"});break;default:a=t.dateTime({width:"full"})}return a.replace("{{date}}",fi(o,t)).replace("{{time}}",wi(n,t))}},xi=/^D+$/,ki=/^Y+$/,_i=["D","DD","YY","YYYY"];const $i=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,Si=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,Ei=/^'([^]*?)'?$/,Ci=/''/g,zi=/[a-zA-Z]/;function Oi(e,t,r){const o=Aa(),n=r?.locale??o.locale??ti,a=r?.firstWeekContainsDate??r?.locale?.options?.firstWeekContainsDate??o.firstWeekContainsDate??o.locale?.options?.firstWeekContainsDate??1,i=r?.weekStartsOn??r?.locale?.options?.weekStartsOn??o.weekStartsOn??o.locale?.options?.weekStartsOn??0,s=Ea(e,r?.in);if(!Fa(s))throw new RangeError("Invalid time value");let l=t.match(Si).map(e=>{const t=e[0];if("p"===t||"P"===t){return(0,yi[t])(e,n.formatLong)}return e}).join("").match($i).map(e=>{if("''"===e)return{isToken:!1,value:"'"};const t=e[0];if("'"===t)return{isToken:!1,value:Ai(e)};if(bi[t])return{isToken:!0,value:e};if(t.match(zi))throw new RangeError("Format string contains an unescaped latin alphabet character `"+t+"`");return{isToken:!1,value:e}});n.localize.preprocessor&&(l=n.localize.preprocessor(s,l));const d={firstWeekContainsDate:a,weekStartsOn:i,locale:n};return l.map(o=>{if(!o.isToken)return o.value;const a=o.value;(!r?.useAdditionalWeekYearTokens&&function(e){return ki.test(e)}(a)||!r?.useAdditionalDayOfYearTokens&&function(e){return xi.test(e)}(a))&&function(e,t,r){const o=function(e,t,r){const o="Y"===e[0]?"years":"days of the month";return`Use \`${e.toLowerCase()}\` instead of \`${e}\` (in \`${t}\`) for formatting ${o} to the input \`${r}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`}(e,t,r);if(console.warn(o),_i.includes(e))throw new RangeError(o)}(a,t,String(e));return(0,bi[a[0]])(s,a,n.localize,d)}).join("")}function Ai(e){const t=e.match(Ei);return t?t[1].replace(Ci,"'"):e}function Di(e,t){return Ea(e,t?.in).getDate()}function Pi(e,t){const r=Aa(),o=t?.weekStartsOn??t?.locale?.options?.weekStartsOn??r.weekStartsOn??r.locale?.options?.weekStartsOn??0,n=Di(Ea(e,t?.in));if(isNaN(n))return NaN;const a=function(e,t){return Ea(e,t?.in).getDay()}(qa(e,t));let i=o-a;i<=0&&(i+=7);const s=n-i;return Math.ceil(s/7)+1}function Mi(e,t){const r=Ea(e,t?.in),o=r.getMonth();return r.setFullYear(r.getFullYear(),o+1,0),r.setHours(0,0,0,0),Ea(r,t?.in)}function Ti(e,t,r){const[o,n]=Ra(r?.in,e,t);return o.getFullYear()===n.getFullYear()&&o.getMonth()===n.getMonth()}function Ri(e,t){return Ia(Sa(e,e),function(e){return Sa(e,Date.now())}(e))}function ji(e,t,r){return Ca(e,-t,r)}function Ni(e,t,r){return za(e,-1,r)}const Vi={lessThanXSeconds:{one:"mindre end ét sekund",other:"mindre end {{count}} sekunder"},xSeconds:{one:"1 sekund",other:"{{count}} sekunder"},halfAMinute:"ét halvt minut",lessThanXMinutes:{one:"mindre end ét minut",other:"mindre end {{count}} minutter"},xMinutes:{one:"1 minut",other:"{{count}} minutter"},aboutXHours:{one:"cirka 1 time",other:"cirka {{count}} timer"},xHours:{one:"1 time",other:"{{count}} timer"},xDays:{one:"1 dag",other:"{{count}} dage"},aboutXWeeks:{one:"cirka 1 uge",other:"cirka {{count}} uger"},xWeeks:{one:"1 uge",other:"{{count}} uger"},aboutXMonths:{one:"cirka 1 måned",other:"cirka {{count}} måneder"},xMonths:{one:"1 måned",other:"{{count}} måneder"},aboutXYears:{one:"cirka 1 år",other:"cirka {{count}} år"},xYears:{one:"1 år",other:"{{count}} år"},overXYears:{one:"over 1 år",other:"over {{count}} år"},almostXYears:{one:"næsten 1 år",other:"næsten {{count}} år"}},Ii={date:Ya({formats:{full:"EEEE 'den' d. MMMM y",long:"d. MMMM y",medium:"d. MMM y",short:"dd/MM/y"},defaultWidth:"full"}),time:Ya({formats:{full:"HH:mm:ss zzzz",long:"HH:mm:ss z",medium:"HH:mm:ss",short:"HH:mm"},defaultWidth:"full"}),dateTime:Ya({formats:{full:"{{date}} 'kl'. {{time}}",long:"{{date}} 'kl'. {{time}}",medium:"{{date}} {{time}}",short:"{{date}} {{time}}"},defaultWidth:"full"})},Fi={lastWeek:"'sidste' eeee 'kl.' p",yesterday:"'i går kl.' p",today:"'i dag kl.' p",tomorrow:"'i morgen kl.' p",nextWeek:"'på' eeee 'kl.' p",other:"P"},Li={code:"da",formatDistance:(e,t,r)=>{let o;const n=Vi[e];return o="string"==typeof n?n:1===t?n.one:n.other.replace("{{count}}",String(t)),r?.addSuffix?r.comparison&&r.comparison>0?"om "+o:o+" siden":o},formatLong:Ii,formatRelative:(e,t,r,o)=>Fi[e],localize:{ordinalNumber:(e,t)=>Number(e)+".",era:Ka({values:{narrow:["fvt","vt"],abbreviated:["f.v.t.","v.t."],wide:["før vesterlandsk tidsregning","vesterlandsk tidsregning"]},defaultWidth:"wide"}),quarter:Ka({values:{narrow:["1","2","3","4"],abbreviated:["1. kvt.","2. kvt.","3. kvt.","4. kvt."],wide:["1. kvartal","2. kvartal","3. kvartal","4. kvartal"]},defaultWidth:"wide",argumentCallback:e=>e-1}),month:Ka({values:{narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["jan.","feb.","mar.","apr.","maj","jun.","jul.","aug.","sep.","okt.","nov.","dec."],wide:["januar","februar","marts","april","maj","juni","juli","august","september","oktober","november","december"]},defaultWidth:"wide"}),day:Ka({values:{narrow:["S","M","T","O","T","F","L"],short:["sø","ma","ti","on","to","fr","lø"],abbreviated:["søn.","man.","tir.","ons.","tor.","fre.","lør."],wide:["søndag","mandag","tirsdag","onsdag","torsdag","fredag","lørdag"]},defaultWidth:"wide"}),dayPeriod:Ka({values:{narrow:{am:"a",pm:"p",midnight:"midnat",noon:"middag",morning:"morgen",afternoon:"eftermiddag",evening:"aften",night:"nat"},abbreviated:{am:"AM",pm:"PM",midnight:"midnat",noon:"middag",morning:"morgen",afternoon:"eftermiddag",evening:"aften",night:"nat"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnat",noon:"middag",morning:"morgen",afternoon:"eftermiddag",evening:"aften",night:"nat"}},defaultWidth:"wide",formattingValues:{narrow:{am:"a",pm:"p",midnight:"midnat",noon:"middag",morning:"om morgenen",afternoon:"om eftermiddagen",evening:"om aftenen",night:"om natten"},abbreviated:{am:"AM",pm:"PM",midnight:"midnat",noon:"middag",morning:"om morgenen",afternoon:"om eftermiddagen",evening:"om aftenen",night:"om natten"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnat",noon:"middag",morning:"om morgenen",afternoon:"om eftermiddagen",evening:"om aftenen",night:"om natten"}},defaultFormattingWidth:"wide"})},match:{ordinalNumber:Ga({matchPattern:/^(\d+)(\.)?/i,parsePattern:/\d+/i,valueCallback:e=>parseInt(e,10)}),era:Qa({matchPatterns:{narrow:/^(fKr|fvt|eKr|vt)/i,abbreviated:/^(f\.Kr\.?|f\.v\.t\.?|e\.Kr\.?|v\.t\.)/i,wide:/^(f.Kr.|før vesterlandsk tidsregning|e.Kr.|vesterlandsk tidsregning)/i},defaultMatchWidth:"wide",parsePatterns:{any:[/^f/i,/^(v|e)/i]},defaultParseWidth:"any"}),quarter:Qa({matchPatterns:{narrow:/^[1234]/i,abbreviated:/^[1234]. kvt\./i,wide:/^[1234]\.? kvartal/i},defaultMatchWidth:"wide",parsePatterns:{any:[/1/i,/2/i,/3/i,/4/i]},defaultParseWidth:"any",valueCallback:e=>e+1}),month:Qa({matchPatterns:{narrow:/^[jfmasond]/i,abbreviated:/^(jan.|feb.|mar.|apr.|maj|jun.|jul.|aug.|sep.|okt.|nov.|dec.)/i,wide:/^(januar|februar|marts|april|maj|juni|juli|august|september|oktober|november|december)/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^maj/i,/^jun/i,/^jul/i,/^au/i,/^s/i,/^o/i,/^n/i,/^d/i]},defaultParseWidth:"any"}),day:Qa({matchPatterns:{narrow:/^[smtofl]/i,short:/^(søn.|man.|tir.|ons.|tor.|fre.|lør.)/i,abbreviated:/^(søn|man|tir|ons|tor|fre|lør)/i,wide:/^(søndag|mandag|tirsdag|onsdag|torsdag|fredag|lørdag)/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^s/i,/^m/i,/^t/i,/^o/i,/^t/i,/^f/i,/^l/i],any:[/^s/i,/^m/i,/^ti/i,/^o/i,/^to/i,/^f/i,/^l/i]},defaultParseWidth:"any"}),dayPeriod:Qa({matchPatterns:{narrow:/^(a|p|midnat|middag|(om) (morgenen|eftermiddagen|aftenen|natten))/i,any:/^([ap]\.?\s?m\.?|midnat|middag|(om) (morgenen|eftermiddagen|aftenen|natten))/i},defaultMatchWidth:"any",parsePatterns:{any:{am:/^a/i,pm:/^p/i,midnight:/midnat/i,noon:/middag/i,morning:/morgen/i,afternoon:/eftermiddag/i,evening:/aften/i,night:/nat/i}},defaultParseWidth:"any"})},options:{weekStartsOn:1,firstWeekContainsDate:4}},qi={code:"en-GB",formatDistance:Ha,formatLong:{date:Ya({formats:{full:"EEEE, d MMMM yyyy",long:"d MMMM yyyy",medium:"d MMM yyyy",short:"dd/MM/yyyy"},defaultWidth:"full"}),time:Ya({formats:{full:"HH:mm:ss zzzz",long:"HH:mm:ss z",medium:"HH:mm:ss",short:"HH:mm"},defaultWidth:"full"}),dateTime:Ya({formats:{full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},defaultWidth:"full"})},formatRelative:Ja,localize:Za,match:ei,options:{weekStartsOn:1,firstWeekContainsDate:4}};function Wi(e){return e.replace(/sekuntia?/,"sekunnin")}function Bi(e){return e.replace(/minuuttia?/,"minuutin")}function Hi(e){return e.replace(/tuntia?/,"tunnin")}function Yi(e){return e.replace(/(viikko|viikkoa)/,"viikon")}function Ui(e){return e.replace(/(kuukausi|kuukautta)/,"kuukauden")}function Xi(e){return e.replace(/(vuosi|vuotta)/,"vuoden")}const Ji={lessThanXSeconds:{one:"alle sekunti",other:"alle {{count}} sekuntia",futureTense:Wi},xSeconds:{one:"sekunti",other:"{{count}} sekuntia",futureTense:Wi},halfAMinute:{one:"puoli minuuttia",other:"puoli minuuttia",futureTense:e=>"puolen minuutin"},lessThanXMinutes:{one:"alle minuutti",other:"alle {{count}} minuuttia",futureTense:Bi},xMinutes:{one:"minuutti",other:"{{count}} minuuttia",futureTense:Bi},aboutXHours:{one:"noin tunti",other:"noin {{count}} tuntia",futureTense:Hi},xHours:{one:"tunti",other:"{{count}} tuntia",futureTense:Hi},xDays:{one:"päivä",other:"{{count}} päivää",futureTense:function(e){return e.replace(/päivää?/,"päivän")}},aboutXWeeks:{one:"noin viikko",other:"noin {{count}} viikkoa",futureTense:Yi},xWeeks:{one:"viikko",other:"{{count}} viikkoa",futureTense:Yi},aboutXMonths:{one:"noin kuukausi",other:"noin {{count}} kuukautta",futureTense:Ui},xMonths:{one:"kuukausi",other:"{{count}} kuukautta",futureTense:Ui},aboutXYears:{one:"noin vuosi",other:"noin {{count}} vuotta",futureTense:Xi},xYears:{one:"vuosi",other:"{{count}} vuotta",futureTense:Xi},overXYears:{one:"yli vuosi",other:"yli {{count}} vuotta",futureTense:Xi},almostXYears:{one:"lähes vuosi",other:"lähes {{count}} vuotta",futureTense:Xi}},Ki={date:Ya({formats:{full:"eeee d. MMMM y",long:"d. MMMM y",medium:"d. MMM y",short:"d.M.y"},defaultWidth:"full"}),time:Ya({formats:{full:"HH.mm.ss zzzz",long:"HH.mm.ss z",medium:"HH.mm.ss",short:"HH.mm"},defaultWidth:"full"}),dateTime:Ya({formats:{full:"{{date}} 'klo' {{time}}",long:"{{date}} 'klo' {{time}}",medium:"{{date}} {{time}}",short:"{{date}} {{time}}"},defaultWidth:"full"})},Zi={lastWeek:"'viime' eeee 'klo' p",yesterday:"'eilen klo' p",today:"'tänään klo' p",tomorrow:"'huomenna klo' p",nextWeek:"'ensi' eeee 'klo' p",other:"P"},Qi={narrow:["T","H","M","H","T","K","H","E","S","L","M","J"],abbreviated:["tammi","helmi","maalis","huhti","touko","kesä","heinä","elo","syys","loka","marras","joulu"],wide:["tammikuu","helmikuu","maaliskuu","huhtikuu","toukokuu","kesäkuu","heinäkuu","elokuu","syyskuu","lokakuu","marraskuu","joulukuu"]},Gi={narrow:Qi.narrow,abbreviated:Qi.abbreviated,wide:["tammikuuta","helmikuuta","maaliskuuta","huhtikuuta","toukokuuta","kesäkuuta","heinäkuuta","elokuuta","syyskuuta","lokakuuta","marraskuuta","joulukuuta"]},es={narrow:["S","M","T","K","T","P","L"],short:["su","ma","ti","ke","to","pe","la"],abbreviated:["sunn.","maan.","tiis.","kesk.","torst.","perj.","la"],wide:["sunnuntai","maanantai","tiistai","keskiviikko","torstai","perjantai","lauantai"]},ts={narrow:es.narrow,short:es.short,abbreviated:es.abbreviated,wide:["sunnuntaina","maanantaina","tiistaina","keskiviikkona","torstaina","perjantaina","lauantaina"]},rs={code:"fi",formatDistance:(e,t,r)=>{const o=Ji[e],n=1===t?o.one:o.other.replace("{{count}}",String(t));return r?.addSuffix?r.comparison&&r.comparison>0?o.futureTense(n)+" kuluttua":n+" sitten":n},formatLong:Ki,formatRelative:(e,t,r,o)=>Zi[e],localize:{ordinalNumber:(e,t)=>Number(e)+".",era:Ka({values:{narrow:["eaa.","jaa."],abbreviated:["eaa.","jaa."],wide:["ennen ajanlaskun alkua","jälkeen ajanlaskun alun"]},defaultWidth:"wide"}),quarter:Ka({values:{narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1. kvartaali","2. kvartaali","3. kvartaali","4. kvartaali"]},defaultWidth:"wide",argumentCallback:e=>e-1}),month:Ka({values:Qi,defaultWidth:"wide",formattingValues:Gi,defaultFormattingWidth:"wide"}),day:Ka({values:es,defaultWidth:"wide",formattingValues:ts,defaultFormattingWidth:"wide"}),dayPeriod:Ka({values:{narrow:{am:"ap",pm:"ip",midnight:"keskiyö",noon:"keskipäivä",morning:"ap",afternoon:"ip",evening:"illalla",night:"yöllä"},abbreviated:{am:"ap",pm:"ip",midnight:"keskiyö",noon:"keskipäivä",morning:"ap",afternoon:"ip",evening:"illalla",night:"yöllä"},wide:{am:"ap",pm:"ip",midnight:"keskiyöllä",noon:"keskipäivällä",morning:"aamupäivällä",afternoon:"iltapäivällä",evening:"illalla",night:"yöllä"}},defaultWidth:"wide"})},match:{ordinalNumber:Ga({matchPattern:/^(\d+)(\.)/i,parsePattern:/\d+/i,valueCallback:e=>parseInt(e,10)}),era:Qa({matchPatterns:{narrow:/^(e|j)/i,abbreviated:/^(eaa.|jaa.)/i,wide:/^(ennen ajanlaskun alkua|jälkeen ajanlaskun alun)/i},defaultMatchWidth:"wide",parsePatterns:{any:[/^e/i,/^j/i]},defaultParseWidth:"any"}),quarter:Qa({matchPatterns:{narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234]\.? kvartaali/i},defaultMatchWidth:"wide",parsePatterns:{any:[/1/i,/2/i,/3/i,/4/i]},defaultParseWidth:"any",valueCallback:e=>e+1}),month:Qa({matchPatterns:{narrow:/^[thmkeslj]/i,abbreviated:/^(tammi|helmi|maalis|huhti|touko|kesä|heinä|elo|syys|loka|marras|joulu)/i,wide:/^(tammikuu|helmikuu|maaliskuu|huhtikuu|toukokuu|kesäkuu|heinäkuu|elokuu|syyskuu|lokakuu|marraskuu|joulukuu)(ta)?/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^t/i,/^h/i,/^m/i,/^h/i,/^t/i,/^k/i,/^h/i,/^e/i,/^s/i,/^l/i,/^m/i,/^j/i],any:[/^ta/i,/^hel/i,/^maa/i,/^hu/i,/^to/i,/^k/i,/^hei/i,/^e/i,/^s/i,/^l/i,/^mar/i,/^j/i]},defaultParseWidth:"any"}),day:Qa({matchPatterns:{narrow:/^[smtkpl]/i,short:/^(su|ma|ti|ke|to|pe|la)/i,abbreviated:/^(sunn.|maan.|tiis.|kesk.|torst.|perj.|la)/i,wide:/^(sunnuntai|maanantai|tiistai|keskiviikko|torstai|perjantai|lauantai)(na)?/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^s/i,/^m/i,/^t/i,/^k/i,/^t/i,/^p/i,/^l/i],any:[/^s/i,/^m/i,/^ti/i,/^k/i,/^to/i,/^p/i,/^l/i]},defaultParseWidth:"any"}),dayPeriod:Qa({matchPatterns:{narrow:/^(ap|ip|keskiyö|keskipäivä|aamupäivällä|iltapäivällä|illalla|yöllä)/i,any:/^(ap|ip|keskiyöllä|keskipäivällä|aamupäivällä|iltapäivällä|illalla|yöllä)/i},defaultMatchWidth:"any",parsePatterns:{any:{am:/^ap/i,pm:/^ip/i,midnight:/^keskiyö/i,noon:/^keskipäivä/i,morning:/aamupäivällä/i,afternoon:/iltapäivällä/i,evening:/illalla/i,night:/yöllä/i}},defaultParseWidth:"any"})},options:{weekStartsOn:1,firstWeekContainsDate:4}},os={lessThanXSeconds:{one:"mindre enn ett sekund",other:"mindre enn {{count}} sekunder"},xSeconds:{one:"ett sekund",other:"{{count}} sekunder"},halfAMinute:"et halvt minutt",lessThanXMinutes:{one:"mindre enn ett minutt",other:"mindre enn {{count}} minutter"},xMinutes:{one:"ett minutt",other:"{{count}} minutter"},aboutXHours:{one:"omtrent en time",other:"omtrent {{count}} timer"},xHours:{one:"en time",other:"{{count}} timer"},xDays:{one:"en dag",other:"{{count}} dager"},aboutXWeeks:{one:"omtrent en uke",other:"omtrent {{count}} uker"},xWeeks:{one:"en uke",other:"{{count}} uker"},aboutXMonths:{one:"omtrent en måned",other:"omtrent {{count}} måneder"},xMonths:{one:"en måned",other:"{{count}} måneder"},aboutXYears:{one:"omtrent ett år",other:"omtrent {{count}} år"},xYears:{one:"ett år",other:"{{count}} år"},overXYears:{one:"over ett år",other:"over {{count}} år"},almostXYears:{one:"nesten ett år",other:"nesten {{count}} år"}},ns={date:Ya({formats:{full:"EEEE d. MMMM y",long:"d. MMMM y",medium:"d. MMM y",short:"dd.MM.y"},defaultWidth:"full"}),time:Ya({formats:{full:"'kl'. HH:mm:ss zzzz",long:"HH:mm:ss z",medium:"HH:mm:ss",short:"HH:mm"},defaultWidth:"full"}),dateTime:Ya({formats:{full:"{{date}} 'kl.' {{time}}",long:"{{date}} 'kl.' {{time}}",medium:"{{date}} {{time}}",short:"{{date}} {{time}}"},defaultWidth:"full"})},as={lastWeek:"'forrige' eeee 'kl.' p",yesterday:"'i går kl.' p",today:"'i dag kl.' p",tomorrow:"'i morgen kl.' p",nextWeek:"EEEE 'kl.' p",other:"P"},is={code:"nb",formatDistance:(e,t,r)=>{let o;const n=os[e];return o="string"==typeof n?n:1===t?n.one:n.other.replace("{{count}}",String(t)),r?.addSuffix?r.comparison&&r.comparison>0?"om "+o:o+" siden":o},formatLong:ns,formatRelative:(e,t,r,o)=>as[e],localize:{ordinalNumber:(e,t)=>Number(e)+".",era:Ka({values:{narrow:["f.Kr.","e.Kr."],abbreviated:["f.Kr.","e.Kr."],wide:["før Kristus","etter Kristus"]},defaultWidth:"wide"}),quarter:Ka({values:{narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1. kvartal","2. kvartal","3. kvartal","4. kvartal"]},defaultWidth:"wide",argumentCallback:e=>e-1}),month:Ka({values:{narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["jan.","feb.","mars","apr.","mai","juni","juli","aug.","sep.","okt.","nov.","des."],wide:["januar","februar","mars","april","mai","juni","juli","august","september","oktober","november","desember"]},defaultWidth:"wide"}),day:Ka({values:{narrow:["S","M","T","O","T","F","L"],short:["sø","ma","ti","on","to","fr","lø"],abbreviated:["søn","man","tir","ons","tor","fre","lør"],wide:["søndag","mandag","tirsdag","onsdag","torsdag","fredag","lørdag"]},defaultWidth:"wide"}),dayPeriod:Ka({values:{narrow:{am:"a",pm:"p",midnight:"midnatt",noon:"middag",morning:"på morg.",afternoon:"på etterm.",evening:"på kvelden",night:"på natten"},abbreviated:{am:"a.m.",pm:"p.m.",midnight:"midnatt",noon:"middag",morning:"på morg.",afternoon:"på etterm.",evening:"på kvelden",night:"på natten"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnatt",noon:"middag",morning:"på morgenen",afternoon:"på ettermiddagen",evening:"på kvelden",night:"på natten"}},defaultWidth:"wide"})},match:{ordinalNumber:Ga({matchPattern:/^(\d+)\.?/i,parsePattern:/\d+/i,valueCallback:e=>parseInt(e,10)}),era:Qa({matchPatterns:{narrow:/^(f\.? ?Kr\.?|fvt\.?|e\.? ?Kr\.?|evt\.?)/i,abbreviated:/^(f\.? ?Kr\.?|fvt\.?|e\.? ?Kr\.?|evt\.?)/i,wide:/^(før Kristus|før vår tid|etter Kristus|vår tid)/i},defaultMatchWidth:"wide",parsePatterns:{any:[/^f/i,/^e/i]},defaultParseWidth:"any"}),quarter:Qa({matchPatterns:{narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](\.)? kvartal/i},defaultMatchWidth:"wide",parsePatterns:{any:[/1/i,/2/i,/3/i,/4/i]},defaultParseWidth:"any",valueCallback:e=>e+1}),month:Qa({matchPatterns:{narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mars?|apr|mai|juni?|juli?|aug|sep|okt|nov|des)\.?/i,wide:/^(januar|februar|mars|april|mai|juni|juli|august|september|oktober|november|desember)/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^mai/i,/^jun/i,/^jul/i,/^aug/i,/^s/i,/^o/i,/^n/i,/^d/i]},defaultParseWidth:"any"}),day:Qa({matchPatterns:{narrow:/^[smtofl]/i,short:/^(sø|ma|ti|on|to|fr|lø)/i,abbreviated:/^(søn|man|tir|ons|tor|fre|lør)/i,wide:/^(søndag|mandag|tirsdag|onsdag|torsdag|fredag|lørdag)/i},defaultMatchWidth:"wide",parsePatterns:{any:[/^s/i,/^m/i,/^ti/i,/^o/i,/^to/i,/^f/i,/^l/i]},defaultParseWidth:"any"}),dayPeriod:Qa({matchPatterns:{narrow:/^(midnatt|middag|(på) (morgenen|ettermiddagen|kvelden|natten)|[ap])/i,any:/^([ap]\.?\s?m\.?|midnatt|middag|(på) (morgenen|ettermiddagen|kvelden|natten))/i},defaultMatchWidth:"any",parsePatterns:{any:{am:/^a(\.?\s?m\.?)?$/i,pm:/^p(\.?\s?m\.?)?$/i,midnight:/^midn/i,noon:/^midd/i,morning:/morgen/i,afternoon:/ettermiddag/i,evening:/kveld/i,night:/natt/i}},defaultParseWidth:"any"})},options:{weekStartsOn:1,firstWeekContainsDate:4}},ss={lessThanXSeconds:{one:"mindre än en sekund",other:"mindre än {{count}} sekunder"},xSeconds:{one:"en sekund",other:"{{count}} sekunder"},halfAMinute:"en halv minut",lessThanXMinutes:{one:"mindre än en minut",other:"mindre än {{count}} minuter"},xMinutes:{one:"en minut",other:"{{count}} minuter"},aboutXHours:{one:"ungefär en timme",other:"ungefär {{count}} timmar"},xHours:{one:"en timme",other:"{{count}} timmar"},xDays:{one:"en dag",other:"{{count}} dagar"},aboutXWeeks:{one:"ungefär en vecka",other:"ungefär {{count}} veckor"},xWeeks:{one:"en vecka",other:"{{count}} veckor"},aboutXMonths:{one:"ungefär en månad",other:"ungefär {{count}} månader"},xMonths:{one:"en månad",other:"{{count}} månader"},aboutXYears:{one:"ungefär ett år",other:"ungefär {{count}} år"},xYears:{one:"ett år",other:"{{count}} år"},overXYears:{one:"över ett år",other:"över {{count}} år"},almostXYears:{one:"nästan ett år",other:"nästan {{count}} år"}},ls=["noll","en","två","tre","fyra","fem","sex","sju","åtta","nio","tio","elva","tolv"],ds={date:Ya({formats:{full:"EEEE d MMMM y",long:"d MMMM y",medium:"d MMM y",short:"y-MM-dd"},defaultWidth:"full"}),time:Ya({formats:{full:"'kl'. HH:mm:ss zzzz",long:"HH:mm:ss z",medium:"HH:mm:ss",short:"HH:mm"},defaultWidth:"full"}),dateTime:Ya({formats:{full:"{{date}} 'kl.' {{time}}",long:"{{date}} 'kl.' {{time}}",medium:"{{date}} {{time}}",short:"{{date}} {{time}}"},defaultWidth:"full"})},cs={lastWeek:"'i' EEEE's kl.' p",yesterday:"'igår kl.' p",today:"'idag kl.' p",tomorrow:"'imorgon kl.' p",nextWeek:"EEEE 'kl.' p",other:"P"},hs={ordinalNumber:(e,t)=>{const r=Number(e),o=r%100;if(o>20||o<10)switch(o%10){case 1:case 2:return r+":a"}return r+":e"},era:Ka({values:{narrow:["f.Kr.","e.Kr."],abbreviated:["f.Kr.","e.Kr."],wide:["före Kristus","efter Kristus"]},defaultWidth:"wide"}),quarter:Ka({values:{narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1:a kvartalet","2:a kvartalet","3:e kvartalet","4:e kvartalet"]},defaultWidth:"wide",argumentCallback:e=>e-1}),month:Ka({values:{narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["jan.","feb.","mars","apr.","maj","juni","juli","aug.","sep.","okt.","nov.","dec."],wide:["januari","februari","mars","april","maj","juni","juli","augusti","september","oktober","november","december"]},defaultWidth:"wide"}),day:Ka({values:{narrow:["S","M","T","O","T","F","L"],short:["sö","må","ti","on","to","fr","lö"],abbreviated:["sön","mån","tis","ons","tors","fre","lör"],wide:["söndag","måndag","tisdag","onsdag","torsdag","fredag","lördag"]},defaultWidth:"wide"}),dayPeriod:Ka({values:{narrow:{am:"fm",pm:"em",midnight:"midnatt",noon:"middag",morning:"morg.",afternoon:"efterm.",evening:"kväll",night:"natt"},abbreviated:{am:"f.m.",pm:"e.m.",midnight:"midnatt",noon:"middag",morning:"morgon",afternoon:"efterm.",evening:"kväll",night:"natt"},wide:{am:"förmiddag",pm:"eftermiddag",midnight:"midnatt",noon:"middag",morning:"morgon",afternoon:"eftermiddag",evening:"kväll",night:"natt"}},defaultWidth:"wide",formattingValues:{narrow:{am:"fm",pm:"em",midnight:"midnatt",noon:"middag",morning:"på morg.",afternoon:"på efterm.",evening:"på kvällen",night:"på natten"},abbreviated:{am:"fm",pm:"em",midnight:"midnatt",noon:"middag",morning:"på morg.",afternoon:"på efterm.",evening:"på kvällen",night:"på natten"},wide:{am:"fm",pm:"em",midnight:"midnatt",noon:"middag",morning:"på morgonen",afternoon:"på eftermiddagen",evening:"på kvällen",night:"på natten"}},defaultFormattingWidth:"wide"})},us={code:"sv",formatDistance:(e,t,r)=>{let o;const n=ss[e];return o="string"==typeof n?n:1===t?n.one:n.other.replace("{{count}}",t<13?ls[t]:String(t)),r?.addSuffix?r.comparison&&r.comparison>0?"om "+o:o+" sedan":o},formatLong:ds,formatRelative:(e,t,r,o)=>cs[e],localize:hs,match:{ordinalNumber:Ga({matchPattern:/^(\d+)(:a|:e)?/i,parsePattern:/\d+/i,valueCallback:e=>parseInt(e,10)}),era:Qa({matchPatterns:{narrow:/^(f\.? ?Kr\.?|f\.? ?v\.? ?t\.?|e\.? ?Kr\.?|v\.? ?t\.?)/i,abbreviated:/^(f\.? ?Kr\.?|f\.? ?v\.? ?t\.?|e\.? ?Kr\.?|v\.? ?t\.?)/i,wide:/^(före Kristus|före vår tid|efter Kristus|vår tid)/i},defaultMatchWidth:"wide",parsePatterns:{any:[/^f/i,/^[ev]/i]},defaultParseWidth:"any"}),quarter:Qa({matchPatterns:{narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](:a|:e)? kvartalet/i},defaultMatchWidth:"wide",parsePatterns:{any:[/1/i,/2/i,/3/i,/4/i]},defaultParseWidth:"any",valueCallback:e=>e+1}),month:Qa({matchPatterns:{narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mar[s]?|apr|maj|jun[i]?|jul[i]?|aug|sep|okt|nov|dec)\.?/i,wide:/^(januari|februari|mars|april|maj|juni|juli|augusti|september|oktober|november|december)/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^maj/i,/^jun/i,/^jul/i,/^au/i,/^s/i,/^o/i,/^n/i,/^d/i]},defaultParseWidth:"any"}),day:Qa({matchPatterns:{narrow:/^[smtofl]/i,short:/^(sö|må|ti|on|to|fr|lö)/i,abbreviated:/^(sön|mån|tis|ons|tors|fre|lör)/i,wide:/^(söndag|måndag|tisdag|onsdag|torsdag|fredag|lördag)/i},defaultMatchWidth:"wide",parsePatterns:{any:[/^s/i,/^m/i,/^ti/i,/^o/i,/^to/i,/^f/i,/^l/i]},defaultParseWidth:"any"}),dayPeriod:Qa({matchPatterns:{any:/^([fe]\.?\s?m\.?|midn(att)?|midd(ag)?|(på) (morgonen|eftermiddagen|kvällen|natten))/i},defaultMatchWidth:"any",parsePatterns:{any:{am:/^f/i,pm:/^e/i,midnight:/^midn/i,noon:/^midd/i,morning:/morgon/i,afternoon:/eftermiddag/i,evening:/kväll/i,night:/natt/i}},defaultParseWidth:"any"})},options:{weekStartsOn:1,firstWeekContainsDate:4}},ps="important",bs=" !"+ps,gs=Be(class extends He{constructor(e){if(super(e),e.type!==Fe||"style"!==e.name||e.strings?.length>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(e){return Object.keys(e).reduce((t,r)=>{const o=e[r];return null==o?t:t+`${r=r.includes("-")?r:r.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${o};`},"")}update(e,t){let[r]=t;const{style:o}=e.element;if(void 0===this.ft)return this.ft=new Set(Object.keys(r)),this.render(r);for(const e of this.ft)null==r[e]&&(this.ft.delete(e),e.includes("-")?o.removeProperty(e):o[e]=null);for(const e in r){const t=r[e];if(null!=t){this.ft.add(e);const r="string"==typeof t&&t.endsWith(bs);e.includes("-")||r?o.setProperty(e,r?t.slice(0,-11):t,r?ps:""):o[e]=t}}return ge}}),ms=JSON.parse('{"datepicker.calendar.nextMonth":["Next month"],"datepicker.calendar.previousMonth":["Previous month"],"datepicker.calendar.roleDescription":["Date picker"],"datepicker.toggle.changeDate":["Change date, ",["currentDate"]],"datepicker.toggle.chooseDate":["Choose date"]}'),vs=JSON.parse('{"datepicker.calendar.nextMonth":["Next month"],"datepicker.calendar.previousMonth":["Previous month"],"datepicker.calendar.roleDescription":["Date picker"],"datepicker.toggle.changeDate":["Change date, ",["currentDate"]],"datepicker.toggle.chooseDate":["Choose date"]}'),fs=JSON.parse('{"datepicker.calendar.nextMonth":["Next month"],"datepicker.calendar.previousMonth":["Previous month"],"datepicker.calendar.roleDescription":["Date picker"],"datepicker.toggle.changeDate":["Change date, ",["currentDate"]],"datepicker.toggle.chooseDate":["Choose date"]}'),ws=JSON.parse('{"datepicker.calendar.nextMonth":["Gå til neste måned"],"datepicker.calendar.previousMonth":["Gå til forrige måned"],"datepicker.calendar.roleDescription":["datovelger"],"datepicker.toggle.changeDate":["Endre dato, ",["currentDate"]],"datepicker.toggle.chooseDate":["Velg dato"]}'),ys=JSON.parse('{"datepicker.calendar.nextMonth":["Next month"],"datepicker.calendar.previousMonth":["Previous month"],"datepicker.calendar.roleDescription":["Date picker"],"datepicker.toggle.changeDate":["Change date, ",["currentDate"]],"datepicker.toggle.chooseDate":["Choose date"]}'),xs=D`.w-datepicker-wrapper{width:100%;font-size:var(--w-font-size-m);line-height:var(--w-line-height-m);display:inline-block;position:relative}.w-datepicker-input-wrapper{position:relative}.w-datepicker-input{-webkit-appearance:none;-moz-appearance:textfield;appearance:none;cursor:pointer;width:100%;height:48px;font-size:var(--w-font-size-m);line-height:var(--w-line-height-m);background-color:var(--w-s-color-background);border:1px solid #ccc;border-radius:4px;padding:1.2rem .8rem;display:block}.w-datepicker-input:hover{border-color:var(--w-s-color-border-hover)}.w-datepicker-input:active{border-color:var(--w-s-color-border-selected)}.w-datepicker-input:focus,.w-datepicker-input:focus-visible{outline:2px solid var(--w-s-color-border-focus);outline-offset:-2px}.w-datepicker-input-label{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s);cursor:pointer;color:var(--w-s-color-text);padding-bottom:.4rem;font-weight:700;display:block}.w-datepicker-button{--padding-x:14px;--padding-y:14px;--border-radius:2px;pointer-events:auto;position:absolute;top:2px;right:2px}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{-webkit-appearance:none;display:none}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:none;-moz-appearance:none;appearance:none}.w-dropdown__popover{background-color:var(--w-s-color-background);width:max-content;box-shadow:var(--w-shadow-s);z-index:100;visibility:hidden;border-radius:8px;position:absolute}.w-dropdown__popover--open{visibility:visible}`,ks=D`.w-datepicker__calendar{--_calendar-border-color:var(--calendar-border-color,initial);--_calendar-border-style:var(--calendar-border-style,none);--_calendar-border-width:var(--calendar-border-width,0);--_calendar-border-radius:var(--calendar-border-radius,0);z-index:30;border:var(--_calendar-border-width) var(--_calendar-border-style) var(--_calendar-border-color);border-radius:var(--_calendar-border-radius);padding:16px;position:relative}`,_s=D`.w-datepicker__day{--_day-in-range-background:var(--day-in-range-background,var(--w-s-color-background-primary-subtle-active));text-align:center;cursor:pointer;color:var(--day-color,var(--w-s-color-text));background-color:var(--day-background,transparent);width:var(--day-width,40px);height:var(--day-height,40px);padding:var(--day-padding,0);font-weight:var(--day-font-weight,normal);font-size:var(--w-font-size-s);line-height:var(--w-line-height-s);border-radius:var(--day-border-radius,50%);outline:none;position:relative}.w-datepicker__day:hover{--day-color:var(--w-s-color-text);--day-background:var(--w-s-color-background-hover);--day-border-radius:50%}.w-datepicker__day:active{--day-color:var(--w-s-color-text);--day-background:var(--w-s-color-background-active);--day-border-radius:50%}.w-datepicker__day:focus-visible{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,-2px);text-decoration:none}.w-datepicker__day--today{--day-font-weight:bold}.w-datepicker__day--selected{--day-background:var(--w-s-color-background-primary);--day-color:var(--w-s-color-text-inverted);--day-font-weight:bold}.w-datepicker__day--selected:hover,.w-datepicker__day--selected:focus-visible{--day-background:var(--w-s-color-background-primary-hover);--day-color:var(--w-s-color-text-inverted);--day-font-weight:bold}.w-datepicker__day--disabled,.w-datepicker__day--disabled:hover{--day-color:var(--w-s-color-text-disabled);cursor:not-allowed;pointer-events:none}`,$s=D`.w-datepicker__month{--day-width:40px;--_month-color:var(--month-color,var(--w-s-color-text));--_month-font-size:var(--month-font-size,var(--w-font-size-m));--_month-line-height:var(--month-line-height,var(--w-line-height-m));--_month-table-min-width:var(--month-table-min-width,calc(var(--day-width) * 7));--_weekdays-font-size:var(--weekdays-font-size,var(--w-font-size-xs));--_weekdays-line-height:var(--weekdays-font-size,var(--w-line-height-xs));--_weekdays-font-weight:var(--weekdays-font-weight,bold);--_weekdays-padding:var(--weekdays-padding,8px 0 4px 0);text-align:center;user-select:none;color:var(--_month-color);font-size:var(--_month-font-size);line-height:var(--_month-line-height);display:inline-block}.w-datepicker__month__nav{margin:0 0 8px}.w-datepicker__month__nav__header{text-align:center;font-weight:700}.w-datepicker__table{border-spacing:0;border-collapse:collapse;width:100%;min-width:var(--_month-table-min-width);padding-top:8px;display:block}.w-datepicker__weekday{text-align:center;font-size:var(--_weekdays-font-size);line-height:var(--_weekdays-line-height);font-weight:var(--_weekdays-font-weight);padding:var(--_weekdays-padding)}.w-datepicker__month-nav{justify-content:space-between;align-items:center;width:100%;display:flex}.w-datepicker__month__nav__button{flex-shrink:0}.w-datepicker__month__nav__header{text-align:center;flex:1;justify-content:center;align-items:center;display:flex}`,Ss=/^\d{4}-\d{2}-\d{2}$/;function Es(e){if("string"!=typeof e)return null;let t=e;Ss.test(e)&&(t=`${e}T00:00:00Z`);const r=Date.parse(t);return Number.isNaN(r)?null:new Date(r)}const Cs=/iP(hone|od|ad)/,zs=/Safari/,Os=/(Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android)/;function As(e){const t="en"===e?"en-GB":e;return new Intl.DateTimeFormat(t,{day:"2-digit",month:"2-digit",year:"numeric",timeZone:"UTC"}).formatToParts(new Date(Date.UTC(2006,0,2))).map(e=>"day"===e.type?"dd":"month"===e.type?"mm":"year"===e.type?"yyyy":e.value).join("")}var Ds=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};const Ps=function(e){void 0===e&&(e="undefined"!=typeof navigator?navigator.userAgent:"");const t=Cs.test(e),r=zs.test(e)&&!Os.test(e);return t||r?"text":"date"}(),Ms="calendar",Ts="input",Rs="toggle",js="wrapper",Ns="previous",Vs={en:qi,nb:is,sv:us,da:Li,fi:rs};class Is extends($(Pe)){static#e=this.shadowRootOptions={...Pe.shadowRootOptions,delegatesFocus:!0};static#o=this.styles=[nt,xs,ks,_s,$s];get selectedDate(){return this.value?Es(this.value)??null:null}get month(){return qa(this.navigationDate)}#t;get weeks(){const e=this.month,t=this.navigationDate,r=function(e,t){const{start:r,end:o}=La(t?.in,e);let n=+r>+o;const a=Da(n?o:r,t),i=Da(n?r:o,t);a.setHours(15),i.setHours(15);const s=+i.getTime();let l=a,d=t?.step??1;if(!d)return[];d<0&&(d=-d,n=!n);const c=[];for(;+l<=s;)l.setHours(0),c.push(Sa(r,l)),l=Va(l,d),l.setHours(15);return n?c.reverse():c}({start:qa(e),end:Mi(e)},{locale:this.locale}).map(e=>({start:e,end:Wa(e,{locale:this.locale})})).map(e=>function(e,t){const{start:r,end:o}=La(t?.in,e);let n=+r>+o;const a=n?+r:+o,i=n?o:r;i.setHours(0,0,0,0);const s=[];for(;+i<=a;)s.push(Sa(r,i)),i.setDate(i.getDate()+1),i.setHours(0,0,0,0);return n?s.reverse():s}(e));if(Ti(t,e)){const e=Pi(t,{locale:this.locale})-1,o=Na(t,Da(t,{locale:this.locale}));r[e][o]=t}return r}get#R(){return this.lang||Ze()||"en"}get#j(){return"text"===Ps&&this.value?function(e,t){if(!Ss.exec(e))return e;const[r,o,n]=e.split("-");return As(t).replace("yyyy",r).replace("mm",o).replace("dd",n)}(this.value,this.#R):this.value||""}resetFormControl(){this.value=this.#t}async#N(e){e.preventDefault(),this.isCalendarOpen=!this.isCalendarOpen,this.isCalendarOpen&&(await this.updateComplete,(this.selectedCell||this.todayCell).focus())}#V(){this.navigationDate=za(this.month,1)}#I(){this.navigationDate=Ni(this.month)}async#F(){await this.updateComplete,this.input.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}_onClickOutside(e){if(!this.isCalendarOpen)return;this.contains(e.target)||(this.isCalendarOpen=!1)}#L(e){this.value=e.target.value}#q(e){e.preventDefault(),this.isCalendarOpen=!0}#W(e){if(" "===e.key)return this.#N(e);","===e.key&&e.preventDefault(),"Enter"===e.key&&this.internals.form&&this.internals.form.requestSubmit()}async#B(e){const t=this.navigationDate;let r=null;switch(e.key){case"ArrowUp":r=ji(t,7);break;case"ArrowLeft":r=ji(t,1);break;case"Home":r=Da(t,{locale:this.locale});break;case"PageUp":r=Ni(t);break;case"ArrowDown":r=Ca(t,7);break;case"ArrowRight":r=Ca(t,1);break;case"End":r=Wa(t,{locale:this.locale});break;case"PageDown":r=za(t,1);break;case"Escape":this.isCalendarOpen=!1;break;case"Tab":"TD"!==e.target.tagName||e.shiftKey?e.target.id===Ns&&e.shiftKey&&(e.preventDefault(),(this.selectedCell||this.todayCell).focus()):(e.preventDefault(),this.previousMonthButton.focus())}r&&(e.preventDefault(),this.navigationDate=r,await this.updateComplete,this.selectedCell.focus())}#H(e){const t=e.currentTarget.dataset.date;"key"in e?"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.value=t,this.input.value=this.#j,this.isCalendarOpen=!1,this.toggleButton.focus(),this.#F()):(this.value=t,this.input.value=this.#j,this.isCalendarOpen=!1,this.#F())}constructor(){var e;super(),this.headerFormat="MMMM yyyy",this.weekdayFormat="EEEEEE",this.dayFormat="PPPP",this.isCalendarOpen=!1,this.navigationDate=ja(Date.now(),e),this.locale=qi,this.#t=void 0,Qe(vs,ws,fs,ms,ys);const t=Ze();t&&Vs[t]&&(this.locale=Vs[t]),this._onClickOutside=this._onClickOutside.bind(this)}connectedCallback(){super.connectedCallback(),this.#t=this.value;const e=this.lang;if(e&&Vs[e]&&(this.locale=Vs[e]),this.value){const e=Es(this.value);e&&(this.navigationDate=e)}document.addEventListener("mousedown",this._onClickOutside),document.addEventListener("touchend",this._onClickOutside),document.addEventListener("focusin",this._onClickOutside)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("mousedown",this._onClickOutside),document.removeEventListener("touchend",this._onClickOutside),document.removeEventListener("focusin",this._onClickOutside)}updated(e){e.has("value")&&this.setValue(this.value)}render(){return be`<div class="w-datepicker-wrapper" id="${js}"><label class="w-datepicker-input-label" for="${Ts}">${this.label}</label><div class="w-datepicker-input-wrapper"><input id="${Ts}" type="${Ps}" name="${Ue(this.name)}" placeholder="${Ue("text"===Ps?As(this.#R):void 0)}" .value="${this.#j}" class="w-datepicker-input" @click="${this.#q}" @input="${this.#L}" @keydown="${this.#W}"><w-button aria-label="${this.value?y.t({id:"datepicker.toggle.changeDate",values:{currentDate:Oi(this.value,this.dayFormat)},message:"Change date, {currentDate}",comment:"Used by screen readers to describe the button that toggles open the calendar in a date picker when there is a selected date"}):y.t({id:"datepicker.toggle.chooseDate",message:"Choose date",comment:"Used by screen readers to describe the button that toggles open the calendar in a date picker when there is no selected date"})}" aria-controls="${Ms}" class="w-datepicker-button" data-testid="${Rs}" id="${Rs}" variant="utilityQuiet" type="button" @click="${this.#N}"><w-icon name="Calendar" size="small" locale="${Ze()}" class="flex"></w-icon></w-button></div></div><div class="w-dropdown__popover w-dropdown__popover--open" style="${gs({display:this.isCalendarOpen?void 0:"none"})}"><div aria-label="${y.t({id:"datepicker.calendar.roleDescription",message:"Date picker",comment:"Used by screen readers to announce that the calendar element is a date picker."})}" aria-modal="true" role="dialog" class="w-datepicker__calendar" data-testid="${Ms}" id="${Ms}" @keydown="${this.#B}"><div class="w-datepicker__month-nav"><w-button aria-label="${y.t({id:"datepicker.calendar.previousMonth",message:"Previous month",comment:"Screen reader label for the previous month button."})}" class="w-datepicker__month__nav__button" id="${Ns}" data-testid="${Ns}" variant="utility" quiet small @click="${this.#I}"><w-icon name="ChevronLeft" size="small" locale="${Ze()}" class="flex"></w-icon></w-button><div aria-live="polite" class="w-datepicker__month__nav__header">${Oi(this.month,this.headerFormat,{locale:this.locale})}</div><w-button aria-label="${y.t({id:"datepicker.calendar.nextMonth",message:"Next month",comment:"Screen reader label for the next month button."})}" class="w-datepicker__month__nav__button" data-testid="${Ms}-next" variant="utility" quiet small @click="${this.#V}"><w-icon name="ChevronRight" size="small" locale="${Ze()}" class="flex"></w-icon></w-button></div><div class="w-datepicker__month"><table class="w-datepicker__table" role="grid"><thead class="w-datepicker__weekdays"><tr>${this.weeks[0].map(e=>be`<th class="w-datepicker__weekday">${Oi(e,this.weekdayFormat,{locale:this.locale})}</th>`)}</tr></thead><tbody>${this.weeks.map(e=>be`<tr>${e.map(e=>{if(!Ti(this.month,e))return be`<td></td>`;const t=!!this.isDayDisabled&&this.isDayDisabled(e),r=Boolean(this.selectedDate)&&Ia(e,this.selectedDate),o=e===this.navigationDate;return be`<td aria-current="${Ue(Ri(e)?"date":void 0)}" aria-disabled="${t}" aria-label="${Oi(e,this.dayFormat,{locale:this.locale})}" aria-selected="${r}" class="${Ye({"w-datepicker__day":!0,"w-datepicker__day--today":Ri(e),"w-datepicker__day--selected":r,"w-datepicker__day--disabled":t,"w-datepicker__day--navigation":o})}" data-navigation="${o}" data-date="${function(e,t){const r=Ea(e,t?.in);if(isNaN(+r))throw new RangeError("Invalid time value");let o="";const n="extended"===(t?.format??"extended")?"-":"";{const e=ii(r.getDate(),2),t=ii(r.getMonth()+1,2);o=`${ii(r.getFullYear(),4)}${n}${t}${n}${e}`}return o}(e,{})}" role="gridcell" tabindex="${o?0:-1}" @click="${t?void 0:this.#H}" @keydown="${t?void 0:this.#H}"><div>${Di(e)}</div></td>`})}</tr>`)}</tbody></table></div></div></div>`}}Ds([je({reflect:!0})],Is.prototype,"label",void 0),Ds([je({reflect:!0})],Is.prototype,"lang",void 0),Ds([je({reflect:!0})],Is.prototype,"name",void 0),Ds([je({reflect:!0})],Is.prototype,"value",void 0),Ds([je({attribute:"header-format"})],Is.prototype,"headerFormat",void 0),Ds([je({attribute:"weekday-format"})],Is.prototype,"weekdayFormat",void 0),Ds([je({attribute:!1})],Is.prototype,"isDayDisabled",void 0),Ds([je({attribute:"day-format"})],Is.prototype,"dayFormat",void 0),Ds([Ne()],Is.prototype,"isCalendarOpen",void 0),Ds([Ne()],Is.prototype,"navigationDate",void 0),Ds([Ne()],Is.prototype,"locale",void 0),Ds([Ne()],Is.prototype,"selectedDate",null),Ds([Ne()],Is.prototype,"month",null),Ds([Ne()],Is.prototype,"weeks",null),Ds([Ie(`#${Ms}`)],Is.prototype,"calendar",void 0),Ds([Ie(`#${Ts}`,!0)],Is.prototype,"input",void 0),Ds([Ie(`#${Rs}`,!0)],Is.prototype,"toggleButton",void 0),Ds([Ie(`#${js}`,!0)],Is.prototype,"wrapper",void 0),Ds([Ie(`#${Ns}`)],Is.prototype,"previousMonthButton",void 0),Ds([Ie('[aria-current="date"]')],Is.prototype,"todayCell",void 0),Ds([Ie('[data-navigation="true"]')],Is.prototype,"selectedCell",void 0),customElements.get("w-datepicker")||customElements.define("w-datepicker",Is);const Fs="undefined"!=typeof window;let Ls=!0;if(Fs){const e=window.matchMedia("(prefers-reduced-motion: reduce)"),t=e=>{let{matches:t}=e;return Ls=!t};e.addEventListener&&e.addEventListener("change",t),t(e)}const qs=e=>{e.style.transition=null,e.style.backfaceVisibility=null,e.style.overflow=null},Ws=e=>{e.style.transition="height var(--w-expansion-duration, var(--f-expansion-duration, 0.3s))",e.style.backfaceVisibility="hidden",e.style.overflow="hidden"},Bs=(e,t)=>{const r=(()=>{if(!t)return new Promise(e=>{t=e})})();if(!Ls)return e.style.height="auto",t&&t(),r;const o=((e,t)=>()=>{e.style.height="auto",e.style.overflow=null,t&&t()})(e,t);qs(e),e.style.height="auto";const n=e.scrollHeight;return Fs&&requestAnimationFrame(()=>{e.addEventListener("transitionend",o,{once:!0}),e.style.height="0px",e.style.transitionTimingFunction="ease-out",Ws(e),requestAnimationFrame(()=>e.style.height=n+"px")}),r||void 0},Hs=(e,t)=>{const r=(()=>{if(!t)return new Promise(e=>{t=e})})();if(!Ls)return e.style.height="0px",t&&t(),r;const o=(e=>()=>{e&&e()})(t);qs(e);const n=e.scrollHeight;return Fs&&requestAnimationFrame(()=>{e.addEventListener("transitionend",o,{once:!0}),e.style.height=n+"px",e.style.transitionTimingFunction="ease-in",Ws(e),requestAnimationFrame(()=>e.style.height="0px")}),r||void 0};class Ys extends Pe{static#e=this.properties={show:{type:Boolean,reflect:!0},_removeElement:{type:Boolean,state:!0}};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(){this._wrapper&&(this._mounted?(this.show&&Bs(this._wrapper),this.show||this._removeElement||Hs(this._wrapper,()=>this._removeElement=!0)):this._mounted=!0)}get _wrapper(){return this??null}static#o=this.styles=[D`:host{display:block}`];render(){return be`<div aria-hidden="${Ue(this.show?void 0:"true")}">${this._removeElement?be``:be`<slot></slot>`}</div>`}}customElements.get("w-expand-transition")||customElements.define("w-expand-transition",Ys)
|
|
74
74
|
/**
|
|
75
75
|
* @license
|
|
76
76
|
* Copyright 2017 Google LLC
|
|
77
77
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
78
|
-
*/;class ol extends He{constructor(e){if(super(e),this.it=me,e.type!==Le)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===me||null==e)return this._t=void 0,this.it=e;if(e===ge)return e;if("string"!=typeof e)throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}}ol.directiveName="unsafeHTML",ol.resultType=1;const nl=Be(ol);class al extends Pe{static#e=this.properties={level:{type:Number}};get _markup(){return`<h${this.level}\n style="margin: 0; font-weight: unset; font-size: unset; line-height: unset;"\n >\n <slot></slot>\n </h${this.level}>\n`}render(){return this.level?nl(this._markup):be`<slot></slot>`}}customElements.get("w-unstyled-heading")||customElements.define("w-unstyled-heading",al);const il=A("*,: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)}.s-bg-subtle{background-color:var(--w-s-color-background-subtle)}.hover\\:s-bg-subtle-hover:hover{background-color:var(--w-s-color-background-subtle-hover)}.active\\:s-bg-subtle-active:active{background-color:var(--w-s-color-background-subtle-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}.px-0{padding-left:0;padding-right:0}.px-16{padding-left:1.6rem;padding-right:1.6rem}.py-0{padding-top:0;padding-bottom:0}.py-16{padding-top:1.6rem;padding-bottom:1.6rem}.pt-0{padding-top:0}.pt-16{padding-top:1.6rem}.pt-8{padding-top:.8rem}.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-chevrondown\\]\\:-rotate-180::part(w-chevrondown){--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-chevronup\\]\\:rotate-180::part(w-chevronup){--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-chevrondown\\]\\:transform::part(w-chevrondown){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-chevronup\\]\\:transform::part(w-chevronup){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-chevrondown\\]\\:transform-gpu::part(w-chevrondown){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-chevronup\\]\\:transform-gpu::part(w-chevronup){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-chevrondown\\]\\:transition-transform::part(w-chevrondown){transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.part-\\[w-chevronup\\]\\:transition-transform::part(w-chevronup){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-chevrondown\\]\\:ease-in-out::part(w-chevrondown){transition-timing-function:cubic-bezier(.4,0,.2,1)}.part-\\[w-chevronup\\]\\:ease-in-out::part(w-chevronup){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 sl=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};const ll="group block relative break-words last-child:mb-0 px-16 rounded-8",dl="will-change-height s-text py-16",cl="s-bg-subtle hover:s-bg-subtle-hover active:s-bg-subtle-active py-0 px-0 group block relative break-words last-child:mb-0 rounded-8",hl="-mx-16 rounded-l-0 rounded-r-0 sm:mx-0 sm:rounded-8",ul="inline-block align-middle s-icon",pl="ml-8",bl="part-[w-chevrondown]:transform part-[w-chevrondown]:transition-transform part-[w-chevrondown]:transform-gpu part-[w-chevrondown]:ease-in-out",gl="part-[w-chevronup]:transform part-[w-chevronup]:transition-transform part-[w-chevronup]:transform-gpu part-[w-chevronup]:ease-in-out",ml="part-[w-chevrondown]:-rotate-180",vl="part-[w-chevronup]:rotate-180",fl="overflow-hidden",wl="h-0 invisible",yl="focus:outline-none appearance-none cursor-pointer bg-transparent border-0 m-0 hover:underline focus-visible:underline",xl="w-full text-left relative inline-flex items-center justify-between group relative break-words last-child:mb-0 px-16 rounded-8",kl="pt-0",_l="flex w-full justify-between items-center",$l="t4";class Sl extends Pe{constructor(){super(...arguments),this.expanded=!1,this.box=!1,this.bleed=!1,this.noChevron=!1,this.animated=!1,this._hasTitle=!0,this._showChevronUp=!1}static#e=this.styles=[nt,il,D`:host{display:block}::slotted(:last-child){margin-bottom:0!important}`];updated(e){e.has("expanded")&&setTimeout(()=>{this._showChevronUp=this.expanded},200)}firstUpdated(){const e=Boolean(this.title),t=this.renderRoot.querySelector("slot[name='title']")?.assignedNodes().length>0;this._hasTitle=e||t}get#Y(){return e([dl,this.box&&cl,this.bleed&&hl])}get#U(){return e(this.buttonClass,[yl,this.box&&xl])}get#X(){return e([ul,!this.box&&pl])}get#J(){const t=e([gl,"flex",!this.expanded&&this._showChevronUp&&vl]),r=e([bl,"flex",this.expanded&&!this._showChevronUp&&ml]),o=Ze();return this._showChevronUp?be`<w-icon name="ChevronUp" size="small" locale="${o}" class="${t}"></w-icon>`:be`<w-icon name="ChevronDown" size="small" locale="${o}" class="${r}"></w-icon>`}get#K(){return e(this.contentClass,[this.box?"pt-16":"pt-8",this.box&&ll,this._hasTitle&&this.box&&kl])}get#Z(){return e([fl,!this.expanded&&wl])}get _expandableSlot(){return be`<div class="${this.#K}"><slot></slot></div>`}render(){return be`<div class="${this.#Y}">${this._hasTitle?be`<w-unstyled-heading level="${Ue(this.headingLevel)}"><button type="button" aria-expanded="${this.expanded}" class="${this.#U}" @click="${()=>this.expanded=!this.expanded}"><div class="${_l}">${this.title?be`<span class="${$l}">${this.title}</span>`:be`<slot name="title"></slot>`} ${this.noChevron?"":be`<div class="${this.#X}">${this.#J}</div>`}</div></button></w-unstyled-heading>`:""} ${this.animated?be`<w-expand-transition ?show="${this.expanded}">${this._expandableSlot}</w-expand-transition>`:be`<div class="${this.#Z}" aria-hidden="${Ue(!this.expanded||void 0)}">${this._expandableSlot}</div>`}</div>`}}sl([je({type:Boolean,reflect:!0})],Sl.prototype,"expanded",void 0),sl([je({type:String})],Sl.prototype,"title",void 0),sl([je({type:Boolean})],Sl.prototype,"box",void 0),sl([je({type:Boolean})],Sl.prototype,"bleed",void 0),sl([je({attribute:"button-class",type:String})],Sl.prototype,"buttonClass",void 0),sl([je({attribute:"content-class",type:String})],Sl.prototype,"contentClass",void 0),sl([je({attribute:"no-chevron",type:Boolean})],Sl.prototype,"noChevron",void 0),sl([je({type:Boolean})],Sl.prototype,"animated",void 0),sl([je({attribute:"heading-level",type:Number})],Sl.prototype,"headingLevel",void 0),sl([je({type:Boolean,state:!0})],Sl.prototype,"_hasTitle",void 0),sl([je({type:Boolean,state:!0})],Sl.prototype,"_showChevronUp",void 0),customElements.get("w-expandable")||customElements.define("w-expandable",Sl);let El=[];const Cl={documentElement:{},body:{}},zl=Object.freeze({documentElement:{"scrollbar-gutter":"stable"},body:{overflow:"hidden",position:"relative",height:"100%"}}),Ol=e=>{e.touches.length>1||e.preventDefault?.()},Al=()=>Object.entries(zl).forEach(e=>{let[t,r]=e;Object.entries(r).forEach((e=>t=>{let[r,o]=t;Cl[e][r]=document[e].style[r],document[e].style[r]=o})(t))}),Dl=()=>Object.entries(Cl).forEach(e=>{let[t,r]=e;Object.entries(r).forEach((e=>t=>{let[r,o]=t;document[e].style[r]=Cl[e][r]})(t))});function Pl(e){let t=-1;e.ontouchstart=e=>{1===e.targetTouches.length&&(t=e.targetTouches[0].clientY)},e.ontouchmove=r=>{if(1!==r.targetTouches.length)return;const o=r.targetTouches[0].clientY-t;return 0===e.scrollTop&&o>0||(e=>e.scrollHeight-Math.abs(e.scrollTop)===e.clientHeight)(e)&&o<0?Ol(r):(r.stopPropagation(),!0)}}function Ml(e){e.ontouchstart=null,e.ontouchmove=null}const Tl=e=>()=>document[e?"addEventListener":"removeEventListener"]("touchmove",Ol,{passive:!1}),Rl=Tl(!0),jl=Tl();const Nl=D`:host{--_backdrop-bg:var(--w-c-modal-backdrop-color,light-dark(#0000004d,#000000bf));--_background-color:var(--w-c-modal-bg,var(--w-s-color-background));--_box-shadow:var(--w-c-modal-box-shadow,var(--w-shadow-l));--_color:var(--w-c-modal-color,var(--w-s-color-text));--_height:var(--w-c-modal-height,var(--w-modal-height) );--_max-height:var(--w-c-modal-max-height,var(--w-modal-max-height,80%) );--_min-height:var(--w-c-modal-min-height,var(--w-modal-min-heigh) );--_translate-distance:var(--w-c-modal-translate-distance,var(--w-modal-translate-distance,100%) );--_width:var(--w-c-modal-width,var(--w-modal-width,640px) )}[part=dialog]{height:unset;max-height:unset;max-width:unset;width:unset;backface-visibility:hidden;background-color:#0000;border-width:0;align-items:flex-end;margin:auto;padding:0;inset:0}[part=dialog]::backdrop{background:var(--_backdrop-bg)}[part=wrapper]{will-change:height;background-color:var(--_background-color);color:var(--_color);box-shadow:var(--_box-shadow);height:var(--_height);max-height:var(--_max-height);min-height:var(--_min-height);width:var(--_width);backface-visibility:hidden;padding-bottom:calc(32px + env(safe-area-inset-bottom,0px));border-radius:8px;flex-direction:column;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}[part=content]{flex-grow:1;flex-shrink:1;margin-bottom:0;padding-left:1.6rem;padding-right:1.6rem;display:block;position:relative;overflow:hidden auto}@media (width>=480px){[part=dialog]{--w-c-modal-translate-distance:50%;place-content:center;place-items:center}[part=wrapper]{margin-left:1.6rem;margin-right:1.6rem;padding-bottom:3.2rem}[part=content]{padding-left:3.2rem;padding-right:3.2rem}}@media (width<=479.9px){[part=wrapper]{border-bottom-right-radius:0;border-bottom-left-radius:0}}[part=dialog][open]{animation:.3s ease-in-out forwards w-modal-in;display:flex;position:fixed}[part=dialog].close{animation:.3s ease-in-out forwards w-modal-out}[part=dialog][open]::backdrop{animation:.3s ease-in-out forwards backdrop-in}[part=dialog].close::backdrop{animation:.3s ease-in-out forwards backdrop-out}@keyframes w-modal-in{0%{transform:translateY(var(--_translate-distance));opacity:0}to{opacity:1;transform:translateY(0)}}@keyframes w-modal-out{0%{opacity:1;transform:translateY(0)}to{transform:translateY(var(--_translate-distance));opacity:0}}@keyframes backdrop-in{0%{background:0 0}to{background:var(--_backdrop-bg)}}@keyframes backdrop-out{0%{background:var(--_backdrop-bg)}to{background:0 0}}`,Vl=e=>class extends e{constructor(){super(...arguments),this.patchClose=!0,this._close=null}close(){this._close()}},Il=e=>class extends e{handleSlotChange(e){const t=e.target.assignedNodes({flatten:!0});for(const e of t.filter(e=>e.patchClose))e._close=()=>this.close()}};var Fl=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};class Ll extends(Il(Pe)){static#e=this.styles=[nt,Nl];constructor(){super(),this.show=!1,this.ignoreBackdropClicks=!1,this._isClosing=!1,this.interceptEscape=this.interceptEscape.bind(this),this.closeOnBackdropClick=this.closeOnBackdropClick.bind(this),this.eventPreventer=this.eventPreventer.bind(this),this.modifyBorderRadius=this.modifyBorderRadius.bind(this)}connectedCallback(){super.connectedCallback(),this.addEventListener("command",e=>{const t=e.command;"--show-modal"===t?this.open():"--close"!==t&&"--confirm"!==t||this.close()})}async open(){this._isClosing=!1,this.dialogEl.classList.remove("close"),this.dialogEl.showModal(),this.handleListeners(),function(e){if(!e)throw Error("Could not run setup, an element must be provided");El.some(t=>t===e)||(El.length||(Al(),Rl()),Pl(e),El.push(e))}(this.contentEl),await this.updateComplete,this.dispatchEvent(new CustomEvent("shown",{bubbles:!0,composed:!0}))}close(){this.dialogEl?.open&&(this._isClosing=!0,this.handleListeners("removeEventListener"),this.dialogEl.classList.add("close"),this.dialogEl.addEventListener("animationend",async e=>{"w-modal-out"===e.animationName&&this._isClosing&&(this.dialogEl.classList.remove("close"),this.dialogEl.close(),this._isClosing=!1,El.forEach(Ml),jl(),Dl(),El=[],this.show=!1,await this.updateComplete,this.dispatchEvent(new CustomEvent("hidden",{bubbles:!0,composed:!0})))},{once:!0}))}updated(e){if(!e.has("show"))return;void 0===e.get("show")&&!1===this.show||this[this.show?"open":"close"]()}handleListeners(e){void 0===e&&(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){"Escape"===e.key&&(e.preventDefault(),this.close())}modifyBorderRadius(){1.02*this.dialogInnerEl.scrollHeight>innerHeight?this.dialogInnerEl.style.borderRadius="0px":this.dialogInnerEl.style.borderRadius=null}render(){return be`<dialog part="dialog"><div part="wrapper"><slot name="header" @slotchange="${this.handleSlotChange}"></slot><div part="content" id="${Ue(this.contentId)}"><slot name="content" @slotchange="${this.handleSlotChange}"></slot></div><slot name="footer" @slotchange="${this.handleSlotChange}"></slot></div></dialog>`}}Fl([je({type:Boolean})],Ll.prototype,"show",void 0),Fl([je({type:String,attribute:"content-id"})],Ll.prototype,"contentId",void 0),Fl([je({type:Boolean,attribute:"ignore-backdrop-clicks"})],Ll.prototype,"ignoreBackdropClicks",void 0),Fl([Ie('[part="dialog"]')],Ll.prototype,"dialogEl",void 0),Fl([Ie('[part="wrapper"]')],Ll.prototype,"dialogInnerEl",void 0),Fl([Ie('[part="content"]')],Ll.prototype,"contentEl",void 0);const ql=Ll;customElements.get("w-modal")||customElements.define("w-modal",Ll);const Wl=D`:host{--_gap:var(--w-c-modal-footer-gap,8px)}[part=footer]{justify-content:flex-end;gap:var(--_gap);padding-top:2.4rem;padding-left:1.6rem;padding-right:1.6rem;display:flex}@media (width>=480px){[part=footer]{padding-left:3.2rem;padding-right:3.2rem}}`;class Bl extends(Vl(Il(Pe))){static#e=this.styles=[nt,Wl];render(){return be`<slot part="footer" @slotchange="${this.handleSlotChange}"></slot>`}}const Hl=Bl;customElements.get("w-modal-footer")||customElements.define("w-modal-footer",Bl);const Yl=e=>{let{dx:t,dy:r}=e;return[{transform:`translate(${t}px, ${r}px)`},{transform:"none"}]},Ul={easing:"ease",duration:300};let Xl=!1;if("undefined"!=typeof window){const e=window.matchMedia("(prefers-reduced-motion: reduce)"),t=e=>{let{matches:t}=e;return Xl=t};e.addEventListener&&e.addEventListener("change",t),t(e)}class Jl{constructor(e,{animation:t={},keyframes:r,respectReduceMotion:o=!0}={}){this.el=e,this.first={},this.last={},this.userAnimationOptions=t,this.keyframeGenerator=r||Yl,this.shouldReduceMotion=o}async when(e){this.prep();const t=await e();return await this.play(),t}prep(){this.first=this.el.getBoundingClientRect()}async play(){if(this.last=this.el.getBoundingClientRect(),!this.el.animate)return;const e=this.el.animate(this.keyframes,this.animationOptions);await e.finished}get keyframes(){return this.keyframeGenerator((e=this.first,t=this.last,{dx:e.left-t.left,dy:e.top-t.top,dw:e.width/t.width,dh:e.height/t.height,first:e,last:t}));var e,t}get defaults(){return Ul}get mergedOptions(){return{...this.defaults,...this.userAnimationOptions}}get animationOptions(){return this.shouldReduceMotion&&Xl?{...this.mergedOptions,duration:0}:this.mergedOptions}}const Kl=JSON.parse('{"modal.aria.back":["Tilbage"],"modal.aria.close":["Luk"]}'),Zl=JSON.parse('{"modal.aria.back":["Back"],"modal.aria.close":["Close"]}'),Ql=JSON.parse('{"modal.aria.back":["Takaisin"],"modal.aria.close":["Sulje"]}'),Gl=JSON.parse('{"modal.aria.back":["Tilbake"],"modal.aria.close":["Lukk"]}'),ed=JSON.parse('{"modal.aria.back":["Tillbaka"],"modal.aria.close":["Stäng"]}'),td=D`:host{--_font-size:var(--w-c-modal-header-font-size,var(--w-font-size-l));--_line-height:var(--w-c-modal-header-line-height,var(--w-line-height-l));--_title-margin:0 0 6px 0;--_title-padding:22px 0 0 16px;--_close-button-top:14px;--_close-button-right:0px;--_header-margin-bottom:var(--w-c-modal-header-margin-bottom,8px)}@media (width>=480px){:host{--_title-padding:22px 0 0 32px;--_close-button-right:14px}}[part=header]{margin-bottom:var(--_header-margin-bottom);grid-template:"top top top""title title title";display:grid}[part=header][show-back]:not([show-close]){grid-template:"top top top""back title title"}[part=header][show-close]:not([show-back]){grid-template:"top top top""title title close"}[part=header][show-back][show-close]{grid-template:"top top top""back title close"/44px 1fr 44px}[part=top]::slotted(*){grid-area:top}[part=title]{margin:var(--_title-margin);padding:var(--_title-padding);font-weight:700;font-size:var(--_font-size);line-height:var(--_line-height);grid-area:title}[part=header][show-back] [part=title]{text-align:center}[part=back]{grid-area:back;margin-block-end:-2px;padding-block-start:14px;padding-inline-start:18px}[part=header][show-back] [part=title]{padding-inline-start:0}[part=close]{top:var(--_close-button-top);right:var(--_close-button-right);grid-area:close;position:absolute}[part=header][show-top] [part=close]{--w-c-button-color:var(--w-s-color-icon-inverted-static);--w-c-button-color-hover:var(--w-s-color-icon-inverted-static);--w-c-button-color-active:var(--w-s-color-icon-inverted-static);--w-c-button-bg:rgba(var(--w-rgb-black), .7);--w-c-button-bg-hover:rgba(var(--w-rgb-black), .85);--w-c-button-bg-active:rgba(var(--w-rgb-black), 1)}`;var rd=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};class od extends(Vl(Pe)){static#e=this.styles=[nt,td];constructor(){super(),this.back=!1,this.noClose=!1,this._hasTopContent=!1,Qe(Zl,Gl,Ql,Kl,ed)}async willUpdate(e){if(e.has("back")){if(!this.titleEl)return;new Jl(this.titleEl).when(async()=>{await this.updateComplete})}}emitBack(){this.dispatchEvent(new CustomEvent("backClicked",{bubbles:!0,composed:!0}))}handleTopSlotChange(e){const t=e.target.assignedElements({flatten:!0});this._hasTopContent=!!t.length}render(){const e=this.back&&!this._hasTopContent,t=!this.noClose;return be`<div part="header" ?show-top="${this._hasTopContent}" ?show-back="${e}" ?show-close="${t}"><slot part="top" name="top" @slotchange="${this.handleTopSlotChange}"></slot>${e?be`<w-button type="button" part="back" aria-label="${y._({id:"modal.aria.back",message:"Back",comment:"Aria label for the back button in modal"})}" variant="pill" icon-only @click="${this.emitBack}"><w-icon name="ArrowLeft" size="small" locale="${Ze()}"></w-icon></w-button>`:me}<p part="title">${this.title}</p>${t?be`<w-button type="button" part="close" aria-label="${y._({id:"modal.aria.close",message:"Close",comment:"Aria label for the close button in modal"})}" variant="pill" icon-only @click="${this.close}"><w-icon name="Close" size="small" locale="${Ze()}" style="height:16px" class="flex"></w-icon></w-button>`:me}</div>`}}rd([je({type:String})],od.prototype,"title",void 0),rd([je({type:Boolean})],od.prototype,"back",void 0),rd([je({type:Boolean,attribute:"no-close"})],od.prototype,"noClose",void 0),rd([Ne()],od.prototype,"_hasTopContent",void 0),rd([Ie('[part="title"]')],od.prototype,"titleEl",void 0);const nd=od;customElements.get("w-modal-header")||customElements.define("w-modal-header",od)
|
|
78
|
+
*/;class Us extends He{constructor(e){if(super(e),this.it=me,e.type!==Le)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===me||null==e)return this._t=void 0,this.it=e;if(e===ge)return e;if("string"!=typeof e)throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}}Us.directiveName="unsafeHTML",Us.resultType=1;const Xs=Be(Us);class Js extends Pe{static#e=this.properties={level:{type:Number}};get _markup(){return`<h${this.level}\n style="margin: 0; font-weight: unset; font-size: unset; line-height: unset;"\n >\n <slot></slot>\n </h${this.level}>\n`}render(){return this.level?Xs(this._markup):be`<slot></slot>`}}customElements.get("w-unstyled-heading")||customElements.define("w-unstyled-heading",Js);const Ks=A("*,: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)}.s-bg-subtle{background-color:var(--w-s-color-background-subtle)}.hover\\:s-bg-subtle-hover:hover{background-color:var(--w-s-color-background-subtle-hover)}.active\\:s-bg-subtle-active:active{background-color:var(--w-s-color-background-subtle-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}.px-0{padding-left:0;padding-right:0}.px-16{padding-left:1.6rem;padding-right:1.6rem}.py-0{padding-top:0;padding-bottom:0}.py-16{padding-top:1.6rem;padding-bottom:1.6rem}.pt-0{padding-top:0}.pt-16{padding-top:1.6rem}.pt-8{padding-top:.8rem}.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-chevrondown\\]\\:-rotate-180::part(w-chevrondown){--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-chevronup\\]\\:rotate-180::part(w-chevronup){--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-chevrondown\\]\\:transform::part(w-chevrondown){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-chevronup\\]\\:transform::part(w-chevronup){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-chevrondown\\]\\:transform-gpu::part(w-chevrondown){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-chevronup\\]\\:transform-gpu::part(w-chevronup){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-chevrondown\\]\\:transition-transform::part(w-chevrondown){transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.part-\\[w-chevronup\\]\\:transition-transform::part(w-chevronup){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-chevrondown\\]\\:ease-in-out::part(w-chevrondown){transition-timing-function:cubic-bezier(.4,0,.2,1)}.part-\\[w-chevronup\\]\\:ease-in-out::part(w-chevronup){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 Zs=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};const Qs="group block relative break-words last-child:mb-0 px-16 rounded-8",Gs="will-change-height s-text py-16",el="s-bg-subtle hover:s-bg-subtle-hover active:s-bg-subtle-active py-0 px-0 group block relative break-words last-child:mb-0 rounded-8",tl="-mx-16 rounded-l-0 rounded-r-0 sm:mx-0 sm:rounded-8",rl="inline-block align-middle s-icon",ol="ml-8",nl="part-[w-chevrondown]:transform part-[w-chevrondown]:transition-transform part-[w-chevrondown]:transform-gpu part-[w-chevrondown]:ease-in-out",al="part-[w-chevronup]:transform part-[w-chevronup]:transition-transform part-[w-chevronup]:transform-gpu part-[w-chevronup]:ease-in-out",il="part-[w-chevrondown]:-rotate-180",sl="part-[w-chevronup]:rotate-180",ll="overflow-hidden",dl="h-0 invisible",cl="focus:outline-none appearance-none cursor-pointer bg-transparent border-0 m-0 hover:underline focus-visible:underline",hl="w-full text-left relative inline-flex items-center justify-between group relative break-words last-child:mb-0 px-16 rounded-8",ul="pt-0",pl="flex w-full justify-between items-center",bl="t4";class gl extends Pe{constructor(){super(...arguments),this.expanded=!1,this.box=!1,this.bleed=!1,this.noChevron=!1,this.animated=!1,this._hasTitle=!0,this._showChevronUp=!1}static#e=this.styles=[nt,Ks,D`:host{display:block}::slotted(:last-child){margin-bottom:0!important}`];updated(e){e.has("expanded")&&setTimeout(()=>{this._showChevronUp=this.expanded},200)}firstUpdated(){const e=Boolean(this.title),t=this.renderRoot.querySelector("slot[name='title']")?.assignedNodes().length>0;this._hasTitle=e||t}get#Y(){return e([Gs,this.box&&el,this.bleed&&tl])}get#U(){return e(this.buttonClass,[cl,this.box&&hl])}get#X(){return e([rl,!this.box&&ol])}get#J(){const t=e([al,"flex",!this.expanded&&this._showChevronUp&&sl]),r=e([nl,"flex",this.expanded&&!this._showChevronUp&&il]),o=Ze();return this._showChevronUp?be`<w-icon name="ChevronUp" size="small" locale="${o}" class="${t}"></w-icon>`:be`<w-icon name="ChevronDown" size="small" locale="${o}" class="${r}"></w-icon>`}get#K(){return e(this.contentClass,[this.box?"pt-16":"pt-8",this.box&&Qs,this._hasTitle&&this.box&&ul])}get#Z(){return e([ll,!this.expanded&&dl])}get _expandableSlot(){return be`<div class="${this.#K}"><slot></slot></div>`}render(){return be`<div class="${this.#Y}">${this._hasTitle?be`<w-unstyled-heading level="${Ue(this.headingLevel)}"><button type="button" aria-expanded="${this.expanded}" class="${this.#U}" @click="${()=>this.expanded=!this.expanded}"><div class="${pl}">${this.title?be`<span class="${bl}">${this.title}</span>`:be`<slot name="title"></slot>`} ${this.noChevron?"":be`<div class="${this.#X}">${this.#J}</div>`}</div></button></w-unstyled-heading>`:""} ${this.animated?be`<w-expand-transition ?show="${this.expanded}">${this._expandableSlot}</w-expand-transition>`:be`<div class="${this.#Z}" aria-hidden="${Ue(!this.expanded||void 0)}">${this._expandableSlot}</div>`}</div>`}}Zs([je({type:Boolean,reflect:!0})],gl.prototype,"expanded",void 0),Zs([je({type:String})],gl.prototype,"title",void 0),Zs([je({type:Boolean})],gl.prototype,"box",void 0),Zs([je({type:Boolean})],gl.prototype,"bleed",void 0),Zs([je({attribute:"button-class",type:String})],gl.prototype,"buttonClass",void 0),Zs([je({attribute:"content-class",type:String})],gl.prototype,"contentClass",void 0),Zs([je({attribute:"no-chevron",type:Boolean})],gl.prototype,"noChevron",void 0),Zs([je({type:Boolean})],gl.prototype,"animated",void 0),Zs([je({attribute:"heading-level",type:Number})],gl.prototype,"headingLevel",void 0),Zs([je({type:Boolean,state:!0})],gl.prototype,"_hasTitle",void 0),Zs([je({type:Boolean,state:!0})],gl.prototype,"_showChevronUp",void 0),customElements.get("w-expandable")||customElements.define("w-expandable",gl);let ml=[];const vl={documentElement:{},body:{}},fl=Object.freeze({documentElement:{"scrollbar-gutter":"stable"},body:{overflow:"hidden",position:"relative",height:"100%"}}),wl=e=>{e.touches.length>1||e.preventDefault?.()},yl=()=>Object.entries(fl).forEach(e=>{let[t,r]=e;Object.entries(r).forEach((e=>t=>{let[r,o]=t;vl[e][r]=document[e].style[r],document[e].style[r]=o})(t))}),xl=()=>Object.entries(vl).forEach(e=>{let[t,r]=e;Object.entries(r).forEach((e=>t=>{let[r,o]=t;document[e].style[r]=vl[e][r]})(t))});function kl(e){let t=-1;e.ontouchstart=e=>{1===e.targetTouches.length&&(t=e.targetTouches[0].clientY)},e.ontouchmove=r=>{if(1!==r.targetTouches.length)return;const o=r.targetTouches[0].clientY-t;return 0===e.scrollTop&&o>0||(e=>e.scrollHeight-Math.abs(e.scrollTop)===e.clientHeight)(e)&&o<0?wl(r):(r.stopPropagation(),!0)}}function _l(e){e.ontouchstart=null,e.ontouchmove=null}const $l=e=>()=>document[e?"addEventListener":"removeEventListener"]("touchmove",wl,{passive:!1}),Sl=$l(!0),El=$l();const Cl=D`:host{--_backdrop-bg:var(--w-c-modal-backdrop-color,light-dark(#0000004d,#000000bf));--_background-color:var(--w-c-modal-bg,var(--w-s-color-background));--_box-shadow:var(--w-c-modal-box-shadow,var(--w-shadow-l));--_color:var(--w-c-modal-color,var(--w-s-color-text));--_height:var(--w-c-modal-height,var(--w-modal-height) );--_max-height:var(--w-c-modal-max-height,var(--w-modal-max-height,80%) );--_min-height:var(--w-c-modal-min-height,var(--w-modal-min-heigh) );--_translate-distance:var(--w-c-modal-translate-distance,var(--w-modal-translate-distance,100%) );--_width:var(--w-c-modal-width,var(--w-modal-width,640px) )}[part=dialog]{height:unset;max-height:unset;max-width:unset;width:unset;backface-visibility:hidden;background-color:#0000;border-width:0;align-items:flex-end;margin:auto;padding:0;inset:0}[part=dialog]::backdrop{background:var(--_backdrop-bg)}[part=wrapper]{will-change:height;background-color:var(--_background-color);color:var(--_color);box-shadow:var(--_box-shadow);height:var(--_height);max-height:var(--_max-height);min-height:var(--_min-height);width:var(--_width);backface-visibility:hidden;padding-bottom:calc(32px + env(safe-area-inset-bottom,0px));border-radius:8px;flex-direction:column;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}[part=content]{flex-grow:1;flex-shrink:1;margin-bottom:0;padding-left:1.6rem;padding-right:1.6rem;display:block;position:relative;overflow:hidden auto}@media (width>=480px){[part=dialog]{--w-c-modal-translate-distance:50%;place-content:center;place-items:center}[part=wrapper]{margin-left:1.6rem;margin-right:1.6rem;padding-bottom:3.2rem}[part=content]{padding-left:3.2rem;padding-right:3.2rem}}@media (width<=479.9px){[part=wrapper]{border-bottom-right-radius:0;border-bottom-left-radius:0}}[part=dialog][open]{animation:.3s ease-in-out forwards w-modal-in;display:flex;position:fixed}[part=dialog].close{animation:.3s ease-in-out forwards w-modal-out}[part=dialog][open]::backdrop{animation:.3s ease-in-out forwards backdrop-in}[part=dialog].close::backdrop{animation:.3s ease-in-out forwards backdrop-out}@keyframes w-modal-in{0%{transform:translateY(var(--_translate-distance));opacity:0}to{opacity:1;transform:translateY(0)}}@keyframes w-modal-out{0%{opacity:1;transform:translateY(0)}to{transform:translateY(var(--_translate-distance));opacity:0}}@keyframes backdrop-in{0%{background:0 0}to{background:var(--_backdrop-bg)}}@keyframes backdrop-out{0%{background:var(--_backdrop-bg)}to{background:0 0}}`,zl=e=>class extends e{constructor(){super(...arguments),this.patchClose=!0,this._close=null}close(){this._close()}},Ol=e=>class extends e{handleSlotChange(e){const t=e.target.assignedNodes({flatten:!0});for(const e of t.filter(e=>e.patchClose))e._close=()=>this.close()}};var Al=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};class Dl extends(Ol(Pe)){static#e=this.styles=[nt,Cl];constructor(){super(),this.show=!1,this.ignoreBackdropClicks=!1,this._isClosing=!1,this.interceptEscape=this.interceptEscape.bind(this),this.closeOnBackdropClick=this.closeOnBackdropClick.bind(this),this.eventPreventer=this.eventPreventer.bind(this),this.modifyBorderRadius=this.modifyBorderRadius.bind(this)}connectedCallback(){super.connectedCallback(),this.addEventListener("command",e=>{const t=e.command;"--show-modal"===t?this.open():"--close"!==t&&"--confirm"!==t||this.close()})}async open(){this._isClosing=!1,this.dialogEl.classList.remove("close"),this.dialogEl.showModal(),this.handleListeners(),function(e){if(!e)throw Error("Could not run setup, an element must be provided");ml.some(t=>t===e)||(ml.length||(yl(),Sl()),kl(e),ml.push(e))}(this.contentEl),await this.updateComplete,this.dispatchEvent(new CustomEvent("shown",{bubbles:!0,composed:!0}))}close(){this.dialogEl?.open&&(this._isClosing=!0,this.handleListeners("removeEventListener"),this.dialogEl.classList.add("close"),this.dialogEl.addEventListener("animationend",async e=>{"w-modal-out"===e.animationName&&this._isClosing&&(this.dialogEl.classList.remove("close"),this.dialogEl.close(),this._isClosing=!1,ml.forEach(_l),El(),xl(),ml=[],this.show=!1,await this.updateComplete,this.dispatchEvent(new CustomEvent("hidden",{bubbles:!0,composed:!0})))},{once:!0}))}updated(e){if(!e.has("show"))return;void 0===e.get("show")&&!1===this.show||this[this.show?"open":"close"]()}handleListeners(e){void 0===e&&(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){"Escape"===e.key&&(e.preventDefault(),this.close())}modifyBorderRadius(){1.02*this.dialogInnerEl.scrollHeight>innerHeight?this.dialogInnerEl.style.borderRadius="0px":this.dialogInnerEl.style.borderRadius=null}render(){return be`<dialog part="dialog"><div part="wrapper"><slot name="header" @slotchange="${this.handleSlotChange}"></slot><div part="content" id="${Ue(this.contentId)}"><slot name="content" @slotchange="${this.handleSlotChange}"></slot></div><slot name="footer" @slotchange="${this.handleSlotChange}"></slot></div></dialog>`}}Al([je({type:Boolean})],Dl.prototype,"show",void 0),Al([je({type:String,attribute:"content-id"})],Dl.prototype,"contentId",void 0),Al([je({type:Boolean,attribute:"ignore-backdrop-clicks"})],Dl.prototype,"ignoreBackdropClicks",void 0),Al([Ie('[part="dialog"]')],Dl.prototype,"dialogEl",void 0),Al([Ie('[part="wrapper"]')],Dl.prototype,"dialogInnerEl",void 0),Al([Ie('[part="content"]')],Dl.prototype,"contentEl",void 0);const Pl=Dl;customElements.get("w-modal")||customElements.define("w-modal",Dl);const Ml=D`:host{--_gap:var(--w-c-modal-footer-gap,8px)}[part=footer]{justify-content:flex-end;gap:var(--_gap);padding-top:2.4rem;padding-left:1.6rem;padding-right:1.6rem;display:flex}@media (width>=480px){[part=footer]{padding-left:3.2rem;padding-right:3.2rem}}`;class Tl extends(zl(Ol(Pe))){static#e=this.styles=[nt,Ml];render(){return be`<slot part="footer" @slotchange="${this.handleSlotChange}"></slot>`}}const Rl=Tl;customElements.get("w-modal-footer")||customElements.define("w-modal-footer",Tl);const jl=e=>{let{dx:t,dy:r}=e;return[{transform:`translate(${t}px, ${r}px)`},{transform:"none"}]},Nl={easing:"ease",duration:300};let Vl=!1;if("undefined"!=typeof window){const e=window.matchMedia("(prefers-reduced-motion: reduce)"),t=e=>{let{matches:t}=e;return Vl=t};e.addEventListener&&e.addEventListener("change",t),t(e)}class Il{constructor(e,{animation:t={},keyframes:r,respectReduceMotion:o=!0}={}){this.el=e,this.first={},this.last={},this.userAnimationOptions=t,this.keyframeGenerator=r||jl,this.shouldReduceMotion=o}async when(e){this.prep();const t=await e();return await this.play(),t}prep(){this.first=this.el.getBoundingClientRect()}async play(){if(this.last=this.el.getBoundingClientRect(),!this.el.animate)return;const e=this.el.animate(this.keyframes,this.animationOptions);await e.finished}get keyframes(){return this.keyframeGenerator((e=this.first,t=this.last,{dx:e.left-t.left,dy:e.top-t.top,dw:e.width/t.width,dh:e.height/t.height,first:e,last:t}));var e,t}get defaults(){return Nl}get mergedOptions(){return{...this.defaults,...this.userAnimationOptions}}get animationOptions(){return this.shouldReduceMotion&&Vl?{...this.mergedOptions,duration:0}:this.mergedOptions}}const Fl=JSON.parse('{"modal.aria.back":["Tilbage"],"modal.aria.close":["Luk"]}'),Ll=JSON.parse('{"modal.aria.back":["Back"],"modal.aria.close":["Close"]}'),ql=JSON.parse('{"modal.aria.back":["Takaisin"],"modal.aria.close":["Sulje"]}'),Wl=JSON.parse('{"modal.aria.back":["Tilbake"],"modal.aria.close":["Lukk"]}'),Bl=JSON.parse('{"modal.aria.back":["Tillbaka"],"modal.aria.close":["Stäng"]}'),Hl=D`:host{--_font-size:var(--w-c-modal-header-font-size,var(--w-font-size-l));--_line-height:var(--w-c-modal-header-line-height,var(--w-line-height-l));--_title-margin:0 0 6px 0;--_title-padding:22px 0 0 16px;--_close-button-top:14px;--_close-button-right:0px;--_header-margin-bottom:var(--w-c-modal-header-margin-bottom,8px)}@media (width>=480px){:host{--_title-padding:22px 0 0 32px;--_close-button-right:14px}}[part=header]{margin-bottom:var(--_header-margin-bottom);grid-template:"top top top""title title title";display:grid}[part=header][show-back]:not([show-close]){grid-template:"top top top""back title title"}[part=header][show-close]:not([show-back]){grid-template:"top top top""title title close"}[part=header][show-back][show-close]{grid-template:"top top top""back title close"/44px 1fr 44px}[part=top]::slotted(*){grid-area:top}[part=title]{margin:var(--_title-margin);padding:var(--_title-padding);font-weight:700;font-size:var(--_font-size);line-height:var(--_line-height);grid-area:title}[part=header][show-back] [part=title]{text-align:center}[part=back]{grid-area:back;margin-block-end:-2px;padding-block-start:14px;padding-inline-start:18px}[part=header][show-back] [part=title]{padding-inline-start:0}[part=close]{top:var(--_close-button-top);right:var(--_close-button-right);grid-area:close;position:absolute}[part=header][show-top] [part=close]{--w-c-button-color:var(--w-s-color-icon-inverted-static);--w-c-button-color-hover:var(--w-s-color-icon-inverted-static);--w-c-button-color-active:var(--w-s-color-icon-inverted-static);--w-c-button-bg:rgba(var(--w-rgb-black), .7);--w-c-button-bg-hover:rgba(var(--w-rgb-black), .85);--w-c-button-bg-active:rgba(var(--w-rgb-black), 1)}`;var Yl=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};class Ul extends(zl(Pe)){static#e=this.styles=[nt,Hl];constructor(){super(),this.back=!1,this.noClose=!1,this._hasTopContent=!1,Qe(Ll,Wl,ql,Fl,Bl)}async willUpdate(e){if(e.has("back")){if(!this.titleEl)return;new Il(this.titleEl).when(async()=>{await this.updateComplete})}}emitBack(){this.dispatchEvent(new CustomEvent("backClicked",{bubbles:!0,composed:!0}))}handleTopSlotChange(e){const t=e.target.assignedElements({flatten:!0});this._hasTopContent=!!t.length}render(){const e=this.back&&!this._hasTopContent,t=!this.noClose;return be`<div part="header" ?show-top="${this._hasTopContent}" ?show-back="${e}" ?show-close="${t}"><slot part="top" name="top" @slotchange="${this.handleTopSlotChange}"></slot>${e?be`<w-button type="button" part="back" aria-label="${y._({id:"modal.aria.back",message:"Back",comment:"Aria label for the back button in modal"})}" variant="pill" icon-only @click="${this.emitBack}"><w-icon name="ArrowLeft" size="small" locale="${Ze()}"></w-icon></w-button>`:me}<p part="title">${this.title}</p>${t?be`<w-button type="button" part="close" aria-label="${y._({id:"modal.aria.close",message:"Close",comment:"Aria label for the close button in modal"})}" variant="pill" icon-only @click="${this.close}"><w-icon name="Close" size="small" locale="${Ze()}" style="height:16px" class="flex"></w-icon></w-button>`:me}</div>`}}Yl([je({type:String})],Ul.prototype,"title",void 0),Yl([je({type:Boolean})],Ul.prototype,"back",void 0),Yl([je({type:Boolean,attribute:"no-close"})],Ul.prototype,"noClose",void 0),Yl([Ne()],Ul.prototype,"_hasTopContent",void 0),Yl([Ie('[part="title"]')],Ul.prototype,"titleEl",void 0);const Xl=Ul;customElements.get("w-modal-header")||customElements.define("w-modal-header",Ul)
|
|
79
79
|
/**
|
|
80
80
|
* @license
|
|
81
81
|
* Copyright 2021 Google LLC
|
|
82
82
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
83
|
-
*/;const
|
|
83
|
+
*/;const Jl=JSON.parse('{"page-indicator.aria.label":["Prik ",["selectedPage"]," er fremhævet i en række med ",["pageCount"]," prikker"]}'),Kl=JSON.parse('{"page-indicator.aria.label":["Dot ",["selectedPage"]," is highlighted in a row of ",["pageCount"]," dots"]}'),Zl=JSON.parse('{"page-indicator.aria.label":["Piste ",["selectedPage"]," on korostettuna ",["pageCount"]," pisteen rivissä"]}'),Ql=JSON.parse('{"page-indicator.aria.label":["Prikk ",["selectedPage"]," er uthevet i en rad med ",["pageCount"]," prikker"]}'),Gl=JSON.parse('{"page-indicator.aria.label":["Prick ",["selectedPage"]," är markerad i en rad med ",["pageCount"]," prickar"]}'),ed=D`.w-page-indicator{pointer-events:none;justify-content:center;height:max-content;display:grid}.w-page-indicator--container{grid-auto-flow:column;gap:8px;display:grid}.w-page-indicator--dot{background-color:var(--w-s-color-background-disabled);border-radius:5px;width:10px;height:10px}.w-page-indicator--selecteddot{background-color:var(--w-s-color-icon-selected)}`;var td=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};Qe(Kl,Ql,Zl,Jl,Gl);class rd extends Pe{constructor(){super(...arguments),this.selectedPage=1,this.pageCount=1}static#e=this.styles=[ed];get _validPageCount(){return Math.max(1,Math.floor(this.pageCount??1))}get _validSelectedPage(){const e=Math.floor(this.selectedPage??1);return Math.max(1,Math.min(e,this._validPageCount))}render(){const e=this._validPageCount,t=this._validSelectedPage,r=y._({id:"page-indicator.aria.label",comment:"Default screenreader message for page indicator group",message:"Dot {selectedPage} is highlighted in a row of {pageCount} dots",values:{selectedPage:t,pageCount:e}});return be`<div class="w-page-indicator" role="img" aria-label="${r}"><div class="w-page-indicator--container">${function*(e,t){if(void 0!==e){let r=0;for(const o of e)yield t(o,r++)}}
|
|
84
84
|
/**
|
|
85
85
|
* @license
|
|
86
86
|
* Copyright 2021 Google LLC
|
|
87
87
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
88
|
-
*/(function*(e,t,r){void 0===r&&(r=1);const o=void 0===t?0:e;t??=e;for(let e=o;r>0?e<t:t<e;e+=r)yield e}(e),e=>be`<div class="${Ye({"w-page-indicator--dot":!0,"w-page-indicator--selecteddot":e+1===t})}"></div>`)}</div></div>`}}hd([je({type:Number,attribute:"selected-page",reflect:!0,useDefault:!0})],ud.prototype,"selectedPage",void 0),hd([je({type:Number,attribute:"page-count",reflect:!0,useDefault:!0})],ud.prototype,"pageCount",void 0),customElements.get("w-page-indicator")||customElements.define("w-page-indicator",ud);const pd=JSON.parse('{"pagination.aria.first-page":["Første side"],"pagination.aria.icon-suffix":["ikon"],"pagination.aria.next-page":["Næste side"],"pagination.aria.page":["Side ",["currentPage"]],"pagination.aria.pagination":["Sider"],"pagination.aria.prev-page":["Forrige side"],"pagination.label.current-page":["Side ",["currentPage"]]}'),bd=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"],"pagination.label.current-page":["Page ",["currentPage"]]}'),gd=JSON.parse('{"pagination.aria.first-page":["Ensimmäinen 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"],"pagination.label.current-page":["Sivu ",["currentPage"]]}'),md=JSON.parse('{"pagination.aria.first-page":["Første 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"],"pagination.label.current-page":["Side ",["currentPage"]]}'),vd=JSON.parse('{"pagination.aria.first-page":["Första sidan"],"pagination.aria.icon-suffix":["ikon"],"pagination.aria.next-page":["Nästa sida"],"pagination.aria.page":["Sida ",["currentPage"]],"pagination.aria.pagination":["Sidor"],"pagination.aria.prev-page":["Föregående sida"],"pagination.label.current-page":["Sida ",["currentPage"]]}'),fd=A("*,: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}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.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}.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)}@media (min-width:768px){.md\\:block{display:block}.md\\:hidden{display:none}}");var wd=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};const yd=()=>y._({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"}),xd="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";class kd extends Pe{static#e=this.styles=[nt,fd,D`w-icon{height:16px}`];constructor(){super(),this.pages=0,this.currentPageNumber=1,this.visiblePages=7,Qe(bd,md,gd,pd,vd)}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},(e,t)=>t+1);const e=Math.floor(this.visiblePages/2);let t=Math.max(1,this.currentPageNumber-e);const r=Math.min(this.pages,t+this.visiblePages-1);return r-t+1<this.visiblePages&&(t=Math.max(1,r-this.visiblePages+1)),Array.from({length:r-t+1},(e,r)=>t+r)}#Q(e){const t=e.target.getAttribute("data-page-number");this.dispatchEvent(new CustomEvent("page-click",{detail:{clickedPage:t},bubbles:!0,composed:!0}))}render(){const e=this.visiblePageNumbers;return be`<nav class="flex items-center justify-center p-8" @click="${this.#Q}"><h1 class="sr-only">${y._({id:"pagination.aria.pagination",message:"Pages",comment:"Default screenreader message for pagination container in the pagination component"})}</h1><div class="flex items-center s-text-link">${this.shouldShowShowFirstPageButton?be`<a data-page-number="1" href="${this.baseUrl}1" class="${xd+" s-icon hover:bg-[--w-color-button-pill-background-hover] active:bg-[--w-color-button-pill-background-active]"}"><span class="sr-only">${y._({id:"pagination.aria.first-page",message:"First page",comment:"Default screenreader message for first page link in the pagination component"})},</span><w-icon name="ChevronDoubleLeft" size="small" locale="${Ze()}" class="pointer-events-none flex items-center" class="flex"></w-icon><span class="sr-only">${yd()}</span></a>`:me} ${this.shouldShowPreviousPageButton?be`<a data-page-number="${this.currentPageNumber-1}" href="${this.baseUrl}${this.currentPageNumber-1}" class="${xd+" s-icon hover:bg-[--w-color-button-pill-background-hover] active:bg-[--w-color-button-pill-background-active]"}"><span class="sr-only">${y._({id:"pagination.aria.prev-page",message:"Previous page",comment:"Default screenreader message for previous page link in the pagination component"})},</span><w-icon name="ChevronLeft" size="small" locale="${Ze()}" class="pointer-events-none flex items-center" class="flex"></w-icon><span class="sr-only">${yd()}</span></a>`:me}<div class="hidden md:block">${e.map(e=>{const t=e===this.currentPageNumber,r=`${this.baseUrl}${e}`;let o=xd;o+=t?" s-bg-primary s-text-inverted":" hover:bg-[--w-color-button-pill-background-hover] active:bg-[--w-color-button-pill-background-active]";const n=y._({id:"pagination.aria.page",message:"Page {currentPage}",values:{currentPage:e},comment:"Default screenreader message for page link in the pagination component"});return be`<a data-page-number="${e}" aria-label="${n}" href="${r}" class="${o}" aria-current="${t?"page":""}">${e}</a>`})}</div><span class="block md:hidden p-8 font-bold">${y._({id:"pagination.label.current-page",message:"Page {currentPage}",values:{currentPage:this.currentPageNumber},comment:"Default message for current page label in the pagination component"})}</span> ${this.shouldShowNextPageButton?be`<a data-page-number="${this.currentPageNumber+1}" href="${this.baseUrl}${this.currentPageNumber+1}" class="${xd+" s-icon hover:bg-[--w-color-button-pill-background-hover] active:bg-[--w-color-button-pill-background-active]"}"><span class="sr-only">${y._({id:"pagination.aria.next-page",message:"Next page",comment:"Default screenreader message for next page link in the pagination component"})},</span><w-icon name="ChevronRight" size="small" locale="${Ze()}" class="pointer-events-none flex items-center" class="flex"></w-icon><span class="sr-only">${yd()}</span></a>`:me}</div></nav>`}}wd([je({type:String,reflect:!0,attribute:"base-url"})],kd.prototype,"baseUrl",void 0),wd([je({type:Number,reflect:!0,useDefault:!0})],kd.prototype,"pages",void 0),wd([je({type:Number,reflect:!0,attribute:"current-page",useDefault:!0})],kd.prototype,"currentPageNumber",void 0),wd([je({type:Number,reflect:!0,attribute:"visible-pages",useDefault:!0})],kd.prototype,"visiblePages",void 0),customElements.get("w-pagination")||customElements.define("w-pagination",kd);const _d=JSON.parse('{"pill.aria.openFilter":["Åbn filter"],"pill.aria.removeFilter":["Fjern filter ",["label"]]}'),$d=JSON.parse('{"pill.aria.openFilter":["Open filter"],"pill.aria.removeFilter":["Remove filter ",["label"]]}'),Sd=JSON.parse('{"pill.aria.openFilter":["Avaa suodatin"],"pill.aria.removeFilter":["Tyhjennä suodatin ",["label"]]}'),Ed=JSON.parse('{"pill.aria.openFilter":["Åpne filter"],"pill.aria.removeFilter":["Fjern filter ",["label"]]}'),Cd=JSON.parse('{"pill.aria.openFilter":["Öppna filter"],"pill.aria.removeFilter":["Ta bort filtret ",["label"]]}'),zd=A("*,: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{border-radius:4px}.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 Od=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};const Ad="flex items-center",Dd="inline-flex items-center focusable text-xs transition-all",Pd="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",Md="s-bg-primary hover:s-bg-primary-hover active:s-bg-primary-active s-text-inverted",Td="pl-12 py-8 rounded-l-full",Rd="pr-12 rounded-r-full",jd="pr-2",Nd="pr-12 pl-4 py-8 rounded-r-full",Vd="h-16",Id="sr-only";class Fd extends Pe{static#e=this.styles=[nt,zd];constructor(){super(),this.canClose=!1,this.suggestion=!1,Qe($d,Ed,Sd,_d,Cd),this.canClose=!1,this.suggestion=!1,this.openFilterSrText=y._({id:"pill.aria.openFilter",message:"Open filter",comment:"Fallback screen reader message for open filter"}),this.removeFilterSrText=y._({id:"pill.aria.removeFilter",message:"Remove filter {label}",comment:"Fallback screen reader message for removal of the filter"})}get _labelClasses(){return e([Dd,Td,this.suggestion?Pd:Md,this.canClose?jd:Rd])}get _closeClasses(){return e([Dd,Nd,this.suggestion?Pd:Md])}_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 be`<div class="${Ad}"><button type="button" class="${this._labelClasses}" @click="${this._onClick}"><span class="${Id}">${this.openAriaLabel?this.openAriaLabel:this.openFilterSrText}</span><slot></slot></button> ${this.canClose?be`<button type="button" class="${this._closeClasses}" @click="${this._onClose}"><span class="${Id}">${this.closeAriaLabel?this.closeAriaLabel:this.removeFilterSrText}</span><w-icon name="Close" size="small" locale="${Ze()}" class="${Vd}" class="flex"></w-icon></button>`:null}</div>`}}Od([je({attribute:"can-close",type:Boolean})],Fd.prototype,"canClose",void 0),Od([je({attribute:"suggestion",type:Boolean})],Fd.prototype,"suggestion",void 0),Od([je({attribute:"open-sr-label",type:String})],Fd.prototype,"openSrLabel",void 0),Od([je({attribute:"open-aria-label",type:String})],Fd.prototype,"openAriaLabel",void 0),Od([je({attribute:"close-sr-label",type:String})],Fd.prototype,"closeSrLabel",void 0),Od([je({attribute:"close-aria-label",type:String})],Fd.prototype,"closeAriaLabel",void 0),customElements.get("w-pill")||customElements.define("w-pill",Fd);const Ld=D`:host{box-sizing:border-box!important}:host *,:host :before,:host :after{box-sizing:inherit!important}`,qd=D`:host{align-items:center;gap:var(--_gap);--_gap:var(--w-c-radio-gap,8px);--_size:var(--w-c-radio-size,2rem);--_radius:var(--w-c-radio-radius,50%);--_border-width:var(--w-c-radio-border-width,1px);--_checked-border-width:var(--w-c-radio-checked-border-width,.6rem);--_bg:var(--w-c-radio-bg,var(--w-s-color-background));--_border-color:var(--w-c-radio-border-color,var(--w-s-color-border-strong));--_border-color-checked:var(--w-c-radio-border-color-checked,var(--w-s-color-border-selected));--_border-color-invalid:var(--w-c-radio-border-color-invalid,var(--w-s-color-border-negative));--_outline-width:var(--w-c-radio-outline-width,2px);--_outline-color:var(--w-c-radio-outline-color,var(--w-s-color-border-focus));--_outline-offset:var(--w-c-radio-outline-offset,var(--w-outline-offset,1px));--_border-color-disabled:var(--w-c-radio-border-color-disabled,var(--w-s-color-border-disabled));--_bg-disabled:var(--w-c-radio-bg-disabled,var(--w-s-color-background-disabled-subtle));--_label-font-size:var(--w-c-radio-label-font-size,var(--w-font-size-m));--_label-line-height:var(--w-c-radio-label-line-height,var(--w-line-height-m));--_label-color:var(--w-c-radio-label-color,currentColor);--_label-color-disabled:var(--w-c-radio-label-color-disabled,var(--w-s-color-text-disabled));--_cursor:var(--w-c-radio-cursor,pointer);--_cursor-disabled:var(--w-c-radio-cursor-disabled,not-allowed);--_transition:var(--w-c-radio-transition,border-color .15s cubic-bezier(.4, 0, .2, 1), border-width .15s cubic-bezier(.4, 0, .2, 1), background-color .15s cubic-bezier(.4, 0, .2, 1));display:inline-flex}:host([disabled]),:host([disabled-ui]){--w-c-radio-border-color:var(--w-c-radio-border-color-disabled,var(--w-s-color-border-disabled));--w-c-radio-bg:var(--w-c-radio-bg-disabled,var(--w-s-color-background-disabled-subtle));--w-c-radio-border-color-checked:var(--w-c-radio-border-color-disabled,var(--w-s-color-border-disabled));--w-c-radio-label-color:var(--w-c-radio-label-color-disabled,var(--w-s-color-text-disabled));--w-c-radio-cursor:var(--w-c-radio-cursor-disabled,not-allowed)}.wrapper{align-items:center;gap:var(--_gap);display:inline-flex}[part=control]{-webkit-appearance:none;appearance:none;width:var(--_size);height:var(--_size);border-style:solid;border-width:var(--_border-width);border-color:var(--_border-color);border-radius:var(--_radius);background-color:var(--_bg);cursor:var(--_cursor);transition:var(--_transition);flex-shrink:0;margin:0}:host([checked]) [part=control],:host([checked-ui]) [part=control],:host([role=radio][checked-ui]) [part=control],:host([role=radio]:state(checked)) [part=control]{border-color:var(--_border-color-checked);border-width:var(--_checked-border-width)}:host([invalid]) [part=control]{border-color:var(--_border-color-invalid)}:host(:focus-visible){outline:none}:host(:focus-visible) [part=control]{outline:var(--_outline-width) solid var(--_outline-color);outline-offset:var(--_outline-offset)}:host([disabled]) [part=control],:host([disabled-ui]) [part=control],:host([role=radio]:state(disabled)) [part=control]{border-color:var(--_border-color-disabled);background-color:var(--_bg-disabled);cursor:var(--_cursor-disabled)}:host([disabled]) [part=label],:host([disabled-ui]) [part=label]{color:var(--_label-color-disabled);cursor:var(--_cursor-disabled)}:host([disabled][checked]),:host([disabled][checked-ui]),:host([disabled-ui][checked-ui]) [part=control]{border-color:var(--_border-color-disabled)}[part=label]{font-size:var(--_label-font-size);line-height:var(--_label-line-height);color:var(--_label-color);user-select:none;cursor:var(--_cursor)}@media (prefers-reduced-motion:reduce){:host{--w-c-radio-transition:none}}@media (forced-colors:active){:host{--w-c-radio-bg:Canvas;--w-c-radio-border-color:ButtonText;--w-c-radio-border-color-checked:Highlight;--w-c-radio-outline-color:Highlight;--w-c-radio-bg-disabled:Canvas;--w-c-radio-border-color-disabled:GrayText;--w-c-radio-label-color:CanvasText;--w-c-radio-label-color-disabled:GrayText}[part=control]{forced-color-adjust:none}:host([checked]) [part=control],:host([checked-ui]) [part=control],:host([role=radio]:state(checked)) [part=control]{background-color:var(--_border-color-checked);border-color:var(--_border-color-checked)}:host([disabled][checked]),:host([disabled][checked-ui]),:host([disabled-ui][checked-ui]) [part=control],:host([role=radio]:state(disabled):state(checked)) [part=control]{background-color:var(--_border-color-disabled);border-color:var(--_border-color-disabled)}}`;var Wd=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};class Bd extends($(Pe)){static#e=this.styles=[Ld,nt,qd];static#o=this.shadowRootOptions={...Pe.shadowRootOptions,delegatesFocus:!0};get tabIndex(){return this._internalTabIndex}set tabIndex(e){this._groupTabIndex=e}#n;#a;#i;constructor(){super(),this.value=null,this.checked=!1,this.disabled=!1,this.required=!1,this.invalid=!1,this.#n=!1,this.#a=!1,this.#i=!1,this.handleClick=()=>{this.isInGroup()||this.disabled||(this.#i=!0,this.checked||(this.checked=!0,this.updateComplete.then(()=>{this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))})))},this.handleInvalid=()=>{this.#i=!0,this.updateValidity()},this.handleKeyDown=e=>{if(!this.isInGroup()&&!this.disabled&&!e.defaultPrevented){if(["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].includes(e.key)){const t=this.getStandaloneNamedRadios().filter(e=>!e.disabled);if(t.length<=1)return;e.preventDefault();const r=t.find(e=>e.checked)??t.find(e=>e===this)??t[0],o="ArrowUp"===e.key||"ArrowLeft"===e.key?-1:1,n=t.indexOf(r),a=t[(n+o+t.length)%t.length];return a.#i=!0,a.checked||(a.checked=!0,a.updateComplete.then(()=>{a.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))})),void a.focus()}" "!==e.key&&"Spacebar"!==e.key&&"Enter"!==e.key||("Enter"===e.key&&this.internals.form?this.internals.form.requestSubmit():(e.preventDefault(),this.click()))}},this.addEventListener("click",this.handleClick),this.addEventListener("invalid",this.handleInvalid),this.addEventListener("keydown",this.handleKeyDown)}connectedCallback(){super.connectedCallback(),this.value=this.getAttribute("value")??"on",this.#n=this.hasAttribute("checked"),this.checked=this.#n,this.internals.role="radio",this.syncAriaDisabled(),this.syncFormValue(),this.updateValidity()}syncAriaDisabled(){this.internals.ariaDisabled=this.disabled?"true":"false"}syncAriaChecked(){this.internals.ariaChecked=this.checked?"true":"false"}willUpdate(e){this.shouldSyncFormState(e)&&(this.syncFormValue(),this.updateValidity())}updated(e){super.updated(e),e.has("checked")&&(this.syncAriaChecked(),this.checked&&!this.isInGroup()&&(this.uncheckOtherRadios(),this.syncStandaloneTabOrder())),e.has("disabled")&&(this.syncAriaDisabled(),this.isInGroup()||this.syncStandaloneTabOrder()),e.has("invalid")&&(this.internals.ariaInvalid=this.invalid?"true":null),e.has("name")&&this.checked&&!this.isInGroup()&&this.uncheckOtherRadios()}resetFormControl(){this.checked=this.#n,this.syncFormValue(),this.updateValidity()}get validationMessage(){return this.internals.validationMessage}get validity(){return this.internals.validity}checkValidity(){return this.updateValidity(),this.internals.checkValidity()}reportValidity(){return this.#i=!0,this.updateValidity(),this.internals.checkValidity()}isInGroup(){return Boolean(this.closest("w-radio-group"))}getRadioScope(){return this.internals.form??this.closest("form")??document}getStandaloneNamedRadios(){if(!this.name)return[this];return[...this.getRadioScope().querySelectorAll(`w-radio[name="${this.name}"]`)].filter(e=>!e.closest("w-radio-group"))}syncStandaloneTabOrder(){const e=this.getStandaloneNamedRadios(),t=e.filter(e=>!e.disabled),r=t.find(e=>e.checked)??t[0]??null;e.forEach(e=>{e._standaloneTabIndex=e===r?0:-1})}get _internalTabIndex(){return this.disabled?-1:void 0!==this._groupTabIndex?this._groupTabIndex:void 0!==this._standaloneTabIndex?this._standaloneTabIndex:0}firstUpdated(){this.isInGroup()||this.syncStandaloneTabOrder()}uncheckOtherRadios(){if(!this.name)return;[...this.getRadioScope().querySelectorAll(`w-radio[name="${this.name}"]`)].forEach(e=>{e!==this&&(e.closest("w-radio-group")||e.checked&&(e.checked=!1))})}updateValidity(){if(this.disabled||this.isInGroup())return void this.internals.setValidity({});const e=this.required&&!this.checked,t=this.invalid&&!this.#a;if(e)return this.#a=!0,this.invalid=this.#i,void this.internals.setValidity({valueMissing:!0},this.internals.validationMessage||" ");this.#a&&(this.invalid=!1,this.#a=!1),t?this.internals.setValidity({customError:!0},this.internals.validationMessage||" "):this.internals.setValidity({})}syncFormValue(){this.disabled?this.setValue(null):this.setValue(this.checked?this.value:null)}shouldSyncFormState(e){return e.has("checked")||e.has("value")||e.has("disabled")||e.has("required")||e.has("invalid")}render(){return be`<div class="wrapper" tabindex="${this._internalTabIndex}"><div part="control" class="control"></div><slot part="label" class="label"></slot></div>`}}Wd([je({reflect:!0})],Bd.prototype,"name",void 0),Wd([je({reflect:!0})],Bd.prototype,"value",void 0),Wd([je({type:Boolean,reflect:!0})],Bd.prototype,"checked",void 0),Wd([je({type:Boolean,reflect:!0})],Bd.prototype,"disabled",void 0),Wd([je({type:Boolean,reflect:!0})],Bd.prototype,"required",void 0),Wd([je({type:Boolean,reflect:!0})],Bd.prototype,"invalid",void 0),Wd([je({attribute:!1})],Bd.prototype,"_groupTabIndex",void 0),Wd([je({attribute:!1})],Bd.prototype,"_standaloneTabIndex",void 0);const Hd=Bd;customElements.get("w-radio")||customElements.define("w-radio",Bd);const Yd=JSON.parse('{"radio-group.label.optional":["Valgfri"],"radio-group.validation.required":["Vælg en mulighed."]}'),Ud=JSON.parse('{"radio-group.label.optional":["Optional"],"radio-group.validation.required":["Please select an option."]}'),Xd=JSON.parse('{"radio-group.label.optional":["Valinnainen"],"radio-group.validation.required":["Valitse vaihtoehto."]}'),Jd=JSON.parse('{"radio-group.label.optional":["Valgfri"],"radio-group.validation.required":["Velg et alternativ."]}'),Kd=JSON.parse('{"radio-group.label.optional":["Valfritt"],"radio-group.validation.required":["Välj ett alternativ."]}'),Zd=D`:host{--_label-font-size:var(--w-c-radio-group-label-font-size,var(--w-font-size-s));--_label-line-height:var(--w-c-radio-group-label-line-height,var(--w-line-height-s));--_label-font-weight:var(--w-c-radio-group-label-font-weight,700);--_label-color:var(--w-c-radio-group-label-color,var(--w-s-color-text));--_label-color-disabled:var(--w-c-radio-group-label-color-disabled,var(--w-s-color-text-disabled));--_label-padding-bottom:var(--w-c-radio-group-label-padding-bottom,16px);--_optional-font-weight:var(--w-c-radio-group-optional-font-weight,400);--_optional-color:var(--w-c-radio-group-optional-color,var(--w-s-color-text-subtle));--_optional-margin-inline-start:var(--w-c-radio-group-optional-margin-inline-start,.5rem);--_radios-gap:var(--w-c-radio-group-gap,16px);--_help-text-margin-block-start:var(--w-c-radio-group-help-text-margin-block-start,16px);--_help-text-font-size:var(--w-c-radio-group-help-text-font-size,var(--w-font-size-xs));--_help-text-line-height:var(--w-c-radio-group-help-text-line-height,var(--w-line-height-xs));--_help-text-color:var(--w-c-radio-group-help-text-color,var(--w-s-color-text-subtle));--_help-text-color-disabled:var(--w-c-radio-group-help-text-color-disabled,var(--w-s-color-text-disabled));--_help-text-color-error:var(--w-c-radio-group-help-text-color-error,var(--w-s-color-text-negative));display:block}[part=form-control]{border:0;min-inline-size:0;margin:0;padding:0;position:relative}[part=form-control-label]{cursor:pointer;font-size:var(--_label-font-size);line-height:var(--_label-line-height);font-weight:var(--_label-font-weight);color:var(--_label-color);padding-bottom:var(--_label-padding-bottom);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:grayscale;display:block}:host([disabled]) [part=form-control-label]{cursor:default;color:var(--_label-color-disabled)}:host([required]) [part=form-control-label]:after{content:var(--wa-form-control-required-content);margin-inline-start:var(--wa-form-control-required-content-offset)}.optional{font-weight:var(--_optional-font-weight);color:var(--_optional-color);margin-inline-start:var(--_optional-margin-inline-start)}[part~=form-control-input]{gap:var(--_radios-gap);flex-flow:column wrap;display:flex}[part~=help-text]{font-size:var(--_help-text-font-size);line-height:var(--_help-text-line-height);color:var(--_help-text-color);margin-block-start:var(--_help-text-margin-block-start)}:host([disabled]) [part~=help-text]{color:var(--_help-text-color-disabled)}:host([data-show-error]) [part~=help-text]{color:var(--_help-text-color-error)}`;var Qd=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};Qe(Ud,Jd,Xd,Yd,Kd);class Gd extends($(Pe)){static#e=this.styles=[Ld,Zd];static#o=this.shadowRootOptions={...Pe.shadowRootOptions,delegatesFocus:!0};constructor(){super(),this.hasInteracted=!1,this.hasWarnedMissingName=!1,this.autoTabIndex=!1,this.label="",this.helpText="",this.optional=!1,this.invalid=!1,this.name=null,this.disabled=!1,this.required=!1,this.defaultCheckedValue=void 0,this.slottedHelpText=null,this.nameManagedRadios=new WeakSet,this.disabledManagedRadios=new WeakSet,this.handleRadioClick=e=>{const t=e.target.closest("w-radio");if(!t||t.disabled||this.disabled)return;const r=this.getCheckedValue(),o=this.getAllRadios();this.selectSingleRadio(t,o);this.getCheckedValue()!==r&&this.updateComplete.then(this.emitSelectionChange)},this.handleInvalid=e=>{e.preventDefault(),this.hasInteracted=!0,this.updateValidity()},this.handleHelpTextSlotChange=()=>{this.syncSlottedHelpText(),this.requestUpdate()},this.handleI18nChange=()=>{this.requestUpdate()},this.emitSelectionChange=()=>{this.hasInteracted=!0,this.syncFormValue(),this.updateValidity(),this.requestUpdate(),this.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0})),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))},this.captureDefaultSelection=()=>{void 0===this.defaultCheckedValue&&(this.defaultCheckedValue=this.getCheckedValue())},this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("click",this.handleRadioClick),this.addEventListener("invalid",this.handleInvalid)}get validationTarget(){return this.querySelector(":is(w-radio):not([disabled])")??void 0}connectedCallback(){super.connectedCallback(),this.syncSlottedHelpText(),this.syncFormValue(),this.updateValidity(),this.unsubscribeI18n=y.on("change",this.handleI18nChange),this.warnIfMissingName(),this.updateComplete.then(this.captureDefaultSelection)}disconnectedCallback(){this.unsubscribeI18n?.(),this.unsubscribeI18n=void 0,super.disconnectedCallback()}async updated(e){(e.has("disabled")||e.has("name")||e.has("required")||e.has("invalid")||e.has("helpText"))&&(this.syncFormValue(),this.updateValidity(),this.syncRadioElements(),this.syncFormValue(),this.updateValidity())}resetFormControl(){const e=this.defaultCheckedValue??null;this.getAllRadios().forEach(t=>{t.checked=!!e&&t.value===e}),this.syncRadioElements(),this.syncFormValue(),this.updateValidity()}getAllRadios(){return[...this.querySelectorAll("w-radio")]}getCheckedValue(){const e=this.getAllRadios().find(e=>e.checked);return e?.value??null}getEnabledRadios(e){return void 0===e&&(e=this.getAllRadios()),e.filter(e=>!e.disabled)}selectSingleRadio(e,t){void 0===t&&(t=this.getAllRadios()),t.forEach(t=>{const r=t===e;t.checked=r,t._groupTabIndex=r?0:-1})}handleLabelClick(){this.focus()}async syncRadioElements(){const e=this.getAllRadios();e.forEach((t,r)=>{t.toggleAttribute("data-w-radio-first",0===r),t.toggleAttribute("data-w-radio-inner",0!==r&&r!==e.length-1),t.toggleAttribute("data-w-radio-last",r===e.length-1),this.syncRadioDisabledState(t),this.name?t.getAttribute("name")&&!this.nameManagedRadios.has(t)||(t.setAttribute("name",this.name),this.nameManagedRadios.add(t)):this.nameManagedRadios.has(t)&&(t.removeAttribute("name"),this.nameManagedRadios.delete(t))}),await Promise.all(e.map(async e=>e.updateComplete)),this.normalizeCheckedRadios(e),this.syncTabOrder(e)}syncRadioDisabledState(e){this.disabled?e.disabled||(e.disabled=!0,this.disabledManagedRadios.add(e)):this.disabledManagedRadios.has(e)&&(e.disabled=!1,this.disabledManagedRadios.delete(e))}syncTabOrder(e){if(this.disabled)return void e.forEach(e=>e._groupTabIndex=-1);const t=this.getEnabledRadios(e),r=t.find(e=>e.checked);t.length>0&&(r?t.forEach(e=>e._groupTabIndex=e.checked?0:-1):t.forEach((e,t)=>e._groupTabIndex=0===t?0:-1)),e.filter(e=>e.disabled).forEach(e=>e._groupTabIndex=-1)}handleKeyDown(e){if(!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"," "].includes(e.key)||this.disabled)return;const t=this.getAllRadios(),r=this.getEnabledRadios(t);if(r.length<=0)return;e.preventDefault();const o=this.getCheckedValue(),n=r.find(e=>e.checked)??r[0],a=" "===e.key?0:["ArrowUp","ArrowLeft"].includes(e.key)?-1:1;let i=r.indexOf(n)+a;i<0&&(i=r.length-1),i>=r.length&&(i=0),this.selectSingleRadio(r[i],t),r[i].focus();this.getCheckedValue()!==o&&this.updateComplete.then(this.emitSelectionChange)}focus(e){if(this.disabled)return;const t=this.getAllRadios(),r=t.find(e=>e.checked),o=t.find(e=>!e.disabled),n=r||o;n&&n.focus(e)}checkValidity(){return this.updateValidity(),this.internals.checkValidity()}reportValidity(){return this.hasInteracted=!0,this.updateValidity(),this.internals.checkValidity()}hasSlottedContent(e){if(this.querySelector(`[slot="${e}"]`))return!0;const t=this.shadowRoot?.querySelector(`slot[name="${e}"]`);return!!t&&t.assignedNodes({flatten:!0}).some(e=>e.nodeType===Node.ELEMENT_NODE||e.nodeType===Node.TEXT_NODE&&Boolean(e.textContent?.trim()))}syncFormValue(){this.setValue(null)}syncSlottedHelpText(){const e=this.querySelector('[slot="help-text"]');this.slottedHelpText=e?.textContent?.trim()||null}updateValidity(){this.warnIfMissingName();const e=this.required&&!this.getCheckedValue(),t=e&&this.hasInteracted,r=this.invalid||this.hasAttribute("invalid"),o=r||t;return this.toggleAttribute("data-show-error",o),this.disabled?(this.internals.setValidity({}),this.syncChildInvalid(!1),void this.syncHostTabIndex(!1)):(this.syncHostTabIndex(o),e?(this.setValidityState({valueMissing:!0}),void this.syncChildInvalid(o)):r?(this.setValidityState({customError:!0}),void this.syncChildInvalid(!0)):(this.internals.setValidity({}),void this.syncChildInvalid(!1)))}normalizeCheckedRadios(e){const t=e.find(e=>e.checked);t&&e.forEach(e=>{e!==t&&(e.checked=!1)})}syncChildInvalid(e){this.getAllRadios().forEach(t=>{t.invalid=e})}setValidityState(e){const t=this.validationTarget;this.internals.setValidity(e," ",t??void 0)}syncHostTabIndex(e){if(!this.hasAttribute("tabindex")||this.autoTabIndex)return e?(this.setAttribute("tabindex","0"),void(this.autoTabIndex=!0)):void(this.autoTabIndex&&(this.removeAttribute("tabindex"),this.autoTabIndex=!1))}warnIfMissingName(){this.hasWarnedMissingName||this.internals.form&&(this.name&&this.name.trim().length>0||(console.warn('w-radio-group: "name" is required for form submission.'),this.hasWarnedMissingName=!0))}render(){const e=this.hasSlottedContent("label"),t=this.hasSlottedContent("help-text"),r=!!this.label||!!e,o=!!this.helpText||!!t,n=this.required&&!this.getCheckedValue()&&this.hasInteracted,a=this.invalid||this.hasAttribute("invalid"),i=a||n,s=i?a&&this.helpText?this.helpText:y._({id:"radio-group.validation.required",message:"Please select an option.",comment:"Shown when required radio group has no selections"}):this.helpText,l=i||o,d=r?"label":void 0,c=l?"help-text":void 0,h=this.slottedHelpText||void 0;return be`<fieldset part="form-control" role="radiogroup" aria-labelledby="${Ue(d)}" aria-describedby="${Ue(c)}" aria-errormessage="error-message" aria-invalid="${i?"true":void 0}">${r?be`<label part="form-control-label" id="label" @click="${this.handleLabelClick}"><slot name="label">${this.label}</slot>${this.optional&&!this.required?be`<span class="optional">${y._({id:"radio-group.label.optional",message:"Optional",comment:"Shown behind label when marked as optional"})}</span>`:null}</label>`:null}<slot part="form-control-input" @slotchange="${this.syncRadioElements}"></slot>${l?be`<div id="help-text" part="help-text" aria-label="${Ue(h)}"><slot name="help-text" @slotchange="${this.handleHelpTextSlotChange}">${s}</slot></div>`:null}</fieldset>`}}Qd([Ne()],Gd.prototype,"hasInteracted",void 0),Qd([je()],Gd.prototype,"label",void 0),Qd([je({attribute:"help-text"})],Gd.prototype,"helpText",void 0),Qd([je({type:Boolean,reflect:!0})],Gd.prototype,"optional",void 0),Qd([je({type:Boolean,reflect:!0})],Gd.prototype,"invalid",void 0),Qd([je({reflect:!0})],Gd.prototype,"name",void 0),Qd([je({type:Boolean,reflect:!0})],Gd.prototype,"disabled",void 0),Qd([je({type:Boolean,reflect:!0})],Gd.prototype,"required",void 0);const ec=Gd;
|
|
88
|
+
*/(function*(e,t,r){void 0===r&&(r=1);const o=void 0===t?0:e;t??=e;for(let e=o;r>0?e<t:t<e;e+=r)yield e}(e),e=>be`<div class="${Ye({"w-page-indicator--dot":!0,"w-page-indicator--selecteddot":e+1===t})}"></div>`)}</div></div>`}}td([je({type:Number,attribute:"selected-page",reflect:!0,useDefault:!0})],rd.prototype,"selectedPage",void 0),td([je({type:Number,attribute:"page-count",reflect:!0,useDefault:!0})],rd.prototype,"pageCount",void 0),customElements.get("w-page-indicator")||customElements.define("w-page-indicator",rd);const od=JSON.parse('{"pagination.aria.first-page":["Første side"],"pagination.aria.icon-suffix":["ikon"],"pagination.aria.next-page":["Næste side"],"pagination.aria.page":["Side ",["currentPage"]],"pagination.aria.pagination":["Sider"],"pagination.aria.prev-page":["Forrige side"],"pagination.label.current-page":["Side ",["currentPage"]]}'),nd=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"],"pagination.label.current-page":["Page ",["currentPage"]]}'),ad=JSON.parse('{"pagination.aria.first-page":["Ensimmäinen 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"],"pagination.label.current-page":["Sivu ",["currentPage"]]}'),id=JSON.parse('{"pagination.aria.first-page":["Første 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"],"pagination.label.current-page":["Side ",["currentPage"]]}'),sd=JSON.parse('{"pagination.aria.first-page":["Första sidan"],"pagination.aria.icon-suffix":["ikon"],"pagination.aria.next-page":["Nästa sida"],"pagination.aria.page":["Sida ",["currentPage"]],"pagination.aria.pagination":["Sidor"],"pagination.aria.prev-page":["Föregående sida"],"pagination.label.current-page":["Sida ",["currentPage"]]}'),ld=A("*,: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}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.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}.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)}@media (min-width:768px){.md\\:block{display:block}.md\\:hidden{display:none}}");var dd=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};const cd=()=>y._({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"}),hd="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";class ud extends Pe{static#e=this.styles=[nt,ld,D`w-icon{height:16px}`];constructor(){super(),this.pages=0,this.currentPageNumber=1,this.visiblePages=7,Qe(nd,id,ad,od,sd)}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},(e,t)=>t+1);const e=Math.floor(this.visiblePages/2);let t=Math.max(1,this.currentPageNumber-e);const r=Math.min(this.pages,t+this.visiblePages-1);return r-t+1<this.visiblePages&&(t=Math.max(1,r-this.visiblePages+1)),Array.from({length:r-t+1},(e,r)=>t+r)}#Q(e){const t=e.target.getAttribute("data-page-number");this.dispatchEvent(new CustomEvent("page-click",{detail:{clickedPage:t},bubbles:!0,composed:!0}))}render(){const e=this.visiblePageNumbers;return be`<nav class="flex items-center justify-center p-8" @click="${this.#Q}"><h1 class="sr-only">${y._({id:"pagination.aria.pagination",message:"Pages",comment:"Default screenreader message for pagination container in the pagination component"})}</h1><div class="flex items-center s-text-link">${this.shouldShowShowFirstPageButton?be`<a data-page-number="1" href="${this.baseUrl}1" class="${hd+" s-icon hover:bg-[--w-color-button-pill-background-hover] active:bg-[--w-color-button-pill-background-active]"}"><span class="sr-only">${y._({id:"pagination.aria.first-page",message:"First page",comment:"Default screenreader message for first page link in the pagination component"})},</span><w-icon name="ChevronDoubleLeft" size="small" locale="${Ze()}" class="pointer-events-none flex items-center" class="flex"></w-icon><span class="sr-only">${cd()}</span></a>`:me} ${this.shouldShowPreviousPageButton?be`<a data-page-number="${this.currentPageNumber-1}" href="${this.baseUrl}${this.currentPageNumber-1}" class="${hd+" s-icon hover:bg-[--w-color-button-pill-background-hover] active:bg-[--w-color-button-pill-background-active]"}"><span class="sr-only">${y._({id:"pagination.aria.prev-page",message:"Previous page",comment:"Default screenreader message for previous page link in the pagination component"})},</span><w-icon name="ChevronLeft" size="small" locale="${Ze()}" class="pointer-events-none flex items-center" class="flex"></w-icon><span class="sr-only">${cd()}</span></a>`:me}<div class="hidden md:block">${e.map(e=>{const t=e===this.currentPageNumber,r=`${this.baseUrl}${e}`;let o=hd;o+=t?" s-bg-primary s-text-inverted":" hover:bg-[--w-color-button-pill-background-hover] active:bg-[--w-color-button-pill-background-active]";const n=y._({id:"pagination.aria.page",message:"Page {currentPage}",values:{currentPage:e},comment:"Default screenreader message for page link in the pagination component"});return be`<a data-page-number="${e}" aria-label="${n}" href="${r}" class="${o}" aria-current="${t?"page":""}">${e}</a>`})}</div><span class="block md:hidden p-8 font-bold">${y._({id:"pagination.label.current-page",message:"Page {currentPage}",values:{currentPage:this.currentPageNumber},comment:"Default message for current page label in the pagination component"})}</span> ${this.shouldShowNextPageButton?be`<a data-page-number="${this.currentPageNumber+1}" href="${this.baseUrl}${this.currentPageNumber+1}" class="${hd+" s-icon hover:bg-[--w-color-button-pill-background-hover] active:bg-[--w-color-button-pill-background-active]"}"><span class="sr-only">${y._({id:"pagination.aria.next-page",message:"Next page",comment:"Default screenreader message for next page link in the pagination component"})},</span><w-icon name="ChevronRight" size="small" locale="${Ze()}" class="pointer-events-none flex items-center" class="flex"></w-icon><span class="sr-only">${cd()}</span></a>`:me}</div></nav>`}}dd([je({type:String,reflect:!0,attribute:"base-url"})],ud.prototype,"baseUrl",void 0),dd([je({type:Number,reflect:!0,useDefault:!0})],ud.prototype,"pages",void 0),dd([je({type:Number,reflect:!0,attribute:"current-page",useDefault:!0})],ud.prototype,"currentPageNumber",void 0),dd([je({type:Number,reflect:!0,attribute:"visible-pages",useDefault:!0})],ud.prototype,"visiblePages",void 0),customElements.get("w-pagination")||customElements.define("w-pagination",ud);const pd=JSON.parse('{"pill.aria.openFilter":["Åbn filter"],"pill.aria.removeFilter":["Fjern filter ",["label"]]}'),bd=JSON.parse('{"pill.aria.openFilter":["Open filter"],"pill.aria.removeFilter":["Remove filter ",["label"]]}'),gd=JSON.parse('{"pill.aria.openFilter":["Avaa suodatin"],"pill.aria.removeFilter":["Tyhjennä suodatin ",["label"]]}'),md=JSON.parse('{"pill.aria.openFilter":["Åpne filter"],"pill.aria.removeFilter":["Fjern filter ",["label"]]}'),vd=JSON.parse('{"pill.aria.openFilter":["Öppna filter"],"pill.aria.removeFilter":["Ta bort filtret ",["label"]]}'),fd=A("*,: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{border-radius:4px}.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 wd=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};const yd="flex items-center",xd="inline-flex items-center focusable text-xs transition-all",kd="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",_d="s-bg-primary hover:s-bg-primary-hover active:s-bg-primary-active s-text-inverted",$d="pl-12 py-8 rounded-l-full",Sd="pr-12 rounded-r-full",Ed="pr-2",Cd="pr-12 pl-4 py-8 rounded-r-full",zd="h-16",Od="sr-only";class Ad extends Pe{static#e=this.styles=[nt,fd];constructor(){super(),this.canClose=!1,this.suggestion=!1,Qe(bd,md,gd,pd,vd),this.canClose=!1,this.suggestion=!1,this.openFilterSrText=y._({id:"pill.aria.openFilter",message:"Open filter",comment:"Fallback screen reader message for open filter"}),this.removeFilterSrText=y._({id:"pill.aria.removeFilter",message:"Remove filter {label}",comment:"Fallback screen reader message for removal of the filter"})}get _labelClasses(){return e([xd,$d,this.suggestion?kd:_d,this.canClose?Ed:Sd])}get _closeClasses(){return e([xd,Cd,this.suggestion?kd:_d])}_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 be`<div class="${yd}"><button type="button" class="${this._labelClasses}" @click="${this._onClick}"><span class="${Od}">${this.openAriaLabel?this.openAriaLabel:this.openFilterSrText}</span><slot></slot></button> ${this.canClose?be`<button type="button" class="${this._closeClasses}" @click="${this._onClose}"><span class="${Od}">${this.closeAriaLabel?this.closeAriaLabel:this.removeFilterSrText}</span><w-icon name="Close" size="small" locale="${Ze()}" class="${zd}" class="flex"></w-icon></button>`:null}</div>`}}wd([je({attribute:"can-close",type:Boolean})],Ad.prototype,"canClose",void 0),wd([je({attribute:"suggestion",type:Boolean})],Ad.prototype,"suggestion",void 0),wd([je({attribute:"open-sr-label",type:String})],Ad.prototype,"openSrLabel",void 0),wd([je({attribute:"open-aria-label",type:String})],Ad.prototype,"openAriaLabel",void 0),wd([je({attribute:"close-sr-label",type:String})],Ad.prototype,"closeSrLabel",void 0),wd([je({attribute:"close-aria-label",type:String})],Ad.prototype,"closeAriaLabel",void 0),customElements.get("w-pill")||customElements.define("w-pill",Ad);const Dd=D`:host{box-sizing:border-box!important}:host *,:host :before,:host :after{box-sizing:inherit!important}`,Pd=D`:host{align-items:center;gap:var(--_gap);--_gap:var(--w-c-radio-gap,8px);--_size:var(--w-c-radio-size,2rem);--_radius:var(--w-c-radio-radius,50%);--_border-width:var(--w-c-radio-border-width,1px);--_checked-border-width:var(--w-c-radio-checked-border-width,.6rem);--_bg:var(--w-c-radio-bg,var(--w-s-color-background));--_border-color:var(--w-c-radio-border-color,var(--w-s-color-border-strong));--_border-color-checked:var(--w-c-radio-border-color-checked,var(--w-s-color-border-selected));--_border-color-invalid:var(--w-c-radio-border-color-invalid,var(--w-s-color-border-negative));--_outline-width:var(--w-c-radio-outline-width,2px);--_outline-color:var(--w-c-radio-outline-color,var(--w-s-color-border-focus));--_outline-offset:var(--w-c-radio-outline-offset,var(--w-outline-offset,1px));--_border-color-disabled:var(--w-c-radio-border-color-disabled,var(--w-s-color-border-disabled));--_bg-disabled:var(--w-c-radio-bg-disabled,var(--w-s-color-background-disabled-subtle));--_label-font-size:var(--w-c-radio-label-font-size,var(--w-font-size-m));--_label-line-height:var(--w-c-radio-label-line-height,var(--w-line-height-m));--_label-color:var(--w-c-radio-label-color,currentColor);--_label-color-disabled:var(--w-c-radio-label-color-disabled,var(--w-s-color-text-disabled));--_cursor:var(--w-c-radio-cursor,pointer);--_cursor-disabled:var(--w-c-radio-cursor-disabled,not-allowed);--_transition:var(--w-c-radio-transition,border-color .15s cubic-bezier(.4, 0, .2, 1), border-width .15s cubic-bezier(.4, 0, .2, 1), background-color .15s cubic-bezier(.4, 0, .2, 1));display:inline-flex}:host([disabled]),:host([disabled-ui]){--w-c-radio-border-color:var(--w-c-radio-border-color-disabled,var(--w-s-color-border-disabled));--w-c-radio-bg:var(--w-c-radio-bg-disabled,var(--w-s-color-background-disabled-subtle));--w-c-radio-border-color-checked:var(--w-c-radio-border-color-disabled,var(--w-s-color-border-disabled));--w-c-radio-label-color:var(--w-c-radio-label-color-disabled,var(--w-s-color-text-disabled));--w-c-radio-cursor:var(--w-c-radio-cursor-disabled,not-allowed)}.wrapper{align-items:center;gap:var(--_gap);display:inline-flex}[part=control]{-webkit-appearance:none;appearance:none;width:var(--_size);height:var(--_size);border-style:solid;border-width:var(--_border-width);border-color:var(--_border-color);border-radius:var(--_radius);background-color:var(--_bg);cursor:var(--_cursor);transition:var(--_transition);flex-shrink:0;margin:0}:host([checked]) [part=control],:host([checked-ui]) [part=control],:host([role=radio][checked-ui]) [part=control],:host([role=radio]:state(checked)) [part=control]{border-color:var(--_border-color-checked);border-width:var(--_checked-border-width)}:host([invalid]) [part=control]{border-color:var(--_border-color-invalid)}:host(:focus-visible){outline:none}:host(:focus-visible) [part=control]{outline:var(--_outline-width) solid var(--_outline-color);outline-offset:var(--_outline-offset)}:host([disabled]) [part=control],:host([disabled-ui]) [part=control],:host([role=radio]:state(disabled)) [part=control]{border-color:var(--_border-color-disabled);background-color:var(--_bg-disabled);cursor:var(--_cursor-disabled)}:host([disabled]) [part=label],:host([disabled-ui]) [part=label]{color:var(--_label-color-disabled);cursor:var(--_cursor-disabled)}:host([disabled][checked]),:host([disabled][checked-ui]),:host([disabled-ui][checked-ui]) [part=control]{border-color:var(--_border-color-disabled)}[part=label]{font-size:var(--_label-font-size);line-height:var(--_label-line-height);color:var(--_label-color);user-select:none;cursor:var(--_cursor)}@media (prefers-reduced-motion:reduce){:host{--w-c-radio-transition:none}}@media (forced-colors:active){:host{--w-c-radio-bg:Canvas;--w-c-radio-border-color:ButtonText;--w-c-radio-border-color-checked:Highlight;--w-c-radio-outline-color:Highlight;--w-c-radio-bg-disabled:Canvas;--w-c-radio-border-color-disabled:GrayText;--w-c-radio-label-color:CanvasText;--w-c-radio-label-color-disabled:GrayText}[part=control]{forced-color-adjust:none}:host([checked]) [part=control],:host([checked-ui]) [part=control],:host([role=radio]:state(checked)) [part=control]{background-color:var(--_border-color-checked);border-color:var(--_border-color-checked)}:host([disabled][checked]),:host([disabled][checked-ui]),:host([disabled-ui][checked-ui]) [part=control],:host([role=radio]:state(disabled):state(checked)) [part=control]{background-color:var(--_border-color-disabled);border-color:var(--_border-color-disabled)}}`;var Md=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};class Td extends($(Pe)){static#e=this.styles=[Dd,nt,Pd];static#o=this.shadowRootOptions={...Pe.shadowRootOptions,delegatesFocus:!0};get tabIndex(){return this._internalTabIndex}set tabIndex(e){this._groupTabIndex=e}#n;#a;#i;constructor(){super(),this.value=null,this.checked=!1,this.disabled=!1,this.required=!1,this.invalid=!1,this.#n=!1,this.#a=!1,this.#i=!1,this.handleClick=()=>{this.isInGroup()||this.disabled||(this.#i=!0,this.checked||(this.checked=!0,this.updateComplete.then(()=>{this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))})))},this.handleInvalid=()=>{this.#i=!0,this.updateValidity()},this.handleKeyDown=e=>{if(!this.isInGroup()&&!this.disabled&&!e.defaultPrevented){if(["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].includes(e.key)){const t=this.getStandaloneNamedRadios().filter(e=>!e.disabled);if(t.length<=1)return;e.preventDefault();const r=t.find(e=>e.checked)??t.find(e=>e===this)??t[0],o="ArrowUp"===e.key||"ArrowLeft"===e.key?-1:1,n=t.indexOf(r),a=t[(n+o+t.length)%t.length];return a.#i=!0,a.checked||(a.checked=!0,a.updateComplete.then(()=>{a.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))})),void a.focus()}" "!==e.key&&"Spacebar"!==e.key&&"Enter"!==e.key||("Enter"===e.key&&this.internals.form?this.internals.form.requestSubmit():(e.preventDefault(),this.click()))}},this.addEventListener("click",this.handleClick),this.addEventListener("invalid",this.handleInvalid),this.addEventListener("keydown",this.handleKeyDown)}connectedCallback(){super.connectedCallback(),this.value=this.getAttribute("value")??"on",this.#n=this.hasAttribute("checked"),this.checked=this.#n,this.internals.role="radio",this.syncAriaDisabled(),this.syncFormValue(),this.updateValidity()}syncAriaDisabled(){this.internals.ariaDisabled=this.disabled?"true":"false"}syncAriaChecked(){this.internals.ariaChecked=this.checked?"true":"false"}willUpdate(e){this.shouldSyncFormState(e)&&(this.syncFormValue(),this.updateValidity())}updated(e){super.updated(e),e.has("checked")&&(this.syncAriaChecked(),this.checked&&!this.isInGroup()&&(this.uncheckOtherRadios(),this.syncStandaloneTabOrder())),e.has("disabled")&&(this.syncAriaDisabled(),this.isInGroup()||this.syncStandaloneTabOrder()),e.has("invalid")&&(this.internals.ariaInvalid=this.invalid?"true":null),e.has("name")&&this.checked&&!this.isInGroup()&&this.uncheckOtherRadios()}resetFormControl(){this.checked=this.#n,this.syncFormValue(),this.updateValidity()}get validationMessage(){return this.internals.validationMessage}get validity(){return this.internals.validity}checkValidity(){return this.updateValidity(),this.internals.checkValidity()}reportValidity(){return this.#i=!0,this.updateValidity(),this.internals.checkValidity()}isInGroup(){return Boolean(this.closest("w-radio-group"))}getRadioScope(){return this.internals.form??this.closest("form")??document}getStandaloneNamedRadios(){if(!this.name)return[this];return[...this.getRadioScope().querySelectorAll(`w-radio[name="${this.name}"]`)].filter(e=>!e.closest("w-radio-group"))}syncStandaloneTabOrder(){const e=this.getStandaloneNamedRadios(),t=e.filter(e=>!e.disabled),r=t.find(e=>e.checked)??t[0]??null;e.forEach(e=>{e._standaloneTabIndex=e===r?0:-1})}get _internalTabIndex(){return this.disabled?-1:void 0!==this._groupTabIndex?this._groupTabIndex:void 0!==this._standaloneTabIndex?this._standaloneTabIndex:0}firstUpdated(){this.isInGroup()||this.syncStandaloneTabOrder()}uncheckOtherRadios(){if(!this.name)return;[...this.getRadioScope().querySelectorAll(`w-radio[name="${this.name}"]`)].forEach(e=>{e!==this&&(e.closest("w-radio-group")||e.checked&&(e.checked=!1))})}updateValidity(){if(this.disabled||this.isInGroup())return void this.internals.setValidity({});const e=this.required&&!this.checked,t=this.invalid&&!this.#a;if(e)return this.#a=!0,this.invalid=this.#i,void this.internals.setValidity({valueMissing:!0},this.internals.validationMessage||" ");this.#a&&(this.invalid=!1,this.#a=!1),t?this.internals.setValidity({customError:!0},this.internals.validationMessage||" "):this.internals.setValidity({})}syncFormValue(){this.disabled?this.setValue(null):this.setValue(this.checked?this.value:null)}shouldSyncFormState(e){return e.has("checked")||e.has("value")||e.has("disabled")||e.has("required")||e.has("invalid")}render(){return be`<div class="wrapper" tabindex="${this._internalTabIndex}"><div part="control" class="control"></div><slot part="label" class="label"></slot></div>`}}Md([je({reflect:!0})],Td.prototype,"name",void 0),Md([je({reflect:!0})],Td.prototype,"value",void 0),Md([je({type:Boolean,reflect:!0})],Td.prototype,"checked",void 0),Md([je({type:Boolean,reflect:!0})],Td.prototype,"disabled",void 0),Md([je({type:Boolean,reflect:!0})],Td.prototype,"required",void 0),Md([je({type:Boolean,reflect:!0})],Td.prototype,"invalid",void 0),Md([je({attribute:!1})],Td.prototype,"_groupTabIndex",void 0),Md([je({attribute:!1})],Td.prototype,"_standaloneTabIndex",void 0);const Rd=Td;customElements.get("w-radio")||customElements.define("w-radio",Td);const jd=JSON.parse('{"radio-group.label.optional":["Valgfri"],"radio-group.validation.required":["Vælg en mulighed."]}'),Nd=JSON.parse('{"radio-group.label.optional":["Optional"],"radio-group.validation.required":["Please select an option."]}'),Vd=JSON.parse('{"radio-group.label.optional":["Valinnainen"],"radio-group.validation.required":["Valitse vaihtoehto."]}'),Id=JSON.parse('{"radio-group.label.optional":["Valgfri"],"radio-group.validation.required":["Velg et alternativ."]}'),Fd=JSON.parse('{"radio-group.label.optional":["Valfritt"],"radio-group.validation.required":["Välj ett alternativ."]}'),Ld=D`:host{--_label-font-size:var(--w-c-radio-group-label-font-size,var(--w-font-size-s));--_label-line-height:var(--w-c-radio-group-label-line-height,var(--w-line-height-s));--_label-font-weight:var(--w-c-radio-group-label-font-weight,700);--_label-color:var(--w-c-radio-group-label-color,var(--w-s-color-text));--_label-color-disabled:var(--w-c-radio-group-label-color-disabled,var(--w-s-color-text-disabled));--_label-padding-bottom:var(--w-c-radio-group-label-padding-bottom,16px);--_optional-font-weight:var(--w-c-radio-group-optional-font-weight,400);--_optional-color:var(--w-c-radio-group-optional-color,var(--w-s-color-text-subtle));--_optional-margin-inline-start:var(--w-c-radio-group-optional-margin-inline-start,.5rem);--_radios-gap:var(--w-c-radio-group-gap,16px);--_help-text-margin-block-start:var(--w-c-radio-group-help-text-margin-block-start,16px);--_help-text-font-size:var(--w-c-radio-group-help-text-font-size,var(--w-font-size-xs));--_help-text-line-height:var(--w-c-radio-group-help-text-line-height,var(--w-line-height-xs));--_help-text-color:var(--w-c-radio-group-help-text-color,var(--w-s-color-text-subtle));--_help-text-color-disabled:var(--w-c-radio-group-help-text-color-disabled,var(--w-s-color-text-disabled));--_help-text-color-error:var(--w-c-radio-group-help-text-color-error,var(--w-s-color-text-negative));display:block}[part=form-control]{border:0;min-inline-size:0;margin:0;padding:0;position:relative}[part=form-control-label]{cursor:pointer;font-size:var(--_label-font-size);line-height:var(--_label-line-height);font-weight:var(--_label-font-weight);color:var(--_label-color);padding-bottom:var(--_label-padding-bottom);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:grayscale;display:block}:host([disabled]) [part=form-control-label]{cursor:default;color:var(--_label-color-disabled)}:host([required]) [part=form-control-label]:after{content:var(--wa-form-control-required-content);margin-inline-start:var(--wa-form-control-required-content-offset)}.optional{font-weight:var(--_optional-font-weight);color:var(--_optional-color);margin-inline-start:var(--_optional-margin-inline-start)}[part~=form-control-input]{gap:var(--_radios-gap);flex-flow:column wrap;display:flex}[part~=help-text]{font-size:var(--_help-text-font-size);line-height:var(--_help-text-line-height);color:var(--_help-text-color);margin-block-start:var(--_help-text-margin-block-start)}:host([disabled]) [part~=help-text]{color:var(--_help-text-color-disabled)}:host([data-show-error]) [part~=help-text]{color:var(--_help-text-color-error)}`;var qd=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};Qe(Nd,Id,Vd,jd,Fd);class Wd extends($(Pe)){static#e=this.styles=[Dd,Ld];static#o=this.shadowRootOptions={...Pe.shadowRootOptions,delegatesFocus:!0};constructor(){super(),this.hasInteracted=!1,this.hasWarnedMissingName=!1,this.autoTabIndex=!1,this.label="",this.helpText="",this.optional=!1,this.invalid=!1,this.name=null,this.disabled=!1,this.required=!1,this.defaultCheckedValue=void 0,this.slottedHelpText=null,this.nameManagedRadios=new WeakSet,this.disabledManagedRadios=new WeakSet,this.handleRadioClick=e=>{const t=e.target.closest("w-radio");if(!t||t.disabled||this.disabled)return;const r=this.getCheckedValue(),o=this.getAllRadios();this.selectSingleRadio(t,o);this.getCheckedValue()!==r&&this.updateComplete.then(this.emitSelectionChange)},this.handleInvalid=e=>{e.preventDefault(),this.hasInteracted=!0,this.updateValidity()},this.handleHelpTextSlotChange=()=>{this.syncSlottedHelpText(),this.requestUpdate()},this.handleI18nChange=()=>{this.requestUpdate()},this.emitSelectionChange=()=>{this.hasInteracted=!0,this.syncFormValue(),this.updateValidity(),this.requestUpdate(),this.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0})),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))},this.captureDefaultSelection=()=>{void 0===this.defaultCheckedValue&&(this.defaultCheckedValue=this.getCheckedValue())},this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("click",this.handleRadioClick),this.addEventListener("invalid",this.handleInvalid)}get validationTarget(){return this.querySelector(":is(w-radio):not([disabled])")??void 0}connectedCallback(){super.connectedCallback(),this.syncSlottedHelpText(),this.syncFormValue(),this.updateValidity(),this.unsubscribeI18n=y.on("change",this.handleI18nChange),this.warnIfMissingName(),this.updateComplete.then(this.captureDefaultSelection)}disconnectedCallback(){this.unsubscribeI18n?.(),this.unsubscribeI18n=void 0,super.disconnectedCallback()}async updated(e){(e.has("disabled")||e.has("name")||e.has("required")||e.has("invalid")||e.has("helpText"))&&(this.syncFormValue(),this.updateValidity(),this.syncRadioElements(),this.syncFormValue(),this.updateValidity())}resetFormControl(){const e=this.defaultCheckedValue??null;this.getAllRadios().forEach(t=>{t.checked=!!e&&t.value===e}),this.syncRadioElements(),this.syncFormValue(),this.updateValidity()}getAllRadios(){return[...this.querySelectorAll("w-radio")]}getCheckedValue(){const e=this.getAllRadios().find(e=>e.checked);return e?.value??null}getEnabledRadios(e){return void 0===e&&(e=this.getAllRadios()),e.filter(e=>!e.disabled)}selectSingleRadio(e,t){void 0===t&&(t=this.getAllRadios()),t.forEach(t=>{const r=t===e;t.checked=r,t._groupTabIndex=r?0:-1})}handleLabelClick(){this.focus()}async syncRadioElements(){const e=this.getAllRadios();e.forEach((t,r)=>{t.toggleAttribute("data-w-radio-first",0===r),t.toggleAttribute("data-w-radio-inner",0!==r&&r!==e.length-1),t.toggleAttribute("data-w-radio-last",r===e.length-1),this.syncRadioDisabledState(t),this.name?t.getAttribute("name")&&!this.nameManagedRadios.has(t)||(t.setAttribute("name",this.name),this.nameManagedRadios.add(t)):this.nameManagedRadios.has(t)&&(t.removeAttribute("name"),this.nameManagedRadios.delete(t))}),await Promise.all(e.map(async e=>e.updateComplete)),this.normalizeCheckedRadios(e),this.syncTabOrder(e)}syncRadioDisabledState(e){this.disabled?e.disabled||(e.disabled=!0,this.disabledManagedRadios.add(e)):this.disabledManagedRadios.has(e)&&(e.disabled=!1,this.disabledManagedRadios.delete(e))}syncTabOrder(e){if(this.disabled)return void e.forEach(e=>e._groupTabIndex=-1);const t=this.getEnabledRadios(e),r=t.find(e=>e.checked);t.length>0&&(r?t.forEach(e=>e._groupTabIndex=e.checked?0:-1):t.forEach((e,t)=>e._groupTabIndex=0===t?0:-1)),e.filter(e=>e.disabled).forEach(e=>e._groupTabIndex=-1)}handleKeyDown(e){if(!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"," "].includes(e.key)||this.disabled)return;const t=this.getAllRadios(),r=this.getEnabledRadios(t);if(r.length<=0)return;e.preventDefault();const o=this.getCheckedValue(),n=r.find(e=>e.checked)??r[0],a=" "===e.key?0:["ArrowUp","ArrowLeft"].includes(e.key)?-1:1;let i=r.indexOf(n)+a;i<0&&(i=r.length-1),i>=r.length&&(i=0),this.selectSingleRadio(r[i],t),r[i].focus();this.getCheckedValue()!==o&&this.updateComplete.then(this.emitSelectionChange)}focus(e){if(this.disabled)return;const t=this.getAllRadios(),r=t.find(e=>e.checked),o=t.find(e=>!e.disabled),n=r||o;n&&n.focus(e)}checkValidity(){return this.updateValidity(),this.internals.checkValidity()}reportValidity(){return this.hasInteracted=!0,this.updateValidity(),this.internals.checkValidity()}hasSlottedContent(e){if(this.querySelector(`[slot="${e}"]`))return!0;const t=this.shadowRoot?.querySelector(`slot[name="${e}"]`);return!!t&&t.assignedNodes({flatten:!0}).some(e=>e.nodeType===Node.ELEMENT_NODE||e.nodeType===Node.TEXT_NODE&&Boolean(e.textContent?.trim()))}syncFormValue(){this.setValue(null)}syncSlottedHelpText(){const e=this.querySelector('[slot="help-text"]');this.slottedHelpText=e?.textContent?.trim()||null}updateValidity(){this.warnIfMissingName();const e=this.required&&!this.getCheckedValue(),t=e&&this.hasInteracted,r=this.invalid||this.hasAttribute("invalid"),o=r||t;return this.toggleAttribute("data-show-error",o),this.disabled?(this.internals.setValidity({}),this.syncChildInvalid(!1),void this.syncHostTabIndex(!1)):(this.syncHostTabIndex(o),e?(this.setValidityState({valueMissing:!0}),void this.syncChildInvalid(o)):r?(this.setValidityState({customError:!0}),void this.syncChildInvalid(!0)):(this.internals.setValidity({}),void this.syncChildInvalid(!1)))}normalizeCheckedRadios(e){const t=e.find(e=>e.checked);t&&e.forEach(e=>{e!==t&&(e.checked=!1)})}syncChildInvalid(e){this.getAllRadios().forEach(t=>{t.invalid=e})}setValidityState(e){const t=this.validationTarget;this.internals.setValidity(e," ",t??void 0)}syncHostTabIndex(e){if(!this.hasAttribute("tabindex")||this.autoTabIndex)return e?(this.setAttribute("tabindex","0"),void(this.autoTabIndex=!0)):void(this.autoTabIndex&&(this.removeAttribute("tabindex"),this.autoTabIndex=!1))}warnIfMissingName(){this.hasWarnedMissingName||this.internals.form&&(this.name&&this.name.trim().length>0||(console.warn('w-radio-group: "name" is required for form submission.'),this.hasWarnedMissingName=!0))}render(){const e=this.hasSlottedContent("label"),t=this.hasSlottedContent("help-text"),r=!!this.label||!!e,o=!!this.helpText||!!t,n=this.required&&!this.getCheckedValue()&&this.hasInteracted,a=this.invalid||this.hasAttribute("invalid"),i=a||n,s=i?a&&this.helpText?this.helpText:y._({id:"radio-group.validation.required",message:"Please select an option.",comment:"Shown when required radio group has no selections"}):this.helpText,l=i||o,d=r?"label":void 0,c=l?"help-text":void 0,h=this.slottedHelpText||void 0;return be`<fieldset part="form-control" role="radiogroup" aria-labelledby="${Ue(d)}" aria-describedby="${Ue(c)}" aria-errormessage="error-message" aria-invalid="${i?"true":void 0}">${r?be`<label part="form-control-label" id="label" @click="${this.handleLabelClick}"><slot name="label">${this.label}</slot>${this.optional&&!this.required?be`<span class="optional">${y._({id:"radio-group.label.optional",message:"Optional",comment:"Shown behind label when marked as optional"})}</span>`:null}</label>`:null}<slot part="form-control-input" @slotchange="${this.syncRadioElements}"></slot>${l?be`<div id="help-text" part="help-text" aria-label="${Ue(h)}"><slot name="help-text" @slotchange="${this.handleHelpTextSlotChange}">${s}</slot></div>`:null}</fieldset>`}}qd([Ne()],Wd.prototype,"hasInteracted",void 0),qd([je()],Wd.prototype,"label",void 0),qd([je({attribute:"help-text"})],Wd.prototype,"helpText",void 0),qd([je({type:Boolean,reflect:!0})],Wd.prototype,"optional",void 0),qd([je({type:Boolean,reflect:!0})],Wd.prototype,"invalid",void 0),qd([je({reflect:!0})],Wd.prototype,"name",void 0),qd([je({type:Boolean,reflect:!0})],Wd.prototype,"disabled",void 0),qd([je({type:Boolean,reflect:!0})],Wd.prototype,"required",void 0);const Bd=Wd;
|
|
89
89
|
/**
|
|
90
90
|
* @license
|
|
91
91
|
* Copyright 2021 Google LLC
|
|
92
92
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
93
93
|
*/
|
|
94
|
-
function tc(e,t,r){return e?t(e):r?.(e)}customElements.get("w-radio-group")||customElements.define("w-radio-group",Gd);const rc=JSON.parse('{"select.label.optional":["Valgfri"]}'),oc=JSON.parse('{"select.label.optional":["Optional"]}'),nc=JSON.parse('{"select.label.optional":["Valinnainen"]}'),ac=JSON.parse('{"select.label.optional":["Valgfri"]}'),ic=JSON.parse('{"select.label.optional":["Valfritt"]}'),sc=A("*,: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}.flex{display:flex}.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-disabled{border-color:var(--w-s-color-border-disabled)}.s-border-negative{border-color:var(--w-s-color-border-negative)}.s-border-strong{border-color:var(--w-s-color-border-strong)}.hover\\:s-border-disabled:hover{border-color:var(--w-s-color-border-disabled)}.hover\\:s-border-negative-hover:hover{border-color:var(--w-s-color-border-negative-hover)}.hover\\:s-border-strong-hover:hover{border-color:var(--w-s-color-border-strong-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)}"),lc=D`label{--_color:var(--w-c-input-label-color,var(--w-s-color-text));--_font-size:var(--w-c-input-label-font-size,var(--w-font-size-s));--_line-height:var(--w-c-input-label-line-height,var(--w-line-height-s));--_font-weight:var(--w-c-input-label-font-weight,700);--_padding-bottom:var(--w-c-input-label-padding-bottom,.4rem);--_cursor:var(--w-c-input-label-cursor,pointer);--_display:var(--w-c-input-label-display,block);display:var(--_display);font-size:var(--_font-size);line-height:var(--_line-height);font-weight:var(--_font-weight);padding-bottom:var(--_padding-bottom);cursor:var(--_cursor);color:var(--_color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}label span{--_padding-left:var(--w-c-input-optional-padding-left,.8rem);--_font-weight:var(--w-c-input-optional-font-weight,400);--_font-size:var(--w-c-input-optional-font-size,var(--w-font-size-s));--_line-height:var(--w-c-input-optional-line-height,var(--w-line-height-s));--_color:var(--w-c-input-optional-color,var(--w-s-color-text-subtle));padding-left:var(--_padding-left);font-weight:var(--_font-weight);font-size:var(--_font-size);line-height:var(--_line-height);color:var(--_color)}`,dc=D`:host{--_help-text-color:var(--w-c-input-help-text-color,var(--w-s-color-text-subtle));--_help-text-font-size:var(--w-c-input-help-text-font-size,var(--w-font-size-xs));--_help-text-line-height:var(--w-c-input-help-text-line-height,var(--w-line-height-xs));--_help-text-margin-top:var(--w-c-input-help-text-margin-top,.4rem);--_help-text-display:var(--w-c-input-help-text-display,block)}:host([invalid]){--_help-text-color:var(--w-c-input-help-text-color-invalid,var(--w-s-color-text-negative))}.help-text{font-size:var(--_help-text-font-size);line-height:var(--_help-text-line-height);margin-top:var(--_help-text-margin-top);display:var(--_help-text-display);color:var(--_help-text-color)}`;var cc=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};const hc="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",uc="s-text s-bg pl-8 border-1 s-border-strong hover:s-border-strong-hover active:s-border-active",pc="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",bc="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]!",gc="s-text bg-transparent pl-0 border-0 pointer-events-none before:hidden",mc="relative",vc="relative before:block before:absolute before:right-0 before:bottom-0 before:w-32 before:h-full before:pointer-events-none ",fc="block absolute top-[30%] right-0 bottom-0 w-32 h-full s-icon pointer-events-none cursor-pointer",wc="opacity-25";class yc extends($(Pe)){#t;#G;#P;static#e=this.styles=[nt,sc,lc,dc,D`select:has(option[value=""][selected]),select:has(option[value=""]):not(:has(option[selected])){color:var(--w-s-color-text-placeholder)}`];constructor(){super(),this.autoFocus=!1,this.autofocus=!1,this.invalid=!1,this.always=!1,this.optional=!1,this.disabled=!1,this.readOnly=!1,this.readonly=!1,this._options=[],this.#t=void 0,this.#G=()=>this.#ee(),this._setValue=e=>{this.value=e,this.setValue(e)},Qe(oc,ac,nc,rc,ic)}resetFormControl(){this.value=this.#t}#T(){return[...this.children].filter(e=>"option"===e.tagName.toLowerCase()||"w-option"===e.tagName.toLowerCase())}#te(){return this.shadowRoot?.querySelector("select")}#re(){return this.#T().some(e=>e.hasAttribute("selected"))}#oe(e){const t=this.#te();if(!t)return;let r=!1;for(const o of[...t.options]){const t=!r&&o.value===e;o.selected=t,o.toggleAttribute("selected",t),t&&(r=!0)}}#ee(e){let{allowDefaultFirstOption:t=!1}=void 0===e?{}:e;const r=this.#te();if(!r)return;const o=r.value;if(!o||o===this.value)return;!t&&!this.value&&!this.#re()&&0===r.selectedIndex||(this._setValue(o),this.#oe(o))}#ne(e){let{syncValueFromSelected:t=!1}=void 0===e?{}:e;let r;const o=this.#T().map(e=>{const o=e.getAttribute("value")??"",n=e.textContent??"",a=e.hasAttribute("selected"),i=e.hasAttribute("disabled");return t&&void 0===r&&a&&(r=o),be`<option value="${o}" ?selected="${a}" ?disabled="${i}">${n}</option>`});this._options=o,t&&void 0!==r&&r!==this.value&&this._setValue(r)}connectedCallback(){super.connectedCallback(),this.#t=this.value,(this.autofocus||this.autoFocus)&&this.shadowRoot.querySelector("select").focus(),this.#ne({syncValueFromSelected:!0}),this.ownerDocument?.defaultView?.addEventListener("pageshow",this.#G),this.#P=new MutationObserver(()=>{this.#ne({syncValueFromSelected:!0})}),this.#P.observe(this,{childList:!0,subtree:!0,characterData:!0,attributes:!0,attributeFilter:["selected","disabled","value"]})}disconnectedCallback(){super.disconnectedCallback(),this.ownerDocument?.defaultView?.removeEventListener("pageshow",this.#G),this.#P?.disconnect()}firstUpdated(){this.value&&this.#oe(this.value),this.#ee({allowDefaultFirstOption:!1})}formStateRestoreCallback(e,t){if("string"==typeof e&&e)return this._setValue(e),void this.#oe(e);this.#ee({allowDefaultFirstOption:!0})}willUpdate(e){e.has("value")&&this.setValue(this.value)}updated(e){if(e.has("value")){const e=this.#te();e&&e.value!==this.value&&(e.value=this.value??""),this.#oe(this.value??"")}}handleKeyDown(e){!this.readonly&&!this.readOnly||" "!==e.key&&"ArrowDown"!==e.key&&"ArrowUp"!==e.key||e.preventDefault(),"Enter"===e.key&&this.internals.form&&this.internals.form.requestSubmit()}get#ae(){return e([hc,!this.invalid&&!this.disabled&&!(this.readonly||this.readOnly)&&uc,this.invalid&&bc,this.disabled&&pc,(this.readonly||this.readOnly)&&gc])}get#ie(){return"help-text"}get#X(){return e([fc,this.disabled&&wc])}get#se(){return"select_id"}get#le(){return this.helpText||this.hint?`${this.#se}__hint`:void 0}onChange(e){const t=e.currentTarget.value;this._setValue(t),this.#oe(t),this.dispatchEvent(new CustomEvent("change",{detail:t,bubbles:!0,composed:!0}))}render(){return be`<div class="${mc}">${tc(this.label,()=>be`<label for="${this.#se}">${this.label} ${tc(this.optional,()=>be`<span>${y._({id:"select.label.optional",message:"Optional",comment:"Shown behind label when marked as optional"})}</span>`)}</label>`)}<div class="${vc}"><select part="input" class="${this.#ae}" id="${this.#se}" ?disabled="${this.disabled}" aria-readonly="${this.readonly}" aria-describedby="${Ue(this.#le)}" aria-invalid="${Ue(this.invalid)}" aria-errormessage="${Ue(this.invalid&&this.#le)}" @keydown="${this.handleKeyDown}" @change="${this.onChange}">${this._options}</select><div class="${this.#X}"><w-icon name="ChevronDown" size="small" locale="${Ze()}" class="flex"></w-icon></div></div>${tc(this.helpText||this.always||this.invalid,()=>be`<div id="${this.#le}" class="${this.#ie}">${this.helpText||this.hint}</div>`)}</div>`}}cc([je({attribute:"auto-focus",type:Boolean,reflect:!0})],yc.prototype,"autoFocus",void 0),cc([je({type:Boolean,reflect:!0})],yc.prototype,"autofocus",void 0),cc([je({attribute:"help-text",reflect:!0})],yc.prototype,"helpText",void 0),cc([je({type:Boolean,reflect:!0})],yc.prototype,"invalid",void 0),cc([je({type:Boolean,reflect:!0})],yc.prototype,"always",void 0),cc([je({reflect:!0})],yc.prototype,"hint",void 0),cc([je({reflect:!0})],yc.prototype,"label",void 0),cc([je({type:Boolean,reflect:!0})],yc.prototype,"optional",void 0),cc([je({type:Boolean,reflect:!0})],yc.prototype,"disabled",void 0),cc([je({attribute:"read-only",type:Boolean,reflect:!0})],yc.prototype,"readOnly",void 0),cc([je({type:Boolean,reflect:!0})],yc.prototype,"readonly",void 0),cc([je({attribute:!1,state:!0})],yc.prototype,"_options",void 0),cc([je({reflect:!0})],yc.prototype,"name",void 0),cc([je({reflect:!0})],yc.prototype,"value",void 0),customElements.get("w-select")||customElements.define("w-select",yc);const xc=A("*,: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}.hidden{display:none}.absolute{position:absolute}.relative{position:relative}.static{position:static}.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}"),kc=D`.w-slider-thumb{pointer-events:none;grid-template-columns:1fr 24px 1fr;grid-template-areas:"slider slider slider""frommarker.tomarker""fromtextfield.totextfield";display:grid;position:relative}.w-slider-thumb__range{appearance:none;pointer-events:none;background-color:#0000;grid-area:slider;height:44px;margin-left:0}.w-slider-thumb__range::-webkit-slider-runnable-track{box-shadow:none;color:var(--w-s-color-text);height:var(--w-slider-track-height)}.w-slider-thumb__range::-webkit-slider-thumb{anchor-name:--thumb;appearance:none;cursor:pointer;background:var(--w-slider-thumb-background);height:var(--w-slider-thumb-size,28px);margin-top:calc(-1 * calc(var(--w-slider-thumb-offset) - calc(var(--w-slider-track-height) / 2)));pointer-events:initial;width:var(--w-slider-thumb-size,28px);z-index:1;border-radius:50%}.w-slider-thumb__range[disabled]::-webkit-slider-thumb{cursor:auto}.w-slider-thumb__range::-moz-range-thumb{anchor-name:--thumb;appearance:none;cursor:pointer;background:var(--w-slider-thumb-background);height:var(--w-slider-thumb-size,28px);margin-top:calc(-1 * calc(var(--w-slider-thumb-offset) - calc(var(--w-slider-track-height) / 2)));pointer-events:initial;width:var(--w-slider-thumb-size,28px);z-index:1;box-shadow:none;border-color:#0000;border-radius:50%}.w-slider-thumb__range[disabled]::-moz-range-thumb{cursor:auto}.w-slider-thumb__range:active::-webkit-slider-thumb,.w-slider-thumb__range:hover::-webkit-slider-thumb{background:var(--w-slider-thumb-background);box-shadow:var(--w-shadow-slider-handle-hover)}.w-slider-thumb__range:focus,.w-slider-thumb__range:focus-visible{outline:none}.w-slider-thumb__range:focus-visible::-webkit-slider-thumb{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px);box-shadow:none}.w-slider-thumb__range:active::-moz-range-thumb,.w-slider-thumb__range:hover::-moz-range-thumb{background:var(--w-s-color-background-primary-hover);box-shadow:var(--w-shadow-slider-handle-hover)}.w-slider-thumb__range:focus-visible::-moz-range-thumb{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px);box-shadow:none}.w-slider-thumb__tooltip-target{pointer-events:none;position-anchor:--thumb;position-area:center;border:2px solid #0000;border-radius:20px;width:8px;height:8px;display:block;position:absolute}.w-slider-thumb__from-marker,.w-slider-thumb__to-marker{color:var(--w-s-color-text-subtle);font-size:var(--w-font-size-s);line-height:var(--w-line-height-s);margin-inline:2px}.w-slider-thumb__from-marker{grid-area:frommarker}.w-slider-thumb__to-marker{text-align:right;grid-area:tomarker}.w-slider-thumb__textfield{pointer-events:auto;grid-area:3/1/4/3;margin-top:12px}:host([slot=from]) .w-slider-thumb__textfield{grid-column:1/2}:host([slot=from]) .w-slider-thumb__range{margin-left:var(--w-slider-thumb-size,28px)}:host([slot=to]) .w-slider-thumb__range{margin-right:var(--w-slider-thumb-size,28px)}:host([slot=from]) .w-slider-thumb__tooltip-target{transform:translateX(calc(-1 * var(--transform-offset,0px) - 1px))}:host([slot=from]) .w-slider-thumb__range::-webkit-slider-thumb{transform:translateX(calc(-1 * var(--w-slider-thumb-size,28px) - 1px))}:host([slot=from]) .w-slider-thumb__range::-moz-range-thumb{transform:translateX(calc(-1 * var(--w-slider-thumb-size,28px) - 1px))}:host([slot=to]) .w-slider-thumb__textfield{grid-area:3/3/4/4}:host([slot=to]) .w-slider-thumb__tooltip-target{transform:translateX(calc(var(--transform-offset,0px) - 1px))}:host([slot=to]) .w-slider-thumb__range::-webkit-slider-thumb{transform:translateX(calc(var(--w-slider-thumb-size,28px) - 1px))}:host([slot=to]) .w-slider-thumb__range::-moz-range-thumb{transform:translateX(calc(var(--w-slider-thumb-size,28px) - 1px))}w-textfield{--w-textfield-placeholder-color-text:var(--w-s-color-text)}`;var _c=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};const $c=/WebKit/,Sc=/Chrome/;class Ec extends($(Pe)){constructor(){super(...arguments),this.ariaLabel=null,this.ariaDescription=null,this.disabled=!1,this.invalid=!1,this.openEnded=!1,this.required=!1,this.suffix="",this._showTooltip=!1,this._inputHasFocus=!1,this._hiddenTextfield=!1,this.#t=void 0,this.anchorPositioningStyleElement=null}static#e=this.shadowRootOptions={...Pe.shadowRootOptions,delegatesFocus:!0};static#o=this.styles=[nt,xc,kc];#t;resetFormControl(){this.value=this.#t,this.dispatchEvent(new CustomEvent("thumbreset",{bubbles:!0}))}#de(){this._showTooltip=!0,this.shadowRoot.querySelector("w-attention").handleDone()}#ce(){this._showTooltip=!1}#he(){this.range&&(""===this.value?this.range.value=this.boundaryValue:this.value&&(this.range.value=this.value))}#ue(e){this.dispatchEvent(new CustomEvent("slidervalidity",{bubbles:!0,detail:{invalid:e,slot:this.slot}}))}async updateFieldAfterValidation(){const e=this.shadowRoot.querySelector("w-textfield");await this.#pe(e.value??"",!0)}async#pe(e,t){const r=this.suffix??"";let o=Number.parseInt(e);if(this.openEnded&&!t&&this.step){if(!("to"===this.slot&&o>=Number(this.max)-1||"from"===this.slot&&o<=Number(this.min)+1)){const t=1/this.step;o=Math.round(o*t)/t,e=o.toString()}}const n=Number.parseInt(this.max),a=Number.parseInt(this.min);if(!this.openEnded&&(o>n||o<a))return this.#ue(y.t({id:"slider.error.out_of_bounds",message:"Value must be between {min} and {max}",values:{min:`${this.min} ${r}`.trim(),max:`${this.max} ${r}`.trim()}})),{shouldCancel:!0};""===e&&this.required&&this.#ue(y.t({id:"slider.error.required",message:"This field is required"})),this.value=e;const i=e===this.max||e===this.min;let s=!1;if(this.slot){const r=this.parentElement.querySelector('w-slider-thumb[slot="to"]'),l=this.parentElement.querySelector('w-slider-thumb[slot="from"]'),d=r.textfield.value||this.max,c=l.textfield.value||this.min,h=Number.parseInt(d),u=Number.parseInt(c),p=y.t({id:"slider.error.overlap",message:"The maximum value cannot be less than the minimum"});if("from"===this.slot){const r=this.openEnded&&h>n?h:Math.min(h,this.openEnded?n-1:n);o>r&&(s=!0,this.openEnded&&i?this.value=String(r):this.value=d,t&&(this.#ue(p),await this.updateComplete,this.textfield.value=e))}else{const r=this.openEnded&&u<a?u:Math.max(Number.parseInt(c),this.openEnded?a+1:a);o<r&&(s=!0,this.openEnded&&i?this.value=String(r):this.value=c,t&&(this.#ue(p),await this.updateComplete,this.textfield.value=e))}}return s?{shouldCancel:!0}:(this.#ue(""),this.range.value=Math.min(Math.max(Number(e),Number(this.min)),Number(this.max)).toString(),this.value=this.openEnded&&!t&&i?"":e,this.shadowRoot.querySelector("w-attention").handleDone(),{shouldCancel:!1})}async#L(e){const t="W-TEXTFIELD"===e.currentTarget.tagName;if(e instanceof CustomEvent)return!1;const r=e.currentTarget.value;return!(await this.#pe(r,t)).shouldCancel||(e.preventDefault(),!1)}async#be(e){if("Enter"===e.key&&this.internals.form)return void this.internals.form.requestSubmit();if(!this.openEnded)return;if("ArrowLeft"!==e.key&&"ArrowRight"!==e.key)return;const t=Number(this.range.value),r=this.step||1;let o;o="ArrowLeft"===e.key?t-r:t+r,o=Math.min(Math.max(o,Number(this.min)),Number(this.max));(await this.#pe(o.toString(),!1)).shouldCancel&&e.preventDefault()}async#ge(e){if("Enter"===e.key&&this.internals.form)return void this.internals.form.requestSubmit();if(this.textfield.value)return;let t="";"from"===this.slot?"ArrowUp"===e.key?t=String(Number(this.min)+1)||"1":"ArrowDown"===e.key&&(t=String(Number(this.min))||"0"):"ArrowUp"===e.key?t=String(Number(this.max))||"100":"ArrowDown"===e.key&&(t=String(Number(this.max)-1)||"99"),t&&(e.preventDefault(),await this.#pe(t,!0))}async connectedCallback(){if(super.connectedCallback(),this.#t=this.value,this.setValue(this.value),this.slot&&!this.ariaDescription&&("from"===this.slot?this.ariaDescription=y.t({id:"slider.label.from",comment:"Accessible label for the 'from value' input field in a range slider",message:"From"}):"to"===this.slot&&(this.ariaDescription=y.t({id:"slider.label.to",comment:"Accessible label for the 'to value' input field in a range slider",message:"To"}))),"anchorName"in document.documentElement.style)await this.updateComplete;else{const e=import.meta.url.substring(0,import.meta.url.lastIndexOf("/"));try{const[{default:t}]=await Promise.all([import(`${e}/oddbird-css-anchor-positioning.js`),this.updateComplete]);this.anchorPositioningStyleElement||(this.anchorPositioningStyleElement=document.createElement("style"),this.shadowRoot.prepend(this.anchorPositioningStyleElement)),this.anchorPositioningStyleElement.textContent="\n /*\n * The polyfill can only anchor to ::before and ::after pseudo elements, not the pseudo element slider thumb.\n * We work around that by recreating a transparent version of the active range\n * so that we can position relative to that, without crossing the shadow root boundary.\n */\n .polyfill-range {\n align-self: center;\n background: transparent;\n height: var(--w-slider-track-active-height);\n position: absolute;\n padding-inline-start: var(--active-range-inline-start-padding, 0);\n padding-inline-end: var(--active-range-inline-end-padding, 0);\n top: var(--_range-top);\n left: 0;\n right: 0;\n grid-area: slider;\n }\n\n .polyfill-active-range {\n anchor-name: --polyfilled-thumb;\n\n box-sizing: content-box;\n background: transparent;\n height: var(--w-slider-track-active-height);\n\n border-start-start-radius: var(--active-range-border-radius, 0);\n border-end-start-radius: var(--active-range-border-radius, 0);\n\n margin-left: calc(calc(var(--_blank-values-before) * 1%) - var(--active-range-inline-start-padding, 0px));\n width: calc(calc(var(--_filled-values) * 1%) + var(--active-range-inline-end-padding, 0px));\n }\n\n #target {\n position: absolute;\n top: anchor(--polyfilled-thumb top);\n right: anchor(--polyfilled-thumb right);\n margin-right: 12px;\n }\n\n :host([name='from']) .polyfill-active-range {\n margin-left: calc(calc(var(--_blank-values-before) * 1%) - var(--active-range-inline-start-padding, 0px));\n width: calc(calc(var(--_filled-values) * 1%) + var(--active-range-inline-end-padding, 0px));\n }\n\n :host([name='from']) #target {\n left: anchor(--polyfilled-thumb left);\n margin-left: 38px;\n }\n ",await t({roots:[this.shadowRoot],elements:[this.anchorPositioningStyleElement]})}catch(e){console.error(new Error("Error registering the CSS anchor positioning polyfill. The UI will look broken.",{cause:e}))}}const e=window.navigator.userAgent;$c.test(e)&&!Sc.test(e)&&this.tooltipTarget&&this.tooltipTarget.style.setProperty("--transform-offset","var(--w-slider-thumb-size, 28px)"),this.#he()}get boundaryValue(){return"from"===this.slot?this.min:this.max}get textFieldDisplayValue(){return this._inputHasFocus?""!==this.value?this.value:this.range?.value?Math.min(Math.max(Number(this.range.value),Number(this.min)+1),Number(this.max)-1).toString():"":this.value}get tooltipDisplayValue(){let e;return e=this.tooltipFormatter?this.tooltipFormatter(this.value,this.slot):this.valueFormatter?this.valueFormatter(this.value,this.slot):""===this.value?this.range?.value??this.boundaryValue:this.value||0,e}get ariaDescriptionText(){let e="";const t=this.ariaDescription||"",r=""===this.value;return this.openEnded&&r&&(e="from"===this.slot?y.t({id:"slider.placeholder.from",message:"Min"}):y.t({id:"slider.placeholder.to",message:"Max"})),e?`${e}, ${t}`:t}updated(e){if(e.has("openEnded")&&this.openEnded&&!this.placeholder&&("to"===this.slot||""===this.slot?this.placeholder=y.t({id:"slider.placeholder.to",message:"Max",comment:"Max as in short for Maximum"}):"from"===this.slot&&(this.placeholder=y.t({id:"slider.placeholder.from",message:"Min",comment:"Min as in short for Minimum"}))),e.has("value")){void 0===this.#t&&void 0!==this.value&&(this.#t=this.value),this.setValue(this.value),this.#he();const t=e.get("value");""===this.value&&t&&this.dispatchEvent(new CustomEvent("thumbreset",{bubbles:!0}))}}render(){const e=this.placeholder&&!this.value;return be`<div class="w-slider-thumb">${"anchorName"in document.documentElement.style?me:be`<div class="polyfill-range"><div class="polyfill-active-range"></div></div>`} <input id="range" aria-label="${this.ariaLabel}" aria-describedby="${Ue(this.ariaDescription?"aria-description":void 0)}" class="w-slider-thumb__range" type="range" .value="${this.value}" min="${this.min}" max="${this.max}" step="${Ue(!this.openEnded&&this.step?this.step:void 0)}" ?disabled="${this.disabled}" @mousedown="${this.#de}" @mouseup="${this.#ce}" @touchstart="${this.#de}" @touchend="${this.#ce}" @focus="${this.#de}" @blur="${this.#ce}" @input="${this.#L}" @keydown="${this.#be}"> ${"from"!==this.slot&&this.slot?me:be`<span class="sr-only">${y.t({id:"slider.label.from",message:"From"})+" "+(this.labelFormatter?this.labelFormatter("from"):this.min)+", "+y.t({id:"slider.label.to",message:"To"})+" "+(this.labelFormatter?this.labelFormatter("to"):this.max)}</span>`} <span aria-hidden="true" class="w-slider-thumb__from-marker">${this.labelFormatter?this.labelFormatter("from"):this.min} </span><span aria-hidden="true" class="w-slider-thumb__to-marker">${this.labelFormatter?this.labelFormatter("to"):this.max}</span><w-textfield aria-label="${this.ariaLabel}" aria-description="${Ue(this.ariaDescriptionText)}" class="${Ye({"w-slider-thumb__textfield":!0,"sr-only":this._hiddenTextfield})}" type="number" tabindex="${this._hiddenTextfield?-1:me}" placeholder="${this.placeholder}" .value="${this.textFieldDisplayValue}" .formatter="${this.valueFormatter&&!e?e=>this.valueFormatter(e,this.slot):me}" min="${this.openEnded?me:this.min}" max="${this.openEnded?me:this.max}" step="${Ue(this.step)}" ?invalid="${Boolean(this.invalid)}" @input="${this.#L}" @keydown="${this.#ge}" ?disabled="${this.disabled}">${this.suffix?be`<w-affix slot="suffix" label="${this.suffix??""}"></w-affix>`:me}</w-textfield><w-attention tooltip placement="top" flip distance="24" .show="${this._showTooltip}"><output id="target" class="w-slider-thumb__tooltip-target" slot="target"></output> <span slot="message">${this.tooltipDisplayValue}${this.suffix?be` ${this.suffix??""}`:me}</span></w-attention><span class="sr-only" id="aria-description">${this.ariaDescriptionText}</span></div>`}}_c([je({attribute:"aria-label"})],Ec.prototype,"ariaLabel",void 0),_c([je({attribute:"aria-description"})],Ec.prototype,"ariaDescription",void 0),_c([je({reflect:!0})],Ec.prototype,"name",void 0),_c([je({reflect:!0})],Ec.prototype,"value",void 0),_c([je({type:Boolean,reflect:!0})],Ec.prototype,"disabled",void 0),_c([je({type:Boolean,reflect:!0})],Ec.prototype,"invalid",void 0),_c([je({attribute:!1,reflect:!1})],Ec.prototype,"openEnded",void 0),_c([je({reflect:!0})],Ec.prototype,"placeholder",void 0),_c([Ne()],Ec.prototype,"markers",void 0),_c([Ne()],Ec.prototype,"required",void 0),_c([Ne()],Ec.prototype,"step",void 0),_c([Ne()],Ec.prototype,"min",void 0),_c([Ne()],Ec.prototype,"max",void 0),_c([Ne()],Ec.prototype,"suffix",void 0),_c([je({attribute:!1})],Ec.prototype,"valueFormatter",void 0),_c([je({attribute:!1})],Ec.prototype,"tooltipFormatter",void 0),_c([je({attribute:!1})],Ec.prototype,"labelFormatter",void 0),_c([Ie('input[type="range"]')],Ec.prototype,"range",void 0),_c([Ie(".w-slider-thumb__tooltip-target")],Ec.prototype,"tooltipTarget",void 0),_c([Ie("w-textfield")],Ec.prototype,"textfield",void 0),_c([Ne()],Ec.prototype,"_showTooltip",void 0),_c([Ne()],Ec.prototype,"_inputHasFocus",void 0),_c([Ne()],Ec.prototype,"_hiddenTextfield",void 0),customElements.get("w-slider-thumb")||customElements.define("w-slider-thumb",Ec);const Cc=JSON.parse('{"select.label.optional":["Valgfri"],"slider.error.out_of_bounds":["Værdien skal være mellem ",["min"]," og ",["max"]],"slider.error.overlap":["Maksimumværdien må ikke være mindre end minimumværdien"],"slider.error.required":["Dette felt er påkrævet"],"slider.label.from":["From"],"slider.label.to":["To"],"slider.placeholder.from":["Min"],"slider.placeholder.to":["Max"]}'),zc=JSON.parse('{"select.label.optional":["Optional"],"slider.error.out_of_bounds":["Value must be between ",["min"]," and ",["max"]],"slider.error.overlap":["The maximum value cannot be less than the minimum"],"slider.error.required":["This field is required"],"slider.label.from":["From"],"slider.label.to":["To"],"slider.placeholder.from":["Min"],"slider.placeholder.to":["Max"]}'),Oc=JSON.parse('{"select.label.optional":["Valinnainen"],"slider.error.out_of_bounds":["Arvon on oltava välillä ",["min"]," - ",["max"]],"slider.error.overlap":["Maksimiarvo ei voi olla pienempi kuin minimiarvo"],"slider.error.required":["Tämä kenttä on pakollinen"],"slider.label.from":["From"],"slider.label.to":["To"],"slider.placeholder.from":["Min"],"slider.placeholder.to":["Max"]}'),Ac=JSON.parse('{"select.label.optional":["Valgfri"],"slider.error.out_of_bounds":["Verdien må være mellom ",["min"]," og ",["max"]],"slider.error.overlap":["Maksimumsverdien kan ikke være mindre enn minimumsverdien"],"slider.error.required":["Dette feltet er påkrevd"],"slider.label.from":["From"],"slider.label.to":["To"],"slider.placeholder.from":["Min"],"slider.placeholder.to":["Max"]}'),Dc=JSON.parse('{"select.label.optional":["Valfritt"],"slider.error.out_of_bounds":["Värdet måste vara mellan ",["min"]," och ",["max"]],"slider.error.overlap":["Maxvärdet kan inte vara mindre än minimivärdet"],"slider.error.required":["Detta fält är obligatoriskt"],"slider.label.from":["From"],"slider.label.to":["To"],"slider.placeholder.from":["Min"],"slider.placeholder.to":["Max"]}'),Pc=D`.w-slider{--w-slider-track-background:var(--w-s-color-background-disabled-subtle);--w-slider-track-active-background:var(--w-s-color-background-primary);--w-slider-track-height:4px;--w-slider-track-active-height:6px;--w-slider-thumb-background:var(--w-s-color-background-primary);--w-slider-thumb-background-hover:var(--w-s-color-background-primary-hover);--w-slider-thumb-size:28px;--w-slider-thumb-offset:calc(var(--w-slider-thumb-size) / 2);--w-slider-marker-color:var(--w-s-color-border);--_range-top:calc(var(--w-slider-thumb-size) / 2 + calc(var(--w-slider-track-active-height) - calc(var(--w-slider-track-height) / 2) + 1px));border:none;grid-template-columns:1fr;grid-template-areas:"label""description""slider""error";width:100%;margin:0;padding:0;display:grid;position:relative}.w-slider[disabled]{--w-slider-track-active-background:var(--w-s-color-background-disabled-subtle);--w-slider-thumb-background:var(--w-s-color-background-disabled-subtle);--w-slider-thumb-background-hover:var(--w-s-color-background-disabled-subtle)}.w-slider__label{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s);color:var(--w-s-color-text);grid-area:label;padding-bottom:8px;font-weight:700}.w-slider__description{grid-area:description}.w-slider__range{background:var(--w-slider-track-background);height:var(--w-slider-track-active-height);top:var(--_range-top);border-radius:4px;grid-area:slider;align-self:center;padding-inline-start:var(--active-range-inline-start-padding,0);padding-inline-end:var(--active-range-inline-end-padding,0);position:absolute;left:0;right:0}.w-slider__active-range{box-sizing:content-box;background:var(--w-slider-track-active-background);height:var(--w-slider-track-active-height);--max-with-offset:calc(var(--max) + var(--over-under-offset,0));--offset-percentage:calc(calc(var(--from) - var(--min)) / calc(var(--max-with-offset) - var(--min)) * 100);margin-left:calc(max(var(--offset-percentage) * 1%, 0px) - var(--range-slider-magic-pixel,0px));--value-range:calc(var(--max-with-offset) - var(--min));--range-span-percentage:calc(calc(min(var(--to), var(--max-with-offset)) - max(var(--min), var(--from))) / var(--value-range) * 100);width:calc(var(--range-span-percentage) * 1% + var(--range-slider-magic-pixel,0px));z-index:1;border-start-start-radius:var(--active-range-border-radius,0);border-end-start-radius:var(--active-range-border-radius,0)}.w-slider__markers{--_marker-height:7px;--_marker-width:1px;background:linear-gradient(to right, var(--w-slider-marker-color) var(--_marker-width), #0000 1px calc(100% - 1px), var(--w-slider-marker-color) 100%) repeat-x;--_step-width-as-percent:calc(var(--markers) / var(--_value-range) * 100);background-size:calc(var(--_step-width-as-percent) * 1%) var(--_marker-height);background-position:bottom 0 left 8px right 8px;top:calc(var(--_range-top) + 2px);height:var(--_marker-height);margin-inline:var(--w-slider-thumb-offset);grid-area:slider;align-self:center;position:absolute;left:1px;right:1px}.w-slider__error{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs);color:var(--w-s-color-text-negative);grid-area:error;padding-top:8px}.w-slider__help-text{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs);grid-area:error;padding-top:8px}slot::slotted(w-slider-thumb){grid-area:slider;position:static;inset:0}`;var Mc=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};class Tc extends Pe{static#e=this.shadowRootOptions={...Pe.shadowRootOptions,delegatesFocus:!0};static#o=this.styles=[nt,Pc,D`:host{--_padding-left:var(--w-c-slider-optional-padding-left,.8rem);--_font-weight:var(--w-c-slider-optional-font-weight,400);--_font-size:var(--w-c-slider-optional-font-size,var(--w-font-size-s));--_line-height:var(--w-c-slider-optional-line-height,var(--w-line-height-s));--_color:var(--w-c-slider-optional-color,var(--w-s-color-text-subtle))}.w-slider__optional{padding-left:var(--_padding-left);font-weight:var(--_font-weight);font-size:var(--_font-size);line-height:var(--_line-height);color:var(--_color)}`];constructor(){super(),this.disabled=!1,this.openEnded=!1,this.invalid=!1,this.required=!1,this.optional=!1,this.hiddenTextfield=!1,this._invalidMessage="",this._hasInternalError=!1,this._showError=!1,this._tabbableElements=[],this._hasLabel=!1,Qe(zc,Ac,Oc,Cc,Dc)}#me(){const e=this.querySelectorAll("w-slider-thumb");let t=!1;for(const r of e.values())r.min=this.edgeMin,r.max=this.edgeMax,r.step=this.step,r.suffix=this.suffix??"",r.required=this.required,r.labelFormatter=this.labelFormatter,r.valueFormatter=this.valueFormatter,r.tooltipFormatter=this.tooltipFormatter,r.openEnded=this.openEnded,r._hiddenTextfield=this.hiddenTextfield,r.ariaLabel||(r.slot||(r.ariaLabel=this.label||null),"from"===r.slot&&(r.ariaLabel=`${this.label} min`),"to"===r.slot&&(r.ariaLabel=`${this.label} max`)),"from"!==r.slot&&"to"!==r.slot||(t=!0),r.disabled=this.disabled,r.invalid=Boolean(this.errorText),this.#ve(r);t?(this.fieldset.style.setProperty("--active-range-inline-start-padding","var(--w-slider-thumb-size, 28px)"),this.fieldset.style.setProperty("--active-range-inline-end-padding","var(--w-slider-thumb-size, 28px)")):this.fieldset.style.setProperty("--active-range-border-radius","4px")}get edgeMin(){return this.openEnded?(Number(this.min)-1).toString():this.min}get edgeMax(){return this.openEnded?(Number(this.max)+1).toString():this.max}async connectedCallback(){super.connectedCallback(),await this.updateComplete,this.step&&this.fieldset.style.setProperty("--step",String(this.step)),void 0!==this.min&&this.fieldset.style.setProperty("--min",this.edgeMin),void 0!==this.max&&this.fieldset.style.setProperty("--max",this.max),this.markers&&this.fieldset.style.setProperty("--markers",String(this.markers)),this.openEnded&&this.fieldset.style.setProperty("--over-under-offset","1"),this.label&&(this._hasLabel=!0);const e=this.querySelectorAll("w-slider-thumb");if(2===e.length){this.fieldset.style.setProperty("--range-slider-magic-pixel","1px");const t=[...e];this._tabbableElements[0]=t[0].shadowRoot.querySelector("input"),this._tabbableElements[1]=t[1].shadowRoot.querySelector("input"),this._tabbableElements[2]=t[0].shadowRoot.querySelector("w-textfield"),this._tabbableElements[3]=t[1].shadowRoot.querySelector("w-textfield")}else if(1===e.length){const t=[...e];this._tabbableElements[0]=t[0].shadowRoot.querySelector("input"),this._tabbableElements[1]=t[0].shadowRoot.querySelector("w-textfield")}this.invalid&&this.error&&(this._showError=!0),this.#me()}updated(e){(e.has("disabled")||e.has("required")||e.has("min")||e.has("step")||e.has("max")||e.has("suffix")||e.has("labelFormatter")||e.has("valueFormatter")||e.has("_invalidMessage")||e.has("_hasInternalError"))&&this.#me(),(e.has("error")||e.has("invalid"))&&(this.error&&this.invalid?this._showError=!0:this._showError=!1,this.#me())}#fe(e){e.stopPropagation();const t=e.target;this.#ve(t)}#L(e){const t=e.target;this.#ve(t);t.slot&&this.#we()}#ye(){this.componentHasError?this._showError=!0:this._showError=!1,this.#me()}#c(e){if("Tab"===e.key){const t=this._tabbableElements.indexOf(e.target.shadowRoot.activeElement);if(-1===t)return;const r=e.shiftKey?-1:1,o=this._tabbableElements[t+r];if(!o)return;e.preventDefault(),o.focus()}}#we(){let e=null,t=null;const r=this.querySelectorAll("w-slider-thumb");for(const o of r.values())"from"===o.slot&&(e=o),"to"===o.slot&&(t=o);e&&t&&(e.invalid||t.invalid)}#xe(e){e.stopPropagation();const t=this._hasInternalError||this.invalid,r=e.target;if(this._hasInternalError=Boolean(e.detail.invalid)||this.invalid,this._invalidMessage=e.detail.invalid,!0===t&&!1===this._hasInternalError){const e=this.querySelectorAll("w-slider-thumb");for(const t of e.values())t!==r&&t.updateFieldAfterValidation()}}#ke(e,t){return t.value??=this.openEnded?"":e,""===t.value?e:t.value}#ve(e){const t=e.slot;t||this.fieldset.style.setProperty("--from","0"),"from"===t&&this.fieldset.style.setProperty("--from",this.#ke(this.edgeMin,e)),t&&"to"!==t||this.fieldset.style.setProperty("--to",this.#ke(this.edgeMax,e))}get componentHasError(){return this.invalid||this._hasInternalError}get errorText(){return this._showError?this.error||this._invalidMessage:""}_handleLabelSlotChange(e){const t=e.target.assignedElements().length>0;this._hasLabel=t||!!this.label,console.log("Label content changed, has label:",this._hasLabel)}get _label(){const e=this._hasLabel&&this.optional&&!this.required?be`<span class="w-slider__optional">${y._({id:"select.label.optional",message:"Optional",comment:"Shown behind label when marked as optional"})}</span>`:me;return this.label?be`<legend class="w-slider__label"><slot id="label" name="label" @slotchange="${this._handleLabelSlotChange}">${this.label}</slot>${e}</legend>`:be`<slot id="label" name="label" @slotchange="${this._handleLabelSlotChange}"></slot>${e}`}render(){return be`<fieldset id="fieldset" class="w-slider" @input="${this.#L}" @focusout="${this.#ye}" @slidervalidity="${this.#xe}" @thumbreset="${this.#fe}" @keydown="${this.#c}" aria-invalid="${this.errorText?"true":me}" ?disabled="${this.disabled}">${this._label}<slot class="w-slider__description" name="description"></slot>${this.markers?be`<div class="w-slider__markers"></div>`:me}<div class="w-slider__range"><div class="w-slider__active-range"></div></div><slot class="w-slider__slider" @slotchange="${this.#me}"></slot><slot class="w-slider__slider" name="from" @slotchange="${this.#me}"></slot><slot class="w-slider__slider" name="to" @slotchange="${this.#me}"></slot>${this.errorText?be`<p class="w-slider__error" aria-describes="fieldset">${this.errorText}</p>`:this.helpText?be`<p class="w-slider__help-text" aria-describes="fieldset">${this.helpText}</p>`:me}</fieldset>`}}Mc([je({reflect:!0})],Tc.prototype,"label",void 0),Mc([je({type:Boolean,reflect:!0})],Tc.prototype,"disabled",void 0),Mc([je({type:Boolean,attribute:"open-ended"})],Tc.prototype,"openEnded",void 0),Mc([je({type:String,reflect:!0})],Tc.prototype,"error",void 0),Mc([je({type:String,reflect:!0,attribute:"help-text"})],Tc.prototype,"helpText",void 0),Mc([je({type:Boolean,reflect:!0})],Tc.prototype,"invalid",void 0),Mc([je({type:Boolean,reflect:!0})],Tc.prototype,"required",void 0),Mc([je({type:Boolean,reflect:!0})],Tc.prototype,"optional",void 0),Mc([je({reflect:!0})],Tc.prototype,"min",void 0),Mc([je({reflect:!0})],Tc.prototype,"max",void 0),Mc([je({type:Number,reflect:!0})],Tc.prototype,"markers",void 0),Mc([je({type:Number,reflect:!0})],Tc.prototype,"step",void 0),Mc([je({reflect:!0})],Tc.prototype,"suffix",void 0),Mc([je({type:Boolean,reflect:!0,attribute:"hidden-textfield"})],Tc.prototype,"hiddenTextfield",void 0),Mc([je({attribute:!1})],Tc.prototype,"valueFormatter",void 0),Mc([je({attribute:!1})],Tc.prototype,"tooltipFormatter",void 0),Mc([je({attribute:!1})],Tc.prototype,"labelFormatter",void 0),Mc([Ie("fieldset")],Tc.prototype,"fieldset",void 0),Mc([Ne()],Tc.prototype,"_invalidMessage",void 0),Mc([Ne()],Tc.prototype,"_hasInternalError",void 0),Mc([Ne()],Tc.prototype,"_showError",void 0),Mc([Ne()],Tc.prototype,"_tabbableElements",void 0),Mc([Ne()],Tc.prototype,"_hasLabel",void 0),customElements.get("w-slider")||customElements.define("w-slider",Tc);const Rc=D`:host{--_snackbar-item-bg:var(--w-c-snackbar-item-bg,var(--w-color-tooltip-background-static));--_snackbar-item-action-bg-hover:var(--w-c-snackbar-item-action-bg-hover,var(--w-color-tooltip-background-static));--_snackbar-item-action-bg-active:var(--w-c-snackbar-item-action-bg-active,var(--w-color-tooltip-background-static));--_snackbar-item-border-radius:var(--w-c-snackbar-item-radius,8px);--_snackbar-item-box-shadow:var(--w-c-snackbar-item-box-shadow,var(--w-shadow-l));--_snackbar-item-color:var(--w-c-snackbar-item-color,var(--w-s-color-text-inverted-static));--_snackbar-item-action-color-hover:var(--w-c-snackbar-item-action-color-hover,var(--w-s-color-text-inverted-static));--_snackbar-item-action-color-active:var(--w-c-snackbar-item-action-color-active,var(--w-s-color-text-inverted-static));--_snackbar-item-max-width:var(--w-c-snackbar-item-max-width,480px);--_snackbar-item-min-width:var(--w-c-snackbar-item-min-width,328px);--_snackbar-item-padding:var(--w-c-snackbar-item-padding,8px);display:block}.animation-wrapper{border-radius:var(--_snackbar-item-border-radius)}[part=item]{background-color:var(--_snackbar-item-bg);border-radius:var(--_snackbar-item-border-radius);box-shadow:var(--_snackbar-item-box-shadow);color:var(--_snackbar-item-color);max-width:var(--_snackbar-item-max-width);min-width:var(--_snackbar-item-min-width);padding:var(--_snackbar-item-padding);grid-template:"icon message inline-action""block-action block-action block-action"/auto 1fr auto;align-items:center;column-gap:8px;display:grid}[part=item] w-button,[part=item] ::slotted(w-button){--w-c-button-bg:var(--_snackbar-item-bg);--w-c-button-bg-active:var(--_snackbar-item-action-bg-active);--w-c-button-bg-hover:var(--_snackbar-item-action-bg-hover);--w-c-button-color:var(--_snackbar-item-color);--w-c-button-color-active:var(--_snackbar-item-action-color-active);--w-c-button-color-hover:var(--_snackbar-item-action-color-hover)}[part=icon]{color:var(--_snackbar-item-color);grid-area:icon;padding-block:4px}[part=icon] ::slotted(w-icon){margin-inline-start:4px;display:block}[part=icon] ::slotted(w-icon[name=SuccessFilled]){color:var(--w-s-color-icon-positive)}[part=icon] ::slotted(w-icon[name=WarningFilled]){color:var(--w-s-color-icon-warning)}[part=icon] ::slotted(w-icon[name=ErrorFilled]){color:var(--w-s-color-icon-negative)}[part=icon] ::slotted(w-icon[name=InfoFilled]){color:var(--w-s-color-icon-info)}[part=message]{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s);grid-area:message;align-self:center;padding-block:7px}[part=action]{grid-area:inline-action;justify-content:flex-end;column-gap:2px;padding-inline-start:8px;display:flex}:host([action-placement=block]) [part=action]{grid-area:block-action}w-attention [slot=message]{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s)}kbd{font-family:var(--w-font-family)}`;var jc,Nc=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};!function(e){e[e.Short=4e3]="Short",e[e.Long=1e4]="Long",e[e.Infinite=12e7]="Infinite"}(jc||(jc={}));class Vc extends Pe{constructor(){super(...arguments),this.actionPlacement="inline",this.duration=jc.Short,this.hasAction=!1,this.#_e=!1,this.#$e=jc.Short,this.#Se=null,this.#Ee=null,this.#Ce=!1}static#e=this.styles=[nt,Rc];#_e;#$e;#Se;#Ee;#Ce;connectedCallback(){if(super.connectedCallback(),this.duration!==jc.Infinite){const e=1e3;this.#$e=this.duration-e,this.#Ee=setInterval(()=>{this.#Ce||(this.#$e-=e,this.#$e<=0&&this.close())},e)}}disconnectedCallback(){this.#Ee&&clearInterval(this.#Ee)}async updated(){this.root&&(this.#_e||(await this.updateComplete,el(this.root,()=>{this.#_e=!0})))}close(){this.#Se&&this.#Se.focus(),this.#_e&&this.root?tl(this.root,()=>{this.remove()}):this.remove()}#ze(e){this.#Se||(this.#Ce=!0,e.relatedTarget&&e.relatedTarget.focus&&(this.#Se=e.relatedTarget))}#Oe(e){(!e.relatedTarget||!this.shadowRoot?.host.contains(e.relatedTarget))&&(this.#Ce=!1,this.#Se=null)}#Ae(){this.#Ce=!0}#De(){this.#Se||(this.#Ce=!1)}#Pe(){const e=this.shadowRoot?.querySelector('slot[name="action"]');if(!e)return!1;return e.assignedElements().length>0}firstUpdated(){this.hasAction=this.#Pe()}render(){if(this.hasAction&&"true"===document.documentElement.dataset.wKeyboardinteraction){const e=window.navigator.userAgent.includes("Macintosh")?"⌥":"Alt";return be`<w-attention tooltip placement="top" distance="12" show><div class="animation-wrapper" slot="target"><div part="item" @mouseenter="${this.#Ae}" @mouseleave="${this.#De}" @focusin="${this.#ze}" @focusout="${this.#Oe}"><div part="icon"><slot name="icon"></slot></div><div part="message"><slot></slot></div><div part="action"><slot name="action"></slot><slot name="close"></slot></div></div></div><span slot="message" aria-hidden="true"><kbd>${e}</kbd> + <kbd>Enter</kbd></span></w-attention>`}return be`<div class="animation-wrapper"><div part="item" @mouseenter="${this.#Ae}" @mouseleave="${this.#De}" @focusin="${this.#ze}" @focusout="${this.#Oe}"><div part="icon"><slot name="icon"></slot></div><div part="message"><slot></slot></div><div part="action"><slot name="action"></slot><slot name="close"></slot></div></div></div>`}}Nc([je({attribute:"action-placement",reflect:!0,useDefault:!0})],Vc.prototype,"actionPlacement",void 0),Nc([je({type:Number,reflect:!0,useDefault:!0})],Vc.prototype,"duration",void 0),Nc([Ie(".animation-wrapper")],Vc.prototype,"root",void 0),Nc([Ne()],Vc.prototype,"hasAction",void 0),customElements.get("w-snackbar-item")||customElements.define("w-snackbar-item",Vc);const Ic=JSON.parse('{"snackbar.aria.close":["Dismiss message"]}'),Fc=JSON.parse('{"snackbar.aria.close":["Dismiss message"]}'),Lc=JSON.parse('{"snackbar.aria.close":["Dismiss message"]}'),qc=JSON.parse('{"snackbar.aria.close":["Dismiss message"]}'),Wc=JSON.parse('{"snackbar.aria.close":["Dismiss message"]}'),Bc=D`:host{pointer-events:none;--_snackbar-gap:var(--w-c-snackbar-container-gap,8px);--_snackbar-position-top:var(--w-c-snackbar-position-top,initial);--_snackbar-position-right:var(--w-c-snackbar-position-right,0);--_snackbar-position-bottom:var(--w-c-snackbar-position-bottom,16px);--_snackbar-position-left:var(--w-c-snackbar-position-left,0);--_snackbar-z-index:var(--w-c-snackbar-z-index,50);bottom:var(--_snackbar-position-bottom);left:var(--_snackbar-position-left);right:var(--_snackbar-position-right);top:var(--_snackbar-position-top);z-index:var(--_snackbar-z-index);position:fixed}[part=container]{gap:var(--_snackbar-gap);pointer-events:none;grid-template-rows:auto;justify-content:center;justify-items:center;margin-inline:auto;display:grid}::slotted(*){pointer-events:initial}`,Hc={canClose:!0,duration:jc.Short,variant:"neutral"};Qe(Fc,qc,Lc,Ic,Wc);const Yc=/\s/;class Uc extends Pe{static#e=this.styles=[nt,Bc];constructor(){super(),this.internals=this.attachInternals(),this.internals.ariaLive="polite",this.internals.role="log",this._onKeydown=this._onKeydown.bind(this)}connectedCallback(){super.connectedCallback(),document.addEventListener("keydown",this._onKeydown)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("keydown",this._onKeydown)}_onKeydown(e){if("Escape"===e.key){const e=this.shadowRoot?.host.querySelector("w-snackbar-item:last-of-type");e&&e.close()}else if(e.altKey&&"Enter"===e.key){e.preventDefault();const t=this.shadowRoot?.host.querySelector("w-snackbar-item:last-of-type");if(console.log("Found item!"),t){const e=t.querySelector('w-button[slot="action"]');console.log("Found action!"),e&&(e.click(),console.log("Clicked!"))}}}create(e,t){void 0===t&&(t={});const r={...Hc,...t},o=document.createElement("w-snackbar-item");if(r.duration&&(o.duration=r.duration),o.innerText=e,"neutral"!==r.variant){const e=document.createElement("w-icon");switch(e.slot="icon",r.variant){case"positive":e.name="SuccessFilled";break;case"warning":e.name="WarningFilled";break;case"negative":e.name="ErrorFilled";break;case"info":e.name="InfoFilled"}o.prepend(e)}if(r.action){o.duration<jc.Long&&(o.duration=jc.Long);const e=document.createElement("w-button");e.slot="action",e.variant="utilityQuiet",e.small=!0;const{label:t,onclick:n,placement:a}=r.action;e.innerText=t;const i=document.createElement("span");i.classList.add("sr-only");const s=window.navigator.userAgent.includes("Macintosh")?"Option":"Alt";if(i.innerHTML=`<kbd>${s}</kbd> + <kbd>Enter</kbd>`,e.append(i),e.onclick=t=>{const r=n.call(e,t);return t.defaultPrevented||o.close(),r},a)o.actionPlacement=a;else{Yc.test(t)&&(o.actionPlacement="block")}o.append(e)}if(o.duration>jc.Long&&(r.canClose=!0),r.canClose){const e=document.createElement("w-button");e.slot="close",e.variant="utilityQuiet",e.small=!0,e.iconOnly=!0,"function"==typeof r.canClose?e.onclick=t=>{r.canClose.call(e,t),t.defaultPrevented||o.close()}:e.onclick=o.close.bind(o);const t=document.createElement("w-icon");t.name="Close",t.size="small",t.ariaLabel=y.t({id:"snackbar.aria.close",message:"Dismiss message",comment:"Accessibility label for the button that closes the snackbar/toast popup"}),e.append(t),o.append(e)}return this.shadowRoot?.host.prepend(o),o}render(){return be`<aside part="container"><slot></slot></aside>`}}customElements.get("w-snackbar")||customElements.define("w-snackbar",Uc);const Xc=JSON.parse('{"steps.aria.active":["Trinindikator aktiv cirkel"],"steps.aria.completed":["Trinindikator fuldført cirkel"],"steps.aria.emptyCircle":["Tom cirkel"]}'),Jc=JSON.parse('{"steps.aria.active":["Step indicator active circle"],"steps.aria.completed":["Step indicator completed circle"],"steps.aria.emptyCircle":["Empty circle"]}'),Kc=JSON.parse('{"steps.aria.active":["Vaiheilmaisin aktiivinen ympyrä"],"steps.aria.completed":["Vaiheilmaisin valmis ympyrä"],"steps.aria.emptyCircle":["Tyhjä ympyrä"]}'),Zc=JSON.parse('{"steps.aria.active":["Stegindikator aktiv sirkel"],"steps.aria.completed":["Stegindikator hel sirkel"],"steps.aria.emptyCircle":["Tom sirkel"]}'),Qc=JSON.parse('{"steps.aria.active":["Stegindikator aktiv cirkel"],"steps.aria.completed":["Stegindikator fulländad cirkel"],"steps.aria.emptyCircle":["Tom cirkel"]}'),Gc=A("*,: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}.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 eh=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};const th="group/step",rh="group/stepv grid-rows-[20px_auto] grid grid-flow-col gap-x-16",oh="group/steph grid-rows-[auto_20px] grid-cols-[1fr_20px_1fr] flex-1 grid items-center",nh="grid-cols-[20px_1fr]",ah="grid-cols-[1fr_20px] text-right",ih="rounded-full border-2 h-20 w-20 transition-colors duration-300 s-icon-inverted",sh="col-start-2",lh="row-start-2 justify-self-end",dh="s-border-primary s-bg-primary",ch="s-border s-bg",hh="transition-colors duration-300",uh="w-2 h-full justify-self-center",ph="col-start-2",bh="h-2 w-full row-start-2",gh="s-bg-disabled",mh="s-bg-primary",vh="last:mb-0",fh="row-span-2 pb-32",wh="col-span-3 px-16 row-start-1 text-center";class yh extends Pe{static#e=this.styles=[nt,Gc];constructor(){super(),this.active=!1,this.completed=!1,this._context={horizontal:!1,right:!1,isLast:!1,isFirst:!1},this._internals=this.attachInternals(),Qe(Jc,Zc,Kc,Xc,Qc)}connectedCallback(){super.connectedCallback(),this._internals.role="listitem"}setContext(e){this._context=e}getAriaLabel(){return this.completed?y._({id:"steps.aria.completed",message:"Step indicator completed circle",comment:"Completed circle"}):this.active?y._({id:"steps.aria.active",message:"Step indicator active circle",comment:"Active circle"}):y._({id:"steps.aria.emptyCircle",message:"Empty circle",comment:"Empty circle"})}render(){const t=!this._context.horizontal,r=!this._context.right,o=this._context.isFirst,n=this._context.isLast,a=e([th,t?rh:oh,t?r?nh:ah:""]),i=e([hh,bh,this.active||this.completed?mh:gh,o?"invisible":""]),s=e([ih,t?r?"":sh:lh,this.active||this.completed?dh:ch]),l=e([hh,t?uh:bh,t&&!r?ph:"",this.completed?mh:gh,n?"invisible":""]),d=e([vh,t?fh:wh,n?"pb-0":""]);return be`<div class="${a}" style="${Ue(this._context.horizontal?"height: 100%;":void 0)}">${t?me:be`<div class="${i}"></div>`}<div class="${s}" role="img" aria-label="${this.getAriaLabel()}" aria-current="${this.active?"step":me}">${this.completed?be`<w-icon name="Check" size="small" locale="${Ze()}" data-testid="completed-icon" class="flex"></w-icon>`:me}</div><div class="${l}"></div><div class="${d}" style="${Ue(this._context.horizontal?"height: 100%;":void 0)}"><slot></slot></div></div>`}}eh([je({type:Boolean,reflect:!0})],yh.prototype,"active",void 0),eh([je({type:Boolean,reflect:!0})],yh.prototype,"completed",void 0),eh([Ne()],yh.prototype,"_context",void 0),customElements.get("w-step")||customElements.define("w-step",yh);const xh=A("*,: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}.grid{display:grid}.static{position:static}.w-full{width:100%}");var kh=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};const _h="w-full",$h="flex";class Sh extends Pe{constructor(){super(...arguments),this.horizontal=!1,this.right=!1}static#e=this.styles=[nt,xh];updated(){this.updateStepsContext()}updateStepsContext(){const e=this.querySelectorAll("w-step");e.forEach((t,r)=>{t.setContext({horizontal:this.horizontal,right:this.right,isLast:r===e.length-1,isFirst:0===r})})}render(){const t=e([_h,this.horizontal&&$h]);return be`<div role="list" class="${t}" ${this.horizontal&&"style='display: grid; grid-auto-rows: 1fr;grid-template-columns: 1fr;'"}><slot></slot></div>`}}kh([je({type:Boolean,reflect:!0})],Sh.prototype,"horizontal",void 0),kh([je({type:Boolean,reflect:!0})],Sh.prototype,"right",void 0),customElements.get("w-step-indicator")||customElements.define("w-step-indicator",Sh);const Eh=A("*,: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-s-color-border-strong\\]{background-color:var(--w-s-color-border-strong)}.group:hover .group-hover\\:bg-\\[--w-s-color-border-strong-hover\\]{background-color:var(--w-s-color-border-strong-hover)}.border{border-width:1px}.rounded-full{border-radius:9999px}.block{display:block}.inline-block{display:inline-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{outline-style:solid}.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-hover{background-color:var(--w-s-color-background-hover)}.group:hover .group-hover\\:s-bg-primary-hover{background-color:var(--w-s-color-background-primary-hover)}.s-border-disabled{border-color:var(--w-s-color-border-disabled)}.s-border-strong{border-color:var(--w-s-color-border-strong)}.group:hover .group-hover\\:s-border-strong-hover{border-color:var(--w-s-color-border-strong-hover)}.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 Ch=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};const zh="block relative h-24 w-44 cursor-pointer group focusable rounded-full",Oh="pointer-events-none",Ah="absolute top-0 left-0 h-full w-full rounded-full transition-colors",Dh="s-bg-primary group-hover:s-bg-primary-hover",Ph="s-bg border s-border-strong group-hover:s-bg-hover group-hover:s-border-strong-hover",Mh="s-bg-disabled",Th="s-bg-disabled-subtle border s-border-disabled",Rh="absolute transform-gpu h-16 w-16 top-4 left-4 rounded-full transition-transform",jh="translate-x-20",Nh="s-bg",Vh="bg-[--w-s-color-border-strong] group-hover:bg-[--w-s-color-border-strong-hover]",Ih="s-bg-disabled-subtle",Fh="s-bg-disabled";class Lh extends($(Pe)){constructor(){super(...arguments),this.checked=!1,this.disabled=!1,this.#Me=!1,this._handleHostClick=e=>{this.disabled||e.composedPath()[0]===this&&this._handleClick()},this._handleKeyDown=e=>{this.disabled||e.altKey||e.ctrlKey||e.metaKey||e.shiftKey||" "!==e.key&&"Enter"!==e.key||(e.preventDefault(),this._handleClick())}}static#e=this.shadowRootOptions={...Pe.shadowRootOptions,delegatesFocus:!0};#Me;static#o=this.styles=[nt,Eh,D`:host{display:inline-block}button:focus{outline:none}button:focus-visible{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}`];get _baseClasses(){return e([zh,this.disabled&&Oh])}get _trackClasses(){return e([Ah,this.disabled?this.checked?Mh:Th:this.checked?Dh:Ph])}get _handleClasses(){return e([Rh,this.checked&&jh,this.disabled?this.checked?Ih:Fh:this.checked?Nh:Vh])}_handleClick(){this.disabled||(this.checked=!this.checked,this.dispatchEvent(new CustomEvent("change",{detail:{checked:this.checked,value:this.value||null},bubbles:!0,composed:!0})))}_syncA11yState(){this.internals.ariaChecked=this.checked?"true":"false",this.internals.ariaDisabled=this.disabled?"true":null}connectedCallback(){this.#Me=this.checked,super.connectedCallback(),this.internals.role="switch";const e=this.getAttribute("aria-label");e&&(this.internals.ariaLabel=e),this.disabled||this.setValue(this.checked&&this.value?this.value:null),this._syncA11yState(),this.addEventListener("click",this._handleHostClick),this.addEventListener("keydown",this._handleKeyDown)}disconnectedCallback(){this.removeEventListener("click",this._handleHostClick),this.removeEventListener("keydown",this._handleKeyDown),super.disconnectedCallback()}willUpdate(e){e.has("checked")&&(this.disabled||this.setValue(this.checked&&this.value?this.value:null)),(e.has("checked")||e.has("disabled"))&&this._syncA11yState()}resetFormControl(){this.checked=this.#Me}render(){return be`<div><button type="button" role="none" tabindex="${this.disabled?-1:0}" class="${this._baseClasses}" ?disabled="${this.disabled}" @click="${this._handleClick}"><span data-testid="track" class="${this._trackClasses}"></span> <span data-testid="handle" class="${this._handleClasses}"></span></button></div>`}}Ch([je({type:String,reflect:!0})],Lh.prototype,"name",void 0),Ch([je({type:String,reflect:!0})],Lh.prototype,"value",void 0),Ch([je({type:Boolean,reflect:!0})],Lh.prototype,"checked",void 0),Ch([je({type:Boolean,reflect:!0})],Lh.prototype,"disabled",void 0),customElements.get("w-switch")||customElements.define("w-switch",Lh);const qh=A("*,: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}.appearance-none{-webkit-appearance:none;appearance:none}.border-0{border-width:0}.border-b-4{border-bottom-width:4px}.border-transparent{border-color:#0000}.inline-block{display:inline-block}.flex{display:flex}.grid{display:grid}.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}.gap-8{gap:.8rem}.outline{outline-style:solid}.items-center{align-items:center}.justify-center{justify-content:center}.static{position:static}.s-text-link{color:var(--w-s-color-text-link)}.s-text-subtle{color:var(--w-s-color-text-subtle)}.hover\\:s-text-link:hover{color:var(--w-s-color-text-link)}.s-border-selected{border-color:var(--w-s-color-border-selected)}.hover\\:s-border-primary:hover{border-color:var(--w-s-color-border-primary)}.w-full{width:100%}.m-0{margin:0}.mx-auto{margin-left:auto;margin-right:auto}.p-0{padding:0}.p-16{padding:1.6rem}.pb-8{padding-bottom:.8rem}.cursor-pointer{cursor:pointer}.font-bold{font-weight:700}");var Wh=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};const Bh="grid w-full items-center font-bold gap-8 antialias p-16 pb-8 border-b-4 bg-transparent border-transparent hover:s-text-link hover:s-border-primary",Hh="s-text-subtle",Yh="s-text-link s-border-selected",Uh="mx-auto",Xh="flex items-center justify-center gap-8",Jh="content-underlined";class Kh extends Pe{static#e=this.styles=[nt,qh,D`::slotted([slot=icon]){display:flex}button.focusable:focus-visible{outline:2px solid var(--w-s-color-border-focus,#1a73e8);outline-offset:var(--w-outline-offset,1px)}`];static#o=this.shadowRootOptions={...Pe.shadowRootOptions,delegatesFocus:!0};constructor(){super(),this._handleClick=e=>{e.tab||(e.tab=this)},this.active=!1,this.over=!1,this._internals=this.attachInternals()}get tabIndex(){return this._parentTabIndex??0}set tabIndex(e){this._parentTabIndex=e}get _computedAriaSelected(){return this._parentAriaSelected??this._ownAriaSelected}get _effectiveAriaControls(){return this._ariaControlsAttr||this.for||""}set ariaSelected(e){const t=this._ownAriaSelected;this._ownAriaSelected=e,this._internals.ariaSelected=this._computedAriaSelected??null,this.requestUpdate("ariaSelected",t)}get ariaSelected(){return this._computedAriaSelected??"false"}get _classes(){return e(["focusable appearance-none cursor-pointer bg-transparent border-0 m-0 p-0 inline-block",Bh,this.active||"true"===this.ariaSelected?Yh:Hh])}get _hasIcon(){return null!==this.querySelector('[slot="icon"]')}connectedCallback(){super.connectedCallback(),this._internals.role="tab",this.syncAriaControls(),this.addEventListener("click",this._handleClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this._handleClick)}updated(e){super.updated(e);const t=e;e.has("_parentAriaSelected")&&(this._internals.ariaSelected=this._computedAriaSelected??null),t.has("_ariaControlsAttr")&&this.syncAriaControls(),e.has("for")&&this.syncAriaControls(),e.has("active")&&this.hasAttribute("active")&&(this._internals.ariaSelected=this.active?"true":"false")}syncAriaControls(){const e=this._effectiveAriaControls,t=this.closest("w-tabs"),r=t?.querySelector(`w-tab-panel#${CSS.escape(e)}`)??this.ownerDocument?.getElementById(e)??null,o=this._internals;"ariaControlsElements"in o?o.ariaControlsElements=r?[r]:[]:"ariaControls"in o&&(o.ariaControls=e||null)}render(){const e=this._hasIcon;return be`<button type="button" role="none" id="warp-tab-${this.for}" class="${this._classes}" tabindex="${this._parentTabIndex??0}" aria-controls="${this._effectiveAriaControls}" @click="${e=>{e.tab=this}}" style="height:100%">${e?this.over?be`<span class="${Uh}"><slot name="icon"></slot></span><span class="${Jh}"><slot></slot></span>`:be`<div class="${Xh}"><slot name="icon"></slot><slot></slot></div>`:be`<span class="${Jh}"><slot></slot></span>`}</button>`}}Wh([je({reflect:!0})],Kh.prototype,"for",void 0),Wh([je({attribute:"aria-controls"})],Kh.prototype,"_ariaControlsAttr",void 0),Wh([je({attribute:!1})],Kh.prototype,"_parentTabIndex",void 0),Wh([je({attribute:!1})],Kh.prototype,"_parentAriaSelected",void 0),Wh([je({attribute:"aria-selected"})],Kh.prototype,"ariaSelected",null),Wh([je({type:Boolean,reflect:!0})],Kh.prototype,"active",void 0),Wh([je({type:Boolean,reflect:!0})],Kh.prototype,"over",void 0),customElements.get("w-tab")||customElements.define("w-tab",Kh);const Zh=A("*,: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-b{border-bottom-width:1px}.border-b-4{border-bottom-width:4px}.inline-grid{display:inline-grid}.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))}.-bottom-0{bottom:0}.absolute{position:absolute}.relative{position:relative}.static{position:static}.s-border{border-color:var(--w-s-color-border)}.s-border-selected{border-color:var(--w-s-color-border-selected)}.-mb-1{margin-bottom:-.1rem}.mb-32{margin-bottom:3.2rem}.resize{resize:both}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}");var Qh=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};class Gh extends Pe{static#e=this.styles=[nt,Zh,D`:host{display:block}:host([hidden]){display:block!important}.panel-content{display:none}.panel-content[data-active]{display:block}`];constructor(){super(),this._internals=this.attachInternals()}set active(e){this._ownActive=e}get active(){return this._parentActive??this._ownActive??!1}connectedCallback(){super.connectedCallback(),this._internals.role="tabpanel",this.syncA11yState()}updated(){this.syncA11yState()}syncA11yState(){const e=this._internals;e.ariaLabelledBy=this._parentAriaLabelledBy||null,e.ariaHidden=this.active?"false":"true"}render(){return be`<div class="panel-content" ?data-active="${this.active}"><slot></slot></div>`}}Qh([je({attribute:"id",reflect:!0})],Gh.prototype,"id",void 0),Qh([je({type:Boolean})],Gh.prototype,"active",null),Qh([je({attribute:!1})],Gh.prototype,"_parentActive",void 0),Qh([je({attribute:!1})],Gh.prototype,"_parentAriaLabelledBy",void 0),customElements.get("w-tab-panel")||customElements.define("w-tab-panel",Gh);function eu(e){return void 0===e&&(e=""),`${e}${(e=>{void 0===e&&(e=21);let t="",r=crypto.getRandomValues(new Uint8Array(e|=0));for(;e--;)t+="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict"[63&r[e]];return t})()}`}var tu=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};const ru="border-b s-border mb-32",ou="inline-grid relative -mb-1",nu="absolute s-border-selected -bottom-0 border-b-4 transition-all",au={cols1:"grid-cols-1",cols2:"grid-cols-2",cols3:"grid-cols-3",cols4:"grid-cols-4",cols5:"grid-cols-5",cols6:"grid-cols-6",cols7:"grid-cols-7",cols8:"grid-cols-8",cols9:"grid-cols-9"};class iu extends Pe{static#e=this.styles=[nt,Zh];constructor(){super(),this._uniqueId=eu(),this._activeTabFor="",this._updateSelectionIndicatorDebounced=function(e,t,r){let o;return void 0===r&&(r=!1),function(){for(var n=arguments.length,a=new Array(n),i=0;i<n;i++)a[i]=arguments[i];const s=r&&!o;o&&clearTimeout(o),o=setTimeout(()=>{o=null,r||e(...a)},t),s&&e(...a)}}(this.updateSelectionIndicator.bind(this),100),this._assignSlots=()=>{[...this.children].forEach(e=>{e instanceof HTMLElement&&("W-TAB"!==e.tagName||e.getAttribute("slot")||e.setAttribute("slot","tabs"),"W-TAB-PANEL"!==e.tagName||e.getAttribute("slot")||e.setAttribute("slot","panels"))}),this.requestUpdate()},this._handleTabClick=e=>{const t=e.tab?.for;t&&t!==this._activeTabFor&&(this.active=t,this._activeTabFor=t,this.updateSelectionIndicator(),this.updatePanels(),this._notifyTabChange())},this._handleKeyDown=e=>{if(e.altKey||e.ctrlKey||e.shiftKey||!["ArrowLeft","ArrowRight","Home","End"].includes(e.key))return;const t=[...this.querySelectorAll("w-tab")],r=t.findIndex(e=>e.for===this._activeTabFor);if(-1===r)return;let o=r;switch(e.key){case"Home":o=0;break;case"End":o=t.length-1;break;case"ArrowLeft":o=Math.max(0,r-1);break;case"ArrowRight":o=Math.min(t.length-1,r+1)}if(o!==r){e.preventDefault();const r=t[o],n=r.for;n&&(this.active=n,this._activeTabFor=n,this.updateSelectionIndicator(),this.updatePanels(),this._notifyTabChange(),r.focus())}},this.addEventListener("click",this._handleTabClick)}connectedCallback(){super.connectedCallback(),this.active&&(this._activeTabFor=this.active),this._assignSlots(),"undefined"!=typeof ResizeObserver&&(this._resizeObserver=new ResizeObserver(()=>{this._updateSelectionIndicatorDebounced()}),this._resizeObserver.observe(this)),window.addEventListener("resize",this._updateSelectionIndicatorDebounced)}disconnectedCallback(){super.disconnectedCallback(),this._resizeObserver&&this._resizeObserver.disconnect(),window.removeEventListener("resize",this._updateSelectionIndicatorDebounced),this.removeEventListener("click",this._handleTabClick)}firstUpdated(){this._assignSlots(),this._initializeActiveTab(),this.updateSelectionIndicator(),this.updatePanels()}updated(e){e.has("active")&&this.active!==this._activeTabFor&&(this._activeTabFor=this.active,this.updateSelectionIndicator(),this.updatePanels(),this._notifyTabChange())}get tabs(){const e=this.shadowRoot?.querySelector('slot[name="tabs"]');if(!e)return[];return e.assignedElements({flatten:!0}).filter(e=>"w-tab"===e.tagName.toLowerCase())}get activeTab(){return this.tabs.filter(e=>e.for===this._activeTabFor)[0]}_initializeActiveTab(){this.activeTab?this._activeTabFor=this.activeTab.getAttribute("for")||"":this.tabs.length>0&&(this._activeTabFor=this.tabs[0].getAttribute("for")||""),this._activeTabFor&&this._activeTabFor!==this.active&&(this.active=this._activeTabFor)}_notifyTabChange(){this.dispatchEvent(new CustomEvent("change",{detail:{panelId:this._activeTabFor},bubbles:!0,composed:!0}))}updateSelectionIndicator(){requestAnimationFrame(()=>{if(!this.tabList||!this.selectionIndicator)return;if(!this.activeTab)return;const e=this.tabList.getBoundingClientRect(),t=this.activeTab.getBoundingClientRect(),r=t.left-e.left,o=t.width;this.selectionIndicator.style.left=`${r}px`,this.selectionIndicator.style.width=`${o}px`})}updatePanels(){const e=[...this.querySelectorAll("w-tab")];e.forEach((e,t)=>{e.id||(e.id=`w-tab-${this._uniqueId}-${t}`);const r=e.for===this._activeTabFor;e._parentAriaSelected=r?"true":"false",e._parentTabIndex=r?0:-1});[...this.querySelectorAll("w-tab-panel")].forEach(t=>{const r=e.find(e=>e.for===t.id);r&&(t._parentAriaLabelledBy=r.id),t._parentActive=t.id===this._activeTabFor})}get _tabCount(){return this.querySelectorAll("w-tab").length}get _gridClass(){const e=Math.min(this._tabCount,9);return au[`cols${e}`]||au.cols1}render(){const t=e(ru),r=e([ou,this._gridClass]);return be`<div class="${t}"><div role="tablist" class="${r}" @keydown="${this._handleKeyDown}"><slot name="tabs" @slotchange="${this._assignSlots}"></slot><span class="selection-indicator ${nu}" data-testid="selection-indicator"></span></div></div><slot name="panels" @slotchange="${this._assignSlots}"></slot><slot @slotchange="${this._assignSlots}"></slot>`}}tu([je({reflect:!0})],iu.prototype,"active",void 0),tu([Ie('[role="tablist"]')],iu.prototype,"tabList",void 0),tu([Ie(".selection-indicator")],iu.prototype,"selectionIndicator",void 0),customElements.get("w-tabs")||customElements.define("w-tabs",iu);const su=A("*,: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}.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}.outline-\\[--w-s-color-border-negative\\]\\!{outline-color:var(--w-s-color-border-negative)!important}.fixed{position:fixed}.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-disabled{border-color:var(--w-s-color-border-disabled)}.s-border-negative{border-color:var(--w-s-color-border-negative)}.s-border-strong{border-color:var(--w-s-color-border-strong)}.hover\\:s-border-negative-hover:hover{border-color:var(--w-s-color-border-negative-hover)}.hover\\:s-border-strong-hover:hover{border-color:var(--w-s-color-border-strong-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)}.visible{visibility:visible}.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}.resize{resize:both}.resize-none{resize: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}}"),lu=D`label{--_color:var(--w-c-input-label-color,var(--w-s-color-text));--_font-size:var(--w-c-input-label-font-size,var(--w-font-size-s));--_line-height:var(--w-c-input-label-line-height,var(--w-line-height-s));--_font-weight:var(--w-c-input-label-font-weight,700);--_padding-bottom:var(--w-c-input-label-padding-bottom,.4rem);--_cursor:var(--w-c-input-label-cursor,pointer);--_display:var(--w-c-input-label-display,block);display:var(--_display);font-size:var(--_font-size);line-height:var(--_line-height);font-weight:var(--_font-weight);padding-bottom:var(--_padding-bottom);cursor:var(--_cursor);color:var(--_color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}label span{--_padding-left:var(--w-c-input-optional-padding-left,.8rem);--_font-weight:var(--w-c-input-optional-font-weight,400);--_font-size:var(--w-c-input-optional-font-size,var(--w-font-size-s));--_line-height:var(--w-c-input-optional-line-height,var(--w-line-height-s));--_color:var(--w-c-input-optional-color,var(--w-s-color-text-subtle));padding-left:var(--_padding-left);font-weight:var(--_font-weight);font-size:var(--_font-size);line-height:var(--_line-height);color:var(--_color)}`,du=D`:host{--_help-text-color:var(--w-c-input-help-text-color,var(--w-s-color-text-subtle));--_help-text-font-size:var(--w-c-input-help-text-font-size,var(--w-font-size-xs));--_help-text-line-height:var(--w-c-input-help-text-line-height,var(--w-line-height-xs));--_help-text-margin-top:var(--w-c-input-help-text-margin-top,.4rem);--_help-text-display:var(--w-c-input-help-text-display,block)}:host([invalid]){--_help-text-color:var(--w-c-input-help-text-color-invalid,var(--w-s-color-text-negative))}.help-text{font-size:var(--_help-text-font-size);line-height:var(--_help-text-line-height);margin-top:var(--_help-text-margin-top);display:var(--_help-text-display);color:var(--_help-text-color)}`,cu=JSON.parse('{"textarea.label.optional":["Valgfri"]}'),hu=JSON.parse('{"textarea.label.optional":["Optional"]}'),uu=JSON.parse('{"textarea.label.optional":["Valinnainen"]}'),pu=JSON.parse('{"textarea.label.optional":["Valgfri"]}'),bu=JSON.parse('{"textarea.label.optional":["Valfritt"]}');var gu=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};const mu="block text-m leading-m mb-0 px-8 py-12 rounded-4 w-full focusable focus:[--w-outline-offset:-2px] caret-current",vu="border-1 s-text s-bg s-border-strong hover:s-border-strong-hover active:s-border-selected",fu="border-1 s-text-disabled s-bg-disabled-subtle s-border-disabled pointer-events-none",wu="border-1 s-text-negative s-bg s-border-negative hover:s-border-negative-hover outline-[--w-s-color-border-negative]!",yu="pl-0 bg-transparent pointer-events-none",xu="placeholder:s-text-placeholder",ku="min-h-[42] sm:min-h-[45]",_u="resize-none";class $u extends($(Pe)){static#e=this.shadowRootOptions={...Pe.shadowRootOptions,delegatesFocus:!0};#t;#Te;#Re;#je;#i;constructor(){super(),this.disabled=!1,this.invalid=!1,this.readOnly=!1,this.readonly=!1,this.required=!1,this.optional=!1,this.minHeight=Number.NEGATIVE_INFINITY,this.maxHeight=Number.POSITIVE_INFINITY,this.#t=void 0,this.#Te=eu("textarea-"),this.#Re=!1,this.#je=void 0,this.#i=!1,this.#s=e=>{e.preventDefault(),this.#i=!0,this.#d()},Qe(hu,pu,uu,cu,bu)}updated(e){e.has("value")&&void 0!==this.value&&this.setValue(this.value),(e.has("value")||e.has("required")||e.has("disabled"))&&this.#d()}resetFormControl(){this.value=this.#t,this.#i=!1,this.#Ne(),this.#d()}get validationMessage(){return this.internals.validationMessage}get validity(){return this.internals.validity}checkValidity(){return this.#d(),this.internals.checkValidity()}reportValidity(){return this.#i=!0,this.#d(),this.internals.checkValidity()}setCustomValidity(e){e?(this.internals.setValidity({customError:!0},e,this._textarea),this.#Ve(e)):(this.#Ne(),this.#d())}#Ve(e){this.#Re||(this.#je=this.helpText),this.#Re=!0,this.invalid=!0,this.helpText=e}#Ne(){this.#Re&&(this.invalid=!1,this.helpText=this.#je,this.#je=void 0,this.#Re=!1)}#d(){if(this.disabled)return this.internals.setValidity({}),void this.#Ne();if(this.required&&!this.value){const e=this._textarea?.validationMessage||"";return this.internals.setValidity({valueMissing:!0},e,this._textarea),void(this.#i&&this.#Ve(e))}this.internals.setValidity({}),this.#Ne()}static#o=this.styles=[nt,su,lu,du];get _textareaStyles(){return e([mu,ku,!!this.placeholder&&xu,!this.invalid&&!this.disabled&&!(this.readonly||this.readOnly)&&vu,this.invalid&&!this.disabled&&!(this.readonly||this.readOnly)&&wu,!this.invalid&&this.disabled&&!(this.readonly||this.readOnly)&&fu,!this.invalid&&!this.disabled&&(this.readonly||this.readOnly)&&yu,this.maxRows&&_u])}get _helptextstyles(){return"help-text"}get _helpId(){if(this.helpText)return`${this._id}__hint`}get _id(){return this.#Te}get _error(){if(this.invalid&&this._helpId)return this._helpId}async connectedCallback(){if(super.connectedCallback(),this.#t=this.value,void 0!==this.value&&this.setValue(this.value),this.addEventListener("invalid",this.#s),await this.updateComplete,this.value||this.minRows){const e=this.shadowRoot?.querySelector("textarea");e&&this.#Ie(e)}}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("invalid",this.#s)}firstUpdated(e){super.firstUpdated(e),this.#d()}handler(e){const t=e.currentTarget;this.value=t.value,this.#Ie(t)}#Fe(){this.#i=!0,this.#d()}#s;#Ie(e){const t=getComputedStyle(e),r=Number.parseFloat(t.getPropertyValue("border-top-width")),o=Number.parseFloat(t.getPropertyValue("border-bottom-width")),n=Number.parseFloat(t.getPropertyValue("line-height")),a=Number.parseFloat(t.getPropertyValue("padding-top"))+Number.parseFloat(t.getPropertyValue("padding-bottom"))+o+r;this.minRows&&(this.minHeight=n*this.minRows+a),this.maxRows&&(this.maxHeight=n*this.maxRows+a);const i=e.scrollHeight+r+o,s=Math.min(this.maxHeight,Math.max(this.minHeight,i));e.style.setProperty("height",s+"px")}render(){return be`${this.label?be`<label for="${this._id}">${this.label} ${this.optional&&!this.required?be`<span>${y._({id:"textarea.label.optional",message:"Optional",comment:"Shown behind label when marked as optional"})}</span>`:me}</label>`:me} <textarea part="input" id="${this._id}" class="${this._textareaStyles}" name="${Ue(this.name)}" placeholder="${Ue(this.placeholder)}" .value="${this.value||""}" aria-describedby="${Ue(this._helpId||(this.ariaDescription?"aria-description":void 0))}" aria-errormessage="${Ue(this._error)}" aria-invalid="${this.invalid?"true":me}" ?disabled="${this.disabled}" ?readonly="${this.readonly||this.readOnly}" ?required="${this.required}" @input="${this.handler}" @blur="${this.#Fe}">
|
|
95
|
-
</textarea> ${this.helpText?be`<div class="${this._helptextstyles}" id="${this._helpId}">${this.helpText}</div>`:me}`}}gu([je({type:Boolean,reflect:!0})],$u.prototype,"disabled",void 0),gu([je({type:Boolean,reflect:!0})],$u.prototype,"invalid",void 0),gu([je({type:String,reflect:!0})],$u.prototype,"label",void 0),gu([je({type:String,reflect:!0,attribute:"help-text"})],$u.prototype,"helpText",void 0),gu([je({type:Number,reflect:!0,attribute:"maximum-rows"})],$u.prototype,"maxRows",void 0),gu([je({type:Number,reflect:!0,attribute:"minimum-rows"})],$u.prototype,"minRows",void 0),gu([je({type:String,reflect:!0})],$u.prototype,"name",void 0),gu([je({type:String,reflect:!0})],$u.prototype,"placeholder",void 0),gu([je({type:Boolean,reflect:!0,attribute:"read-only"})],$u.prototype,"readOnly",void 0),gu([je({type:Boolean,reflect:!0})],$u.prototype,"readonly",void 0),gu([je({type:Boolean,reflect:!0})],$u.prototype,"required",void 0),gu([je({type:String,reflect:!0})],$u.prototype,"value",void 0),gu([je({type:Boolean,reflect:!0})],$u.prototype,"optional",void 0),gu([Ne()],$u.prototype,"minHeight",void 0),gu([Ne()],$u.prototype,"maxHeight",void 0),gu([Ie("textarea")],$u.prototype,"_textarea",void 0),customElements.get("w-textarea")||customElements.define("w-textarea",$u);const Su=A("*,: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}.block{display:block}.grid{display:grid}.auto-rows-auto{grid-auto-rows:auto}.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}.static{position:static}.z-50{z-index:50}.w-full{width:100%}.mx-8{margin-left:.8rem;margin-right:.8rem}.mx-auto{margin-left:auto;margin-right: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))}@media (min-width:480px){.sm\\:mx-16{margin-left:1.6rem;margin-right:1.6rem}}");var Eu=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};const Cu="fixed transform translate-z-0 bottom-16 left-0 right-0 mx-8 sm:mx-16 z-50 pointer-events-none",zu="grid auto-rows-auto justify-items-center justify-center mx-auto pointer-events-none",Ou="w-full";class Au extends Pe{constructor(){super(...arguments),this._toasts=new Map}static#e=this.styles=[nt,Su,D`:host{display:block}`];connectedCallback(){super.connectedCallback(),this._interval=setInterval(()=>{const e=[],t=[];for(const r of this._toasts)Date.now()<=r[1].duration?e.push(r):t.push(r);const r=[];for(const[e]of t){const t=this.renderRoot.querySelector(`#${e}`);t&&r.push(t.collapse())}Promise.all(r).then(()=>{e.length!==this._toasts.size&&(this._toasts=new Map(e))})},500)}disconnectedCallback(){super.disconnectedCallback(),this._interval&&clearTimeout(this._interval)}static init(){let e=document.querySelector("w-toast-container");return e||(e=document.createElement("w-toast-container"),document.body.appendChild(e)),e}get _toastsArray(){return Array.from(this._toasts,e=>{let[,t]=e;return t})}get(e){if(!e)throw new Error('undefined "id" given when attempting to retrieve toast');if("string"!=typeof e&&!Number.isInteger(e))throw new Error('"id" must be number or string when attempting to retrieve toast');return this._toasts.get(e)}set(e){if(!e.id)throw new Error('invalid or undefined "id" on toast object');const t=this._toasts.set(e.id,{id:e.id,type:e.type??"success",text:e.text??"",canclose:e.canclose??!1,duration:Date.now()+(e.duration||5e3)});return this._toasts=new Map([...this._toasts]),t}async del(e){if(!e)throw new Error('undefined "id" given when attempting to retrieve toast');if("string"!=typeof e&&!Number.isInteger(e))throw new Error('"id" must be number or string when attempting to retrieve toast');const t=this.renderRoot.querySelector(`#${e}`);if(!this._toasts.has(e)||!t)return!1;await t.collapse();const r=this._toasts.delete(e);return this._toasts=new Map([...this._toasts]),r}render(){return be`<aside class="${Cu}"><div class="${zu}" id="w-toast-container-list">${ma(this._toastsArray,e=>e.id,e=>be`<w-toast class="${Ou}" id="${e.id}" type="${e.type}" text="${e.text}" ?canclose="${e.canclose}" @close="${()=>this.del(e.id)}"></w-toast>`)}</div></aside>`}}Eu([Ne()],Au.prototype,"_toasts",void 0),customElements.get("w-toast-container")||customElements.define("w-toast-container",Au);const Du=JSON.parse('{"toast.aria.error":["Fejl"],"toast.aria.successful":["Fuldført"],"toast.aria.warning":["Advarsel"]}'),Pu=JSON.parse('{"toast.aria.error":["Error"],"toast.aria.successful":["Successful"],"toast.aria.warning":["Warning"]}'),Mu=JSON.parse('{"toast.aria.error":["Virhe"],"toast.aria.successful":["Onnistui"],"toast.aria.warning":["Varoitus"]}'),Tu=JSON.parse('{"toast.aria.error":["Feil"],"toast.aria.successful":["Vellykket"],"toast.aria.warning":["Advarsel"]}'),Ru=JSON.parse('{"toast.aria.error":["Fel"],"toast.aria.successful":["Genomfört"],"toast.aria.warning":["Varning"]}'),ju=A("*,: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}.shrink-0{flex-shrink:0}.overflow-hidden{overflow:hidden}.self-center{align-self:center}.relative{position:relative}.static{position:static}.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}.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}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}"),Nu="undefined"!=typeof window;function Vu(){return customElements.get("w-toast-container")}function Iu(e,t){if(!Nu)return;const r=Vu().init(),o={id:Date.now().toString(36)+Math.random().toString(36).slice(2,5),text:e,duration:5e3,type:"success",...t};return r.set(o),o}function Fu(e){if(!Nu)return;return Vu().init().del(e)}function Lu(e,t){if(!Nu)return;const r=Vu().init();return r.set({...r.get(e),...t}),r.get(e)}var qu=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};const Wu="relative overflow-hidden w-full",Bu="flex group p-8 mt-16 rounded-8 border-2 pointer-events-auto transition-all",Hu="s-bg-positive-subtle s-border-positive-subtle s-text",Yu="s-bg-warning-subtle s-border-warning-subtle s-text",Uu="s-bg-negative-subtle s-border-negative-subtle s-text",Xu="shrink-0 rounded-full w-[16px] h-[16px] m-[8px]",Ju="s-icon-positive",Ku="s-icon-warning",Zu="s-icon-negative",Qu="self-center mr-8 py-4 last-child:mb-0";class Gu extends Pe{static#e=this.styles=[nt,ju,D`:host{display:block}`];constructor(){super(),this.type="success",this.text="",this.canclose=!1,this._expanded=!1,Qe(Pu,Tu,Mu,Du,Ru),this.id||(this.id=Date.now().toString(36)+Math.random().toString(36).slice(2,5))}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}updated(){!this._expanded&&this._wrapper&&el(this._wrapper,()=>this._expanded=!0)}get#Le(){const t=this.type;return e([Bu,"success"===t&&Hu,"warning"===t&&Yu,"error"===t&&Uu])}get#qe(){const t=this.type;return e([Xu,"success"===t&&Ju,"warning"===t&&Ku,"error"===t&&Zu])}get _wrapper(){return this.renderRoot?.querySelector("section")??null}get _warning(){return"warning"===this.type}get _error(){return"error"===(this.type||"success")}get _role(){return this._error||this._warning?"alert":"status"}get _typeLabel(){return this._warning?y._({id:"toast.aria.warning",message:"Warning",comment:"Default screenreader message for warning in toast component"}):this._error?y._({id:"toast.aria.error",message:"Error",comment:"Default screenreader message for error in toast component"}):y._({id:"toast.aria.successful",message:"Successful",comment:"Default screenreader message for successful in toast component"})}get _iconMarkup(){const e=Ze();return this._warning?be`<w-icon name="Warning" size="small" locale="${e}" class="flex"></w-icon>`:this._error?be`<w-icon name="Error" size="small" locale="${e}" class="flex"></w-icon>`:be`<w-icon name="Success" size="small" locale="${e}" class="flex"></w-icon>`}async collapse(){return new Promise(e=>{this._expanded&&this._wrapper?tl(this._wrapper,e):e()})}close(){const e=new CustomEvent("close",{detail:{id:this.id},bubbles:!0,composed:!0});this.updateComplete.then(()=>this.dispatchEvent(e))}render(){return this.text?be`<section class="${Wu}" aria-label="${this._typeLabel}"><div class="${this.#Le}"><div class="${this.#qe}">${this._iconMarkup}</div><div role="${this._role}" class="${Qu}"><p>${this.text}</p></div>${tc(!0===this.canclose,()=>be`<w-button variant="pill" small="" @click="${this.close}"><w-icon name="Close" size="small" locale="${Ze()}" style="display:flex" class="flex"></w-icon></w-button>`)}</div></section>`:be``}}function ep(){document.documentElement.dataset.wKeyboardinteraction&&delete document.documentElement.dataset.wKeyboardinteraction}function tp(e){"Tab"!==e.key&&"Enter"!==e.key&&" "!==e.key||(document.documentElement.dataset.wKeyboardinteraction="true")}qu([je({type:String,attribute:!0,reflect:!0})],Gu.prototype,"id",void 0),qu([je({type:String,attribute:!0,reflect:!0,useDefault:!0})],Gu.prototype,"type",void 0),qu([je({type:String,attribute:!0,reflect:!0})],Gu.prototype,"text",void 0),qu([je({type:Boolean,attribute:!0,reflect:!0})],Gu.prototype,"canclose",void 0),qu([Ne()],Gu.prototype,"_expanded",void 0),customElements.get("w-toast")||customElements.define("w-toast",Gu),"undefined"!=typeof window&&(document.addEventListener("keydown",tp),document.addEventListener("pointerdown",ep)),Promise.all([customElements.whenDefined("w-textfield"),customElements.whenDefined("w-icon"),customElements.whenDefined("w-affix"),customElements.whenDefined("w-alert"),customElements.whenDefined("w-link"),customElements.whenDefined("w-button"),customElements.whenDefined("w-attention"),customElements.whenDefined("w-badge"),customElements.whenDefined("w-box"),customElements.whenDefined("w-breadcrumbs"),customElements.whenDefined("w-breadcrumb-item"),customElements.whenDefined("w-card"),customElements.whenDefined("w-checkbox"),customElements.whenDefined("w-checkbox-group"),customElements.whenDefined("w-combobox"),customElements.whenDefined("w-datepicker"),customElements.whenDefined("w-expandable"),customElements.whenDefined("w-modal"),customElements.whenDefined("w-modal-footer"),customElements.whenDefined("w-modal-header"),customElements.whenDefined("w-page-indicator"),customElements.whenDefined("w-pagination"),customElements.whenDefined("w-pill"),customElements.whenDefined("w-radio"),customElements.whenDefined("w-radio-group"),customElements.whenDefined("w-select"),customElements.whenDefined("w-slider-thumb"),customElements.whenDefined("w-slider"),customElements.whenDefined("w-snackbar-item"),customElements.whenDefined("w-snackbar"),customElements.whenDefined("w-step"),customElements.whenDefined("w-step-indicator"),customElements.whenDefined("w-switch"),customElements.whenDefined("w-tab"),customElements.whenDefined("w-tab-panel"),customElements.whenDefined("w-tabs"),customElements.whenDefined("w-textarea")]).then(()=>{performance.mark("vend/pc-design-system/warp-elements-loaded")});export{Hl as ModalFooter,nd as ModalHeader,ql as ModalMain,jc as SnackbarDuration,ia as WCheckbox,ba as WCheckboxGroup,Ct as WIcon,Hd as WRadio,ec as WRadioGroup,Dt as WarpAffix,jt as WarpAlert,an as WarpAttention,dn as WarpBadge,un as WarpBox,Cn as WarpBreadcrumbItem,$n as WarpBreadcrumbs,Gt as WarpButton,Un as WarpCard,aa as WarpCheckbox,pa as WarpCheckboxGroup,Pa as WarpCombobox,Js as WarpDatepicker,Sl as WarpExpandable,Et as WarpIcon,Ht as WarpLink,Ll as WarpModal,Bl as WarpModalFooter,od as WarpModalHeader,ud as WarpPageIndicator,kd as WarpPagination,Fd as WarpPill,Bd as WarpRadio,Gd as WarpRadioGroup,yc as WarpSelect,Tc as WarpSlider,Ec as WarpSliderThumb,Uc as WarpSnackbar,Vc as WarpSnackbarItem,yh as WarpStep,Sh as WarpStepIndicator,Lh as WarpSwitch,Kh as WarpTab,Gh as WarpTabPanel,iu as WarpTabs,kt as WarpTextField,$u as WarpTextarea,Gu as WarpToast,Au as WarpToastContainer,Fu as removeToast,Iu as toast,Lu as updateToast};
|
|
94
|
+
function Hd(e,t,r){return e?t(e):r?.(e)}customElements.get("w-radio-group")||customElements.define("w-radio-group",Wd);const Yd=JSON.parse('{"select.label.optional":["Valgfri"]}'),Ud=JSON.parse('{"select.label.optional":["Optional"]}'),Xd=JSON.parse('{"select.label.optional":["Valinnainen"]}'),Jd=JSON.parse('{"select.label.optional":["Valgfri"]}'),Kd=JSON.parse('{"select.label.optional":["Valfritt"]}'),Zd=A("*,: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}.flex{display:flex}.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-disabled{border-color:var(--w-s-color-border-disabled)}.s-border-negative{border-color:var(--w-s-color-border-negative)}.s-border-strong{border-color:var(--w-s-color-border-strong)}.hover\\:s-border-disabled:hover{border-color:var(--w-s-color-border-disabled)}.hover\\:s-border-negative-hover:hover{border-color:var(--w-s-color-border-negative-hover)}.hover\\:s-border-strong-hover:hover{border-color:var(--w-s-color-border-strong-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)}"),Qd=D`label{--_color:var(--w-c-input-label-color,var(--w-s-color-text));--_font-size:var(--w-c-input-label-font-size,var(--w-font-size-s));--_line-height:var(--w-c-input-label-line-height,var(--w-line-height-s));--_font-weight:var(--w-c-input-label-font-weight,700);--_padding-bottom:var(--w-c-input-label-padding-bottom,.4rem);--_cursor:var(--w-c-input-label-cursor,pointer);--_display:var(--w-c-input-label-display,block);display:var(--_display);font-size:var(--_font-size);line-height:var(--_line-height);font-weight:var(--_font-weight);padding-bottom:var(--_padding-bottom);cursor:var(--_cursor);color:var(--_color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}label span{--_padding-left:var(--w-c-input-optional-padding-left,.8rem);--_font-weight:var(--w-c-input-optional-font-weight,400);--_font-size:var(--w-c-input-optional-font-size,var(--w-font-size-s));--_line-height:var(--w-c-input-optional-line-height,var(--w-line-height-s));--_color:var(--w-c-input-optional-color,var(--w-s-color-text-subtle));padding-left:var(--_padding-left);font-weight:var(--_font-weight);font-size:var(--_font-size);line-height:var(--_line-height);color:var(--_color)}`,Gd=D`:host{--_help-text-color:var(--w-c-input-help-text-color,var(--w-s-color-text-subtle));--_help-text-font-size:var(--w-c-input-help-text-font-size,var(--w-font-size-xs));--_help-text-line-height:var(--w-c-input-help-text-line-height,var(--w-line-height-xs));--_help-text-margin-top:var(--w-c-input-help-text-margin-top,.4rem);--_help-text-display:var(--w-c-input-help-text-display,block)}:host([invalid]){--_help-text-color:var(--w-c-input-help-text-color-invalid,var(--w-s-color-text-negative))}.help-text{font-size:var(--_help-text-font-size);line-height:var(--_help-text-line-height);margin-top:var(--_help-text-margin-top);display:var(--_help-text-display);color:var(--_help-text-color)}`;var ec=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};const tc="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",rc="s-text s-bg pl-8 border-1 s-border-strong hover:s-border-strong-hover active:s-border-active",oc="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",nc="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]!",ac="s-text bg-transparent pl-0 border-0 pointer-events-none before:hidden",ic="relative",sc="relative before:block before:absolute before:right-0 before:bottom-0 before:w-32 before:h-full before:pointer-events-none ",lc="block absolute top-[30%] right-0 bottom-0 w-32 h-full s-icon pointer-events-none cursor-pointer",dc="opacity-25";class cc extends($(Pe)){#t;#G;#P;static#e=this.styles=[nt,Zd,Qd,Gd,D`select:has(option[value=""][selected]),select:has(option[value=""]):not(:has(option[selected])){color:var(--w-s-color-text-placeholder)}`];constructor(){super(),this.autoFocus=!1,this.autofocus=!1,this.invalid=!1,this.always=!1,this.optional=!1,this.disabled=!1,this.readOnly=!1,this.readonly=!1,this._options=[],this.#t=void 0,this.#G=()=>this.#ee(),this._setValue=e=>{this.value=e,this.setValue(e)},Qe(Ud,Jd,Xd,Yd,Kd)}resetFormControl(){this.value=this.#t}#T(){return[...this.children].filter(e=>"option"===e.tagName.toLowerCase()||"w-option"===e.tagName.toLowerCase())}#te(){return this.shadowRoot?.querySelector("select")}#re(){return this.#T().some(e=>e.hasAttribute("selected"))}#oe(e){const t=this.#te();if(!t)return;let r=!1;for(const o of[...t.options]){const t=!r&&o.value===e;o.selected=t,o.toggleAttribute("selected",t),t&&(r=!0)}}#ee(e){let{allowDefaultFirstOption:t=!1}=void 0===e?{}:e;const r=this.#te();if(!r)return;const o=r.value;if(!o||o===this.value)return;!t&&!this.value&&!this.#re()&&0===r.selectedIndex||(this._setValue(o),this.#oe(o))}#ne(e){let{syncValueFromSelected:t=!1}=void 0===e?{}:e;let r;const o=this.#T().map(e=>{const o=e.getAttribute("value")??"",n=e.textContent??"",a=e.hasAttribute("selected"),i=e.hasAttribute("disabled");return t&&void 0===r&&a&&(r=o),be`<option value="${o}" ?selected="${a}" ?disabled="${i}">${n}</option>`});this._options=o,t&&void 0!==r&&r!==this.value&&this._setValue(r)}connectedCallback(){super.connectedCallback(),this.#t=this.value,(this.autofocus||this.autoFocus)&&this.shadowRoot.querySelector("select").focus(),this.#ne({syncValueFromSelected:!0}),this.ownerDocument?.defaultView?.addEventListener("pageshow",this.#G),this.#P=new MutationObserver(()=>{this.#ne({syncValueFromSelected:!0})}),this.#P.observe(this,{childList:!0,subtree:!0,characterData:!0,attributes:!0,attributeFilter:["selected","disabled","value"]})}disconnectedCallback(){super.disconnectedCallback(),this.ownerDocument?.defaultView?.removeEventListener("pageshow",this.#G),this.#P?.disconnect()}firstUpdated(){this.value&&this.#oe(this.value),this.#ee({allowDefaultFirstOption:!1})}formStateRestoreCallback(e,t){if("string"==typeof e&&e)return this._setValue(e),void this.#oe(e);this.#ee({allowDefaultFirstOption:!0})}willUpdate(e){e.has("value")&&this.setValue(this.value)}updated(e){if(e.has("value")){const e=this.#te();e&&e.value!==this.value&&(e.value=this.value??""),this.#oe(this.value??"")}}handleKeyDown(e){!this.readonly&&!this.readOnly||" "!==e.key&&"ArrowDown"!==e.key&&"ArrowUp"!==e.key||e.preventDefault(),"Enter"===e.key&&this.internals.form&&this.internals.form.requestSubmit()}get#ae(){return e([tc,!this.invalid&&!this.disabled&&!(this.readonly||this.readOnly)&&rc,this.invalid&&nc,this.disabled&&oc,(this.readonly||this.readOnly)&&ac])}get#ie(){return"help-text"}get#X(){return e([lc,this.disabled&&dc])}get#se(){return"select_id"}get#le(){return this.helpText||this.hint?`${this.#se}__hint`:void 0}onChange(e){const t=e.currentTarget.value;this._setValue(t),this.#oe(t),this.dispatchEvent(new CustomEvent("change",{detail:t,bubbles:!0,composed:!0}))}render(){return be`<div class="${ic}">${Hd(this.label,()=>be`<label for="${this.#se}">${this.label} ${Hd(this.optional,()=>be`<span>${y._({id:"select.label.optional",message:"Optional",comment:"Shown behind label when marked as optional"})}</span>`)}</label>`)}<div class="${sc}"><select part="input" class="${this.#ae}" id="${this.#se}" ?disabled="${this.disabled}" aria-readonly="${this.readonly}" aria-describedby="${Ue(this.#le)}" aria-invalid="${Ue(this.invalid)}" aria-errormessage="${Ue(this.invalid&&this.#le)}" @keydown="${this.handleKeyDown}" @change="${this.onChange}">${this._options}</select><div class="${this.#X}"><w-icon name="ChevronDown" size="small" locale="${Ze()}" class="flex"></w-icon></div></div>${Hd(this.helpText||this.always||this.invalid,()=>be`<div id="${this.#le}" class="${this.#ie}">${this.helpText||this.hint}</div>`)}</div>`}}ec([je({attribute:"auto-focus",type:Boolean,reflect:!0})],cc.prototype,"autoFocus",void 0),ec([je({type:Boolean,reflect:!0})],cc.prototype,"autofocus",void 0),ec([je({attribute:"help-text",reflect:!0})],cc.prototype,"helpText",void 0),ec([je({type:Boolean,reflect:!0})],cc.prototype,"invalid",void 0),ec([je({type:Boolean,reflect:!0})],cc.prototype,"always",void 0),ec([je({reflect:!0})],cc.prototype,"hint",void 0),ec([je({reflect:!0})],cc.prototype,"label",void 0),ec([je({type:Boolean,reflect:!0})],cc.prototype,"optional",void 0),ec([je({type:Boolean,reflect:!0})],cc.prototype,"disabled",void 0),ec([je({attribute:"read-only",type:Boolean,reflect:!0})],cc.prototype,"readOnly",void 0),ec([je({type:Boolean,reflect:!0})],cc.prototype,"readonly",void 0),ec([je({attribute:!1,state:!0})],cc.prototype,"_options",void 0),ec([je({reflect:!0})],cc.prototype,"name",void 0),ec([je({reflect:!0})],cc.prototype,"value",void 0),customElements.get("w-select")||customElements.define("w-select",cc);const hc=A("*,: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}.hidden{display:none}.absolute{position:absolute}.relative{position:relative}.static{position:static}.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}"),uc=D`.w-slider-thumb{pointer-events:none;grid-template-columns:1fr 24px 1fr;grid-template-areas:"slider slider slider""frommarker.tomarker""fromtextfield.totextfield";display:grid;position:relative}.w-slider-thumb__range{appearance:none;pointer-events:none;background-color:#0000;grid-area:slider;height:44px;margin-left:0}.w-slider-thumb__range::-webkit-slider-runnable-track{box-shadow:none;color:var(--w-s-color-text);height:var(--w-slider-track-height)}.w-slider-thumb__range::-webkit-slider-thumb{anchor-name:--thumb;appearance:none;cursor:pointer;background:var(--w-slider-thumb-background);height:var(--w-slider-thumb-size,28px);margin-top:calc(-1 * calc(var(--w-slider-thumb-offset) - calc(var(--w-slider-track-height) / 2)));pointer-events:initial;width:var(--w-slider-thumb-size,28px);z-index:1;border-radius:50%}.w-slider-thumb__range[disabled]::-webkit-slider-thumb{cursor:auto}.w-slider-thumb__range::-moz-range-thumb{anchor-name:--thumb;appearance:none;cursor:pointer;background:var(--w-slider-thumb-background);height:var(--w-slider-thumb-size,28px);margin-top:calc(-1 * calc(var(--w-slider-thumb-offset) - calc(var(--w-slider-track-height) / 2)));pointer-events:initial;width:var(--w-slider-thumb-size,28px);z-index:1;box-shadow:none;border-color:#0000;border-radius:50%}.w-slider-thumb__range[disabled]::-moz-range-thumb{cursor:auto}.w-slider-thumb__range:active::-webkit-slider-thumb,.w-slider-thumb__range:hover::-webkit-slider-thumb{background:var(--w-slider-thumb-background);box-shadow:var(--w-shadow-slider-handle-hover)}.w-slider-thumb__range:focus,.w-slider-thumb__range:focus-visible{outline:none}.w-slider-thumb__range:focus-visible::-webkit-slider-thumb{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px);box-shadow:none}.w-slider-thumb__range:active::-moz-range-thumb,.w-slider-thumb__range:hover::-moz-range-thumb{background:var(--w-s-color-background-primary-hover);box-shadow:var(--w-shadow-slider-handle-hover)}.w-slider-thumb__range:focus-visible::-moz-range-thumb{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px);box-shadow:none}.w-slider-thumb__tooltip-target{pointer-events:none;position-anchor:--thumb;position-area:center;border:2px solid #0000;border-radius:20px;width:8px;height:8px;display:block;position:absolute}.w-slider-thumb__from-marker,.w-slider-thumb__to-marker{color:var(--w-s-color-text-subtle);font-size:var(--w-font-size-s);line-height:var(--w-line-height-s);margin-inline:2px}.w-slider-thumb__from-marker{grid-area:frommarker}.w-slider-thumb__to-marker{text-align:right;grid-area:tomarker}.w-slider-thumb__textfield{pointer-events:auto;grid-area:3/1/4/3;margin-top:12px}:host([slot=from]) .w-slider-thumb__textfield{grid-column:1/2}:host([slot=from]) .w-slider-thumb__range{margin-left:var(--w-slider-thumb-size,28px)}:host([slot=to]) .w-slider-thumb__range{margin-right:var(--w-slider-thumb-size,28px)}:host([slot=from]) .w-slider-thumb__tooltip-target{transform:translateX(calc(-1 * var(--transform-offset,0px) - 1px))}:host([slot=from]) .w-slider-thumb__range::-webkit-slider-thumb{transform:translateX(calc(-1 * var(--w-slider-thumb-size,28px) - 1px))}:host([slot=from]) .w-slider-thumb__range::-moz-range-thumb{transform:translateX(calc(-1 * var(--w-slider-thumb-size,28px) - 1px))}:host([slot=to]) .w-slider-thumb__textfield{grid-area:3/3/4/4}:host([slot=to]) .w-slider-thumb__tooltip-target{transform:translateX(calc(var(--transform-offset,0px) - 1px))}:host([slot=to]) .w-slider-thumb__range::-webkit-slider-thumb{transform:translateX(calc(var(--w-slider-thumb-size,28px) - 1px))}:host([slot=to]) .w-slider-thumb__range::-moz-range-thumb{transform:translateX(calc(var(--w-slider-thumb-size,28px) - 1px))}w-textfield{--w-textfield-placeholder-color-text:var(--w-s-color-text)}`;var pc=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};const bc=/WebKit/,gc=/Chrome/;class mc extends($(Pe)){constructor(){super(...arguments),this.ariaLabel=null,this.ariaDescription=null,this.disabled=!1,this.invalid=!1,this.openEnded=!1,this.required=!1,this.suffix="",this._showTooltip=!1,this._inputHasFocus=!1,this._hiddenTextfield=!1,this.#t=void 0,this.anchorPositioningStyleElement=null}static#e=this.shadowRootOptions={...Pe.shadowRootOptions,delegatesFocus:!0};static#o=this.styles=[nt,hc,uc];#t;resetFormControl(){this.value=this.#t,this.dispatchEvent(new CustomEvent("thumbreset",{bubbles:!0}))}#de(){this._showTooltip=!0,this.shadowRoot.querySelector("w-attention").handleDone()}#ce(){this._showTooltip=!1}#he(){this.range&&(""===this.value?this.range.value=this.boundaryValue:this.value&&(this.range.value=this.value))}#ue(e){this.dispatchEvent(new CustomEvent("slidervalidity",{bubbles:!0,detail:{invalid:e,slot:this.slot}}))}async updateFieldAfterValidation(){const e=this.shadowRoot.querySelector("w-textfield");await this.#pe(e.value??"",!0)}async#pe(e,t){const r=this.suffix??"";let o=Number.parseInt(e);if(this.openEnded&&!t&&this.step){if(!("to"===this.slot&&o>=Number(this.max)-1||"from"===this.slot&&o<=Number(this.min)+1)){const t=1/this.step;o=Math.round(o*t)/t,e=o.toString()}}const n=Number.parseInt(this.max),a=Number.parseInt(this.min);if(!this.openEnded&&(o>n||o<a))return this.#ue(y.t({id:"slider.error.out_of_bounds",message:"Value must be between {min} and {max}",values:{min:`${this.min} ${r}`.trim(),max:`${this.max} ${r}`.trim()}})),{shouldCancel:!0};""===e&&this.required&&this.#ue(y.t({id:"slider.error.required",message:"This field is required"})),this.value=e;const i=e===this.max||e===this.min;let s=!1;if(this.slot){const r=this.parentElement.querySelector('w-slider-thumb[slot="to"]'),l=this.parentElement.querySelector('w-slider-thumb[slot="from"]'),d=r.textfield.value||this.max,c=l.textfield.value||this.min,h=Number.parseInt(d),u=Number.parseInt(c),p=y.t({id:"slider.error.overlap",message:"The maximum value cannot be less than the minimum"});if("from"===this.slot){const r=this.openEnded&&h>n?h:Math.min(h,this.openEnded?n-1:n);o>r&&(s=!0,this.openEnded&&i?this.value=String(r):this.value=d,t&&(this.#ue(p),await this.updateComplete,this.textfield.value=e))}else{const r=this.openEnded&&u<a?u:Math.max(Number.parseInt(c),this.openEnded?a+1:a);o<r&&(s=!0,this.openEnded&&i?this.value=String(r):this.value=c,t&&(this.#ue(p),await this.updateComplete,this.textfield.value=e))}}return s?{shouldCancel:!0}:(this.#ue(""),this.range.value=Math.min(Math.max(Number(e),Number(this.min)),Number(this.max)).toString(),this.value=this.openEnded&&!t&&i?"":e,this.shadowRoot.querySelector("w-attention").handleDone(),{shouldCancel:!1})}async#L(e){const t="W-TEXTFIELD"===e.currentTarget.tagName;if(e instanceof CustomEvent)return!1;const r=e.currentTarget.value;return!(await this.#pe(r,t)).shouldCancel||(e.preventDefault(),!1)}async#be(e){if("Enter"===e.key&&this.internals.form)return void this.internals.form.requestSubmit();if(!this.openEnded)return;if("ArrowLeft"!==e.key&&"ArrowRight"!==e.key)return;const t=Number(this.range.value),r=this.step||1;let o;o="ArrowLeft"===e.key?t-r:t+r,o=Math.min(Math.max(o,Number(this.min)),Number(this.max));(await this.#pe(o.toString(),!1)).shouldCancel&&e.preventDefault()}async#ge(e){if("Enter"===e.key&&this.internals.form)return void this.internals.form.requestSubmit();if(this.textfield.value)return;let t="";"from"===this.slot?"ArrowUp"===e.key?t=String(Number(this.min)+1)||"1":"ArrowDown"===e.key&&(t=String(Number(this.min))||"0"):"ArrowUp"===e.key?t=String(Number(this.max))||"100":"ArrowDown"===e.key&&(t=String(Number(this.max)-1)||"99"),t&&(e.preventDefault(),await this.#pe(t,!0))}async connectedCallback(){if(super.connectedCallback(),this.#t=this.value,this.setValue(this.value),this.slot&&!this.ariaDescription&&("from"===this.slot?this.ariaDescription=y.t({id:"slider.label.from",comment:"Accessible label for the 'from value' input field in a range slider",message:"From"}):"to"===this.slot&&(this.ariaDescription=y.t({id:"slider.label.to",comment:"Accessible label for the 'to value' input field in a range slider",message:"To"}))),"anchorName"in document.documentElement.style)await this.updateComplete;else{const e=import.meta.url.substring(0,import.meta.url.lastIndexOf("/"));try{const[{default:t}]=await Promise.all([import(`${e}/oddbird-css-anchor-positioning.js`),this.updateComplete]);this.anchorPositioningStyleElement||(this.anchorPositioningStyleElement=document.createElement("style"),this.shadowRoot.prepend(this.anchorPositioningStyleElement)),this.anchorPositioningStyleElement.textContent="\n /*\n * The polyfill can only anchor to ::before and ::after pseudo elements, not the pseudo element slider thumb.\n * We work around that by recreating a transparent version of the active range\n * so that we can position relative to that, without crossing the shadow root boundary.\n */\n .polyfill-range {\n align-self: center;\n background: transparent;\n height: var(--w-slider-track-active-height);\n position: absolute;\n padding-inline-start: var(--active-range-inline-start-padding, 0);\n padding-inline-end: var(--active-range-inline-end-padding, 0);\n top: var(--_range-top);\n left: 0;\n right: 0;\n grid-area: slider;\n }\n\n .polyfill-active-range {\n anchor-name: --polyfilled-thumb;\n\n box-sizing: content-box;\n background: transparent;\n height: var(--w-slider-track-active-height);\n\n border-start-start-radius: var(--active-range-border-radius, 0);\n border-end-start-radius: var(--active-range-border-radius, 0);\n\n margin-left: calc(calc(var(--_blank-values-before) * 1%) - var(--active-range-inline-start-padding, 0px));\n width: calc(calc(var(--_filled-values) * 1%) + var(--active-range-inline-end-padding, 0px));\n }\n\n #target {\n position: absolute;\n top: anchor(--polyfilled-thumb top);\n right: anchor(--polyfilled-thumb right);\n margin-right: 12px;\n }\n\n :host([name='from']) .polyfill-active-range {\n margin-left: calc(calc(var(--_blank-values-before) * 1%) - var(--active-range-inline-start-padding, 0px));\n width: calc(calc(var(--_filled-values) * 1%) + var(--active-range-inline-end-padding, 0px));\n }\n\n :host([name='from']) #target {\n left: anchor(--polyfilled-thumb left);\n margin-left: 38px;\n }\n ",await t({roots:[this.shadowRoot],elements:[this.anchorPositioningStyleElement]})}catch(e){console.error(new Error("Error registering the CSS anchor positioning polyfill. The UI will look broken.",{cause:e}))}}const e=window.navigator.userAgent;bc.test(e)&&!gc.test(e)&&this.tooltipTarget&&this.tooltipTarget.style.setProperty("--transform-offset","var(--w-slider-thumb-size, 28px)"),this.#he()}get boundaryValue(){return"from"===this.slot?this.min:this.max}get textFieldDisplayValue(){return this._inputHasFocus?""!==this.value?this.value:this.range?.value?Math.min(Math.max(Number(this.range.value),Number(this.min)+1),Number(this.max)-1).toString():"":this.value}get tooltipDisplayValue(){let e;return e=this.tooltipFormatter?this.tooltipFormatter(this.value,this.slot):this.valueFormatter?this.valueFormatter(this.value,this.slot):""===this.value?this.range?.value??this.boundaryValue:this.value||0,e}get ariaDescriptionText(){let e="";const t=this.ariaDescription||"",r=""===this.value;return this.openEnded&&r&&(e="from"===this.slot?y.t({id:"slider.placeholder.from",message:"Min"}):y.t({id:"slider.placeholder.to",message:"Max"})),e?`${e}, ${t}`:t}updated(e){if(e.has("openEnded")&&this.openEnded&&!this.placeholder&&("to"===this.slot||""===this.slot?this.placeholder=y.t({id:"slider.placeholder.to",message:"Max",comment:"Max as in short for Maximum"}):"from"===this.slot&&(this.placeholder=y.t({id:"slider.placeholder.from",message:"Min",comment:"Min as in short for Minimum"}))),e.has("value")){void 0===this.#t&&void 0!==this.value&&(this.#t=this.value),this.setValue(this.value),this.#he();const t=e.get("value");""===this.value&&t&&this.dispatchEvent(new CustomEvent("thumbreset",{bubbles:!0}))}}render(){const e=this.placeholder&&!this.value;return be`<div class="w-slider-thumb">${"anchorName"in document.documentElement.style?me:be`<div class="polyfill-range"><div class="polyfill-active-range"></div></div>`} <input id="range" aria-label="${this.ariaLabel}" aria-describedby="${Ue(this.ariaDescription?"aria-description":void 0)}" class="w-slider-thumb__range" type="range" .value="${this.value}" min="${this.min}" max="${this.max}" step="${Ue(!this.openEnded&&this.step?this.step:void 0)}" ?disabled="${this.disabled}" @mousedown="${this.#de}" @mouseup="${this.#ce}" @touchstart="${this.#de}" @touchend="${this.#ce}" @focus="${this.#de}" @blur="${this.#ce}" @input="${this.#L}" @keydown="${this.#be}"> ${"from"!==this.slot&&this.slot?me:be`<span class="sr-only">${y.t({id:"slider.label.from",message:"From"})+" "+(this.labelFormatter?this.labelFormatter("from"):this.min)+", "+y.t({id:"slider.label.to",message:"To"})+" "+(this.labelFormatter?this.labelFormatter("to"):this.max)}</span>`} <span aria-hidden="true" class="w-slider-thumb__from-marker">${this.labelFormatter?this.labelFormatter("from"):this.min} </span><span aria-hidden="true" class="w-slider-thumb__to-marker">${this.labelFormatter?this.labelFormatter("to"):this.max}</span><w-textfield aria-label="${this.ariaLabel}" aria-description="${Ue(this.ariaDescriptionText)}" class="${Ye({"w-slider-thumb__textfield":!0,"sr-only":this._hiddenTextfield})}" type="number" tabindex="${this._hiddenTextfield?-1:me}" placeholder="${this.placeholder}" .value="${this.textFieldDisplayValue}" .formatter="${this.valueFormatter&&!e?e=>this.valueFormatter(e,this.slot):me}" min="${this.openEnded?me:this.min}" max="${this.openEnded?me:this.max}" step="${Ue(this.step)}" ?invalid="${Boolean(this.invalid)}" @input="${this.#L}" @keydown="${this.#ge}" ?disabled="${this.disabled}">${this.suffix?be`<w-affix slot="suffix" label="${this.suffix??""}"></w-affix>`:me}</w-textfield><w-attention tooltip placement="top" flip distance="24" .show="${this._showTooltip}"><output id="target" class="w-slider-thumb__tooltip-target" slot="target"></output> <span slot="message">${this.tooltipDisplayValue}${this.suffix?be` ${this.suffix??""}`:me}</span></w-attention><span class="sr-only" id="aria-description">${this.ariaDescriptionText}</span></div>`}}pc([je({attribute:"aria-label"})],mc.prototype,"ariaLabel",void 0),pc([je({attribute:"aria-description"})],mc.prototype,"ariaDescription",void 0),pc([je({reflect:!0})],mc.prototype,"name",void 0),pc([je({reflect:!0})],mc.prototype,"value",void 0),pc([je({type:Boolean,reflect:!0})],mc.prototype,"disabled",void 0),pc([je({type:Boolean,reflect:!0})],mc.prototype,"invalid",void 0),pc([je({attribute:!1,reflect:!1})],mc.prototype,"openEnded",void 0),pc([je({reflect:!0})],mc.prototype,"placeholder",void 0),pc([Ne()],mc.prototype,"markers",void 0),pc([Ne()],mc.prototype,"required",void 0),pc([Ne()],mc.prototype,"step",void 0),pc([Ne()],mc.prototype,"min",void 0),pc([Ne()],mc.prototype,"max",void 0),pc([Ne()],mc.prototype,"suffix",void 0),pc([je({attribute:!1})],mc.prototype,"valueFormatter",void 0),pc([je({attribute:!1})],mc.prototype,"tooltipFormatter",void 0),pc([je({attribute:!1})],mc.prototype,"labelFormatter",void 0),pc([Ie('input[type="range"]')],mc.prototype,"range",void 0),pc([Ie(".w-slider-thumb__tooltip-target")],mc.prototype,"tooltipTarget",void 0),pc([Ie("w-textfield")],mc.prototype,"textfield",void 0),pc([Ne()],mc.prototype,"_showTooltip",void 0),pc([Ne()],mc.prototype,"_inputHasFocus",void 0),pc([Ne()],mc.prototype,"_hiddenTextfield",void 0),customElements.get("w-slider-thumb")||customElements.define("w-slider-thumb",mc);const vc=JSON.parse('{"select.label.optional":["Valgfri"],"slider.error.out_of_bounds":["Værdien skal være mellem ",["min"]," og ",["max"]],"slider.error.overlap":["Maksimumværdien må ikke være mindre end minimumværdien"],"slider.error.required":["Dette felt er påkrævet"],"slider.label.from":["From"],"slider.label.to":["To"],"slider.placeholder.from":["Min"],"slider.placeholder.to":["Max"]}'),fc=JSON.parse('{"select.label.optional":["Optional"],"slider.error.out_of_bounds":["Value must be between ",["min"]," and ",["max"]],"slider.error.overlap":["The maximum value cannot be less than the minimum"],"slider.error.required":["This field is required"],"slider.label.from":["From"],"slider.label.to":["To"],"slider.placeholder.from":["Min"],"slider.placeholder.to":["Max"]}'),wc=JSON.parse('{"select.label.optional":["Valinnainen"],"slider.error.out_of_bounds":["Arvon on oltava välillä ",["min"]," - ",["max"]],"slider.error.overlap":["Maksimiarvo ei voi olla pienempi kuin minimiarvo"],"slider.error.required":["Tämä kenttä on pakollinen"],"slider.label.from":["From"],"slider.label.to":["To"],"slider.placeholder.from":["Min"],"slider.placeholder.to":["Max"]}'),yc=JSON.parse('{"select.label.optional":["Valgfri"],"slider.error.out_of_bounds":["Verdien må være mellom ",["min"]," og ",["max"]],"slider.error.overlap":["Maksimumsverdien kan ikke være mindre enn minimumsverdien"],"slider.error.required":["Dette feltet er påkrevd"],"slider.label.from":["From"],"slider.label.to":["To"],"slider.placeholder.from":["Min"],"slider.placeholder.to":["Max"]}'),xc=JSON.parse('{"select.label.optional":["Valfritt"],"slider.error.out_of_bounds":["Värdet måste vara mellan ",["min"]," och ",["max"]],"slider.error.overlap":["Maxvärdet kan inte vara mindre än minimivärdet"],"slider.error.required":["Detta fält är obligatoriskt"],"slider.label.from":["From"],"slider.label.to":["To"],"slider.placeholder.from":["Min"],"slider.placeholder.to":["Max"]}'),kc=D`.w-slider{--w-slider-track-background:var(--w-s-color-background-disabled-subtle);--w-slider-track-active-background:var(--w-s-color-background-primary);--w-slider-track-height:4px;--w-slider-track-active-height:6px;--w-slider-thumb-background:var(--w-s-color-background-primary);--w-slider-thumb-background-hover:var(--w-s-color-background-primary-hover);--w-slider-thumb-size:28px;--w-slider-thumb-offset:calc(var(--w-slider-thumb-size) / 2);--w-slider-marker-color:var(--w-s-color-border);--_range-top:calc(var(--w-slider-thumb-size) / 2 + calc(var(--w-slider-track-active-height) - calc(var(--w-slider-track-height) / 2) + 1px));border:none;grid-template-columns:1fr;grid-template-areas:"label""description""slider""error";width:100%;margin:0;padding:0;display:grid;position:relative}.w-slider[disabled]{--w-slider-track-active-background:var(--w-s-color-background-disabled-subtle);--w-slider-thumb-background:var(--w-s-color-background-disabled-subtle);--w-slider-thumb-background-hover:var(--w-s-color-background-disabled-subtle)}.w-slider__label{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s);color:var(--w-s-color-text);grid-area:label;padding-bottom:8px;font-weight:700}.w-slider__description{grid-area:description}.w-slider__range{background:var(--w-slider-track-background);height:var(--w-slider-track-active-height);top:var(--_range-top);border-radius:4px;grid-area:slider;align-self:center;padding-inline-start:var(--active-range-inline-start-padding,0);padding-inline-end:var(--active-range-inline-end-padding,0);position:absolute;left:0;right:0}.w-slider__active-range{box-sizing:content-box;background:var(--w-slider-track-active-background);height:var(--w-slider-track-active-height);--max-with-offset:calc(var(--max) + var(--over-under-offset,0));--offset-percentage:calc(calc(var(--from) - var(--min)) / calc(var(--max-with-offset) - var(--min)) * 100);margin-left:calc(max(var(--offset-percentage) * 1%, 0px) - var(--range-slider-magic-pixel,0px));--value-range:calc(var(--max-with-offset) - var(--min));--range-span-percentage:calc(calc(min(var(--to), var(--max-with-offset)) - max(var(--min), var(--from))) / var(--value-range) * 100);width:calc(var(--range-span-percentage) * 1% + var(--range-slider-magic-pixel,0px));z-index:1;border-start-start-radius:var(--active-range-border-radius,0);border-end-start-radius:var(--active-range-border-radius,0)}.w-slider__markers{--_marker-height:7px;--_marker-width:1px;background:linear-gradient(to right, var(--w-slider-marker-color) var(--_marker-width), #0000 1px calc(100% - 1px), var(--w-slider-marker-color) 100%) repeat-x;--_step-width-as-percent:calc(var(--markers) / var(--_value-range) * 100);background-size:calc(var(--_step-width-as-percent) * 1%) var(--_marker-height);background-position:bottom 0 left 8px right 8px;top:calc(var(--_range-top) + 2px);height:var(--_marker-height);margin-inline:var(--w-slider-thumb-offset);grid-area:slider;align-self:center;position:absolute;left:1px;right:1px}.w-slider__error{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs);color:var(--w-s-color-text-negative);grid-area:error;padding-top:8px}.w-slider__help-text{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs);grid-area:error;padding-top:8px}slot::slotted(w-slider-thumb){grid-area:slider;position:static;inset:0}`;var _c=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};class $c extends Pe{static#e=this.shadowRootOptions={...Pe.shadowRootOptions,delegatesFocus:!0};static#o=this.styles=[nt,kc,D`:host{--_padding-left:var(--w-c-slider-optional-padding-left,.8rem);--_font-weight:var(--w-c-slider-optional-font-weight,400);--_font-size:var(--w-c-slider-optional-font-size,var(--w-font-size-s));--_line-height:var(--w-c-slider-optional-line-height,var(--w-line-height-s));--_color:var(--w-c-slider-optional-color,var(--w-s-color-text-subtle))}.w-slider__optional{padding-left:var(--_padding-left);font-weight:var(--_font-weight);font-size:var(--_font-size);line-height:var(--_line-height);color:var(--_color)}`];constructor(){super(),this.disabled=!1,this.openEnded=!1,this.invalid=!1,this.required=!1,this.optional=!1,this.hiddenTextfield=!1,this._invalidMessage="",this._hasInternalError=!1,this._showError=!1,this._tabbableElements=[],this._hasLabel=!1,Qe(fc,yc,wc,vc,xc)}#me(){const e=this.querySelectorAll("w-slider-thumb");let t=!1;for(const r of e.values())r.min=this.edgeMin,r.max=this.edgeMax,r.step=this.step,r.suffix=this.suffix??"",r.required=this.required,r.labelFormatter=this.labelFormatter,r.valueFormatter=this.valueFormatter,r.tooltipFormatter=this.tooltipFormatter,r.openEnded=this.openEnded,r._hiddenTextfield=this.hiddenTextfield,r.ariaLabel||(r.slot||(r.ariaLabel=this.label||null),"from"===r.slot&&(r.ariaLabel=`${this.label} min`),"to"===r.slot&&(r.ariaLabel=`${this.label} max`)),"from"!==r.slot&&"to"!==r.slot||(t=!0),r.disabled=this.disabled,r.invalid=Boolean(this.errorText),this.#ve(r);t?(this.fieldset.style.setProperty("--active-range-inline-start-padding","var(--w-slider-thumb-size, 28px)"),this.fieldset.style.setProperty("--active-range-inline-end-padding","var(--w-slider-thumb-size, 28px)")):this.fieldset.style.setProperty("--active-range-border-radius","4px")}get edgeMin(){return this.openEnded?(Number(this.min)-1).toString():this.min}get edgeMax(){return this.openEnded?(Number(this.max)+1).toString():this.max}async connectedCallback(){super.connectedCallback(),await this.updateComplete,this.step&&this.fieldset.style.setProperty("--step",String(this.step)),void 0!==this.min&&this.fieldset.style.setProperty("--min",this.edgeMin),void 0!==this.max&&this.fieldset.style.setProperty("--max",this.max),this.markers&&this.fieldset.style.setProperty("--markers",String(this.markers)),this.openEnded&&this.fieldset.style.setProperty("--over-under-offset","1"),this.label&&(this._hasLabel=!0);const e=this.querySelectorAll("w-slider-thumb");if(2===e.length){this.fieldset.style.setProperty("--range-slider-magic-pixel","1px");const t=[...e];this._tabbableElements[0]=t[0].shadowRoot.querySelector("input"),this._tabbableElements[1]=t[1].shadowRoot.querySelector("input"),this._tabbableElements[2]=t[0].shadowRoot.querySelector("w-textfield"),this._tabbableElements[3]=t[1].shadowRoot.querySelector("w-textfield")}else if(1===e.length){const t=[...e];this._tabbableElements[0]=t[0].shadowRoot.querySelector("input"),this._tabbableElements[1]=t[0].shadowRoot.querySelector("w-textfield")}this.invalid&&this.error&&(this._showError=!0),this.#me()}updated(e){(e.has("disabled")||e.has("required")||e.has("min")||e.has("step")||e.has("max")||e.has("suffix")||e.has("labelFormatter")||e.has("valueFormatter")||e.has("_invalidMessage")||e.has("_hasInternalError"))&&this.#me(),(e.has("error")||e.has("invalid"))&&(this.error&&this.invalid?this._showError=!0:this._showError=!1,this.#me())}#fe(e){e.stopPropagation();const t=e.target;this.#ve(t)}#L(e){const t=e.target;this.#ve(t);t.slot&&this.#we()}#ye(){this.componentHasError?this._showError=!0:this._showError=!1,this.#me()}#c(e){if("Tab"===e.key){const t=this._tabbableElements.indexOf(e.target.shadowRoot.activeElement);if(-1===t)return;const r=e.shiftKey?-1:1,o=this._tabbableElements[t+r];if(!o)return;e.preventDefault(),o.focus()}}#we(){let e=null,t=null;const r=this.querySelectorAll("w-slider-thumb");for(const o of r.values())"from"===o.slot&&(e=o),"to"===o.slot&&(t=o);e&&t&&(e.invalid||t.invalid)}#xe(e){e.stopPropagation();const t=this._hasInternalError||this.invalid,r=e.target;if(this._hasInternalError=Boolean(e.detail.invalid)||this.invalid,this._invalidMessage=e.detail.invalid,!0===t&&!1===this._hasInternalError){const e=this.querySelectorAll("w-slider-thumb");for(const t of e.values())t!==r&&t.updateFieldAfterValidation()}}#ke(e,t){return t.value??=this.openEnded?"":e,""===t.value?e:t.value}#ve(e){const t=e.slot;t||this.fieldset.style.setProperty("--from","0"),"from"===t&&this.fieldset.style.setProperty("--from",this.#ke(this.edgeMin,e)),t&&"to"!==t||this.fieldset.style.setProperty("--to",this.#ke(this.edgeMax,e))}get componentHasError(){return this.invalid||this._hasInternalError}get errorText(){return this._showError?this.error||this._invalidMessage:""}_handleLabelSlotChange(e){const t=e.target.assignedElements().length>0;this._hasLabel=t||!!this.label,console.log("Label content changed, has label:",this._hasLabel)}get _label(){const e=this._hasLabel&&this.optional&&!this.required?be`<span class="w-slider__optional">${y._({id:"select.label.optional",message:"Optional",comment:"Shown behind label when marked as optional"})}</span>`:me;return this.label?be`<legend class="w-slider__label"><slot id="label" name="label" @slotchange="${this._handleLabelSlotChange}">${this.label}</slot>${e}</legend>`:be`<slot id="label" name="label" @slotchange="${this._handleLabelSlotChange}"></slot>${e}`}render(){return be`<fieldset id="fieldset" class="w-slider" @input="${this.#L}" @focusout="${this.#ye}" @slidervalidity="${this.#xe}" @thumbreset="${this.#fe}" @keydown="${this.#c}" aria-invalid="${this.errorText?"true":me}" ?disabled="${this.disabled}">${this._label}<slot class="w-slider__description" name="description"></slot>${this.markers?be`<div class="w-slider__markers"></div>`:me}<div class="w-slider__range"><div class="w-slider__active-range"></div></div><slot class="w-slider__slider" @slotchange="${this.#me}"></slot><slot class="w-slider__slider" name="from" @slotchange="${this.#me}"></slot><slot class="w-slider__slider" name="to" @slotchange="${this.#me}"></slot>${this.errorText?be`<p class="w-slider__error" aria-describes="fieldset">${this.errorText}</p>`:this.helpText?be`<p class="w-slider__help-text" aria-describes="fieldset">${this.helpText}</p>`:me}</fieldset>`}}_c([je({reflect:!0})],$c.prototype,"label",void 0),_c([je({type:Boolean,reflect:!0})],$c.prototype,"disabled",void 0),_c([je({type:Boolean,attribute:"open-ended"})],$c.prototype,"openEnded",void 0),_c([je({type:String,reflect:!0})],$c.prototype,"error",void 0),_c([je({type:String,reflect:!0,attribute:"help-text"})],$c.prototype,"helpText",void 0),_c([je({type:Boolean,reflect:!0})],$c.prototype,"invalid",void 0),_c([je({type:Boolean,reflect:!0})],$c.prototype,"required",void 0),_c([je({type:Boolean,reflect:!0})],$c.prototype,"optional",void 0),_c([je({reflect:!0})],$c.prototype,"min",void 0),_c([je({reflect:!0})],$c.prototype,"max",void 0),_c([je({type:Number,reflect:!0})],$c.prototype,"markers",void 0),_c([je({type:Number,reflect:!0})],$c.prototype,"step",void 0),_c([je({reflect:!0})],$c.prototype,"suffix",void 0),_c([je({type:Boolean,reflect:!0,attribute:"hidden-textfield"})],$c.prototype,"hiddenTextfield",void 0),_c([je({attribute:!1})],$c.prototype,"valueFormatter",void 0),_c([je({attribute:!1})],$c.prototype,"tooltipFormatter",void 0),_c([je({attribute:!1})],$c.prototype,"labelFormatter",void 0),_c([Ie("fieldset")],$c.prototype,"fieldset",void 0),_c([Ne()],$c.prototype,"_invalidMessage",void 0),_c([Ne()],$c.prototype,"_hasInternalError",void 0),_c([Ne()],$c.prototype,"_showError",void 0),_c([Ne()],$c.prototype,"_tabbableElements",void 0),_c([Ne()],$c.prototype,"_hasLabel",void 0),customElements.get("w-slider")||customElements.define("w-slider",$c);const Sc=D`:host{--_snackbar-item-bg:var(--w-c-snackbar-item-bg,var(--w-color-tooltip-background-static));--_snackbar-item-action-bg-hover:var(--w-c-snackbar-item-action-bg-hover,var(--w-color-tooltip-background-static));--_snackbar-item-action-bg-active:var(--w-c-snackbar-item-action-bg-active,var(--w-color-tooltip-background-static));--_snackbar-item-border-radius:var(--w-c-snackbar-item-radius,8px);--_snackbar-item-box-shadow:var(--w-c-snackbar-item-box-shadow,var(--w-shadow-l));--_snackbar-item-color:var(--w-c-snackbar-item-color,var(--w-s-color-text-inverted-static));--_snackbar-item-action-color-hover:var(--w-c-snackbar-item-action-color-hover,var(--w-s-color-text-inverted-static));--_snackbar-item-action-color-active:var(--w-c-snackbar-item-action-color-active,var(--w-s-color-text-inverted-static));--_snackbar-item-max-width:var(--w-c-snackbar-item-max-width,480px);--_snackbar-item-min-width:var(--w-c-snackbar-item-min-width,328px);--_snackbar-item-padding:var(--w-c-snackbar-item-padding,8px);display:block}.animation-wrapper{border-radius:var(--_snackbar-item-border-radius)}[part=item]{background-color:var(--_snackbar-item-bg);border-radius:var(--_snackbar-item-border-radius);box-shadow:var(--_snackbar-item-box-shadow);color:var(--_snackbar-item-color);max-width:var(--_snackbar-item-max-width);min-width:var(--_snackbar-item-min-width);padding:var(--_snackbar-item-padding);grid-template:"icon message inline-action""block-action block-action block-action"/auto 1fr auto;align-items:center;column-gap:8px;display:grid}[part=item] w-button,[part=item] ::slotted(w-button){--w-c-button-bg:var(--_snackbar-item-bg);--w-c-button-bg-active:var(--_snackbar-item-action-bg-active);--w-c-button-bg-hover:var(--_snackbar-item-action-bg-hover);--w-c-button-color:var(--_snackbar-item-color);--w-c-button-color-active:var(--_snackbar-item-action-color-active);--w-c-button-color-hover:var(--_snackbar-item-action-color-hover)}[part=icon]{color:var(--_snackbar-item-color);grid-area:icon;padding-block:4px}[part=icon] ::slotted(w-icon){margin-inline-start:4px;display:block}[part=icon] ::slotted(w-icon[name=SuccessFilled]){color:var(--w-s-color-icon-positive)}[part=icon] ::slotted(w-icon[name=WarningFilled]){color:var(--w-s-color-icon-warning)}[part=icon] ::slotted(w-icon[name=ErrorFilled]){color:var(--w-s-color-icon-negative)}[part=icon] ::slotted(w-icon[name=InfoFilled]){color:var(--w-s-color-icon-info)}[part=message]{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s);grid-area:message;align-self:center;padding-block:7px}[part=action]{grid-area:inline-action;justify-content:flex-end;column-gap:2px;padding-inline-start:8px;display:flex}:host([action-placement=block]) [part=action]{grid-area:block-action}w-attention [slot=message]{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s)}kbd{font-family:var(--w-font-family)}`;var Ec,Cc=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};!function(e){e[e.Short=4e3]="Short",e[e.Long=1e4]="Long",e[e.Infinite=12e7]="Infinite"}(Ec||(Ec={}));class zc extends Pe{constructor(){super(...arguments),this.actionPlacement="inline",this.duration=Ec.Short,this.hasAction=!1,this.#_e=!1,this.#$e=Ec.Short,this.#Se=null,this.#Ee=null,this.#Ce=!1}static#e=this.styles=[nt,Sc];#_e;#$e;#Se;#Ee;#Ce;connectedCallback(){if(super.connectedCallback(),this.duration!==Ec.Infinite){const e=1e3;this.#$e=this.duration-e,this.#Ee=setInterval(()=>{this.#Ce||(this.#$e-=e,this.#$e<=0&&this.close())},e)}}disconnectedCallback(){this.#Ee&&clearInterval(this.#Ee)}async updated(){this.root&&(this.#_e||(await this.updateComplete,Bs(this.root,()=>{this.#_e=!0})))}close(){this.#Se&&this.#Se.focus(),this.#_e&&this.root?Hs(this.root,()=>{this.remove()}):this.remove()}#ze(e){this.#Se||(this.#Ce=!0,e.relatedTarget&&e.relatedTarget.focus&&(this.#Se=e.relatedTarget))}#Oe(e){(!e.relatedTarget||!this.shadowRoot?.host.contains(e.relatedTarget))&&(this.#Ce=!1,this.#Se=null)}#Ae(){this.#Ce=!0}#De(){this.#Se||(this.#Ce=!1)}#Pe(){const e=this.shadowRoot?.querySelector('slot[name="action"]');if(!e)return!1;return e.assignedElements().length>0}firstUpdated(){this.hasAction=this.#Pe()}render(){if(this.hasAction&&"true"===document.documentElement.dataset.wKeyboardinteraction){const e=window.navigator.userAgent.includes("Macintosh")?"⌥":"Alt";return be`<w-attention tooltip placement="top" distance="12" show><div class="animation-wrapper" slot="target"><div part="item" @mouseenter="${this.#Ae}" @mouseleave="${this.#De}" @focusin="${this.#ze}" @focusout="${this.#Oe}"><div part="icon"><slot name="icon"></slot></div><div part="message"><slot></slot></div><div part="action"><slot name="action"></slot><slot name="close"></slot></div></div></div><span slot="message" aria-hidden="true"><kbd>${e}</kbd> + <kbd>Enter</kbd></span></w-attention>`}return be`<div class="animation-wrapper"><div part="item" @mouseenter="${this.#Ae}" @mouseleave="${this.#De}" @focusin="${this.#ze}" @focusout="${this.#Oe}"><div part="icon"><slot name="icon"></slot></div><div part="message"><slot></slot></div><div part="action"><slot name="action"></slot><slot name="close"></slot></div></div></div>`}}Cc([je({attribute:"action-placement",reflect:!0,useDefault:!0})],zc.prototype,"actionPlacement",void 0),Cc([je({type:Number,reflect:!0,useDefault:!0})],zc.prototype,"duration",void 0),Cc([Ie(".animation-wrapper")],zc.prototype,"root",void 0),Cc([Ne()],zc.prototype,"hasAction",void 0),customElements.get("w-snackbar-item")||customElements.define("w-snackbar-item",zc);const Oc=JSON.parse('{"snackbar.aria.close":["Dismiss message"]}'),Ac=JSON.parse('{"snackbar.aria.close":["Dismiss message"]}'),Dc=JSON.parse('{"snackbar.aria.close":["Dismiss message"]}'),Pc=JSON.parse('{"snackbar.aria.close":["Dismiss message"]}'),Mc=JSON.parse('{"snackbar.aria.close":["Dismiss message"]}'),Tc=D`:host{pointer-events:none;--_snackbar-gap:var(--w-c-snackbar-container-gap,8px);--_snackbar-position-top:var(--w-c-snackbar-position-top,initial);--_snackbar-position-right:var(--w-c-snackbar-position-right,0);--_snackbar-position-bottom:var(--w-c-snackbar-position-bottom,16px);--_snackbar-position-left:var(--w-c-snackbar-position-left,0);--_snackbar-z-index:var(--w-c-snackbar-z-index,50);bottom:var(--_snackbar-position-bottom);left:var(--_snackbar-position-left);right:var(--_snackbar-position-right);top:var(--_snackbar-position-top);z-index:var(--_snackbar-z-index);position:fixed}[part=container]{gap:var(--_snackbar-gap);pointer-events:none;grid-template-rows:auto;justify-content:center;justify-items:center;margin-inline:auto;display:grid}::slotted(*){pointer-events:initial}`,Rc={canClose:!0,duration:Ec.Short,variant:"neutral"};Qe(Ac,Pc,Dc,Oc,Mc);const jc=/\s/;class Nc extends Pe{static#e=this.styles=[nt,Tc];constructor(){super(),this.internals=this.attachInternals(),this.internals.ariaLive="polite",this.internals.role="log",this._onKeydown=this._onKeydown.bind(this)}connectedCallback(){super.connectedCallback(),document.addEventListener("keydown",this._onKeydown)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("keydown",this._onKeydown)}_onKeydown(e){if("Escape"===e.key){const e=this.shadowRoot?.host.querySelector("w-snackbar-item:last-of-type");e&&e.close()}else if(e.altKey&&"Enter"===e.key){e.preventDefault();const t=this.shadowRoot?.host.querySelector("w-snackbar-item:last-of-type");if(console.log("Found item!"),t){const e=t.querySelector('w-button[slot="action"]');console.log("Found action!"),e&&(e.click(),console.log("Clicked!"))}}}create(e,t){void 0===t&&(t={});const r={...Rc,...t},o=document.createElement("w-snackbar-item");if(r.duration&&(o.duration=r.duration),o.innerText=e,"neutral"!==r.variant){const e=document.createElement("w-icon");switch(e.slot="icon",r.variant){case"positive":e.name="SuccessFilled";break;case"warning":e.name="WarningFilled";break;case"negative":e.name="ErrorFilled";break;case"info":e.name="InfoFilled"}o.prepend(e)}if(r.action){o.duration<Ec.Long&&(o.duration=Ec.Long);const e=document.createElement("w-button");e.slot="action",e.variant="utilityQuiet",e.small=!0;const{label:t,onclick:n,placement:a}=r.action;e.innerText=t;const i=document.createElement("span");i.classList.add("sr-only");const s=window.navigator.userAgent.includes("Macintosh")?"Option":"Alt";if(i.innerHTML=`<kbd>${s}</kbd> + <kbd>Enter</kbd>`,e.append(i),e.onclick=t=>{const r=n.call(e,t);return t.defaultPrevented||o.close(),r},a)o.actionPlacement=a;else{jc.test(t)&&(o.actionPlacement="block")}o.append(e)}if(o.duration>Ec.Long&&(r.canClose=!0),r.canClose){const e=document.createElement("w-button");e.slot="close",e.variant="utilityQuiet",e.small=!0,e.iconOnly=!0,"function"==typeof r.canClose?e.onclick=t=>{r.canClose.call(e,t),t.defaultPrevented||o.close()}:e.onclick=o.close.bind(o);const t=document.createElement("w-icon");t.name="Close",t.size="small",t.ariaLabel=y.t({id:"snackbar.aria.close",message:"Dismiss message",comment:"Accessibility label for the button that closes the snackbar/toast popup"}),e.append(t),o.append(e)}return this.shadowRoot?.host.prepend(o),o}render(){return be`<aside part="container"><slot></slot></aside>`}}customElements.get("w-snackbar")||customElements.define("w-snackbar",Nc);const Vc=JSON.parse('{"steps.aria.active":["Trinindikator aktiv cirkel"],"steps.aria.completed":["Trinindikator fuldført cirkel"],"steps.aria.emptyCircle":["Tom cirkel"]}'),Ic=JSON.parse('{"steps.aria.active":["Step indicator active circle"],"steps.aria.completed":["Step indicator completed circle"],"steps.aria.emptyCircle":["Empty circle"]}'),Fc=JSON.parse('{"steps.aria.active":["Vaiheilmaisin aktiivinen ympyrä"],"steps.aria.completed":["Vaiheilmaisin valmis ympyrä"],"steps.aria.emptyCircle":["Tyhjä ympyrä"]}'),Lc=JSON.parse('{"steps.aria.active":["Stegindikator aktiv sirkel"],"steps.aria.completed":["Stegindikator hel sirkel"],"steps.aria.emptyCircle":["Tom sirkel"]}'),qc=JSON.parse('{"steps.aria.active":["Stegindikator aktiv cirkel"],"steps.aria.completed":["Stegindikator fulländad cirkel"],"steps.aria.emptyCircle":["Tom cirkel"]}'),Wc=A("*,: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}.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 Bc=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};const Hc="group/step",Yc="group/stepv grid-rows-[20px_auto] grid grid-flow-col gap-x-16",Uc="group/steph grid-rows-[auto_20px] grid-cols-[1fr_20px_1fr] flex-1 grid items-center",Xc="grid-cols-[20px_1fr]",Jc="grid-cols-[1fr_20px] text-right",Kc="rounded-full border-2 h-20 w-20 transition-colors duration-300 s-icon-inverted",Zc="col-start-2",Qc="row-start-2 justify-self-end",Gc="s-border-primary s-bg-primary",eh="s-border s-bg",th="transition-colors duration-300",rh="w-2 h-full justify-self-center",oh="col-start-2",nh="h-2 w-full row-start-2",ah="s-bg-disabled",ih="s-bg-primary",sh="last:mb-0",lh="row-span-2 pb-32",dh="col-span-3 px-16 row-start-1 text-center";class ch extends Pe{static#e=this.styles=[nt,Wc];constructor(){super(),this.active=!1,this.completed=!1,this._context={horizontal:!1,right:!1,isLast:!1,isFirst:!1},this._internals=this.attachInternals(),Qe(Ic,Lc,Fc,Vc,qc)}connectedCallback(){super.connectedCallback(),this._internals.role="listitem"}setContext(e){this._context=e}getAriaLabel(){return this.completed?y._({id:"steps.aria.completed",message:"Step indicator completed circle",comment:"Completed circle"}):this.active?y._({id:"steps.aria.active",message:"Step indicator active circle",comment:"Active circle"}):y._({id:"steps.aria.emptyCircle",message:"Empty circle",comment:"Empty circle"})}render(){const t=!this._context.horizontal,r=!this._context.right,o=this._context.isFirst,n=this._context.isLast,a=e([Hc,t?Yc:Uc,t?r?Xc:Jc:""]),i=e([th,nh,this.active||this.completed?ih:ah,o?"invisible":""]),s=e([Kc,t?r?"":Zc:Qc,this.active||this.completed?Gc:eh]),l=e([th,t?rh:nh,t&&!r?oh:"",this.completed?ih:ah,n?"invisible":""]),d=e([sh,t?lh:dh,n?"pb-0":""]);return be`<div class="${a}" style="${Ue(this._context.horizontal?"height: 100%;":void 0)}">${t?me:be`<div class="${i}"></div>`}<div class="${s}" role="img" aria-label="${this.getAriaLabel()}" aria-current="${this.active?"step":me}">${this.completed?be`<w-icon name="Check" size="small" locale="${Ze()}" data-testid="completed-icon" class="flex"></w-icon>`:me}</div><div class="${l}"></div><div class="${d}" style="${Ue(this._context.horizontal?"height: 100%;":void 0)}"><slot></slot></div></div>`}}Bc([je({type:Boolean,reflect:!0})],ch.prototype,"active",void 0),Bc([je({type:Boolean,reflect:!0})],ch.prototype,"completed",void 0),Bc([Ne()],ch.prototype,"_context",void 0),customElements.get("w-step")||customElements.define("w-step",ch);const hh=A("*,: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}.grid{display:grid}.static{position:static}.w-full{width:100%}");var uh=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};const ph="w-full",bh="flex";class gh extends Pe{constructor(){super(...arguments),this.horizontal=!1,this.right=!1}static#e=this.styles=[nt,hh];updated(){this.updateStepsContext()}updateStepsContext(){const e=this.querySelectorAll("w-step");e.forEach((t,r)=>{t.setContext({horizontal:this.horizontal,right:this.right,isLast:r===e.length-1,isFirst:0===r})})}render(){const t=e([ph,this.horizontal&&bh]);return be`<div role="list" class="${t}" ${this.horizontal&&"style='display: grid; grid-auto-rows: 1fr;grid-template-columns: 1fr;'"}><slot></slot></div>`}}uh([je({type:Boolean,reflect:!0})],gh.prototype,"horizontal",void 0),uh([je({type:Boolean,reflect:!0})],gh.prototype,"right",void 0),customElements.get("w-step-indicator")||customElements.define("w-step-indicator",gh);const mh=A("*,: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-s-color-border-strong\\]{background-color:var(--w-s-color-border-strong)}.group:hover .group-hover\\:bg-\\[--w-s-color-border-strong-hover\\]{background-color:var(--w-s-color-border-strong-hover)}.border{border-width:1px}.rounded-full{border-radius:9999px}.block{display:block}.inline-block{display:inline-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{outline-style:solid}.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-hover{background-color:var(--w-s-color-background-hover)}.group:hover .group-hover\\:s-bg-primary-hover{background-color:var(--w-s-color-background-primary-hover)}.s-border-disabled{border-color:var(--w-s-color-border-disabled)}.s-border-strong{border-color:var(--w-s-color-border-strong)}.group:hover .group-hover\\:s-border-strong-hover{border-color:var(--w-s-color-border-strong-hover)}.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 vh=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};const fh="block relative h-24 w-44 cursor-pointer group focusable rounded-full",wh="pointer-events-none",yh="absolute top-0 left-0 h-full w-full rounded-full transition-colors",xh="s-bg-primary group-hover:s-bg-primary-hover",kh="s-bg border s-border-strong group-hover:s-bg-hover group-hover:s-border-strong-hover",_h="s-bg-disabled",$h="s-bg-disabled-subtle border s-border-disabled",Sh="absolute transform-gpu h-16 w-16 top-4 left-4 rounded-full transition-transform",Eh="translate-x-20",Ch="s-bg",zh="bg-[--w-s-color-border-strong] group-hover:bg-[--w-s-color-border-strong-hover]",Oh="s-bg-disabled-subtle",Ah="s-bg-disabled";class Dh extends($(Pe)){constructor(){super(...arguments),this.checked=!1,this.disabled=!1,this.#Me=!1,this._handleHostClick=e=>{this.disabled||e.composedPath()[0]===this&&this._handleClick()},this._handleKeyDown=e=>{this.disabled||e.altKey||e.ctrlKey||e.metaKey||e.shiftKey||" "!==e.key&&"Enter"!==e.key||(e.preventDefault(),this._handleClick())}}static#e=this.shadowRootOptions={...Pe.shadowRootOptions,delegatesFocus:!0};#Me;static#o=this.styles=[nt,mh,D`:host{display:inline-block}button:focus{outline:none}button:focus-visible{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}`];get _baseClasses(){return e([fh,this.disabled&&wh])}get _trackClasses(){return e([yh,this.disabled?this.checked?_h:$h:this.checked?xh:kh])}get _handleClasses(){return e([Sh,this.checked&&Eh,this.disabled?this.checked?Oh:Ah:this.checked?Ch:zh])}_handleClick(){this.disabled||(this.checked=!this.checked,this.dispatchEvent(new CustomEvent("change",{detail:{checked:this.checked,value:this.value||null},bubbles:!0,composed:!0})))}_syncA11yState(){this.internals.ariaChecked=this.checked?"true":"false",this.internals.ariaDisabled=this.disabled?"true":null}connectedCallback(){this.#Me=this.checked,super.connectedCallback(),this.internals.role="switch";const e=this.getAttribute("aria-label");e&&(this.internals.ariaLabel=e),this.disabled||this.setValue(this.checked&&this.value?this.value:null),this._syncA11yState(),this.addEventListener("click",this._handleHostClick),this.addEventListener("keydown",this._handleKeyDown)}disconnectedCallback(){this.removeEventListener("click",this._handleHostClick),this.removeEventListener("keydown",this._handleKeyDown),super.disconnectedCallback()}willUpdate(e){e.has("checked")&&(this.disabled||this.setValue(this.checked&&this.value?this.value:null)),(e.has("checked")||e.has("disabled"))&&this._syncA11yState()}resetFormControl(){this.checked=this.#Me}render(){return be`<div><button type="button" role="none" tabindex="${this.disabled?-1:0}" class="${this._baseClasses}" ?disabled="${this.disabled}" @click="${this._handleClick}"><span data-testid="track" class="${this._trackClasses}"></span> <span data-testid="handle" class="${this._handleClasses}"></span></button></div>`}}vh([je({type:String,reflect:!0})],Dh.prototype,"name",void 0),vh([je({type:String,reflect:!0})],Dh.prototype,"value",void 0),vh([je({type:Boolean,reflect:!0})],Dh.prototype,"checked",void 0),vh([je({type:Boolean,reflect:!0})],Dh.prototype,"disabled",void 0),customElements.get("w-switch")||customElements.define("w-switch",Dh);const Ph=A("*,: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}.appearance-none{-webkit-appearance:none;appearance:none}.border-0{border-width:0}.border-b-4{border-bottom-width:4px}.border-transparent{border-color:#0000}.inline-block{display:inline-block}.flex{display:flex}.grid{display:grid}.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}.gap-8{gap:.8rem}.outline{outline-style:solid}.items-center{align-items:center}.justify-center{justify-content:center}.static{position:static}.s-text-link{color:var(--w-s-color-text-link)}.s-text-subtle{color:var(--w-s-color-text-subtle)}.hover\\:s-text-link:hover{color:var(--w-s-color-text-link)}.s-border-selected{border-color:var(--w-s-color-border-selected)}.hover\\:s-border-primary:hover{border-color:var(--w-s-color-border-primary)}.w-full{width:100%}.m-0{margin:0}.mx-auto{margin-left:auto;margin-right:auto}.p-0{padding:0}.p-16{padding:1.6rem}.pb-8{padding-bottom:.8rem}.cursor-pointer{cursor:pointer}.font-bold{font-weight:700}");var Mh=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};const Th="grid w-full items-center font-bold gap-8 antialias p-16 pb-8 border-b-4 bg-transparent border-transparent hover:s-text-link hover:s-border-primary",Rh="s-text-subtle",jh="s-text-link s-border-selected",Nh="mx-auto",Vh="flex items-center justify-center gap-8",Ih="content-underlined";class Fh extends Pe{static#e=this.styles=[nt,Ph,D`::slotted([slot=icon]){display:flex}button.focusable:focus-visible{outline:2px solid var(--w-s-color-border-focus,#1a73e8);outline-offset:var(--w-outline-offset,1px)}`];static#o=this.shadowRootOptions={...Pe.shadowRootOptions,delegatesFocus:!0};constructor(){super(),this._handleClick=e=>{e.tab||(e.tab=this)},this.active=!1,this.over=!1,this._internals=this.attachInternals()}get tabIndex(){return this._parentTabIndex??0}set tabIndex(e){this._parentTabIndex=e}get _computedAriaSelected(){return this._parentAriaSelected??this._ownAriaSelected}get _effectiveAriaControls(){return this._ariaControlsAttr||this.for||""}set ariaSelected(e){const t=this._ownAriaSelected;this._ownAriaSelected=e,this._internals.ariaSelected=this._computedAriaSelected??null,this.requestUpdate("ariaSelected",t)}get ariaSelected(){return this._computedAriaSelected??"false"}get _classes(){return e(["focusable appearance-none cursor-pointer bg-transparent border-0 m-0 p-0 inline-block",Th,this.active||"true"===this.ariaSelected?jh:Rh])}get _hasIcon(){return null!==this.querySelector('[slot="icon"]')}connectedCallback(){super.connectedCallback(),this._internals.role="tab",this.syncAriaControls(),this.addEventListener("click",this._handleClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this._handleClick)}updated(e){super.updated(e);const t=e;e.has("_parentAriaSelected")&&(this._internals.ariaSelected=this._computedAriaSelected??null),t.has("_ariaControlsAttr")&&this.syncAriaControls(),e.has("for")&&this.syncAriaControls(),e.has("active")&&this.hasAttribute("active")&&(this._internals.ariaSelected=this.active?"true":"false")}syncAriaControls(){const e=this._effectiveAriaControls,t=this.closest("w-tabs"),r=t?.querySelector(`w-tab-panel#${CSS.escape(e)}`)??this.ownerDocument?.getElementById(e)??null,o=this._internals;"ariaControlsElements"in o?o.ariaControlsElements=r?[r]:[]:"ariaControls"in o&&(o.ariaControls=e||null)}render(){const e=this._hasIcon;return be`<button type="button" role="none" id="warp-tab-${this.for}" class="${this._classes}" tabindex="${this._parentTabIndex??0}" aria-controls="${this._effectiveAriaControls}" @click="${e=>{e.tab=this}}" style="height:100%">${e?this.over?be`<span class="${Nh}"><slot name="icon"></slot></span><span class="${Ih}"><slot></slot></span>`:be`<div class="${Vh}"><slot name="icon"></slot><slot></slot></div>`:be`<span class="${Ih}"><slot></slot></span>`}</button>`}}Mh([je({reflect:!0})],Fh.prototype,"for",void 0),Mh([je({attribute:"aria-controls"})],Fh.prototype,"_ariaControlsAttr",void 0),Mh([je({attribute:!1})],Fh.prototype,"_parentTabIndex",void 0),Mh([je({attribute:!1})],Fh.prototype,"_parentAriaSelected",void 0),Mh([je({attribute:"aria-selected"})],Fh.prototype,"ariaSelected",null),Mh([je({type:Boolean,reflect:!0})],Fh.prototype,"active",void 0),Mh([je({type:Boolean,reflect:!0})],Fh.prototype,"over",void 0),customElements.get("w-tab")||customElements.define("w-tab",Fh);const Lh=A("*,: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-b{border-bottom-width:1px}.border-b-4{border-bottom-width:4px}.inline-grid{display:inline-grid}.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))}.-bottom-0{bottom:0}.absolute{position:absolute}.relative{position:relative}.static{position:static}.s-border{border-color:var(--w-s-color-border)}.s-border-selected{border-color:var(--w-s-color-border-selected)}.-mb-1{margin-bottom:-.1rem}.mb-32{margin-bottom:3.2rem}.resize{resize:both}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}");var qh=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};class Wh extends Pe{static#e=this.styles=[nt,Lh,D`:host{display:block}:host([hidden]){display:block!important}.panel-content{display:none}.panel-content[data-active]{display:block}`];constructor(){super(),this._internals=this.attachInternals()}set active(e){this._ownActive=e}get active(){return this._parentActive??this._ownActive??!1}connectedCallback(){super.connectedCallback(),this._internals.role="tabpanel",this.syncA11yState()}updated(){this.syncA11yState()}syncA11yState(){const e=this._internals;e.ariaLabelledBy=this._parentAriaLabelledBy||null,e.ariaHidden=this.active?"false":"true"}render(){return be`<div class="panel-content" ?data-active="${this.active}"><slot></slot></div>`}}qh([je({attribute:"id",reflect:!0})],Wh.prototype,"id",void 0),qh([je({type:Boolean})],Wh.prototype,"active",null),qh([je({attribute:!1})],Wh.prototype,"_parentActive",void 0),qh([je({attribute:!1})],Wh.prototype,"_parentAriaLabelledBy",void 0),customElements.get("w-tab-panel")||customElements.define("w-tab-panel",Wh);function Bh(e){return void 0===e&&(e=""),`${e}${(e=>{void 0===e&&(e=21);let t="",r=crypto.getRandomValues(new Uint8Array(e|=0));for(;e--;)t+="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict"[63&r[e]];return t})()}`}var Hh=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};const Yh="border-b s-border mb-32",Uh="inline-grid relative -mb-1",Xh="absolute s-border-selected -bottom-0 border-b-4 transition-all",Jh={cols1:"grid-cols-1",cols2:"grid-cols-2",cols3:"grid-cols-3",cols4:"grid-cols-4",cols5:"grid-cols-5",cols6:"grid-cols-6",cols7:"grid-cols-7",cols8:"grid-cols-8",cols9:"grid-cols-9"};class Kh extends Pe{static#e=this.styles=[nt,Lh];constructor(){super(),this._uniqueId=Bh(),this._activeTabFor="",this._updateSelectionIndicatorDebounced=function(e,t,r){let o;return void 0===r&&(r=!1),function(){for(var n=arguments.length,a=new Array(n),i=0;i<n;i++)a[i]=arguments[i];const s=r&&!o;o&&clearTimeout(o),o=setTimeout(()=>{o=null,r||e(...a)},t),s&&e(...a)}}(this.updateSelectionIndicator.bind(this),100),this._assignSlots=()=>{[...this.children].forEach(e=>{e instanceof HTMLElement&&("W-TAB"!==e.tagName||e.getAttribute("slot")||e.setAttribute("slot","tabs"),"W-TAB-PANEL"!==e.tagName||e.getAttribute("slot")||e.setAttribute("slot","panels"))}),this.requestUpdate()},this._handleTabClick=e=>{const t=e.tab?.for;t&&t!==this._activeTabFor&&(this.active=t,this._activeTabFor=t,this.updateSelectionIndicator(),this.updatePanels(),this._notifyTabChange())},this._handleKeyDown=e=>{if(e.altKey||e.ctrlKey||e.shiftKey||!["ArrowLeft","ArrowRight","Home","End"].includes(e.key))return;const t=[...this.querySelectorAll("w-tab")],r=t.findIndex(e=>e.for===this._activeTabFor);if(-1===r)return;let o=r;switch(e.key){case"Home":o=0;break;case"End":o=t.length-1;break;case"ArrowLeft":o=Math.max(0,r-1);break;case"ArrowRight":o=Math.min(t.length-1,r+1)}if(o!==r){e.preventDefault();const r=t[o],n=r.for;n&&(this.active=n,this._activeTabFor=n,this.updateSelectionIndicator(),this.updatePanels(),this._notifyTabChange(),r.focus())}},this.addEventListener("click",this._handleTabClick)}connectedCallback(){super.connectedCallback(),this.active&&(this._activeTabFor=this.active),this._assignSlots(),"undefined"!=typeof ResizeObserver&&(this._resizeObserver=new ResizeObserver(()=>{this._updateSelectionIndicatorDebounced()}),this._resizeObserver.observe(this)),window.addEventListener("resize",this._updateSelectionIndicatorDebounced)}disconnectedCallback(){super.disconnectedCallback(),this._resizeObserver&&this._resizeObserver.disconnect(),window.removeEventListener("resize",this._updateSelectionIndicatorDebounced),this.removeEventListener("click",this._handleTabClick)}firstUpdated(){this._assignSlots(),this._initializeActiveTab(),this.updateSelectionIndicator(),this.updatePanels()}updated(e){e.has("active")&&this.active!==this._activeTabFor&&(this._activeTabFor=this.active,this.updateSelectionIndicator(),this.updatePanels(),this._notifyTabChange())}get tabs(){const e=this.shadowRoot?.querySelector('slot[name="tabs"]');if(!e)return[];return e.assignedElements({flatten:!0}).filter(e=>"w-tab"===e.tagName.toLowerCase())}get activeTab(){return this.tabs.filter(e=>e.for===this._activeTabFor)[0]}_initializeActiveTab(){this.activeTab?this._activeTabFor=this.activeTab.getAttribute("for")||"":this.tabs.length>0&&(this._activeTabFor=this.tabs[0].getAttribute("for")||""),this._activeTabFor&&this._activeTabFor!==this.active&&(this.active=this._activeTabFor)}_notifyTabChange(){this.dispatchEvent(new CustomEvent("change",{detail:{panelId:this._activeTabFor},bubbles:!0,composed:!0}))}updateSelectionIndicator(){requestAnimationFrame(()=>{if(!this.tabList||!this.selectionIndicator)return;if(!this.activeTab)return;const e=this.tabList.getBoundingClientRect(),t=this.activeTab.getBoundingClientRect(),r=t.left-e.left,o=t.width;this.selectionIndicator.style.left=`${r}px`,this.selectionIndicator.style.width=`${o}px`})}updatePanels(){const e=[...this.querySelectorAll("w-tab")];e.forEach((e,t)=>{e.id||(e.id=`w-tab-${this._uniqueId}-${t}`);const r=e.for===this._activeTabFor;e._parentAriaSelected=r?"true":"false",e._parentTabIndex=r?0:-1});[...this.querySelectorAll("w-tab-panel")].forEach(t=>{const r=e.find(e=>e.for===t.id);r&&(t._parentAriaLabelledBy=r.id),t._parentActive=t.id===this._activeTabFor})}get _tabCount(){return this.querySelectorAll("w-tab").length}get _gridClass(){const e=Math.min(this._tabCount,9);return Jh[`cols${e}`]||Jh.cols1}render(){const t=e(Yh),r=e([Uh,this._gridClass]);return be`<div class="${t}"><div role="tablist" class="${r}" @keydown="${this._handleKeyDown}"><slot name="tabs" @slotchange="${this._assignSlots}"></slot><span class="selection-indicator ${Xh}" data-testid="selection-indicator"></span></div></div><slot name="panels" @slotchange="${this._assignSlots}"></slot><slot @slotchange="${this._assignSlots}"></slot>`}}Hh([je({reflect:!0})],Kh.prototype,"active",void 0),Hh([Ie('[role="tablist"]')],Kh.prototype,"tabList",void 0),Hh([Ie(".selection-indicator")],Kh.prototype,"selectionIndicator",void 0),customElements.get("w-tabs")||customElements.define("w-tabs",Kh);const Zh=A("*,: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}.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}.outline-\\[--w-s-color-border-negative\\]\\!{outline-color:var(--w-s-color-border-negative)!important}.fixed{position:fixed}.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-disabled{border-color:var(--w-s-color-border-disabled)}.s-border-negative{border-color:var(--w-s-color-border-negative)}.s-border-strong{border-color:var(--w-s-color-border-strong)}.hover\\:s-border-negative-hover:hover{border-color:var(--w-s-color-border-negative-hover)}.hover\\:s-border-strong-hover:hover{border-color:var(--w-s-color-border-strong-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)}.visible{visibility:visible}.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}.resize{resize:both}.resize-none{resize: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}}"),Qh=D`label{--_color:var(--w-c-input-label-color,var(--w-s-color-text));--_font-size:var(--w-c-input-label-font-size,var(--w-font-size-s));--_line-height:var(--w-c-input-label-line-height,var(--w-line-height-s));--_font-weight:var(--w-c-input-label-font-weight,700);--_padding-bottom:var(--w-c-input-label-padding-bottom,.4rem);--_cursor:var(--w-c-input-label-cursor,pointer);--_display:var(--w-c-input-label-display,block);display:var(--_display);font-size:var(--_font-size);line-height:var(--_line-height);font-weight:var(--_font-weight);padding-bottom:var(--_padding-bottom);cursor:var(--_cursor);color:var(--_color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}label span{--_padding-left:var(--w-c-input-optional-padding-left,.8rem);--_font-weight:var(--w-c-input-optional-font-weight,400);--_font-size:var(--w-c-input-optional-font-size,var(--w-font-size-s));--_line-height:var(--w-c-input-optional-line-height,var(--w-line-height-s));--_color:var(--w-c-input-optional-color,var(--w-s-color-text-subtle));padding-left:var(--_padding-left);font-weight:var(--_font-weight);font-size:var(--_font-size);line-height:var(--_line-height);color:var(--_color)}`,Gh=D`:host{--_help-text-color:var(--w-c-input-help-text-color,var(--w-s-color-text-subtle));--_help-text-font-size:var(--w-c-input-help-text-font-size,var(--w-font-size-xs));--_help-text-line-height:var(--w-c-input-help-text-line-height,var(--w-line-height-xs));--_help-text-margin-top:var(--w-c-input-help-text-margin-top,.4rem);--_help-text-display:var(--w-c-input-help-text-display,block)}:host([invalid]){--_help-text-color:var(--w-c-input-help-text-color-invalid,var(--w-s-color-text-negative))}.help-text{font-size:var(--_help-text-font-size);line-height:var(--_help-text-line-height);margin-top:var(--_help-text-margin-top);display:var(--_help-text-display);color:var(--_help-text-color)}`,eu=JSON.parse('{"textarea.label.optional":["Valgfri"]}'),tu=JSON.parse('{"textarea.label.optional":["Optional"]}'),ru=JSON.parse('{"textarea.label.optional":["Valinnainen"]}'),ou=JSON.parse('{"textarea.label.optional":["Valgfri"]}'),nu=JSON.parse('{"textarea.label.optional":["Valfritt"]}');var au=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};const iu="block text-m leading-m mb-0 px-8 py-12 rounded-4 w-full focusable focus:[--w-outline-offset:-2px] caret-current",su="border-1 s-text s-bg s-border-strong hover:s-border-strong-hover active:s-border-selected",lu="border-1 s-text-disabled s-bg-disabled-subtle s-border-disabled pointer-events-none",du="border-1 s-text-negative s-bg s-border-negative hover:s-border-negative-hover outline-[--w-s-color-border-negative]!",cu="pl-0 bg-transparent pointer-events-none",hu="placeholder:s-text-placeholder",uu="min-h-[42] sm:min-h-[45]",pu="resize-none";class bu extends($(Pe)){static#e=this.shadowRootOptions={...Pe.shadowRootOptions,delegatesFocus:!0};#t;#Te;#Re;#je;#i;constructor(){super(),this.disabled=!1,this.invalid=!1,this.readOnly=!1,this.readonly=!1,this.required=!1,this.optional=!1,this.minHeight=Number.NEGATIVE_INFINITY,this.maxHeight=Number.POSITIVE_INFINITY,this.#t=void 0,this.#Te=Bh("textarea-"),this.#Re=!1,this.#je=void 0,this.#i=!1,this.#s=e=>{e.preventDefault(),this.#i=!0,this.#d()},Qe(tu,ou,ru,eu,nu)}updated(e){e.has("value")&&void 0!==this.value&&this.setValue(this.value),(e.has("value")||e.has("required")||e.has("disabled"))&&this.#d()}resetFormControl(){this.value=this.#t,this.#i=!1,this.#Ne(),this.#d()}get validationMessage(){return this.internals.validationMessage}get validity(){return this.internals.validity}checkValidity(){return this.#d(),this.internals.checkValidity()}reportValidity(){return this.#i=!0,this.#d(),this.internals.checkValidity()}setCustomValidity(e){e?(this.internals.setValidity({customError:!0},e,this._textarea),this.#Ve(e)):(this.#Ne(),this.#d())}#Ve(e){this.#Re||(this.#je=this.helpText),this.#Re=!0,this.invalid=!0,this.helpText=e}#Ne(){this.#Re&&(this.invalid=!1,this.helpText=this.#je,this.#je=void 0,this.#Re=!1)}#d(){if(this.disabled)return this.internals.setValidity({}),void this.#Ne();if(this.required&&!this.value){const e=this._textarea?.validationMessage||"";return this.internals.setValidity({valueMissing:!0},e,this._textarea),void(this.#i&&this.#Ve(e))}this.internals.setValidity({}),this.#Ne()}static#o=this.styles=[nt,Zh,Qh,Gh];get _textareaStyles(){return e([iu,uu,!!this.placeholder&&hu,!this.invalid&&!this.disabled&&!(this.readonly||this.readOnly)&&su,this.invalid&&!this.disabled&&!(this.readonly||this.readOnly)&&du,!this.invalid&&this.disabled&&!(this.readonly||this.readOnly)&&lu,!this.invalid&&!this.disabled&&(this.readonly||this.readOnly)&&cu,this.maxRows&&pu])}get _helptextstyles(){return"help-text"}get _helpId(){if(this.helpText)return`${this._id}__hint`}get _id(){return this.#Te}get _error(){if(this.invalid&&this._helpId)return this._helpId}async connectedCallback(){if(super.connectedCallback(),this.#t=this.value,void 0!==this.value&&this.setValue(this.value),this.addEventListener("invalid",this.#s),await this.updateComplete,this.value||this.minRows){const e=this.shadowRoot?.querySelector("textarea");e&&this.#Ie(e)}}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("invalid",this.#s)}firstUpdated(e){super.firstUpdated(e),this.#d()}handler(e){const t=e.currentTarget;this.value=t.value,this.#Ie(t)}#Fe(){this.#i=!0,this.#d()}#s;#Ie(e){const t=getComputedStyle(e),r=Number.parseFloat(t.getPropertyValue("border-top-width")),o=Number.parseFloat(t.getPropertyValue("border-bottom-width")),n=Number.parseFloat(t.getPropertyValue("line-height")),a=Number.parseFloat(t.getPropertyValue("padding-top"))+Number.parseFloat(t.getPropertyValue("padding-bottom"))+o+r;this.minRows&&(this.minHeight=n*this.minRows+a),this.maxRows&&(this.maxHeight=n*this.maxRows+a);const i=e.scrollHeight+r+o,s=Math.min(this.maxHeight,Math.max(this.minHeight,i));e.style.setProperty("height",s+"px")}render(){return be`${this.label?be`<label for="${this._id}">${this.label} ${this.optional&&!this.required?be`<span>${y._({id:"textarea.label.optional",message:"Optional",comment:"Shown behind label when marked as optional"})}</span>`:me}</label>`:me} <textarea part="input" id="${this._id}" class="${this._textareaStyles}" name="${Ue(this.name)}" placeholder="${Ue(this.placeholder)}" .value="${this.value||""}" aria-describedby="${Ue(this._helpId||(this.ariaDescription?"aria-description":void 0))}" aria-errormessage="${Ue(this._error)}" aria-invalid="${this.invalid?"true":me}" ?disabled="${this.disabled}" ?readonly="${this.readonly||this.readOnly}" ?required="${this.required}" @input="${this.handler}" @blur="${this.#Fe}">
|
|
95
|
+
</textarea> ${this.helpText?be`<div class="${this._helptextstyles}" id="${this._helpId}">${this.helpText}</div>`:me}`}}au([je({type:Boolean,reflect:!0})],bu.prototype,"disabled",void 0),au([je({type:Boolean,reflect:!0})],bu.prototype,"invalid",void 0),au([je({type:String,reflect:!0})],bu.prototype,"label",void 0),au([je({type:String,reflect:!0,attribute:"help-text"})],bu.prototype,"helpText",void 0),au([je({type:Number,reflect:!0,attribute:"maximum-rows"})],bu.prototype,"maxRows",void 0),au([je({type:Number,reflect:!0,attribute:"minimum-rows"})],bu.prototype,"minRows",void 0),au([je({type:String,reflect:!0})],bu.prototype,"name",void 0),au([je({type:String,reflect:!0})],bu.prototype,"placeholder",void 0),au([je({type:Boolean,reflect:!0,attribute:"read-only"})],bu.prototype,"readOnly",void 0),au([je({type:Boolean,reflect:!0})],bu.prototype,"readonly",void 0),au([je({type:Boolean,reflect:!0})],bu.prototype,"required",void 0),au([je({type:String,reflect:!0})],bu.prototype,"value",void 0),au([je({type:Boolean,reflect:!0})],bu.prototype,"optional",void 0),au([Ne()],bu.prototype,"minHeight",void 0),au([Ne()],bu.prototype,"maxHeight",void 0),au([Ie("textarea")],bu.prototype,"_textarea",void 0),customElements.get("w-textarea")||customElements.define("w-textarea",bu);const gu=A("*,: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}.block{display:block}.grid{display:grid}.auto-rows-auto{grid-auto-rows:auto}.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}.static{position:static}.z-50{z-index:50}.w-full{width:100%}.mx-8{margin-left:.8rem;margin-right:.8rem}.mx-auto{margin-left:auto;margin-right: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))}@media (min-width:480px){.sm\\:mx-16{margin-left:1.6rem;margin-right:1.6rem}}");var mu=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};const vu="fixed transform translate-z-0 bottom-16 left-0 right-0 mx-8 sm:mx-16 z-50 pointer-events-none",fu="grid auto-rows-auto justify-items-center justify-center mx-auto pointer-events-none",wu="w-full";class yu extends Pe{constructor(){super(...arguments),this._toasts=new Map}static#e=this.styles=[nt,gu,D`:host{display:block}`];connectedCallback(){super.connectedCallback(),this._interval=setInterval(()=>{const e=[],t=[];for(const r of this._toasts)Date.now()<=r[1].duration?e.push(r):t.push(r);const r=[];for(const[e]of t){const t=this.renderRoot.querySelector(`#${e}`);t&&r.push(t.collapse())}Promise.all(r).then(()=>{e.length!==this._toasts.size&&(this._toasts=new Map(e))})},500)}disconnectedCallback(){super.disconnectedCallback(),this._interval&&clearTimeout(this._interval)}static init(){let e=document.querySelector("w-toast-container");return e||(e=document.createElement("w-toast-container"),document.body.appendChild(e)),e}get _toastsArray(){return Array.from(this._toasts,e=>{let[,t]=e;return t})}get(e){if(!e)throw new Error('undefined "id" given when attempting to retrieve toast');if("string"!=typeof e&&!Number.isInteger(e))throw new Error('"id" must be number or string when attempting to retrieve toast');return this._toasts.get(e)}set(e){if(!e.id)throw new Error('invalid or undefined "id" on toast object');const t=this._toasts.set(e.id,{id:e.id,type:e.type??"success",text:e.text??"",canclose:e.canclose??!1,duration:Date.now()+(e.duration||5e3)});return this._toasts=new Map([...this._toasts]),t}async del(e){if(!e)throw new Error('undefined "id" given when attempting to retrieve toast');if("string"!=typeof e&&!Number.isInteger(e))throw new Error('"id" must be number or string when attempting to retrieve toast');const t=this.renderRoot.querySelector(`#${e}`);if(!this._toasts.has(e)||!t)return!1;await t.collapse();const r=this._toasts.delete(e);return this._toasts=new Map([...this._toasts]),r}render(){return be`<aside class="${vu}"><div class="${fu}" id="w-toast-container-list">${ia(this._toastsArray,e=>e.id,e=>be`<w-toast class="${wu}" id="${e.id}" type="${e.type}" text="${e.text}" ?canclose="${e.canclose}" @close="${()=>this.del(e.id)}"></w-toast>`)}</div></aside>`}}mu([Ne()],yu.prototype,"_toasts",void 0),customElements.get("w-toast-container")||customElements.define("w-toast-container",yu);const xu=JSON.parse('{"toast.aria.error":["Fejl"],"toast.aria.successful":["Fuldført"],"toast.aria.warning":["Advarsel"]}'),ku=JSON.parse('{"toast.aria.error":["Error"],"toast.aria.successful":["Successful"],"toast.aria.warning":["Warning"]}'),_u=JSON.parse('{"toast.aria.error":["Virhe"],"toast.aria.successful":["Onnistui"],"toast.aria.warning":["Varoitus"]}'),$u=JSON.parse('{"toast.aria.error":["Feil"],"toast.aria.successful":["Vellykket"],"toast.aria.warning":["Advarsel"]}'),Su=JSON.parse('{"toast.aria.error":["Fel"],"toast.aria.successful":["Genomfört"],"toast.aria.warning":["Varning"]}'),Eu=A("*,: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}.shrink-0{flex-shrink:0}.overflow-hidden{overflow:hidden}.self-center{align-self:center}.relative{position:relative}.static{position:static}.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}.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}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}"),Cu="undefined"!=typeof window;function zu(){return customElements.get("w-toast-container")}function Ou(e,t){if(!Cu)return;const r=zu().init(),o={id:Date.now().toString(36)+Math.random().toString(36).slice(2,5),text:e,duration:5e3,type:"success",...t};return r.set(o),o}function Au(e){if(!Cu)return;return zu().init().del(e)}function Du(e,t){if(!Cu)return;const r=zu().init();return r.set({...r.get(e),...t}),r.get(e)}var Pu=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};const Mu="relative overflow-hidden w-full",Tu="flex group p-8 mt-16 rounded-8 border-2 pointer-events-auto transition-all",Ru="s-bg-positive-subtle s-border-positive-subtle s-text",ju="s-bg-warning-subtle s-border-warning-subtle s-text",Nu="s-bg-negative-subtle s-border-negative-subtle s-text",Vu="shrink-0 rounded-full w-[16px] h-[16px] m-[8px]",Iu="s-icon-positive",Fu="s-icon-warning",Lu="s-icon-negative",qu="self-center mr-8 py-4 last-child:mb-0";class Wu extends Pe{static#e=this.styles=[nt,Eu,D`:host{display:block}`];constructor(){super(),this.type="success",this.text="",this.canclose=!1,this._expanded=!1,Qe(ku,$u,_u,xu,Su),this.id||(this.id=Date.now().toString(36)+Math.random().toString(36).slice(2,5))}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}updated(){!this._expanded&&this._wrapper&&Bs(this._wrapper,()=>this._expanded=!0)}get#Le(){const t=this.type;return e([Tu,"success"===t&&Ru,"warning"===t&&ju,"error"===t&&Nu])}get#qe(){const t=this.type;return e([Vu,"success"===t&&Iu,"warning"===t&&Fu,"error"===t&&Lu])}get _wrapper(){return this.renderRoot?.querySelector("section")??null}get _warning(){return"warning"===this.type}get _error(){return"error"===(this.type||"success")}get _role(){return this._error||this._warning?"alert":"status"}get _typeLabel(){return this._warning?y._({id:"toast.aria.warning",message:"Warning",comment:"Default screenreader message for warning in toast component"}):this._error?y._({id:"toast.aria.error",message:"Error",comment:"Default screenreader message for error in toast component"}):y._({id:"toast.aria.successful",message:"Successful",comment:"Default screenreader message for successful in toast component"})}get _iconMarkup(){const e=Ze();return this._warning?be`<w-icon name="Warning" size="small" locale="${e}" class="flex"></w-icon>`:this._error?be`<w-icon name="Error" size="small" locale="${e}" class="flex"></w-icon>`:be`<w-icon name="Success" size="small" locale="${e}" class="flex"></w-icon>`}async collapse(){return new Promise(e=>{this._expanded&&this._wrapper?Hs(this._wrapper,e):e()})}close(){const e=new CustomEvent("close",{detail:{id:this.id},bubbles:!0,composed:!0});this.updateComplete.then(()=>this.dispatchEvent(e))}render(){return this.text?be`<section class="${Mu}" aria-label="${this._typeLabel}"><div class="${this.#Le}"><div class="${this.#qe}">${this._iconMarkup}</div><div role="${this._role}" class="${qu}"><p>${this.text}</p></div>${Hd(!0===this.canclose,()=>be`<w-button variant="pill" small="" @click="${this.close}"><w-icon name="Close" size="small" locale="${Ze()}" style="display:flex" class="flex"></w-icon></w-button>`)}</div></section>`:be``}}function Bu(){document.documentElement.dataset.wKeyboardinteraction&&delete document.documentElement.dataset.wKeyboardinteraction}function Hu(e){"Tab"!==e.key&&"Enter"!==e.key&&" "!==e.key||(document.documentElement.dataset.wKeyboardinteraction="true")}Pu([je({type:String,attribute:!0,reflect:!0})],Wu.prototype,"id",void 0),Pu([je({type:String,attribute:!0,reflect:!0,useDefault:!0})],Wu.prototype,"type",void 0),Pu([je({type:String,attribute:!0,reflect:!0})],Wu.prototype,"text",void 0),Pu([je({type:Boolean,attribute:!0,reflect:!0})],Wu.prototype,"canclose",void 0),Pu([Ne()],Wu.prototype,"_expanded",void 0),customElements.get("w-toast")||customElements.define("w-toast",Wu),"undefined"!=typeof window&&(document.addEventListener("keydown",Hu),document.addEventListener("pointerdown",Bu)),Promise.all([customElements.whenDefined("w-textfield"),customElements.whenDefined("w-icon"),customElements.whenDefined("w-affix"),customElements.whenDefined("w-alert"),customElements.whenDefined("w-link"),customElements.whenDefined("w-button"),customElements.whenDefined("w-attention"),customElements.whenDefined("w-badge"),customElements.whenDefined("w-box"),customElements.whenDefined("w-breadcrumbs"),customElements.whenDefined("w-breadcrumb-item"),customElements.whenDefined("w-card"),customElements.whenDefined("w-checkbox"),customElements.whenDefined("w-checkbox-group"),customElements.whenDefined("w-combobox"),customElements.whenDefined("w-datepicker"),customElements.whenDefined("w-expandable"),customElements.whenDefined("w-modal"),customElements.whenDefined("w-modal-footer"),customElements.whenDefined("w-modal-header"),customElements.whenDefined("w-page-indicator"),customElements.whenDefined("w-pagination"),customElements.whenDefined("w-pill"),customElements.whenDefined("w-radio"),customElements.whenDefined("w-radio-group"),customElements.whenDefined("w-select"),customElements.whenDefined("w-slider-thumb"),customElements.whenDefined("w-slider"),customElements.whenDefined("w-snackbar-item"),customElements.whenDefined("w-snackbar"),customElements.whenDefined("w-step"),customElements.whenDefined("w-step-indicator"),customElements.whenDefined("w-switch"),customElements.whenDefined("w-tab"),customElements.whenDefined("w-tab-panel"),customElements.whenDefined("w-tabs"),customElements.whenDefined("w-textarea")]).then(()=>{performance.mark("vend/pc-design-system/warp-elements-loaded")});export{Rl as ModalFooter,Xl as ModalHeader,Pl as ModalMain,Ec as SnackbarDuration,Kn as WCheckbox,na as WCheckboxGroup,Ct as WIcon,Rd as WRadio,Bd as WRadioGroup,Dt as WarpAffix,jt as WarpAlert,an as WarpAttention,dn as WarpBadge,un as WarpBox,Cn as WarpBreadcrumbItem,$n as WarpBreadcrumbs,Gt as WarpButton,Nn as WarpCard,Jn as WarpCheckbox,oa as WarpCheckboxGroup,ka as WarpCombobox,Is as WarpDatepicker,gl as WarpExpandable,Et as WarpIcon,Ht as WarpLink,Dl as WarpModal,Tl as WarpModalFooter,Ul as WarpModalHeader,rd as WarpPageIndicator,ud as WarpPagination,Ad as WarpPill,Td as WarpRadio,Wd as WarpRadioGroup,cc as WarpSelect,$c as WarpSlider,mc as WarpSliderThumb,Nc as WarpSnackbar,zc as WarpSnackbarItem,ch as WarpStep,gh as WarpStepIndicator,Dh as WarpSwitch,Fh as WarpTab,Wh as WarpTabPanel,Kh as WarpTabs,kt as WarpTextField,bu as WarpTextarea,Wu as WarpToast,yu as WarpToastContainer,Au as removeToast,Ou as toast,Du as updateToast};
|
|
96
96
|
//# sourceMappingURL=index.js.map
|