@warp-ds/elements 2.2.0-next.8 → 2.2.0
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/README.md +188 -26
- package/dist/.storybook/utilities.js +52 -0
- package/dist/api.js +1 -1
- package/dist/api.js.map +4 -4
- package/dist/custom-elements.json +1517 -2876
- package/dist/index.d.ts +942 -25
- package/dist/packages/affix/affix.react.stories.d.ts +9 -0
- package/dist/packages/affix/affix.react.stories.js +10 -0
- package/dist/packages/affix/affix.stories.js +25 -0
- package/dist/packages/affix/affix.test.js +9 -0
- package/dist/packages/affix/index.d.ts +0 -17
- package/dist/packages/affix/index.js +5 -5
- package/dist/packages/affix/index.js.map +4 -4
- package/dist/packages/affix/react.d.ts +1 -1
- package/dist/packages/affix/react.js +15 -2482
- package/dist/packages/affix/styles.js +2 -0
- package/dist/packages/alert/alert.react.stories.d.ts +13 -0
- package/dist/packages/alert/alert.react.stories.js +44 -0
- package/dist/packages/alert/alert.stories.js +68 -0
- package/dist/packages/alert/alert.test.js +18 -0
- package/dist/packages/alert/index.d.ts +1 -6
- package/dist/packages/alert/index.js +4 -4
- package/dist/packages/alert/index.js.map +4 -4
- package/dist/packages/alert/react.d.ts +1 -1
- package/dist/packages/alert/react.js +11 -2492
- package/dist/packages/alert/styles.js +2 -0
- package/dist/packages/attention/attention.react.stories.d.ts +15 -0
- package/dist/packages/attention/attention.react.stories.js +92 -0
- package/dist/packages/attention/attention.stories.d.ts +6 -0
- package/dist/packages/attention/attention.stories.js +180 -0
- package/dist/packages/attention/attention.test.js +11 -0
- package/dist/packages/attention/index.d.ts +24 -91
- package/dist/packages/attention/index.js +3585 -17
- package/dist/packages/attention/index.js.map +4 -4
- package/dist/packages/attention/layout-styles.js +905 -0
- package/dist/packages/attention/locales/da/messages.mjs +1 -0
- package/dist/packages/attention/locales/en/messages.mjs +1 -0
- package/dist/packages/attention/locales/fi/messages.mjs +1 -0
- package/dist/packages/attention/locales/nb/messages.mjs +1 -0
- package/dist/packages/attention/locales/sv/messages.mjs +1 -0
- package/dist/packages/attention/react.d.ts +15 -0
- package/dist/packages/attention/react.js +17 -0
- package/dist/packages/attention/styles.js +2 -0
- package/dist/packages/badge/badge.react.stories.d.ts +18 -0
- package/dist/packages/badge/badge.react.stories.js +60 -0
- package/dist/packages/badge/badge.stories.js +68 -0
- package/dist/packages/badge/badge.test.js +9 -0
- package/dist/packages/badge/index.d.ts +0 -5
- package/dist/packages/badge/index.js +1 -1
- package/dist/packages/badge/index.js.map +4 -4
- package/dist/packages/badge/react.d.ts +1 -1
- package/dist/packages/badge/react.js +11 -2465
- package/dist/packages/badge/styles.js +2 -0
- package/dist/packages/box/box.react.stories.d.ts +15 -0
- package/dist/packages/box/box.react.stories.js +45 -0
- package/dist/packages/box/box.stories.js +59 -0
- package/dist/packages/box/box.test.js +9 -0
- package/dist/packages/box/index.d.ts +0 -5
- package/dist/packages/box/index.js +11 -4
- package/dist/packages/box/index.js.map +4 -4
- package/dist/packages/box/react.d.ts +1 -1
- package/dist/packages/box/react.js +11 -2465
- package/dist/packages/box/slot.test.js +9 -0
- package/dist/packages/box/styles.js +2 -0
- package/dist/packages/breadcrumbs/breadcrumbs.react.stories.d.ts +13 -0
- package/dist/packages/breadcrumbs/breadcrumbs.react.stories.js +40 -0
- package/dist/packages/breadcrumbs/breadcrumbs.stories.js +60 -0
- package/dist/packages/breadcrumbs/breadcrumbs.test.js +16 -0
- package/dist/packages/breadcrumbs/index.d.ts +0 -12
- package/dist/packages/breadcrumbs/index.js +6 -6
- package/dist/packages/breadcrumbs/index.js.map +4 -4
- package/dist/packages/breadcrumbs/locales/da/messages.mjs +1 -0
- package/dist/packages/breadcrumbs/locales/en/messages.mjs +1 -0
- package/dist/packages/breadcrumbs/locales/fi/messages.mjs +1 -0
- package/dist/packages/breadcrumbs/locales/nb/messages.mjs +1 -0
- package/dist/packages/breadcrumbs/locales/sv/messages.mjs +1 -0
- package/dist/packages/breadcrumbs/react.d.ts +1 -1
- package/dist/packages/breadcrumbs/react.js +11 -2475
- package/dist/packages/breadcrumbs/styles.js +2 -0
- package/dist/packages/button/button.react.stories.d.ts +22 -0
- package/dist/packages/button/button.react.stories.js +102 -0
- package/dist/packages/button/button.stories.d.ts +4 -0
- package/dist/packages/button/button.stories.js +151 -0
- package/dist/packages/button/button.test.js +25 -0
- package/dist/packages/button/index.d.ts +0 -66
- package/dist/packages/button/index.js +17 -11
- package/dist/packages/button/index.js.map +4 -4
- package/dist/packages/button/locales/da/messages.mjs +1 -0
- package/dist/packages/button/locales/en/messages.mjs +1 -0
- package/dist/packages/button/locales/fi/messages.mjs +1 -0
- package/dist/packages/button/locales/nb/messages.mjs +1 -0
- package/dist/packages/button/locales/sv/messages.mjs +1 -0
- package/dist/packages/button/react.d.ts +1 -1
- package/dist/packages/button/react.js +10 -2684
- package/dist/packages/button/styles.js +2 -0
- package/dist/packages/card/card.react.stories.d.ts +16 -0
- package/dist/packages/card/card.react.stories.js +63 -0
- package/dist/packages/card/card.stories.js +82 -0
- package/dist/packages/card/card.test.js +9 -0
- package/dist/packages/card/index.d.ts +1 -18
- package/dist/packages/card/index.js +4 -4
- package/dist/packages/card/index.js.map +4 -4
- package/dist/packages/card/locales/da/messages.mjs +1 -0
- package/dist/packages/card/locales/en/messages.mjs +1 -0
- package/dist/packages/card/locales/fi/messages.mjs +1 -0
- package/dist/packages/card/locales/nb/messages.mjs +1 -0
- package/dist/packages/card/locales/sv/messages.mjs +1 -0
- package/dist/packages/card/react.d.ts +1 -1
- package/dist/packages/card/react.js +11 -2487
- package/dist/packages/card/styles.js +2 -0
- package/dist/packages/expandable/expandable.react.stories.d.ts +18 -0
- package/dist/packages/expandable/expandable.react.stories.js +103 -0
- package/dist/packages/expandable/expandable.stories.js +132 -0
- package/dist/packages/expandable/expandable.test.js +24 -0
- package/dist/packages/expandable/index.d.ts +2 -33
- package/dist/packages/expandable/index.js +20 -11
- package/dist/packages/expandable/index.js.map +4 -4
- package/dist/packages/expandable/react.d.ts +1 -1
- package/dist/packages/expandable/react.js +11 -2495
- package/dist/packages/expandable/styles.js +2 -0
- package/dist/packages/i18n.js +45 -0
- package/dist/packages/link/index.d.ts +0 -5
- package/dist/packages/link/index.js +93 -2640
- package/dist/packages/link/styles.js +200 -0
- package/dist/packages/modal/index.js +24 -41
- package/dist/packages/modal/index.js.map +4 -4
- package/dist/packages/modal/locales/da/messages.mjs +1 -0
- package/dist/packages/modal/locales/en/messages.mjs +1 -0
- package/dist/packages/modal/locales/fi/messages.mjs +1 -0
- package/dist/packages/modal/locales/nb/messages.mjs +1 -0
- package/dist/packages/modal/locales/sv/messages.mjs +1 -0
- package/dist/packages/modal/modal-footer.d.ts +0 -5
- package/dist/packages/{dead-toggle/index.js → modal/modal-footer.js} +20 -47
- package/dist/packages/modal/modal-footer.js.map +7 -0
- package/dist/packages/modal/modal-header.d.ts +0 -5
- package/dist/packages/{steps/index.js → modal/modal-header.js} +122 -20
- package/dist/packages/modal/modal-header.js.map +7 -0
- package/dist/packages/modal/modal-main.d.ts +0 -5
- package/dist/packages/{dead-toggle/react.js → modal/modal-main.js} +124 -59
- package/dist/packages/{box/react.js.map → modal/modal-main.js.map} +4 -4
- package/dist/packages/modal/modal.react.stories.d.ts +14 -0
- package/dist/packages/modal/modal.react.stories.js +27 -0
- package/dist/packages/modal/modal.stories.d.ts +3 -3
- package/dist/packages/modal/modal.stories.js +254 -0
- package/dist/packages/modal/react.d.ts +11 -3
- package/dist/packages/modal/react.js +31 -2754
- package/dist/packages/modal/util.js +21 -0
- package/dist/packages/pill/index.d.ts +0 -17
- package/dist/packages/pill/index.js +5 -5
- package/dist/packages/pill/index.js.map +2 -2
- package/dist/packages/pill/locales/da/messages.mjs +1 -0
- package/dist/packages/pill/locales/en/messages.mjs +1 -0
- package/dist/packages/pill/locales/fi/messages.mjs +1 -0
- package/dist/packages/pill/locales/nb/messages.mjs +1 -0
- package/dist/packages/pill/locales/sv/messages.mjs +1 -0
- package/dist/packages/pill/pill.react.stories.d.ts +23 -0
- package/dist/packages/pill/pill.react.stories.js +22 -0
- package/dist/packages/pill/pill.stories.js +33 -0
- package/dist/packages/pill/pill.test.js +25 -0
- package/dist/packages/pill/react.d.ts +7 -0
- package/dist/packages/pill/react.js +17 -0
- package/dist/packages/pill/styles.js +2 -0
- package/dist/packages/select/index.d.ts +4 -29
- package/dist/packages/select/index.js +25 -18
- package/dist/packages/select/index.js.map +3 -3
- package/dist/packages/select/locales/da/messages.mjs +1 -0
- package/dist/packages/select/locales/en/messages.mjs +1 -0
- package/dist/packages/select/locales/fi/messages.mjs +1 -0
- package/dist/packages/select/locales/nb/messages.mjs +1 -0
- package/dist/packages/select/locales/sv/messages.mjs +1 -0
- package/dist/packages/select/react.d.ts +6 -2
- package/dist/packages/select/react.js +20 -2494
- package/dist/packages/select/select.react.stories.d.ts +18 -0
- package/dist/packages/select/select.react.stories.js +28 -0
- package/dist/packages/select/select.stories.d.ts +7 -0
- package/dist/packages/select/select.stories.js +100 -0
- package/dist/packages/select/select.test.js +31 -0
- package/dist/packages/select/styles.js +2 -0
- package/dist/packages/{switch/index.js → styles.js} +5 -18
- package/dist/packages/textfield/index.d.ts +12 -26
- package/dist/packages/textfield/index.js +86 -28
- package/dist/packages/textfield/index.js.map +4 -4
- package/dist/packages/textfield/react.d.ts +11 -2
- package/dist/packages/textfield/react.js +21 -2490
- package/dist/packages/textfield/styles/w-textfield.styles.d.ts +1 -0
- package/dist/packages/textfield/styles/w-textfield.styles.js +55 -0
- package/dist/packages/textfield/styles.js +2 -0
- package/dist/packages/textfield/textfield.react.stories.d.ts +37 -0
- package/dist/packages/textfield/textfield.react.stories.js +88 -0
- package/dist/packages/textfield/textfield.stories.d.ts +1 -0
- package/dist/packages/textfield/textfield.stories.js +105 -0
- package/dist/packages/textfield/textfield.test.d.ts +1 -0
- package/dist/packages/textfield/textfield.test.js +68 -0
- package/dist/packages/toast/api.d.ts +4 -45
- package/dist/packages/toast/api.js +41 -0
- package/dist/packages/toast/index.d.ts +3 -3
- package/dist/packages/toast/index.js +2463 -24
- package/dist/packages/toast/index.js.map +4 -4
- package/dist/packages/toast/locales/da/messages.mjs +1 -0
- package/dist/packages/toast/locales/en/messages.mjs +1 -0
- package/dist/packages/toast/locales/fi/messages.mjs +1 -0
- package/dist/packages/toast/locales/nb/messages.mjs +1 -0
- package/dist/packages/toast/locales/sv/messages.mjs +1 -0
- package/dist/packages/toast/styles.js +2 -0
- package/dist/packages/toast/toast-container.d.ts +12 -78
- package/dist/packages/{switch/react.js → toast/toast-container.js} +21 -38
- package/dist/packages/toast/toast-container.js.map +7 -0
- package/dist/packages/toast/toast.d.ts +16 -29
- package/dist/packages/{pagination/index.js → toast/toast.js} +21 -49
- package/dist/packages/toast/toast.js.map +7 -0
- package/dist/packages/toast/toast.stories.js +50 -0
- package/dist/packages/toast/types.d.ts +15 -0
- package/dist/packages/toast/types.js +1 -0
- package/dist/packages/utils/expand-transition.d.ts +3 -3
- package/dist/packages/utils/expand-transition.js +59 -0
- package/dist/packages/utils/index.js +37 -0
- package/dist/packages/utils/unstyled-heading.d.ts +2 -3
- package/dist/packages/utils/unstyled-heading.js +22 -0
- package/dist/packages/utils/window-exists.js +1 -0
- package/dist/setup-tests.js +1 -0
- package/dist/web-types.json +225 -510
- package/package.json +39 -32
- package/dist/index.css +0 -2
- package/dist/index.css.map +0 -7
- package/dist/index.js +0 -3386
- package/dist/index.js.map +0 -7
- package/dist/packages/affix/react.js.map +0 -7
- package/dist/packages/alert/react.js.map +0 -7
- package/dist/packages/badge/react.js.map +0 -7
- package/dist/packages/breadcrumbs/react.js.map +0 -7
- package/dist/packages/button/react.js.map +0 -7
- package/dist/packages/card/react.js.map +0 -7
- package/dist/packages/datepicker/DatePicker.test.d.ts +0 -1
- package/dist/packages/datepicker/datepicker.d.ts +0 -107
- package/dist/packages/datepicker/datepicker.stories.d.ts +0 -11
- package/dist/packages/datepicker/datepicker.test.d.ts +0 -2
- package/dist/packages/datepicker/index.d.ts +0 -1
- package/dist/packages/datepicker/index.js +0 -2785
- package/dist/packages/datepicker/index.js.map +0 -7
- package/dist/packages/datepicker/locales/da/messages.d.mts +0 -1
- package/dist/packages/datepicker/locales/en/messages.d.mts +0 -1
- package/dist/packages/datepicker/locales/fi/messages.d.mts +0 -1
- package/dist/packages/datepicker/locales/nb/messages.d.mts +0 -1
- package/dist/packages/datepicker/locales/sv/messages.d.mts +0 -1
- package/dist/packages/datepicker/react.d.ts +0 -2
- package/dist/packages/datepicker/react.js +0 -2805
- package/dist/packages/datepicker/react.js.map +0 -7
- package/dist/packages/datepicker/styles/w-datepicker-calendar.styles.d.ts +0 -1
- package/dist/packages/datepicker/styles/w-datepicker-day.styles.d.ts +0 -1
- package/dist/packages/datepicker/styles/w-datepicker-month.styles.d.ts +0 -1
- package/dist/packages/datepicker/styles/w-datepicker.styles.d.ts +0 -1
- package/dist/packages/datepicker/utils.d.ts +0 -13
- package/dist/packages/dead-toggle/dead-toggle.stories.d.ts +0 -10
- package/dist/packages/dead-toggle/index.d.ts +0 -21
- package/dist/packages/dead-toggle/index.js.map +0 -7
- package/dist/packages/dead-toggle/react.d.ts +0 -2
- package/dist/packages/dead-toggle/react.js.map +0 -7
- package/dist/packages/expandable/react.js.map +0 -7
- package/dist/packages/link/index.js.map +0 -7
- package/dist/packages/link/link.stories.d.ts +0 -20
- package/dist/packages/link/link.test.d.ts +0 -1
- package/dist/packages/link/react.d.ts +0 -2
- package/dist/packages/link/react.js +0 -2666
- package/dist/packages/link/react.js.map +0 -7
- package/dist/packages/modal/react.js.map +0 -7
- package/dist/packages/pageindicator/index.d.ts +0 -14
- package/dist/packages/pageindicator/index.js +0 -32
- package/dist/packages/pageindicator/index.js.map +0 -7
- package/dist/packages/pageindicator/pageindicator.stories.d.ts +0 -32
- package/dist/packages/pageindicator/react.d.ts +0 -2
- package/dist/packages/pageindicator/react.js +0 -52
- package/dist/packages/pageindicator/react.js.map +0 -7
- package/dist/packages/pagination/index.d.ts +0 -37
- package/dist/packages/pagination/index.js.map +0 -7
- package/dist/packages/pagination/locales/da/messages.d.mts +0 -1
- package/dist/packages/pagination/locales/en/messages.d.mts +0 -1
- package/dist/packages/pagination/locales/fi/messages.d.mts +0 -1
- package/dist/packages/pagination/locales/nb/messages.d.mts +0 -1
- package/dist/packages/pagination/locales/sv/messages.d.mts +0 -1
- package/dist/packages/pagination/pagination.stories.d.ts +0 -14
- package/dist/packages/pagination/pagination.test.d.ts +0 -1
- package/dist/packages/pagination/react.d.ts +0 -2
- package/dist/packages/pagination/react.js +0 -2514
- package/dist/packages/pagination/react.js.map +0 -7
- package/dist/packages/rip-and-tear-checkbox/checkbox.d.ts +0 -64
- package/dist/packages/rip-and-tear-checkbox/index.css +0 -2
- package/dist/packages/rip-and-tear-checkbox/index.css.map +0 -7
- package/dist/packages/rip-and-tear-checkbox/index.d.ts +0 -6
- package/dist/packages/rip-and-tear-checkbox/index.js +0 -36
- package/dist/packages/rip-and-tear-checkbox/index.js.map +0 -7
- package/dist/packages/rip-and-tear-radio/base-element.d.ts +0 -46
- package/dist/packages/rip-and-tear-radio/custom-error-validator.d.ts +0 -6
- package/dist/packages/rip-and-tear-radio/form-associated-element.d.ts +0 -103
- package/dist/packages/rip-and-tear-radio/index.css +0 -2
- package/dist/packages/rip-and-tear-radio/index.css.map +0 -7
- package/dist/packages/rip-and-tear-radio/index.d.ts +0 -8
- package/dist/packages/rip-and-tear-radio/index.js +0 -34
- package/dist/packages/rip-and-tear-radio/index.js.map +0 -7
- package/dist/packages/rip-and-tear-radio/invalid.d.ts +0 -8
- package/dist/packages/rip-and-tear-radio/math.d.ts +0 -1
- package/dist/packages/rip-and-tear-radio/radio-group.d.ts +0 -72
- package/dist/packages/rip-and-tear-radio/radio.d.ts +0 -38
- package/dist/packages/rip-and-tear-radio/required-validator.d.ts +0 -11
- package/dist/packages/rip-and-tear-radio/slot.d.ts +0 -20
- package/dist/packages/rip-and-tear-radio/watch.d.ts +0 -26
- package/dist/packages/select/react.js.map +0 -7
- package/dist/packages/steps/index.d.ts +0 -43
- package/dist/packages/steps/index.js.map +0 -7
- package/dist/packages/steps/locales/da/messages.d.mts +0 -1
- package/dist/packages/steps/locales/en/messages.d.mts +0 -1
- package/dist/packages/steps/locales/fi/messages.d.mts +0 -1
- package/dist/packages/steps/locales/nb/messages.d.mts +0 -1
- package/dist/packages/steps/locales/sv/messages.d.mts +0 -1
- package/dist/packages/steps/react.d.ts +0 -3
- package/dist/packages/steps/react.js +0 -2485
- package/dist/packages/steps/react.js.map +0 -7
- package/dist/packages/steps/steps.stories.d.ts +0 -12
- package/dist/packages/switch/index.d.ts +0 -20
- package/dist/packages/switch/index.js.map +0 -7
- package/dist/packages/switch/react.d.ts +0 -2
- package/dist/packages/switch/react.js.map +0 -7
- package/dist/packages/switch/styles.d.ts +0 -1
- package/dist/packages/switch/switch.stories.d.ts +0 -9
- package/dist/packages/textfield/react.js.map +0 -7
- package/dist/vscode.css-custom-data.json +0 -6
- package/dist/vscode.html-custom-data.json +0 -418
- /package/dist/packages/{dead-toggle/dead-toggle.test.d.ts → attention/attention.test.d.ts} +0 -0
- /package/dist/packages/{pageindicator/style.d.ts → attention/layout-styles.d.ts} +0 -0
- /package/dist/packages/{pagination → attention}/styles.d.ts +0 -0
- /package/dist/packages/{steps → toast}/styles.d.ts +0 -0
package/dist/index.js
DELETED
|
@@ -1,3386 +0,0 @@
|
|
|
1
|
-
var Qs=Object.create;var er=Object.defineProperty;var Uo=Object.getOwnPropertyDescriptor;var Ys=Object.getOwnPropertyNames;var Xs=Object.getPrototypeOf,Zs=Object.prototype.hasOwnProperty;var Jo=t=>{throw TypeError(t)};var Ks=(t,e,r)=>e in t?er(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r;var Qo=(t,e)=>()=>(e||t((e={exports:{}}).exports,e),e.exports);var Gs=(t,e,r,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of Ys(e))!Zs.call(t,i)&&i!==r&&er(t,i,{get:()=>e[i],enumerable:!(o=Uo(e,i))||o.enumerable});return t};var Ws=(t,e,r)=>(r=t!=null?Qs(Xs(t)):{},Gs(e||!t||!t.__esModule?er(r,"default",{value:t,enumerable:!0}):r,t));var s=(t,e,r,o)=>{for(var i=o>1?void 0:o?Uo(e,r):e,a=t.length-1,n;a>=0;a--)(n=t[a])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&er(e,r,i),i};var Y=(t,e,r)=>Ks(t,typeof e!="symbol"?e+"":e,r),Jr=(t,e,r)=>e.has(t)||Jo("Cannot "+r);var j=(t,e,r)=>(Jr(t,e,"read from private field"),r?r.call(t):e.get(t)),Me=(t,e,r)=>e.has(t)?Jo("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,r),Yo=(t,e,r,o)=>(Jr(t,e,"write to private field"),o?o.call(t,r):e.set(t,r),r),Xo=(t,e,r)=>(Jr(t,e,"access private method"),r);var Go=Qo(it=>{"use strict";Object.defineProperty(it,"__esModule",{value:!0});it.errorMessages=it.ErrorType=void 0;var gt;(function(t){t.MalformedUnicode="MALFORMED_UNICODE",t.MalformedHexadecimal="MALFORMED_HEXADECIMAL",t.CodePointLimit="CODE_POINT_LIMIT",t.OctalDeprecation="OCTAL_DEPRECATION",t.EndOfString="END_OF_STRING"})(gt=it.ErrorType||(it.ErrorType={}));it.errorMessages=new Map([[gt.MalformedUnicode,"malformed Unicode character escape sequence"],[gt.MalformedHexadecimal,"malformed hexadecimal character escape sequence"],[gt.CodePointLimit,"Unicode codepoint must not be greater than 0x10FFFF in escape sequence"],[gt.OctalDeprecation,'"0"-prefixed octal literals and octal escape sequences are deprecated; for octal literals use the "0o" prefix instead'],[gt.EndOfString,"malformed escape sequence at end of string"]])});var ti=Qo(Fe=>{"use strict";Object.defineProperty(Fe,"__esModule",{value:!0});Fe.unraw=Fe.errorMessages=Fe.ErrorType=void 0;var se=Go();Object.defineProperty(Fe,"ErrorType",{enumerable:!0,get:function(){return se.ErrorType}});Object.defineProperty(Fe,"errorMessages",{enumerable:!0,get:function(){return se.errorMessages}});function tl(t){return!t.match(/[^a-f0-9]/i)?parseInt(t,16):NaN}function tr(t,e,r){let o=tl(t);if(Number.isNaN(o)||r!==void 0&&r!==t.length)throw new SyntaxError(se.errorMessages.get(e));return o}function rl(t){let e=tr(t,se.ErrorType.MalformedHexadecimal,2);return String.fromCharCode(e)}function Wo(t,e){let r=tr(t,se.ErrorType.MalformedUnicode,4);if(e!==void 0){let o=tr(e,se.ErrorType.MalformedUnicode,4);return String.fromCharCode(r,o)}return String.fromCharCode(r)}function ol(t){return t.charAt(0)==="{"&&t.charAt(t.length-1)==="}"}function il(t){if(!ol(t))throw new SyntaxError(se.errorMessages.get(se.ErrorType.MalformedUnicode));let e=t.slice(1,-1),r=tr(e,se.ErrorType.MalformedUnicode);try{return String.fromCodePoint(r)}catch(o){throw o instanceof RangeError?new SyntaxError(se.errorMessages.get(se.ErrorType.CodePointLimit)):o}}function al(t,e=!1){if(e)throw new SyntaxError(se.errorMessages.get(se.ErrorType.OctalDeprecation));let r=parseInt(t,8);return String.fromCharCode(r)}var nl=new Map([["b","\b"],["f","\f"],["n",`
|
|
2
|
-
`],["r","\r"],["t"," "],["v","\v"],["0","\0"]]);function sl(t){return nl.get(t)||t}var ll=/\\(?:(\\)|x([\s\S]{0,2})|u(\{[^}]*\}?)|u([\s\S]{4})\\u([^{][\s\S]{0,3})|u([\s\S]{0,4})|([0-3]?[0-7]{1,2})|([\s\S])|$)/g;function ei(t,e=!1){return t.replace(ll,function(r,o,i,a,n,l,d,u,p){if(o!==void 0)return"\\";if(i!==void 0)return rl(i);if(a!==void 0)return il(a);if(n!==void 0)return Wo(n,l);if(d!==void 0)return Wo(d);if(u==="0")return"\0";if(u!==void 0)return al(u,!e);if(p!==void 0)return sl(p);throw new SyntaxError(se.errorMessages.get(se.ErrorType.EndOfString))})}Fe.unraw=ei;Fe.default=ei});import{html as ir,LitElement as Jl}from"lit";var k=function(){for(var t=[],e=arguments.length;e--;)t[e]=arguments[e];return t.reduce(function(r,o){return r.concat(typeof o=="string"?o:Array.isArray(o)?k.apply(void 0,o):typeof o=="object"&&o?Object.keys(o).map(function(i){return o[i]?i:""}):"")},[]).join(" ")};import{property as ar}from"lit/decorators.js";import{ifDefined as hi}from"lit/directives/if-defined.js";import{css as Zo}from"lit";var O=Zo`
|
|
3
|
-
*,
|
|
4
|
-
:before,
|
|
5
|
-
:after {
|
|
6
|
-
box-sizing: border-box;
|
|
7
|
-
border-style: solid;
|
|
8
|
-
border-width: 0;
|
|
9
|
-
border-color: var(--w-s-color-border);
|
|
10
|
-
}
|
|
11
|
-
html {
|
|
12
|
-
font-size: 62.5%;
|
|
13
|
-
}
|
|
14
|
-
body {
|
|
15
|
-
background-color: var(--w-s-color-background);
|
|
16
|
-
min-height: 100%;
|
|
17
|
-
margin: 0;
|
|
18
|
-
overflow-y: scroll;
|
|
19
|
-
}
|
|
20
|
-
body,
|
|
21
|
-
:host {
|
|
22
|
-
-webkit-text-size-adjust: 100%;
|
|
23
|
-
tab-size: 4;
|
|
24
|
-
-webkit-tap-highlight-color: transparent;
|
|
25
|
-
font-family: var(--w-font-family);
|
|
26
|
-
font-size: var(--w-font-size-m);
|
|
27
|
-
line-height: var(--w-line-height-m);
|
|
28
|
-
color: var(--w-s-color-text);
|
|
29
|
-
}
|
|
30
|
-
hr {
|
|
31
|
-
color: inherit;
|
|
32
|
-
border-top-width: 1px;
|
|
33
|
-
height: 0;
|
|
34
|
-
}
|
|
35
|
-
abbr:where([title]) {
|
|
36
|
-
-webkit-text-decoration: underline dotted;
|
|
37
|
-
text-decoration: underline dotted;
|
|
38
|
-
}
|
|
39
|
-
h1,
|
|
40
|
-
h2,
|
|
41
|
-
h3,
|
|
42
|
-
h4,
|
|
43
|
-
h5,
|
|
44
|
-
h6 {
|
|
45
|
-
font-size: inherit;
|
|
46
|
-
font-weight: 700;
|
|
47
|
-
}
|
|
48
|
-
a {
|
|
49
|
-
cursor: pointer;
|
|
50
|
-
color: var(--w-s-color-text-link);
|
|
51
|
-
text-decoration: none;
|
|
52
|
-
}
|
|
53
|
-
a:hover,
|
|
54
|
-
a:focus,
|
|
55
|
-
a:active {
|
|
56
|
-
text-decoration: underline;
|
|
57
|
-
}
|
|
58
|
-
a:focus-visible {
|
|
59
|
-
outline: 2px solid var(--w-s-color-border-focus);
|
|
60
|
-
outline-offset: 1px;
|
|
61
|
-
}
|
|
62
|
-
b,
|
|
63
|
-
strong {
|
|
64
|
-
font-weight: 700;
|
|
65
|
-
}
|
|
66
|
-
code,
|
|
67
|
-
kbd,
|
|
68
|
-
samp,
|
|
69
|
-
pre {
|
|
70
|
-
font-family:
|
|
71
|
-
ui-monospace,
|
|
72
|
-
SFMono-Regular,
|
|
73
|
-
Menlo,
|
|
74
|
-
Monaco,
|
|
75
|
-
Consolas,
|
|
76
|
-
Liberation Mono,
|
|
77
|
-
Courier New,
|
|
78
|
-
monospace;
|
|
79
|
-
font-size: 1em;
|
|
80
|
-
}
|
|
81
|
-
sub,
|
|
82
|
-
sup {
|
|
83
|
-
vertical-align: baseline;
|
|
84
|
-
font-size: 75%;
|
|
85
|
-
line-height: 0;
|
|
86
|
-
position: relative;
|
|
87
|
-
}
|
|
88
|
-
sub {
|
|
89
|
-
bottom: -0.25em;
|
|
90
|
-
}
|
|
91
|
-
sup {
|
|
92
|
-
top: -0.5em;
|
|
93
|
-
}
|
|
94
|
-
table {
|
|
95
|
-
text-indent: 0;
|
|
96
|
-
border-color: inherit;
|
|
97
|
-
border-collapse: collapse;
|
|
98
|
-
}
|
|
99
|
-
button,
|
|
100
|
-
input,
|
|
101
|
-
optgroup,
|
|
102
|
-
select,
|
|
103
|
-
textarea {
|
|
104
|
-
font-family: inherit;
|
|
105
|
-
font-size: 100%;
|
|
106
|
-
font-weight: inherit;
|
|
107
|
-
line-height: inherit;
|
|
108
|
-
color: inherit;
|
|
109
|
-
margin: 0;
|
|
110
|
-
padding: 0;
|
|
111
|
-
}
|
|
112
|
-
button,
|
|
113
|
-
select {
|
|
114
|
-
text-transform: none;
|
|
115
|
-
}
|
|
116
|
-
button,
|
|
117
|
-
[type='button'],
|
|
118
|
-
[type='reset'],
|
|
119
|
-
[type='submit'] {
|
|
120
|
-
-webkit-appearance: button;
|
|
121
|
-
}
|
|
122
|
-
:-moz-focusring {
|
|
123
|
-
outline: auto;
|
|
124
|
-
}
|
|
125
|
-
:-moz-ui-invalid {
|
|
126
|
-
box-shadow: none;
|
|
127
|
-
}
|
|
128
|
-
progress {
|
|
129
|
-
vertical-align: baseline;
|
|
130
|
-
}
|
|
131
|
-
::-webkit-inner-spin-button {
|
|
132
|
-
height: auto;
|
|
133
|
-
}
|
|
134
|
-
::-webkit-outer-spin-button {
|
|
135
|
-
height: auto;
|
|
136
|
-
}
|
|
137
|
-
[type='search'] {
|
|
138
|
-
-webkit-appearance: textfield;
|
|
139
|
-
outline-offset: -2px;
|
|
140
|
-
}
|
|
141
|
-
::-webkit-search-decoration {
|
|
142
|
-
-webkit-appearance: none;
|
|
143
|
-
}
|
|
144
|
-
::-webkit-file-upload-button {
|
|
145
|
-
-webkit-appearance: button;
|
|
146
|
-
font: inherit;
|
|
147
|
-
}
|
|
148
|
-
summary {
|
|
149
|
-
display: list-item;
|
|
150
|
-
}
|
|
151
|
-
blockquote,
|
|
152
|
-
dl,
|
|
153
|
-
dd,
|
|
154
|
-
h1,
|
|
155
|
-
h2,
|
|
156
|
-
h3,
|
|
157
|
-
h4,
|
|
158
|
-
h5,
|
|
159
|
-
h6,
|
|
160
|
-
hr,
|
|
161
|
-
figure,
|
|
162
|
-
p,
|
|
163
|
-
pre {
|
|
164
|
-
margin: 0;
|
|
165
|
-
}
|
|
166
|
-
fieldset {
|
|
167
|
-
margin: 0;
|
|
168
|
-
padding: 0;
|
|
169
|
-
}
|
|
170
|
-
legend {
|
|
171
|
-
padding: 0;
|
|
172
|
-
}
|
|
173
|
-
ol,
|
|
174
|
-
ul,
|
|
175
|
-
menu {
|
|
176
|
-
margin: 0;
|
|
177
|
-
padding: 0;
|
|
178
|
-
list-style: none;
|
|
179
|
-
}
|
|
180
|
-
textarea {
|
|
181
|
-
resize: vertical;
|
|
182
|
-
}
|
|
183
|
-
input::placeholder,
|
|
184
|
-
textarea::placeholder {
|
|
185
|
-
opacity: 1;
|
|
186
|
-
color: var(--w-s-color-text-placeholder);
|
|
187
|
-
}
|
|
188
|
-
button,
|
|
189
|
-
[role='button'] {
|
|
190
|
-
cursor: pointer;
|
|
191
|
-
}
|
|
192
|
-
:disabled {
|
|
193
|
-
cursor: default;
|
|
194
|
-
}
|
|
195
|
-
img,
|
|
196
|
-
svg,
|
|
197
|
-
video,
|
|
198
|
-
canvas,
|
|
199
|
-
audio,
|
|
200
|
-
iframe,
|
|
201
|
-
embed,
|
|
202
|
-
object {
|
|
203
|
-
vertical-align: middle;
|
|
204
|
-
display: block;
|
|
205
|
-
}
|
|
206
|
-
img,
|
|
207
|
-
video {
|
|
208
|
-
max-width: 100%;
|
|
209
|
-
height: auto;
|
|
210
|
-
}
|
|
211
|
-
h1 {
|
|
212
|
-
font-size: var(--w-font-size-xxl);
|
|
213
|
-
line-height: var(--w-line-height-xxl);
|
|
214
|
-
}
|
|
215
|
-
h2 {
|
|
216
|
-
font-size: var(--w-font-size-xl);
|
|
217
|
-
line-height: var(--w-line-height-xl);
|
|
218
|
-
}
|
|
219
|
-
h3 {
|
|
220
|
-
font-size: var(--w-font-size-l);
|
|
221
|
-
line-height: var(--w-line-height-l);
|
|
222
|
-
}
|
|
223
|
-
h4 {
|
|
224
|
-
font-size: var(--w-font-size-m);
|
|
225
|
-
line-height: var(--w-line-height-m);
|
|
226
|
-
}
|
|
227
|
-
h5 {
|
|
228
|
-
font-size: var(--w-font-size-s);
|
|
229
|
-
line-height: var(--w-line-height-s);
|
|
230
|
-
}
|
|
231
|
-
dt,
|
|
232
|
-
dd {
|
|
233
|
-
margin: 0 16px;
|
|
234
|
-
}
|
|
235
|
-
h1,
|
|
236
|
-
h2,
|
|
237
|
-
h3,
|
|
238
|
-
h4,
|
|
239
|
-
h5,
|
|
240
|
-
ul,
|
|
241
|
-
ol,
|
|
242
|
-
dl,
|
|
243
|
-
p,
|
|
244
|
-
blockquote {
|
|
245
|
-
margin: 0 0 8px;
|
|
246
|
-
}
|
|
247
|
-
[hidden] {
|
|
248
|
-
display: none !important;
|
|
249
|
-
}
|
|
250
|
-
[tabindex='-1']:focus:not(:focus-visible) {
|
|
251
|
-
outline: none;
|
|
252
|
-
}
|
|
253
|
-
legend {
|
|
254
|
-
float: left;
|
|
255
|
-
width: 100%;
|
|
256
|
-
margin: 0;
|
|
257
|
-
padding: 0;
|
|
258
|
-
display: table;
|
|
259
|
-
}
|
|
260
|
-
legend + * {
|
|
261
|
-
clear: both;
|
|
262
|
-
}
|
|
263
|
-
fieldset {
|
|
264
|
-
border: 0;
|
|
265
|
-
min-width: 0;
|
|
266
|
-
margin: 0;
|
|
267
|
-
padding: 0.01em 0 0;
|
|
268
|
-
}
|
|
269
|
-
body:not(:-moz-handler-blocked) fieldset {
|
|
270
|
-
display: table-cell;
|
|
271
|
-
}
|
|
272
|
-
svg {
|
|
273
|
-
pointer-events: none;
|
|
274
|
-
}
|
|
275
|
-
`,ph=Zo`*, :before, :after {
|
|
276
|
-
--w-rotate: 0;
|
|
277
|
-
--w-rotate-x: 0;
|
|
278
|
-
--w-rotate-y: 0;
|
|
279
|
-
--w-rotate-z: 0;
|
|
280
|
-
--w-scale-x: 1;
|
|
281
|
-
--w-scale-y: 1;
|
|
282
|
-
--w-scale-z: 1;
|
|
283
|
-
--w-skew-x: 0;
|
|
284
|
-
--w-skew-y: 0;
|
|
285
|
-
--w-translate-x: 0;
|
|
286
|
-
--w-translate-y: 0;
|
|
287
|
-
--w-translate-z: 0
|
|
288
|
-
}
|
|
289
|
-
|
|
290
|
-
.h4, .t4 {
|
|
291
|
-
font-weight: 700;
|
|
292
|
-
font-size: var(--w-font-size-m);
|
|
293
|
-
line-height: var(--w-line-height-m)
|
|
294
|
-
}
|
|
295
|
-
|
|
296
|
-
.t3 {
|
|
297
|
-
font-weight: 700;
|
|
298
|
-
font-size: var(--w-font-size-l);
|
|
299
|
-
line-height: var(--w-line-height-l)
|
|
300
|
-
}
|
|
301
|
-
|
|
302
|
-
@media (min-width: 480px) {
|
|
303
|
-
.sm\\:h3 {
|
|
304
|
-
font-weight: 700;
|
|
305
|
-
font-size: var(--w-font-size-l);
|
|
306
|
-
line-height: var(--w-line-height-l)
|
|
307
|
-
}
|
|
308
|
-
}
|
|
309
|
-
|
|
310
|
-
.text-center {
|
|
311
|
-
text-align: center
|
|
312
|
-
}
|
|
313
|
-
|
|
314
|
-
.before\\:text-center:before {
|
|
315
|
-
text-align: center
|
|
316
|
-
}
|
|
317
|
-
|
|
318
|
-
.text-left {
|
|
319
|
-
text-align: left
|
|
320
|
-
}
|
|
321
|
-
|
|
322
|
-
.text-right {
|
|
323
|
-
text-align: right
|
|
324
|
-
}
|
|
325
|
-
|
|
326
|
-
.align-middle {
|
|
327
|
-
vertical-align: middle
|
|
328
|
-
}
|
|
329
|
-
|
|
330
|
-
.animate-inprogress {
|
|
331
|
-
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;
|
|
332
|
-
background-size: 30px 30px;
|
|
333
|
-
animation: animate-inprogress 3s linear infinite
|
|
334
|
-
}
|
|
335
|
-
|
|
336
|
-
@keyframes animate-inprogress {
|
|
337
|
-
0% {
|
|
338
|
-
background-position: 0 0
|
|
339
|
-
}
|
|
340
|
-
to {
|
|
341
|
-
background-position: 60px 0
|
|
342
|
-
}
|
|
343
|
-
}
|
|
344
|
-
|
|
345
|
-
.\\[--w-modal-max-height\\:80\\%\\] {
|
|
346
|
-
--w-modal-max-height: 80%
|
|
347
|
-
}
|
|
348
|
-
|
|
349
|
-
.\\[--w-modal-width\\:640px\\] {
|
|
350
|
-
--w-modal-width: 640px
|
|
351
|
-
}
|
|
352
|
-
|
|
353
|
-
.focus\\:\\[--w-outline-offset\\:-2px\\]:focus {
|
|
354
|
-
--w-outline-offset: -2px
|
|
355
|
-
}
|
|
356
|
-
|
|
357
|
-
.backdrop-blur {
|
|
358
|
-
-webkit-backdrop-filter: blur(4px);
|
|
359
|
-
backdrop-filter: blur(4px)
|
|
360
|
-
}
|
|
361
|
-
|
|
362
|
-
.peer:checked ~ .peer-checked\\:before\\:bg-center:before {
|
|
363
|
-
background-position: center
|
|
364
|
-
}
|
|
365
|
-
|
|
366
|
-
.hover\\:bg-clip-padding:hover {
|
|
367
|
-
-webkit-background-clip: padding-box;
|
|
368
|
-
background-clip: padding-box
|
|
369
|
-
}
|
|
370
|
-
|
|
371
|
-
.bg-transparent, .group\\/steph:first-child .group-first\\/steph\\:bg-transparent, .group\\/steph:last-child .group-last\\/steph\\:bg-transparent {
|
|
372
|
-
background-color: transparent
|
|
373
|
-
}
|
|
374
|
-
|
|
375
|
-
.bg-\\[--w-black\\/25\\] {
|
|
376
|
-
background-color: rgba(var(--w-rgb-black), .25)
|
|
377
|
-
}
|
|
378
|
-
|
|
379
|
-
.bg-\\[--w-black\\/70\\], .bg-\\[var\\(--w-black\\)\\/70\\] {
|
|
380
|
-
background-color: rgba(var(--w-rgb-black), .7)
|
|
381
|
-
}
|
|
382
|
-
|
|
383
|
-
.bg-\\[--w-color-badge-info-background\\] {
|
|
384
|
-
background-color: var(--w-color-badge-info-background)
|
|
385
|
-
}
|
|
386
|
-
|
|
387
|
-
.bg-\\[--w-color-badge-negative-background\\] {
|
|
388
|
-
background-color: var(--w-color-badge-negative-background)
|
|
389
|
-
}
|
|
390
|
-
|
|
391
|
-
.bg-\\[--w-color-badge-neutral-background\\] {
|
|
392
|
-
background-color: var(--w-color-badge-neutral-background)
|
|
393
|
-
}
|
|
394
|
-
|
|
395
|
-
.bg-\\[--w-color-badge-positive-background\\] {
|
|
396
|
-
background-color: var(--w-color-badge-positive-background)
|
|
397
|
-
}
|
|
398
|
-
|
|
399
|
-
.bg-\\[--w-color-badge-sponsored-background\\] {
|
|
400
|
-
background-color: var(--w-color-badge-sponsored-background)
|
|
401
|
-
}
|
|
402
|
-
|
|
403
|
-
.bg-\\[--w-color-badge-warning-background\\] {
|
|
404
|
-
background-color: var(--w-color-badge-warning-background)
|
|
405
|
-
}
|
|
406
|
-
|
|
407
|
-
.bg-\\[--w-color-button-primary-background\\] {
|
|
408
|
-
background-color: var(--w-color-button-primary-background)
|
|
409
|
-
}
|
|
410
|
-
|
|
411
|
-
.bg-\\[--w-color-buttongroup-utility-background-selected\\] {
|
|
412
|
-
background-color: var(--w-color-buttongroup-utility-background-selected)
|
|
413
|
-
}
|
|
414
|
-
|
|
415
|
-
.bg-\\[--w-color-callout-background\\] {
|
|
416
|
-
background-color: var(--w-color-callout-background)
|
|
417
|
-
}
|
|
418
|
-
|
|
419
|
-
.bg-\\[--w-color-pill-suggestion-background\\] {
|
|
420
|
-
background-color: var(--w-color-pill-suggestion-background)
|
|
421
|
-
}
|
|
422
|
-
|
|
423
|
-
.bg-\\[--w-color-switch-track-background\\] {
|
|
424
|
-
background-color: var(--w-color-switch-track-background)
|
|
425
|
-
}
|
|
426
|
-
|
|
427
|
-
.bg-\\[--w-s-color-surface-elevated-100\\] {
|
|
428
|
-
background-color: var(--w-s-color-surface-elevated-100)
|
|
429
|
-
}
|
|
430
|
-
|
|
431
|
-
.bg-\\[--w-s-color-surface-elevated-300\\] {
|
|
432
|
-
background-color: var(--w-s-color-surface-elevated-300)
|
|
433
|
-
}
|
|
434
|
-
|
|
435
|
-
.bg-\\[--w-s-icon-selected\\] {
|
|
436
|
-
background-color: var(--w-s-icon-selected)
|
|
437
|
-
}
|
|
438
|
-
|
|
439
|
-
.group:hover .group-hover\\:bg-\\[--w-color-switch-track-background-hover\\] {
|
|
440
|
-
background-color: var(--w-color-switch-track-background-hover)
|
|
441
|
-
}
|
|
442
|
-
|
|
443
|
-
.hover\\:bg-\\[--w-color-button-pill-background-hover\\]:hover {
|
|
444
|
-
background-color: var(--w-color-button-pill-background-hover)
|
|
445
|
-
}
|
|
446
|
-
|
|
447
|
-
.hover\\:bg-\\[--w-color-button-primary-background-hover\\]:hover {
|
|
448
|
-
background-color: var(--w-color-button-primary-background-hover)
|
|
449
|
-
}
|
|
450
|
-
|
|
451
|
-
.hover\\:bg-\\[--w-color-buttongroup-utility-background-hover\\]:hover {
|
|
452
|
-
background-color: var(--w-color-buttongroup-utility-background-hover)
|
|
453
|
-
}
|
|
454
|
-
|
|
455
|
-
.hover\\:bg-\\[--w-color-pill-suggestion-background-hover\\]:hover {
|
|
456
|
-
background-color: var(--w-color-pill-suggestion-background-hover)
|
|
457
|
-
}
|
|
458
|
-
|
|
459
|
-
.hover\\:bg-\\[--w-s-icon-subtle\\]:hover {
|
|
460
|
-
background-color: var(--w-s-icon-subtle)
|
|
461
|
-
}
|
|
462
|
-
|
|
463
|
-
.hover\\:bg-\\[var\\(--w-black\\)\\/85\\]:hover {
|
|
464
|
-
background-color: rgba(var(--w-rgb-black), .85)
|
|
465
|
-
}
|
|
466
|
-
|
|
467
|
-
.active\\:bg-\\[--w-color-button-pill-background-active\\]:active {
|
|
468
|
-
background-color: var(--w-color-button-pill-background-active)
|
|
469
|
-
}
|
|
470
|
-
|
|
471
|
-
.active\\:bg-\\[--w-color-button-primary-background-active\\]:active {
|
|
472
|
-
background-color: var(--w-color-button-primary-background-active)
|
|
473
|
-
}
|
|
474
|
-
|
|
475
|
-
.active\\:bg-\\[--w-color-buttongroup-utility-background-selected\\]:active {
|
|
476
|
-
background-color: var(--w-color-buttongroup-utility-background-selected)
|
|
477
|
-
}
|
|
478
|
-
|
|
479
|
-
.active\\:bg-\\[--w-color-pill-suggestion-background-active\\]:active {
|
|
480
|
-
background-color: var(--w-color-pill-suggestion-background-active)
|
|
481
|
-
}
|
|
482
|
-
|
|
483
|
-
.active\\:bg-\\[var\\(--w-black\\)\\]:active {
|
|
484
|
-
background-color: var(--w-black)
|
|
485
|
-
}
|
|
486
|
-
|
|
487
|
-
.peer:checked ~ .peer-checked\\:before\\:bg-\\[url\\(var\\(--w-icon-toggle-checked\\)\\)\\]:before {
|
|
488
|
-
background-image: var(--w-icon-toggle-checked)
|
|
489
|
-
}
|
|
490
|
-
|
|
491
|
-
.appearance-none {
|
|
492
|
-
-moz-appearance: none;
|
|
493
|
-
appearance: none;
|
|
494
|
-
-webkit-appearance: none
|
|
495
|
-
}
|
|
496
|
-
|
|
497
|
-
.will-change-height {
|
|
498
|
-
will-change: height
|
|
499
|
-
}
|
|
500
|
-
|
|
501
|
-
.border, .border-1 {
|
|
502
|
-
border-width: 1px
|
|
503
|
-
}
|
|
504
|
-
|
|
505
|
-
.border-b {
|
|
506
|
-
border-bottom-width: 1px
|
|
507
|
-
}
|
|
508
|
-
|
|
509
|
-
.before\\:border:before {
|
|
510
|
-
border-width: 1px
|
|
511
|
-
}
|
|
512
|
-
|
|
513
|
-
.border-0 {
|
|
514
|
-
border-width: 0
|
|
515
|
-
}
|
|
516
|
-
|
|
517
|
-
.border-2 {
|
|
518
|
-
border-width: 2px
|
|
519
|
-
}
|
|
520
|
-
|
|
521
|
-
.border-b-0 {
|
|
522
|
-
border-bottom-width: 0
|
|
523
|
-
}
|
|
524
|
-
|
|
525
|
-
.border-b-4 {
|
|
526
|
-
border-bottom-width: 4px
|
|
527
|
-
}
|
|
528
|
-
|
|
529
|
-
.border-l-4 {
|
|
530
|
-
border-left-width: 4px
|
|
531
|
-
}
|
|
532
|
-
|
|
533
|
-
.border-r-0, .group:not(:last-of-type) .group-not-last-of-type\\:border-r-0 {
|
|
534
|
-
border-right-width: 0
|
|
535
|
-
}
|
|
536
|
-
|
|
537
|
-
.peer:checked ~ .peer-checked\\:before\\:border-\\[6\\]:before {
|
|
538
|
-
border-width: .6rem
|
|
539
|
-
}
|
|
540
|
-
|
|
541
|
-
.border-transparent {
|
|
542
|
-
border-color: transparent
|
|
543
|
-
}
|
|
544
|
-
|
|
545
|
-
.border-\\[--w-color-buttongroup-utility-border\\] {
|
|
546
|
-
border-color: var(--w-color-buttongroup-utility-border)
|
|
547
|
-
}
|
|
548
|
-
|
|
549
|
-
.border-\\[--w-color-callout-border\\] {
|
|
550
|
-
border-color: var(--w-color-callout-border)
|
|
551
|
-
}
|
|
552
|
-
|
|
553
|
-
.border-\\[--w-s-color-background-inverted\\] {
|
|
554
|
-
border-color: var(--w-s-color-background-inverted)
|
|
555
|
-
}
|
|
556
|
-
|
|
557
|
-
.border-\\[--w-s-color-surface-elevated-300\\] {
|
|
558
|
-
border-color: var(--w-s-color-surface-elevated-300)
|
|
559
|
-
}
|
|
560
|
-
|
|
561
|
-
.active\\:border-\\[--w-color-buttongroup-utility-border-selected\\]:active {
|
|
562
|
-
border-color: var(--w-color-buttongroup-utility-border-selected)
|
|
563
|
-
}
|
|
564
|
-
|
|
565
|
-
.divide-x > * + * {
|
|
566
|
-
--w-divide-x-reverse: 0;
|
|
567
|
-
border-left-width: calc(1px * calc(1 - var(--w-divide-x-reverse)));
|
|
568
|
-
border-right-width: calc(1px * var(--w-divide-x-reverse))
|
|
569
|
-
}
|
|
570
|
-
|
|
571
|
-
.divide-y > * + * {
|
|
572
|
-
--w-divide-y-reverse: 0;
|
|
573
|
-
border-top-width: calc(1px * calc(1 - var(--w-divide-y-reverse)));
|
|
574
|
-
border-bottom-width: calc(1px * var(--w-divide-y-reverse))
|
|
575
|
-
}
|
|
576
|
-
|
|
577
|
-
.rounded-4 {
|
|
578
|
-
border-radius: 4px
|
|
579
|
-
}
|
|
580
|
-
|
|
581
|
-
.rounded-8 {
|
|
582
|
-
border-radius: 8px
|
|
583
|
-
}
|
|
584
|
-
|
|
585
|
-
.rounded-full {
|
|
586
|
-
border-radius: 9999px
|
|
587
|
-
}
|
|
588
|
-
|
|
589
|
-
.before\\:rounded-2:before {
|
|
590
|
-
border-radius: 2px
|
|
591
|
-
}
|
|
592
|
-
|
|
593
|
-
.before\\:rounded-full:before {
|
|
594
|
-
border-radius: 9999px
|
|
595
|
-
}
|
|
596
|
-
|
|
597
|
-
.rounded-b-0 {
|
|
598
|
-
border-bottom-left-radius: 0;
|
|
599
|
-
border-bottom-right-radius: 0
|
|
600
|
-
}
|
|
601
|
-
|
|
602
|
-
.rounded-bl-0 {
|
|
603
|
-
border-bottom-left-radius: 0
|
|
604
|
-
}
|
|
605
|
-
|
|
606
|
-
.rounded-br-0 {
|
|
607
|
-
border-bottom-right-radius: 0
|
|
608
|
-
}
|
|
609
|
-
|
|
610
|
-
.rounded-l-0 {
|
|
611
|
-
border-top-left-radius: 0;
|
|
612
|
-
border-bottom-left-radius: 0
|
|
613
|
-
}
|
|
614
|
-
|
|
615
|
-
.rounded-l-full {
|
|
616
|
-
border-top-left-radius: 9999px;
|
|
617
|
-
border-bottom-left-radius: 9999px
|
|
618
|
-
}
|
|
619
|
-
|
|
620
|
-
.rounded-r-0 {
|
|
621
|
-
border-top-right-radius: 0;
|
|
622
|
-
border-bottom-right-radius: 0
|
|
623
|
-
}
|
|
624
|
-
|
|
625
|
-
.rounded-r-full {
|
|
626
|
-
border-top-right-radius: 9999px;
|
|
627
|
-
border-bottom-right-radius: 9999px
|
|
628
|
-
}
|
|
629
|
-
|
|
630
|
-
.rounded-tl-0 {
|
|
631
|
-
border-top-left-radius: 0
|
|
632
|
-
}
|
|
633
|
-
|
|
634
|
-
.rounded-tl-4 {
|
|
635
|
-
border-top-left-radius: 4px
|
|
636
|
-
}
|
|
637
|
-
|
|
638
|
-
.rounded-tr-0 {
|
|
639
|
-
border-top-right-radius: 0
|
|
640
|
-
}
|
|
641
|
-
|
|
642
|
-
.group:first-of-type .group-first-of-type\\:rounded-bl-8 {
|
|
643
|
-
border-bottom-left-radius: 8px
|
|
644
|
-
}
|
|
645
|
-
|
|
646
|
-
.group:first-of-type .group-first-of-type\\:rounded-tl-8 {
|
|
647
|
-
border-top-left-radius: 8px
|
|
648
|
-
}
|
|
649
|
-
|
|
650
|
-
.first\\:rounded-lb-4:first-child {
|
|
651
|
-
border-bottom-left-radius: 4px
|
|
652
|
-
}
|
|
653
|
-
|
|
654
|
-
.first\\:rounded-lt-4:first-child {
|
|
655
|
-
border-top-left-radius: 4px
|
|
656
|
-
}
|
|
657
|
-
|
|
658
|
-
.first\\:rounded-rt-4:first-child {
|
|
659
|
-
border-top-right-radius: 4px
|
|
660
|
-
}
|
|
661
|
-
|
|
662
|
-
.group:last-of-type .group-last-of-type\\:rounded-br-8 {
|
|
663
|
-
border-bottom-right-radius: 8px
|
|
664
|
-
}
|
|
665
|
-
|
|
666
|
-
.group:last-of-type .group-last-of-type\\:rounded-tr-8 {
|
|
667
|
-
border-top-right-radius: 8px
|
|
668
|
-
}
|
|
669
|
-
|
|
670
|
-
.last\\:rounded-lb-4:last-child {
|
|
671
|
-
border-bottom-left-radius: 4px
|
|
672
|
-
}
|
|
673
|
-
|
|
674
|
-
.last\\:rounded-rb-4:last-child {
|
|
675
|
-
border-bottom-right-radius: 4px
|
|
676
|
-
}
|
|
677
|
-
|
|
678
|
-
.last\\:rounded-rt-4:last-child {
|
|
679
|
-
border-top-right-radius: 4px
|
|
680
|
-
}
|
|
681
|
-
|
|
682
|
-
.caret-current {
|
|
683
|
-
caret-color: currentColor
|
|
684
|
-
}
|
|
685
|
-
|
|
686
|
-
.opacity-25 {
|
|
687
|
-
opacity: 25%
|
|
688
|
-
}
|
|
689
|
-
|
|
690
|
-
.block {
|
|
691
|
-
display: block
|
|
692
|
-
}
|
|
693
|
-
|
|
694
|
-
.before\\:block:before {
|
|
695
|
-
display: block
|
|
696
|
-
}
|
|
697
|
-
|
|
698
|
-
.inline-block {
|
|
699
|
-
display: inline-block
|
|
700
|
-
}
|
|
701
|
-
|
|
702
|
-
.inline {
|
|
703
|
-
display: inline
|
|
704
|
-
}
|
|
705
|
-
|
|
706
|
-
.flex, .open\\:flex[open] {
|
|
707
|
-
display: flex
|
|
708
|
-
}
|
|
709
|
-
|
|
710
|
-
.inline-flex {
|
|
711
|
-
display: inline-flex
|
|
712
|
-
}
|
|
713
|
-
|
|
714
|
-
.grid {
|
|
715
|
-
display: grid
|
|
716
|
-
}
|
|
717
|
-
|
|
718
|
-
.inline-grid {
|
|
719
|
-
display: inline-grid
|
|
720
|
-
}
|
|
721
|
-
|
|
722
|
-
.hidden, .group\\/stepv:last-child .group-last\\/stepv\\:hidden {
|
|
723
|
-
display: none
|
|
724
|
-
}
|
|
725
|
-
|
|
726
|
-
.before\\:hidden:before {
|
|
727
|
-
display: none
|
|
728
|
-
}
|
|
729
|
-
|
|
730
|
-
.hover\\:underline:hover {
|
|
731
|
-
text-decoration-line: underline
|
|
732
|
-
}
|
|
733
|
-
|
|
734
|
-
.focus\\:underline:focus {
|
|
735
|
-
text-decoration-line: underline
|
|
736
|
-
}
|
|
737
|
-
|
|
738
|
-
.focus-visible\\:underline:focus-visible {
|
|
739
|
-
text-decoration-line: underline
|
|
740
|
-
}
|
|
741
|
-
|
|
742
|
-
.active\\:underline:active {
|
|
743
|
-
text-decoration-line: underline
|
|
744
|
-
}
|
|
745
|
-
|
|
746
|
-
.hover\\:no-underline:hover {
|
|
747
|
-
text-decoration: none
|
|
748
|
-
}
|
|
749
|
-
|
|
750
|
-
.focus\\:no-underline:focus {
|
|
751
|
-
text-decoration: none
|
|
752
|
-
}
|
|
753
|
-
|
|
754
|
-
.active\\:no-underline:active {
|
|
755
|
-
text-decoration: none
|
|
756
|
-
}
|
|
757
|
-
|
|
758
|
-
.flex-1 {
|
|
759
|
-
flex: 1 1 0%
|
|
760
|
-
}
|
|
761
|
-
|
|
762
|
-
.shrink {
|
|
763
|
-
flex-shrink: 1
|
|
764
|
-
}
|
|
765
|
-
|
|
766
|
-
.shrink-0 {
|
|
767
|
-
flex-shrink: 0
|
|
768
|
-
}
|
|
769
|
-
|
|
770
|
-
.shrink-0\\! {
|
|
771
|
-
flex-shrink: 0 !important
|
|
772
|
-
}
|
|
773
|
-
|
|
774
|
-
.grow, .grow-1 {
|
|
775
|
-
flex-grow: 1
|
|
776
|
-
}
|
|
777
|
-
|
|
778
|
-
.basis-auto {
|
|
779
|
-
flex-basis: auto
|
|
780
|
-
}
|
|
781
|
-
|
|
782
|
-
.flex-col {
|
|
783
|
-
flex-direction: column
|
|
784
|
-
}
|
|
785
|
-
|
|
786
|
-
.focus-within\\:focusable:focus-within {
|
|
787
|
-
outline: 2px solid var(--w-s-color-border-focus);
|
|
788
|
-
outline-offset: var(--w-outline-offset, 1px)
|
|
789
|
-
}
|
|
790
|
-
|
|
791
|
-
.focusable:focus, .focusable:focus-visible {
|
|
792
|
-
outline: 2px solid var(--w-s-color-border-focus);
|
|
793
|
-
outline-offset: var(--w-outline-offset, 1px)
|
|
794
|
-
}
|
|
795
|
-
|
|
796
|
-
.focusable:not(:focus-visible) {
|
|
797
|
-
outline: none
|
|
798
|
-
}
|
|
799
|
-
|
|
800
|
-
.peer:focus ~ .peer-focus\\:focusable, .peer:focus-visible ~ .peer-focus\\:focusable {
|
|
801
|
-
outline: 2px solid var(--w-s-color-border-focus);
|
|
802
|
-
outline-offset: var(--w-outline-offset, 1px)
|
|
803
|
-
}
|
|
804
|
-
|
|
805
|
-
.peer:not(:focus-visible) ~ .peer-focus\\:focusable {
|
|
806
|
-
outline: none
|
|
807
|
-
}
|
|
808
|
-
|
|
809
|
-
.focusable-inset {
|
|
810
|
-
--w-outline-offset: -3px
|
|
811
|
-
}
|
|
812
|
-
|
|
813
|
-
.gap-12 {
|
|
814
|
-
gap: 1.2rem
|
|
815
|
-
}
|
|
816
|
-
|
|
817
|
-
.gap-8 {
|
|
818
|
-
gap: .8rem
|
|
819
|
-
}
|
|
820
|
-
|
|
821
|
-
.gap-x-16 {
|
|
822
|
-
column-gap: 1.6rem
|
|
823
|
-
}
|
|
824
|
-
|
|
825
|
-
.gap-y-16 {
|
|
826
|
-
row-gap: 1.6rem
|
|
827
|
-
}
|
|
828
|
-
|
|
829
|
-
.row-span-2 {
|
|
830
|
-
grid-row: span 2/span 2
|
|
831
|
-
}
|
|
832
|
-
|
|
833
|
-
.col-span-2 {
|
|
834
|
-
grid-column: span 2/span 2
|
|
835
|
-
}
|
|
836
|
-
|
|
837
|
-
.col-span-3 {
|
|
838
|
-
grid-column: span 3/span 3
|
|
839
|
-
}
|
|
840
|
-
|
|
841
|
-
.row-start-1 {
|
|
842
|
-
grid-row-start: 1
|
|
843
|
-
}
|
|
844
|
-
|
|
845
|
-
.row-start-2 {
|
|
846
|
-
grid-row-start: 2
|
|
847
|
-
}
|
|
848
|
-
|
|
849
|
-
.col-start-2 {
|
|
850
|
-
grid-column-start: 2
|
|
851
|
-
}
|
|
852
|
-
|
|
853
|
-
.auto-rows-auto {
|
|
854
|
-
grid-auto-rows: auto
|
|
855
|
-
}
|
|
856
|
-
|
|
857
|
-
.grid-flow-col {
|
|
858
|
-
grid-auto-flow: column
|
|
859
|
-
}
|
|
860
|
-
|
|
861
|
-
.grid-rows-\\[20px_auto\\] {
|
|
862
|
-
grid-template-rows:20px auto
|
|
863
|
-
}
|
|
864
|
-
|
|
865
|
-
.grid-rows-\\[auto_20px\\] {
|
|
866
|
-
grid-template-rows:auto 20px
|
|
867
|
-
}
|
|
868
|
-
|
|
869
|
-
.grid-cols-\\[1fr_20px_1fr\\] {
|
|
870
|
-
grid-template-columns:1fr 20px 1fr
|
|
871
|
-
}
|
|
872
|
-
|
|
873
|
-
.grid-cols-\\[1fr_20px\\] {
|
|
874
|
-
grid-template-columns:1fr 20px
|
|
875
|
-
}
|
|
876
|
-
|
|
877
|
-
.grid-cols-\\[20px_1fr\\] {
|
|
878
|
-
grid-template-columns:20px 1fr
|
|
879
|
-
}
|
|
880
|
-
|
|
881
|
-
.grid-cols-\\[auto_1fr_auto\\] {
|
|
882
|
-
grid-template-columns:auto 1fr auto
|
|
883
|
-
}
|
|
884
|
-
|
|
885
|
-
.grid-cols-1 {
|
|
886
|
-
grid-template-columns:repeat(1, minmax(0, 1fr))
|
|
887
|
-
}
|
|
888
|
-
|
|
889
|
-
.grid-cols-2 {
|
|
890
|
-
grid-template-columns:repeat(2, minmax(0, 1fr))
|
|
891
|
-
}
|
|
892
|
-
|
|
893
|
-
.grid-cols-3 {
|
|
894
|
-
grid-template-columns:repeat(3, minmax(0, 1fr))
|
|
895
|
-
}
|
|
896
|
-
|
|
897
|
-
.grid-cols-4 {
|
|
898
|
-
grid-template-columns:repeat(4, minmax(0, 1fr))
|
|
899
|
-
}
|
|
900
|
-
|
|
901
|
-
.grid-cols-5 {
|
|
902
|
-
grid-template-columns:repeat(5, minmax(0, 1fr))
|
|
903
|
-
}
|
|
904
|
-
|
|
905
|
-
.grid-cols-6 {
|
|
906
|
-
grid-template-columns:repeat(6, minmax(0, 1fr))
|
|
907
|
-
}
|
|
908
|
-
|
|
909
|
-
.grid-cols-7 {
|
|
910
|
-
grid-template-columns:repeat(7, minmax(0, 1fr))
|
|
911
|
-
}
|
|
912
|
-
|
|
913
|
-
.grid-cols-8 {
|
|
914
|
-
grid-template-columns:repeat(8, minmax(0, 1fr))
|
|
915
|
-
}
|
|
916
|
-
|
|
917
|
-
.grid-cols-9 {
|
|
918
|
-
grid-template-columns:repeat(9, minmax(0, 1fr))
|
|
919
|
-
}
|
|
920
|
-
|
|
921
|
-
.overflow-hidden {
|
|
922
|
-
overflow: hidden
|
|
923
|
-
}
|
|
924
|
-
|
|
925
|
-
.overflow-x-hidden {
|
|
926
|
-
overflow-x: hidden
|
|
927
|
-
}
|
|
928
|
-
|
|
929
|
-
.overflow-y-auto {
|
|
930
|
-
overflow-y: auto
|
|
931
|
-
}
|
|
932
|
-
|
|
933
|
-
.list-none {
|
|
934
|
-
list-style-type: none
|
|
935
|
-
}
|
|
936
|
-
|
|
937
|
-
.outline-\\[--w-s-color-border-negative\\]\\! {
|
|
938
|
-
outline-color: var(--w-s-color-border-negative) !important
|
|
939
|
-
}
|
|
940
|
-
|
|
941
|
-
.outline-none {
|
|
942
|
-
outline: 2px solid transparent;
|
|
943
|
-
outline-offset: 2px
|
|
944
|
-
}
|
|
945
|
-
|
|
946
|
-
.focus\\:outline-none:focus {
|
|
947
|
-
outline: 2px solid transparent;
|
|
948
|
-
outline-offset: 2px
|
|
949
|
-
}
|
|
950
|
-
|
|
951
|
-
.items-start {
|
|
952
|
-
align-items: flex-start
|
|
953
|
-
}
|
|
954
|
-
|
|
955
|
-
.items-end {
|
|
956
|
-
align-items: flex-end
|
|
957
|
-
}
|
|
958
|
-
|
|
959
|
-
.items-center {
|
|
960
|
-
align-items: center
|
|
961
|
-
}
|
|
962
|
-
|
|
963
|
-
.self-center {
|
|
964
|
-
align-self: center
|
|
965
|
-
}
|
|
966
|
-
|
|
967
|
-
.inset-0 {
|
|
968
|
-
top: 0rem;
|
|
969
|
-
right: 0rem;
|
|
970
|
-
bottom: 0rem;
|
|
971
|
-
left: 0rem
|
|
972
|
-
}
|
|
973
|
-
|
|
974
|
-
.-bottom-0 {
|
|
975
|
-
bottom: -0rem
|
|
976
|
-
}
|
|
977
|
-
|
|
978
|
-
.bottom-0 {
|
|
979
|
-
bottom: 0rem
|
|
980
|
-
}
|
|
981
|
-
|
|
982
|
-
.bottom-10 {
|
|
983
|
-
bottom: 1rem
|
|
984
|
-
}
|
|
985
|
-
|
|
986
|
-
.bottom-16 {
|
|
987
|
-
bottom: 1.6rem
|
|
988
|
-
}
|
|
989
|
-
|
|
990
|
-
.left-0 {
|
|
991
|
-
left: 0rem
|
|
992
|
-
}
|
|
993
|
-
|
|
994
|
-
.left-4 {
|
|
995
|
-
left: .4rem
|
|
996
|
-
}
|
|
997
|
-
|
|
998
|
-
.right-0 {
|
|
999
|
-
right: 0rem
|
|
1000
|
-
}
|
|
1001
|
-
|
|
1002
|
-
.right-8 {
|
|
1003
|
-
right: .8rem
|
|
1004
|
-
}
|
|
1005
|
-
|
|
1006
|
-
.top-\\[1\\.92rem\\] {
|
|
1007
|
-
top: 1.92rem
|
|
1008
|
-
}
|
|
1009
|
-
|
|
1010
|
-
.top-0 {
|
|
1011
|
-
top: 0rem
|
|
1012
|
-
}
|
|
1013
|
-
|
|
1014
|
-
.top-20 {
|
|
1015
|
-
top: 2rem
|
|
1016
|
-
}
|
|
1017
|
-
|
|
1018
|
-
.top-4 {
|
|
1019
|
-
top: .4rem
|
|
1020
|
-
}
|
|
1021
|
-
|
|
1022
|
-
.top-8 {
|
|
1023
|
-
top: .8rem
|
|
1024
|
-
}
|
|
1025
|
-
|
|
1026
|
-
.before\\:bottom-0:before {
|
|
1027
|
-
bottom: 0rem
|
|
1028
|
-
}
|
|
1029
|
-
|
|
1030
|
-
.before\\:left-0:before {
|
|
1031
|
-
left: 0rem
|
|
1032
|
-
}
|
|
1033
|
-
|
|
1034
|
-
.before\\:right-0:before {
|
|
1035
|
-
right: 0rem
|
|
1036
|
-
}
|
|
1037
|
-
|
|
1038
|
-
.before\\:top-2:before {
|
|
1039
|
-
top: .2rem
|
|
1040
|
-
}
|
|
1041
|
-
|
|
1042
|
-
.-bottom-\\[8px\\] {
|
|
1043
|
-
bottom: -8px
|
|
1044
|
-
}
|
|
1045
|
-
|
|
1046
|
-
.-left-\\[8px\\] {
|
|
1047
|
-
left: -8px
|
|
1048
|
-
}
|
|
1049
|
-
|
|
1050
|
-
.-right-\\[8px\\] {
|
|
1051
|
-
right: -8px
|
|
1052
|
-
}
|
|
1053
|
-
|
|
1054
|
-
.-top-\\[8px\\] {
|
|
1055
|
-
top: -8px
|
|
1056
|
-
}
|
|
1057
|
-
|
|
1058
|
-
.top-\\[19px\\] {
|
|
1059
|
-
top: 19px
|
|
1060
|
-
}
|
|
1061
|
-
|
|
1062
|
-
.top-\\[30\\%\\] {
|
|
1063
|
-
top: 30%
|
|
1064
|
-
}
|
|
1065
|
-
|
|
1066
|
-
.justify-end {
|
|
1067
|
-
justify-content: flex-end
|
|
1068
|
-
}
|
|
1069
|
-
|
|
1070
|
-
.justify-center {
|
|
1071
|
-
justify-content: center
|
|
1072
|
-
}
|
|
1073
|
-
|
|
1074
|
-
.justify-between {
|
|
1075
|
-
justify-content: space-between
|
|
1076
|
-
}
|
|
1077
|
-
|
|
1078
|
-
.justify-items-center {
|
|
1079
|
-
justify-items: center
|
|
1080
|
-
}
|
|
1081
|
-
|
|
1082
|
-
.justify-self-start {
|
|
1083
|
-
justify-self: start
|
|
1084
|
-
}
|
|
1085
|
-
|
|
1086
|
-
.justify-self-end {
|
|
1087
|
-
justify-self: end
|
|
1088
|
-
}
|
|
1089
|
-
|
|
1090
|
-
.justify-self-center {
|
|
1091
|
-
justify-self: center
|
|
1092
|
-
}
|
|
1093
|
-
|
|
1094
|
-
.absolute {
|
|
1095
|
-
position: absolute
|
|
1096
|
-
}
|
|
1097
|
-
|
|
1098
|
-
.fixed {
|
|
1099
|
-
position: fixed
|
|
1100
|
-
}
|
|
1101
|
-
|
|
1102
|
-
.relative {
|
|
1103
|
-
position: relative
|
|
1104
|
-
}
|
|
1105
|
-
|
|
1106
|
-
.open\\:fixed[open] {
|
|
1107
|
-
position: fixed
|
|
1108
|
-
}
|
|
1109
|
-
|
|
1110
|
-
.before\\:absolute:before {
|
|
1111
|
-
position: absolute
|
|
1112
|
-
}
|
|
1113
|
-
|
|
1114
|
-
.z-10, .peer:checked ~ .peer-checked\\:z-10 {
|
|
1115
|
-
z-index: 10
|
|
1116
|
-
}
|
|
1117
|
-
|
|
1118
|
-
.z-30 {
|
|
1119
|
-
z-index: 30
|
|
1120
|
-
}
|
|
1121
|
-
|
|
1122
|
-
.z-50 {
|
|
1123
|
-
z-index: 50
|
|
1124
|
-
}
|
|
1125
|
-
|
|
1126
|
-
.hover\\:z-30:hover {
|
|
1127
|
-
z-index: 30
|
|
1128
|
-
}
|
|
1129
|
-
|
|
1130
|
-
.\\!s-bg-selected {
|
|
1131
|
-
background-color: var(--w-s-color-background-selected) !important
|
|
1132
|
-
}
|
|
1133
|
-
|
|
1134
|
-
.s-bg {
|
|
1135
|
-
background-color: var(--w-s-color-background)
|
|
1136
|
-
}
|
|
1137
|
-
|
|
1138
|
-
.s-bg-disabled {
|
|
1139
|
-
background-color: var(--w-s-color-background-disabled)
|
|
1140
|
-
}
|
|
1141
|
-
|
|
1142
|
-
.s-bg-disabled-subtle {
|
|
1143
|
-
background-color: var(--w-s-color-background-disabled-subtle)
|
|
1144
|
-
}
|
|
1145
|
-
|
|
1146
|
-
.s-bg-info-subtle {
|
|
1147
|
-
background-color: var(--w-s-color-background-info-subtle)
|
|
1148
|
-
}
|
|
1149
|
-
|
|
1150
|
-
.s-bg-inverted {
|
|
1151
|
-
background-color: var(--w-s-color-background-inverted)
|
|
1152
|
-
}
|
|
1153
|
-
|
|
1154
|
-
.s-bg-negative {
|
|
1155
|
-
background-color: var(--w-s-color-background-negative)
|
|
1156
|
-
}
|
|
1157
|
-
|
|
1158
|
-
.s-bg-negative-subtle {
|
|
1159
|
-
background-color: var(--w-s-color-background-negative-subtle)
|
|
1160
|
-
}
|
|
1161
|
-
|
|
1162
|
-
.s-bg-positive-subtle {
|
|
1163
|
-
background-color: var(--w-s-color-background-positive-subtle)
|
|
1164
|
-
}
|
|
1165
|
-
|
|
1166
|
-
.s-bg-primary, .peer:checked ~ .peer-checked\\:s-bg-primary {
|
|
1167
|
-
background-color: var(--w-s-color-background-primary)
|
|
1168
|
-
}
|
|
1169
|
-
|
|
1170
|
-
.s-bg-selected {
|
|
1171
|
-
background-color: var(--w-s-color-background-selected)
|
|
1172
|
-
}
|
|
1173
|
-
|
|
1174
|
-
.s-bg-subtle {
|
|
1175
|
-
background-color: var(--w-s-color-background-subtle)
|
|
1176
|
-
}
|
|
1177
|
-
|
|
1178
|
-
.s-bg-warning-subtle {
|
|
1179
|
-
background-color: var(--w-s-color-background-warning-subtle)
|
|
1180
|
-
}
|
|
1181
|
-
|
|
1182
|
-
.peer:checked:hover ~ .peer-checked\\:peer-hover\\:before\\:s-bg-negative-hover:before {
|
|
1183
|
-
background-color: var(--w-s-color-background-negative-hover)
|
|
1184
|
-
}
|
|
1185
|
-
|
|
1186
|
-
.peer:checked:hover ~ .peer-checked\\:peer-hover\\:before\\:s-bg-primary-hover:before {
|
|
1187
|
-
background-color: var(--w-s-color-background-primary-hover)
|
|
1188
|
-
}
|
|
1189
|
-
|
|
1190
|
-
.peer:checked ~ .peer-checked\\:before\\:s-bg-disabled:before {
|
|
1191
|
-
background-color: var(--w-s-color-background-disabled)
|
|
1192
|
-
}
|
|
1193
|
-
|
|
1194
|
-
.peer:checked ~ .peer-checked\\:before\\:s-bg-negative:before {
|
|
1195
|
-
background-color: var(--w-s-color-background-negative)
|
|
1196
|
-
}
|
|
1197
|
-
|
|
1198
|
-
.peer:checked ~ .peer-checked\\:before\\:s-bg-primary:before {
|
|
1199
|
-
background-color: var(--w-s-color-background-primary)
|
|
1200
|
-
}
|
|
1201
|
-
|
|
1202
|
-
.peer:indeterminate ~ .peer-indeterminate\\:before\\:s-bg-disabled:before {
|
|
1203
|
-
background-color: var(--w-s-color-background-disabled)
|
|
1204
|
-
}
|
|
1205
|
-
|
|
1206
|
-
.peer:indeterminate ~ .peer-indeterminate\\:before\\:s-bg-negative:before {
|
|
1207
|
-
background-color: var(--w-s-color-background-negative)
|
|
1208
|
-
}
|
|
1209
|
-
|
|
1210
|
-
.peer:indeterminate ~ .peer-indeterminate\\:before\\:s-bg-primary:before {
|
|
1211
|
-
background-color: var(--w-s-color-background-primary)
|
|
1212
|
-
}
|
|
1213
|
-
|
|
1214
|
-
.peer:indeterminate ~ .peer-indeterminate\\:hover\\:before\\:s-bg-negative-hover:hover:before {
|
|
1215
|
-
background-color: var(--w-s-color-background-negative-hover)
|
|
1216
|
-
}
|
|
1217
|
-
|
|
1218
|
-
.peer:indeterminate ~ .peer-indeterminate\\:hover\\:before\\:s-bg-primary-hover:hover:before {
|
|
1219
|
-
background-color: var(--w-s-color-background-primary-hover)
|
|
1220
|
-
}
|
|
1221
|
-
|
|
1222
|
-
.\\!hover\\:s-bg-selected-hover:hover {
|
|
1223
|
-
background-color: var(--w-s-color-background-selected-hover) !important
|
|
1224
|
-
}
|
|
1225
|
-
|
|
1226
|
-
.group:hover .group-hover\\:s-bg-primary-hover {
|
|
1227
|
-
background-color: var(--w-s-color-background-primary-hover)
|
|
1228
|
-
}
|
|
1229
|
-
|
|
1230
|
-
.hover\\:before\\:s-bg-hover:hover:before {
|
|
1231
|
-
background-color: var(--w-s-color-background-hover)
|
|
1232
|
-
}
|
|
1233
|
-
|
|
1234
|
-
.hover\\:before\\:s-bg-negative-subtle-hover:hover:before {
|
|
1235
|
-
background-color: var(--w-s-color-background-negative-subtle-hover)
|
|
1236
|
-
}
|
|
1237
|
-
|
|
1238
|
-
.hover\\:s-bg-hover:hover {
|
|
1239
|
-
background-color: var(--w-s-color-background-hover)
|
|
1240
|
-
}
|
|
1241
|
-
|
|
1242
|
-
.hover\\:s-bg-negative-hover:hover {
|
|
1243
|
-
background-color: var(--w-s-color-background-negative-hover)
|
|
1244
|
-
}
|
|
1245
|
-
|
|
1246
|
-
.hover\\:s-bg-negative-subtle-hover:hover {
|
|
1247
|
-
background-color: var(--w-s-color-background-negative-subtle-hover)
|
|
1248
|
-
}
|
|
1249
|
-
|
|
1250
|
-
.hover\\:s-bg-primary-hover:hover {
|
|
1251
|
-
background-color: var(--w-s-color-background-primary-hover)
|
|
1252
|
-
}
|
|
1253
|
-
|
|
1254
|
-
.hover\\:s-bg-selected-hover:hover {
|
|
1255
|
-
background-color: var(--w-s-color-background-selected-hover)
|
|
1256
|
-
}
|
|
1257
|
-
|
|
1258
|
-
.peer:hover:not(:checked) ~ .peer-hover\\:peer-not-checked\\:s-bg-hover {
|
|
1259
|
-
background-color: var(--w-s-color-background-hover)
|
|
1260
|
-
}
|
|
1261
|
-
|
|
1262
|
-
.peer:hover ~ .peer-hover\\:before\\:s-bg-hover:before {
|
|
1263
|
-
background-color: var(--w-s-color-background-hover)
|
|
1264
|
-
}
|
|
1265
|
-
|
|
1266
|
-
.peer:hover ~ .peer-hover\\:before\\:s-bg-negative-subtle:before {
|
|
1267
|
-
background-color: var(--w-s-color-background-negative-subtle)
|
|
1268
|
-
}
|
|
1269
|
-
|
|
1270
|
-
.focus\\:s-bg-primary-hover:focus {
|
|
1271
|
-
background-color: var(--w-s-color-background-primary-hover)
|
|
1272
|
-
}
|
|
1273
|
-
|
|
1274
|
-
.\\!active\\:s-bg-selected-active:active {
|
|
1275
|
-
background-color: var(--w-s-color-background-selected-active) !important
|
|
1276
|
-
}
|
|
1277
|
-
|
|
1278
|
-
.active\\:s-bg-active:active {
|
|
1279
|
-
background-color: var(--w-s-color-background-active)
|
|
1280
|
-
}
|
|
1281
|
-
|
|
1282
|
-
.active\\:s-bg-negative-active:active {
|
|
1283
|
-
background-color: var(--w-s-color-background-negative-active)
|
|
1284
|
-
}
|
|
1285
|
-
|
|
1286
|
-
.active\\:s-bg-negative-subtle-active:active {
|
|
1287
|
-
background-color: var(--w-s-color-background-negative-subtle-active)
|
|
1288
|
-
}
|
|
1289
|
-
|
|
1290
|
-
.active\\:s-bg-primary-active:active {
|
|
1291
|
-
background-color: var(--w-s-color-background-primary-active)
|
|
1292
|
-
}
|
|
1293
|
-
|
|
1294
|
-
.active\\:s-bg-selected-active:active {
|
|
1295
|
-
background-color: var(--w-s-color-background-selected-active)
|
|
1296
|
-
}
|
|
1297
|
-
|
|
1298
|
-
.before\\:s-bg-disabled-subtle:before {
|
|
1299
|
-
background-color: var(--w-s-color-background-disabled-subtle)
|
|
1300
|
-
}
|
|
1301
|
-
|
|
1302
|
-
.before\\:s-bg:before {
|
|
1303
|
-
background-color: var(--w-s-color-background)
|
|
1304
|
-
}
|
|
1305
|
-
|
|
1306
|
-
.s-text {
|
|
1307
|
-
color: var(--w-s-color-text)
|
|
1308
|
-
}
|
|
1309
|
-
|
|
1310
|
-
.s-text-disabled {
|
|
1311
|
-
color: var(--w-s-color-text-disabled)
|
|
1312
|
-
}
|
|
1313
|
-
|
|
1314
|
-
.s-text-inverted, .peer:checked ~ .peer-checked\\:s-text-inverted {
|
|
1315
|
-
color: var(--w-s-color-text-inverted)
|
|
1316
|
-
}
|
|
1317
|
-
|
|
1318
|
-
.s-text-inverted-static {
|
|
1319
|
-
color: var(--w-s-color-text-inverted-static)
|
|
1320
|
-
}
|
|
1321
|
-
|
|
1322
|
-
.s-text-link {
|
|
1323
|
-
color: var(--w-s-color-text-link)
|
|
1324
|
-
}
|
|
1325
|
-
|
|
1326
|
-
.s-text-negative {
|
|
1327
|
-
color: var(--w-s-color-text-negative)
|
|
1328
|
-
}
|
|
1329
|
-
|
|
1330
|
-
.s-text-subtle {
|
|
1331
|
-
color: var(--w-s-color-text-subtle)
|
|
1332
|
-
}
|
|
1333
|
-
|
|
1334
|
-
.hover\\:s-text-link:hover {
|
|
1335
|
-
color: var(--w-s-color-text-link)
|
|
1336
|
-
}
|
|
1337
|
-
|
|
1338
|
-
.active\\:s-text:active {
|
|
1339
|
-
color: var(--w-s-color-text)
|
|
1340
|
-
}
|
|
1341
|
-
|
|
1342
|
-
.placeholder\\:s-text-placeholder::placeholder {
|
|
1343
|
-
color: var(--w-s-color-text-placeholder)
|
|
1344
|
-
}
|
|
1345
|
-
|
|
1346
|
-
.s-icon {
|
|
1347
|
-
color: var(--w-s-color-icon)
|
|
1348
|
-
}
|
|
1349
|
-
|
|
1350
|
-
.s-icon-info {
|
|
1351
|
-
color: var(--w-s-color-icon-info)
|
|
1352
|
-
}
|
|
1353
|
-
|
|
1354
|
-
.s-icon-inverted {
|
|
1355
|
-
color: var(--w-s-color-icon-inverted)
|
|
1356
|
-
}
|
|
1357
|
-
|
|
1358
|
-
.s-icon-negative {
|
|
1359
|
-
color: var(--w-s-color-icon-negative)
|
|
1360
|
-
}
|
|
1361
|
-
|
|
1362
|
-
.s-icon-positive {
|
|
1363
|
-
color: var(--w-s-color-icon-positive)
|
|
1364
|
-
}
|
|
1365
|
-
|
|
1366
|
-
.s-icon-warning {
|
|
1367
|
-
color: var(--w-s-color-icon-warning)
|
|
1368
|
-
}
|
|
1369
|
-
|
|
1370
|
-
.hover\\:s-icon-hover:hover {
|
|
1371
|
-
color: var(--w-s-color-icon-hover)
|
|
1372
|
-
}
|
|
1373
|
-
|
|
1374
|
-
.active\\:s-icon-active:active {
|
|
1375
|
-
color: var(--w-s-color-icon-active)
|
|
1376
|
-
}
|
|
1377
|
-
|
|
1378
|
-
.before\\:s-icon-inverted:before {
|
|
1379
|
-
color: var(--w-s-color-icon-inverted)
|
|
1380
|
-
}
|
|
1381
|
-
|
|
1382
|
-
.s-border {
|
|
1383
|
-
border-color: var(--w-s-color-border)
|
|
1384
|
-
}
|
|
1385
|
-
|
|
1386
|
-
.s-border-disabled {
|
|
1387
|
-
border-color: var(--w-s-color-border-disabled)
|
|
1388
|
-
}
|
|
1389
|
-
|
|
1390
|
-
.s-border-info-subtle {
|
|
1391
|
-
border-color: var(--w-s-color-border-info-subtle)
|
|
1392
|
-
}
|
|
1393
|
-
|
|
1394
|
-
.s-border-l-info {
|
|
1395
|
-
border-left-color: var(--w-s-color-border-info)
|
|
1396
|
-
}
|
|
1397
|
-
|
|
1398
|
-
.s-border-l-negative {
|
|
1399
|
-
border-left-color: var(--w-s-color-border-negative)
|
|
1400
|
-
}
|
|
1401
|
-
|
|
1402
|
-
.s-border-l-positive {
|
|
1403
|
-
border-left-color: var(--w-s-color-border-positive)
|
|
1404
|
-
}
|
|
1405
|
-
|
|
1406
|
-
.s-border-l-warning {
|
|
1407
|
-
border-left-color: var(--w-s-color-border-warning)
|
|
1408
|
-
}
|
|
1409
|
-
|
|
1410
|
-
.s-border-negative {
|
|
1411
|
-
border-color: var(--w-s-color-border-negative)
|
|
1412
|
-
}
|
|
1413
|
-
|
|
1414
|
-
.s-border-negative-subtle {
|
|
1415
|
-
border-color: var(--w-s-color-border-negative-subtle)
|
|
1416
|
-
}
|
|
1417
|
-
|
|
1418
|
-
.s-border-positive-subtle {
|
|
1419
|
-
border-color: var(--w-s-color-border-positive-subtle)
|
|
1420
|
-
}
|
|
1421
|
-
|
|
1422
|
-
.s-border-primary, .peer:checked ~ .peer-checked\\:s-border-primary {
|
|
1423
|
-
border-color: var(--w-s-color-border-primary)
|
|
1424
|
-
}
|
|
1425
|
-
|
|
1426
|
-
.s-border-selected {
|
|
1427
|
-
border-color: var(--w-s-color-border-selected)
|
|
1428
|
-
}
|
|
1429
|
-
|
|
1430
|
-
.s-border-warning-subtle {
|
|
1431
|
-
border-color: var(--w-s-color-border-warning-subtle)
|
|
1432
|
-
}
|
|
1433
|
-
|
|
1434
|
-
.peer:checked:hover ~ .peer-checked\\:peer-hover\\:before\\:s-border-negative-hover:before {
|
|
1435
|
-
border-color: var(--w-s-color-border-negative-hover)
|
|
1436
|
-
}
|
|
1437
|
-
|
|
1438
|
-
.peer:checked:hover ~ .peer-checked\\:peer-hover\\:before\\:s-border-primary-hover:before {
|
|
1439
|
-
border-color: var(--w-s-color-border-primary-hover)
|
|
1440
|
-
}
|
|
1441
|
-
|
|
1442
|
-
.peer:checked:hover ~ .peer-checked\\:peer-hover\\:before\\:s-border-selected-hover:before {
|
|
1443
|
-
border-color: var(--w-s-color-border-selected-hover)
|
|
1444
|
-
}
|
|
1445
|
-
|
|
1446
|
-
.peer:checked ~ .peer-checked\\:before\\:s-border-disabled:before {
|
|
1447
|
-
border-color: var(--w-s-color-border-disabled)
|
|
1448
|
-
}
|
|
1449
|
-
|
|
1450
|
-
.peer:checked ~ .peer-checked\\:before\\:s-border-negative:before {
|
|
1451
|
-
border-color: var(--w-s-color-border-negative)
|
|
1452
|
-
}
|
|
1453
|
-
|
|
1454
|
-
.peer:checked ~ .peer-checked\\:before\\:s-border-primary:before {
|
|
1455
|
-
border-color: var(--w-s-color-border-primary)
|
|
1456
|
-
}
|
|
1457
|
-
|
|
1458
|
-
.peer:checked ~ .peer-checked\\:before\\:s-border-selected:before {
|
|
1459
|
-
border-color: var(--w-s-color-border-selected)
|
|
1460
|
-
}
|
|
1461
|
-
|
|
1462
|
-
.peer:indeterminate ~ .peer-indeterminate\\:before\\:s-border-disabled:before {
|
|
1463
|
-
border-color: var(--w-s-color-border-disabled)
|
|
1464
|
-
}
|
|
1465
|
-
|
|
1466
|
-
.peer:indeterminate ~ .peer-indeterminate\\:before\\:s-border-negative:before {
|
|
1467
|
-
border-color: var(--w-s-color-border-negative)
|
|
1468
|
-
}
|
|
1469
|
-
|
|
1470
|
-
.peer:indeterminate ~ .peer-indeterminate\\:before\\:s-border-primary:before {
|
|
1471
|
-
border-color: var(--w-s-color-border-primary)
|
|
1472
|
-
}
|
|
1473
|
-
|
|
1474
|
-
.peer:indeterminate ~ .peer-indeterminate\\:hover\\:before\\:s-border-negative-hover:hover:before {
|
|
1475
|
-
border-color: var(--w-s-color-border-negative-hover)
|
|
1476
|
-
}
|
|
1477
|
-
|
|
1478
|
-
.peer:indeterminate ~ .peer-indeterminate\\:hover\\:before\\:s-border-primary-hover:hover:before {
|
|
1479
|
-
border-color: var(--w-s-color-border-primary-hover)
|
|
1480
|
-
}
|
|
1481
|
-
|
|
1482
|
-
.group:hover .group-hover\\:s-border-selected-hover {
|
|
1483
|
-
border-color: var(--w-s-color-border-selected-hover)
|
|
1484
|
-
}
|
|
1485
|
-
|
|
1486
|
-
.hover\\:before\\:s-border-negative-hover:hover:before {
|
|
1487
|
-
border-color: var(--w-s-color-border-negative-hover)
|
|
1488
|
-
}
|
|
1489
|
-
|
|
1490
|
-
.hover\\:before\\:s-border-primary:hover:before {
|
|
1491
|
-
border-color: var(--w-s-color-border-primary)
|
|
1492
|
-
}
|
|
1493
|
-
|
|
1494
|
-
.hover\\:s-border-disabled:hover {
|
|
1495
|
-
border-color: var(--w-s-color-border-disabled)
|
|
1496
|
-
}
|
|
1497
|
-
|
|
1498
|
-
.hover\\:s-border-hover:hover {
|
|
1499
|
-
border-color: var(--w-s-color-border-hover)
|
|
1500
|
-
}
|
|
1501
|
-
|
|
1502
|
-
.hover\\:s-border-negative-hover:hover {
|
|
1503
|
-
border-color: var(--w-s-color-border-negative-hover)
|
|
1504
|
-
}
|
|
1505
|
-
|
|
1506
|
-
.hover\\:s-border-primary-hover:hover {
|
|
1507
|
-
border-color: var(--w-s-color-border-primary-hover)
|
|
1508
|
-
}
|
|
1509
|
-
|
|
1510
|
-
.hover\\:s-border-primary:hover {
|
|
1511
|
-
border-color: var(--w-s-color-border-primary)
|
|
1512
|
-
}
|
|
1513
|
-
|
|
1514
|
-
.hover\\:s-border-selected-hover:hover {
|
|
1515
|
-
border-color: var(--w-s-color-border-selected-hover)
|
|
1516
|
-
}
|
|
1517
|
-
|
|
1518
|
-
.peer:hover ~ .peer-hover\\:before\\:s-border-negative-hover:before {
|
|
1519
|
-
border-color: var(--w-s-color-border-negative-hover)
|
|
1520
|
-
}
|
|
1521
|
-
|
|
1522
|
-
.peer:hover ~ .peer-hover\\:before\\:s-border-primary:before {
|
|
1523
|
-
border-color: var(--w-s-color-border-primary)
|
|
1524
|
-
}
|
|
1525
|
-
|
|
1526
|
-
.focus\\:s-border-primary-hover:focus {
|
|
1527
|
-
border-color: var(--w-s-color-border-primary-hover)
|
|
1528
|
-
}
|
|
1529
|
-
|
|
1530
|
-
.active\\:s-border-active:active {
|
|
1531
|
-
border-color: var(--w-s-color-border-active)
|
|
1532
|
-
}
|
|
1533
|
-
|
|
1534
|
-
.active\\:s-border-disabled:active {
|
|
1535
|
-
border-color: var(--w-s-color-border-disabled)
|
|
1536
|
-
}
|
|
1537
|
-
|
|
1538
|
-
.active\\:s-border-primary-active:active {
|
|
1539
|
-
border-color: var(--w-s-color-border-primary-active)
|
|
1540
|
-
}
|
|
1541
|
-
|
|
1542
|
-
.active\\:s-border-selected-active:active {
|
|
1543
|
-
border-color: var(--w-s-color-border-selected-active)
|
|
1544
|
-
}
|
|
1545
|
-
|
|
1546
|
-
.active\\:s-border-selected:active {
|
|
1547
|
-
border-color: var(--w-s-color-border-selected)
|
|
1548
|
-
}
|
|
1549
|
-
|
|
1550
|
-
.group:active .group-active\\:s-border-active {
|
|
1551
|
-
border-color: var(--w-s-color-border-active)
|
|
1552
|
-
}
|
|
1553
|
-
|
|
1554
|
-
.group:active .group-active\\:s-border-selected-active {
|
|
1555
|
-
border-color: var(--w-s-color-border-selected-active)
|
|
1556
|
-
}
|
|
1557
|
-
|
|
1558
|
-
.before\\:s-border-disabled:before {
|
|
1559
|
-
border-color: var(--w-s-color-border-disabled)
|
|
1560
|
-
}
|
|
1561
|
-
|
|
1562
|
-
.before\\:s-border-negative:before {
|
|
1563
|
-
border-color: var(--w-s-color-border-negative)
|
|
1564
|
-
}
|
|
1565
|
-
|
|
1566
|
-
.s-surface-sunken {
|
|
1567
|
-
background-color: var(--w-s-color-surface-sunken)
|
|
1568
|
-
}
|
|
1569
|
-
|
|
1570
|
-
.s-surface-elevated-200 {
|
|
1571
|
-
background-color: var(--w-s-color-surface-elevated-200);
|
|
1572
|
-
box-shadow: var(--w-s-shadow-surface-elevated-200)
|
|
1573
|
-
}
|
|
1574
|
-
|
|
1575
|
-
.hover\\:s-surface-elevated-200-hover:hover {
|
|
1576
|
-
background-color: var(--w-s-color-surface-elevated-200-hover);
|
|
1577
|
-
box-shadow: var(--w-s-shadow-surface-elevated-200-hover)
|
|
1578
|
-
}
|
|
1579
|
-
|
|
1580
|
-
.active\\:s-surface-elevated-200-active:active {
|
|
1581
|
-
background-color: var(--w-s-color-surface-elevated-200-active);
|
|
1582
|
-
box-shadow: var(--w-s-shadow-surface-elevated-200-active)
|
|
1583
|
-
}
|
|
1584
|
-
|
|
1585
|
-
.drop-shadow-m {
|
|
1586
|
-
filter: drop-shadow(rgba(64, 64, 64, .24) 0 3px 8px) drop-shadow(rgba(64, 64, 64, .16) 0 3px 6px)
|
|
1587
|
-
}
|
|
1588
|
-
|
|
1589
|
-
.shadow-m {
|
|
1590
|
-
box-shadow: var(--w-shadow-m)
|
|
1591
|
-
}
|
|
1592
|
-
|
|
1593
|
-
.shadow-s {
|
|
1594
|
-
box-shadow: var(--w-shadow-s)
|
|
1595
|
-
}
|
|
1596
|
-
|
|
1597
|
-
.shadow-\\[--w-shadow-slider\\] {
|
|
1598
|
-
box-shadow: var(--w-shadow-slider)
|
|
1599
|
-
}
|
|
1600
|
-
|
|
1601
|
-
.hover\\:shadow-\\[--w-shadow-slider-handle-hover\\]:hover {
|
|
1602
|
-
box-shadow: var(--w-shadow-slider-handle-hover)
|
|
1603
|
-
}
|
|
1604
|
-
|
|
1605
|
-
.focus\\:shadow-\\[--w-shadow-slider-handle-hover\\]:focus {
|
|
1606
|
-
box-shadow: var(--w-shadow-slider-handle-hover)
|
|
1607
|
-
}
|
|
1608
|
-
|
|
1609
|
-
.active\\:shadow-\\[--w-shadow-slider-handle-active\\]:active {
|
|
1610
|
-
box-shadow: var(--w-shadow-slider-handle-active)
|
|
1611
|
-
}
|
|
1612
|
-
|
|
1613
|
-
.h-0 {
|
|
1614
|
-
height: 0rem
|
|
1615
|
-
}
|
|
1616
|
-
|
|
1617
|
-
.h-16 {
|
|
1618
|
-
height: 1.6rem
|
|
1619
|
-
}
|
|
1620
|
-
|
|
1621
|
-
.h-2 {
|
|
1622
|
-
height: .2rem
|
|
1623
|
-
}
|
|
1624
|
-
|
|
1625
|
-
.h-20 {
|
|
1626
|
-
height: 2rem
|
|
1627
|
-
}
|
|
1628
|
-
|
|
1629
|
-
.h-24 {
|
|
1630
|
-
height: 2.4rem
|
|
1631
|
-
}
|
|
1632
|
-
|
|
1633
|
-
.h-4 {
|
|
1634
|
-
height: .4rem
|
|
1635
|
-
}
|
|
1636
|
-
|
|
1637
|
-
.h-44 {
|
|
1638
|
-
height: 4.4rem
|
|
1639
|
-
}
|
|
1640
|
-
|
|
1641
|
-
.h-6 {
|
|
1642
|
-
height: .6rem
|
|
1643
|
-
}
|
|
1644
|
-
|
|
1645
|
-
.h-8 {
|
|
1646
|
-
height: .8rem
|
|
1647
|
-
}
|
|
1648
|
-
|
|
1649
|
-
.h-full {
|
|
1650
|
-
height: 100%
|
|
1651
|
-
}
|
|
1652
|
-
|
|
1653
|
-
.h-unset {
|
|
1654
|
-
height: unset
|
|
1655
|
-
}
|
|
1656
|
-
|
|
1657
|
-
.max-h-unset {
|
|
1658
|
-
max-height: unset
|
|
1659
|
-
}
|
|
1660
|
-
|
|
1661
|
-
.max-w-full {
|
|
1662
|
-
max-width: 100%
|
|
1663
|
-
}
|
|
1664
|
-
|
|
1665
|
-
.max-w-max {
|
|
1666
|
-
max-width: max-content
|
|
1667
|
-
}
|
|
1668
|
-
|
|
1669
|
-
.max-w-unset {
|
|
1670
|
-
max-width: unset
|
|
1671
|
-
}
|
|
1672
|
-
|
|
1673
|
-
.min-h-32 {
|
|
1674
|
-
min-height: 3.2rem
|
|
1675
|
-
}
|
|
1676
|
-
|
|
1677
|
-
.min-h-40 {
|
|
1678
|
-
min-height: 4rem
|
|
1679
|
-
}
|
|
1680
|
-
|
|
1681
|
-
.min-w-16 {
|
|
1682
|
-
min-width: 1.6rem
|
|
1683
|
-
}
|
|
1684
|
-
|
|
1685
|
-
.min-w-32 {
|
|
1686
|
-
min-width: 3.2rem
|
|
1687
|
-
}
|
|
1688
|
-
|
|
1689
|
-
.w-16 {
|
|
1690
|
-
width: 1.6rem
|
|
1691
|
-
}
|
|
1692
|
-
|
|
1693
|
-
.w-2 {
|
|
1694
|
-
width: .2rem
|
|
1695
|
-
}
|
|
1696
|
-
|
|
1697
|
-
.w-20 {
|
|
1698
|
-
width: 2rem
|
|
1699
|
-
}
|
|
1700
|
-
|
|
1701
|
-
.w-24 {
|
|
1702
|
-
width: 2.4rem
|
|
1703
|
-
}
|
|
1704
|
-
|
|
1705
|
-
.w-32 {
|
|
1706
|
-
width: 3.2rem
|
|
1707
|
-
}
|
|
1708
|
-
|
|
1709
|
-
.w-40 {
|
|
1710
|
-
width: 4rem
|
|
1711
|
-
}
|
|
1712
|
-
|
|
1713
|
-
.w-44 {
|
|
1714
|
-
width: 4.4rem
|
|
1715
|
-
}
|
|
1716
|
-
|
|
1717
|
-
.w-8 {
|
|
1718
|
-
width: .8rem
|
|
1719
|
-
}
|
|
1720
|
-
|
|
1721
|
-
.w-full {
|
|
1722
|
-
width: 100%
|
|
1723
|
-
}
|
|
1724
|
-
|
|
1725
|
-
.w-max {
|
|
1726
|
-
width: max-content
|
|
1727
|
-
}
|
|
1728
|
-
|
|
1729
|
-
.w-unset {
|
|
1730
|
-
width: unset
|
|
1731
|
-
}
|
|
1732
|
-
|
|
1733
|
-
.before\\:h-20:before {
|
|
1734
|
-
height: 2rem
|
|
1735
|
-
}
|
|
1736
|
-
|
|
1737
|
-
.before\\:h-full:before {
|
|
1738
|
-
height: 100%
|
|
1739
|
-
}
|
|
1740
|
-
|
|
1741
|
-
.before\\:w-20:before {
|
|
1742
|
-
width: 2rem
|
|
1743
|
-
}
|
|
1744
|
-
|
|
1745
|
-
.before\\:w-32:before {
|
|
1746
|
-
width: 3.2rem
|
|
1747
|
-
}
|
|
1748
|
-
|
|
1749
|
-
.h-\\[--w-modal-height\\] {
|
|
1750
|
-
height: var(--w-modal-height)
|
|
1751
|
-
}
|
|
1752
|
-
|
|
1753
|
-
.h-\\[14px\\] {
|
|
1754
|
-
height: 14px
|
|
1755
|
-
}
|
|
1756
|
-
|
|
1757
|
-
.h-\\[16px\\] {
|
|
1758
|
-
height: 16px
|
|
1759
|
-
}
|
|
1760
|
-
|
|
1761
|
-
.max-h-\\[--w-modal-max-height\\] {
|
|
1762
|
-
max-height: var(--w-modal-max-height)
|
|
1763
|
-
}
|
|
1764
|
-
|
|
1765
|
-
.min-h-\\[--w-modal-min-height\\] {
|
|
1766
|
-
min-height: var(--w-modal-min-height)
|
|
1767
|
-
}
|
|
1768
|
-
|
|
1769
|
-
.min-h-\\[32px\\] {
|
|
1770
|
-
min-height: 32px
|
|
1771
|
-
}
|
|
1772
|
-
|
|
1773
|
-
.min-h-\\[40px\\] {
|
|
1774
|
-
min-height: 40px
|
|
1775
|
-
}
|
|
1776
|
-
|
|
1777
|
-
.min-h-\\[42\\] {
|
|
1778
|
-
min-height: 4.2rem
|
|
1779
|
-
}
|
|
1780
|
-
|
|
1781
|
-
.min-h-\\[44px\\] {
|
|
1782
|
-
min-height: 44px
|
|
1783
|
-
}
|
|
1784
|
-
|
|
1785
|
-
.min-w-\\[32px\\] {
|
|
1786
|
-
min-width: 32px
|
|
1787
|
-
}
|
|
1788
|
-
|
|
1789
|
-
.min-w-\\[40px\\] {
|
|
1790
|
-
min-width: 40px
|
|
1791
|
-
}
|
|
1792
|
-
|
|
1793
|
-
.min-w-\\[44px\\] {
|
|
1794
|
-
min-width: 44px
|
|
1795
|
-
}
|
|
1796
|
-
|
|
1797
|
-
.w-\\[--w-modal-width\\] {
|
|
1798
|
-
width: var(--w-modal-width)
|
|
1799
|
-
}
|
|
1800
|
-
|
|
1801
|
-
.w-\\[14px\\] {
|
|
1802
|
-
width: 14px
|
|
1803
|
-
}
|
|
1804
|
-
|
|
1805
|
-
.w-\\[16px\\] {
|
|
1806
|
-
width: 16px
|
|
1807
|
-
}
|
|
1808
|
-
|
|
1809
|
-
.space-x-8 > :not([hidden]) ~ :not([hidden]) {
|
|
1810
|
-
--w-space-x-reverse: 0;
|
|
1811
|
-
margin-left: calc(.8rem * calc(1 - var(--w-space-x-reverse)));
|
|
1812
|
-
margin-right: calc(.8rem * var(--w-space-x-reverse))
|
|
1813
|
-
}
|
|
1814
|
-
|
|
1815
|
-
.space-y-16 > :not([hidden]) ~ :not([hidden]) {
|
|
1816
|
-
--w-space-y-reverse: 0;
|
|
1817
|
-
margin-top: calc(1.6rem * calc(1 - var(--w-space-y-reverse)));
|
|
1818
|
-
margin-bottom: calc(1.6rem * var(--w-space-y-reverse))
|
|
1819
|
-
}
|
|
1820
|
-
|
|
1821
|
-
.m-0 {
|
|
1822
|
-
margin: 0rem
|
|
1823
|
-
}
|
|
1824
|
-
|
|
1825
|
-
.m-auto {
|
|
1826
|
-
margin: auto
|
|
1827
|
-
}
|
|
1828
|
-
|
|
1829
|
-
.-mx-16 {
|
|
1830
|
-
margin-left: -1.6rem;
|
|
1831
|
-
margin-right: -1.6rem
|
|
1832
|
-
}
|
|
1833
|
-
|
|
1834
|
-
.mx-0 {
|
|
1835
|
-
margin-left: 0rem;
|
|
1836
|
-
margin-right: 0rem
|
|
1837
|
-
}
|
|
1838
|
-
|
|
1839
|
-
.mx-8 {
|
|
1840
|
-
margin-left: .8rem;
|
|
1841
|
-
margin-right: .8rem
|
|
1842
|
-
}
|
|
1843
|
-
|
|
1844
|
-
.mx-auto {
|
|
1845
|
-
margin-left: auto;
|
|
1846
|
-
margin-right: auto
|
|
1847
|
-
}
|
|
1848
|
-
|
|
1849
|
-
.-mb-1 {
|
|
1850
|
-
margin-bottom: -.1rem
|
|
1851
|
-
}
|
|
1852
|
-
|
|
1853
|
-
.-ml-8 {
|
|
1854
|
-
margin-left: -.8rem
|
|
1855
|
-
}
|
|
1856
|
-
|
|
1857
|
-
.-mr-1 {
|
|
1858
|
-
margin-right: -.1rem
|
|
1859
|
-
}
|
|
1860
|
-
|
|
1861
|
-
.-mr-8 {
|
|
1862
|
-
margin-right: -.8rem
|
|
1863
|
-
}
|
|
1864
|
-
|
|
1865
|
-
.-mt-2 {
|
|
1866
|
-
margin-top: -.2rem
|
|
1867
|
-
}
|
|
1868
|
-
|
|
1869
|
-
.-mt-4 {
|
|
1870
|
-
margin-top: -.4rem
|
|
1871
|
-
}
|
|
1872
|
-
|
|
1873
|
-
.last-child\\:mb-0 > :last-child, .mb-0 {
|
|
1874
|
-
margin-bottom: 0rem
|
|
1875
|
-
}
|
|
1876
|
-
|
|
1877
|
-
.mb-32 {
|
|
1878
|
-
margin-bottom: 3.2rem
|
|
1879
|
-
}
|
|
1880
|
-
|
|
1881
|
-
.ml-8 {
|
|
1882
|
-
margin-left: .8rem
|
|
1883
|
-
}
|
|
1884
|
-
|
|
1885
|
-
.ml-auto {
|
|
1886
|
-
margin-left: auto
|
|
1887
|
-
}
|
|
1888
|
-
|
|
1889
|
-
.mr-8 {
|
|
1890
|
-
margin-right: .8rem
|
|
1891
|
-
}
|
|
1892
|
-
|
|
1893
|
-
.mt-16 {
|
|
1894
|
-
margin-top: 1.6rem
|
|
1895
|
-
}
|
|
1896
|
-
|
|
1897
|
-
.mt-4 {
|
|
1898
|
-
margin-top: .4rem
|
|
1899
|
-
}
|
|
1900
|
-
|
|
1901
|
-
.group:not(:first-child) .group-not-first\\:-ml-2 {
|
|
1902
|
-
margin-left: -.2rem
|
|
1903
|
-
}
|
|
1904
|
-
|
|
1905
|
-
.last\\:mb-0:last-child {
|
|
1906
|
-
margin-bottom: 0rem
|
|
1907
|
-
}
|
|
1908
|
-
|
|
1909
|
-
.last\\:mr-0:last-child {
|
|
1910
|
-
margin-right: 0rem
|
|
1911
|
-
}
|
|
1912
|
-
|
|
1913
|
-
.m-\\[8px\\] {
|
|
1914
|
-
margin: 8px
|
|
1915
|
-
}
|
|
1916
|
-
|
|
1917
|
-
.p-0 {
|
|
1918
|
-
padding: 0rem
|
|
1919
|
-
}
|
|
1920
|
-
|
|
1921
|
-
.p-16 {
|
|
1922
|
-
padding: 1.6rem
|
|
1923
|
-
}
|
|
1924
|
-
|
|
1925
|
-
.p-4 {
|
|
1926
|
-
padding: .4rem
|
|
1927
|
-
}
|
|
1928
|
-
|
|
1929
|
-
.p-8 {
|
|
1930
|
-
padding: .8rem
|
|
1931
|
-
}
|
|
1932
|
-
|
|
1933
|
-
.px-0 {
|
|
1934
|
-
padding-left: 0rem;
|
|
1935
|
-
padding-right: 0rem
|
|
1936
|
-
}
|
|
1937
|
-
|
|
1938
|
-
.px-1 {
|
|
1939
|
-
padding-left: .1rem;
|
|
1940
|
-
padding-right: .1rem
|
|
1941
|
-
}
|
|
1942
|
-
|
|
1943
|
-
.px-12 {
|
|
1944
|
-
padding-left: 1.2rem;
|
|
1945
|
-
padding-right: 1.2rem
|
|
1946
|
-
}
|
|
1947
|
-
|
|
1948
|
-
.px-14 {
|
|
1949
|
-
padding-left: 1.4rem;
|
|
1950
|
-
padding-right: 1.4rem
|
|
1951
|
-
}
|
|
1952
|
-
|
|
1953
|
-
.px-16 {
|
|
1954
|
-
padding-left: 1.6rem;
|
|
1955
|
-
padding-right: 1.6rem
|
|
1956
|
-
}
|
|
1957
|
-
|
|
1958
|
-
.px-8 {
|
|
1959
|
-
padding-left: .8rem;
|
|
1960
|
-
padding-right: .8rem
|
|
1961
|
-
}
|
|
1962
|
-
|
|
1963
|
-
.py-0 {
|
|
1964
|
-
padding-top: 0rem;
|
|
1965
|
-
padding-bottom: 0rem
|
|
1966
|
-
}
|
|
1967
|
-
|
|
1968
|
-
.py-1 {
|
|
1969
|
-
padding-top: .1rem;
|
|
1970
|
-
padding-bottom: .1rem
|
|
1971
|
-
}
|
|
1972
|
-
|
|
1973
|
-
.py-10 {
|
|
1974
|
-
padding-top: 1rem;
|
|
1975
|
-
padding-bottom: 1rem
|
|
1976
|
-
}
|
|
1977
|
-
|
|
1978
|
-
.py-12 {
|
|
1979
|
-
padding-top: 1.2rem;
|
|
1980
|
-
padding-bottom: 1.2rem
|
|
1981
|
-
}
|
|
1982
|
-
|
|
1983
|
-
.py-2 {
|
|
1984
|
-
padding-top: .2rem;
|
|
1985
|
-
padding-bottom: .2rem
|
|
1986
|
-
}
|
|
1987
|
-
|
|
1988
|
-
.py-4 {
|
|
1989
|
-
padding-top: .4rem;
|
|
1990
|
-
padding-bottom: .4rem
|
|
1991
|
-
}
|
|
1992
|
-
|
|
1993
|
-
.py-6 {
|
|
1994
|
-
padding-top: .6rem;
|
|
1995
|
-
padding-bottom: .6rem
|
|
1996
|
-
}
|
|
1997
|
-
|
|
1998
|
-
.py-8 {
|
|
1999
|
-
padding-top: .8rem;
|
|
2000
|
-
padding-bottom: .8rem
|
|
2001
|
-
}
|
|
2002
|
-
|
|
2003
|
-
.pb-0 {
|
|
2004
|
-
padding-bottom: 0rem
|
|
2005
|
-
}
|
|
2006
|
-
|
|
2007
|
-
.pb-32 {
|
|
2008
|
-
padding-bottom: 3.2rem
|
|
2009
|
-
}
|
|
2010
|
-
|
|
2011
|
-
.pb-4 {
|
|
2012
|
-
padding-bottom: .4rem
|
|
2013
|
-
}
|
|
2014
|
-
|
|
2015
|
-
.pb-8 {
|
|
2016
|
-
padding-bottom: .8rem
|
|
2017
|
-
}
|
|
2018
|
-
|
|
2019
|
-
.pl-0 {
|
|
2020
|
-
padding-left: 0rem
|
|
2021
|
-
}
|
|
2022
|
-
|
|
2023
|
-
.pl-1 {
|
|
2024
|
-
padding-left: .1rem
|
|
2025
|
-
}
|
|
2026
|
-
|
|
2027
|
-
.pl-12 {
|
|
2028
|
-
padding-left: 1.2rem
|
|
2029
|
-
}
|
|
2030
|
-
|
|
2031
|
-
.pl-28 {
|
|
2032
|
-
padding-left: 2.8rem
|
|
2033
|
-
}
|
|
2034
|
-
|
|
2035
|
-
.pl-4 {
|
|
2036
|
-
padding-left: .4rem
|
|
2037
|
-
}
|
|
2038
|
-
|
|
2039
|
-
.pl-8 {
|
|
2040
|
-
padding-left: .8rem
|
|
2041
|
-
}
|
|
2042
|
-
|
|
2043
|
-
.pr-12 {
|
|
2044
|
-
padding-right: 1.2rem
|
|
2045
|
-
}
|
|
2046
|
-
|
|
2047
|
-
.pr-14 {
|
|
2048
|
-
padding-right: 1.4rem
|
|
2049
|
-
}
|
|
2050
|
-
|
|
2051
|
-
.pr-2 {
|
|
2052
|
-
padding-right: .2rem
|
|
2053
|
-
}
|
|
2054
|
-
|
|
2055
|
-
.pr-32 {
|
|
2056
|
-
padding-right: 3.2rem
|
|
2057
|
-
}
|
|
2058
|
-
|
|
2059
|
-
.pr-40 {
|
|
2060
|
-
padding-right: 4rem
|
|
2061
|
-
}
|
|
2062
|
-
|
|
2063
|
-
.pt-0 {
|
|
2064
|
-
padding-top: 0rem
|
|
2065
|
-
}
|
|
2066
|
-
|
|
2067
|
-
.pt-1 {
|
|
2068
|
-
padding-top: .1rem
|
|
2069
|
-
}
|
|
2070
|
-
|
|
2071
|
-
.pt-16 {
|
|
2072
|
-
padding-top: 1.6rem
|
|
2073
|
-
}
|
|
2074
|
-
|
|
2075
|
-
.pt-24 {
|
|
2076
|
-
padding-top: 2.4rem
|
|
2077
|
-
}
|
|
2078
|
-
|
|
2079
|
-
.pt-8 {
|
|
2080
|
-
padding-top: .8rem
|
|
2081
|
-
}
|
|
2082
|
-
|
|
2083
|
-
.group\\/step:last-child .group-last\\/step\\:last\\:pb-0:last-child {
|
|
2084
|
-
padding-bottom: 0rem
|
|
2085
|
-
}
|
|
2086
|
-
|
|
2087
|
-
.last\\:pb-1:last-child {
|
|
2088
|
-
padding-bottom: .1rem
|
|
2089
|
-
}
|
|
2090
|
-
|
|
2091
|
-
.last\\:pr-1:last-child {
|
|
2092
|
-
padding-right: .1rem
|
|
2093
|
-
}
|
|
2094
|
-
|
|
2095
|
-
.p-\\[8px\\] {
|
|
2096
|
-
padding: 8px
|
|
2097
|
-
}
|
|
2098
|
-
|
|
2099
|
-
.px-\\[15px\\] {
|
|
2100
|
-
padding-left: 15px;
|
|
2101
|
-
padding-right: 15px
|
|
2102
|
-
}
|
|
2103
|
-
|
|
2104
|
-
.px-\\[8px\\] {
|
|
2105
|
-
padding-left: 8px;
|
|
2106
|
-
padding-right: 8px
|
|
2107
|
-
}
|
|
2108
|
-
|
|
2109
|
-
.py-\\[11px\\] {
|
|
2110
|
-
padding-top: 11px;
|
|
2111
|
-
padding-bottom: 11px
|
|
2112
|
-
}
|
|
2113
|
-
|
|
2114
|
-
.py-\\[5px\\] {
|
|
2115
|
-
padding-top: 5px;
|
|
2116
|
-
padding-bottom: 5px
|
|
2117
|
-
}
|
|
2118
|
-
|
|
2119
|
-
.py-\\[7px\\] {
|
|
2120
|
-
padding-top: 7px;
|
|
2121
|
-
padding-bottom: 7px
|
|
2122
|
-
}
|
|
2123
|
-
|
|
2124
|
-
.pl-\\[var\\(--w-prefix-width\\,_40px\\)\\] {
|
|
2125
|
-
padding-left: var(--w-prefix-width, 40px)
|
|
2126
|
-
}
|
|
2127
|
-
|
|
2128
|
-
.invisible {
|
|
2129
|
-
visibility: hidden
|
|
2130
|
-
}
|
|
2131
|
-
|
|
2132
|
-
.backface-hidden {
|
|
2133
|
-
backface-visibility: hidden
|
|
2134
|
-
}
|
|
2135
|
-
|
|
2136
|
-
.break-words {
|
|
2137
|
-
overflow-wrap: break-word
|
|
2138
|
-
}
|
|
2139
|
-
|
|
2140
|
-
.before\\:content-\\[\\"–\\"\\]:before {
|
|
2141
|
-
content: "–"
|
|
2142
|
-
}
|
|
2143
|
-
|
|
2144
|
-
.before\\:content-\\[\\"\\"\\]:before {
|
|
2145
|
-
content: ""
|
|
2146
|
-
}
|
|
2147
|
-
|
|
2148
|
-
.cursor-default {
|
|
2149
|
-
cursor: default
|
|
2150
|
-
}
|
|
2151
|
-
|
|
2152
|
-
.cursor-pointer {
|
|
2153
|
-
cursor: pointer
|
|
2154
|
-
}
|
|
2155
|
-
|
|
2156
|
-
.antialiased {
|
|
2157
|
-
-webkit-font-smoothing: antialiased;
|
|
2158
|
-
-moz-osx-font-smoothing: grayscale;
|
|
2159
|
-
font-smoothing: grayscale
|
|
2160
|
-
}
|
|
2161
|
-
|
|
2162
|
-
.font-bold {
|
|
2163
|
-
font-weight: 700
|
|
2164
|
-
}
|
|
2165
|
-
|
|
2166
|
-
.before\\:font-bold:before {
|
|
2167
|
-
font-weight: 700
|
|
2168
|
-
}
|
|
2169
|
-
|
|
2170
|
-
.font-normal {
|
|
2171
|
-
font-weight: 400
|
|
2172
|
-
}
|
|
2173
|
-
|
|
2174
|
-
.pointer-events-auto {
|
|
2175
|
-
pointer-events: auto
|
|
2176
|
-
}
|
|
2177
|
-
|
|
2178
|
-
.pointer-events-none {
|
|
2179
|
-
pointer-events: none
|
|
2180
|
-
}
|
|
2181
|
-
|
|
2182
|
-
.before\\:pointer-events-none:before {
|
|
2183
|
-
pointer-events: none
|
|
2184
|
-
}
|
|
2185
|
-
|
|
2186
|
-
.pb-safe-\\[32\\] {
|
|
2187
|
-
padding-bottom: calc(32px + env(safe-area-inset-bottom, 0px))
|
|
2188
|
-
}
|
|
2189
|
-
|
|
2190
|
-
.sr-only {
|
|
2191
|
-
position: absolute;
|
|
2192
|
-
width: 1px;
|
|
2193
|
-
height: 1px;
|
|
2194
|
-
padding: 0;
|
|
2195
|
-
margin: -1px;
|
|
2196
|
-
overflow: hidden;
|
|
2197
|
-
clip: rect(0, 0, 0, 0);
|
|
2198
|
-
white-space: nowrap;
|
|
2199
|
-
border-width: 0
|
|
2200
|
-
}
|
|
2201
|
-
|
|
2202
|
-
.touch-pan-y {
|
|
2203
|
-
touch-action: pan-y
|
|
2204
|
-
}
|
|
2205
|
-
|
|
2206
|
-
.select-none {
|
|
2207
|
-
-webkit-user-select: none;
|
|
2208
|
-
user-select: none
|
|
2209
|
-
}
|
|
2210
|
-
|
|
2211
|
-
.translate-x-20 {
|
|
2212
|
-
--w-translate-x: 2rem;
|
|
2213
|
-
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))
|
|
2214
|
-
}
|
|
2215
|
-
|
|
2216
|
-
.translate-z-0 {
|
|
2217
|
-
--w-translate-z: 0rem;
|
|
2218
|
-
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))
|
|
2219
|
-
}
|
|
2220
|
-
|
|
2221
|
-
.-rotate-180, .part-\\[w-icon-chevron-down-16-part\\]\\:-rotate-180::part(w-icon-chevron-down-16-part) {
|
|
2222
|
-
--w-rotate-x: 0;
|
|
2223
|
-
--w-rotate-y: 0;
|
|
2224
|
-
--w-rotate-z: 0;
|
|
2225
|
-
--w-rotate: -180deg;
|
|
2226
|
-
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))
|
|
2227
|
-
}
|
|
2228
|
-
|
|
2229
|
-
.part-\\[w-icon-chevron-up-16-part\\]\\:rotate-180::part(w-icon-chevron-up-16-part), .rotate-180 {
|
|
2230
|
-
--w-rotate-x: 0;
|
|
2231
|
-
--w-rotate-y: 0;
|
|
2232
|
-
--w-rotate-z: 0;
|
|
2233
|
-
--w-rotate: 180deg;
|
|
2234
|
-
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))
|
|
2235
|
-
}
|
|
2236
|
-
|
|
2237
|
-
.rotate-90 {
|
|
2238
|
-
--w-rotate-x: 0;
|
|
2239
|
-
--w-rotate-y: 0;
|
|
2240
|
-
--w-rotate-z: 0;
|
|
2241
|
-
--w-rotate: 90deg;
|
|
2242
|
-
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))
|
|
2243
|
-
}
|
|
2244
|
-
|
|
2245
|
-
.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 {
|
|
2246
|
-
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))
|
|
2247
|
-
}
|
|
2248
|
-
|
|
2249
|
-
.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 {
|
|
2250
|
-
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))
|
|
2251
|
-
}
|
|
2252
|
-
|
|
2253
|
-
.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 {
|
|
2254
|
-
transition-property: transform;
|
|
2255
|
-
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
|
|
2256
|
-
transition-duration: .15s
|
|
2257
|
-
}
|
|
2258
|
-
|
|
2259
|
-
.transition-300 {
|
|
2260
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
2261
|
-
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
|
|
2262
|
-
transition-duration: .3s
|
|
2263
|
-
}
|
|
2264
|
-
|
|
2265
|
-
.transition-all {
|
|
2266
|
-
transition-property: all;
|
|
2267
|
-
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
|
|
2268
|
-
transition-duration: .15s
|
|
2269
|
-
}
|
|
2270
|
-
|
|
2271
|
-
.transition-colors {
|
|
2272
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
|
|
2273
|
-
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
|
|
2274
|
-
transition-duration: .15s
|
|
2275
|
-
}
|
|
2276
|
-
|
|
2277
|
-
.transition-shadow {
|
|
2278
|
-
transition-property: box-shadow;
|
|
2279
|
-
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
|
|
2280
|
-
transition-duration: .15s
|
|
2281
|
-
}
|
|
2282
|
-
|
|
2283
|
-
.before\\:transition-all:before {
|
|
2284
|
-
transition-property: all;
|
|
2285
|
-
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
|
|
2286
|
-
transition-duration: .15s
|
|
2287
|
-
}
|
|
2288
|
-
|
|
2289
|
-
.duration-300 {
|
|
2290
|
-
transition-duration: .3s
|
|
2291
|
-
}
|
|
2292
|
-
|
|
2293
|
-
.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) {
|
|
2294
|
-
transition-timing-function: cubic-bezier(.4, 0, .2, 1)
|
|
2295
|
-
}
|
|
2296
|
-
|
|
2297
|
-
.text-m {
|
|
2298
|
-
font-size: var(--w-font-size-m);
|
|
2299
|
-
line-height: var(--w-line-height-m)
|
|
2300
|
-
}
|
|
2301
|
-
|
|
2302
|
-
.text-s {
|
|
2303
|
-
font-size: var(--w-font-size-s);
|
|
2304
|
-
line-height: var(--w-line-height-s)
|
|
2305
|
-
}
|
|
2306
|
-
|
|
2307
|
-
.text-xs {
|
|
2308
|
-
font-size: var(--w-font-size-xs);
|
|
2309
|
-
line-height: var(--w-line-height-xs)
|
|
2310
|
-
}
|
|
2311
|
-
|
|
2312
|
-
.leading-m {
|
|
2313
|
-
line-height: var(--w-line-height-m)
|
|
2314
|
-
}
|
|
2315
|
-
|
|
2316
|
-
.before\\:leading-xs:before {
|
|
2317
|
-
line-height: var(--w-line-height-xs)
|
|
2318
|
-
}
|
|
2319
|
-
|
|
2320
|
-
.leading-\\[24\\] {
|
|
2321
|
-
line-height: 2.4rem
|
|
2322
|
-
}
|
|
2323
|
-
|
|
2324
|
-
@media (max-width: 479.9px) {
|
|
2325
|
-
.lt-sm\\:rounded-b-0 {
|
|
2326
|
-
border-bottom-left-radius: 0;
|
|
2327
|
-
border-bottom-right-radius: 0
|
|
2328
|
-
}
|
|
2329
|
-
}
|
|
2330
|
-
@media (min-width: 480px) {
|
|
2331
|
-
.sm\\:border-b-0 {
|
|
2332
|
-
border-bottom-width: 0
|
|
2333
|
-
}
|
|
2334
|
-
|
|
2335
|
-
.sm\\:rounded-8 {
|
|
2336
|
-
border-radius: 8px
|
|
2337
|
-
}
|
|
2338
|
-
|
|
2339
|
-
.sm\\:rounded-b-8 {
|
|
2340
|
-
border-bottom-left-radius: 8px;
|
|
2341
|
-
border-bottom-right-radius: 8px
|
|
2342
|
-
}
|
|
2343
|
-
|
|
2344
|
-
.sm\\:gap-16 {
|
|
2345
|
-
gap: 1.6rem
|
|
2346
|
-
}
|
|
2347
|
-
|
|
2348
|
-
.sm\\:place-content-center {
|
|
2349
|
-
place-content: center
|
|
2350
|
-
}
|
|
2351
|
-
|
|
2352
|
-
.sm\\:place-items-center {
|
|
2353
|
-
place-items: center
|
|
2354
|
-
}
|
|
2355
|
-
|
|
2356
|
-
.sm\\:h-24 {
|
|
2357
|
-
height: 2.4rem
|
|
2358
|
-
}
|
|
2359
|
-
|
|
2360
|
-
.sm\\:min-h-48 {
|
|
2361
|
-
min-height: 4.8rem
|
|
2362
|
-
}
|
|
2363
|
-
|
|
2364
|
-
.sm\\:w-24 {
|
|
2365
|
-
width: 2.4rem
|
|
2366
|
-
}
|
|
2367
|
-
|
|
2368
|
-
.sm\\:min-h-\\[32px\\] {
|
|
2369
|
-
min-height: 32px
|
|
2370
|
-
}
|
|
2371
|
-
|
|
2372
|
-
.sm\\:min-h-\\[44px\\] {
|
|
2373
|
-
min-height: 44px
|
|
2374
|
-
}
|
|
2375
|
-
|
|
2376
|
-
.sm\\:min-h-\\[45\\] {
|
|
2377
|
-
min-height: 4.5rem
|
|
2378
|
-
}
|
|
2379
|
-
|
|
2380
|
-
.sm\\:min-w-\\[32px\\] {
|
|
2381
|
-
min-width: 32px
|
|
2382
|
-
}
|
|
2383
|
-
|
|
2384
|
-
.sm\\:min-w-\\[44px\\] {
|
|
2385
|
-
min-width: 44px
|
|
2386
|
-
}
|
|
2387
|
-
|
|
2388
|
-
.sm\\:mx-0 {
|
|
2389
|
-
margin-left: 0rem;
|
|
2390
|
-
margin-right: 0rem
|
|
2391
|
-
}
|
|
2392
|
-
|
|
2393
|
-
.sm\\:mx-16 {
|
|
2394
|
-
margin-left: 1.6rem;
|
|
2395
|
-
margin-right: 1.6rem
|
|
2396
|
-
}
|
|
2397
|
-
|
|
2398
|
-
.sm\\:-ml-12 {
|
|
2399
|
-
margin-left: -1.2rem
|
|
2400
|
-
}
|
|
2401
|
-
|
|
2402
|
-
.sm\\:-mr-12 {
|
|
2403
|
-
margin-right: -1.2rem
|
|
2404
|
-
}
|
|
2405
|
-
|
|
2406
|
-
.sm\\:-mt-8 {
|
|
2407
|
-
margin-top: -.8rem
|
|
2408
|
-
}
|
|
2409
|
-
|
|
2410
|
-
.sm\\:px-32 {
|
|
2411
|
-
padding-left: 3.2rem;
|
|
2412
|
-
padding-right: 3.2rem
|
|
2413
|
-
}
|
|
2414
|
-
|
|
2415
|
-
.sm\\:py-0 {
|
|
2416
|
-
padding-top: 0rem;
|
|
2417
|
-
padding-bottom: 0rem
|
|
2418
|
-
}
|
|
2419
|
-
|
|
2420
|
-
.sm\\:pb-32 {
|
|
2421
|
-
padding-bottom: 3.2rem
|
|
2422
|
-
}
|
|
2423
|
-
|
|
2424
|
-
.sm\\:pt-24 {
|
|
2425
|
-
padding-top: 2.4rem
|
|
2426
|
-
}
|
|
2427
|
-
|
|
2428
|
-
.sm\\:pt-32 {
|
|
2429
|
-
padding-top: 3.2rem
|
|
2430
|
-
}
|
|
2431
|
-
}
|
|
2432
|
-
@media (min-width: 768px) {
|
|
2433
|
-
.md\\:block {
|
|
2434
|
-
display: block
|
|
2435
|
-
}
|
|
2436
|
-
|
|
2437
|
-
.md\\:hidden {
|
|
2438
|
-
display: none
|
|
2439
|
-
}
|
|
2440
|
-
}
|
|
2441
|
-
`;import{css as el}from"lit";var Ko=el`*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.focus\\:\\[--w-outline-offset\\:-2px\\]:focus{--w-outline-offset:-2px}.bg-transparent{background-color:#0000}.rounded-4{border-radius:4px}.block{display:block}.flex{display:flex}.focusable:focus{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:focus-visible{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:not(:focus-visible){outline:none}.items-center{align-items:center}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.top-0{top:0}.justify-center{justify-content:center}.absolute{position:absolute}.relative{position:relative}.static{position:static}.s-text{color:var(--w-s-color-text)}.w-40{width:4rem}.w-max{width:max-content}.pb-0{padding-bottom:0}.pl-12{padding-left:1.2rem}.pr-12{padding-right:1.2rem}.cursor-default{cursor:default}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:grayscale}.font-bold{font-weight:700}.text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs)}`;import{LitElement as xl}from"lit";import{unsafeStatic as yl,html as kl}from"lit/static-html.js";var ii=Ws(ti(),1);var Qe=t=>typeof t=="string",cl=t=>typeof t=="function",ri=new Map,ai="en";function Zr(t){return[...Array.isArray(t)?t:[t],ai]}function Kr(t,e,r){let o=Zr(t);r||(r="default");let i;if(typeof r=="string")switch(i={day:"numeric",month:"short",year:"numeric"},r){case"full":i.weekday="long";case"long":i.month="long";break;case"short":i.month="numeric";break}else i=r;return rr(()=>or("date",o,r),()=>new Intl.DateTimeFormat(o,i)).format(Qe(e)?new Date(e):e)}function dl(t,e,r){let o;if(r||(r="default"),typeof r=="string")switch(o={second:"numeric",minute:"numeric",hour:"numeric"},r){case"full":case"long":o.timeZoneName="short";break;case"short":delete o.second}else o=r;return Kr(t,e,o)}function Qr(t,e,r){let o=Zr(t);return rr(()=>or("number",o,r),()=>new Intl.NumberFormat(o,r)).format(e)}function oi(t,e,r,{offset:o=0,...i}){var l,d;let a=Zr(t),n=e?rr(()=>or("plural-ordinal",a),()=>new Intl.PluralRules(a,{type:"ordinal"})):rr(()=>or("plural-cardinal",a),()=>new Intl.PluralRules(a,{type:"cardinal"}));return(d=(l=i[r])!=null?l:i[n.select(r-o)])!=null?d:i.other}function rr(t,e){let r=t(),o=ri.get(r);return o||(o=e(),ri.set(r,o)),o}function or(t,e,r){let o=e.join("-");return`${t}-${o}-${JSON.stringify(r)}`}var ni=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,si="%__lingui_octothorpe__%",ul=(t,e,r={})=>{let o=e||t,i=n=>typeof n=="object"?n:r[n],a=(n,l)=>{let d=Object.keys(r).length?i("number"):void 0,u=Qr(o,n,d);return l.replace(new RegExp(si,"g"),u)};return{plural:(n,l)=>{let{offset:d=0}=l,u=oi(o,!1,n,l);return a(n-d,u)},selectordinal:(n,l)=>{let{offset:d=0}=l,u=oi(o,!0,n,l);return a(n-d,u)},select:pl,number:(n,l)=>Qr(o,n,i(l)||{style:l}),date:(n,l)=>Kr(o,n,i(l)||l),time:(n,l)=>dl(o,n,i(l)||l)}},pl=(t,e)=>{var r;return(r=e[t])!=null?r:e.other};function ml(t,e,r){return(o={},i)=>{let a=ul(e,r,i),n=(d,u=!1)=>Array.isArray(d)?d.reduce((p,m)=>{if(m==="#"&&u)return p+si;if(Qe(m))return p+m;let[$,h,y]=m,_={};h==="plural"||h==="selectordinal"||h==="select"?Object.entries(y).forEach(([N,M])=>{_[N]=n(M,h==="plural"||h==="selectordinal")}):_=y;let E;if(h){let N=a[h];E=N(o[$],_)}else E=o[$];return E==null?p:p+E},""):d,l=n(t);return Qe(l)&&ni.test(l)?(0,ii.unraw)(l):Qe(l)?l:l?String(l):""}}var hl=Object.defineProperty,bl=(t,e,r)=>e in t?hl(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,gl=(t,e,r)=>(bl(t,typeof e!="symbol"?e+"":e,r),r),Yr=class{constructor(){gl(this,"_events",{})}on(e,r){var i;var o;return(i=(o=this._events)[e])!=null||(o[e]=[]),this._events[e].push(r),()=>this.removeListener(e,r)}removeListener(e,r){let o=this._getListeners(e);if(!o)return;let i=o.indexOf(r);~i&&o.splice(i,1)}emit(e,...r){let o=this._getListeners(e);o&&o.map(i=>i.apply(this,r))}_getListeners(e){let r=this._events[e];return Array.isArray(r)?r:!1}},fl=Object.defineProperty,vl=(t,e,r)=>e in t?fl(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,at=(t,e,r)=>(vl(t,typeof e!="symbol"?e+"":e,r),r),Xr=class extends Yr{constructor(e){var r;super(),at(this,"_locale",""),at(this,"_locales"),at(this,"_localeData",{}),at(this,"_messages",{}),at(this,"_missing"),at(this,"_messageCompiler"),at(this,"t",this._.bind(this)),e.missing!=null&&(this._missing=e.missing),e.messages!=null&&this.load(e.messages),e.localeData!=null&&this.loadLocaleData(e.localeData),(typeof e.locale=="string"||e.locales)&&this.activate((r=e.locale)!=null?r:ai,e.locales)}get locale(){return this._locale}get locales(){return this._locales}get messages(){var e;return(e=this._messages[this._locale])!=null?e:{}}get localeData(){var e;return(e=this._localeData[this._locale])!=null?e:{}}_loadLocaleData(e,r){let o=this._localeData[e];o?Object.assign(o,r):this._localeData[e]=r}setMessagesCompiler(e){return this._messageCompiler=e,this}loadLocaleData(e,r){typeof e=="string"?this._loadLocaleData(e,r):Object.keys(e).forEach(o=>this._loadLocaleData(o,e[o])),this.emit("change")}_load(e,r){let o=this._messages[e];o?Object.assign(o,r):this._messages[e]=r}load(e,r){typeof e=="string"&&typeof r=="object"?this._load(e,r):Object.entries(e).forEach(([o,i])=>this._load(o,i)),this.emit("change")}loadAndActivate({locale:e,locales:r,messages:o}){this._locale=e,this._locales=r||void 0,this._messages[this._locale]=o,this.emit("change")}activate(e,r){this._locale=e,this._locales=r,this.emit("change")}_(e,r,o){if(!this.locale)throw new Error("Lingui: Attempted to call a translation function without setting a locale.\nMake sure to call `i18n.activate(locale)` before using Lingui functions.\nThis issue may also occur due to a race condition in your initialization logic.");let i=o==null?void 0:o.message;e||(e=""),Qe(e)||(r=e.values||r,i=e.message,e=e.id);let a=this.messages[e],n=a===void 0,l=this._missing;if(l&&n)return cl(l)?l(this._locale,e):l;n&&this.emit("missing",{id:e,locale:this._locale});let d=a||i||e;return Qe(d)&&(this._messageCompiler?d=this._messageCompiler(d):console.warn(`Uncompiled message detected! Message:
|
|
2442
|
-
|
|
2443
|
-
> ${d}
|
|
2444
|
-
|
|
2445
|
-
That means you use raw catalog or your catalog doesn't have a translation for the message and fallback was used.
|
|
2446
|
-
ICU features such as interpolation and plurals will not work properly for that message.
|
|
2447
|
-
|
|
2448
|
-
Please compile your catalog first.
|
|
2449
|
-
`)),Qe(d)&&ni.test(d)?JSON.parse(`"${d}"`):Qe(d)?d:ml(d,this._locale,this._locales)(r,o==null?void 0:o.formats)}date(e,r){return Kr(this._locales||this._locale,e,r)}number(e,r){return Qr(this._locales||this._locale,e,r)}};function wl(t={}){return new Xr(t)}var c=wl();var $l=JSON.parse('{"icon.title.search":["Forst\xF8rrelsesglass"]}'),El=JSON.parse('{"icon.title.search":["Magnifying glass"]}'),Cl=JSON.parse('{"icon.title.search":["Suurennuslasi"]}'),_l=JSON.parse('{"icon.title.search":["Forst\xF8rrelsesglas"]}'),Sl=JSON.parse('{"icon.title.search":["F\xF6rstoringsglas"]}'),li=["en","nb","fi","da","sv"],ci="en",Ll=()=>{var t;let e;switch((t=process==null?void 0:process.env)==null?void 0:t.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},di=()=>{var t;let e=(t=document==null?void 0:document.location)==null?void 0:t.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":ci},Gr=t=>li.find(e=>t===e||t.toLowerCase().includes(e))||di();function Ol(){var t;if(typeof window=="undefined"){let e=Ll();return Gr(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=di();return li.includes(e)?Gr(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),Gr(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),ci}}var Tl=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,Nl=(t,e,r,o,i)=>{let a=Ol(),n=Tl(a,t,e,r,o,i);c.load(a,n),c.activate(a)};Nl(El,$l,Cl,_l,Sl);var Ml=class extends xl{render(){let t=c.t({message:"Magnifying glass",id:"icon.title.search",comment:"Title for search icon"});return kl`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-search-16-part">${yl(`<title>${t}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M8.905 12.102A6.042 6.042 0 1 0 4.18.981a6.042 6.042 0 0 0 4.726 11.121Zm1.909-1.289L15.5 15.5"></path></svg>`}};customElements.get("w-icon-search-16")||customElements.define("w-icon-search-16",Ml);import{LitElement as zl}from"lit";import{unsafeStatic as Al,html as Dl}from"lit/static-html.js";var Bl=JSON.parse('{"icon.title.close":["Kryss"]}'),Pl=JSON.parse('{"icon.title.close":["Cross"]}'),Rl=JSON.parse('{"icon.title.close":["Rasti"]}'),Vl=JSON.parse('{"icon.title.close":["Kryds"]}'),Il=JSON.parse('{"icon.title.close":["Kryss"]}'),ui=["en","nb","fi","da","sv"],pi="en",Fl=()=>{var t;let e;switch((t=process==null?void 0:process.env)==null?void 0:t.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},mi=()=>{var t;let e=(t=document==null?void 0:document.location)==null?void 0:t.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":pi},Wr=t=>ui.find(e=>t===e||t.toLowerCase().includes(e))||mi();function Hl(){var t;if(typeof window=="undefined"){let e=Fl();return Wr(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=mi();return ui.includes(e)?Wr(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),Wr(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),pi}}var jl=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,ql=(t,e,r,o,i)=>{let a=Hl(),n=jl(a,t,e,r,o,i);c.load(a,n),c.activate(a)};ql(Pl,Bl,Rl,Vl,Il);var Ul=class extends zl{render(){let t=c.t({message:"Cross",id:"icon.title.close",comment:"Title for close icon"});return Dl`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-close-16-part">${Al(`<title>${t}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m12.5 3.5-9 9m0-9 9 9"></path></svg>`}};customElements.get("w-icon-close-16")||customElements.define("w-icon-close-16",Ul);var bi="absolute top-0 bottom-0 flex justify-center items-center focusable rounded-4 focus:[--w-outline-offset:-2px] bg-transparent ",Ql={wrapper:bi+"right-0",wrapperWithLabel:"w-max pr-12",wrapperWithIcon:"w-40",label:"antialiased block relative cursor-default pb-0 font-bold text-xs s-text"},Yl={wrapper:bi+"left-0",wrapperWithLabel:"w-max pl-12",wrapperWithIcon:"w-40",label:"antialiased block relative cursor-default pb-0 font-bold text-xs s-text"},Ye=class extends Jl{constructor(){super(...arguments);this.clear=!1;this.search=!1}get _classBase(){return this.slot==="suffix"?Ql:Yl}get _classes(){return k([this._classBase.wrapper,this.label?this._classBase.wrapperWithLabel:this._classBase.wrapperWithIcon])}get _searchButton(){return ir`
|
|
2450
|
-
<button aria-label="${hi(this.ariaLabel)}" class="${this._classes}" type="submit">
|
|
2451
|
-
<w-icon-search-16></w-icon-search-16>
|
|
2452
|
-
</button>
|
|
2453
|
-
`}get _clearButton(){return ir`
|
|
2454
|
-
<button aria-label="${hi(this.ariaLabel)}" class="${this._classes}" type="reset">
|
|
2455
|
-
<w-icon-close-16></w-icon-close-16>
|
|
2456
|
-
</button>
|
|
2457
|
-
`}get _text(){return ir`
|
|
2458
|
-
<div class="${this._classes}">
|
|
2459
|
-
<span class="${this._classBase.label}">${this.label}</span>
|
|
2460
|
-
</div>
|
|
2461
|
-
`}get _markup(){if(this.label)return this._text;if(this.search)return this._searchButton;if(this.clear)return this._clearButton}render(){return ir`${this._markup}`}};Ye.styles=[O,Ko],s([ar({attribute:"aria-label"})],Ye.prototype,"ariaLabel",2),s([ar({type:Boolean})],Ye.prototype,"clear",2),s([ar({type:Boolean})],Ye.prototype,"search",2),s([ar()],Ye.prototype,"label",2);customElements.get("w-affix")||customElements.define("w-affix",Ye);import{css as Yc,html as Nt,LitElement as Xc}from"lit";import{property as io}from"lit/decorators.js";import{LitElement as Xl}from"lit";import{unsafeStatic as Zl,html as Kl}from"lit/static-html.js";var Gl=JSON.parse('{"icon.title.info":["Informasjonssirkel"]}'),Wl=JSON.parse('{"icon.title.info":["Information circle"]}'),ec=JSON.parse('{"icon.title.info":["Ympyr\xE4, jonka sis\xE4ll\xE4 on i-kirjain"]}'),tc=JSON.parse('{"icon.title.info":["Informationscirkel"]}'),rc=JSON.parse('{"icon.title.info":["Informationscirkel"]}'),gi=["en","nb","fi","da","sv"],fi="en",oc=()=>{var t;let e;switch((t=process==null?void 0:process.env)==null?void 0:t.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},vi=()=>{var t;let e=(t=document==null?void 0:document.location)==null?void 0:t.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":fi},eo=t=>gi.find(e=>t===e||t.toLowerCase().includes(e))||vi();function ic(){var t;if(typeof window=="undefined"){let e=oc();return eo(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=vi();return gi.includes(e)?eo(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),eo(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),fi}}var ac=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,nc=(t,e,r,o,i)=>{let a=ic(),n=ac(a,t,e,r,o,i);c.load(a,n),c.activate(a)};nc(Wl,Gl,ec,tc,rc);var sc=class extends Xl{render(){let t=c.t({message:"Information circle",id:"icon.title.info",comment:"Title for info icon"});return Kl`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-info-16-part">${Zl(`<title>${t}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" d="M8 6.5v5"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M8 4v.5"></path><path stroke="currentColor" stroke-miterlimit="10" d="M8 .5a7.5 7.5 0 1 1 0 15 7.5 7.5 0 0 1 0-15Z"></path></svg>`}};customElements.get("w-icon-info-16")||customElements.define("w-icon-info-16",sc);import{LitElement as lc}from"lit";import{unsafeStatic as cc,html as dc}from"lit/static-html.js";var uc=JSON.parse('{"icon.title.warning":["Varseltrekant med utropstegn"]}'),pc=JSON.parse('{"icon.title.warning":["Warning triangle with exclamation point"]}'),mc=JSON.parse('{"icon.title.warning":["Varoituskolmio, jonka sis\xE4ll\xE4 on huutomerkki"]}'),hc=JSON.parse('{"icon.title.warning":["Advarselstrekant med et udr\xE5bstegn"]}'),bc=JSON.parse('{"icon.title.warning":["Varningstriangel med utropstecken"]}'),wi=["en","nb","fi","da","sv"],xi="en",gc=()=>{var t;let e;switch((t=process==null?void 0:process.env)==null?void 0:t.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},yi=()=>{var t;let e=(t=document==null?void 0:document.location)==null?void 0:t.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":xi},to=t=>wi.find(e=>t===e||t.toLowerCase().includes(e))||yi();function fc(){var t;if(typeof window=="undefined"){let e=gc();return to(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=yi();return wi.includes(e)?to(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),to(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),xi}}var vc=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,wc=(t,e,r,o,i)=>{let a=fc(),n=vc(a,t,e,r,o,i);c.load(a,n),c.activate(a)};wc(pc,uc,mc,hc,bc);var xc=class extends lc{render(){let t=c.t({message:"Warning triangle with exclamation point",id:"icon.title.warning",comment:"Title for warning icon"});return dc`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-warning-16-part">${cc(`<title>${t}</title>`)}<path stroke="currentColor" d="m.712 14.07 6.25-12.994a1 1 0 0 1 1.792-.022l6.635 12.995a1 1 0 0 1-.89 1.455H1.613a1 1 0 0 1-.902-1.434Z"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M8 6v4.992M8 13v.333"></path></svg>`}};customElements.get("w-icon-warning-16")||customElements.define("w-icon-warning-16",xc);import{LitElement as yc}from"lit";import{unsafeStatic as kc,html as $c}from"lit/static-html.js";var Ec=JSON.parse('{"icon.title.error":["\xC5ttekant med utropstegn"]}'),Cc=JSON.parse('{"icon.title.error":["Octagon with exclamation point"]}'),_c=JSON.parse('{"icon.title.error":["Kahdeksankulmio, jonka sis\xE4ll\xE4 on huutomerkki"]}'),Sc=JSON.parse('{"icon.title.error":["Ottekant med et udr\xE5bstegn"]}'),Lc=JSON.parse('{"icon.title.error":["Oktagon med utropstecken"]}'),ki=["en","nb","fi","da","sv"],$i="en",Oc=()=>{var t;let e;switch((t=process==null?void 0:process.env)==null?void 0:t.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},Ei=()=>{var t;let e=(t=document==null?void 0:document.location)==null?void 0:t.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":$i},ro=t=>ki.find(e=>t===e||t.toLowerCase().includes(e))||Ei();function Tc(){var t;if(typeof window=="undefined"){let e=Oc();return ro(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=Ei();return ki.includes(e)?ro(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),ro(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),$i}}var Nc=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,Mc=(t,e,r,o,i)=>{let a=Tc(),n=Nc(a,t,e,r,o,i);c.load(a,n),c.activate(a)};Mc(Cc,Ec,_c,Sc,Lc);var zc=class extends yc{render(){let t=c.t({message:"Octagon with exclamation point",id:"icon.title.error",comment:"Title for error icon"});return $c`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-error-16-part">${kc(`<title>${t}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M.5 11.107 4.748 15.5h6.503l4.248-4.393V4.893L11.252.5H4.748L.5 4.893z"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M8 11.398a.25.25 0 1 1 0-.5m0 .5a.25.25 0 1 0 0-.5"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M8 8.5V3"></path></svg>`}};customElements.get("w-icon-error-16")||customElements.define("w-icon-error-16",zc);import{LitElement as Ac}from"lit";import{unsafeStatic as Dc,html as Bc}from"lit/static-html.js";var Pc=JSON.parse('{"icon.title.success":["Sirkel med sjekkmerke"]}'),Rc=JSON.parse('{"icon.title.success":["Circle with checkmark"]}'),Vc=JSON.parse('{"icon.title.success":["Ympyr\xE4, jonka sis\xE4ll\xE4 on valintamerkki"]}'),Ic=JSON.parse('{"icon.title.success":["Cirkel med et flueben"]}'),Fc=JSON.parse('{"icon.title.success":["Cirkel med bock"]}'),Ci=["en","nb","fi","da","sv"],_i="en",Hc=()=>{var t;let e;switch((t=process==null?void 0:process.env)==null?void 0:t.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},Si=()=>{var t;let e=(t=document==null?void 0:document.location)==null?void 0:t.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":_i},oo=t=>Ci.find(e=>t===e||t.toLowerCase().includes(e))||Si();function jc(){var t;if(typeof window=="undefined"){let e=Hc();return oo(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=Si();return Ci.includes(e)?oo(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),oo(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),_i}}var qc=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,Uc=(t,e,r,o,i)=>{let a=jc(),n=qc(a,t,e,r,o,i);c.load(a,n),c.activate(a)};Uc(Rc,Pc,Vc,Ic,Fc);var Jc=class extends Ac{render(){let t=c.t({message:"Circle with checkmark",id:"icon.title.success",comment:"Title for success icon"});return Bc`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-success-16-part">${Dc(`<title>${t}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m4 8.815 1.633 2.318a.7.7 0 0 0 1.138.034l5.228-6.615"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M.5 7.999a7.5 7.5 0 1 0 15 0 7.5 7.5 0 0 0-15 0"></path></svg>`}};customElements.get("w-icon-success-16")||customElements.define("w-icon-success-16",Jc);import{css as Qc}from"lit";var Li=Qc`*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.will-change-height{will-change:height}.border{border-width:1px}.border-l-4{border-left-width:4px}.rounded-4{border-radius:4px}.block{display:block}.flex{display:flex}.static{position:static}.s-bg-info-subtle{background-color:var(--w-s-color-background-info-subtle)}.s-bg-negative-subtle{background-color:var(--w-s-color-background-negative-subtle)}.s-bg-positive-subtle{background-color:var(--w-s-color-background-positive-subtle)}.s-bg-warning-subtle{background-color:var(--w-s-color-background-warning-subtle)}.s-text{color:var(--w-s-color-text)}.s-icon-info{color:var(--w-s-color-icon-info)}.s-icon-negative{color:var(--w-s-color-icon-negative)}.s-icon-positive{color:var(--w-s-color-icon-positive)}.s-icon-warning{color:var(--w-s-color-icon-warning)}.s-border-info-subtle{border-color:var(--w-s-color-border-info-subtle)}.s-border-l-info{border-left-color:var(--w-s-color-border-info)}.s-border-l-negative{border-left-color:var(--w-s-color-border-negative)}.s-border-l-positive{border-left-color:var(--w-s-color-border-positive)}.s-border-l-warning{border-left-color:var(--w-s-color-border-warning)}.s-border-negative-subtle{border-color:var(--w-s-color-border-negative-subtle)}.s-border-positive-subtle{border-color:var(--w-s-color-border-positive-subtle)}.s-border-warning-subtle{border-color:var(--w-s-color-border-warning-subtle)}.min-w-16{min-width:1.6rem}.w-16{width:1.6rem}.last-child\\:mb-0>:last-child{margin-bottom:0}.mr-8{margin-right:.8rem}.p-16{padding:1.6rem}.text-s{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s)}`;var Mt={wrapper:"flex p-16 border border-l-4 rounded-4 s-text",willChangeHeight:"will-change-height",textWrapper:"last-child:mb-0 text-s",title:"text-s",icon:"w-16 mr-8 min-w-16",negative:"s-border-negative-subtle s-border-l-negative s-bg-negative-subtle",negativeIcon:"s-icon-negative",positive:"s-border-positive-subtle s-border-l-positive s-bg-positive-subtle",positiveIcon:"s-icon-positive",warning:"s-border-warning-subtle s-border-l-warning s-bg-warning-subtle",warningIcon:"s-icon-warning",info:"s-border-info-subtle s-border-l-info s-bg-info-subtle",infoIcon:"s-icon-info"},zt={negative:"negative",positive:"positive",warning:"warning",info:"info"},nt=class extends Xc{constructor(){super();this.variant="info";this.show=!0;this.role="alert";this.show=!1,this.role="alert"}connectedCallback(){if(super.connectedCallback(),!this.variant||!zt[this.variant])throw new Error(`Invalid 'variant' attribute. Set its value to one of the following:
|
|
2462
|
-
negative, positive, warning, info.`)}get _wrapperClasses(){return k([Mt.wrapper,Mt[this.variant]])}get _iconClasses(){let r=Mt[`${this.variant}Icon`];return k([Mt.icon,r])}get _icon(){return this.variant===zt.info?Nt` <w-icon-info-16></w-icon-info-16>`:this.variant===zt.warning?Nt` <w-icon-warning-16></w-icon-warning-16>`:this.variant===zt.negative?Nt` <w-icon-error-16></w-icon-error-16>`:this.variant===zt.positive?Nt` <w-icon-success-16></w-icon-success-16>`:""}render(){return Nt`
|
|
2463
|
-
<w-expand-transition ?show=${this.show}>
|
|
2464
|
-
<div role=${this.role} class=${this._wrapperClasses}>
|
|
2465
|
-
<div class=${this._iconClasses}>${this._icon}</div>
|
|
2466
|
-
<div class=${Mt.textWrapper}>
|
|
2467
|
-
<slot></slot>
|
|
2468
|
-
</div>
|
|
2469
|
-
</div>
|
|
2470
|
-
</w-expand-transition>
|
|
2471
|
-
`}};nt.styles=[O,Li,Yc`
|
|
2472
|
-
:host {
|
|
2473
|
-
display: block;
|
|
2474
|
-
}
|
|
2475
|
-
|
|
2476
|
-
::slotted(:first-child) {
|
|
2477
|
-
margin-top: 0px;
|
|
2478
|
-
}
|
|
2479
|
-
|
|
2480
|
-
::slotted(:last-child) {
|
|
2481
|
-
margin-bottom: 0px !important;
|
|
2482
|
-
}
|
|
2483
|
-
`],s([io({reflect:!0})],nt.prototype,"variant",2),s([io({type:Boolean,reflect:!0})],nt.prototype,"show",2),s([io({reflect:!0})],nt.prototype,"role",2);customElements.get("w-alert")||customElements.define("w-alert",nt);import{css as Dd,html as xt,nothing as $a}from"lit";var Ni=["top","right","bottom","left"];var He=Math.min,pe=Math.max,Dt=Math.round;var Ce=t=>({x:t,y:t}),Zc={left:"right",right:"left",bottom:"top",top:"bottom"},Kc={start:"end",end:"start"};function sr(t,e,r){return pe(t,He(e,r))}function Xe(t,e){return typeof t=="function"?t(e):t}function je(t){return t.split("-")[0]}function st(t){return t.split("-")[1]}function ao(t){return t==="x"?"y":"x"}function lr(t){return t==="y"?"height":"width"}var Gc=new Set(["top","bottom"]);function ze(t){return Gc.has(je(t))?"y":"x"}function cr(t){return ao(ze(t))}function Mi(t,e,r){r===void 0&&(r=!1);let o=st(t),i=cr(t),a=lr(i),n=i==="x"?o===(r?"end":"start")?"right":"left":o==="start"?"bottom":"top";return e.reference[a]>e.floating[a]&&(n=At(n)),[n,At(n)]}function zi(t){let e=At(t);return[nr(t),e,nr(e)]}function nr(t){return t.replace(/start|end/g,e=>Kc[e])}var Oi=["left","right"],Ti=["right","left"],Wc=["top","bottom"],ed=["bottom","top"];function td(t,e,r){switch(t){case"top":case"bottom":return r?e?Ti:Oi:e?Oi:Ti;case"left":case"right":return e?Wc:ed;default:return[]}}function Ai(t,e,r,o){let i=st(t),a=td(je(t),r==="start",o);return i&&(a=a.map(n=>n+"-"+i),e&&(a=a.concat(a.map(nr)))),a}function At(t){return t.replace(/left|right|bottom|top/g,e=>Zc[e])}function rd(t){return{top:0,right:0,bottom:0,left:0,...t}}function no(t){return typeof t!="number"?rd(t):{top:t,right:t,bottom:t,left:t}}function lt(t){let{x:e,y:r,width:o,height:i}=t;return{width:o,height:i,top:r,left:e,right:e+o,bottom:r+i,x:e,y:r}}function Di(t,e,r){let{reference:o,floating:i}=t,a=ze(e),n=cr(e),l=lr(n),d=je(e),u=a==="y",p=o.x+o.width/2-i.width/2,m=o.y+o.height/2-i.height/2,$=o[l]/2-i[l]/2,h;switch(d){case"top":h={x:p,y:o.y-i.height};break;case"bottom":h={x:p,y:o.y+o.height};break;case"right":h={x:o.x+o.width,y:m};break;case"left":h={x:o.x-i.width,y:m};break;default:h={x:o.x,y:o.y}}switch(st(e)){case"start":h[n]-=$*(r&&u?-1:1);break;case"end":h[n]+=$*(r&&u?-1:1);break}return h}var Ri=async(t,e,r)=>{let{placement:o="bottom",strategy:i="absolute",middleware:a=[],platform:n}=r,l=a.filter(Boolean),d=await(n.isRTL==null?void 0:n.isRTL(e)),u=await n.getElementRects({reference:t,floating:e,strategy:i}),{x:p,y:m}=Di(u,o,d),$=o,h={},y=0;for(let _=0;_<l.length;_++){let{name:E,fn:N}=l[_],{x:M,y:A,data:te,reset:R}=await N({x:p,y:m,initialPlacement:o,placement:$,strategy:i,middlewareData:h,rects:u,platform:n,elements:{reference:t,floating:e}});p=M!=null?M:p,m=A!=null?A:m,h={...h,[E]:{...h[E],...te}},R&&y<=50&&(y++,typeof R=="object"&&(R.placement&&($=R.placement),R.rects&&(u=R.rects===!0?await n.getElementRects({reference:t,floating:e,strategy:i}):R.rects),{x:p,y:m}=Di(u,$,d)),_=-1)}return{x:p,y:m,placement:$,strategy:i,middlewareData:h}};async function ft(t,e){var r;e===void 0&&(e={});let{x:o,y:i,platform:a,rects:n,elements:l,strategy:d}=t,{boundary:u="clippingAncestors",rootBoundary:p="viewport",elementContext:m="floating",altBoundary:$=!1,padding:h=0}=Xe(e,t),y=no(h),E=l[$?m==="floating"?"reference":"floating":m],N=lt(await a.getClippingRect({element:(r=await(a.isElement==null?void 0:a.isElement(E)))==null||r?E:E.contextElement||await(a.getDocumentElement==null?void 0:a.getDocumentElement(l.floating)),boundary:u,rootBoundary:p,strategy:d})),M=m==="floating"?{x:o,y:i,width:n.floating.width,height:n.floating.height}:n.reference,A=await(a.getOffsetParent==null?void 0:a.getOffsetParent(l.floating)),te=await(a.isElement==null?void 0:a.isElement(A))?await(a.getScale==null?void 0:a.getScale(A))||{x:1,y:1}:{x:1,y:1},R=lt(a.convertOffsetParentRelativeRectToViewportRelativeRect?await a.convertOffsetParentRelativeRectToViewportRelativeRect({elements:l,rect:M,offsetParent:A,strategy:d}):M);return{top:(N.top-R.top+y.top)/te.y,bottom:(R.bottom-N.bottom+y.bottom)/te.y,left:(N.left-R.left+y.left)/te.x,right:(R.right-N.right+y.right)/te.x}}var Vi=t=>({name:"arrow",options:t,async fn(e){let{x:r,y:o,placement:i,rects:a,platform:n,elements:l,middlewareData:d}=e,{element:u,padding:p=0}=Xe(t,e)||{};if(u==null)return{};let m=no(p),$={x:r,y:o},h=cr(i),y=lr(h),_=await n.getDimensions(u),E=h==="y",N=E?"top":"left",M=E?"bottom":"right",A=E?"clientHeight":"clientWidth",te=a.reference[y]+a.reference[h]-$[h]-a.floating[y],R=$[h]-a.reference[h],C=await(n.getOffsetParent==null?void 0:n.getOffsetParent(u)),S=C?C[A]:0;(!S||!await(n.isElement==null?void 0:n.isElement(C)))&&(S=l.floating[A]||a.floating[y]);let D=te/2-R/2,P=S/2-_[y]/2-1,H=He(m[N],P),de=He(m[M],P),oe=H,ue=S-_[y]-de,G=S/2-_[y]/2+D,Q=sr(oe,G,ue),ge=!d.arrow&&st(i)!=null&&G!==Q&&a.reference[y]/2-(G<oe?H:de)-_[y]/2<0,W=ge?G<oe?G-oe:G-ue:0;return{[h]:$[h]+W,data:{[h]:Q,centerOffset:G-Q-W,...ge&&{alignmentOffset:W}},reset:ge}}});var Ii=function(t){return t===void 0&&(t={}),{name:"flip",options:t,async fn(e){var r,o;let{placement:i,middlewareData:a,rects:n,initialPlacement:l,platform:d,elements:u}=e,{mainAxis:p=!0,crossAxis:m=!0,fallbackPlacements:$,fallbackStrategy:h="bestFit",fallbackAxisSideDirection:y="none",flipAlignment:_=!0,...E}=Xe(t,e);if((r=a.arrow)!=null&&r.alignmentOffset)return{};let N=je(i),M=ze(l),A=je(l)===l,te=await(d.isRTL==null?void 0:d.isRTL(u.floating)),R=$||(A||!_?[At(l)]:zi(l)),C=y!=="none";!$&&C&&R.push(...Ai(l,_,y,te));let S=[l,...R],D=await ft(e,E),P=[],H=((o=a.flip)==null?void 0:o.overflows)||[];if(p&&P.push(D[N]),m){let G=Mi(i,n,te);P.push(D[G[0]],D[G[1]])}if(H=[...H,{placement:i,overflows:P}],!P.every(G=>G<=0)){var de,oe;let G=(((de=a.flip)==null?void 0:de.index)||0)+1,Q=S[G];if(Q&&(!(m==="alignment"?M!==ze(Q):!1)||H.every(ve=>ze(ve.placement)===M?ve.overflows[0]>0:!0)))return{data:{index:G,overflows:H},reset:{placement:Q}};let ge=(oe=H.filter(W=>W.overflows[0]<=0).sort((W,ve)=>W.overflows[1]-ve.overflows[1])[0])==null?void 0:oe.placement;if(!ge)switch(h){case"bestFit":{var ue;let W=(ue=H.filter(ve=>{if(C){let we=ze(ve.placement);return we===M||we==="y"}return!0}).map(ve=>[ve.placement,ve.overflows.filter(we=>we>0).reduce((we,Js)=>we+Js,0)]).sort((ve,we)=>ve[1]-we[1])[0])==null?void 0:ue[0];W&&(ge=W);break}case"initialPlacement":ge=l;break}if(i!==ge)return{reset:{placement:ge}}}return{}}}};function Bi(t,e){return{top:t.top-e.height,right:t.right-e.width,bottom:t.bottom-e.height,left:t.left-e.width}}function Pi(t){return Ni.some(e=>t[e]>=0)}var Fi=function(t){return t===void 0&&(t={}),{name:"hide",options:t,async fn(e){let{rects:r}=e,{strategy:o="referenceHidden",...i}=Xe(t,e);switch(o){case"referenceHidden":{let a=await ft(e,{...i,elementContext:"reference"}),n=Bi(a,r.reference);return{data:{referenceHiddenOffsets:n,referenceHidden:Pi(n)}}}case"escaped":{let a=await ft(e,{...i,altBoundary:!0}),n=Bi(a,r.floating);return{data:{escapedOffsets:n,escaped:Pi(n)}}}default:return{}}}}};var od=new Set(["left","top"]);async function id(t,e){let{placement:r,platform:o,elements:i}=t,a=await(o.isRTL==null?void 0:o.isRTL(i.floating)),n=je(r),l=st(r),d=ze(r)==="y",u=od.has(n)?-1:1,p=a&&d?-1:1,m=Xe(e,t),{mainAxis:$,crossAxis:h,alignmentAxis:y}=typeof m=="number"?{mainAxis:m,crossAxis:0,alignmentAxis:null}:{mainAxis:m.mainAxis||0,crossAxis:m.crossAxis||0,alignmentAxis:m.alignmentAxis};return l&&typeof y=="number"&&(h=l==="end"?y*-1:y),d?{x:h*p,y:$*u}:{x:$*u,y:h*p}}var Hi=function(t){return t===void 0&&(t=0),{name:"offset",options:t,async fn(e){var r,o;let{x:i,y:a,placement:n,middlewareData:l}=e,d=await id(e,t);return n===((r=l.offset)==null?void 0:r.placement)&&(o=l.arrow)!=null&&o.alignmentOffset?{}:{x:i+d.x,y:a+d.y,data:{...d,placement:n}}}}},ji=function(t){return t===void 0&&(t={}),{name:"shift",options:t,async fn(e){let{x:r,y:o,placement:i}=e,{mainAxis:a=!0,crossAxis:n=!1,limiter:l={fn:E=>{let{x:N,y:M}=E;return{x:N,y:M}}},...d}=Xe(t,e),u={x:r,y:o},p=await ft(e,d),m=ze(je(i)),$=ao(m),h=u[$],y=u[m];if(a){let E=$==="y"?"top":"left",N=$==="y"?"bottom":"right",M=h+p[E],A=h-p[N];h=sr(M,h,A)}if(n){let E=m==="y"?"top":"left",N=m==="y"?"bottom":"right",M=y+p[E],A=y-p[N];y=sr(M,y,A)}let _=l.fn({...e,[$]:h,[m]:y});return{..._,data:{x:_.x-r,y:_.y-o,enabled:{[$]:a,[m]:n}}}}}};var qi=function(t){return t===void 0&&(t={}),{name:"size",options:t,async fn(e){var r,o;let{placement:i,rects:a,platform:n,elements:l}=e,{apply:d=()=>{},...u}=Xe(t,e),p=await ft(e,u),m=je(i),$=st(i),h=ze(i)==="y",{width:y,height:_}=a.floating,E,N;m==="top"||m==="bottom"?(E=m,N=$===(await(n.isRTL==null?void 0:n.isRTL(l.floating))?"start":"end")?"left":"right"):(N=m,E=$==="end"?"top":"bottom");let M=_-p.top-p.bottom,A=y-p.left-p.right,te=He(_-p[E],M),R=He(y-p[N],A),C=!e.middlewareData.shift,S=te,D=R;if((r=e.middlewareData.shift)!=null&&r.enabled.x&&(D=A),(o=e.middlewareData.shift)!=null&&o.enabled.y&&(S=M),C&&!$){let H=pe(p.left,0),de=pe(p.right,0),oe=pe(p.top,0),ue=pe(p.bottom,0);h?D=y-2*(H!==0||de!==0?H+de:pe(p.left,p.right)):S=_-2*(oe!==0||ue!==0?oe+ue:pe(p.top,p.bottom))}await d({...e,availableWidth:D,availableHeight:S});let P=await n.getDimensions(l.floating);return y!==P.width||_!==P.height?{reset:{rects:!0}}:{}}}};function ur(){return typeof window!="undefined"}function ct(t){return Ji(t)?(t.nodeName||"").toLowerCase():"#document"}function me(t){var e;return(t==null||(e=t.ownerDocument)==null?void 0:e.defaultView)||window}function Ae(t){var e;return(e=(Ji(t)?t.ownerDocument:t.document)||window.document)==null?void 0:e.documentElement}function Ji(t){return ur()?t instanceof Node||t instanceof me(t).Node:!1}function xe(t){return ur()?t instanceof Element||t instanceof me(t).Element:!1}function _e(t){return ur()?t instanceof HTMLElement||t instanceof me(t).HTMLElement:!1}function Ui(t){return!ur()||typeof ShadowRoot=="undefined"?!1:t instanceof ShadowRoot||t instanceof me(t).ShadowRoot}var ad=new Set(["inline","contents"]);function vt(t){let{overflow:e,overflowX:r,overflowY:o,display:i}=ye(t);return/auto|scroll|overlay|hidden|clip/.test(e+o+r)&&!ad.has(i)}var nd=new Set(["table","td","th"]);function Qi(t){return nd.has(ct(t))}var sd=[":popover-open",":modal"];function Bt(t){return sd.some(e=>{try{return t.matches(e)}catch(r){return!1}})}var ld=["transform","translate","scale","rotate","perspective"],cd=["transform","translate","scale","rotate","perspective","filter"],dd=["paint","layout","strict","content"];function pr(t){let e=mr(),r=xe(t)?ye(t):t;return ld.some(o=>r[o]?r[o]!=="none":!1)||(r.containerType?r.containerType!=="normal":!1)||!e&&(r.backdropFilter?r.backdropFilter!=="none":!1)||!e&&(r.filter?r.filter!=="none":!1)||cd.some(o=>(r.willChange||"").includes(o))||dd.some(o=>(r.contain||"").includes(o))}function Yi(t){let e=qe(t);for(;_e(e)&&!dt(e);){if(pr(e))return e;if(Bt(e))return null;e=qe(e)}return null}function mr(){return typeof CSS=="undefined"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}var ud=new Set(["html","body","#document"]);function dt(t){return ud.has(ct(t))}function ye(t){return me(t).getComputedStyle(t)}function Pt(t){return xe(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function qe(t){if(ct(t)==="html")return t;let e=t.assignedSlot||t.parentNode||Ui(t)&&t.host||Ae(t);return Ui(e)?e.host:e}function Xi(t){let e=qe(t);return dt(e)?t.ownerDocument?t.ownerDocument.body:t.body:_e(e)&&vt(e)?e:Xi(e)}function dr(t,e,r){var o;e===void 0&&(e=[]),r===void 0&&(r=!0);let i=Xi(t),a=i===((o=t.ownerDocument)==null?void 0:o.body),n=me(i);if(a){let l=hr(n);return e.concat(n,n.visualViewport||[],vt(i)?i:[],l&&r?dr(l):[])}return e.concat(i,dr(i,[],r))}function hr(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function Gi(t){let e=ye(t),r=parseFloat(e.width)||0,o=parseFloat(e.height)||0,i=_e(t),a=i?t.offsetWidth:r,n=i?t.offsetHeight:o,l=Dt(r)!==a||Dt(o)!==n;return l&&(r=a,o=n),{width:r,height:o,$:l}}function Wi(t){return xe(t)?t:t.contextElement}function wt(t){let e=Wi(t);if(!_e(e))return Ce(1);let r=e.getBoundingClientRect(),{width:o,height:i,$:a}=Gi(e),n=(a?Dt(r.width):r.width)/o,l=(a?Dt(r.height):r.height)/i;return(!n||!Number.isFinite(n))&&(n=1),(!l||!Number.isFinite(l))&&(l=1),{x:n,y:l}}var pd=Ce(0);function ea(t){let e=me(t);return!mr()||!e.visualViewport?pd:{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}}function md(t,e,r){return e===void 0&&(e=!1),!r||e&&r!==me(t)?!1:e}function Rt(t,e,r,o){e===void 0&&(e=!1),r===void 0&&(r=!1);let i=t.getBoundingClientRect(),a=Wi(t),n=Ce(1);e&&(o?xe(o)&&(n=wt(o)):n=wt(t));let l=md(a,r,o)?ea(a):Ce(0),d=(i.left+l.x)/n.x,u=(i.top+l.y)/n.y,p=i.width/n.x,m=i.height/n.y;if(a){let $=me(a),h=o&&xe(o)?me(o):o,y=$,_=hr(y);for(;_&&o&&h!==y;){let E=wt(_),N=_.getBoundingClientRect(),M=ye(_),A=N.left+(_.clientLeft+parseFloat(M.paddingLeft))*E.x,te=N.top+(_.clientTop+parseFloat(M.paddingTop))*E.y;d*=E.x,u*=E.y,p*=E.x,m*=E.y,d+=A,u+=te,y=me(_),_=hr(y)}}return lt({width:p,height:m,x:d,y:u})}function lo(t,e){let r=Pt(t).scrollLeft;return e?e.left+r:Rt(Ae(t)).left+r}function ta(t,e,r){r===void 0&&(r=!1);let o=t.getBoundingClientRect(),i=o.left+e.scrollLeft-(r?0:lo(t,o)),a=o.top+e.scrollTop;return{x:i,y:a}}function hd(t){let{elements:e,rect:r,offsetParent:o,strategy:i}=t,a=i==="fixed",n=Ae(o),l=e?Bt(e.floating):!1;if(o===n||l&&a)return r;let d={scrollLeft:0,scrollTop:0},u=Ce(1),p=Ce(0),m=_e(o);if((m||!m&&!a)&&((ct(o)!=="body"||vt(n))&&(d=Pt(o)),_e(o))){let h=Rt(o);u=wt(o),p.x=h.x+o.clientLeft,p.y=h.y+o.clientTop}let $=n&&!m&&!a?ta(n,d,!0):Ce(0);return{width:r.width*u.x,height:r.height*u.y,x:r.x*u.x-d.scrollLeft*u.x+p.x+$.x,y:r.y*u.y-d.scrollTop*u.y+p.y+$.y}}function bd(t){return Array.from(t.getClientRects())}function gd(t){let e=Ae(t),r=Pt(t),o=t.ownerDocument.body,i=pe(e.scrollWidth,e.clientWidth,o.scrollWidth,o.clientWidth),a=pe(e.scrollHeight,e.clientHeight,o.scrollHeight,o.clientHeight),n=-r.scrollLeft+lo(t),l=-r.scrollTop;return ye(o).direction==="rtl"&&(n+=pe(e.clientWidth,o.clientWidth)-i),{width:i,height:a,x:n,y:l}}function fd(t,e){let r=me(t),o=Ae(t),i=r.visualViewport,a=o.clientWidth,n=o.clientHeight,l=0,d=0;if(i){a=i.width,n=i.height;let u=mr();(!u||u&&e==="fixed")&&(l=i.offsetLeft,d=i.offsetTop)}return{width:a,height:n,x:l,y:d}}function vd(t,e){let r=Rt(t,!0,e==="fixed"),o=r.top+t.clientTop,i=r.left+t.clientLeft,a=_e(t)?wt(t):Ce(1),n=t.clientWidth*a.x,l=t.clientHeight*a.y,d=i*a.x,u=o*a.y;return{width:n,height:l,x:d,y:u}}function Zi(t,e,r){let o;if(e==="viewport")o=fd(t,r);else if(e==="document")o=gd(Ae(t));else if(xe(e))o=vd(e,r);else{let i=ea(t);o={x:e.x-i.x,y:e.y-i.y,width:e.width,height:e.height}}return lt(o)}function ra(t,e){let r=qe(t);return r===e||!xe(r)||dt(r)?!1:ye(r).position==="fixed"||ra(r,e)}function wd(t,e){let r=e.get(t);if(r)return r;let o=dr(t,[],!1).filter(l=>xe(l)&&ct(l)!=="body"),i=null,a=ye(t).position==="fixed",n=a?qe(t):t;for(;xe(n)&&!dt(n);){let l=ye(n),d=pr(n);!d&&l.position==="fixed"&&(i=null),(a?!d&&!i:!d&&l.position==="static"&&!!i&&["absolute","fixed"].includes(i.position)||vt(n)&&!d&&ra(t,n))?o=o.filter(p=>p!==n):i=l,n=qe(n)}return e.set(t,o),o}function xd(t){let{element:e,boundary:r,rootBoundary:o,strategy:i}=t,n=[...r==="clippingAncestors"?Bt(e)?[]:wd(e,this._c):[].concat(r),o],l=n[0],d=n.reduce((u,p)=>{let m=Zi(e,p,i);return u.top=pe(m.top,u.top),u.right=He(m.right,u.right),u.bottom=He(m.bottom,u.bottom),u.left=pe(m.left,u.left),u},Zi(e,l,i));return{width:d.right-d.left,height:d.bottom-d.top,x:d.left,y:d.top}}function yd(t){let{width:e,height:r}=Gi(t);return{width:e,height:r}}function kd(t,e,r){let o=_e(e),i=Ae(e),a=r==="fixed",n=Rt(t,!0,a,e),l={scrollLeft:0,scrollTop:0},d=Ce(0);if(o||!o&&!a)if((ct(e)!=="body"||vt(i))&&(l=Pt(e)),o){let $=Rt(e,!0,a,e);d.x=$.x+e.clientLeft,d.y=$.y+e.clientTop}else i&&(d.x=lo(i));let u=i&&!o&&!a?ta(i,l):Ce(0),p=n.left+l.scrollLeft-d.x-u.x,m=n.top+l.scrollTop-d.y-u.y;return{x:p,y:m,width:n.width,height:n.height}}function so(t){return ye(t).position==="static"}function Ki(t,e){if(!_e(t)||ye(t).position==="fixed")return null;if(e)return e(t);let r=t.offsetParent;return Ae(t)===r&&(r=r.ownerDocument.body),r}function oa(t,e){let r=me(t);if(Bt(t))return r;if(!_e(t)){let i=qe(t);for(;i&&!dt(i);){if(xe(i)&&!so(i))return i;i=qe(i)}return r}let o=Ki(t,e);for(;o&&Qi(o)&&so(o);)o=Ki(o,e);return o&&dt(o)&&so(o)&&!pr(o)?r:o||Yi(t)||r}var $d=async function(t){let e=this.getOffsetParent||oa,r=this.getDimensions,o=await r(t.floating);return{reference:kd(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}};function Ed(t){return ye(t).direction==="rtl"}var Cd={convertOffsetParentRelativeRectToViewportRelativeRect:hd,getDocumentElement:Ae,getClippingRect:xd,getOffsetParent:oa,getElementRects:$d,getClientRects:bd,getDimensions:yd,getScale:wt,isElement:xe,isRTL:Ed};var ia=Hi;var aa=ji,na=Ii,sa=qi,la=Fi,ca=Vi;var da=(t,e,r)=>{let o=new Map,i={platform:Cd,...r},a={...i.platform,_c:o};return Ri(t,e,{...i,platform:a})};var gr="top-start",fr="top",vr="top-end",wr="right-start",xr="right",yr="right-end",kr="bottom-start",Vt="bottom",$r="bottom-end",Er="left-start",Cr="left",_r="left-end",co=[gr,fr,vr,wr,xr,yr,kr,Vt,$r,Er,Cr,_r],ut={[gr]:kr,[fr]:Vt,[vr]:$r,[kr]:gr,[Vt]:fr,[$r]:vr,[Er]:wr,[Cr]:xr,[_r]:yr,[wr]:Er,[xr]:Cr,[yr]:_r},_d={[Er]:-45,[Cr]:-45,[_r]:-45,[gr]:45,[fr]:45,[vr]:45,[wr]:135,[xr]:135,[yr]:135,[kr]:-135,[Vt]:-135,[$r]:-135},uo=t=>{let e;return/-/.test(t)?e=t.split("-").map(r=>r.charAt(0).toUpperCase()+r.slice(1)).join(""):e=t.charAt(0).toUpperCase()+t.slice(1),e},Sd=t=>t.split("-")[0],Ld=t=>ut[Sd(t)],pa=t=>ut[t],Od=t=>_d[pa(t)],Td=(t,e,r)=>{Object.assign(t==null?void 0:t.style,{borderTopLeftRadius:"4px",zIndex:1,[`margin${uo(Ld(r))}`]:"-0.5px",transform:`rotate(${e}deg)`})},ua=8,br=24;async function po(t){var o,i,a;if(!(t!=null&&t.isShowing)||(t!=null&&t.waitForDOM&&await(t==null?void 0:t.waitForDOM()),!(t!=null&&t.targetEl)||!(t!=null&&t.attentionEl)))return;let e=t==null?void 0:t.targetEl,r=t.attentionEl;return da(e,r,{placement:(o=t==null?void 0:t.directionName)!=null?o:Vt,middleware:[ia({mainAxis:(i=t==null?void 0:t.distance)!=null?i:8,crossAxis:(a=t==null?void 0:t.skidding)!=null?a:0}),(t==null?void 0:t.flip)&&na({crossAxis:t==null?void 0:t.crossAxis,fallbackPlacements:t==null?void 0:t.fallbackPlacements}),(t==null?void 0:t.flip)&&aa({crossAxis:!0}),!(t!=null&&t.noArrow)&&(t==null?void 0:t.arrowEl)&&ca({element:t==null?void 0:t.arrowEl}),la(),sa({apply(){Object.assign(r.style,{paddingRight:`${ua}px`,paddingLeft:`${ua}px`})}})]}).then(({x:n,y:l,middlewareData:d,placement:u})=>{if(t.actualDirection=u,t!=null&&t.isCallout||Object.assign(r.style,{left:`${n}px`,top:`${l}px`}),d!=null&&d.hide&&!(t!=null&&t.isCallout)){let{referenceHidden:p}=d.hide;Object.assign(r.style,{visibility:p?"hidden":""})}if(d!=null&&d.arrow&&(t!=null&&t.arrowEl)){let p=t==null?void 0:t.arrowEl,{x:m,y:$}=d.arrow,h=window.getComputedStyle(r).direction==="rtl",y=pa(u).split("-")[1],_="",E="",N="",M="";if(y==="start"){let A=typeof m=="number"?`calc(${br}px - ${p.offsetWidth/2}px)`:"";_=typeof $=="number"?`calc(${br}px - ${p.offsetWidth/2}px)`:"",E=h?A:"",M=h?"":A}else if(y==="end"){let A=typeof m=="number"?`calc(${br}px - ${p.offsetWidth/2}px)`:"";E=h?"":A,M=h?A:"",N=typeof $=="number"?`calc(${br}px - ${p.offsetWidth/2}px)`:""}else M=typeof m=="number"?`${m}px`:"",_=typeof $=="number"?`${$}px`:"";Object.assign(p.style,{top:_,right:E,bottom:N,left:M}),Td(p,Od(u),u)}}),t}var Sr={wrapper:"fixed transform translate-z-0 bottom-16 left-0 right-0 mx-8 sm:mx-16 z-50 pointer-events-none",base:"grid auto-rows-auto justify-items-center justify-center mx-auto pointer-events-none",content:"w-full"},ke={wrapper:"relative overflow-hidden w-full",base:"flex group p-8 mt-16 rounded-8 border-2 pointer-events-auto transition-all",positive:"s-bg-positive-subtle s-border-positive-subtle s-text",warning:"s-bg-warning-subtle s-border-warning-subtle s-text",negative:"s-bg-negative-subtle s-border-negative-subtle s-text",iconBase:"shrink-0 rounded-full w-[16px] h-[16px] m-[8px]",iconPositive:"s-icon-positive",iconWarning:"s-icon-warning",iconNegative:"s-icon-negative",iconLoading:"animate-bounce",content:"self-center mr-8 py-4 last-child:mb-0",close:"bg-transparent ml-auto p-[8px] s-icon hover:s-icon-hover active:s-icon-active"};var Ke="font-bold focusable justify-center transition-colors ease-in-out",V={primary:"s-text-inverted bg-[--w-color-button-primary-background] hover:bg-[--w-color-button-primary-background-hover] active:bg-[--w-color-button-primary-background-active]",secondary:"s-text-link s-border s-bg hover:s-bg-hover hover:s-border-hover active:s-bg-active",utility:"s-text s-bg hover:s-bg-hover active:s-bg-active s-border hover:s-border-hover active:s-border-active",destructive:"s-bg-negative s-text-inverted hover:s-bg-negative-hover active:s-bg-negative-active",pill:"s-icon hover:s-icon-hover active:s-icon-active bg-transparent hover:bg-[--w-color-button-pill-background-hover] active:bg-[--w-color-button-pill-background-active]",disabled:"s-text-inverted s-bg-disabled",quiet:"bg-transparent s-text-link hover:s-bg-hover active:s-bg-active",utilityQuiet:"s-text bg-transparent hover:s-bg-hover active:s-bg-active",negativeQuiet:"bg-transparent s-text-negative hover:s-bg-negative-subtle-hover active:s-bg-negative-subtle-active",loading:"s-text s-bg-subtle",link:"s-text-link"},T={primary:`border-0 rounded-8 ${Ke}`,secondary:`border-2 rounded-8 ${Ke}`,utility:`border rounded-4 ${Ke}`,negative:`border-0 rounded-8 ${Ke}`,pill:`p-4 rounded-full border-0 inline-flex items-center justify-center hover:bg-clip-padding ${Ke}`,link:`bg-transparent focusable ease-in-out inline active:underline hover:underline focus:underline ${V.link}`},v={xsmall:"py-6 px-16",small:"py-8 px-16",medium:"py-10 px-14",large:"py-12 px-16",utility:"py-[11px] px-[15px]",smallUtility:"py-[7px] px-[15px]",pill:"min-h-[44px] min-w-[44px]",pillSmall:"min-h-32 min-w-32",link:"p-0"},f={medium:"text-m leading-[24]",xsmall:"text-xs"},b={inProgress:`border-transparent animate-inprogress pointer-events-none ${V.loading}`,quiet:`border-0 rounded-8 ${Ke}`,utilityQuiet:`border-0 rounded-4 ${Ke}`,negativeQuiet:`border-0 rounded-8 ${Ke}`,isDisabled:`font-bold justify-center transition-colors ease-in-out cursor-default pointer-events-none ${V.disabled}`},jb={secondary:`${v.medium} ${f.medium} ${T.secondary} ${V.secondary}`,secondaryHref:`${v.medium} ${f.medium} ${T.secondary} ${V.secondary}`,secondaryDisabled:`${v.medium} ${f.medium} ${T.secondary} ${b.isDisabled}`,secondarySmall:`${f.xsmall} ${v.xsmall} ${T.secondary} ${V.secondary}`,secondarySmallDisabled:`${f.xsmall} ${v.xsmall} ${T.secondary} ${b.isDisabled}`,secondaryQuiet:`${v.medium} ${f.medium} ${b.quiet} ${V.quiet}`,secondaryQuietDisabled:`${v.medium} ${f.medium} ${b.quiet} ${b.isDisabled}`,secondarySmallQuiet:`${f.xsmall} ${v.xsmall} ${b.quiet} ${V.quiet}`,secondarySmallQuietDisabled:`${f.xsmall} ${v.xsmall} ${b.quiet} ${b.isDisabled}`,secondaryLoading:`${v.medium} ${f.medium} ${T.secondary} ${b.inProgress}`,secondarySmallLoading:`${f.xsmall} ${v.xsmall} ${T.secondary} ${b.inProgress}`,secondarySmallQuietLoading:`${f.xsmall} ${v.xsmall} ${b.quiet} ${b.inProgress}`,secondaryQuietLoading:`${v.medium} ${f.medium} ${b.quiet} ${b.inProgress}`,primary:`${v.large} ${f.medium} ${T.primary} ${V.primary}`,primaryDisabled:`${v.large} ${f.medium} ${b.isDisabled} ${T.primary}`,primarySmall:`${v.small} ${f.xsmall} ${T.primary} ${V.primary}`,primarySmallDisabled:`${v.small} ${f.xsmall} ${b.isDisabled} ${T.primary} `,primaryQuiet:`${v.large} ${f.medium} ${b.quiet} ${V.quiet}`,primaryQuietDisabled:`${v.large} ${f.medium} ${b.quiet} ${b.isDisabled}`,primarySmallQuiet:`${v.small} ${f.xsmall} ${b.quiet} ${V.quiet}`,primarySmallQuietDisabled:`${v.small} ${f.xsmall} ${b.quiet} ${b.isDisabled}`,primaryLoading:`${v.large} ${f.medium} ${b.inProgress} ${T.primary}`,primarySmallLoading:`${v.small} ${f.xsmall} ${b.inProgress} ${T.primary}`,primarySmallQuietLoading:`${v.small} ${f.xsmall} ${b.quiet} ${b.inProgress} ${T.primary}`,primaryQuietLoading:`${v.large} ${f.medium} ${b.quiet} ${b.inProgress}`,utility:`${v.utility} ${f.medium} ${T.utility} ${V.utility}`,utilityDisabled:`${v.utility} ${f.medium} ${T.utility} ${b.isDisabled}`,utilityQuiet:`${v.large} ${f.medium} ${b.utilityQuiet} ${V.utilityQuiet}`,utilityQuietDisabled:`${v.large} ${f.medium} ${b.utilityQuiet} ${b.isDisabled}`,utilitySmall:`${v.smallUtility} ${f.xsmall} ${T.utility} ${V.utility}`,utilitySmallDisabled:`${v.smallUtility} ${f.xsmall} ${T.utility} ${b.isDisabled}`,utilitySmallQuiet:`${v.smallUtility} ${f.xsmall} ${b.utilityQuiet} ${V.utilityQuiet}`,utilitySmallQuietDisabled:`${v.smallUtility} ${f.xsmall} ${b.utilityQuiet} ${b.isDisabled}`,utilityLoading:`${v.large} ${f.medium} ${T.utility} ${b.inProgress}`,utilitySmallLoading:`${v.smallUtility} ${f.xsmall} ${T.utility} ${b.inProgress}`,utilityQuietLoading:`${v.large} ${f.medium} ${b.inProgress} ${b.utilityQuiet}`,utilitySmallQuietLoading:`${v.smallUtility} ${f.xsmall} ${b.inProgress} ${b.utilityQuiet}`,negative:`${v.large} ${f.medium} ${T.negative} ${V.destructive}`,negativeDisabled:`${v.large} ${f.medium} ${T.negative} ${b.isDisabled}`,negativeQuiet:`${v.large} ${f.medium} ${b.negativeQuiet} ${V.negativeQuiet}`,negativeQuietDisabled:`${v.large} ${f.medium} ${b.negativeQuiet}${b.isDisabled}`,negativeSmall:`${v.small} ${f.xsmall} ${T.negative} ${V.destructive}`,negativeSmallDisabled:`${v.small} ${f.xsmall} ${T.negative} ${b.isDisabled}`,negativeSmallQuiet:`${v.small} ${f.xsmall} ${b.negativeQuiet} ${V.negativeQuiet}`,negativeSmallQuietDisabled:`${v.small} ${f.xsmall} ${b.negativeQuiet} ${b.isDisabled}`,negativeLoading:`${v.large} ${f.medium} ${T.negative} ${b.inProgress}`,negativeSmallLoading:`${v.small} ${f.xsmall} ${b.inProgress} ${T.negative}`,negativeQuietLoading:`${v.large} ${f.medium} ${b.negativeQuiet} ${T.negative} ${b.inProgress}`,negativeSmallQuietLoading:`${v.small} ${f.xsmall} ${b.negativeQuiet} ${b.inProgress}`,pill:`${v.pill} ${f.medium} ${T.pill} ${V.pill}`,pillSmall:`${v.pillSmall} ${f.xsmall} ${T.pill} ${V.pill}`,pillLoading:`${v.pill} ${f.medium} ${T.pill} ${b.inProgress}`,pillSmallLoading:`${v.pillSmall} ${f.xsmall} ${T.pill} ${b.inProgress}`,link:`${v.link} ${f.medium} ${T.link}`,linkSmall:`${v.link} ${f.xsmall} ${T.link}`,linkAsButton:"inline-block active:no-underline hover:no-underline focus:no-underline text-center",a11y:"sr-only",fullWidth:"w-full max-w-full",contentWidth:"max-w-max"};var qb={backdrop:"fixed inset-0 flex sm:place-content-center sm:place-items-center items-end z-30 [--w-modal-max-height:80%] [--w-modal-width:640px] bg-[--w-black/25]",base:"pb-safe-[32] shadow-m max-h-[--w-modal-max-height] min-h-[--w-modal-min-height] w-[--w-modal-width] h-[--w-modal-height] relative transition-300 ease-in-out backface-hidden will-change-height rounded-8 mx-0 sm:mx-16 bg-[--w-s-color-surface-elevated-100] flex flex-col overflow-hidden outline-none space-y-16 pt-8 sm:pt-32 sm:pb-32 rounded-b-0 sm:rounded-b-8",content:"block overflow-y-auto overflow-x-hidden last-child:mb-0 grow shrink px-16 sm:px-32 relative",footer:"flex justify-end shrink-0 px-16 sm:px-32",transitionTitle:"transition-all duration-300",transitionTitleCenter:"justify-self-center self-center",transitionTitleColSpan:"col-span-2",title:"py-8 sm:py-0 -mt-4 sm:-mt-8 min-h-40 sm:min-h-48 grid gap-8 sm:gap-16 grid-cols-[auto_1fr_auto] items-start px-16 sm:px-32 border-b sm:border-b-0 shrink-0",titleText:"mb-0 h4 sm:h3",titleButton:`${f.medium} ${T.pill} ${V.pill} sm:min-h-[44px] sm:min-w-[44px] min-h-[32px] min-w-[32px]`,titleButtonLeft:"-ml-8 sm:-ml-12 justify-self-start",titleButtonRight:"-mr-8 sm:-mr-12 justify-self-end",titleButtonIcon:"h-16 w-16 sm:h-24 sm:w-24",titleButtonIconRotated:"transform rotate-90"};var ma="absolute top-0 bottom-0 flex justify-center items-center focusable rounded-4 focus:[--w-outline-offset:-2px] bg-transparent ",Ub={wrapper:ma+"right-0",wrapperWithLabel:"w-max pr-12",wrapperWithIcon:"w-40",label:"antialiased block relative cursor-default pb-0 font-bold text-xs s-text"},Jb={wrapper:ma+"left-0",wrapperWithLabel:"w-max pl-12",wrapperWithIcon:"w-40",label:"antialiased block relative cursor-default pb-0 font-bold text-xs s-text"};var Ze={field:"relative text-m",wrapper:"relative py-1",wrapperRadioButtons:"inline-flex font-bold rounded-8 focus-within:focusable",wrapperRadioButtonsJustified:"flex font-bold rounded-8 focus-within:focusable",radioButtonsGroup:"group",radioButtonsGroupJustified:"grow-1 shrink-0 basis-auto",input:"peer",a11y:"sr-only",label:"peer-focus:focusable cursor-pointer text-m s-text s-border py-2 pl-28 select-none relative block before:border before:absolute before:transition-all before:left-0 before:w-20 before:h-20 before:top-2",labelBefore:'before:content-[""] before:block',checkbox:"before:s-bg before:rounded-2 hover:before:s-border-primary hover:before:s-bg-hover peer-checked:before:bg-center peer-checked:before:bg-[url(var(--w-icon-toggle-checked))] peer-checked:before:s-border-primary peer-checked:before:s-bg-primary peer-checked:peer-hover:before:s-border-primary-hover peer-checked:peer-hover:before:s-bg-primary-hover",checkboxInvalid:"before:s-bg before:s-border-negative before:rounded-2 hover:before:s-bg-negative-subtle-hover hover:before:s-border-negative-hover peer-checked:before:bg-center peer-checked:before:bg-[url(var(--w-icon-toggle-checked))] peer-checked:before:s-bg-negative peer-checked:before:s-border-negative peer-checked:peer-hover:before:s-bg-negative-hover peer-checked:peer-hover:before:s-border-negative-hover",checkboxDisabled:"before:s-bg-disabled-subtle before:s-border-disabled pointer-events-none before:rounded-2 peer-checked:before:bg-center peer-checked:before:bg-[url(var(--w-icon-toggle-checked))] peer-checked:before:s-border-disabled peer-checked:before:s-bg-disabled",indeterminate:'before:content-["\u2013"] before:rounded-2 before:leading-xs before:text-center before:font-bold before:s-icon-inverted peer-indeterminate:before:s-border-primary peer-indeterminate:before:s-bg-primary peer-indeterminate:hover:before:s-border-primary-hover peer-indeterminate:hover:before:s-bg-primary-hover',indeterminateInvalid:'before:content-["\u2013"] before:rounded-2 before:leading-xs before:text-center before:font-bold before:s-icon-inverted peer-indeterminate:before:s-border-negative peer-indeterminate:before:s-bg-negative peer-indeterminate:hover:before:s-border-negative-hover peer-indeterminate:hover:before:s-bg-negative-hover',indeterminateDisabled:'before:content-["\u2013"] before:rounded-2 before:leading-xs before:text-center before:font-bold pointer-events-none before:s-icon-inverted peer-indeterminate:before:s-border-disabled peer-indeterminate:before:s-bg-disabled',radio:"before:s-bg before:rounded-full peer-checked:before:border-[6] peer-checked:before:s-border-selected peer-checked:peer-hover:before:s-border-selected-hover peer-hover:before:s-border-primary peer-hover:before:s-bg-hover",radioInvalid:"before:s-bg before:s-border-negative before:rounded-full peer-checked:before:border-[6] peer-hover:before:s-bg-negative-subtle peer-hover:before:s-border-negative-hover peer-checked:before:s-border-negative peer-checked:peer-hover:before:s-border-negative-hover",radioDisabled:"before:s-bg-disabled-subtle before:s-border-disabled pointer-events-none before:rounded-full peer-checked:before:border-[6]",radioButtonsLabel:"peer-hover:peer-not-checked:s-bg-hover peer-checked:s-text-inverted peer-checked:s-bg-primary peer-checked:s-border-primary block relative font-bold cursor-pointer s-text-link text-center s-bg border-2 s-border group-first-of-type:rounded-tl-8 group-first-of-type:rounded-bl-8 group-last-of-type:rounded-tr-8 group-last-of-type:rounded-br-8 group-not-last-of-type:border-r-0 peer-checked:z-10 group-not-first:-ml-2",radioButtonsRegular:"text-s py-8 pl-12 pr-14",radioButtonsSmall:"text-xs py-[5px] px-[8px]"},Qb={wrapper:`${Ze.wrapper} h-20 w-20 pointer-events-none`,input:`${Ze.input} hidden`,inputVue:"hidden",labelVue:"-mt-2",labelRadio:`${Ze.label} ${Ze.labelBefore} ${Ze.radio}`,labelCheckbox:`${Ze.label} ${Ze.labelBefore} ${Ze.checkbox}`};var pt={base:"border-2 relative flex items-start",tooltip:"s-bg-inverted border-[--w-s-color-background-inverted] shadow-m s-text-inverted-static rounded-4 py-6 px-8",callout:"bg-[--w-color-callout-background] border-[--w-color-callout-border] s-text py-8 px-16 rounded-8",highlight:"bg-[--w-color-callout-background] border-[--w-color-callout-border] s-text py-8 px-16 rounded-8 drop-shadow-m translate-z-0",popover:"bg-[--w-s-color-surface-elevated-300] border-[--w-s-color-surface-elevated-300] s-text rounded-8 p-16 drop-shadow-m translate-z-0",arrowBase:"absolute h-[14px] w-[14px] border-2 border-b-0 border-r-0 rounded-tl-4 transform",arrowDirectionLeftStart:"-left-[8px]",arrowDirectionLeft:"-left-[8px]",arrowDirectionLeftEnd:"-left-[8px]",arrowDirectionRightStart:"-right-[8px]",arrowDirectionRight:"-right-[8px]",arrowDirectionRightEnd:"-right-[8px]",arrowDirectionBottomStart:"-bottom-[8px]",arrowDirectionBottom:"-bottom-[8px]",arrowDirectionBottomEnd:"-bottom-[8px]",arrowDirectionTopStart:"-top-[8px]",arrowDirectionTop:"-top-[8px]",arrowDirectionTopEnd:"-top-[8px]",arrowTooltip:"s-bg-inverted border-[--w-s-color-background-inverted]",arrowCallout:"bg-[--w-color-callout-background] border-[--w-color-callout-border]",arrowPopover:"bg-[--w-s-color-surface-elevated-300] border-[--w-s-color-surface-elevated-300]",arrowHighlight:"bg-[--w-color-callout-background] border-[--w-color-callout-border]",content:"last-child:mb-0",notCallout:"absolute z-50",closeBtn:`${f.medium} ${T.pill} ${V.pill} justify-self-end -mr-8 ml-8`};import Ea from"@warp-ds/elements-core";import{ifDefined as Bd}from"lit/directives/if-defined.js";var Nd=["en","nb","fi","da","sv"],ba="en",ha=t=>Nd.find(e=>t===e||t.toLowerCase().includes(e))||ba;function Md(){if(typeof window=="undefined"){let t=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return ha(t)}try{let t=document.documentElement.lang;return ha(t)}catch(t){return console.warn("could not detect locale, falling back to source locale",t),ba}}var zd=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,U=(t,e,r,o,i)=>{let a=Md(),n=zd(a,t,e,r,o,i);c.load(a,n),c.activate(a)};import{classMap as Wb}from"lit/directives/class-map.js";var Ad=t=>t.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase();function ga(t){return class extends t{static createProperty(e,r){let o=r;(typeof(r==null?void 0:r.attribute)=="undefined"||(r==null?void 0:r.attribute)===!0)&&(o=Object.assign({},r,{attribute:Ad(e.toString())})),super.createProperty(e,o)}}}function fa(){return`m${Math.random().toString(36).slice(2)}`}var va=JSON.parse('{"attention.aria.callout":["En gr\xF8n taleboble der introducerer noget nyt"],"attention.aria.close":["Luk"],"attention.aria.highlight":["En opm\xE6rksomhedsskabende taleboble med vigtig information"],"attention.aria.pointingDown":["peger nedad"],"attention.aria.pointingLeft":["peger til venstre"],"attention.aria.pointingRight":["peger til h\xF8jre"],"attention.aria.pointingUp":["peger opad"],"attention.aria.popover":["En hvid taleboble med mere information"],"attention.aria.tooltip":["En sort taleboble med flere oplysninger"]}');var wa=JSON.parse('{"attention.aria.callout":["A green speech bubble introducing something new"],"attention.aria.close":["Close"],"attention.aria.highlight":["An attention speech bubble with important information"],"attention.aria.pointingDown":["pointing down"],"attention.aria.pointingLeft":["pointing left"],"attention.aria.pointingRight":["pointing right"],"attention.aria.pointingUp":["pointing up"],"attention.aria.popover":["A white speech bubble providing additional information"],"attention.aria.tooltip":["A black speech bubble providing complementary information"]}');var xa=JSON.parse('{"attention.aria.callout":["Vihre\xE4 puhekupla, joka esittelee jotain uutta"],"attention.aria.close":["Sulje"],"attention.aria.highlight":["Puhekupla, joka sis\xE4lt\xE4\xE4 t\xE4rke\xE4\xE4 tietoa"],"attention.aria.pointingDown":["osoittaa alas"],"attention.aria.pointingLeft":["osoittaa vasemmalle"],"attention.aria.pointingRight":["osoittaa oikealle"],"attention.aria.pointingUp":["osoittaa yl\xF6s"],"attention.aria.popover":["Valkoinen puhekupla, joka tarjoaa lis\xE4tietoa"],"attention.aria.tooltip":["Musta puhekupla, joka tarjoaa t\xE4ydent\xE4v\xE4\xE4 tietoa"]}');var ya=JSON.parse('{"attention.aria.callout":["Gr\xF8nn taleboble som introduserer noe nytt"],"attention.aria.close":["Lukk"],"attention.aria.highlight":["En uthevet taleboble med viktig informasjon"],"attention.aria.pointingDown":["peker ned"],"attention.aria.pointingLeft":["peker til venstre"],"attention.aria.pointingRight":["peker til h\xF8yre"],"attention.aria.pointingUp":["peker opp"],"attention.aria.popover":["En hvit taleboble som gir tilleggsinformasjon"],"attention.aria.tooltip":["En svart taleboble som forklarer konteksten"]}');var ka=JSON.parse('{"attention.aria.callout":["En gr\xF6n pratbubbla som introducerar n\xE5got nytt"],"attention.aria.close":["St\xE4ng"],"attention.aria.highlight":["En pratbubbla med viktig information"],"attention.aria.pointingDown":["pekar ned"],"attention.aria.pointingLeft":["pekar v\xE4nster"],"attention.aria.pointingRight":["pekar h\xF6ger"],"attention.aria.pointingUp":["pekar upp"],"attention.aria.popover":["En vit pratbubbla som ger ytterligare information"],"attention.aria.tooltip":["En svart pratbubbla som ger kompletterande information"]}');var It=class extends ga(Ea){constructor(){super(),U(wa,ya,xa,va,ka),this.handleDone=this.handleDone.bind(this),this.show=!1,this.placement="bottom",this.tooltip=!1,this.callout=!1,this.popover=!1,this.highlight=!1,this.canClose=!1,this.noArrow=!1,this.distance=8,this.skidding=0,this.flip=!1,this.crossAxis=!1,this._initialPlacement=this.placement,this._actualDirection=this.placement}connectedCallback(){if(super.connectedCallback(),this.placement&&!Object.keys(ut).includes(this.placement))throw new Error(`Invalid "placement" attribute. Set its value to one of the following:
|
|
2484
|
-
${JSON.stringify(Object.keys(ut))}`);if(this.fallbackPlacements&&!this.fallbackPlacements.every(e=>co.includes(e)))throw new Error(`Invalid "fallbackPlacements" attribute. Set its value to an array with one or more of the following:
|
|
2485
|
-
${JSON.stringify(co)}`);setTimeout(()=>{this.requestUpdate(),this.handleDone()},0),this.callout||(window.addEventListener("click",this.handleDone),window.addEventListener("scroll",this.handleDone),window.addEventListener("resize",this.handleDone),window.addEventListener("touch",this.handleDone)),this.tooltip&&(window.addEventListener("mouseover",this.handleDone),window.addEventListener("mouseout",this.handleDone))}disconnectedCallback(){window.removeEventListener("click",this.handleDone),window.removeEventListener("scroll",this.handleDone),window.removeEventListener("resize",this.handleDone),window.removeEventListener("touch",this.handleDone),window.removeEventListener("mouseover",this.handleDone),window.removeEventListener("mouseout",this.handleDone),super.disconnectedCallback()}handleDone(){window.requestAnimationFrame(()=>{this.show&&this._targetEl&&this._attentionEl?po(this.attentionState).then(e=>{this._actualDirection=e==null?void 0:e.actualDirection}):this._actualDirection=this._initialPlacement})}get _actualDirection(){return this.placement}set _actualDirection(e){this.placement=e}get _arrowEl(){return this.renderRoot.querySelector("#arrow")}get _arrowDirection(){return ut[this._actualDirection]}get _arrowClasses(){return k([pt.arrowBase,this._activeVariantClasses.arrow,pt[`arrowDirection${uo(this._arrowDirection)}`]])}get _arrowHtml(){return this.noArrow?"":xt`<div id="arrow" class="${this._arrowClasses}"></div>`}get _activeVariantClasses(){let e={callout:this.callout,popover:this.popover,tooltip:this.tooltip,highlight:this.highlight},r=Object.keys(e).find(o=>!!e[o])||"";return{wrapper:pt[r],arrow:pt[`arrow${r.charAt(0).toUpperCase()+r.slice(1)}`]}}get _attentionEl(){return this.renderRoot.querySelector("#attention")}get _targetEl(){var r;let e=(r=this.renderRoot)==null?void 0:r.querySelector("slot[name='target']");return e?e.assignedNodes()[0]:null}get _messageEl(){let e=this.renderRoot.querySelector("slot[name='message']");return e?e.assignedNodes()[0]:null}get _wrapperClasses(){return k([pt.base,this._activeVariantClasses.wrapper])}get _ariaClose(){return c._({id:"attention.aria.close",message:"Close",comment:"Aria label for the close button in attention"})}get _closeBtnHtml(){return xt`
|
|
2486
|
-
<button aria-label="${this._ariaClose}" @click="${this.close}" @keydown=${this.keypressed} class="${pt.closeBtn}">
|
|
2487
|
-
<w-icon-close-16></w-icon-close-16>
|
|
2488
|
-
</button>
|
|
2489
|
-
`}updated(){this.callout||this._attentionEl.style.setProperty("--attention-visibility",this.show?"":"hidden"),this.tooltip||this._attentionEl.style.setProperty("--attention-display",this.show?"flex":"none"),this.attentionState={isShowing:this.show,isCallout:this.callout,actualDirection:this._actualDirection,directionName:this.placement,arrowEl:this._arrowEl,attentionEl:this._attentionEl,targetEl:this._targetEl,noArrow:this.noArrow,distance:this.distance,skidding:this.skidding,flip:this.flip,crossAxis:this.crossAxis,fallbackPlacements:this.fallbackPlacements},po(this.attentionState)}pointingAtDirection(){switch(ut[this._actualDirection]){case"top-start":case"top":case"top-end":return c._({id:"attention.aria.pointingUp",message:"pointing up",comment:"Default screenreader message for top direction in the attention component"});case"right-start":case"right":case"right-end":return c._({id:"attention.aria.pointingRight",message:"pointing right",comment:"Default screenreader message for right direction in the attention component"});case"bottom-start":case"bottom":case"bottom-end":return c._({id:"attention.aria.pointingDown",message:"pointing down",comment:"Default screenreader message for bottom direction in the attention component"});case"left-start":case"left":case"left-end":return c._({id:"attention.aria.pointingLeft",message:"pointing left",comment:"Default screenreader message for left direction in the attention component"});default:return""}}activeAttentionType(){switch(!0){case this.tooltip:return c._({id:"attention.aria.tooltip",message:"tooltip",comment:"Default screenreader message for tooltip in the attention component"});case this.callout:return c._({id:"attention.aria.callout",message:"callout speech bubble",comment:"Default screenreader message for callout speech bubble in the attention component"});case this.popover:return c._({id:"attention.aria.popover",message:"popover speech bubble",comment:"Default screenreader message for popover speech bubble in the attention component"});case this.highlight:return c._({id:"attention.aria.highlight",message:"highlighted speech bubble",comment:"Default screenreader message for highlighted speech bubble in the attention component"});default:return""}}defaultAriaLabel(){return`${this.activeAttentionType()} ${this.noArrow?"":this.pointingAtDirection()}`}setAriaLabels(){if(this._targetEl&&!this._targetEl.getAttribute("aria-details")){let e=this._messageEl.id||(this._messageEl.id=fa());this._targetEl.setAttribute("aria-details",e)}}firstUpdated(){this._initialPlacement=this.placement,this.setAriaLabels(),this.callout&&(this._attentionEl.style.position="relative")}close(){let e=new CustomEvent("close",{bubbles:!0,composed:!0});this.updateComplete.then(()=>this.dispatchEvent(e))}keypressed(e){this.canClose&&e.key==="Escape"&&(e.preventDefault(),this.close())}render(){return!this.callout&&this._targetEl===void 0?xt``:xt`
|
|
2490
|
-
<div class=${Bd(this.className?this.className:void 0)}>
|
|
2491
|
-
${this.placement==="right-start"||this.placement==="right"||this.placement==="right-end"||this.placement==="bottom-start"||this.placement==="bottom"||this.placement==="bottom-end"?xt`
|
|
2492
|
-
<slot name="target"></slot>
|
|
2493
|
-
|
|
2494
|
-
<div id="attention" class="${this._wrapperClasses}">
|
|
2495
|
-
<div role="${this.tooltip?"tooltip":"img"}" aria-label="${this.defaultAriaLabel()}">${this._arrowHtml}</div>
|
|
2496
|
-
<slot name="message"></slot>
|
|
2497
|
-
${this.canClose?this._closeBtnHtml:$a}
|
|
2498
|
-
</div>
|
|
2499
|
-
`:xt`
|
|
2500
|
-
<div id="attention" class="${this._wrapperClasses}">
|
|
2501
|
-
<slot name="message"></slot>
|
|
2502
|
-
<div role="${this.tooltip?"tooltip":"img"}" aria-label="${this.defaultAriaLabel()}">${this._arrowHtml}</div>
|
|
2503
|
-
${this.canClose?this._closeBtnHtml:$a}
|
|
2504
|
-
</div>
|
|
2505
|
-
<slot name="target"></slot>
|
|
2506
|
-
`}
|
|
2507
|
-
</div>
|
|
2508
|
-
`}};Y(It,"properties",{show:{type:Boolean,reflect:!0},placement:{type:String,reflect:!0},tooltip:{type:Boolean,reflect:!0},callout:{type:Boolean,reflect:!0},popover:{type:Boolean,reflect:!0},highlight:{type:Boolean,reflect:!0},canClose:{type:Boolean,reflect:!0},noArrow:{type:Boolean,reflect:!0},distance:{type:Number,reflect:!0},skidding:{type:Number,reflect:!0},flip:{type:Boolean,reflect:!0},crossAxis:{type:Boolean,reflect:!0},fallbackPlacements:{type:Array,reflect:!0}}),Y(It,"styles",[Ea.styles,Dd`
|
|
2509
|
-
#attention {
|
|
2510
|
-
position: absolute;
|
|
2511
|
-
z-index: 50;
|
|
2512
|
-
visibility: var(--attention-visibility);
|
|
2513
|
-
display: var(--attention-display);
|
|
2514
|
-
}
|
|
2515
|
-
|
|
2516
|
-
:host([popover]:not(:popover-open):not(dialog[open])) {
|
|
2517
|
-
display: contents;
|
|
2518
|
-
}
|
|
2519
|
-
`]);customElements.get("w-attention")||customElements.define("w-attention",It);import{html as Rd,LitElement as Vd}from"lit";import{property as _a}from"lit/decorators.js";import{css as Pd}from"lit";var Ca=Pd`*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.backdrop-blur{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bg-\\[--w-black\\/70\\]{background-color:rgba(var(--w-rgb-black),.7)}.bg-\\[--w-color-badge-info-background\\]{background-color:var(--w-color-badge-info-background)}.bg-\\[--w-color-badge-negative-background\\]{background-color:var(--w-color-badge-negative-background)}.bg-\\[--w-color-badge-neutral-background\\]{background-color:var(--w-color-badge-neutral-background)}.bg-\\[--w-color-badge-positive-background\\]{background-color:var(--w-color-badge-positive-background)}.bg-\\[--w-color-badge-sponsored-background\\]{background-color:var(--w-color-badge-sponsored-background)}.bg-\\[--w-color-badge-warning-background\\]{background-color:var(--w-color-badge-warning-background)}.border-0{border-width:0}.rounded-4{border-radius:4px}.rounded-bl-0{border-bottom-left-radius:0}.rounded-br-0{border-bottom-right-radius:0}.rounded-tl-0{border-top-left-radius:0}.rounded-tr-0{border-top-right-radius:0}.inline-flex{display:inline-flex}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.top-0{top:0}.absolute{position:absolute}.static{position:static}.s-bg-disabled{background-color:var(--w-s-color-background-disabled)}.s-text{color:var(--w-s-color-text)}.s-text-inverted-static{color:var(--w-s-color-text-inverted-static)}.px-8{padding-left:.8rem;padding-right:.8rem}.py-4{padding-top:.4rem;padding-bottom:.4rem}.text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs)}`;var yt=class extends Vd{constructor(){super(...arguments);this.variant="neutral"}get _class(){return k(["py-4 px-8 border-0 rounded-4 text-xs inline-flex",this.variant==="neutral"&&"bg-[--w-color-badge-neutral-background] s-text",this.variant==="info"&&"bg-[--w-color-badge-info-background] s-text",this.variant==="positive"&&"bg-[--w-color-badge-positive-background] s-text",this.variant==="warning"&&"bg-[--w-color-badge-warning-background] s-text",this.variant==="negative"&&"bg-[--w-color-badge-negative-background] s-text",this.variant==="disabled"&&"s-bg-disabled s-text",this.variant==="price"&&"bg-[--w-black/70] s-text-inverted-static",this.variant==="sponsored"&&"bg-[--w-color-badge-sponsored-background] s-text",!!this.position&&"absolute backdrop-blur",this.position==="top-left"&&"rounded-tl-0 rounded-tr-0 rounded-bl-0 top-0 left-0",this.position==="top-right"&&"rounded-tl-0 rounded-tr-0 rounded-br-0 top-0 right-0",this.position==="bottom-right"&&"rounded-tr-0 rounded-br-0 rounded-bl-0 bottom-0 right-0",this.position==="bottom-left"&&"rounded-tl-0 rounded-br-0 rounded-bl-0 bottom-0 left-0"])}render(){return Rd`
|
|
2520
|
-
<div class="${this._class}">
|
|
2521
|
-
<slot></slot>
|
|
2522
|
-
</div>
|
|
2523
|
-
`}};yt.styles=[O,Ca],s([_a({type:String,reflect:!0})],yt.prototype,"variant",2),s([_a({type:String,reflect:!0})],yt.prototype,"position",2);customElements.get("w-badge")||customElements.define("w-badge",yt);import{html as Fd,LitElement as Hd,nothing as jd}from"lit";import{property as Ft}from"lit/decorators.js";import{css as Id}from"lit";var Sa=Id`*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.border-2{border-width:2px}.rounded-8{border-radius:8px}.rounded-l-0{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-r-0{border-top-right-radius:0;border-bottom-right-radius:0}.block{display:block}.relative{position:relative}.static{position:static}.s-bg{background-color:var(--w-s-color-background)}.s-bg-info-subtle{background-color:var(--w-s-color-background-info-subtle)}.s-border{border-color:var(--w-s-color-border)}.s-surface-sunken{background-color:var(--w-s-color-surface-sunken)}.-mx-16{margin-left:-1.6rem;margin-right:-1.6rem}.last-child\\:mb-0>:last-child{margin-bottom:0}.p-16{padding:1.6rem}.break-words{overflow-wrap:break-word}@media (min-width:480px){.sm\\:rounded-8{border-radius:8px}.sm\\:mx-0{margin-left:0;margin-right:0}}`;var Ue=class extends Hd{get _class(){return k(["group block relative break-words last-child:mb-0 p-16 rounded-8",this.bleed&&"-mx-16 sm:mx-0 rounded-l-0 rounded-r-0 sm:rounded-8",this.info&&"s-bg-info-subtle",this.neutral&&"s-surface-sunken",this.bordered&&"border-2 s-border s-bg"])}get _optOutRoleWithDefault(){var e;return this.role===""?jd:(e=this.role)!=null?e:"region"}render(){return Fd`
|
|
2524
|
-
<div role="${this._optOutRoleWithDefault}" class="${this._class}">
|
|
2525
|
-
<slot></slot>
|
|
2526
|
-
</div>
|
|
2527
|
-
`}};Ue.styles=[O,Sa],s([Ft({type:Boolean,reflect:!0})],Ue.prototype,"bleed",2),s([Ft({type:Boolean,reflect:!0})],Ue.prototype,"bordered",2),s([Ft({type:Boolean,reflect:!0})],Ue.prototype,"info",2),s([Ft({type:Boolean,reflect:!0})],Ue.prototype,"neutral",2),s([Ft({type:String,reflect:!0})],Ue.prototype,"role",2);customElements.get("w-box")||customElements.define("w-box",Ue);import{html as mo,LitElement as Ud}from"lit";function La(t,e){return t.flatMap(r=>[r,e]).slice(0,-1)}import{property as Jd}from"lit/decorators.js";var Oa=JSON.parse('{"breadcrumbs.ariaLabel":["Du er her"]}');var Ta=JSON.parse('{"breadcrumbs.ariaLabel":["You are here"]}');var Na=JSON.parse('{"breadcrumbs.ariaLabel":["Olet t\xE4ss\xE4"]}');var Ma=JSON.parse('{"breadcrumbs.ariaLabel":["Her er du"]}');var za=JSON.parse('{"breadcrumbs.ariaLabel":["Du \xE4r h\xE4r"]}');import{css as qd}from"lit";var Aa=qd`*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.flex{display:flex}.static{position:static}.s-text{color:var(--w-s-color-text)}.s-text-link{color:var(--w-s-color-text-link)}.s-icon{color:var(--w-s-color-icon)}.space-x-8>:not([hidden])~:not([hidden]){--w-space-x-reverse:0;margin-left:calc(.8rem*calc(1 - var(--w-space-x-reverse)));margin-right:calc(.8rem*var(--w-space-x-reverse))}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.select-none{-webkit-user-select:none;user-select:none}`;var kt={wrapper:"flex space-x-8",text:"s-text",link:"s-text-link",separator:"select-none s-icon",a11y:"sr-only"},Qd=mo`<span class=${kt.separator}>/</span>`,Ht=class extends Ud{constructor(){super(),U(Ta,Ma,Na,Oa,za),this.ariaLabel=c._({id:"breadcrumbs.ariaLabel",message:"You are here",comment:"Default screen reader message for the breadcrumb component"})}connectedCallback(){super.connectedCallback();let r=Array.from(this.children).flat(1/0).filter(o=>o).map((o,i)=>{if(typeof o=="string"){let a=i===this.children.length-1;return mo`<span class=${kt.text} aria-current=${a?"page":void 0}>${o}</span>`}return o.classList.add(o.tagName==="A"?kt.link:kt.text),o});this._children=La(r,Qd)}render(){return mo`
|
|
2528
|
-
<nav aria-labelledby="breadCrumbLabel">
|
|
2529
|
-
<h2 id="breadCrumbLabel" class=${kt.a11y}>${this.ariaLabel}</h2>
|
|
2530
|
-
<div class=${kt.wrapper}>${this._children}</div>
|
|
2531
|
-
</nav>
|
|
2532
|
-
`}};Ht.styles=[O,Aa],s([Jd({attribute:"aria-label",type:String})],Ht.prototype,"ariaLabel",2);customElements.get("w-breadcrumbs")||customElements.define("w-breadcrumbs",Ht);import{html as Lr,LitElement as eu}from"lit";var B=function(t,e,r,o){if(r==="a"&&!o)throw new TypeError("Private accessor was defined without a getter");if(typeof e=="function"?t!==e||!o:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return r==="m"?o:r==="a"?o.call(t):o?o.value:e.get(t)},X=function(t,e,r,o,i){if(o==="m")throw new TypeError("Private method is not writable");if(o==="a"&&!i)throw new TypeError("Private accessor was defined without a setter");if(typeof e=="function"?t!==e||!i:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return o==="a"?i.call(t,r):i?i.value=r:e.set(t,r),r};function Ge(t){var e,r,o,i,a,n,l,d,u,p,m,$,h,y,_,E,N,M,A;class te extends t{constructor(...C){var S,D,P;super(...C),e.add(this),this.internals=this.attachInternals(),r.set(this,!1),o.set(this,!1),i.set(this,!1),a.set(this,void 0),n.set(this,void 0),l.set(this,!0),u.set(this,""),p.set(this,()=>{X(this,i,!0,"f"),X(this,r,!0,"f"),B(this,e,"m",E).call(this)}),m.set(this,()=>{X(this,r,!1,"f"),B(this,e,"m",N).call(this,this.shouldFormValueUpdate()?B(this,u,"f"):""),!this.validity.valid&&B(this,i,"f")&&X(this,o,!0,"f");let H=B(this,e,"m",E).call(this);this.validationMessageCallback&&this.validationMessageCallback(H?this.internals.validationMessage:"")}),$.set(this,()=>{var H;B(this,l,"f")&&this.validationTarget&&(this.internals.setValidity(this.validity,this.validationMessage,this.validationTarget),X(this,l,!1,"f")),X(this,i,!0,"f"),X(this,o,!0,"f"),B(this,e,"m",E).call(this),(H=this===null||this===void 0?void 0:this.validationMessageCallback)===null||H===void 0||H.call(this,this.showError?this.internals.validationMessage:"")}),h.set(this,void 0),y.set(this,!1),_.set(this,Promise.resolve()),(S=this.addEventListener)===null||S===void 0||S.call(this,"focus",B(this,p,"f")),(D=this.addEventListener)===null||D===void 0||D.call(this,"blur",B(this,m,"f")),(P=this.addEventListener)===null||P===void 0||P.call(this,"invalid",B(this,$,"f")),this.setValue(null)}static get formAssociated(){return!0}static get validators(){return this.formControlValidators||[]}static get observedAttributes(){let C=this.validators.map(P=>P.attribute).flat(),S=super.observedAttributes||[];return[...new Set([...S,...C])]}static getValidator(C){return this.validators.find(S=>S.attribute===C)||null}static getValidators(C){return this.validators.filter(S=>{var D;if(S.attribute===C||!((D=S.attribute)===null||D===void 0)&&D.includes(C))return!0})}get form(){return this.internals.form}get showError(){return B(this,e,"m",E).call(this)}checkValidity(){return this.internals.checkValidity()}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}attributeChangedCallback(C,S,D){var P;(P=super.attributeChangedCallback)===null||P===void 0||P.call(this,C,S,D);let de=this.constructor.getValidators(C);de!=null&&de.length&&this.validationTarget&&this.setValue(B(this,u,"f"))}setValue(C){var S;X(this,o,!1,"f"),(S=this.validationMessageCallback)===null||S===void 0||S.call(this,""),X(this,u,C,"f");let P=this.shouldFormValueUpdate()?C:null;this.internals.setFormValue(P),B(this,e,"m",N).call(this,P),this.valueChangedCallback&&this.valueChangedCallback(P),B(this,e,"m",E).call(this)}shouldFormValueUpdate(){return!0}get validationComplete(){return new Promise(C=>C(B(this,_,"f")))}formResetCallback(){var C,S;X(this,i,!1,"f"),X(this,o,!1,"f"),B(this,e,"m",E).call(this),(C=this.resetFormControl)===null||C===void 0||C.call(this),(S=this.validationMessageCallback)===null||S===void 0||S.call(this,B(this,e,"m",E).call(this)?this.validationMessage:"")}}return r=new WeakMap,o=new WeakMap,i=new WeakMap,a=new WeakMap,n=new WeakMap,l=new WeakMap,u=new WeakMap,p=new WeakMap,m=new WeakMap,$=new WeakMap,h=new WeakMap,y=new WeakMap,_=new WeakMap,e=new WeakSet,d=function(){let C=this.getRootNode(),S=`${this.localName}[name="${this.getAttribute("name")}"]`;return C.querySelectorAll(S)},E=function(){if(this.hasAttribute("disabled"))return!1;let C=B(this,o,"f")||B(this,i,"f")&&!this.validity.valid&&!B(this,r,"f");return C&&this.internals.states?this.internals.states.add("--show-error"):this.internals.states&&this.internals.states.delete("--show-error"),C},N=function(C){let S=this.constructor,D={},P=S.validators,H=[],de=P.some(Q=>Q.isValid instanceof Promise);B(this,y,"f")||(X(this,_,new Promise(Q=>{X(this,h,Q,"f")}),"f"),X(this,y,!0,"f")),B(this,a,"f")&&(B(this,a,"f").abort(),X(this,n,B(this,a,"f"),"f"));let oe=new AbortController;X(this,a,oe,"f");let ue,G=!1;P.length&&(P.forEach(Q=>{let ge=Q.key||"customError",W=Q.isValid(this,C,oe.signal);W instanceof Promise?(H.push(W),W.then(we=>{we!=null&&(D[ge]=!we,ue=B(this,e,"m",A).call(this,Q,C),B(this,e,"m",M).call(this,D,ue))})):(D[ge]=!W,this.validity[ge]!==!W&&(G=!0),!W&&!ue&&(ue=B(this,e,"m",A).call(this,Q,C)))}),Promise.allSettled(H).then(()=>{var Q;oe!=null&&oe.signal.aborted||(X(this,y,!1,"f"),(Q=B(this,h,"f"))===null||Q===void 0||Q.call(this))}),(G||!de)&&B(this,e,"m",M).call(this,D,ue))},M=function(C,S){if(this.validationTarget)this.internals.setValidity(C,S,this.validationTarget),X(this,l,!1,"f");else{if(this.internals.setValidity(C,S),this.internals.validity.valid)return;X(this,l,!0,"f")}},A=function(C,S){if(this.validityCallback){let D=this.validityCallback(C.key||"customError");if(D)return D}return C.message instanceof Function?C.message(this,S):C.message},te}import tu from"@warp-ds/elements-core";import{property as fe}from"lit/decorators.js";import{html as Xd,LitElement as Zd}from"lit";import Kd from"@warp-ds/elements-core";import{property as Se}from"lit/decorators.js";import{classMap as Gd}from"lit/directives/class-map.js";import{css as Yd}from"lit";var Da=Yd`.w-button,
|
|
2533
|
-
.w-button--secondary {
|
|
2534
|
-
/* Local scoped variables, given the default button (the secondary variant) as a default */
|
|
2535
|
-
--_background: var(--background, var(--w-s-color-background));
|
|
2536
|
-
--_background-hover: var(--background-hover, var(--w-s-color-background-hover));
|
|
2537
|
-
--_background-active: var(--background-active, var(--w-s-color-background-active));
|
|
2538
|
-
--_text-color: var(--color, var(--w-s-color-text-link));
|
|
2539
|
-
--_border-width: var(--border-width, 2px);
|
|
2540
|
-
--_border: var(--border, var(--w-s-color-border));
|
|
2541
|
-
--_border-hover: var(--border-hover, var(--w-s-color-border-hover));
|
|
2542
|
-
--_border-active: var(--border-active, var(--w-s-color-border-active));
|
|
2543
|
-
--_border-radius: var(--border-radius, 8px);
|
|
2544
|
-
--_font-size: var(--font-size, var(--w-font-size-m));
|
|
2545
|
-
--_line-height: var(--line-height, var(--w-line-height-m));
|
|
2546
|
-
--_font-weight: var(--font-weight, bold);
|
|
2547
|
-
--_padding-x: var(--padding-x, 16px);
|
|
2548
|
-
--_padding-y: var(--padding-y, 13px);
|
|
2549
|
-
|
|
2550
|
-
/* Base setup for all buttons */
|
|
2551
|
-
display: inline-flex;
|
|
2552
|
-
justify-content: center;
|
|
2553
|
-
align-items: center;
|
|
2554
|
-
text-align: center;
|
|
2555
|
-
cursor: pointer;
|
|
2556
|
-
transition:
|
|
2557
|
-
color 150ms cubic-bezier(0.4, 0, 0.2, 1),
|
|
2558
|
-
background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
|
|
2559
|
-
border-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
|
|
2560
|
-
fill 150ms cubic-bezier(0.4, 0, 0.2, 1),
|
|
2561
|
-
stroke 150ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
2562
|
-
|
|
2563
|
-
/* Hook the local vars up to the button stuff */
|
|
2564
|
-
background-color: var(--_background);
|
|
2565
|
-
color: var(--_text-color);
|
|
2566
|
-
border: var(--_border-width) solid var(--_border);
|
|
2567
|
-
border-radius: var(--_border-radius);
|
|
2568
|
-
padding: calc(var(--_padding-y) - var(--_border-width)) calc(var(--_padding-x) - var(--_border-width));
|
|
2569
|
-
font-size: var(--_font-size);
|
|
2570
|
-
line-height: var(--_line-height);
|
|
2571
|
-
font-weight: var(--_font-weight);
|
|
2572
|
-
}
|
|
2573
|
-
|
|
2574
|
-
.w-button:hover {
|
|
2575
|
-
background-color: var(--_background-hover);
|
|
2576
|
-
border-color: var(--_border-hover);
|
|
2577
|
-
}
|
|
2578
|
-
|
|
2579
|
-
.w-button:active {
|
|
2580
|
-
background-color: var(--_background-active);
|
|
2581
|
-
border-color: var(--_border-active);
|
|
2582
|
-
}
|
|
2583
|
-
|
|
2584
|
-
.w-button:focus-visible {
|
|
2585
|
-
outline: 2px solid var(--w-s-color-border-focus);
|
|
2586
|
-
outline-offset: var(--w-outline-offset, 1px);
|
|
2587
|
-
}
|
|
2588
|
-
|
|
2589
|
-
/* Variants config */
|
|
2590
|
-
.w-button--primary {
|
|
2591
|
-
--background: var(--w-s-color-background-primary);
|
|
2592
|
-
--background-hover: var(--w-s-color-background-primary-hover);
|
|
2593
|
-
--background-active: var(--w-s-color-background-primary-active);
|
|
2594
|
-
--color: var(--w-s-color-text-inverted);
|
|
2595
|
-
--border-width: 0px;
|
|
2596
|
-
}
|
|
2597
|
-
.w-button--negative {
|
|
2598
|
-
--background: var(--w-s-color-background-negative);
|
|
2599
|
-
--background-hover: var(--w-s-color-background-negative-hover);
|
|
2600
|
-
--background-active: var(--w-s-color-background-negative-active);
|
|
2601
|
-
--color: var(--w-s-color-text-inverted);
|
|
2602
|
-
--border-width: 0px;
|
|
2603
|
-
}
|
|
2604
|
-
.w-button--negative-quiet {
|
|
2605
|
-
--background: transparent;
|
|
2606
|
-
--background-hover: var(--w-s-color-background-negative-subtle-hover);
|
|
2607
|
-
--background-active: var(--w-s-color-background-negative-subtle-active);
|
|
2608
|
-
--color: var(--w-s-color-text-negative);
|
|
2609
|
-
--border-width: 0px;
|
|
2610
|
-
}
|
|
2611
|
-
.w-button--utility {
|
|
2612
|
-
--background: var(--w-s-color-background);
|
|
2613
|
-
--background-hover: var(--w-s-color-background-hover);
|
|
2614
|
-
--background-active: var(--w-s-color-background-active);
|
|
2615
|
-
--color: var(--w-s-color-text);
|
|
2616
|
-
--border-radius: 4px;
|
|
2617
|
-
--border-width: 1px;
|
|
2618
|
-
}
|
|
2619
|
-
.w-button--utility-quiet {
|
|
2620
|
-
--background: transparent;
|
|
2621
|
-
--color: var(--w-s-color-text);
|
|
2622
|
-
--border-width: 0px;
|
|
2623
|
-
}
|
|
2624
|
-
.w-button--overlay {
|
|
2625
|
-
--background: var(--w-color-background);
|
|
2626
|
-
--background-hover: var(--w-color-background-hover);
|
|
2627
|
-
--background-active: var(--w-color-background-active);
|
|
2628
|
-
--color: var(--w-s-color-text);
|
|
2629
|
-
--border-radius: 9999px;
|
|
2630
|
-
--border-width: 0px;
|
|
2631
|
-
}
|
|
2632
|
-
.w-button--overlay-quiet {
|
|
2633
|
-
--background: transparent;
|
|
2634
|
-
--background-hover: var(--w-s-color-background-hover);
|
|
2635
|
-
--background-active: var(--w-s-color-background-active);
|
|
2636
|
-
--color: var(--w-s-color-text);
|
|
2637
|
-
--border-radius: 9999px;
|
|
2638
|
-
--border-width: 0px;
|
|
2639
|
-
}
|
|
2640
|
-
.w-button--overlay-inverted {
|
|
2641
|
-
--background: var(--w-s-color-background-inverted);
|
|
2642
|
-
--background-hover: var(--w-s-color-background-inverted-hover);
|
|
2643
|
-
--background-active: var(--w-s-color-background-inverted-active);
|
|
2644
|
-
--color: var(--w-s-color-text-inverted);
|
|
2645
|
-
--border-radius: 9999px;
|
|
2646
|
-
--border-width: 0px;
|
|
2647
|
-
}
|
|
2648
|
-
.w-button--overlay-inverted-quiet {
|
|
2649
|
-
--background: transparent;
|
|
2650
|
-
--background-hover: var(--w-s-color-background-inverted-hover);
|
|
2651
|
-
--background-active: var(--w-s-color-background-inverted-active);
|
|
2652
|
-
--color: var(--w-s-color-text-inverted);
|
|
2653
|
-
--border-radius: 9999px;
|
|
2654
|
-
--border-width: 0px;
|
|
2655
|
-
}
|
|
2656
|
-
|
|
2657
|
-
.w-button--link {
|
|
2658
|
-
--background: none;
|
|
2659
|
-
--background-hover: none;
|
|
2660
|
-
--background-active: none;
|
|
2661
|
-
--border-width: 0;
|
|
2662
|
-
--font-weight: normal;
|
|
2663
|
-
display: inline;
|
|
2664
|
-
}
|
|
2665
|
-
|
|
2666
|
-
/* States config, selects --loading as well since loading is always supposed to be disabled */
|
|
2667
|
-
.w-button:disabled,
|
|
2668
|
-
.w-button--disabled,
|
|
2669
|
-
.w-button--loading {
|
|
2670
|
-
--background: var(--w-s-color-background-disabled);
|
|
2671
|
-
--background-hover: var(--w-s-color-background-disabled);
|
|
2672
|
-
--background-active: var(--w-s-color-background-disabled);
|
|
2673
|
-
--color: var(--w-s-color-text-inverted);
|
|
2674
|
-
--border-width: 0px;
|
|
2675
|
-
pointer-events: none;
|
|
2676
|
-
}
|
|
2677
|
-
|
|
2678
|
-
.w-button--link:hover {
|
|
2679
|
-
text-decoration: underline;
|
|
2680
|
-
}
|
|
2681
|
-
|
|
2682
|
-
/* Sizes config */
|
|
2683
|
-
.w-button--small {
|
|
2684
|
-
--padding-x: 12px;
|
|
2685
|
-
--padding-y: 8px;
|
|
2686
|
-
--font-size: var(--w-font-size-xs);
|
|
2687
|
-
--line-height: var(--w-line-height-xs);
|
|
2688
|
-
}
|
|
2689
|
-
|
|
2690
|
-
/* Width config */
|
|
2691
|
-
.w-button--full-width {
|
|
2692
|
-
width: 100%;
|
|
2693
|
-
max-width: 100%;
|
|
2694
|
-
}
|
|
2695
|
-
|
|
2696
|
-
.w-button--has-icon-only {
|
|
2697
|
-
width: auto;
|
|
2698
|
-
max-width: none;
|
|
2699
|
-
--_padding-x: var(--_padding-y);
|
|
2700
|
-
aspect-ratio: 1 / 1;
|
|
2701
|
-
}
|
|
2702
|
-
|
|
2703
|
-
a.w-button {
|
|
2704
|
-
text-decoration: none !important;
|
|
2705
|
-
}
|
|
2706
|
-
|
|
2707
|
-
/* Copy of loading animation from warp */
|
|
2708
|
-
.w-button--loading {
|
|
2709
|
-
background-image: linear-gradient(
|
|
2710
|
-
135deg,
|
|
2711
|
-
rgba(0, 0, 0, 0.05) 25%,
|
|
2712
|
-
transparent 25%,
|
|
2713
|
-
transparent 50%,
|
|
2714
|
-
rgba(0, 0, 0, 0.05) 50%,
|
|
2715
|
-
rgba(0, 0, 0, 0.05) 75%,
|
|
2716
|
-
transparent 75%,
|
|
2717
|
-
transparent
|
|
2718
|
-
);
|
|
2719
|
-
background-size: 30px 30px;
|
|
2720
|
-
animation: animate-inprogress 3s linear infinite;
|
|
2721
|
-
}
|
|
2722
|
-
|
|
2723
|
-
@keyframes animate-inprogress {
|
|
2724
|
-
0% {
|
|
2725
|
-
background-position: 0 0;
|
|
2726
|
-
}
|
|
2727
|
-
100% {
|
|
2728
|
-
background-position: 60px 0;
|
|
2729
|
-
}
|
|
2730
|
-
}`;var Ba=["primary","secondary","negative","negativeQuiet","utility","utilityQuiet","pill","link"],ie=class extends Ge(Zd){constructor(){super(),this.variant="secondary"}connectedCallback(){if(super.connectedCallback(),!Ba.includes(this.variant))throw new Error(`Invalid "variant" attribute. Set its value to one of the following:
|
|
2731
|
-
${Ba.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0)}render(){let e={"w-button":this.variant!=="link","w-button--primary":this.variant==="primary","w-button--secondary":this.variant==="secondary","w-button--negative":this.variant==="negative","w-button--utility":this.variant==="utility","w-button--quiet":this.variant==="quiet","w-button--negative-quiet":this.variant==="negativeQuiet","w-button--utility-quiet":this.variant==="utilityQuiet","w-button--small":this.small,"w-button--full-width":this.fullWidth,"w-button--disabled":this.disabled};return Xd`<a
|
|
2732
|
-
href=${this.href}
|
|
2733
|
-
target=${this.target}
|
|
2734
|
-
rel=${this.target==="_blank"?this.rel||"noopener":void 0}
|
|
2735
|
-
class=${Gd(e)}>
|
|
2736
|
-
<slot></slot>
|
|
2737
|
-
</a>`}};ie.shadowRootOptions={...Kd.shadowRootOptions,delegatesFocus:!0},ie.styles=[O,Da],s([Se({type:Boolean,reflect:!0})],ie.prototype,"autofocus",2),s([Se({reflect:!0})],ie.prototype,"variant",2),s([Se({type:Boolean,reflect:!0})],ie.prototype,"quiet",2),s([Se({type:Boolean,reflect:!0})],ie.prototype,"small",2),s([Se({reflect:!0})],ie.prototype,"href",2),s([Se({type:Boolean,reflect:!0})],ie.prototype,"disabled",2),s([Se({reflect:!0})],ie.prototype,"target",2),s([Se({reflect:!0})],ie.prototype,"rel",2),s([Se({attribute:"full-width",type:Boolean,reflect:!0})],ie.prototype,"fullWidth",2),s([Se({attribute:"button-class",reflect:!0})],ie.prototype,"buttonClass",2),s([Se({reflect:!0})],ie.prototype,"name",2);customElements.get("w-link")||customElements.define("w-link",ie);var Pa=JSON.parse('{"button.aria.loading":["Indl\xE6ser..."]}');var Ra=JSON.parse('{"button.aria.loading":["Loading..."]}');var Va=JSON.parse('{"button.aria.loading":["Ladataan..."]}');var Ia=JSON.parse('{"button.aria.loading":["Laster..."]}');var Fa=JSON.parse('{"button.aria.loading":["Laddar ..."]}');import{css as Wd}from"lit";var Ha=Wd`*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.text-center{text-align:center}.animate-inprogress{background-size:30px 30px;animation:3s linear infinite animate-inprogress;background-image:linear-gradient(135deg,#0000000d 25%,#0000 0 50%,#0000000d 0 75%,#0000 0,#0000)!important}@keyframes animate-inprogress{0%{background-position:0 0}to{background-position:60px 0}}.hover\\:bg-clip-padding:hover{-webkit-background-clip:padding-box;background-clip:padding-box}.bg-transparent{background-color:#0000}.bg-\\[--w-color-button-primary-background\\]{background-color:var(--w-color-button-primary-background)}.hover\\:bg-\\[--w-color-button-pill-background-hover\\]:hover{background-color:var(--w-color-button-pill-background-hover)}.hover\\:bg-\\[--w-color-button-primary-background-hover\\]:hover{background-color:var(--w-color-button-primary-background-hover)}.active\\:bg-\\[--w-color-button-pill-background-active\\]:active{background-color:var(--w-color-button-pill-background-active)}.active\\:bg-\\[--w-color-button-primary-background-active\\]:active{background-color:var(--w-color-button-primary-background-active)}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-transparent{border-color:#0000}.rounded-4{border-radius:4px}.rounded-8{border-radius:8px}.rounded-full{border-radius:9999px}.inline-block{display:inline-block}.inline{display:inline}.inline-flex{display:inline-flex}.hover\\:underline:hover,.focus\\:underline:focus,.active\\:underline:active{text-decoration-line:underline}.hover\\:no-underline:hover,.focus\\:no-underline:focus,.active\\:no-underline:active{text-decoration:none}.focusable:focus{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:focus-visible{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:not(:focus-visible){outline:none}.items-center{align-items:center}.justify-center{justify-content:center}.static{position:static}.s-bg{background-color:var(--w-s-color-background)}.s-bg-disabled{background-color:var(--w-s-color-background-disabled)}.s-bg-negative{background-color:var(--w-s-color-background-negative)}.s-bg-subtle{background-color:var(--w-s-color-background-subtle)}.hover\\:s-bg-hover:hover{background-color:var(--w-s-color-background-hover)}.hover\\:s-bg-negative-hover:hover{background-color:var(--w-s-color-background-negative-hover)}.hover\\:s-bg-negative-subtle-hover:hover{background-color:var(--w-s-color-background-negative-subtle-hover)}.active\\:s-bg-active:active{background-color:var(--w-s-color-background-active)}.active\\:s-bg-negative-active:active{background-color:var(--w-s-color-background-negative-active)}.active\\:s-bg-negative-subtle-active:active{background-color:var(--w-s-color-background-negative-subtle-active)}.s-text{color:var(--w-s-color-text)}.s-text-inverted{color:var(--w-s-color-text-inverted)}.s-text-link{color:var(--w-s-color-text-link)}.s-text-negative{color:var(--w-s-color-text-negative)}.s-icon{color:var(--w-s-color-icon)}.hover\\:s-icon-hover:hover{color:var(--w-s-color-icon-hover)}.active\\:s-icon-active:active{color:var(--w-s-color-icon-active)}.s-border{border-color:var(--w-s-color-border)}.hover\\:s-border-hover:hover{border-color:var(--w-s-color-border-hover)}.active\\:s-border-active:active{border-color:var(--w-s-color-border-active)}.max-w-full{max-width:100%}.max-w-max{max-width:max-content}.min-h-32{min-height:3.2rem}.min-w-32{min-width:3.2rem}.w-full{width:100%}.min-h-\\[44px\\]{min-height:44px}.min-w-\\[44px\\]{min-width:44px}.p-0{padding:0}.p-4{padding:.4rem}.px-14{padding-left:1.4rem;padding-right:1.4rem}.px-16{padding-left:1.6rem;padding-right:1.6rem}.py-10{padding-top:1rem;padding-bottom:1rem}.py-12{padding-top:1.2rem;padding-bottom:1.2rem}.py-6{padding-top:.6rem;padding-bottom:.6rem}.py-8{padding-top:.8rem;padding-bottom:.8rem}.px-\\[15px\\]{padding-left:15px;padding-right:15px}.py-\\[11px\\]{padding-top:11px;padding-bottom:11px}.py-\\[7px\\]{padding-top:7px;padding-bottom:7px}.cursor-default{cursor:default}.font-bold{font-weight:700}.pointer-events-none{pointer-events:none}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.text-m{font-size:var(--w-font-size-m);line-height:var(--w-line-height-m)}.text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs)}.leading-\\[24\\]{line-height:2.4rem}`;var ja=["primary","secondary","negative","utility","pill","link"],We="font-bold focusable justify-center transition-colors ease-in-out",q={primary:"s-text-inverted bg-[--w-color-button-primary-background] hover:bg-[--w-color-button-primary-background-hover] active:bg-[--w-color-button-primary-background-active]",secondary:"s-text-link s-border s-bg hover:s-bg-hover hover:s-border-hover active:s-bg-active",utility:"s-text s-bg hover:s-bg-hover active:s-bg-active s-border hover:s-border-hover active:s-border-active",destructive:"s-bg-negative s-text-inverted hover:s-bg-negative-hover active:s-bg-negative-active",pill:"s-icon hover:s-icon-hover active:s-icon-active bg-transparent hover:bg-[--w-color-button-pill-background-hover] active:bg-[--w-color-button-pill-background-active]",disabled:"s-text-inverted s-bg-disabled",quiet:"bg-transparent s-text-link hover:s-bg-hover active:s-bg-active",utilityQuiet:"s-text bg-transparent hover:s-bg-hover active:s-bg-active",negativeQuiet:"bg-transparent s-text-negative hover:s-bg-negative-subtle-hover active:s-bg-negative-subtle-active",loading:"s-text s-bg-subtle",link:"s-text-link"},z={primary:`border-0 rounded-8 ${We}`,secondary:`border-2 rounded-8 ${We}`,utility:`border rounded-4 ${We}`,negative:`border-0 rounded-8 ${We}`,pill:`p-4 rounded-full border-0 inline-flex items-center justify-center hover:bg-clip-padding ${We}`,link:`bg-transparent focusable ease-in-out inline active:underline hover:underline focus:underline ${q.link}`},w={xsmall:"py-6 px-16",small:"py-8 px-16",medium:"py-10 px-14",large:"py-12 px-16",utility:"py-[11px] px-[15px]",smallUtility:"py-[7px] px-[15px]",pill:"min-h-[44px] min-w-[44px]",pillSmall:"min-h-32 min-w-32",link:"p-0"},x={medium:"text-m leading-[24]",xsmall:"text-xs"},g={inProgress:`border-transparent animate-inprogress pointer-events-none ${q.loading}`,quiet:`border-0 rounded-8 ${We}`,utilityQuiet:`border-0 rounded-4 ${We}`,negativeQuiet:`border-0 rounded-8 ${We}`,isDisabled:`font-bold justify-center transition-colors ease-in-out cursor-default pointer-events-none ${q.disabled}`},L={secondary:`${w.medium} ${x.medium} ${z.secondary} ${q.secondary}`,secondaryHref:`${w.medium} ${x.medium} ${z.secondary} ${q.secondary}`,secondaryDisabled:`${w.medium} ${x.medium} ${z.secondary} ${g.isDisabled}`,secondarySmall:`${x.xsmall} ${w.xsmall} ${z.secondary} ${q.secondary}`,secondarySmallDisabled:`${x.xsmall} ${w.xsmall} ${z.secondary} ${g.isDisabled}`,secondaryQuiet:`${w.medium} ${x.medium} ${g.quiet} ${q.quiet}`,secondaryQuietDisabled:`${w.medium} ${x.medium} ${g.quiet} ${g.isDisabled}`,secondarySmallQuiet:`${x.xsmall} ${w.xsmall} ${g.quiet} ${q.quiet}`,secondarySmallQuietDisabled:`${x.xsmall} ${w.xsmall} ${g.quiet} ${g.isDisabled}`,secondaryLoading:`${w.medium} ${x.medium} ${z.secondary} ${g.inProgress}`,secondarySmallLoading:`${x.xsmall} ${w.xsmall} ${z.secondary} ${g.inProgress}`,secondarySmallQuietLoading:`${x.xsmall} ${w.xsmall} ${g.quiet} ${g.inProgress}`,secondaryQuietLoading:`${w.medium} ${x.medium} ${g.quiet} ${g.inProgress}`,primary:`${w.large} ${x.medium} ${z.primary} ${q.primary}`,primaryDisabled:`${w.large} ${x.medium} ${g.isDisabled} ${z.primary}`,primarySmall:`${w.small} ${x.xsmall} ${z.primary} ${q.primary}`,primarySmallDisabled:`${w.small} ${x.xsmall} ${g.isDisabled} ${z.primary} `,primaryQuiet:`${w.large} ${x.medium} ${g.quiet} ${q.quiet}`,primaryQuietDisabled:`${w.large} ${x.medium} ${g.quiet} ${g.isDisabled}`,primarySmallQuiet:`${w.small} ${x.xsmall} ${g.quiet} ${q.quiet}`,primarySmallQuietDisabled:`${w.small} ${x.xsmall} ${g.quiet} ${g.isDisabled}`,primaryLoading:`${w.large} ${x.medium} ${g.inProgress} ${z.primary}`,primarySmallLoading:`${w.small} ${x.xsmall} ${g.inProgress} ${z.primary}`,primarySmallQuietLoading:`${w.small} ${x.xsmall} ${g.quiet} ${g.inProgress} ${z.primary}`,primaryQuietLoading:`${w.large} ${x.medium} ${g.quiet} ${g.inProgress}`,utility:`${w.utility} ${x.medium} ${z.utility} ${q.utility}`,utilityDisabled:`${w.utility} ${x.medium} ${z.utility} ${g.isDisabled}`,utilityQuiet:`${w.large} ${x.medium} ${g.utilityQuiet} ${q.utilityQuiet}`,utilityQuietDisabled:`${w.large} ${x.medium} ${g.utilityQuiet} ${g.isDisabled}`,utilitySmall:`${w.smallUtility} ${x.xsmall} ${z.utility} ${q.utility}`,utilitySmallDisabled:`${w.smallUtility} ${x.xsmall} ${z.utility} ${g.isDisabled}`,utilitySmallQuiet:`${w.smallUtility} ${x.xsmall} ${g.utilityQuiet} ${q.utilityQuiet}`,utilitySmallQuietDisabled:`${w.smallUtility} ${x.xsmall} ${g.utilityQuiet} ${g.isDisabled}`,utilityLoading:`${w.large} ${x.medium} ${z.utility} ${g.inProgress}`,utilitySmallLoading:`${w.smallUtility} ${x.xsmall} ${z.utility} ${g.inProgress}`,utilityQuietLoading:`${w.large} ${x.medium} ${g.inProgress} ${g.utilityQuiet}`,utilitySmallQuietLoading:`${w.smallUtility} ${x.xsmall} ${g.inProgress} ${g.utilityQuiet}`,negative:`${w.large} ${x.medium} ${z.negative} ${q.destructive}`,negativeDisabled:`${w.large} ${x.medium} ${z.negative} ${g.isDisabled}`,negativeQuiet:`${w.large} ${x.medium} ${g.negativeQuiet} ${q.negativeQuiet}`,negativeQuietDisabled:`${w.large} ${x.medium} ${g.negativeQuiet}${g.isDisabled}`,negativeSmall:`${w.small} ${x.xsmall} ${z.negative} ${q.destructive}`,negativeSmallDisabled:`${w.small} ${x.xsmall} ${z.negative} ${g.isDisabled}`,negativeSmallQuiet:`${w.small} ${x.xsmall} ${g.negativeQuiet} ${q.negativeQuiet}`,negativeSmallQuietDisabled:`${w.small} ${x.xsmall} ${g.negativeQuiet} ${g.isDisabled}`,negativeLoading:`${w.large} ${x.medium} ${z.negative} ${g.inProgress}`,negativeSmallLoading:`${w.small} ${x.xsmall} ${g.inProgress} ${z.negative}`,negativeQuietLoading:`${w.large} ${x.medium} ${g.negativeQuiet} ${z.negative} ${g.inProgress}`,negativeSmallQuietLoading:`${w.small} ${x.xsmall} ${g.negativeQuiet} ${g.inProgress}`,pill:`${w.pill} ${x.medium} ${z.pill} ${q.pill}`,pillSmall:`${w.pillSmall} ${x.xsmall} ${z.pill} ${q.pill}`,pillLoading:`${w.pill} ${x.medium} ${z.pill} ${g.inProgress}`,pillSmallLoading:`${w.pillSmall} ${x.xsmall} ${z.pill} ${g.inProgress}`,link:`${w.link} ${x.medium} ${z.link}`,linkSmall:`${w.link} ${x.xsmall} ${z.link}`,linkAsButton:"inline-block active:no-underline hover:no-underline focus:no-underline text-center",a11y:"sr-only",fullWidth:"w-full max-w-full",contentWidth:"max-w-max"},ee=class extends Ge(eu){constructor(){super();this.type="button";U(Ra,Ia,Va,Pa,Fa),this.variant="secondary",this.ariaValueTextLoading=c._({id:"button.aria.loading",message:"Loading...",comment:"Screen reader message for buttons that are loading"})}updated(r){r.has("value")&&this.setValue(this.value)}connectedCallback(){if(super.connectedCallback(),!ja.includes(this.variant))throw new Error(`Invalid "variant" attribute. Set its value to one of the following:
|
|
2738
|
-
${ja.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0)}get _primaryClasses(){return[!this.small&&!this.quiet&&!this.loading&&L.primary,this.small&&!this.quiet&&!this.loading&&L.primarySmall,this.small&&this.quiet&&!this.loading&&L.primarySmallQuiet,this.small&&this.loading&&(this.quiet?L.primarySmallQuietLoading:L.primarySmallLoading),!this.small&&this.quiet&&!this.loading&&L.primaryQuiet,!this.small&&this.loading&&(this.quiet?L.primaryQuietLoading:L.primaryLoading)]}get _secondaryClasses(){return[!this.small&&!this.quiet&&!this.loading&&L.secondary,this.small&&!this.quiet&&!this.loading&&L.secondarySmall,this.small&&this.loading&&(this.quiet?L.secondarySmallQuietLoading:L.secondarySmallLoading),this.small&&this.quiet&&!this.loading&&L.secondarySmallQuiet,!this.small&&this.quiet&&!this.loading&&L.secondaryQuiet,!this.small&&this.loading&&(this.quiet?L.secondaryQuietLoading:L.secondaryLoading)]}get _utilityClasses(){return[!this.small&&!this.quiet&&!this.loading&&L.utility,this.small&&!this.quiet&&!this.loading&&L.utilitySmall,this.small&&this.quiet&&!this.loading&&L.utilitySmallQuiet,this.small&&this.loading&&(this.quiet?L.utilitySmallQuietLoading:L.utilitySmallLoading),!this.small&&this.quiet&&!this.loading&&L.utilityQuiet,!this.small&&this.loading&&(this.quiet?L.utilityQuietLoading:L.utilityLoading)]}get _negativeClasses(){return[!this.small&&!this.quiet&&!this.loading&&L.negative,this.small&&!this.quiet&&!this.loading&&L.negativeSmall,this.small&&this.quiet&&!this.loading&&L.negativeSmallQuiet,this.small&&this.loading&&(this.quiet?L.negativeSmallQuietLoading:L.negativeSmallLoading),!this.small&&this.quiet&&!this.loading&&L.negativeQuiet,!this.small&&this.loading&&(this.quiet?L.negativeQuietLoading:L.negativeLoading)]}get _pillClasses(){return[!this.loading&&(this.small?L.pillSmall:L.pill),this.loading&&(this.small?L.pillSmallLoading:L.pillLoading)]}get _linkClasses(){return[this.small?L.linkSmall:L.link]}get _classes(){return k(this.buttonClass,[this.variant==="primary"&&this._primaryClasses,this.variant==="secondary"&&this._secondaryClasses,this.variant==="utility"&&this._utilityClasses,this.variant==="negative"&&this._negativeClasses,this.variant==="pill"&&this._pillClasses,this.variant==="link"&&this._linkClasses,this.href&&L.linkAsButton,this.fullWidth?L.fullWidth:L.contentWidth])}_handleButtonClick(){this.type==="submit"?this.internals.form.requestSubmit():this.type==="reset"&&this.internals.form.reset()}render(){return Lr` ${this.href?Lr`<w-link
|
|
2739
|
-
href=${this.href}
|
|
2740
|
-
target=${this.target}
|
|
2741
|
-
rel=${this.target==="_blank"?this.rel||"noopener":void 0}
|
|
2742
|
-
class=${this._classes}>
|
|
2743
|
-
<slot></slot>
|
|
2744
|
-
</w-link>`:Lr`<button type=${this.type||"button"} class=${this._classes} @click="${this._handleButtonClick}">
|
|
2745
|
-
<slot></slot>
|
|
2746
|
-
</button>`}
|
|
2747
|
-
${this.loading?Lr`<span class="sr-only" role="progressbar" aria-valuenow="{0}" aria-valuetext=${this.ariaValueTextLoading}></span>`:null}`}};ee.shadowRootOptions={...tu.shadowRootOptions,delegatesFocus:!0},ee.styles=[O,Ha],s([fe({reflect:!0})],ee.prototype,"type",2),s([fe({type:Boolean,reflect:!0})],ee.prototype,"autofocus",2),s([fe({reflect:!0})],ee.prototype,"variant",2),s([fe({type:Boolean,reflect:!0})],ee.prototype,"quiet",2),s([fe({type:Boolean,reflect:!0})],ee.prototype,"small",2),s([fe({type:Boolean,reflect:!0})],ee.prototype,"loading",2),s([fe({reflect:!0})],ee.prototype,"href",2),s([fe({reflect:!0})],ee.prototype,"target",2),s([fe({reflect:!0})],ee.prototype,"rel",2),s([fe({attribute:"full-width",type:Boolean,reflect:!0})],ee.prototype,"fullWidth",2),s([fe({attribute:"button-class",reflect:!0})],ee.prototype,"buttonClass",2),s([fe({reflect:!0})],ee.prototype,"name",2),s([fe({reflect:!0})],ee.prototype,"value",2);customElements.get("w-button")||customElements.define("w-button",ee);import{html as Or,css as ou,LitElement as iu}from"lit";import{property as ho}from"lit/decorators.js";import{ifDefined as au}from"lit/directives/if-defined.js";var qa=JSON.parse('{"card.button.text":["V\xE6lg"]}');var Ua=JSON.parse('{"card.button.text":["Select"]}');var Ja=JSON.parse('{"card.button.text":["Valitse"]}');var Qa=JSON.parse('{"card.button.text":["Velg"]}');var Ya=JSON.parse('{"card.button.text":["V\xE4lj"]}');import{css as ru}from"lit";var Xa=ru`*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.border-2{border-width:2px}.border-transparent{border-color:#0000}.rounded-4{border-radius:4px}.rounded-8{border-radius:8px}.block{display:block}.overflow-hidden{overflow:hidden}.outline{outline-style:solid}.inset-0{top:0;bottom:0;left:0;right:0}.absolute{position:absolute}.relative{position:relative}.static{position:static}.\\!s-bg-selected{background-color:var(--w-s-color-background-selected)!important}.s-bg{background-color:var(--w-s-color-background)}.s-bg-selected{background-color:var(--w-s-color-background-selected)}.\\!hover\\:s-bg-selected-hover:hover{background-color:var(--w-s-color-background-selected-hover)!important}.hover\\:s-bg-hover:hover{background-color:var(--w-s-color-background-hover)}.hover\\:s-bg-selected-hover:hover{background-color:var(--w-s-color-background-selected-hover)}.\\!active\\:s-bg-selected-active:active{background-color:var(--w-s-color-background-selected-active)!important}.active\\:s-bg-active:active{background-color:var(--w-s-color-background-active)}.active\\:s-bg-selected-active:active{background-color:var(--w-s-color-background-selected-active)}.s-border{border-color:var(--w-s-color-border)}.s-border-selected{border-color:var(--w-s-color-border-selected)}.group:hover .group-hover\\:s-border-selected-hover{border-color:var(--w-s-color-border-selected-hover)}.hover\\:s-border-hover:hover{border-color:var(--w-s-color-border-hover)}.hover\\:s-border-selected-hover:hover{border-color:var(--w-s-color-border-selected-hover)}.active\\:s-border-active:active{border-color:var(--w-s-color-border-active)}.active\\:s-border-selected-active:active{border-color:var(--w-s-color-border-selected-active)}.group:active .group-active\\:s-border-active{border-color:var(--w-s-color-border-active)}.group:active .group-active\\:s-border-selected-active{border-color:var(--w-s-color-border-selected-active)}.s-surface-elevated-200{background-color:var(--w-s-color-surface-elevated-200);box-shadow:var(--w-s-shadow-surface-elevated-200)}.hover\\:s-surface-elevated-200-hover:hover{background-color:var(--w-s-color-surface-elevated-200-hover);box-shadow:var(--w-s-shadow-surface-elevated-200-hover)}.active\\:s-surface-elevated-200-active:active{background-color:var(--w-s-color-surface-elevated-200-active);box-shadow:var(--w-s-shadow-surface-elevated-200-active)}.cursor-pointer{cursor:pointer}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}`;var De={base:"cursor-pointer overflow-hidden relative transition-all",shadow:"group rounded-8 s-surface-elevated-200 hover:s-surface-elevated-200-hover active:s-surface-elevated-200-active",selected:"!s-bg-selected !hover:s-bg-selected-hover !active:s-bg-selected-active",outline:"absolute border-2 rounded-8 inset-0 transition-all",outlineUnselected:"border-transparent group-active:s-border-active",outlineSelected:"s-border-selected group-hover:s-border-selected-hover group-active:s-border-selected-active",flat:"border-2 rounded-4",flatUnselected:"s-bg hover:s-bg-hover active:s-bg-active s-border hover:s-border-hover active:s-border-active",flatSelected:"s-bg-selected hover:s-bg-selected-hover active:s-bg-selected-active s-border-selected hover:s-border-selected-hover active:s-border-selected-active",a11y:"sr-only"},Za={ENTER:"Enter",SPACE:" "},mt=class extends iu{constructor(){super();this.selected=!1;this.flat=!1;this.clickable=!1;U(Ua,Qa,Ja,qa,Ya),this.buttonText=c._({id:"card.button.text",message:"Select",comment:"Screenreader message to indicate that the card is clickable"})}get _containerClasses(){return k([De.base,this.flat?De.flat:De.shadow,this.selected&&!this.flat&&De.selected,this.selected&&this.flat?De.flatSelected:De.flatUnselected])}get _outlineClasses(){return k([De.outline,this.selected?De.outlineSelected:De.outlineUnselected])}get _interactiveElement(){let r=()=>Or`<button class="${De.a11y}" aria-pressed="${this.selected}" tabindex="-1">${this.buttonText}</button>`,o=()=>Or`<span role="checkbox" aria-checked="true" aria-disabled="true"></span>`;return this.clickable?r():this.selected?o():""}keypressed(r){!this.clickable||r.altKey||r.ctrlKey||(r.key===Za.ENTER||r.key===Za.SPACE)&&(r.preventDefault(),this.click())}render(){return Or`
|
|
2748
|
-
<div tabindex=${au(this.clickable?"0":void 0)} class="${this._containerClasses}" @keydown=${this.keypressed}>
|
|
2749
|
-
${this._interactiveElement} ${this.flat?"":Or`<div class="${this._outlineClasses}"></div>`}
|
|
2750
|
-
<slot></slot>
|
|
2751
|
-
</div>
|
|
2752
|
-
`}};mt.styles=[O,Xa,ou`
|
|
2753
|
-
a::after {
|
|
2754
|
-
content: '';
|
|
2755
|
-
position: absolute;
|
|
2756
|
-
top: 0;
|
|
2757
|
-
right: 0;
|
|
2758
|
-
bottom: 0;
|
|
2759
|
-
left: 0;
|
|
2760
|
-
}
|
|
2761
|
-
:host {
|
|
2762
|
-
display: block;
|
|
2763
|
-
}
|
|
2764
|
-
`],s([ho({type:Boolean,reflect:!0})],mt.prototype,"selected",2),s([ho({type:Boolean})],mt.prototype,"flat",2),s([ho({type:Boolean})],mt.prototype,"clickable",2);customElements.get("w-card")||customElements.define("w-card",mt);import{css as nu,html as su,LitElement as lu}from"lit";import{property as Tr}from"lit/decorators.js";import{classMap as cu}from"lit/directives/class-map.js";var et=class extends lu{constructor(){super(...arguments);this.type="radio";this.checked=!1;this.indeterminate=!1;this.invalid=!1}get indeterminateMarker(){return!this.checked&&this.indeterminate?"\u2013":""}render(){let r=cu({checkbox:this.type==="checkbox",radio:this.type==="radio",checked:this.checked});return su` <div class="${r}">${this.indeterminateMarker}</div> `}};et.styles=[O,nu`
|
|
2765
|
-
div {
|
|
2766
|
-
display: block;
|
|
2767
|
-
border-width: 1px;
|
|
2768
|
-
transition-property: all;
|
|
2769
|
-
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
2770
|
-
transition-duration: 150ms;
|
|
2771
|
-
cursor: pointer;
|
|
2772
|
-
appearance: none;
|
|
2773
|
-
user-select: none;
|
|
2774
|
-
flex-shrink: 0;
|
|
2775
|
-
height: 2rem;
|
|
2776
|
-
width: 2rem;
|
|
2777
|
-
background-color: var(--w-s-color-background);
|
|
2778
|
-
border-color: var(--w-s-color-border);
|
|
2779
|
-
color: var(--w-s-color-icon-inverted);
|
|
2780
|
-
font-weight: 700;
|
|
2781
|
-
text-align: center;
|
|
2782
|
-
line-height: var(--w-line-height-xs);
|
|
2783
|
-
font-size: var(--w-font-size-m);
|
|
2784
|
-
}
|
|
2785
|
-
:host([type='checkbox']) div {
|
|
2786
|
-
border-radius: 2px;
|
|
2787
|
-
}
|
|
2788
|
-
:host([type='checkbox'][checked]) div,
|
|
2789
|
-
:host([type='checkbox'][indeterminate]) div {
|
|
2790
|
-
background-color: var(--w-s-color-background-primary);
|
|
2791
|
-
border-color: var(--w-s-color-border-primary);
|
|
2792
|
-
}
|
|
2793
|
-
:host([type='checkbox'][checked]) div {
|
|
2794
|
-
background-image: var(--w-icon-toggle-checked);
|
|
2795
|
-
}
|
|
2796
|
-
:host([type='radio']) div {
|
|
2797
|
-
border-radius: 50%;
|
|
2798
|
-
}
|
|
2799
|
-
:host([type='radio'][checked]) div {
|
|
2800
|
-
border-color: var(--w-s-color-border-selected);
|
|
2801
|
-
border-width: 0.6rem;
|
|
2802
|
-
}
|
|
2803
|
-
:host([invalid]) div {
|
|
2804
|
-
border-color: var(--w-s-color-border-negative) !important;
|
|
2805
|
-
}
|
|
2806
|
-
:host([type='checkbox'][invalid][checked]) div,
|
|
2807
|
-
:host([type='checkbox'][invalid][indeterminate]) div {
|
|
2808
|
-
background-color: var(--w-s-color-background-negative);
|
|
2809
|
-
}
|
|
2810
|
-
`],s([Tr({type:String})],et.prototype,"type",2),s([Tr({type:Boolean,reflect:!0})],et.prototype,"checked",2),s([Tr({type:Boolean,reflect:!0})],et.prototype,"indeterminate",2),s([Tr({type:Boolean,reflect:!0})],et.prototype,"invalid",2);customElements.get("w-dead-toggle")||customElements.define("w-dead-toggle",et);import{css as Pu,html as Be,LitElement as Ru}from"lit";import{property as Le}from"lit/decorators.js";import{ifDefined as Vu}from"lit/directives/if-defined.js";import{LitElement as du}from"lit";import{unsafeStatic as uu,html as pu}from"lit/static-html.js";var mu=JSON.parse('{"icon.title.chevron-down":["Nedoverpil"]}'),hu=JSON.parse('{"icon.title.chevron-down":["Downward arrow"]}'),bu=JSON.parse('{"icon.title.chevron-down":["Nuoli alasp\xE4in"]}'),gu=JSON.parse('{"icon.title.chevron-down":["Pil nedad"]}'),fu=JSON.parse('{"icon.title.chevron-down":["Pil ned"]}'),Ka=["en","nb","fi","da","sv"],Ga="en",vu=()=>{var t;let e;switch((t=process==null?void 0:process.env)==null?void 0:t.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},Wa=()=>{var t;let e=(t=document==null?void 0:document.location)==null?void 0:t.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":Ga},bo=t=>Ka.find(e=>t===e||t.toLowerCase().includes(e))||Wa();function wu(){var t;if(typeof window=="undefined"){let e=vu();return bo(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=Wa();return Ka.includes(e)?bo(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),bo(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),Ga}}var xu=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,yu=(t,e,r,o,i)=>{let a=wu(),n=xu(a,t,e,r,o,i);c.load(a,n),c.activate(a)};yu(hu,mu,bu,gu,fu);var ku=class extends du{render(){let t=c.t({message:"Downward arrow",id:"icon.title.chevron-down",comment:"Title for chevron-down icon"});return pu`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-chevron-down-16-part">${uu(`<title>${t}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m2.667 5.333 5.5 5.5 5.5-5.5"></path></svg>`}};customElements.get("w-icon-chevron-down-16")||customElements.define("w-icon-chevron-down-16",ku);import{LitElement as $u}from"lit";import{unsafeStatic as Eu,html as Cu}from"lit/static-html.js";var _u=JSON.parse('{"icon.title.chevron-up":["Oppoverpil"]}'),Su=JSON.parse('{"icon.title.chevron-up":["Upward arrow"]}'),Lu=JSON.parse('{"icon.title.chevron-up":["Nuoli yl\xF6sp\xE4in"]}'),Ou=JSON.parse('{"icon.title.chevron-up":["Pil opad"]}'),Tu=JSON.parse('{"icon.title.chevron-up":["Pil upp"]}'),en=["en","nb","fi","da","sv"],tn="en",Nu=()=>{var t;let e;switch((t=process==null?void 0:process.env)==null?void 0:t.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},rn=()=>{var t;let e=(t=document==null?void 0:document.location)==null?void 0:t.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":tn},go=t=>en.find(e=>t===e||t.toLowerCase().includes(e))||rn();function Mu(){var t;if(typeof window=="undefined"){let e=Nu();return go(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=rn();return en.includes(e)?go(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),go(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),tn}}var zu=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,Au=(t,e,r,o,i)=>{let a=Mu(),n=zu(a,t,e,r,o,i);c.load(a,n),c.activate(a)};Au(Su,_u,Lu,Ou,Tu);var Du=class extends $u{render(){let t=c.t({message:"Upward arrow",id:"icon.title.chevron-up",comment:"Title for chevron-up icon"});return Cu`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-chevron-up-16-part">${Eu(`<title>${t}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M2.5 11 8 5.5l5.5 5.5"></path></svg>`}};customElements.get("w-icon-chevron-up-16")||customElements.define("w-icon-chevron-up-16",Du);import{css as Bu}from"lit";var on=Bu`*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.t4{font-weight:700;font-size:var(--w-font-size-m);line-height:var(--w-line-height-m)}.text-left{text-align:left}.align-middle{vertical-align:middle}.bg-transparent{background-color:#0000}.appearance-none{-webkit-appearance:none;appearance:none}.will-change-height{will-change:height}.border-0{border-width:0}.border-2{border-width:2px}.rounded-8{border-radius:8px}.rounded-l-0{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-r-0{border-top-right-radius:0;border-bottom-right-radius:0}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.hover\\:underline:hover{text-decoration-line:underline}.focus-visible\\:underline:focus-visible{text-decoration-line:underline}.overflow-hidden{overflow:hidden}.focus\\:outline-none:focus{outline-offset:2px;outline:2px solid #0000}.items-center{align-items:center}.justify-between{justify-content:space-between}.relative{position:relative}.static{position:static}.s-bg{background-color:var(--w-s-color-background)}.s-bg-info-subtle{background-color:var(--w-s-color-background-info-subtle)}.hover\\:s-bg-hover:hover{background-color:var(--w-s-color-background-hover)}.active\\:s-bg-active:active{background-color:var(--w-s-color-background-active)}.s-text{color:var(--w-s-color-text)}.s-icon{color:var(--w-s-color-icon)}.s-border{border-color:var(--w-s-color-border)}.s-surface-sunken{background-color:var(--w-s-color-surface-sunken)}.h-0{height:0}.w-full{width:100%}.m-0{margin:0}.-mx-16{margin-left:-1.6rem;margin-right:-1.6rem}.last-child\\:mb-0>:last-child{margin-bottom:0}.ml-8{margin-left:.8rem}.p-16{padding:1.6rem}.px-0{padding-left:0;padding-right:0}.py-0{padding-top:0;padding-bottom:0}.pt-0{padding-top:0}.invisible{visibility:hidden}.break-words{overflow-wrap:break-word}.cursor-pointer{cursor:pointer}.-rotate-180{--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-rotate:-180deg;transform:translateX(var(--w-translate-x))translateY(var(--w-translate-y))translateZ(var(--w-translate-z))rotate(var(--w-rotate))rotateX(var(--w-rotate-x))rotateY(var(--w-rotate-y))rotateZ(var(--w-rotate-z))skewX(var(--w-skew-x))skewY(var(--w-skew-y))scaleX(var(--w-scale-x))scaleY(var(--w-scale-y))scaleZ(var(--w-scale-z))}.part-\\[w-icon-chevron-down-16-part\\]\\:-rotate-180::part(w-icon-chevron-down-16-part){--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-rotate:-180deg;transform:translateX(var(--w-translate-x))translateY(var(--w-translate-y))translateZ(var(--w-translate-z))rotate(var(--w-rotate))rotateX(var(--w-rotate-x))rotateY(var(--w-rotate-y))rotateZ(var(--w-rotate-z))skewX(var(--w-skew-x))skewY(var(--w-skew-y))scaleX(var(--w-scale-x))scaleY(var(--w-scale-y))scaleZ(var(--w-scale-z))}.rotate-180{--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-rotate:180deg;transform:translateX(var(--w-translate-x))translateY(var(--w-translate-y))translateZ(var(--w-translate-z))rotate(var(--w-rotate))rotateX(var(--w-rotate-x))rotateY(var(--w-rotate-y))rotateZ(var(--w-rotate-z))skewX(var(--w-skew-x))skewY(var(--w-skew-y))scaleX(var(--w-scale-x))scaleY(var(--w-scale-y))scaleZ(var(--w-scale-z))}.part-\\[w-icon-chevron-up-16-part\\]\\:rotate-180::part(w-icon-chevron-up-16-part){--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-rotate:180deg;transform:translateX(var(--w-translate-x))translateY(var(--w-translate-y))translateZ(var(--w-translate-z))rotate(var(--w-rotate))rotateX(var(--w-rotate-x))rotateY(var(--w-rotate-y))rotateZ(var(--w-rotate-z))skewX(var(--w-skew-x))skewY(var(--w-skew-y))scaleX(var(--w-scale-x))scaleY(var(--w-scale-y))scaleZ(var(--w-scale-z))}.transform{transform:translateX(var(--w-translate-x))translateY(var(--w-translate-y))translateZ(var(--w-translate-z))rotate(var(--w-rotate))rotateX(var(--w-rotate-x))rotateY(var(--w-rotate-y))rotateZ(var(--w-rotate-z))skewX(var(--w-skew-x))skewY(var(--w-skew-y))scaleX(var(--w-scale-x))scaleY(var(--w-scale-y))scaleZ(var(--w-scale-z))}.part-\\[w-icon-chevron-down-16-part\\]\\:transform::part(w-icon-chevron-down-16-part){transform:translateX(var(--w-translate-x))translateY(var(--w-translate-y))translateZ(var(--w-translate-z))rotate(var(--w-rotate))rotateX(var(--w-rotate-x))rotateY(var(--w-rotate-y))rotateZ(var(--w-rotate-z))skewX(var(--w-skew-x))skewY(var(--w-skew-y))scaleX(var(--w-scale-x))scaleY(var(--w-scale-y))scaleZ(var(--w-scale-z))}.part-\\[w-icon-chevron-up-16-part\\]\\:transform::part(w-icon-chevron-up-16-part){transform:translateX(var(--w-translate-x))translateY(var(--w-translate-y))translateZ(var(--w-translate-z))rotate(var(--w-rotate))rotateX(var(--w-rotate-x))rotateY(var(--w-rotate-y))rotateZ(var(--w-rotate-z))skewX(var(--w-skew-x))skewY(var(--w-skew-y))scaleX(var(--w-scale-x))scaleY(var(--w-scale-y))scaleZ(var(--w-scale-z))}.transform-gpu{transform:translate3d(var(--w-translate-x),var(--w-translate-y),var(--w-translate-z))rotate(var(--w-rotate))rotateX(var(--w-rotate-x))rotateY(var(--w-rotate-y))rotateZ(var(--w-rotate-z))skewX(var(--w-skew-x))skewY(var(--w-skew-y))scaleX(var(--w-scale-x))scaleY(var(--w-scale-y))scaleZ(var(--w-scale-z))}.part-\\[w-icon-chevron-down-16-part\\]\\:transform-gpu::part(w-icon-chevron-down-16-part){transform:translate3d(var(--w-translate-x),var(--w-translate-y),var(--w-translate-z))rotate(var(--w-rotate))rotateX(var(--w-rotate-x))rotateY(var(--w-rotate-y))rotateZ(var(--w-rotate-z))skewX(var(--w-skew-x))skewY(var(--w-skew-y))scaleX(var(--w-scale-x))scaleY(var(--w-scale-y))scaleZ(var(--w-scale-z))}.part-\\[w-icon-chevron-up-16-part\\]\\:transform-gpu::part(w-icon-chevron-up-16-part){transform:translate3d(var(--w-translate-x),var(--w-translate-y),var(--w-translate-z))rotate(var(--w-rotate))rotateX(var(--w-rotate-x))rotateY(var(--w-rotate-y))rotateZ(var(--w-rotate-z))skewX(var(--w-skew-x))skewY(var(--w-skew-y))scaleX(var(--w-scale-x))scaleY(var(--w-scale-y))scaleZ(var(--w-scale-z))}.transition-transform{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.part-\\[w-icon-chevron-down-16-part\\]\\:transition-transform::part(w-icon-chevron-down-16-part){transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.part-\\[w-icon-chevron-up-16-part\\]\\:transition-transform::part(w-icon-chevron-up-16-part){transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.part-\\[w-icon-chevron-down-16-part\\]\\:ease-in-out::part(w-icon-chevron-down-16-part){transition-timing-function:cubic-bezier(.4,0,.2,1)}.part-\\[w-icon-chevron-up-16-part\\]\\:ease-in-out::part(w-icon-chevron-up-16-part){transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width:480px){.sm\\:rounded-8{border-radius:8px}.sm\\:mx-0{margin-left:0;margin-right:0}}`;var Iu={base:"group block relative break-words last-child:mb-0 p-16 rounded-8",bleed:"-mx-16 sm:mx-0 rounded-l-0 rounded-r-0 sm:rounded-8",info:"s-bg-info-subtle",neutral:"s-surface-sunken",bordered:"border-2 s-border s-bg"},ae={wrapper:"will-change-height s-text",box:"s-surface-sunken hover:s-bg-hover active:s-bg-active py-0 px-0 group block relative break-words last-child:mb-0 rounded-8",bleed:"-mx-16 rounded-l-0 rounded-r-0 sm:mx-0 sm:rounded-8",chevron:"inline-block align-middle s-icon",chevronNonBox:"ml-8",chevronTransform:"transform transition-transform transform-gpu ease-in-out",chevronExpand:"-rotate-180",chevronCollapse:"rotate-180",elementsChevronDownTransform:"part-[w-icon-chevron-down-16-part]:transform part-[w-icon-chevron-down-16-part]:transition-transform part-[w-icon-chevron-down-16-part]:transform-gpu part-[w-icon-chevron-down-16-part]:ease-in-out",elementsChevronUpTransform:"part-[w-icon-chevron-up-16-part]:transform part-[w-icon-chevron-up-16-part]:transition-transform part-[w-icon-chevron-up-16-part]:transform-gpu part-[w-icon-chevron-up-16-part]:ease-in-out",elementsChevronExpand:"part-[w-icon-chevron-down-16-part]:-rotate-180",elementsChevronCollapse:"part-[w-icon-chevron-up-16-part]:rotate-180",expansion:"overflow-hidden",expansionNotExpanded:"h-0 invisible",button:"focus:outline-none appearance-none cursor-pointer bg-transparent border-0 m-0 hover:underline focus-visible:underline",buttonBox:"w-full text-left relative inline-flex items-center justify-between group relative break-words last-child:mb-0 p-16 rounded-8",contentWithTitle:"pt-0",title:"flex w-full justify-between items-center",titleType:"t4"},he,an,nn,sn,ln,cn,dn,le=class extends Ru{constructor(){super(...arguments);Me(this,he);this.expanded=!1;this.box=!1;this.bleed=!1;this.noChevron=!1;this.animated=!1;this._hasTitle=!0;this._showChevronUp=!1}updated(r){r.has("expanded")&&setTimeout(()=>{this._showChevronUp=this.expanded},200)}firstUpdated(){var i;let r=!!this.title,o=((i=this.renderRoot.querySelector("slot[name='title']"))==null?void 0:i.assignedNodes().length)>0;this._hasTitle=r||o}get _expandableSlot(){return Be`<div class="${j(this,he,cn)}">
|
|
2811
|
-
<slot></slot>
|
|
2812
|
-
</div>`}render(){return Be` <div class="${j(this,he,an)}">
|
|
2813
|
-
${this._hasTitle?Be`<w-unstyled-heading level=${this.headingLevel}>
|
|
2814
|
-
<button
|
|
2815
|
-
type="button"
|
|
2816
|
-
aria-expanded="${this.expanded}"
|
|
2817
|
-
class="${j(this,he,nn)}"
|
|
2818
|
-
@click=${()=>this.expanded=!this.expanded}>
|
|
2819
|
-
<div class="${ae.title}">
|
|
2820
|
-
${this.title?Be`<span class="${ae.titleType}">${this.title}</span>`:Be`<slot name="title"></slot>`}
|
|
2821
|
-
${this.noChevron?"":Be`<div class="${j(this,he,sn)}">${j(this,he,ln)}</div>`}
|
|
2822
|
-
</div>
|
|
2823
|
-
</button>
|
|
2824
|
-
</w-unstyled-heading>`:""}
|
|
2825
|
-
${this.animated?Be`<w-expand-transition ?show=${this.expanded}> ${this._expandableSlot} </w-expand-transition>`:Be`<div class="${j(this,he,dn)}" aria-hidden=${Vu(this.expanded?void 0:!0)}>
|
|
2826
|
-
${this._expandableSlot}
|
|
2827
|
-
</div>`}
|
|
2828
|
-
</div>`}};he=new WeakSet,an=function(){return k([ae.wrapper,this.box&&ae.box,this.bleed&&ae.bleed])},nn=function(){return k(this.buttonClass,[ae.button,this.box&&ae.buttonBox])},sn=function(){return k([ae.chevron,!this.box&&ae.chevronNonBox])},ln=function(){let r=k([ae.elementsChevronUpTransform,!this.expanded&&this._showChevronUp&&ae.elementsChevronCollapse]),o=k([ae.elementsChevronDownTransform,this.expanded&&!this._showChevronUp&&ae.elementsChevronExpand]);return this._showChevronUp?Be`<w-icon-chevron-up-16 class="${r}"></w-icon-chevron-up-16>`:Be`<w-icon-chevron-down-16 class="${o}"></w-icon-chevron-down-16>`},cn=function(){return k(this.contentClass,[this.box&&Iu.base,this._hasTitle&&this.box&&ae.contentWithTitle])},dn=function(){return k([ae.expansion,!this.expanded&&ae.expansionNotExpanded])},le.styles=[O,on,Pu`
|
|
2829
|
-
:host {
|
|
2830
|
-
display: block;
|
|
2831
|
-
}
|
|
2832
|
-
::slotted(:last-child) {
|
|
2833
|
-
margin-bottom: 0px !important;
|
|
2834
|
-
}
|
|
2835
|
-
`],s([Le({type:Boolean,reflect:!0})],le.prototype,"expanded",2),s([Le({type:String})],le.prototype,"title",2),s([Le({type:Boolean})],le.prototype,"box",2),s([Le({type:Boolean})],le.prototype,"bleed",2),s([Le({attribute:"button-class",type:String})],le.prototype,"buttonClass",2),s([Le({attribute:"content-class",type:String})],le.prototype,"contentClass",2),s([Le({attribute:"no-chevron",type:Boolean})],le.prototype,"noChevron",2),s([Le({type:Boolean})],le.prototype,"animated",2),s([Le({attribute:"heading-level",type:Number})],le.prototype,"headingLevel",2),s([Le({type:Boolean,state:!0})],le.prototype,"_hasTitle",2),s([Le({type:Boolean,state:!0})],le.prototype,"_showChevronUp",2);customElements.get("w-expandable")||customElements.define("w-expandable",le);import{html as Fu,css as Hu,LitElement as ju}from"lit";var jt=t=>class extends t{constructor(){super(...arguments);this.patchClose=!0;this._close=null}close(){this._close()}},qt=t=>class extends t{handleSlotChange(e){let r=e.target.assignedNodes({flatten:!0});for(let o of r.filter(i=>i.patchClose))o._close=()=>this.close()}};var Ut=class extends jt(qt(ju)){render(){return Fu`
|
|
2836
|
-
<div class="footer">
|
|
2837
|
-
<slot @slotchange="${this.handleSlotChange}"></slot>
|
|
2838
|
-
</div>
|
|
2839
|
-
`}};Ut.styles=[O,Hu`
|
|
2840
|
-
.footer {
|
|
2841
|
-
display: flex;
|
|
2842
|
-
flex-shrink: 0;
|
|
2843
|
-
justify-content: flex-end;
|
|
2844
|
-
padding-left: 1.6rem;
|
|
2845
|
-
padding-right: 1.6rem;
|
|
2846
|
-
padding-top: 2.4rem;
|
|
2847
|
-
}
|
|
2848
|
-
@media (min-width: 480px) {
|
|
2849
|
-
.footer {
|
|
2850
|
-
padding-left: 3.2rem;
|
|
2851
|
-
padding-right: 3.2rem;
|
|
2852
|
-
}
|
|
2853
|
-
}
|
|
2854
|
-
`];customElements.get("w-modal-footer")||customElements.define("w-modal-footer",Ut);import{css as ip,html as wo,LitElement as ap,nothing as kn}from"lit";var un=(t,e)=>({dx:t.left-e.left,dy:t.top-e.top,dw:t.width/e.width,dh:t.height/e.height,first:t,last:e}),pn=({dx:t,dy:e})=>[{transform:`translate(${t}px, ${e}px)`},{transform:"none"}],mn={easing:"ease",duration:300};var fo=!1,qu=typeof window!="undefined";if(qu){let t=window.matchMedia("(prefers-reduced-motion: reduce)"),e=({matches:r})=>fo=r;t.addEventListener&&t.addEventListener("change",e),e(t)}var Nr=class{constructor(e,{animation:r={},keyframes:o,respectReduceMotion:i=!0}={}){Y(this,"first");Y(this,"last");Y(this,"el");this.el=e,this.first={},this.last={},this.userAnimationOptions=r,this.keyframeGenerator=o||pn,this.shouldReduceMotion=i}async when(e){this.prep();let r=await e();return await this.play(),r}prep(){this.first=this.el.getBoundingClientRect()}async play(){if(this.last=this.el.getBoundingClientRect(),!this.el.animate)return;await this.el.animate(this.keyframes,this.animationOptions).finished}get keyframes(){return this.keyframeGenerator(un(this.first,this.last))}get defaults(){return mn}get mergedOptions(){return{...this.defaults,...this.userAnimationOptions}}get animationOptions(){return this.shouldReduceMotion?fo?{...this.mergedOptions,duration:0}:this.mergedOptions:this.mergedOptions}};import{property as xo,query as np,state as sp}from"lit/decorators.js";import{LitElement as Uu}from"lit";import{unsafeStatic as Ju,html as Qu}from"lit/static-html.js";var Yu=JSON.parse('{"icon.title.arrow-left":["Pil som peker mot venstre"]}'),Xu=JSON.parse('{"icon.title.arrow-left":["Leftward-pointing arrow"]}'),Zu=JSON.parse('{"icon.title.arrow-left":["Vasemmalle osoittava nuoli"]}'),Ku=JSON.parse('{"icon.title.arrow-left":["Pil til venstre"]}'),Gu=JSON.parse('{"icon.title.arrow-left":["Pil som pekar v\xE4nster"]}'),hn=["en","nb","fi","da","sv"],bn="en",Wu=()=>{var t;let e;switch((t=process==null?void 0:process.env)==null?void 0:t.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},gn=()=>{var t;let e=(t=document==null?void 0:document.location)==null?void 0:t.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":bn},vo=t=>hn.find(e=>t===e||t.toLowerCase().includes(e))||gn();function ep(){var t;if(typeof window=="undefined"){let e=Wu();return vo(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=gn();return hn.includes(e)?vo(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),vo(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),bn}}var tp=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,rp=(t,e,r,o,i)=>{let a=ep(),n=tp(a,t,e,r,o,i);c.load(a,n),c.activate(a)};rp(Xu,Yu,Zu,Ku,Gu);var op=class extends Uu{render(){let t=c.t({message:"Leftward-pointing arrow",id:"icon.title.arrow-left",comment:"Title for table arrow left icon"});return Qu`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-arrow-left-16-part">${Ju(`<title>${t}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M5.222 8h6.667"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7.444 11.75 4.111 8l3.333-3.75"></path></svg>`}};customElements.get("w-icon-arrow-left-16")||customElements.define("w-icon-arrow-left-16",op);var fn=JSON.parse('{"modal.aria.back":["Tilbage"],"modal.aria.close":["Luk"]}');var vn=JSON.parse('{"modal.aria.back":["Back"],"modal.aria.close":["Close"]}');var wn=JSON.parse('{"modal.aria.back":["Takaisin"],"modal.aria.close":["Sulje"]}');var xn=JSON.parse('{"modal.aria.back":["Tilbake"],"modal.aria.close":["Lukk"]}');var yn=JSON.parse('{"modal.aria.back":["Tillbaka"],"modal.aria.close":["St\xE4ng"]}');var Pe=class extends jt(ap){constructor(){super();this._hasTopContent=!1;U(vn,xn,wn,fn,yn)}render(){return wo`
|
|
2855
|
-
<div class="header">
|
|
2856
|
-
<slot name="top" @slotchange=${this.handleTopSlotChange}></slot>
|
|
2857
|
-
<div class="${this._hasTopContent?"":"header-title-bar"}">
|
|
2858
|
-
${this.backButton}
|
|
2859
|
-
<h1 class="title-el ${this.titleClasses}">${this.title}</h1>
|
|
2860
|
-
${this.closeButton}
|
|
2861
|
-
</div>
|
|
2862
|
-
</div>
|
|
2863
|
-
`}async willUpdate(r){r.has("back")&&new Nr(this.titleEl).when(async()=>{await this.updateComplete})}get titleClasses(){return["header-title",this.back?"header-title-with-back-button":"header-title-without-back-button",this._hasTopContent?"header-title-with-top-area":""].join(" ")}get backButton(){return this.back&&!this._hasTopContent?wo`<button
|
|
2864
|
-
type="button"
|
|
2865
|
-
aria-label="${c._({id:"modal.aria.back",message:"Back",comment:"Aria label for the back button in modal"})}"
|
|
2866
|
-
class="header-button header-button-left"
|
|
2867
|
-
@click="${this.emitBack}">
|
|
2868
|
-
<w-icon-arrow-left-16></w-icon-arrow-left-16>
|
|
2869
|
-
</button>`:kn}get closeButton(){return this.noClose?kn:wo`<button
|
|
2870
|
-
type="button"
|
|
2871
|
-
aria-label="${c._({id:"modal.aria.close",message:"Close",comment:"Aria label for the close button in modal"})}"
|
|
2872
|
-
class="header-button ${this._hasTopContent?"header-close-button-on-image":"header-close-button"}"
|
|
2873
|
-
@click="${this.close}">
|
|
2874
|
-
<w-icon-close-16></w-icon-close-16>
|
|
2875
|
-
</button>`}emitBack(){this.dispatchEvent(new CustomEvent("backClicked",{bubbles:!0,composed:!0}))}handleTopSlotChange(r){let o=r.target.assignedElements({flatten:!0});this._hasTopContent=!!o.length}};Pe.styles=[O,ip`
|
|
2876
|
-
.header {
|
|
2877
|
-
position: relative;
|
|
2878
|
-
padding-bottom: 0.8rem;
|
|
2879
|
-
}
|
|
2880
|
-
.header-title-bar {
|
|
2881
|
-
display: grid;
|
|
2882
|
-
flex-shrink: 0 !important;
|
|
2883
|
-
gap: 1.2rem;
|
|
2884
|
-
grid-template-columns: auto 1fr auto;
|
|
2885
|
-
align-items: flex-start;
|
|
2886
|
-
padding-left: 1.6rem;
|
|
2887
|
-
padding-right: 1.6rem;
|
|
2888
|
-
padding-top: 1.6rem;
|
|
2889
|
-
}
|
|
2890
|
-
.header-title {
|
|
2891
|
-
font-weight: 700;
|
|
2892
|
-
font-size: var(--w-font-size-l);
|
|
2893
|
-
line-height: var(--w-line-height-l);
|
|
2894
|
-
align-self: center;
|
|
2895
|
-
margin: 0;
|
|
2896
|
-
}
|
|
2897
|
-
.header-title-with-back-button {
|
|
2898
|
-
justify-self: center;
|
|
2899
|
-
}
|
|
2900
|
-
.header-title-without-back-button {
|
|
2901
|
-
grid-column: span 2 / span 2;
|
|
2902
|
-
}
|
|
2903
|
-
.header-title-with-top-area {
|
|
2904
|
-
padding-left: 1.6rem;
|
|
2905
|
-
padding-right: 1.6rem;
|
|
2906
|
-
padding-top: 1.6rem;
|
|
2907
|
-
}
|
|
2908
|
-
.header-button:hover {
|
|
2909
|
-
-webkit-background-clip: padding-box;
|
|
2910
|
-
background-clip: padding-box;
|
|
2911
|
-
}
|
|
2912
|
-
.header-button:focus,
|
|
2913
|
-
.header-button:focus-visible {
|
|
2914
|
-
outline: 2px solid var(--w-s-color-border-focus);
|
|
2915
|
-
outline-offset: var(--w-outline-offset, 1px);
|
|
2916
|
-
}
|
|
2917
|
-
.header-button:not(:focus-visible) {
|
|
2918
|
-
outline: none;
|
|
2919
|
-
}
|
|
2920
|
-
.header-button {
|
|
2921
|
-
border-width: 0;
|
|
2922
|
-
border-radius: 9999px;
|
|
2923
|
-
display: inline-flex;
|
|
2924
|
-
align-items: center;
|
|
2925
|
-
justify-content: center;
|
|
2926
|
-
min-height: 40px;
|
|
2927
|
-
min-width: 40px;
|
|
2928
|
-
padding: 0.4rem;
|
|
2929
|
-
font-weight: 700;
|
|
2930
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
|
|
2931
|
-
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
2932
|
-
transition-duration: 150ms;
|
|
2933
|
-
font-size: var(--w-font-size-m);
|
|
2934
|
-
line-height: var(--w-line-height-m);
|
|
2935
|
-
line-height: 2.4rem;
|
|
2936
|
-
}
|
|
2937
|
-
.header-button-left {
|
|
2938
|
-
background-color: transparent;
|
|
2939
|
-
color: var(--w-s-color-icon);
|
|
2940
|
-
margin-left: -0.8rem;
|
|
2941
|
-
}
|
|
2942
|
-
.header-button-left:hover {
|
|
2943
|
-
background-color: var(--w-color-button-pill-background-hover);
|
|
2944
|
-
}
|
|
2945
|
-
.header-button-left:active {
|
|
2946
|
-
background-color: var(--w-color-button-pill-background-active);
|
|
2947
|
-
}
|
|
2948
|
-
.header-close-button {
|
|
2949
|
-
background-color: transparent;
|
|
2950
|
-
color: var(--w-s-color-icon);
|
|
2951
|
-
margin-right: -0.8rem;
|
|
2952
|
-
}
|
|
2953
|
-
.header-close-button:hover {
|
|
2954
|
-
background-color: var(--w-color-button-pill-background-hover);
|
|
2955
|
-
}
|
|
2956
|
-
.header-close-button:active {
|
|
2957
|
-
background-color: var(--w-color-button-pill-background-active);
|
|
2958
|
-
}
|
|
2959
|
-
.header-close-button-on-image {
|
|
2960
|
-
background-color: rgba(var(--w-rgb-black), 0.7);
|
|
2961
|
-
right: 0.8rem;
|
|
2962
|
-
top: 0.8rem;
|
|
2963
|
-
position: absolute;
|
|
2964
|
-
z-index: 10;
|
|
2965
|
-
color: var(--w-s-color-text-inverted);
|
|
2966
|
-
}
|
|
2967
|
-
.header-close-button-on-image:hover {
|
|
2968
|
-
background-color: rgba(var(--w-rgb-black), 0.85);
|
|
2969
|
-
}
|
|
2970
|
-
.header-close-button-on-image:active {
|
|
2971
|
-
background-color: var(--w-black);
|
|
2972
|
-
}
|
|
2973
|
-
@media (min-width: 480px) {
|
|
2974
|
-
.header-title-bar {
|
|
2975
|
-
padding-left: 3.2rem;
|
|
2976
|
-
padding-right: 3.2rem;
|
|
2977
|
-
padding-top: 2.4rem;
|
|
2978
|
-
}
|
|
2979
|
-
.header-title-with-top-area {
|
|
2980
|
-
padding-left: 3.2rem;
|
|
2981
|
-
padding-right: 3.2rem;
|
|
2982
|
-
}
|
|
2983
|
-
.header-button {
|
|
2984
|
-
min-height: 32px;
|
|
2985
|
-
min-width: 32px;
|
|
2986
|
-
}
|
|
2987
|
-
}
|
|
2988
|
-
`],s([xo({type:String})],Pe.prototype,"title",2),s([xo({type:Boolean})],Pe.prototype,"back",2),s([xo({type:Boolean,attribute:"no-close"})],Pe.prototype,"noClose",2),s([sp()],Pe.prototype,"_hasTopContent",2),s([np(".title-el")],Pe.prototype,"titleEl",2);customElements.get("w-modal-header")||customElements.define("w-modal-header",Pe);import{css as vp,html as wp,LitElement as xp}from"lit";import{property as ko,query as $o}from"lit/decorators.js";var Jt=[],yo={documentElement:{},body:{}},lp=Object.freeze({documentElement:{"scrollbar-gutter":"stable"},body:{overflow:"hidden",position:"relative",height:"100%"}}),$n=t=>{var e;t.touches.length>1||((e=t.preventDefault)==null||e.call(t))},cp=t=>([e,r])=>{yo[t][e]=document[t].style[e],document[t].style[e]=r},dp=()=>Object.entries(lp).forEach(([t,e])=>{Object.entries(e).forEach(cp(t))}),up=t=>([e,r])=>{document[t].style[e]=yo[t][e]},pp=()=>Object.entries(yo).forEach(([t,e])=>{Object.entries(e).forEach(up(t))}),mp=t=>t.scrollHeight-Math.abs(t.scrollTop)===t.clientHeight;function hp(t){let e=-1,r=o=>{if(o.targetTouches.length!==1)return;let i=o.targetTouches[0].clientY-e;return t.scrollTop===0&&i>0||mp(t)&&i<0?$n(o):(o.stopPropagation(),!0)};t.ontouchstart=o=>{o.targetTouches.length===1&&(e=o.targetTouches[0].clientY)},t.ontouchmove=r}function bp(t){t.ontouchstart=null,t.ontouchmove=null}var En=t=>()=>document[t?"addEventListener":"removeEventListener"]("touchmove",$n,{passive:!1}),gp=En(!0),fp=En();function Cn(t){if(!t)throw Error("Could not run setup, an element must be provided");Jt.some(e=>e===t)||(Jt.length||(dp(),gp()),hp(t),Jt.push(t))}function _n(){Jt.forEach(bp),fp(),pp(),Jt=[]}var Oe=class extends qt(xp){constructor(){super(),this.interceptEscape=this.interceptEscape.bind(this),this.closeOnBackdropClick=this.closeOnBackdropClick.bind(this),this.eventPreventer=this.eventPreventer.bind(this),this.modifyBorderRadius=this.modifyBorderRadius.bind(this)}async open(){this.dialogEl.showModal(),this.handleListeners(),Cn(this.contentEl),await this.updateComplete,this.dispatchEvent(new CustomEvent("shown",{bubbles:!0,composed:!0}))}close(){this.handleListeners("removeEventListener"),this.dialogEl.classList.add("close"),this.dialogEl.addEventListener("animationend",async()=>{this.dialogEl.classList.remove("close"),this.dialogEl.close(),_n(),await this.updateComplete,this.dispatchEvent(new CustomEvent("hidden",{bubbles:!0,composed:!0}))},{once:!0})}render(){return wp`
|
|
2989
|
-
<dialog class="dialog-el">
|
|
2990
|
-
<div class="dialog-inner-el">
|
|
2991
|
-
<slot name="header" @slotchange="${this.handleSlotChange}"></slot>
|
|
2992
|
-
<div class="content-el" id=${this.contentId}>
|
|
2993
|
-
<slot name="content" @slotchange="${this.handleSlotChange}"></slot>
|
|
2994
|
-
</div>
|
|
2995
|
-
<slot name="footer" @slotchange="${this.handleSlotChange}"></slot>
|
|
2996
|
-
</div>
|
|
2997
|
-
</dialog>
|
|
2998
|
-
`}updated(e){e.has("show")&&this[this.show?"open":"close"]()}handleListeners(e="addEventListener"){document[e]("keydown",this.interceptEscape),this.ignoreBackdropClicks||this.dialogEl[e]("mousedown",this.closeOnBackdropClick),this.dialogEl[e]("close",this.eventPreventer),this.dialogEl[e]("cancel",this.eventPreventer),this.dialogInnerEl[e]("transitionend",this.modifyBorderRadius)}eventPreventer(e){e.preventDefault()}closeOnBackdropClick(e){this.dialogEl===e.target&&this.close()}interceptEscape(e){e.key==="Escape"&&(e.preventDefault(),this.close())}modifyBorderRadius(){this.dialogInnerEl.scrollHeight*1.02>innerHeight?this.dialogInnerEl.style.borderRadius="0px":this.dialogInnerEl.style.borderRadius=null}};Oe.styles=[O,vp`
|
|
2999
|
-
.dialog-el {
|
|
3000
|
-
--w-modal-translate-distance: 100%;
|
|
3001
|
-
--w-modal-max-height: 80%;
|
|
3002
|
-
--w-modal-width: 640px;
|
|
3003
|
-
background-color: transparent;
|
|
3004
|
-
border-width: 0;
|
|
3005
|
-
align-items: flex-end;
|
|
3006
|
-
inset: 0rem;
|
|
3007
|
-
height: unset;
|
|
3008
|
-
max-height: unset;
|
|
3009
|
-
max-width: unset;
|
|
3010
|
-
width: unset;
|
|
3011
|
-
margin: auto;
|
|
3012
|
-
padding: 0rem;
|
|
3013
|
-
backface-visibility: hidden;
|
|
3014
|
-
}
|
|
3015
|
-
.dialog-inner-el {
|
|
3016
|
-
will-change: height;
|
|
3017
|
-
border-radius: 8px;
|
|
3018
|
-
display: flex;
|
|
3019
|
-
flex-direction: column;
|
|
3020
|
-
overflow: hidden;
|
|
3021
|
-
position: relative;
|
|
3022
|
-
background-color: var(--w-s-color-background);
|
|
3023
|
-
box-shadow: var(--w-shadow-m);
|
|
3024
|
-
height: var(--w-modal-height);
|
|
3025
|
-
max-height: var(--w-modal-max-height);
|
|
3026
|
-
min-height: var(--w-modal-min-height);
|
|
3027
|
-
width: var(--w-modal-width);
|
|
3028
|
-
backface-visibility: hidden;
|
|
3029
|
-
padding-bottom: calc(32px + env(safe-area-inset-bottom, 0px));
|
|
3030
|
-
transition-property: all;
|
|
3031
|
-
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
3032
|
-
transition-duration: 150ms;
|
|
3033
|
-
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
3034
|
-
}
|
|
3035
|
-
.content-el {
|
|
3036
|
-
display: block;
|
|
3037
|
-
flex-shrink: 1;
|
|
3038
|
-
flex-grow: 1;
|
|
3039
|
-
overflow-x: hidden;
|
|
3040
|
-
overflow-y: auto;
|
|
3041
|
-
position: relative;
|
|
3042
|
-
margin-bottom: 0rem;
|
|
3043
|
-
padding-left: 1.6rem;
|
|
3044
|
-
padding-right: 1.6rem;
|
|
3045
|
-
}
|
|
3046
|
-
@media (min-width: 480px) {
|
|
3047
|
-
.dialog-el {
|
|
3048
|
-
--w-modal-translate-distance: 50%;
|
|
3049
|
-
place-content: center;
|
|
3050
|
-
place-items: center;
|
|
3051
|
-
}
|
|
3052
|
-
.dialog-inner-el {
|
|
3053
|
-
margin-left: 1.6rem;
|
|
3054
|
-
margin-right: 1.6rem;
|
|
3055
|
-
padding-bottom: 3.2rem;
|
|
3056
|
-
}
|
|
3057
|
-
.content-el {
|
|
3058
|
-
padding-left: 3.2rem;
|
|
3059
|
-
padding-right: 3.2rem;
|
|
3060
|
-
}
|
|
3061
|
-
}
|
|
3062
|
-
@media (max-width: 479.9px) {
|
|
3063
|
-
.dialog-inner-el {
|
|
3064
|
-
border-bottom-left-radius: 0;
|
|
3065
|
-
border-bottom-right-radius: 0;
|
|
3066
|
-
}
|
|
3067
|
-
}
|
|
3068
|
-
.dialog-el[open] {
|
|
3069
|
-
animation: w-modal-in 0.3s ease-in-out forwards;
|
|
3070
|
-
display: flex;
|
|
3071
|
-
position: fixed;
|
|
3072
|
-
}
|
|
3073
|
-
.dialog-el.close {
|
|
3074
|
-
animation: w-modal-out 0.3s ease-in-out forwards;
|
|
3075
|
-
}
|
|
3076
|
-
.dialog-el[open]::backdrop {
|
|
3077
|
-
animation: backdrop-in 0.3s ease-in-out forwards;
|
|
3078
|
-
}
|
|
3079
|
-
.dialog-el.close::backdrop {
|
|
3080
|
-
animation: backdrop-out 0.3s ease-in-out forwards;
|
|
3081
|
-
}
|
|
3082
|
-
/* shouldn't need two (in/out) animations declared here, but reversing is being weird */
|
|
3083
|
-
@keyframes w-modal-in {
|
|
3084
|
-
from {
|
|
3085
|
-
transform: translateY(var(--w-modal-translate-distance));
|
|
3086
|
-
opacity: 0;
|
|
3087
|
-
}
|
|
3088
|
-
to {
|
|
3089
|
-
transform: translateY(0);
|
|
3090
|
-
opacity: 1;
|
|
3091
|
-
}
|
|
3092
|
-
}
|
|
3093
|
-
@keyframes w-modal-out {
|
|
3094
|
-
from {
|
|
3095
|
-
transform: translateY(0);
|
|
3096
|
-
opacity: 1;
|
|
3097
|
-
}
|
|
3098
|
-
to {
|
|
3099
|
-
transform: translateY(var(--w-modal-translate-distance));
|
|
3100
|
-
opacity: 0;
|
|
3101
|
-
}
|
|
3102
|
-
}
|
|
3103
|
-
@keyframes backdrop-in {
|
|
3104
|
-
from {
|
|
3105
|
-
background: transparent;
|
|
3106
|
-
}
|
|
3107
|
-
to {
|
|
3108
|
-
background: rgba(0, 0, 0, 0.25);
|
|
3109
|
-
}
|
|
3110
|
-
}
|
|
3111
|
-
@keyframes backdrop-out {
|
|
3112
|
-
from {
|
|
3113
|
-
background: rgba(0, 0, 0, 0.25);
|
|
3114
|
-
}
|
|
3115
|
-
to {
|
|
3116
|
-
background: transparent;
|
|
3117
|
-
}
|
|
3118
|
-
}
|
|
3119
|
-
`],s([ko({type:Boolean})],Oe.prototype,"show",2),s([ko({type:String,attribute:"content-id"})],Oe.prototype,"contentId",2),s([ko({type:Boolean,attribute:"ignore-backdrop-clicks"})],Oe.prototype,"ignoreBackdropClicks",2),s([$o(".dialog-el")],Oe.prototype,"dialogEl",2),s([$o(".dialog-inner-el")],Oe.prototype,"dialogInnerEl",2),s([$o(".content-el")],Oe.prototype,"contentEl",2);customElements.get("w-modal")||customElements.define("w-modal",Oe);import{html as Ln,LitElement as kp}from"lit";import{property as On}from"lit/decorators.js";import{classMap as $p}from"lit/directives/class-map.js";import{map as Ep}from"lit/directives/map.js";import{range as Cp}from"lit/directives/range.js";import{css as yp}from"lit";var Sn=yp`
|
|
3120
|
-
.w-pageindicator {
|
|
3121
|
-
display: grid;
|
|
3122
|
-
justify-content: center;
|
|
3123
|
-
height: max-content;
|
|
3124
|
-
pointer-events: none;
|
|
3125
|
-
}
|
|
3126
|
-
|
|
3127
|
-
.w-pageindicator--container {
|
|
3128
|
-
display: grid;
|
|
3129
|
-
grid-auto-flow: column;
|
|
3130
|
-
gap: 8px;
|
|
3131
|
-
}
|
|
3132
|
-
|
|
3133
|
-
.w-pageindicator--dot {
|
|
3134
|
-
background-color: var(--w-s-color-background-disabled);
|
|
3135
|
-
border-radius: 5px;
|
|
3136
|
-
width: 10px;
|
|
3137
|
-
height: 10px;
|
|
3138
|
-
}
|
|
3139
|
-
|
|
3140
|
-
.w-pageindicator--selecteddot {
|
|
3141
|
-
background-color: var(--w-s-color-icon-selected);
|
|
3142
|
-
}
|
|
3143
|
-
`;var $t=class extends kp{constructor(){super(...arguments);this.selectedPage=1;this.pageCount=1}render(){return Ln`
|
|
3144
|
-
<div class="w-pageindicator">
|
|
3145
|
-
<div class="w-pageindicator--container">
|
|
3146
|
-
${Ep(Cp(this.pageCount),r=>{let i={"w-pageindicator--dot":!0,"w-pageindicator--selecteddot":r===this.selectedPage-1};return Ln`<div class="${$p(i)}"></div>`})}
|
|
3147
|
-
</div>
|
|
3148
|
-
</div>
|
|
3149
|
-
`}};$t.styles=[Sn],s([On({type:Number,attribute:"selected-page"})],$t.prototype,"selectedPage",2),s([On({type:Number,attribute:"page-count"})],$t.prototype,"pageCount",2);customElements.get("w-pageindicator")||customElements.define("w-pageindicator",$t);import{html as Qt,LitElement as pm,nothing as So}from"lit";import{property as Mr}from"lit/decorators.js";import{LitElement as _p}from"lit";import{unsafeStatic as Sp,html as Lp}from"lit/static-html.js";var Op=JSON.parse('{"icon.title.chevron-double-left":["Dobbel pil til venstre"]}'),Tp=JSON.parse('{"icon.title.chevron-double-left":["Double leftward arrow"]}'),Np=JSON.parse('{"icon.title.chevron-double-left":["Kaksi nuolta vasemmalle"]}'),Mp=JSON.parse('{"icon.title.chevron-double-left":["Dobbelt venstrepil"]}'),zp=JSON.parse('{"icon.title.chevron-double-left":["Dubbel v\xE4nsterpil"]}'),Tn=["en","nb","fi","da","sv"],Nn="en",Ap=()=>{var t;let e;switch((t=process==null?void 0:process.env)==null?void 0:t.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},Mn=()=>{var t;let e=(t=document==null?void 0:document.location)==null?void 0:t.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":Nn},Eo=t=>Tn.find(e=>t===e||t.toLowerCase().includes(e))||Mn();function Dp(){var t;if(typeof window=="undefined"){let e=Ap();return Eo(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=Mn();return Tn.includes(e)?Eo(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),Eo(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),Nn}}var Bp=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,Pp=(t,e,r,o,i)=>{let a=Dp(),n=Bp(a,t,e,r,o,i);c.load(a,n),c.activate(a)};Pp(Tp,Op,Np,Mp,zp);var Rp=class extends _p{render(){let t=c.t({message:"Double leftward arrow",id:"icon.title.chevron-double-left",comment:"Title for chevron-double-left icon"});return Lp`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-chevron-double-left-16-part">${Sp(`<title>${t}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7 13 2 8l5-5m7 10L9 8l5-5"></path></svg>`}};customElements.get("w-icon-chevron-double-left-16")||customElements.define("w-icon-chevron-double-left-16",Rp);import{LitElement as Vp}from"lit";import{unsafeStatic as Ip,html as Fp}from"lit/static-html.js";var Hp=JSON.parse('{"icon.title.chevron-left":["Pil til venstre"]}'),jp=JSON.parse('{"icon.title.chevron-left":["Leftward arrow"]}'),qp=JSON.parse('{"icon.title.chevron-left":["Nuoli vasemmalle"]}'),Up=JSON.parse('{"icon.title.chevron-left":["Pil til venstre"]}'),Jp=JSON.parse('{"icon.title.chevron-left":["Pil v\xE4nster"]}'),zn=["en","nb","fi","da","sv"],An="en",Qp=()=>{var t;let e;switch((t=process==null?void 0:process.env)==null?void 0:t.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},Dn=()=>{var t;let e=(t=document==null?void 0:document.location)==null?void 0:t.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":An},Co=t=>zn.find(e=>t===e||t.toLowerCase().includes(e))||Dn();function Yp(){var t;if(typeof window=="undefined"){let e=Qp();return Co(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=Dn();return zn.includes(e)?Co(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),Co(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),An}}var Xp=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,Zp=(t,e,r,o,i)=>{let a=Yp(),n=Xp(a,t,e,r,o,i);c.load(a,n),c.activate(a)};Zp(jp,Hp,qp,Up,Jp);var Kp=class extends Vp{render(){let t=c.t({message:"Leftward arrow",id:"icon.title.chevron-left",comment:"Title for chevron-left icon"});return Fp`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-chevron-left-16-part">${Ip(`<title>${t}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M10.5 13.75 5 8.25l5.5-5.5"></path></svg>`}};customElements.get("w-icon-chevron-left-16")||customElements.define("w-icon-chevron-left-16",Kp);import{LitElement as Gp}from"lit";import{unsafeStatic as Wp,html as em}from"lit/static-html.js";var tm=JSON.parse('{"icon.title.chevron-right":["Pil til h\xF8yre"]}'),rm=JSON.parse('{"icon.title.chevron-right":["Rightward arrow"]}'),om=JSON.parse('{"icon.title.chevron-right":["Nuoli oikealle"]}'),im=JSON.parse('{"icon.title.chevron-right":["Pil til h\xF8jre"]}'),am=JSON.parse('{"icon.title.chevron-right":["Pil h\xF6ger"]}'),Bn=["en","nb","fi","da","sv"],Pn="en",nm=()=>{var t;let e;switch((t=process==null?void 0:process.env)==null?void 0:t.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},Rn=()=>{var t;let e=(t=document==null?void 0:document.location)==null?void 0:t.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":Pn},_o=t=>Bn.find(e=>t===e||t.toLowerCase().includes(e))||Rn();function sm(){var t;if(typeof window=="undefined"){let e=nm();return _o(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=Rn();return Bn.includes(e)?_o(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),_o(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),Pn}}var lm=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,cm=(t,e,r,o,i)=>{let a=sm(),n=lm(a,t,e,r,o,i);c.load(a,n),c.activate(a)};cm(rm,tm,om,im,am);var dm=class extends Gp{render(){let t=c.t({message:"Rightward arrow",id:"icon.title.chevron-right",comment:"Title for chevron-right icon"});return em`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-chevron-right-16-part">${Wp(`<title>${t}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m5.5 13.75 5.5-5.5-5.5-5.5"></path></svg>`}};customElements.get("w-icon-chevron-right-16")||customElements.define("w-icon-chevron-right-16",dm);var Vn=JSON.parse('{"pagination.aria.first-page":["F\xF8rste side"],"pagination.aria.icon-suffix":["ikon"],"pagination.aria.next-page":["N\xE6ste side"],"pagination.aria.page":["Side ",["currentPage"]],"pagination.aria.pagination":["Sider"],"pagination.aria.prev-page":["Forrige side"]}');var In=JSON.parse('{"pagination.aria.first-page":["First page"],"pagination.aria.icon-suffix":["icon"],"pagination.aria.next-page":["Next page"],"pagination.aria.page":["Page ",["currentPage"]],"pagination.aria.pagination":["Pages"],"pagination.aria.prev-page":["Previous page"]}');var Fn=JSON.parse('{"pagination.aria.first-page":["Ensimm\xE4inen sivu"],"pagination.aria.icon-suffix":["kuvake"],"pagination.aria.next-page":["Seuraava sivu"],"pagination.aria.page":["Sivu ",["currentPage"]],"pagination.aria.pagination":["Sivut"],"pagination.aria.prev-page":["Edellinen sivu"]}');var Hn=JSON.parse('{"pagination.aria.first-page":["F\xF8rste side"],"pagination.aria.icon-suffix":["ikon"],"pagination.aria.next-page":["Neste side"],"pagination.aria.page":["Side ",["currentPage"]],"pagination.aria.pagination":["Sider"],"pagination.aria.prev-page":["Forrige side"]}');var jn=JSON.parse('{"pagination.aria.first-page":["F\xF6rsta sidan"],"pagination.aria.icon-suffix":["ikon"],"pagination.aria.next-page":["N\xE4sta sida"],"pagination.aria.page":["Sida ",["currentPage"]],"pagination.aria.pagination":["Sidor"],"pagination.aria.prev-page":["F\xF6reg\xE5ende sida"]}');import{css as um}from"lit";var qn=um`*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.hover\\:bg-clip-padding:hover{-webkit-background-clip:padding-box;background-clip:padding-box}.hover\\:bg-\\[--w-color-button-pill-background-hover\\]:hover{background-color:var(--w-color-button-pill-background-hover)}.active\\:bg-\\[--w-color-button-pill-background-active\\]:active{background-color:var(--w-color-button-pill-background-active)}.border-0{border-width:0}.rounded-full{border-radius:9999px}.flex{display:flex}.inline-flex{display:inline-flex}.hover\\:no-underline:hover,.focus\\:no-underline:focus{text-decoration:none}.focusable:focus{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:focus-visible{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:not(:focus-visible){outline:none}.items-center{align-items:center}.justify-center{justify-content:center}.static{position:static}.s-bg-primary{background-color:var(--w-s-color-background-primary)}.s-text-inverted{color:var(--w-s-color-text-inverted)}.s-text-link{color:var(--w-s-color-text-link)}.s-icon{color:var(--w-s-color-icon)}.min-h-\\[44px\\]{min-height:44px}.min-w-\\[44px\\]{min-width:44px}.p-4{padding:.4rem}.p-8{padding:.8rem}.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width:768px){.md\\:block{display:block}}`;var Lo=c._({id:"pagination.aria.icon-suffix",message:"icon",comment:"Suffix added at the end of icon titles when img semantics are lost on an html element"}),zr="hover:no-underline focus:no-underline focusable inline-flex justify-center items-center transition-colors ease-in-out min-h-[44px] min-w-[44px] p-4 rounded-full border-0 hover:bg-clip-padding",Ar,Un,tt=class extends pm{constructor(){super();Me(this,Ar);this.currentPageNumber=1;this.visiblePages=7;U(In,Hn,Fn,Vn,jn)}get shouldShowShowFirstPageButton(){return this.currentPageNumber-2>0}get shouldShowPreviousPageButton(){return this.currentPageNumber-1>0}get shouldShowNextPageButton(){return this.currentPageNumber<this.pages}get currentPageIndex(){return this.currentPageNumber-1}get visiblePageNumbers(){if(this.pages<=this.visiblePages)return Array.from({length:this.pages},(a,n)=>n+1);let r=Math.floor(this.visiblePages/2),o=Math.max(1,this.currentPageNumber-r),i=Math.min(this.pages,o+this.visiblePages-1);return i-o+1<this.visiblePages&&(o=Math.max(1,i-this.visiblePages+1)),Array.from({length:i-o+1},(a,n)=>o+n)}render(){let r=this.visiblePageNumbers;return Qt`<nav class="flex items-center justify-center p-8" @click="${Xo(this,Ar,Un)}">
|
|
3150
|
-
<h1 class="sr-only">
|
|
3151
|
-
${c._({id:"pagination.aria.pagination",message:"Pages",comment:"Default screenreader message for pagination container in the pagination component"})}
|
|
3152
|
-
</h1>
|
|
3153
|
-
<div class="md:block s-text-link">
|
|
3154
|
-
${this.shouldShowShowFirstPageButton?Qt`<a
|
|
3155
|
-
data-page-number="1"
|
|
3156
|
-
href="${this.baseUrl}1"
|
|
3157
|
-
class="${zr+" s-icon hover:bg-[--w-color-button-pill-background-hover] active:bg-[--w-color-button-pill-background-active]"}">
|
|
3158
|
-
<span class="sr-only"
|
|
3159
|
-
>${c._({id:"pagination.aria.first-page",message:"First page",comment:"Default screenreader message for first page link in the pagination component"})},</span
|
|
3160
|
-
>
|
|
3161
|
-
<w-icon-chevron-double-left-16></w-icon-chevron-double-left-16>
|
|
3162
|
-
<span class="sr-only">${Lo}</span>
|
|
3163
|
-
</a>`:So}
|
|
3164
|
-
${this.shouldShowPreviousPageButton?Qt`<a
|
|
3165
|
-
data-page-number="${this.currentPageNumber-1}"
|
|
3166
|
-
href="${this.baseUrl}${this.currentPageNumber-1}"
|
|
3167
|
-
class="${zr+" s-icon hover:bg-[--w-color-button-pill-background-hover] active:bg-[--w-color-button-pill-background-active]"}">
|
|
3168
|
-
<span class="sr-only"
|
|
3169
|
-
>${c._({id:"pagination.aria.prev-page",message:"Previous page",comment:"Default screenreader message for previous page link in the pagination component"})},</span
|
|
3170
|
-
>
|
|
3171
|
-
<w-icon-chevron-left-16></w-icon-chevron-left-16>
|
|
3172
|
-
<span class="sr-only">${Lo}</span>
|
|
3173
|
-
</a>`:So}
|
|
3174
|
-
${r.map(o=>{let i=o===this.currentPageNumber,a=`${this.baseUrl}${o}`,n=zr;i?n+=" s-bg-primary s-text-inverted":n+=" hover:bg-[--w-color-button-pill-background-hover] active:bg-[--w-color-button-pill-background-active]";let l=c._({id:"pagination.aria.page",message:"Page {currentPage}",values:{currentPage:o},comment:"Default screenreader message for page link in the pagination component"});return Qt`<a
|
|
3175
|
-
data-page-number="${o}"
|
|
3176
|
-
aria-label="${l}"
|
|
3177
|
-
href="${a}"
|
|
3178
|
-
class="${n}"
|
|
3179
|
-
aria-current="${i?"page":""}"
|
|
3180
|
-
>${o}</a
|
|
3181
|
-
>`})}
|
|
3182
|
-
${this.shouldShowNextPageButton?Qt`<a
|
|
3183
|
-
data-page-number="${this.currentPageNumber+1}"
|
|
3184
|
-
href="${this.baseUrl}${this.currentPageNumber+1}"
|
|
3185
|
-
class="${zr+" s-icon hover:bg-[--w-color-button-pill-background-hover] active:bg-[--w-color-button-pill-background-active]"}">
|
|
3186
|
-
<span class="sr-only">
|
|
3187
|
-
${c._({id:"pagination.aria.next-page",message:"Next page",comment:"Default screenreader message for next page link in the pagination component"})},</span
|
|
3188
|
-
>
|
|
3189
|
-
<w-icon-chevron-right-16></w-icon-chevron-right-16>
|
|
3190
|
-
<span class="sr-only">${Lo}</span>
|
|
3191
|
-
</a>`:So}
|
|
3192
|
-
</div>
|
|
3193
|
-
</nav>`}};Ar=new WeakSet,Un=function(r){let o=r.target.getAttribute("data-page-number");this.dispatchEvent(new CustomEvent("page-click",{detail:{clickedPage:o},bubbles:!0,composed:!0}))},tt.styles=[O,qn],s([Mr({type:String,reflect:!0,attribute:"base-url"})],tt.prototype,"baseUrl",2),s([Mr({type:Number,reflect:!0})],tt.prototype,"pages",2),s([Mr({type:Number,reflect:!0,attribute:"current-page"})],tt.prototype,"currentPageNumber",2),s([Mr({type:Number,reflect:!0,attribute:"visible-pages"})],tt.prototype,"visiblePages",2);customElements.get("w-pagination")||customElements.define("w-pagination",tt);import{html as Gn,LitElement as hm}from"lit";import{property as Et}from"lit/decorators.js";var Jn=JSON.parse('{"pill.aria.openFilter":["\xC5bn filter"],"pill.aria.removeFilter":["Fjern filter ",["label"]]}');var Qn=JSON.parse('{"pill.aria.openFilter":["Open filter"],"pill.aria.removeFilter":["Remove filter ",["label"]]}');var Yn=JSON.parse('{"pill.aria.openFilter":["Avaa suodatin"],"pill.aria.removeFilter":["Tyhjenn\xE4 suodatin ",["label"]]}');var Xn=JSON.parse('{"pill.aria.openFilter":["\xC5pne filter"],"pill.aria.removeFilter":["Fjern filter ",["label"]]}');var Zn=JSON.parse('{"pill.aria.openFilter":["\xD6ppna filter"],"pill.aria.removeFilter":["Ta bort filtret ",["label"]]}');import{css as mm}from"lit";var Kn=mm`*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.bg-\\[--w-color-pill-suggestion-background\\]{background-color:var(--w-color-pill-suggestion-background)}.hover\\:bg-\\[--w-color-pill-suggestion-background-hover\\]:hover{background-color:var(--w-color-pill-suggestion-background-hover)}.active\\:bg-\\[--w-color-pill-suggestion-background-active\\]:active{background-color:var(--w-color-pill-suggestion-background-active)}.rounded-l-full{border-top-left-radius:9999px;border-bottom-left-radius:9999px}.rounded-r-full{border-top-right-radius:9999px;border-bottom-right-radius:9999px}.flex{display:flex}.inline-flex{display:inline-flex}.focusable:focus{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:focus-visible{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:not(:focus-visible){outline:none}.items-center{align-items:center}.static{position:static}.s-bg-primary{background-color:var(--w-s-color-background-primary)}.hover\\:s-bg-primary-hover:hover{background-color:var(--w-s-color-background-primary-hover)}.active\\:s-bg-primary-active:active{background-color:var(--w-s-color-background-primary-active)}.s-text{color:var(--w-s-color-text)}.s-text-inverted{color:var(--w-s-color-text-inverted)}.h-16{height:1.6rem}.py-8{padding-top:.8rem;padding-bottom:.8rem}.pl-12{padding-left:1.2rem}.pl-4{padding-left:.4rem}.pr-12{padding-right:1.2rem}.pr-2{padding-right:.2rem}.font-bold{font-weight:700}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs)}`;var be={wrapper:"flex items-center",button:"inline-flex items-center focusable text-xs transition-all",suggestion:"bg-[--w-color-pill-suggestion-background] hover:bg-[--w-color-pill-suggestion-background-hover] active:bg-[--w-color-pill-suggestion-background-active] s-text font-bold",filter:"s-bg-primary hover:s-bg-primary-hover active:s-bg-primary-active s-text-inverted",label:"pl-12 py-8 rounded-l-full",labelWithoutClose:"pr-12 rounded-r-full",labelWithClose:"pr-2",close:"pr-12 pl-4 py-8 rounded-r-full",closeIcon:"h-16",a11y:"sr-only"},Re=class extends hm{constructor(){super(),U(Qn,Xn,Yn,Jn,Zn),this.canClose=!1,this.suggestion=!1,this.openFilterSrText=c._({id:"pill.aria.openFilter",message:"Open filter",comment:"Fallback screen reader message for open filter"}),this.removeFilterSrText=c._({id:"pill.aria.removeFilter",message:"Remove filter {label}",comment:"Fallback screen reader message for removal of the filter"})}get _labelClasses(){return k([be.button,be.label,this.suggestion?be.suggestion:be.filter,this.canClose?be.labelWithClose:be.labelWithoutClose])}get _closeClasses(){return k([be.button,be.close,this.suggestion?be.suggestion:be.filter])}_onClick(){this.dispatchEvent(new CustomEvent("w-pill-click",{bubbles:!0,composed:!0}))}_onClose(){this.dispatchEvent(new CustomEvent("w-pill-close",{bubbles:!0,composed:!0}))}connectedCallback(){super.connectedCallback(),this.openSrLabel&&(this.openAriaLabel=this.openSrLabel),this.closeSrLabel&&(this.closeAriaLabel=this.closeSrLabel)}render(){return Gn`
|
|
3194
|
-
<div class="${be.wrapper}">
|
|
3195
|
-
<button type="button" class="${this._labelClasses}" @click="${this._onClick}">
|
|
3196
|
-
<span class="${be.a11y}">${this.openAriaLabel?this.openAriaLabel:this.openFilterSrText}</span>
|
|
3197
|
-
<slot></slot>
|
|
3198
|
-
</button>
|
|
3199
|
-
${this.canClose?Gn` <button type="button" class="${this._closeClasses}" @click="${this._onClose}">
|
|
3200
|
-
<span class="${be.a11y}">${this.closeAriaLabel?this.closeAriaLabel:this.removeFilterSrText}</span>
|
|
3201
|
-
<w-icon-close-16 class="${be.closeIcon}"></w-icon-close-16>
|
|
3202
|
-
</button>`:null}
|
|
3203
|
-
</div>
|
|
3204
|
-
`}};Re.styles=[O,Kn],s([Et({attribute:"can-close",type:Boolean})],Re.prototype,"canClose",2),s([Et({attribute:"suggestion",type:Boolean})],Re.prototype,"suggestion",2),s([Et({attribute:"open-sr-label",type:String})],Re.prototype,"openSrLabel",2),s([Et({attribute:"open-aria-label",type:String})],Re.prototype,"openAriaLabel",2),s([Et({attribute:"close-sr-label",type:String})],Re.prototype,"closeSrLabel",2),s([Et({attribute:"close-aria-label",type:String})],Re.prototype,"closeAriaLabel",2);customElements.get("w-pill")||customElements.define("w-pill",Re);import{html as wm}from"lit";import{property as Xt,state as os}from"lit/decorators.js";import{isServer as Oo}from"lit";import{property as Ct}from"lit/decorators.js";import{LitElement as gm,unsafeCSS as fm}from"lit";import{property as es}from"lit/decorators.js";var Wn={};var Yt,ht=class extends gm{constructor(){super();Me(this,Yt,!1);this.initialReflectedProperties=new Map;this.customStates={set:(r,o)=>{var i;(i=this.internals)!=null&&i.states&&(o?this.internals.states.add(r):this.internals.states.delete(r))},has:r=>{var o;return(o=this.internals)!=null&&o.states?this.internals.states.has(r):!1}};try{this.internals=this.attachInternals()}catch(o){console.error("Element internals are not supported in your browser. Consider using a polyfill")}this.customStates.set("wa-defined",!0);let r=this.constructor;for(let[o,i]of r.elementProperties)i.default==="inherit"&&i.initial!==void 0&&typeof o=="string"&&this.customStates.set(`initial-${o}-${i.initial}`,!0)}static get styles(){let r=Array.isArray(this.css)?this.css:this.css?[this.css]:[];return[Wn,...r].map(o=>typeof o=="string"?fm(o):o)}attributeChangedCallback(r,o,i){j(this,Yt)||(this.constructor.elementProperties.forEach((a,n)=>{a.reflect&&this[n]!=null&&this.initialReflectedProperties.set(n,this[n])}),Yo(this,Yt,!0)),super.attributeChangedCallback(r,o,i)}willUpdate(r){super.willUpdate(r),this.initialReflectedProperties.forEach((o,i)=>{r.has(i)&&this[i]==null&&(this[i]=o)})}relayNativeEvent(r,o){r.stopImmediatePropagation(),this.dispatchEvent(new r.constructor(r.type,{...r,...o}))}};Yt=new WeakMap,s([es()],ht.prototype,"dir",2),s([es()],ht.prototype,"lang",2);var ts=()=>({observedAttributes:["custom-error"],checkValidity(t){let e={message:"",isValid:!0,invalidKeys:[]};return t.customError&&(e.message=t.customError,e.isValid=!1,e.invalidKeys=["customError"]),e}});var Dr=class extends Event{constructor(){super("w-invalid",{bubbles:!0,cancelable:!1,composed:!0})}};var re=class extends ht{constructor(){super();this.name=null;this.disabled=!1;this.required=!1;this.assumeInteractionOn=["input"];this.validators=[];this.valueHasChanged=!1;this.hasInteracted=!1;this.customError=null;this.emittedEvents=[];this.emitInvalid=r=>{r.target===this&&(this.hasInteracted=!0,this.dispatchEvent(new Dr))};this.handleInteraction=r=>{var i;let o=this.emittedEvents;o.includes(r.type)||o.push(r.type),o.length===((i=this.assumeInteractionOn)==null?void 0:i.length)&&(this.hasInteracted=!0)};Oo||this.addEventListener("invalid",this.emitInvalid)}static get validators(){return[ts()]}static get observedAttributes(){let r=new Set(super.observedAttributes||[]);for(let o of this.validators)if(o.observedAttributes)for(let i of o.observedAttributes)r.add(i);return[...r]}connectedCallback(){super.connectedCallback(),this.updateValidity(),this.assumeInteractionOn.forEach(r=>{this.addEventListener(r,this.handleInteraction)})}firstUpdated(...r){super.firstUpdated(...r),this.updateValidity()}willUpdate(r){if(!Oo&&r.has("customError")&&(this.customError||(this.customError=null),this.setCustomValidity(this.customError||"")),r.has("value")||r.has("disabled")){let o=this.value;if(Array.isArray(o)){if(this.name){let i=new FormData;for(let a of o)i.append(this.name,a);this.setValue(i,i)}}else this.setValue(o,o)}r.has("disabled")&&(this.customStates.set("disabled",this.disabled),(this.hasAttribute("disabled")||!Oo&&!this.matches(":disabled"))&&this.toggleAttribute("disabled",this.disabled)),this.updateValidity(),super.willUpdate(r)}get labels(){return this.internals.labels}getForm(){return this.internals.form}get validity(){return this.internals.validity}get willValidate(){return this.internals.willValidate}get validationMessage(){return this.internals.validationMessage}checkValidity(){return this.updateValidity(),this.internals.checkValidity()}reportValidity(){return this.updateValidity(),this.hasInteracted=!0,this.internals.reportValidity()}get validationTarget(){return this.input||void 0}setValidity(...r){let o=r[0],i=r[1],a=r[2];a||(a=this.validationTarget),this.internals.setValidity(o,i,a||void 0),this.requestUpdate("validity"),this.setCustomStates()}setCustomStates(){let r=!!this.required,o=this.internals.validity.valid,i=this.hasInteracted;this.customStates.set("required",r),this.customStates.set("optional",!r),this.customStates.set("invalid",!o),this.customStates.set("valid",o),this.customStates.set("user-invalid",!o&&i),this.customStates.set("user-valid",o&&i)}setCustomValidity(r){if(!r){this.customError=null,this.setValidity({});return}this.customError=r,this.setValidity({customError:!0},r,this.validationTarget)}formResetCallback(){this.resetValidity(),this.hasInteracted=!1,this.valueHasChanged=!1,this.emittedEvents=[],this.updateValidity()}formDisabledCallback(r){this.disabled=r,this.updateValidity()}formStateRestoreCallback(r,o){this.value=r,o==="restore"&&this.resetValidity(),this.updateValidity()}setValue(...r){let[o,i]=r;this.internals.setFormValue(o,i)}get allValidators(){let r=this.constructor.validators||[],o=this.validators||[];return[...r,...o]}resetValidity(){this.setCustomValidity(""),this.setValidity({})}updateValidity(){if(this.disabled||this.hasAttribute("disabled")||!this.willValidate){this.resetValidity();return}let r=this.allValidators;if(!(r!=null&&r.length))return;let o={customError:!!this.customError},i=this.validationTarget||this.input||void 0,a="";for(let n of r){let{isValid:l,message:d,invalidKeys:u}=n.checkValidity(this);l||(a||(a=d),(u==null?void 0:u.length)>=0&&u.forEach(p=>o[p]=!0))}a||(a=this.validationMessage),this.setValidity(o,a,i)}};re.formAssociated=!0,s([Ct({reflect:!0})],re.prototype,"name",2),s([Ct({type:Boolean})],re.prototype,"disabled",2),s([Ct({state:!0,attribute:!1})],re.prototype,"valueHasChanged",2),s([Ct({state:!0,attribute:!1})],re.prototype,"hasInteracted",2),s([Ct({attribute:"custom-error",reflect:!0})],re.prototype,"customError",2),s([Ct({attribute:!1,state:!0,type:Object})],re.prototype,"validity",1);var rs={};var $e=class extends re{constructor(){super();this.checked=!1;this.forceDisabled=!1;this.form=null;this.appearance="default";this.size="medium";this.disabled=!1;this.handleClick=()=>{!this.disabled&&!this.forceDisabled&&(this.checked=!0)};this.addEventListener("click",this.handleClick)}connectedCallback(){super.connectedCallback(),this.setInitialAttributes()}setInitialAttributes(){this.setAttribute("role","radio"),this.tabIndex=0,this.setAttribute("aria-disabled",this.disabled||this.forceDisabled?"true":"false")}updated(r){if(super.updated(r),r.has("checked")&&(this.customStates.set("checked",this.checked),this.setAttribute("aria-checked",this.checked?"true":"false"),!this.disabled&&!this.forceDisabled&&(this.tabIndex=this.checked?0:-1)),r.has("disabled")||r.has("forceDisabled")){let o=this.disabled||this.forceDisabled;this.customStates.set("disabled",o),this.setAttribute("aria-disabled",o?"true":"false"),o?this.tabIndex=-1:this.tabIndex=this.checked?0:-1}}setValue(){}render(){return wm`
|
|
3205
|
-
<span part="control" class="control"></span>
|
|
3206
|
-
<slot part="label" class="label"></slot>
|
|
3207
|
-
`}};$e.css=[rs],s([os()],$e.prototype,"checked",2),s([os()],$e.prototype,"forceDisabled",2),s([Xt({reflect:!0})],$e.prototype,"form",2),s([Xt({reflect:!0})],$e.prototype,"value",2),s([Xt({reflect:!0})],$e.prototype,"appearance",2),s([Xt({reflect:!0})],$e.prototype,"size",2),s([Xt({type:Boolean})],$e.prototype,"disabled",2);import{html as ym}from"lit";import{property as Ve,query as km,state as ls}from"lit/decorators.js";import{classMap as cs}from"lit/directives/class-map.js";var is="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";var as=(t=21)=>{let e="",r=crypto.getRandomValues(new Uint8Array(t|=0));for(;t--;)e+=is[r[t]&63];return e};function ns(t=""){return`${t}${as()}`}var ss={};var Br=(t={})=>{let{validationElement:e,validationProperty:r}=t;e||(e=Object.assign(document.createElement("input"),{required:!0})),r||(r="value");let o={observedAttributes:["required"],message:e.validationMessage,checkValidity(i){var u;let a={message:"",isValid:!0,invalidKeys:[]};return((u=i.required)!=null?u:i.hasAttribute("required"))&&!i[r]&&(a.message=typeof o.message=="function"?o.message(i):o.message||"",a.isValid=!1,a.invalidKeys.push("valueMissing")),a}};return o};var _t=class{constructor(e,...r){this.slotNames=[];this.handleSlotChange=e=>{let r=e.target;(this.slotNames.includes("[default]")&&!r.name||r.name&&this.slotNames.includes(r.name))&&this.host.requestUpdate()};(this.host=e).addController(this),this.slotNames=r}hasDefaultSlot(){return[...this.host.childNodes].some(e=>{if(e.nodeType===Node.TEXT_NODE&&e.textContent.trim()!=="")return!0;if(e.nodeType===Node.ELEMENT_NODE){let r=e;if(r.tagName.toLowerCase()==="w-visually-hidden")return!1;if(!r.hasAttribute("slot"))return!0}return!1})}hasNamedSlot(e){return this.host.querySelector(`:scope > [slot="${e}"]`)!==null}test(e){return e==="[default]"?this.hasDefaultSlot():this.hasNamedSlot(e)}hostConnected(){this.host.shadowRoot.addEventListener("slotchange",this.handleSlotChange)}hostDisconnected(){this.host.shadowRoot.removeEventListener("slotchange",this.handleSlotChange)}};var Z=class extends re{constructor(){super();this.hasSlotController=new _t(this,"hint","label");this.hasRadioButtons=!1;this.label="";this.hint="";this.name=null;this.disabled=!1;this.orientation="vertical";this._value=null;this.defaultValue=this.getAttribute("value")||null;this.size="medium";this.required=!1;this.withLabel=!1;this.withHint=!1;this.handleRadioClick=r=>{let o=r.target.closest("w-radio");if(!o||o.disabled||o.forceDisabled||this.disabled)return;let i=this.value;this.value=o.value,o.checked=!0;let a=this.getAllRadios();for(let n of a)o!==n&&(n.checked=!1,n.setAttribute("tabindex","-1"));this.value!==i&&this.updateComplete.then(()=>{this.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0})),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))})};this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("click",this.handleRadioClick)}static get validators(){let r=[Br({validationElement:Object.assign(document.createElement("input"),{required:!0,type:"radio",name:ns("__w-radio")})})];return[...super.validators,...r]}get value(){var r;return this.valueHasChanged?this._value:(r=this._value)!=null?r:this.defaultValue}set value(r){typeof r=="number"&&(r=String(r)),this.valueHasChanged=!0,this._value=r}get validationTarget(){let r=this.querySelector(":is(w-radio):not([disabled])");if(r)return r}updated(r){(r.has("disabled")||r.has("value"))&&this.syncRadioElements()}formResetCallback(...r){this.value=this.defaultValue,super.formResetCallback(...r),this.syncRadioElements()}getAllRadios(){return[...this.querySelectorAll("w-radio")]}handleLabelClick(){this.focus()}async syncRadioElements(){let r=this.getAllRadios(),o=!1;if(r.forEach((i,a)=>{i.appearance==="button"&&(o=!0),i.setAttribute("size",this.size),i.toggleAttribute("data-w-radio-horizontal",this.orientation!=="vertical"),i.toggleAttribute("data-w-radio-vertical",this.orientation==="vertical"),i.toggleAttribute("data-w-radio-first",a===0),i.toggleAttribute("data-w-radio-inner",a!==0&&a!==r.length-1),i.toggleAttribute("data-w-radio-last",a===r.length-1),i.forceDisabled=this.disabled}),this.hasRadioButtons=o,await Promise.all(r.map(async i=>{await i.updateComplete,!i.disabled&&i.value===this.value?i.checked=!0:i.checked=!1})),this.disabled)r.forEach(i=>{i.tabIndex=-1});else{let i=r.filter(n=>!n.disabled),a=i.find(n=>n.checked);i.length>0&&(a?i.forEach(n=>{n.tabIndex=n.checked?0:-1}):i.forEach((n,l)=>{n.tabIndex=l===0?0:-1})),r.filter(n=>n.disabled).forEach(n=>{n.tabIndex=-1})}}handleKeyDown(r){var u;if(!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"," "].includes(r.key)||this.disabled)return;let o=this.getAllRadios().filter(p=>!p.disabled);if(o.length<=0)return;r.preventDefault();let i=this.value,a=(u=o.find(p=>p.checked))!=null?u:o[0],n=r.key===" "?0:["ArrowUp","ArrowLeft"].includes(r.key)?-1:1,l=o.indexOf(a)+n;l||(l=0),l<0&&(l=o.length-1),l>o.length-1&&(l=0);let d=o.some(p=>p.tagName.toLowerCase()==="w-radio-button");this.getAllRadios().forEach(p=>{p.checked=!1,d||p.setAttribute("tabindex","-1")}),this.value=o[l].value,o[l].checked=!0,d?o[l].shadowRoot.querySelector("button").focus():(o[l].setAttribute("tabindex","0"),o[l].focus()),this.value!==i&&this.updateComplete.then(()=>{this.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0})),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}),r.preventDefault()}focus(r){if(this.disabled)return;let o=this.getAllRadios(),i=o.find(l=>l.checked),a=o.find(l=>!l.disabled),n=i||a;n&&n.focus(r)}render(){let r=this.hasUpdated?this.hasSlotController.test("label"):this.withLabel,o=this.hasUpdated?this.hasSlotController.test("hint"):this.withHint,i=this.label?!0:!!r,a=this.hint?!0:!!o;return ym`
|
|
3208
|
-
<fieldset
|
|
3209
|
-
part="form-control"
|
|
3210
|
-
class=${cs({"form-control":!0,"form-control-radio-group":!0,"form-control-has-label":i,"has-radio-buttons":this.hasRadioButtons})}
|
|
3211
|
-
role="radiogroup"
|
|
3212
|
-
aria-labelledby="label"
|
|
3213
|
-
aria-describedby="hint"
|
|
3214
|
-
aria-errormessage="error-message"
|
|
3215
|
-
aria-orientation=${this.orientation}>
|
|
3216
|
-
<label
|
|
3217
|
-
part="form-control-label"
|
|
3218
|
-
id="label"
|
|
3219
|
-
class="label"
|
|
3220
|
-
aria-hidden=${i?"false":"true"}
|
|
3221
|
-
@click=${this.handleLabelClick}>
|
|
3222
|
-
<slot name="label">${this.label}</slot>
|
|
3223
|
-
</label>
|
|
3224
|
-
|
|
3225
|
-
<slot part="form-control-input" @slotchange=${this.syncRadioElements}></slot>
|
|
3226
|
-
|
|
3227
|
-
<slot
|
|
3228
|
-
id="hint"
|
|
3229
|
-
name="hint"
|
|
3230
|
-
part="hint"
|
|
3231
|
-
class=${cs({"has-slotted":a})}
|
|
3232
|
-
aria-hidden=${a?"false":"true"}
|
|
3233
|
-
>${this.hint}</slot
|
|
3234
|
-
>
|
|
3235
|
-
</fieldset>
|
|
3236
|
-
`}};Z.css=[ss],Z.shadowRootOptions={...re.shadowRootOptions,delegatesFocus:!0},s([ls()],Z.prototype,"hasRadioButtons",2),s([km("slot:not([name])")],Z.prototype,"defaultSlot",2),s([Ve()],Z.prototype,"label",2),s([Ve({attribute:"hint"})],Z.prototype,"hint",2),s([Ve({reflect:!0})],Z.prototype,"name",2),s([Ve({type:Boolean,reflect:!0})],Z.prototype,"disabled",2),s([Ve({reflect:!0})],Z.prototype,"orientation",2),s([ls()],Z.prototype,"value",1),s([Ve({attribute:"value",reflect:!0})],Z.prototype,"defaultValue",2),s([Ve({reflect:!0})],Z.prototype,"size",2),s([Ve({type:Boolean,reflect:!0})],Z.prototype,"required",2),s([Ve({type:Boolean,attribute:"with-label"})],Z.prototype,"withLabel",2),s([Ve({type:Boolean,attribute:"with-hint"})],Z.prototype,"withHint",2);customElements.get("w-radio")||(customElements.define("w-radio",$e),customElements.define("w-radio-group",Z));import{html as Pm}from"lit";import{property as Te,query as Rm}from"lit/decorators.js";import{classMap as Vm}from"lit/directives/class-map.js";import{ifDefined as Im}from"lit/directives/if-defined.js";import{live as hs}from"lit/directives/live.js";function Pr(t,e){let r={waitUntilFirstUpdate:!1,...e};return(o,i)=>{let{update:a}=o,n=Array.isArray(t)?t:[t];o.update=function(l){n.forEach(d=>{let u=d;if(l.has(u)){let p=l.get(u),m=this[u];p!==m&&(!r.waitUntilFirstUpdate||this.hasUpdated)&&this[i](p,m)}}),a.call(this,l)}}}import{LitElement as $m}from"lit";import{unsafeStatic as Em,html as Cm}from"lit/static-html.js";var _m=JSON.parse('{"icon.title.check":["Sjekkmerke"]}'),Sm=JSON.parse('{"icon.title.check":["Checkmark"]}'),Lm=JSON.parse('{"icon.title.check":["Valintamerkki"]}'),Om=JSON.parse('{"icon.title.check":["Flueben"]}'),Tm=JSON.parse('{"icon.title.check":["Bock"]}'),ds=["en","nb","fi","da","sv"],us="en",Nm=()=>{var t;let e;switch((t=process==null?void 0:process.env)==null?void 0:t.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},ps=()=>{var t;let e=(t=document==null?void 0:document.location)==null?void 0:t.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":us},To=t=>ds.find(e=>t===e||t.toLowerCase().includes(e))||ps();function Mm(){var t;if(typeof window=="undefined"){let e=Nm();return To(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=ps();return ds.includes(e)?To(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),To(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),us}}var zm=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,Am=(t,e,r,o,i)=>{let a=Mm(),n=zm(a,t,e,r,o,i);c.load(a,n),c.activate(a)};Am(Sm,_m,Lm,Om,Tm);var Dm=class extends $m{render(){let t=c.t({message:"Checkmark",id:"icon.title.check",comment:"Title for check icon"});return Cm`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-check-16-part">${Em(`<title>${t}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3.83 7.667 7.163 11l5.334-6"></path></svg>`}};customElements.get("w-icon-check-16")||customElements.define("w-icon-check-16",Dm);var ms={};var bs,J=class extends re{constructor(){super(...arguments);this.hasSlotController=new _t(this,"hint");this.title="";this.name="";this._value=(bs=this.getAttribute("value"))!=null?bs:null;this.size="medium";this.disabled=!1;this.indeterminate=!1;this.checked=this.hasAttribute("checked");this.defaultChecked=this.hasAttribute("checked");this.form=null;this.required=!1;this.hint=""}static get validators(){let r=[Br({validationProperty:"checked",validationElement:Object.assign(document.createElement("input"),{type:"checkbox",required:!0})})];return[...super.validators,...r]}get value(){var r;return(r=this._value)!=null?r:"on"}set value(r){this._value=r}handleClick(){this.hasInteracted=!0,this.checked=!this.checked,this.indeterminate=!1,this.updateComplete.then(()=>{this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))})}handleDefaultCheckedChange(){!this.hasInteracted&&this.checked!==this.defaultChecked&&(this.checked=this.defaultChecked,this.handleValueOrCheckedChange())}handleValueOrCheckedChange(){this.setValue(this.checked?this.value:null,this._value),this.updateValidity()}handleStateChange(){this.hasUpdated&&(this.input.checked=this.checked,this.input.indeterminate=this.indeterminate),this.customStates.set("checked",this.checked),this.customStates.set("indeterminate",this.indeterminate),this.updateValidity()}handleDisabledChange(){this.customStates.set("disabled",this.disabled)}willUpdate(r){super.willUpdate(r),r.has("defaultChecked")&&(this.hasInteracted||(this.checked=this.defaultChecked)),(r.has("value")||r.has("checked"))&&this.handleValueOrCheckedChange()}formResetCallback(){this.checked=this.defaultChecked,super.formResetCallback(),this.handleValueOrCheckedChange()}click(){this.input.click()}focus(r){this.input.focus(r)}blur(){this.input.blur()}render(){let r=this.hasSlotController.test("hint"),o=this.hint?!0:!!r,i=!this.checked&&this.indeterminate;return Pm`
|
|
3237
|
-
<label part="base">
|
|
3238
|
-
<span part="control">
|
|
3239
|
-
<input
|
|
3240
|
-
class="input"
|
|
3241
|
-
type="checkbox"
|
|
3242
|
-
title=${this.title}
|
|
3243
|
-
name=${this.name}
|
|
3244
|
-
value=${Im(this._value)}
|
|
3245
|
-
.indeterminate=${hs(this.indeterminate)}
|
|
3246
|
-
.checked=${hs(this.checked)}
|
|
3247
|
-
.disabled=${this.disabled}
|
|
3248
|
-
.required=${this.required}
|
|
3249
|
-
aria-checked=${this.checked?"true":"false"}
|
|
3250
|
-
aria-describedby="hint"
|
|
3251
|
-
@click=${this.handleClick} />
|
|
3252
|
-
${i?"\u2013":""}
|
|
3253
|
-
</span>
|
|
3254
|
-
|
|
3255
|
-
<slot part="label"></slot>
|
|
3256
|
-
</label>
|
|
3257
|
-
|
|
3258
|
-
<slot id="hint" part="hint" name="hint" aria-hidden=${o?"false":"true"} class="${Vm({"has-slotted":o})}">
|
|
3259
|
-
${this.hint}
|
|
3260
|
-
</slot>
|
|
3261
|
-
`}};J.css=[ms],J.shadowRootOptions={...re.shadowRootOptions,delegatesFocus:!0},s([Rm('input[type="checkbox"]')],J.prototype,"input",2),s([Te()],J.prototype,"title",2),s([Te({reflect:!0})],J.prototype,"name",2),s([Te({reflect:!0})],J.prototype,"value",1),s([Te({reflect:!0})],J.prototype,"size",2),s([Te({type:Boolean})],J.prototype,"disabled",2),s([Te({type:Boolean,reflect:!0})],J.prototype,"indeterminate",2),s([Te({type:Boolean,attribute:!1})],J.prototype,"checked",2),s([Te({type:Boolean,reflect:!0,attribute:"checked"})],J.prototype,"defaultChecked",2),s([Te({reflect:!0})],J.prototype,"form",2),s([Te({type:Boolean,reflect:!0})],J.prototype,"required",2),s([Te()],J.prototype,"hint",2),s([Pr("defaultChecked")],J.prototype,"handleDefaultCheckedChange",1),s([Pr(["checked","indeterminate"])],J.prototype,"handleStateChange",1),s([Pr("disabled")],J.prototype,"handleDisabledChange",1);customElements.get("w-checkbox")||customElements.define("w-checkbox",J);import{html as Rr,LitElement as Hm}from"lit";import{property as Ne}from"lit/decorators.js";import{ifDefined as No}from"lit/directives/if-defined.js";import{unsafeHTML as jm}from"lit/directives/unsafe-html.js";import{when as Mo}from"lit/directives/when.js";var gs=JSON.parse('{"select.label.optional":["(valgfrit)"]}');var fs=JSON.parse('{"select.label.optional":["(optional)"]}');var vs=JSON.parse('{"select.label.optional":["(vapaaehtoinen)"]}');var ws=JSON.parse('{"select.label.optional":["(valgfritt)"]}');var xs=JSON.parse('{"select.label.optional":["(valfritt)"]}');import{css as Fm}from"lit";var ys=Fm`*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.focus\\:\\[--w-outline-offset\\:-2px\\]:focus{--w-outline-offset:-2px}.bg-transparent{background-color:#0000}.appearance-none{-webkit-appearance:none;appearance:none}.border-0{border-width:0}.border-1{border-width:1px}.rounded-4{border-radius:4px}.caret-current{caret-color:currentColor}.opacity-25{opacity:.25}.block,.before\\:block:before{display:block}.before\\:hidden:before{display:none}.focusable:focus{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:focus-visible{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:not(:focus-visible){outline:none}.outline-\\[--w-s-color-border-negative\\]\\!{outline-color:var(--w-s-color-border-negative)!important}.bottom-0{bottom:0}.right-0{right:0}.before\\:bottom-0:before{bottom:0}.before\\:right-0:before{right:0}.top-\\[30\\%\\]{top:30%}.absolute{position:absolute}.relative{position:relative}.static{position:static}.before\\:absolute:before{position:absolute}.s-bg{background-color:var(--w-s-color-background)}.s-bg-disabled-subtle{background-color:var(--w-s-color-background-disabled-subtle)}.s-text{color:var(--w-s-color-text)}.s-text-disabled{color:var(--w-s-color-text-disabled)}.s-text-negative{color:var(--w-s-color-text-negative)}.s-text-subtle{color:var(--w-s-color-text-subtle)}.s-icon{color:var(--w-s-color-icon)}.s-border{border-color:var(--w-s-color-border)}.s-border-disabled{border-color:var(--w-s-color-border-disabled)}.s-border-negative{border-color:var(--w-s-color-border-negative)}.hover\\:s-border-disabled:hover{border-color:var(--w-s-color-border-disabled)}.hover\\:s-border-hover:hover{border-color:var(--w-s-color-border-hover)}.hover\\:s-border-negative-hover:hover{border-color:var(--w-s-color-border-negative-hover)}.active\\:s-border-active:active{border-color:var(--w-s-color-border-active)}.active\\:s-border-disabled:active{border-color:var(--w-s-color-border-disabled)}.h-full{height:100%}.w-32{width:3.2rem}.w-full{width:100%}.before\\:h-full:before{height:100%}.before\\:w-32:before{width:3.2rem}.mb-0{margin-bottom:0}.mt-4{margin-top:.4rem}.py-12{padding-top:1.2rem;padding-bottom:1.2rem}.pb-4{padding-bottom:.4rem}.pl-0{padding-left:0}.pl-8{padding-left:.8rem}.pr-32{padding-right:3.2rem}.cursor-pointer{cursor:pointer}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:grayscale}.font-bold{font-weight:700}.font-normal{font-weight:400}.pointer-events-none,.before\\:pointer-events-none:before{pointer-events:none}.text-m{font-size:var(--w-font-size-m);line-height:var(--w-line-height-m)}.text-s{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s)}.text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs)}`;var Je={base:"block text-m mb-0 py-12 pr-32 rounded-4 w-full focusable focus:[--w-outline-offset:-2px] appearance-none cursor-pointer caret-current",default:"s-text s-bg pl-8 border-1 s-border hover:s-border-hover active:s-border-active",disabled:"s-text-disabled s-bg-disabled-subtle pl-8 border-1 s-border-disabled hover:s-border-disabled active:s-border-disabled pointer-events-none",invalid:"s-text s-bg pl-8 border-1 s-border-negative hover:s-border-negative-hover active:s-border-active outline-[--w-s-color-border-negative]!",readOnly:"s-text bg-transparent pl-0 border-0 pointer-events-none before:hidden",wrapper:"relative",selectWrapper:"relative before:block before:absolute before:right-0 before:bottom-0 before:w-32 before:h-full before:pointer-events-none ",chevron:"block absolute top-[30%] right-0 bottom-0 w-32 h-full s-icon pointer-events-none cursor-pointer",chevronDisabled:"opacity-25"},ks={base:"antialiased block relative text-s font-bold pb-4 cursor-pointer s-text",optional:"pl-8 font-normal text-s s-text-subtle"},zo={base:"text-xs mt-4 block",color:"s-text-subtle",colorInvalid:"s-text-negative"},ne,$s,Es,Cs,Vr,Ir,ce=class extends Ge(Hm){constructor(){super();Me(this,ne);this._setValue=r=>{this.value=r,this.setValue(r)};U(fs,ws,vs,gs,xs),this._options=this.innerHTML}firstUpdated(){this.autoFocus&&this.shadowRoot.querySelector("select").focus(),Array.from(this.children).map(r=>{r.selected&&this._setValue(r.value)})}handleKeyDown(r){this.readOnly&&(r.key===" "||r.key==="ArrowDown"||r.key==="ArrowUp")&&r.preventDefault()}onChange({target:r}){this._setValue(r.value);let o=new CustomEvent("change",{detail:r.value});this.dispatchEvent(o)}render(){return Rr`<div class="${Je.wrapper}">
|
|
3262
|
-
${Mo(this.label,()=>Rr`<label class="${ks.base}" for="${j(this,ne,Vr)}">
|
|
3263
|
-
${this.label}
|
|
3264
|
-
${Mo(this.optional,()=>Rr`<span class="${ks.optional}"
|
|
3265
|
-
>${c._({id:"select.label.optional",message:"(optional)",comment:"Shown behind label when marked as optional"})}</span
|
|
3266
|
-
>`)}</label
|
|
3267
|
-
>`)}
|
|
3268
|
-
<div class="${Je.selectWrapper}">
|
|
3269
|
-
<select
|
|
3270
|
-
class="${j(this,ne,$s)}"
|
|
3271
|
-
id="${j(this,ne,Vr)}"
|
|
3272
|
-
?disabled=${this.disabled}
|
|
3273
|
-
aria-describedby="${No(j(this,ne,Ir))}"
|
|
3274
|
-
aria-invalid="${No(this.invalid)}"
|
|
3275
|
-
aria-errormessage="${No(this.invalid&&j(this,ne,Ir))}"
|
|
3276
|
-
@keydown=${this.handleKeyDown}
|
|
3277
|
-
@change=${this.onChange}>
|
|
3278
|
-
${jm(this._options)}
|
|
3279
|
-
</select>
|
|
3280
|
-
<div class="${j(this,ne,Cs)}">
|
|
3281
|
-
<w-icon-chevron-down-16></w-icon-chevron-down-16>
|
|
3282
|
-
</div>
|
|
3283
|
-
</div>
|
|
3284
|
-
${Mo(this.always||this.invalid,()=>Rr`<div id="${j(this,ne,Ir)}" class="${j(this,ne,Es)}">${this.hint}</div>`)}
|
|
3285
|
-
</div>`}};ne=new WeakSet,$s=function(){return k([Je.base,!this.invalid&&!this.disabled&&!this.readOnly&&Je.default,this.invalid&&Je.invalid,this.disabled&&Je.disabled,this.readOnly&&Je.readOnly])},Es=function(){return k([zo.base,this.invalid?zo.colorInvalid:zo.color])},Cs=function(){return k([Je.chevron,this.disabled&&Je.chevronDisabled])},Vr=function(){return"select_id"},Ir=function(){return this.hint?`${j(this,ne,Vr)}__hint`:void 0},ce.styles=[O,ys],s([Ne({attribute:"auto-focus",type:Boolean,reflect:!0})],ce.prototype,"autoFocus",2),s([Ne({type:Boolean,reflect:!0})],ce.prototype,"invalid",2),s([Ne({type:Boolean,reflect:!0})],ce.prototype,"always",2),s([Ne({reflect:!0})],ce.prototype,"hint",2),s([Ne({reflect:!0})],ce.prototype,"label",2),s([Ne({type:Boolean,reflect:!0})],ce.prototype,"optional",2),s([Ne({type:Boolean,reflect:!0})],ce.prototype,"disabled",2),s([Ne({attribute:"read-only",type:Boolean,reflect:!0})],ce.prototype,"readOnly",2),s([Ne({state:!0})],ce.prototype,"_options",2),s([Ne({reflect:!0})],ce.prototype,"name",2),s([Ne({reflect:!0})],ce.prototype,"value",2);customElements.get("w-select")||customElements.define("w-select",ce);import{html as Fr,LitElement as Ss}from"lit";import{property as Hr,state as Um}from"lit/decorators.js";var Ao=JSON.parse('{"steps.aria.emptyCircle":["Tom cirkel"],"steps.aria.active":["Trinindikator aktiv cirkel"],"steps.aria.completed":["Trinindikator fuldf\xF8rt cirkel"]}');var Do=JSON.parse('{"steps.aria.emptyCircle":["Empty circle"],"steps.aria.active":["Step indicator active circle"],"steps.aria.completed":["Step indicator completed circle"]}');var Bo=JSON.parse('{"steps.aria.emptyCircle":["Tyhj\xE4 ympyr\xE4"],"steps.aria.active":["Vaiheilmaisin aktiivinen ympyr\xE4"],"steps.aria.completed":["Vaiheilmaisin valmis ympyr\xE4"]}');var Po=JSON.parse('{"steps.aria.emptyCircle":["Tom sirkel"],"steps.aria.active":["Stegindikator aktiv sirkel"],"steps.aria.completed":["Stegindikator hel sirkel"]}');var Ro=JSON.parse('{"steps.aria.emptyCircle":["Tom cirkel"],"steps.aria.active":["Stegindikator aktiv cirkel"],"steps.aria.completed":["Stegindikator full\xE4ndad cirkel"]}');import{css as qm}from"lit";var Vo=qm`*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.text-center{text-align:center}.text-right{text-align:right}.border-2{border-width:2px}.rounded-full{border-radius:9999px}.flex{display:flex}.grid{display:grid}.flex-1{flex:1}.gap-x-16{column-gap:1.6rem}.gap-y-16{row-gap:1.6rem}.row-span-2{grid-row:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.row-start-1{grid-row-start:1}.row-start-2{grid-row-start:2}.col-start-2{grid-column-start:2}.grid-flow-col{grid-auto-flow:column}.grid-rows-\\[20px_auto\\]{grid-template-rows:20px auto}.grid-rows-\\[auto_20px\\]{grid-template-rows:auto 20px}.grid-cols-\\[1fr_20px_1fr\\]{grid-template-columns:1fr 20px 1fr}.grid-cols-\\[1fr_20px\\]{grid-template-columns:1fr 20px}.grid-cols-\\[20px_1fr\\]{grid-template-columns:20px 1fr}.items-center{align-items:center}.justify-self-end{justify-self:end}.justify-self-center{justify-self:center}.static{position:static}.s-bg{background-color:var(--w-s-color-background)}.s-bg-disabled{background-color:var(--w-s-color-background-disabled)}.s-bg-primary{background-color:var(--w-s-color-background-primary)}.s-icon-inverted{color:var(--w-s-color-icon-inverted)}.s-border{border-color:var(--w-s-color-border)}.s-border-primary{border-color:var(--w-s-color-border-primary)}.h-2{height:.2rem}.h-20{height:2rem}.h-full{height:100%}.w-2{width:.2rem}.w-20{width:2rem}.w-full{width:100%}.last\\:mb-0:last-child{margin-bottom:0}.px-16{padding-left:1.6rem;padding-right:1.6rem}.pb-0{padding-bottom:0}.pb-32{padding-bottom:3.2rem}.invisible{visibility:hidden}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}`;var _s={wrapper:"w-full",horizontal:"flex"},F={base:"group/step",vertical:"group/stepv grid-rows-[20px_auto] grid grid-flow-col gap-x-16",horizontal:"group/steph grid-rows-[auto_20px] grid-cols-[1fr_20px_1fr] flex-1 grid gap-y-16 items-center",alignLeft:"grid-cols-[20px_1fr]",alignRight:"grid-cols-[1fr_20px] text-right",dot:"rounded-full border-2 h-20 w-20 transition-colors duration-300 s-icon-inverted",dotAlignRight:"col-start-2",dotHorizontal:"row-start-2 justify-self-end",dotActive:"s-border-primary s-bg-primary",dotIncomplete:"s-border s-bg",line:"transition-colors duration-300",lineVertical:"w-2 h-full justify-self-center",lineAlignRight:"col-start-2",lineHorizontal:"h-2 w-full row-start-2",lineIncomplete:"s-bg-disabled",lineComplete:"s-bg-primary",content:"last:mb-0",contentVertical:"row-span-2 pb-32",contentHorizontal:"col-span-3 px-16 row-start-1 text-center"},St=class extends Ss{constructor(){super();this.horizontal=!1;this.right=!1;U(Do,Po,Bo,Ao,Ro)}connectedCallback(){super.connectedCallback(),this.updateStepsContext()}updated(){this.updateStepsContext()}updateStepsContext(){let r=this.querySelectorAll("w-step");r.forEach((o,i)=>{o.setContext({horizontal:this.horizontal,right:this.right,isLast:i===r.length-1,isFirst:i===0})})}render(){let r=k([_s.wrapper,this.horizontal&&_s.horizontal]);return Fr`
|
|
3286
|
-
<ul class=${r}>
|
|
3287
|
-
<slot></slot>
|
|
3288
|
-
</ul>
|
|
3289
|
-
`}};St.styles=[O,Vo],s([Hr({type:Boolean,reflect:!0})],St.prototype,"horizontal",2),s([Hr({type:Boolean,reflect:!0})],St.prototype,"right",2);var Io={completed:c._({id:"steps.aria.completed",message:"Step indicator completed circle",comment:"Completed circle"}),active:c._({id:"steps.aria.active",message:"Step indicator active circle",comment:"Active circle"}),default:c._({id:"steps.aria.emptyCircle",message:"Empty circle",comment:"Empty circle"})},bt=class extends Ss{constructor(){super();this.active=!1;this.completed=!1;this._context={horizontal:!1,right:!1,isLast:!1,isFirst:!1};U(Do,Po,Bo,Ao,Ro)}setContext(r){this._context=r,this.requestUpdate()}getAriaLabel(){return this.completed?Io.completed:this.active?Io.active:Io.default}render(){let r=!this._context.horizontal,o=!this._context.right,i=this._context.isFirst,a=this._context.isLast,n=k([F.base,r?F.vertical:F.horizontal,r?o?F.alignLeft:F.alignRight:""]),l=k([F.line,F.lineHorizontal,this.active||this.completed?F.lineComplete:F.lineIncomplete,i?"invisible":""]),d=k([F.dot,r?o?"":F.dotAlignRight:F.dotHorizontal,this.active||this.completed?F.dotActive:F.dotIncomplete]),u=k([F.line,r?F.lineVertical:F.lineHorizontal,r&&!o?F.lineAlignRight:"",this.completed?F.lineComplete:F.lineIncomplete,a?"invisible":""]),p=k([F.content,r?F.contentVertical:F.contentHorizontal,a?"pb-0":""]);return Fr`
|
|
3290
|
-
<li class=${n}>
|
|
3291
|
-
${r?"":Fr`<div class=${l}></div>`}
|
|
3292
|
-
<div class=${d} role="img" aria-label=${this.getAriaLabel()} ${this.active?'aria-current="step"':""}>
|
|
3293
|
-
${this.completed?Fr`<w-icon-check-16 data-testid="completed-icon"></w-icon-check-16>`:""}
|
|
3294
|
-
</div>
|
|
3295
|
-
<div class=${u}></div>
|
|
3296
|
-
<div class=${p}>
|
|
3297
|
-
<slot></slot>
|
|
3298
|
-
</div>
|
|
3299
|
-
</li>
|
|
3300
|
-
`}};bt.styles=[O,Vo],s([Hr({type:Boolean,reflect:!0})],bt.prototype,"active",2),s([Hr({type:Boolean,reflect:!0})],bt.prototype,"completed",2),s([Um()],bt.prototype,"_context",2);customElements.get("w-steps")||customElements.define("w-steps",St);customElements.get("w-step")||customElements.define("w-step",bt);import{html as Qm,LitElement as Ym}from"lit";import{property as Os}from"lit/decorators.js";import{css as Jm}from"lit";var Ls=Jm`*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.bg-\\[--w-color-switch-track-background\\]{background-color:var(--w-color-switch-track-background)}.group:hover .group-hover\\:bg-\\[--w-color-switch-track-background-hover\\]{background-color:var(--w-color-switch-track-background-hover)}.rounded-full{border-radius:9999px}.block{display:block}.focusable:focus{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:focus-visible{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:not(:focus-visible){outline:none}.left-0{left:0}.left-4{left:.4rem}.top-0{top:0}.top-4{top:.4rem}.absolute{position:absolute}.relative{position:relative}.static{position:static}.s-bg{background-color:var(--w-s-color-background)}.s-bg-disabled{background-color:var(--w-s-color-background-disabled)}.s-bg-disabled-subtle{background-color:var(--w-s-color-background-disabled-subtle)}.s-bg-primary{background-color:var(--w-s-color-background-primary)}.group:hover .group-hover\\:s-bg-primary-hover{background-color:var(--w-s-color-background-primary-hover)}.shadow-s{box-shadow:var(--w-shadow-s)}.h-16{height:1.6rem}.h-24{height:2.4rem}.h-full{height:100%}.w-16{width:1.6rem}.w-44{width:4.4rem}.w-full{width:100%}.cursor-pointer{cursor:pointer}.pointer-events-none{pointer-events:none}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.translate-x-20{--w-translate-x:2rem;transform:translateX(var(--w-translate-x))translateY(var(--w-translate-y))translateZ(var(--w-translate-z))rotate(var(--w-rotate))rotateX(var(--w-rotate-x))rotateY(var(--w-rotate-y))rotateZ(var(--w-rotate-z))skewX(var(--w-skew-x))skewY(var(--w-skew-y))scaleX(var(--w-scale-x))scaleY(var(--w-scale-y))scaleZ(var(--w-scale-z))}.transform-gpu{transform:translate3d(var(--w-translate-x),var(--w-translate-y),var(--w-translate-z))rotate(var(--w-rotate))rotateX(var(--w-rotate-x))rotateY(var(--w-rotate-y))rotateZ(var(--w-rotate-z))skewX(var(--w-skew-x))skewY(var(--w-skew-y))scaleX(var(--w-scale-x))scaleY(var(--w-scale-y))scaleZ(var(--w-scale-z))}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}`;var Ie={base:"block relative h-24 w-44 cursor-pointer group focusable rounded-full",disabled:"pointer-events-none",track:"absolute top-0 left-0 h-full w-full rounded-full transition-colors",trackActive:"s-bg-primary group-hover:s-bg-primary-hover",trackInactive:"bg-[--w-color-switch-track-background] group-hover:bg-[--w-color-switch-track-background-hover]",trackDisabled:"s-bg-disabled-subtle",handle:"absolute transform-gpu h-16 w-16 top-4 left-4 rounded-full transition-transform",handleSelected:"translate-x-20",handleNotDisabled:"s-bg shadow-s",handleDisabled:"s-bg-disabled",a11y:"sr-only"},Lt=class extends Ym{constructor(){super(...arguments);this.value=!1;this.disabled=!1}get _baseClasses(){return k([Ie.base,this.disabled&&Ie.disabled])}get _trackClasses(){return k([Ie.track,this.disabled&&Ie.trackDisabled,!this.disabled&&(this.value?Ie.trackActive:Ie.trackInactive)])}get _handleClasses(){return k([Ie.handle,this.value&&Ie.handleSelected,this.disabled?Ie.handleDisabled:Ie.handleNotDisabled])}_handleClick(){this.disabled||(this.value=!this.value,this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value},bubbles:!0,composed:!0})))}render(){return Qm`
|
|
3301
|
-
<div>
|
|
3302
|
-
<button
|
|
3303
|
-
type="button"
|
|
3304
|
-
role="switch"
|
|
3305
|
-
aria-checked=${this.value}
|
|
3306
|
-
class=${this._baseClasses}
|
|
3307
|
-
aria-disabled=${this.disabled}
|
|
3308
|
-
?disabled=${this.disabled}
|
|
3309
|
-
@click=${this._handleClick}>
|
|
3310
|
-
<span data-testid="track" class=${this._trackClasses}></span>
|
|
3311
|
-
<span data-testid="handle" class=${this._handleClasses}></span>
|
|
3312
|
-
</button>
|
|
3313
|
-
</div>
|
|
3314
|
-
`}};Lt.styles=[O,Ls],s([Os({type:Boolean,reflect:!0})],Lt.prototype,"value",2),s([Os({type:Boolean,reflect:!0})],Lt.prototype,"disabled",2);customElements.get("w-switch")||customElements.define("w-switch",Lt);import{LitElement as Zm,html as Fo}from"lit";import Km from"@warp-ds/elements-core";import{property as K}from"lit/decorators.js";import{ifDefined as Ee}from"lit/directives/if-defined.js";import{css as Xm}from"lit";var Ts=Xm`*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.focus\\:\\[--w-outline-offset\\:-2px\\]:focus{--w-outline-offset:-2px}.bg-transparent{background-color:#0000}.border-1{border-width:1px}.rounded-4{border-radius:4px}.caret-current{caret-color:currentColor}.block{display:block}.focusable:focus{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:focus-visible{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:not(:focus-visible){outline:none}.outline-\\[--w-s-color-border-negative\\]\\!{outline-color:var(--w-s-color-border-negative)!important}.relative{position:relative}.static{position:static}.s-bg{background-color:var(--w-s-color-background)}.s-bg-disabled-subtle{background-color:var(--w-s-color-background-disabled-subtle)}.s-text{color:var(--w-s-color-text)}.s-text-disabled{color:var(--w-s-color-text-disabled)}.s-text-negative{color:var(--w-s-color-text-negative)}.s-text-subtle{color:var(--w-s-color-text-subtle)}.placeholder\\:s-text-placeholder::placeholder{color:var(--w-s-color-text-placeholder)}.s-border{border-color:var(--w-s-color-border)}.s-border-disabled{border-color:var(--w-s-color-border-disabled)}.s-border-negative{border-color:var(--w-s-color-border-negative)}.hover\\:s-border-hover:hover{border-color:var(--w-s-color-border-hover)}.hover\\:s-border-negative-hover:hover{border-color:var(--w-s-color-border-negative-hover)}.active\\:s-border-selected:active{border-color:var(--w-s-color-border-selected)}.w-full{width:100%}.min-h-\\[42\\]{min-height:4.2rem}.mb-0{margin-bottom:0}.mt-4{margin-top:.4rem}.px-8{padding-left:.8rem;padding-right:.8rem}.py-12{padding-top:1.2rem;padding-bottom:1.2rem}.pb-4{padding-bottom:.4rem}.pl-0{padding-left:0}.pl-8{padding-left:.8rem}.pr-40{padding-right:4rem}.pl-\\[var\\(--w-prefix-width\\,_40px\\)\\]{padding-left:var(--w-prefix-width,40px)}.cursor-pointer{cursor:pointer}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:grayscale}.font-bold{font-weight:700}.font-normal{font-weight:400}.pointer-events-none{pointer-events:none}.text-m{font-size:var(--w-font-size-m);line-height:var(--w-line-height-m)}.text-s{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s)}.text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs)}.leading-m{line-height:var(--w-line-height-m)}@media (min-width:480px){.sm\\:min-h-\\[45\\]{min-height:4.5rem}}`;var rt={wrapper:"relative",base:"block text-m leading-m mb-0 px-8 py-12 rounded-4 w-full focusable focus:[--w-outline-offset:-2px] caret-current",default:"border-1 s-text s-bg s-border hover:s-border-hover active:s-border-selected",disabled:"border-1 s-text-disabled s-bg-disabled-subtle s-border-disabled pointer-events-none",invalid:"border-1 s-text-negative s-bg s-border-negative hover:s-border-negative-hover outline-[--w-s-color-border-negative]!",readOnly:"pl-0 bg-transparent pointer-events-none",placeholder:"placeholder:s-text-placeholder",suffix:"pr-40",prefix:"pl-[var(--w-prefix-width,_40px)]",textArea:"min-h-[42] sm:min-h-[45]"},Gm={base:"antialiased block relative text-s font-bold pb-4 cursor-pointer s-text",optional:"pl-8 font-normal text-s s-text-subtle"},Ho={base:"text-xs mt-4 block",color:"s-text-subtle",colorInvalid:"s-text-negative"},I=class extends Ge(Zm){constructor(){super(...arguments);this.type="text";this._hasPrefix=!1;this._hasSuffix=!1}updated(r){r.has("value")&&this.setValue(this.value)}get _inputstyles(){return k([rt.base,this._hasSuffix&&rt.suffix,this._hasPrefix&&rt.prefix,!this.invalid&&!this.disabled&&!this.readOnly&&rt.default,this.invalid&&!this.disabled&&!this.readOnly&&rt.invalid,!this.invalid&&this.disabled&&!this.readOnly&&rt.disabled,!this.invalid&&!this.disabled&&this.readOnly&&rt.readOnly])}get _helptextstyles(){return k([Ho.base,this.invalid?Ho.colorInvalid:Ho.color])}get _label(){if(this.label)return Fo`<label for="${this._id}" class=${Gm.base}>${this.label}</label>`}get _helpId(){if(this.helpText)return`${this._id}__hint`}get _id(){return"textfield"}get _error(){if(this.invalid&&this._helpId)return this._helpId}handler(r){let{name:o,value:i}=r.currentTarget;this.setValue(i);let a=new CustomEvent(r.type,{detail:{name:o,value:i,target:r.target}});this.dispatchEvent(a)}prefixSlotChange(){this.renderRoot.querySelector("slot[name=prefix]").assignedElements().length&&(this._hasPrefix=!0)}suffixSlotChange(){this.renderRoot.querySelector("slot[name=suffix]").assignedElements().length&&(this._hasSuffix=!0)}render(){return Fo`
|
|
3315
|
-
${this._label}
|
|
3316
|
-
<div class="${rt.wrapper}">
|
|
3317
|
-
<slot @slotchange="${this.prefixSlotChange}" name="prefix"></slot>
|
|
3318
|
-
<input
|
|
3319
|
-
class="${this._inputstyles}"
|
|
3320
|
-
type="${this.type}"
|
|
3321
|
-
min="${Ee(this.min)}"
|
|
3322
|
-
max="${Ee(this.max)}"
|
|
3323
|
-
size="${Ee(this.size)}"
|
|
3324
|
-
minlength="${Ee(this.minLength)}"
|
|
3325
|
-
maxlength="${Ee(this.maxLength)}"
|
|
3326
|
-
name="${Ee(this.name)}"
|
|
3327
|
-
pattern="${Ee(this.pattern)}"
|
|
3328
|
-
placeholder="${Ee(this.placeholder)}"
|
|
3329
|
-
value="${Ee(this.value)}"
|
|
3330
|
-
aria-describedby="${Ee(this._helpId)}"
|
|
3331
|
-
aria-errormessage="${Ee(this._error)}"
|
|
3332
|
-
aria-invalid="${Ee(this.invalid)}"
|
|
3333
|
-
id="${this._id}"
|
|
3334
|
-
?disabled="${this.disabled}"
|
|
3335
|
-
?readonly="${this.readOnly}"
|
|
3336
|
-
?required="${this.required}"
|
|
3337
|
-
@blur="${this.handler}"
|
|
3338
|
-
@change="${this.handler}"
|
|
3339
|
-
@focus="${this.handler}" />
|
|
3340
|
-
<slot @slotchange="${this.suffixSlotChange}" name="suffix"></slot>
|
|
3341
|
-
</div>
|
|
3342
|
-
${this.helpText&&Fo`<div class="${this._helptextstyles}" id="${this._helpId}">${this.helpText}</div>`}
|
|
3343
|
-
`}};I.shadowRootOptions={...Km.shadowRootOptions,delegatesFocus:!0},I.styles=[O,Ts],s([K({type:Boolean,reflect:!0})],I.prototype,"disabled",2),s([K({type:Boolean,reflect:!0})],I.prototype,"invalid",2),s([K({type:String,reflect:!0})],I.prototype,"id",2),s([K({type:String,reflect:!0})],I.prototype,"label",2),s([K({type:String,reflect:!0,attribute:"help-text"})],I.prototype,"helpText",2),s([K({type:String,reflect:!0})],I.prototype,"size",2),s([K({type:Number,reflect:!0})],I.prototype,"max",2),s([K({type:Number,reflect:!0})],I.prototype,"min",2),s([K({type:Number,reflect:!0,attribute:"min-length"})],I.prototype,"minLength",2),s([K({type:Number,reflect:!0,attribute:"max-length"})],I.prototype,"maxLength",2),s([K({type:String,reflect:!0})],I.prototype,"pattern",2),s([K({type:String,reflect:!0})],I.prototype,"placeholder",2),s([K({type:Boolean,reflect:!0,attribute:"read-only"})],I.prototype,"readOnly",2),s([K({type:Boolean,reflect:!0})],I.prototype,"required",2),s([K({type:String,reflect:!0})],I.prototype,"type",2),s([K({type:String,reflect:!0})],I.prototype,"value",2),s([K({type:String,reflect:!0})],I.prototype,"name",2),s([K({type:Boolean})],I.prototype,"_hasPrefix",2),s([K({type:Boolean})],I.prototype,"_hasSuffix",2);customElements.get("w-textfield")||customElements.define("w-textfield",I);var jr=typeof window!="undefined";function Uk(t,e){if(!jr)return;let r=customElements.get("w-toast-container").init(),o={id:Date.now().toString(36)+Math.random().toString(36).slice(2,5),text:t,duration:5e3,type:"success",...e};return r.set(o),o}function Jk(t){return jr?customElements.get("w-toast-container").init().del(t):void 0}function Qk(t,e){if(!jr)return;let r=customElements.get("w-toast-container").init();return r.set({...r.get(t),...e}),r.get(t)}import{css as Wm,html as Ns}from"lit";import Ms from"@warp-ds/elements-core";import{repeat as eh}from"lit/directives/repeat.js";var Zt=class extends Ms{constructor(){super(),this._toasts=new Map}connectedCallback(){super.connectedCallback(),this._interval=setInterval(()=>{let e=[],r=[];for(let i of this._toasts)Date.now()<=i[1].duration?e.push(i):r.push(i);let o=[];for(let[i]of r){let a=this.renderRoot.querySelector(`#${i}`);o.push(a.collapse())}Promise.all(o).then(()=>{e.length!==this._toasts.size&&(this._toasts=new Map(e))})},500)}disconnectedCallback(){super.disconnectedCallback(),this._interval&&clearTimeout(this._interval)}static init(){let e=document.querySelector("w-toast-container");return e||(e=document.createElement("w-toast-container"),document.body.appendChild(e)),e}get _toastsArray(){return Array.from(this._toasts).map(([,e])=>e)}get(e){if(!e)throw new Error('undefined "id" given when attempting to retrieve toast');if(typeof e!="string"&&!Number.isInteger(e))throw new Error('"id" must be number or string when attempting to retrieve toast');return this._toasts.get(e)}set(e){if(!e.id)throw new Error('invalid or undefined "id" on toast object');let r=this._toasts.set(e.id,{...e,duration:Date.now()+(e.duration||5e3)});return this._toasts=new Map(Array.from(this._toasts)),r}async del(e){if(!e)throw new Error('undefined "id" given when attempting to retrieve toast');if(typeof e!="string"&&!Number.isInteger(e))throw new Error('"id" must be number or string when attempting to retrieve toast');let r=this.renderRoot.querySelector(`#${e}`);if(!this._toasts.has(e))return!1;await r.collapse();let o=this._toasts.delete(e);return this._toasts=new Map(Array.from(this._toasts)),o}render(){return Ns`
|
|
3344
|
-
<aside class="${Sr.wrapper}">
|
|
3345
|
-
<div class="${Sr.base}" id="w-toast-container-list">
|
|
3346
|
-
${eh(this._toastsArray,e=>e.id,e=>Ns` <w-toast
|
|
3347
|
-
class="${Sr.content}"
|
|
3348
|
-
id="${e.id}"
|
|
3349
|
-
type="${e.type}"
|
|
3350
|
-
text="${e.text}"
|
|
3351
|
-
?canclose=${e.canclose}
|
|
3352
|
-
@close=${()=>this.del(e.id)}>
|
|
3353
|
-
</w-toast>`)}
|
|
3354
|
-
</div>
|
|
3355
|
-
</aside>
|
|
3356
|
-
`}};Y(Zt,"styles",[Ms.styles,Wm`
|
|
3357
|
-
:host {
|
|
3358
|
-
display: block;
|
|
3359
|
-
}
|
|
3360
|
-
`]),Y(Zt,"properties",{_toasts:{state:!0}});customElements.get("w-toast-container")||customElements.define("w-toast-container",Zt);import{css as oh,html as Ot}from"lit";import Fs from"@warp-ds/elements-core";var jo=typeof window!="undefined",zs=!0;if(jo){let t=window.matchMedia("(prefers-reduced-motion: reduce)"),e=({matches:r})=>zs=!r;t.addEventListener&&t.addEventListener("change",e),e(t)}var As=t=>{t.style.transition=null,t.style.backfaceVisibility=null,t.style.overflow=null},Ds=t=>{let e=zs?"var(--f-expansion-duration, 0.3s)":"0.01s";t.style.transition=`height ${e}`,t.style.backfaceVisibility="hidden",t.style.overflow="hidden"},th=(t,e)=>()=>{t.style.height="auto",t.style.overflow=null,e&&e()},rh=t=>()=>{t&&t()},qr=(t,e)=>{let r=(()=>{if(!e)return new Promise(a=>{e=a})})(),o=th(t,e);As(t),t.style.height="auto";let i=t.scrollHeight;if(jo&&requestAnimationFrame(()=>{t.addEventListener("transitionend",o,{once:!0}),t.style.height="0px",t.style.transitionTimingFunction="ease-out",Ds(t),requestAnimationFrame(()=>t.style.height=i+"px")}),r)return r},Ur=(t,e)=>{let r=(()=>{if(!e)return new Promise(a=>{e=a})})(),o=rh(e);As(t);let i=t.scrollHeight;if(jo&&requestAnimationFrame(()=>{t.addEventListener("transitionend",o,{once:!0}),t.style.height=i+"px",t.style.transitionTimingFunction="ease-in",Ds(t),requestAnimationFrame(()=>t.style.height="0px")}),r)return r};import{when as ih}from"lit/directives/when.js";var Bs=JSON.parse('{"toast.aria.error":["Fejl"],"toast.aria.successful":["Fuldf\xF8rt"],"toast.aria.warning":["Advarsel"]}');var Ps=JSON.parse('{"toast.aria.error":["Error"],"toast.aria.successful":["Successful"],"toast.aria.warning":["Warning"]}');var Rs=JSON.parse('{"toast.aria.error":["Virhe"],"toast.aria.successful":["Onnistui"],"toast.aria.warning":["Varoitus"]}');var Vs=JSON.parse('{"toast.aria.error":["Feil"],"toast.aria.successful":["Vellykket"],"toast.aria.warning":["Advarsel"]}');var Is=JSON.parse('{"toast.aria.error":["Fel"],"toast.aria.successful":["Genomf\xF6rt"],"toast.aria.warning":["Varning"]}');var ot={success:"success",error:"error",warning:"warning"},Tt,Hs,js,Kt=class extends Fs{constructor(){super();Me(this,Tt);U(Ps,Vs,Rs,Bs,Is),this.id=Date.now().toString(36)+Math.random().toString(36).slice(2,5),this.type="success",this.text="",this.canclose=!1}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}updated(){!this._expanded&&this._wrapper&&qr(this._wrapper,()=>this._expanded=!0)}get _wrapper(){var r,o;return(o=(r=this.renderRoot)==null?void 0:r.querySelector("section"))!=null?o:null}get _warning(){return this.type===ot.warning}get _error(){return this.type===ot.error}get _role(){return this._error||this._warning?"alert":"status"}get _typeLabel(){return this._warning?c._({id:"toast.aria.warning",message:"Warning",comment:"Default screenreader message for warning in toast component"}):this._error?c._({id:"toast.aria.error",message:"Error",comment:"Default screenreader message for error in toast component"}):c._({id:"toast.aria.successful",message:"Successful",comment:"Default screenreader message for successful in toast component"})}get _iconMarkup(){return this._warning?Ot`<w-icon-warning-16></w-icon-warning-16>`:this._error?Ot`<w-icon-error-16></w-icon-error-16>`:Ot`<w-icon-success-16></w-icon-success-16>`}async collapse(){return new Promise(r=>{this._expanded&&this._wrapper?Ur(this._wrapper,r):r()})}close(){let r=new CustomEvent("close",{detail:{id:this.id},bubbles:!0,composed:!0});this.updateComplete.then(()=>this.dispatchEvent(r))}render(){return this.text?Ot` <section class="${ke.wrapper}" aria-label="${this._typeLabel}">
|
|
3361
|
-
<div class="${j(this,Tt,Hs)}">
|
|
3362
|
-
<div class="${j(this,Tt,js)}">${this._iconMarkup}</div>
|
|
3363
|
-
<div role="${this._role}" class="${ke.content}">
|
|
3364
|
-
<p>${this.text}</p>
|
|
3365
|
-
</div>
|
|
3366
|
-
${ih(this.canclose===!0,()=>Ot`
|
|
3367
|
-
<button class="${ke.close}" @click="${this.close}">
|
|
3368
|
-
<w-icon-close-16></w-icon-close-16>
|
|
3369
|
-
</button>
|
|
3370
|
-
`)}
|
|
3371
|
-
</div>
|
|
3372
|
-
</section>`:Ot``}};Tt=new WeakSet,Hs=function(){return k([ke.base,this.type===ot.success&&ke.positive,this.type===ot.warning&&ke.warning,this.type===ot.error&&ke.negative])},js=function(){return k([ke.iconBase,this.type===ot.success&&ke.iconPositive,this.type===ot.warning&&ke.iconWarning,this.type===ot.error&&ke.iconNegative])},Y(Kt,"styles",[Fs.styles,oh`
|
|
3373
|
-
:host {
|
|
3374
|
-
display: block;
|
|
3375
|
-
}
|
|
3376
|
-
`]),Y(Kt,"properties",{id:{type:String,attribute:!0,reflect:!0},type:{type:String,attribute:!0,reflect:!0},text:{type:String,attribute:!0,reflect:!0},canclose:{type:Boolean,attribute:!0,reflect:!0}});customElements.get("w-toast")||customElements.define("w-toast",Kt);import{css as ah,html as qo}from"lit";import qs from"@warp-ds/elements-core";import{ifDefined as nh}from"lit/directives/if-defined.js";var Gt=class extends qs{constructor(){super(),this.show=!1,this._mounted=!1,this._removeElement=!1}willUpdate(){this._mounted||(this._removeElement=!this.show),this.show&&this._removeElement&&(this._removeElement=!1)}updated(){if(this._wrapper){if(!this._mounted){this._mounted=!0;return}this.show&&qr(this._wrapper),!this.show&&!this._removeElement&&Ur(this._wrapper,()=>this._removeElement=!0)}}get _wrapper(){return this!=null?this:null}render(){return qo`<div aria-hidden=${nh(this.show?void 0:"true")}>${this._removeElement?qo``:qo`<slot></slot>`}</div>`}};Y(Gt,"properties",{show:{type:Boolean,reflect:!0},_removeElement:{type:Boolean,state:!0}}),Y(Gt,"styles",[qs.styles,ah`
|
|
3377
|
-
:host {
|
|
3378
|
-
display: block;
|
|
3379
|
-
}
|
|
3380
|
-
`]);customElements.get("w-expand-transition")||customElements.define("w-expand-transition",Gt);import{html as sh}from"lit";import Us from"@warp-ds/elements-core";import{unsafeHTML as lh}from"lit/directives/unsafe-html.js";var Wt=class extends Us{get _markup(){return`<h${this.level}
|
|
3381
|
-
style="margin: 0; font-weight: unset; font-size: unset; line-height: unset;"
|
|
3382
|
-
>
|
|
3383
|
-
<slot></slot>
|
|
3384
|
-
</h${this.level}>
|
|
3385
|
-
`}render(){return this.level?lh(this._markup):sh`<slot></slot>`}};Y(Wt,"properties",{level:{type:Number}}),Y(Wt,"styles",[Us.styles]);customElements.get("w-unstyled-heading")||customElements.define("w-unstyled-heading",Wt);export{Gt as ExpandTransition,jt as ModalCanCloseMixin,qt as ModalProvidesCanCloseToSlotsMixin,Wt as UnstyledHeading,Ye as WarpAffix,nt as WarpAlert,It as WarpAttention,yt as WarpBadge,Ue as WarpBox,Ht as WarpBreadcrumbs,ee as WarpButton,mt as WarpCard,et as WarpDeadToggle,le as WarpExpandable,Oe as WarpModal,Ut as WarpModalFooter,Pe as WarpModalHeader,$t as WarpPageIndicator,tt as WarpPagination,Re as WarpPill,ce as WarpSelect,bt as WarpStep,St as WarpSteps,Lt as WarpSwitch,I as WarpTextField,Kt as WarpToast,Zt as WarpToastContainer,Iu as ccBox,kt as ccBreadcrumbs,L as ccButton,De as ccCard,ae as ccExpandable,Yl as ccPrefix,Je as ccSelect,Ql as ccSuffix,rt as ccinput,be as pillStyles,Jk as removeToast,Uk as toast,Qk as updateToast};
|
|
3386
|
-
//# sourceMappingURL=index.js.map
|