@warp-ds/elements 2.11.0-next.1 → 2.11.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.
Files changed (17) hide show
  1. package/dist/custom-elements.json +3 -0
  2. package/dist/docs/modal/modal.md +1 -0
  3. package/dist/docs/modal/styling.md +1 -0
  4. package/dist/index.d.ts +4 -0
  5. package/dist/packages/modal/modal.d.ts +1 -0
  6. package/dist/packages/modal/modal.js +5 -1
  7. package/dist/packages/modal/modal.js.map +2 -2
  8. package/dist/packages/modal/modal.react.stories.d.ts +1 -1
  9. package/dist/packages/modal/react.d.ts +13 -5
  10. package/dist/packages/modal/react.js +10 -4
  11. package/dist/packages/modal/styles.js +5 -1
  12. package/dist/packages/modal-footer/react.d.ts +2 -1
  13. package/dist/packages/modal-footer/react.js +11 -5
  14. package/dist/packages/modal-header/react.js +1 -0
  15. package/dist/web-types.json +3 -2
  16. package/eik/index.js +1 -1
  17. package/package.json +1 -1
package/dist/custom-elements.json CHANGED
@@ -4670,6 +4670,9 @@
4670
4670
  {
4671
4671
  "name": "--w-c-modal-translate-distance"
4672
4672
  },
4673
+ {
4674
+ "name": "--w-c-modal-padding-bottom"
4675
+ },
4673
4676
  {
4674
4677
  "name": "--w-c-modal-width"
4675
4678
  }
package/dist/docs/modal/modal.md CHANGED
@@ -226,6 +226,7 @@ w-modal {
226
226
  - `--w-c-modal-height`
227
227
  - `--w-c-modal-max-height`
228
228
  - `--w-c-modal-min-height`
229
+ - `--w-c-modal-padding-bottom`
229
230
  - `--w-c-modal-translate-distance`
230
231
  - `--w-c-modal-width`
231
232
 
package/dist/docs/modal/styling.md CHANGED
@@ -41,6 +41,7 @@ w-modal {
41
41
  - `--w-c-modal-height`
42
42
  - `--w-c-modal-max-height`
43
43
  - `--w-c-modal-min-height`
44
+ - `--w-c-modal-padding-bottom`
44
45
  - `--w-c-modal-translate-distance`
45
46
  - `--w-c-modal-width`
46
47
 
package/dist/index.d.ts CHANGED
@@ -2970,6 +2970,7 @@ export type CustomElements = {
2970
2970
  * - `--w-c-modal-max-height`: undefined (default: `undefined`)
2971
2971
  * - `--w-c-modal-min-height`: undefined (default: `undefined`)
2972
2972
  * - `--w-c-modal-translate-distance`: undefined (default: `undefined`)
2973
+ * - `--w-c-modal-padding-bottom`: undefined (default: `undefined`)
2973
2974
  * - `--w-c-modal-width`: undefined (default: `undefined`)
2974
2975
  *
2975
2976
  * ## CSS Parts
@@ -4376,6 +4377,7 @@ export type CustomElementsSolidJs = {
4376
4377
  * - `--w-c-modal-max-height`: undefined (default: `undefined`)
4377
4378
  * - `--w-c-modal-min-height`: undefined (default: `undefined`)
4378
4379
  * - `--w-c-modal-translate-distance`: undefined (default: `undefined`)
4380
+ * - `--w-c-modal-padding-bottom`: undefined (default: `undefined`)
4379
4381
  * - `--w-c-modal-width`: undefined (default: `undefined`)
4380
4382
  *
4381
4383
  * ## CSS Parts
@@ -5045,6 +5047,8 @@ export type CustomCssProperties = {
5045
5047
  /** */
5046
5048
  "--w-c-modal-translate-distance"?: string;
5047
5049
  /** */
5050
+ "--w-c-modal-padding-bottom"?: string;
5051
+ /** */
5048
5052
  "--w-c-modal-width"?: string;
5049
5053
  /** adjusts the flex gap between actions in the footer. */
5050
5054
  "--w-c-modal-footer-gap"?: string;
package/dist/packages/modal/modal.d.ts CHANGED
@@ -23,6 +23,7 @@ declare const WarpModal_base: import("./util.js").Constructor<{
23
23
  * @cssprop --w-c-modal-max-height
24
24
  * @cssprop --w-c-modal-min-height
25
25
  * @cssprop --w-c-modal-translate-distance
26
+ * @cssprop --w-c-modal-padding-bottom
26
27
  * @cssprop --w-c-modal-width
27
28
  */
28
29
  export declare class WarpModal extends WarpModal_base {
package/dist/packages/modal/modal.js CHANGED
@@ -2460,6 +2460,10 @@ var x=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var n=(e,o,r,t
2460
2460
  var(--w-modal-min-heigh)
2461
2461
  /* --w-modal-min-height kept for backwards compat */
2462
2462
  );
2463
+ --_padding-bottom: var(
2464
+ --w-c-modal-padding-bottom,
2465
+ calc(32px + env(safe-area-inset-bottom, 0px))
2466
+ );
2463
2467
  --_translate-distance: var(
2464
2468
  --w-c-modal-translate-distance,
2465
2469
  var(--w-modal-translate-distance, 100%)
@@ -2505,7 +2509,7 @@ var x=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var n=(e,o,r,t
2505
2509
  min-height: var(--_min-height);
2506
2510
  width: var(--_width);
2507
2511
  backface-visibility: hidden;
2508
- padding-bottom: calc(32px + env(safe-area-inset-bottom, 0px));
2512
+ padding-bottom: var(--_padding-bottom);
2509
2513
  transition-property: all;
2510
2514
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2511
2515
  transition-duration: 150ms;
package/dist/packages/modal/modal.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../packages/modal/modal.ts", "../../../node_modules/.pnpm/scroll-doctor@2.0.2/node_modules/scroll-doctor/dist/scroll-doctor.js", "../../../packages/styles.ts", "../../../packages/modal/styles.ts", "../../../packages/modal/util.ts"],
4
- "sourcesContent": ["import { html, LitElement } from \"lit\";\nimport { property, query } from \"lit/decorators.js\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport {\n\tsetup as setupScrollLock,\n\tteardown as teardownScrollLock,\n} from \"scroll-doctor\";\nimport { reset } from \"../styles.js\";\nimport { styles } from \"./styles.js\";\nimport { ProvidesCanCloseToSlotsMixin } from \"./util.js\";\n\n/**\n * Modals (or dialogs) display important information that users need to acknowledge.\n *\n * [Warp component reference](https://warp-ds.github.io/docs/components/modal/frameworks/elements)\n *\n * @slot header - Typically where you would use the `w-modal-header` component.\n * @slot content - The main content of the modal.\n * @slot footer - Typically where you would use the `w-modal-footer` component, for things like actions.\n *\n * @csspart dialog - the root element inside the component (`<dialog>` element).\n * @csspart wrapper - container for all elements, direct child of `<dialog>`.\n * @csspart content - the container for the `content` slot items (children).\n *\n * @cssprop --w-c-modal-backdrop-color\n * @cssprop --w-c-modal-bg\n * @cssprop --w-c-modal-box-shadow\n * @cssprop --w-c-modal-color\n * @cssprop --w-c-modal-height\n * @cssprop --w-c-modal-max-height\n * @cssprop --w-c-modal-min-height\n * @cssprop --w-c-modal-translate-distance\n * @cssprop --w-c-modal-width\n */\nexport class WarpModal extends ProvidesCanCloseToSlotsMixin(LitElement) {\n\tstatic styles = [reset, styles];\n\n\t/**\n\t * Controls if the modal should show or hide.\n\t *\n\t * You can also call the `open()` and `close()` methods.\n\t */\n\t@property({ type: Boolean })\n\tshow = false;\n\n\t/** @deprecated This ID has no effect */\n\t@property({ type: String, attribute: \"content-id\" })\n\tcontentId: string | undefined;\n\n\t/**\n\t * Ignores clicks to the backdrop when set\n\t */\n\t@property({ type: Boolean, attribute: \"ignore-backdrop-clicks\" })\n\tignoreBackdropClicks = false;\n\n\t@query('[part=\"dialog\"]')\n\tprivate dialogEl!: HTMLDialogElement;\n\n\t@query('[part=\"wrapper\"]')\n\tprivate dialogInnerEl!: HTMLElement;\n\n\t@query('[part=\"content\"]')\n\tprivate contentEl!: HTMLElement;\n\n\tprivate _isClosing = false;\n\n\tconstructor() {\n\t\tsuper();\n\t\tthis.interceptEscape = this.interceptEscape.bind(this);\n\t\tthis.closeOnBackdropClick = this.closeOnBackdropClick.bind(this);\n\t\tthis.eventPreventer = this.eventPreventer.bind(this);\n\t\tthis.modifyBorderRadius = this.modifyBorderRadius.bind(this);\n\t}\n\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback();\n\n\t\tthis.addEventListener(\"command\", (event: Event) => {\n\t\t\tconst command = (event as unknown as { command: string }).command;\n\t\t\tif (command === \"--show-modal\") {\n\t\t\t\tthis.open();\n\t\t\t} else if (command === \"--close\" || command === \"--confirm\") {\n\t\t\t\t// No difference for us, but the user can listen for the same event and treat it differently\n\t\t\t\tthis.close();\n\t\t\t}\n\t\t});\n\t}\n\n\tasync open() {\n\t\t// Cancel any pending close animation/state to prevent spurious 'hidden' events\n\t\tthis._isClosing = false;\n\t\tthis.dialogEl.classList.remove(\"close\");\n\n\t\tthis.dialogEl.showModal();\n\t\tthis.handleListeners();\n\t\tsetupScrollLock(this.contentEl);\n\t\tawait this.updateComplete;\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent(\"shown\", { bubbles: true, composed: true }),\n\t\t);\n\t}\n\n\tclose() {\n\t\tif (!this.dialogEl?.open) return;\n\t\tthis._isClosing = true;\n\t\tthis.handleListeners(\"removeEventListener\");\n\t\tthis.dialogEl.classList.add(\"close\");\n\t\tthis.dialogEl.addEventListener(\n\t\t\t\"animationend\",\n\t\t\tasync (event: AnimationEvent) => {\n\t\t\t\t// Only handle our modal's close animation, ignore backdrop animations\n\t\t\t\tif (event.animationName !== \"w-modal-out\") return;\n\t\t\t\t// If close was cancelled (e.g. modal was reopened), don't proceed\n\t\t\t\tif (!this._isClosing) return;\n\t\t\t\tthis.dialogEl.classList.remove(\"close\");\n\t\t\t\tthis.dialogEl.close();\n\t\t\t\tthis._isClosing = false;\n\t\t\t\tteardownScrollLock();\n\t\t\t\tthis.show = false;\n\t\t\t\tawait this.updateComplete;\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent(\"hidden\", { bubbles: true, composed: true }),\n\t\t\t\t);\n\t\t\t},\n\t\t\t{ once: true },\n\t\t);\n\t}\n\n\tupdated(changedProperties: Map<string, unknown>) {\n\t\tif (!changedProperties.has(\"show\")) return;\n\n\t\tconst prev = changedProperties.get(\"show\");\n\n\t\t// skip first render when default false initializes\n\t\tif (prev === undefined && this.show === false) return;\n\n\t\tthis[this.show ? \"open\" : \"close\"]();\n\t}\n\n\tprivate handleListeners(verb = \"addEventListener\") {\n\t\t// HACK: escape normally fires 'cancel' but 'cancel' can only be intercepted once (browser bug/quirk)\n\t\t// @ts-expect-error It's fine, everything's fine\n\t\tdocument[verb](\"keydown\", this.interceptEscape);\n\t\t// Using 'mousedown' instead of 'click' because mouse-up events on the backdrop also trigger 'click'\n\t\tif (!this.ignoreBackdropClicks)\n\t\t\t// @ts-expect-error It's fine, everything's fine\n\t\t\tthis.dialogEl[verb](\"mousedown\", this.closeOnBackdropClick);\n\t\t// HACK: 'close' fires once the dialog is closed, thus it's cannot animate\n\t\t// @ts-expect-error It's fine, everything's fine\n\t\tthis.dialogEl[verb](\"close\", this.eventPreventer);\n\t\t// HACK: this might not be needed since escape is intercepted, but better to be safe\n\t\t// @ts-expect-error It's fine, everything's fine\n\t\tthis.dialogEl[verb](\"cancel\", this.eventPreventer);\n\t\t// @ts-expect-error It's fine, everything's fine\n\t\tthis.dialogInnerEl[verb](\"transitionend\", this.modifyBorderRadius);\n\t}\n\n\tprivate eventPreventer(evt: Event) {\n\t\tevt.preventDefault();\n\t}\n\n\tprivate closeOnBackdropClick(evt: MouseEvent) {\n\t\tif (this.dialogEl === evt.target) this.close();\n\t}\n\n\tprivate interceptEscape(evt: KeyboardEvent) {\n\t\tif (evt.key === \"Escape\") {\n\t\t\tevt.preventDefault();\n\t\t\tthis.close();\n\t\t}\n\t}\n\n\tprivate modifyBorderRadius() {\n\t\tif (this.dialogInnerEl.scrollHeight * 1.02 > innerHeight)\n\t\t\tthis.dialogInnerEl.style.borderRadius = \"0px\";\n\t\t// @ts-expect-error It's fine\n\t\telse this.dialogInnerEl.style.borderRadius = null;\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<dialog part=\"dialog\">\n\t\t\t\t<div part=\"wrapper\">\n\t\t\t\t\t<slot name=\"header\" @slotchange=\"${this.handleSlotChange}\"></slot>\n\t\t\t\t\t<div part=\"content\" id=${ifDefined(this.contentId)}>\n\t\t\t\t\t\t<slot name=\"content\" @slotchange=\"${this.handleSlotChange}\"></slot>\n\t\t\t\t\t</div>\n\t\t\t\t\t<slot name=\"footer\" @slotchange=\"${this.handleSlotChange}\"></slot>\n\t\t\t\t</div>\n\t\t\t</dialog>\n\t\t`;\n\t}\n}\n\n/** @deprecated Exported for backwards compatibility. Use WarpModal. */\nexport const ModalMain = WarpModal;\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t\"w-modal\": WarpModal;\n\t}\n}\n\nif (!customElements.get(\"w-modal\")) {\n\tcustomElements.define(\"w-modal\", WarpModal);\n}\n", "let n = [];\nconst c = { documentElement: {}, body: {} }, i = Object.freeze({\n // html\n documentElement: {\n \"scrollbar-gutter\": \"stable\"\n },\n body: {\n overflow: \"hidden\",\n position: \"relative\",\n height: \"100%\"\n }\n}), r = (t) => {\n t.touches.length > 1 || t.preventDefault?.();\n}, h = (t) => ([e, s]) => {\n c[t][e] = document[t].style[e], document[t].style[e] = s;\n}, a = () => Object.entries(i).forEach(([t, e]) => {\n Object.entries(e).forEach(h(t));\n}), d = (t) => ([e, s]) => {\n document[t].style[e] = c[t][e];\n}, f = () => Object.entries(c).forEach(([t, e]) => {\n Object.entries(e).forEach(d(t));\n}), m = (t) => t.scrollHeight - Math.abs(t.scrollTop) === t.clientHeight;\nfunction y(t) {\n let e = -1;\n const s = (o) => {\n if (o.targetTouches.length !== 1)\n return;\n const l = o.targetTouches[0].clientY - e;\n return t.scrollTop === 0 && l > 0 || m(t) && l < 0 ? r(o) : (o.stopPropagation(), !0);\n };\n t.ontouchstart = (o) => {\n o.targetTouches.length === 1 && (e = o.targetTouches[0].clientY);\n }, t.ontouchmove = s;\n}\nfunction p(t) {\n t.ontouchstart = null, t.ontouchmove = null;\n}\nconst u = (t) => () => document[t ? \"addEventListener\" : \"removeEventListener\"](\"touchmove\", r, { passive: !1 }), b = u(!0), g = u();\nfunction E(t) {\n if (!t)\n throw Error(\"Could not run setup, an element must be provided\");\n n.some((e) => e === t) || (n.length || (a(), b()), y(t), n.push(t));\n}\nfunction T() {\n n.forEach(p), g(), f(), n = [];\n}\nexport {\n f as resetStyles,\n a as setStyles,\n E as setup,\n i as styleTargets,\n T as teardown\n};\n", "import { css } from \"lit\";\n\nexport const reset = css`\n\t*,\n\t:before,\n\t:after {\n\t\tbox-sizing: border-box;\n\t\tborder-style: solid;\n\t\tborder-width: 0;\n\t\tborder-color: var(--w-s-color-border);\n\t}\n\thtml {\n\t\tfont-size: 62.5%;\n\t}\n\tbody {\n\t\tbackground-color: var(--w-s-color-background);\n\t\tmin-height: 100%;\n\t\tmargin: 0;\n\t\toverflow-y: scroll;\n\t}\n\tbody,\n\t:host {\n\t\t-webkit-text-size-adjust: 100%;\n\t\ttab-size: 4;\n\t\t-webkit-tap-highlight-color: transparent;\n\t\tfont-family: var(--w-font-family);\n\t\tfont-size: var(--w-font-size-m);\n\t\tline-height: var(--w-line-height-m);\n\t\tcolor: var(--w-s-color-text);\n\t}\n\thr {\n\t\tcolor: inherit;\n\t\tborder-top-width: 1px;\n\t\theight: 0;\n\t}\n\tabbr:where([title]) {\n\t\t-webkit-text-decoration: underline dotted;\n\t\ttext-decoration: underline dotted;\n\t}\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6 {\n\t\tfont-size: inherit;\n\t\tfont-weight: 700;\n\t}\n\ta {\n\t\tcursor: pointer;\n\t\tcolor: var(--w-s-color-text-link);\n\t\ttext-decoration: none;\n\t}\n\ta:hover,\n\ta:focus,\n\ta:active {\n\t\ttext-decoration: underline;\n\t}\n\ta:focus-visible {\n\t\toutline: 2px solid var(--w-s-color-border-focus);\n\t\toutline-offset: 1px;\n\t}\n\tb,\n\tstrong {\n\t\tfont-weight: 700;\n\t}\n\tcode,\n\tkbd,\n\tsamp,\n\tpre {\n\t\tfont-family:\n\t\t\tui-monospace,\n\t\t\tSFMono-Regular,\n\t\t\tMenlo,\n\t\t\tMonaco,\n\t\t\tConsolas,\n\t\t\tLiberation Mono,\n\t\t\tCourier New,\n\t\t\tmonospace;\n\t\tfont-size: 1em;\n\t}\n\tsub,\n\tsup {\n\t\tvertical-align: baseline;\n\t\tfont-size: 75%;\n\t\tline-height: 0;\n\t\tposition: relative;\n\t}\n\tsub {\n\t\tbottom: -0.25em;\n\t}\n\tsup {\n\t\ttop: -0.5em;\n\t}\n\ttable {\n\t\ttext-indent: 0;\n\t\tborder-color: inherit;\n\t\tborder-collapse: collapse;\n\t}\n\tbutton,\n\tinput,\n\toptgroup,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t\tfont-size: 100%;\n\t\tfont-weight: inherit;\n\t\tline-height: inherit;\n\t\tcolor: inherit;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t}\n\tbutton,\n\tselect {\n\t\ttext-transform: none;\n\t}\n\tbutton,\n\t[type=\"button\"],\n\t[type=\"reset\"],\n\t[type=\"submit\"] {\n\t\t-webkit-appearance: button;\n\t}\n\t:-moz-focusring {\n\t\toutline: auto;\n\t}\n\t:-moz-ui-invalid {\n\t\tbox-shadow: none;\n\t}\n\tprogress {\n\t\tvertical-align: baseline;\n\t}\n\t::-webkit-inner-spin-button {\n\t\theight: auto;\n\t}\n\t::-webkit-outer-spin-button {\n\t\theight: auto;\n\t}\n\t[type=\"search\"] {\n\t\t-webkit-appearance: textfield;\n\t\toutline-offset: -2px;\n\t}\n\t::-webkit-search-decoration {\n\t\t-webkit-appearance: none;\n\t}\n\t::-webkit-file-upload-button {\n\t\t-webkit-appearance: button;\n\t\tfont: inherit;\n\t}\n\tsummary {\n\t\tdisplay: list-item;\n\t}\n\tblockquote,\n\tdl,\n\tdd,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\thr,\n\tfigure,\n\tp,\n\tpre {\n\t\tmargin: 0;\n\t}\n\tfieldset {\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t}\n\tlegend {\n\t\tpadding: 0;\n\t}\n\tol,\n\tul,\n\tmenu {\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tlist-style: none;\n\t}\n\ttextarea {\n\t\tresize: vertical;\n\t}\n\tinput::placeholder,\n\ttextarea::placeholder {\n\t\topacity: 1;\n\t\tcolor: var(--w-s-color-text-placeholder);\n\t}\n\tbutton,\n\t[role=\"button\"] {\n\t\tcursor: pointer;\n\t}\n\t:disabled {\n\t\tcursor: default;\n\t}\n\timg,\n\tsvg,\n\tvideo,\n\tcanvas,\n\taudio,\n\tiframe,\n\tembed,\n\tobject {\n\t\tvertical-align: middle;\n\t\tdisplay: block;\n\t}\n\timg,\n\tvideo {\n\t\tmax-width: 100%;\n\t\theight: auto;\n\t}\n\th1 {\n\t\tfont-size: var(--w-font-size-xxl);\n\t\tline-height: var(--w-line-height-xxl);\n\t}\n\th2 {\n\t\tfont-size: var(--w-font-size-xl);\n\t\tline-height: var(--w-line-height-xl);\n\t}\n\th3 {\n\t\tfont-size: var(--w-font-size-l);\n\t\tline-height: var(--w-line-height-l);\n\t}\n\th4 {\n\t\tfont-size: var(--w-font-size-m);\n\t\tline-height: var(--w-line-height-m);\n\t}\n\th5 {\n\t\tfont-size: var(--w-font-size-s);\n\t\tline-height: var(--w-line-height-s);\n\t}\n\tdt,\n\tdd {\n\t\tmargin: 0 16px;\n\t}\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\tul,\n\tol,\n\tdl,\n\tp,\n\tblockquote {\n\t\tmargin: 0 0 8px;\n\t}\n\t[hidden] {\n\t\tdisplay: none !important;\n\t}\n\t[tabindex=\"-1\"]:focus:not(:focus-visible) {\n\t\toutline: none;\n\t}\n\tlegend {\n\t\tfloat: left;\n\t\twidth: 100%;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tdisplay: table;\n\t}\n\tlegend + * {\n\t\tclear: both;\n\t}\n\tfieldset {\n\t\tborder: 0;\n\t\tmin-width: 0;\n\t\tmargin: 0;\n\t\tpadding: 0.01em 0 0;\n\t}\n\tbody:not(:-moz-handler-blocked) fieldset {\n\t\tdisplay: table-cell;\n\t}\n\tsvg {\n\t\tpointer-events: none;\n\t}\n`;\nimport { unsafeCSS } from \"lit\";\n\n// prettier-ignore\nexport const components = unsafeCSS(`*, :before, :after {\n --w-rotate: 0;\n --w-rotate-x: 0;\n --w-rotate-y: 0;\n --w-rotate-z: 0;\n --w-scale-x: 1;\n --w-scale-y: 1;\n --w-scale-z: 1;\n --w-skew-x: 0;\n --w-skew-y: 0;\n --w-translate-x: 0;\n --w-translate-y: 0;\n --w-translate-z: 0\n }\n\n .h4, .t4 {\n font-weight: 700;\n font-size: var(--w-font-size-m);\n line-height: var(--w-line-height-m)\n }\n\n .t3 {\n font-weight: 700;\n font-size: var(--w-font-size-l);\n line-height: var(--w-line-height-l)\n }\n\n @media (min-width: 480px) {\n .sm\\\\:h3 {\n font-weight: 700;\n font-size: var(--w-font-size-l);\n line-height: var(--w-line-height-l)\n }\n }\n\n .text-center {\n text-align: center\n }\n\n .before\\\\:text-center:before {\n text-align: center\n }\n\n .text-left {\n text-align: left\n }\n\n .text-right {\n text-align: right\n }\n\n .align-middle {\n vertical-align: middle\n }\n\n .animate-inprogress {\n background-image: linear-gradient(135deg, rgba(0, 0, 0, .05) 25%, transparent 0, transparent 50%, rgba(0, 0, 0, .05) 0, rgba(0, 0, 0, .05) 75%, transparent 0, transparent) !important;\n background-size: 30px 30px;\n animation: animate-inprogress 3s linear infinite\n }\n\n @keyframes animate-inprogress {\n 0% {\n background-position: 0 0\n }\n to {\n background-position: 60px 0\n }\n }\n\n .\\\\[--w-modal-max-height\\\\:80\\\\%\\\\] {\n --w-modal-max-height: 80%\n }\n\n .\\\\[--w-modal-width\\\\:640px\\\\] {\n --w-modal-width: 640px\n }\n\n .focus\\\\:\\\\[--w-outline-offset\\\\:-2px\\\\]:focus {\n --w-outline-offset: -2px\n }\n\n .backdrop-blur {\n -webkit-backdrop-filter: blur(4px);\n backdrop-filter: blur(4px)\n }\n\n .peer:checked ~ .peer-checked\\\\:before\\\\:bg-center:before {\n background-position: center\n }\n\n .hover\\\\:bg-clip-padding:hover {\n -webkit-background-clip: padding-box;\n background-clip: padding-box\n }\n\n .bg-transparent, .group\\\\/steph:first-child .group-first\\\\/steph\\\\:bg-transparent, .group\\\\/steph:last-child .group-last\\\\/steph\\\\:bg-transparent {\n background-color: transparent\n }\n\n .bg-\\\\[--w-black\\\\/25\\\\] {\n background-color: rgba(var(--w-rgb-black), .25)\n }\n\n .bg-\\\\[--w-black\\\\/70\\\\], .bg-\\\\[var\\\\(--w-black\\\\)\\\\/70\\\\] {\n background-color: rgba(var(--w-rgb-black), .7)\n }\n\n .bg-\\\\[--w-color-badge-info-background\\\\] {\n background-color: var(--w-color-badge-info-background)\n }\n\n .bg-\\\\[--w-color-badge-negative-background\\\\] {\n background-color: var(--w-color-badge-negative-background)\n }\n\n .bg-\\\\[--w-color-badge-neutral-background\\\\] {\n background-color: var(--w-color-badge-neutral-background)\n }\n\n .bg-\\\\[--w-color-badge-positive-background\\\\] {\n background-color: var(--w-color-badge-positive-background)\n }\n\n .bg-\\\\[--w-color-badge-sponsored-background\\\\] {\n background-color: var(--w-color-badge-sponsored-background)\n }\n\n .bg-\\\\[--w-color-badge-warning-background\\\\] {\n background-color: var(--w-color-badge-warning-background)\n }\n\n .bg-\\\\[--w-color-button-primary-background\\\\] {\n background-color: var(--w-color-button-primary-background)\n }\n\n .bg-\\\\[--w-color-buttongroup-utility-background-selected\\\\] {\n background-color: var(--w-color-buttongroup-utility-background-selected)\n }\n\n .bg-\\\\[--w-color-callout-background\\\\] {\n background-color: var(--w-color-callout-background)\n }\n\n .bg-\\\\[--w-color-pill-suggestion-background\\\\] {\n background-color: var(--w-color-pill-suggestion-background)\n }\n\n .bg-\\\\[--w-color-switch-track-background\\\\] {\n background-color: var(--w-color-switch-track-background)\n }\n\n .bg-\\\\[--w-s-color-surface-elevated-100\\\\] {\n background-color: var(--w-s-color-surface-elevated-100)\n }\n\n .bg-\\\\[--w-s-color-surface-elevated-300\\\\] {\n background-color: var(--w-s-color-surface-elevated-300)\n }\n\n .bg-\\\\[--w-s-icon-selected\\\\] {\n background-color: var(--w-s-icon-selected)\n }\n\n .group:hover .group-hover\\\\:bg-\\\\[--w-color-switch-track-background-hover\\\\] {\n background-color: var(--w-color-switch-track-background-hover)\n }\n\n .hover\\\\:bg-\\\\[--w-color-button-pill-background-hover\\\\]:hover {\n background-color: var(--w-color-button-pill-background-hover)\n }\n\n .hover\\\\:bg-\\\\[--w-color-button-primary-background-hover\\\\]:hover {\n background-color: var(--w-color-button-primary-background-hover)\n }\n\n .hover\\\\:bg-\\\\[--w-color-buttongroup-utility-background-hover\\\\]:hover {\n background-color: var(--w-color-buttongroup-utility-background-hover)\n }\n\n .hover\\\\:bg-\\\\[--w-color-pill-suggestion-background-hover\\\\]:hover {\n background-color: var(--w-color-pill-suggestion-background-hover)\n }\n\n .hover\\\\:bg-\\\\[--w-s-icon-subtle\\\\]:hover {\n background-color: var(--w-s-icon-subtle)\n }\n\n .hover\\\\:bg-\\\\[var\\\\(--w-black\\\\)\\\\/85\\\\]:hover {\n background-color: rgba(var(--w-rgb-black), .85)\n }\n\n .active\\\\:bg-\\\\[--w-color-button-pill-background-active\\\\]:active {\n background-color: var(--w-color-button-pill-background-active)\n }\n\n .active\\\\:bg-\\\\[--w-color-button-primary-background-active\\\\]:active {\n background-color: var(--w-color-button-primary-background-active)\n }\n\n .active\\\\:bg-\\\\[--w-color-buttongroup-utility-background-selected\\\\]:active {\n background-color: var(--w-color-buttongroup-utility-background-selected)\n }\n\n .active\\\\:bg-\\\\[--w-color-pill-suggestion-background-active\\\\]:active {\n background-color: var(--w-color-pill-suggestion-background-active)\n }\n\n .active\\\\:bg-\\\\[var\\\\(--w-black\\\\)\\\\]:active {\n background-color: var(--w-black)\n }\n\n .peer:checked ~ .peer-checked\\\\:before\\\\:bg-\\\\[url\\\\(var\\\\(--w-icon-toggle-checked\\\\)\\\\)\\\\]:before {\n background-image: var(--w-icon-toggle-checked)\n }\n\n .appearance-none {\n -moz-appearance: none;\n appearance: none;\n -webkit-appearance: none\n }\n\n .will-change-height {\n will-change: height\n }\n\n .border, .border-1 {\n border-width: 1px\n }\n\n .border-b {\n border-bottom-width: 1px\n }\n\n .before\\\\:border:before {\n border-width: 1px\n }\n\n .border-0 {\n border-width: 0\n }\n\n .border-2 {\n border-width: 2px\n }\n\n .border-b-0 {\n border-bottom-width: 0\n }\n\n .border-b-4 {\n border-bottom-width: 4px\n }\n\n .border-l-4 {\n border-left-width: 4px\n }\n\n .border-r-0, .group:not(:last-of-type) .group-not-last-of-type\\\\:border-r-0 {\n border-right-width: 0\n }\n\n .peer:checked ~ .peer-checked\\\\:before\\\\:border-\\\\[6\\\\]:before {\n border-width: .6rem\n }\n\n .border-transparent {\n border-color: transparent\n }\n\n .border-\\\\[--w-color-buttongroup-utility-border\\\\] {\n border-color: var(--w-color-buttongroup-utility-border)\n }\n\n .border-\\\\[--w-color-callout-border\\\\] {\n border-color: var(--w-color-callout-border)\n }\n\n .border-\\\\[--w-s-color-background-inverted\\\\] {\n border-color: var(--w-s-color-background-inverted)\n }\n\n .border-\\\\[--w-s-color-surface-elevated-300\\\\] {\n border-color: var(--w-s-color-surface-elevated-300)\n }\n\n .active\\\\:border-\\\\[--w-color-buttongroup-utility-border-selected\\\\]:active {\n border-color: var(--w-color-buttongroup-utility-border-selected)\n }\n\n .divide-x > * + * {\n --w-divide-x-reverse: 0;\n border-left-width: calc(1px * calc(1 - var(--w-divide-x-reverse)));\n border-right-width: calc(1px * var(--w-divide-x-reverse))\n }\n\n .divide-y > * + * {\n --w-divide-y-reverse: 0;\n border-top-width: calc(1px * calc(1 - var(--w-divide-y-reverse)));\n border-bottom-width: calc(1px * var(--w-divide-y-reverse))\n }\n\n .rounded-4 {\n border-radius: 4px\n }\n\n .rounded-8 {\n border-radius: 8px\n }\n\n .rounded-full {\n border-radius: 9999px\n }\n\n .before\\\\:rounded-2:before {\n border-radius: 2px\n }\n\n .before\\\\:rounded-full:before {\n border-radius: 9999px\n }\n\n .rounded-b-0 {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0\n }\n\n .rounded-bl-0 {\n border-bottom-left-radius: 0\n }\n\n .rounded-br-0 {\n border-bottom-right-radius: 0\n }\n\n .rounded-l-0 {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0\n }\n\n .rounded-l-full {\n border-top-left-radius: 9999px;\n border-bottom-left-radius: 9999px\n }\n\n .rounded-r-0 {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0\n }\n\n .rounded-r-full {\n border-top-right-radius: 9999px;\n border-bottom-right-radius: 9999px\n }\n\n .rounded-tl-0 {\n border-top-left-radius: 0\n }\n\n .rounded-tl-4 {\n border-top-left-radius: 4px\n }\n\n .rounded-tr-0 {\n border-top-right-radius: 0\n }\n\n .group:first-of-type .group-first-of-type\\\\:rounded-bl-8 {\n border-bottom-left-radius: 8px\n }\n\n .group:first-of-type .group-first-of-type\\\\:rounded-tl-8 {\n border-top-left-radius: 8px\n }\n\n .first\\\\:rounded-lb-4:first-child {\n border-bottom-left-radius: 4px\n }\n\n .first\\\\:rounded-lt-4:first-child {\n border-top-left-radius: 4px\n }\n\n .first\\\\:rounded-rt-4:first-child {\n border-top-right-radius: 4px\n }\n\n .group:last-of-type .group-last-of-type\\\\:rounded-br-8 {\n border-bottom-right-radius: 8px\n }\n\n .group:last-of-type .group-last-of-type\\\\:rounded-tr-8 {\n border-top-right-radius: 8px\n }\n\n .last\\\\:rounded-lb-4:last-child {\n border-bottom-left-radius: 4px\n }\n\n .last\\\\:rounded-rb-4:last-child {\n border-bottom-right-radius: 4px\n }\n\n .last\\\\:rounded-rt-4:last-child {\n border-top-right-radius: 4px\n }\n\n .caret-current {\n caret-color: currentColor\n }\n\n .opacity-25 {\n opacity: 25%\n }\n\n .block {\n display: block\n }\n\n .before\\\\:block:before {\n display: block\n }\n\n .inline-block {\n display: inline-block\n }\n\n .inline {\n display: inline\n }\n\n .flex, .open\\\\:flex[open] {\n display: flex\n }\n\n .inline-flex {\n display: inline-flex\n }\n\n .grid {\n display: grid\n }\n\n .inline-grid {\n display: inline-grid\n }\n\n .hidden, .group\\\\/stepv:last-child .group-last\\\\/stepv\\\\:hidden {\n display: none\n }\n\n .before\\\\:hidden:before {\n display: none\n }\n\n .hover\\\\:underline:hover {\n text-decoration-line: underline\n }\n\n .focus\\\\:underline:focus {\n text-decoration-line: underline\n }\n\n .focus-visible\\\\:underline:focus-visible {\n text-decoration-line: underline\n }\n\n .active\\\\:underline:active {\n text-decoration-line: underline\n }\n\n .hover\\\\:no-underline:hover {\n text-decoration: none\n }\n\n .focus\\\\:no-underline:focus {\n text-decoration: none\n }\n\n .active\\\\:no-underline:active {\n text-decoration: none\n }\n\n .flex-1 {\n flex: 1 1 0%\n }\n\n .shrink {\n flex-shrink: 1\n }\n\n .shrink-0 {\n flex-shrink: 0\n }\n\n .shrink-0\\\\! {\n flex-shrink: 0 !important\n }\n\n .grow, .grow-1 {\n flex-grow: 1\n }\n\n .basis-auto {\n flex-basis: auto\n }\n\n .flex-col {\n flex-direction: column\n }\n\n .focus-within\\\\:focusable:focus-within {\n outline: 2px solid var(--w-s-color-border-focus);\n outline-offset: var(--w-outline-offset, 1px)\n }\n\n .focusable:focus, .focusable:focus-visible {\n outline: 2px solid var(--w-s-color-border-focus);\n outline-offset: var(--w-outline-offset, 1px)\n }\n\n .focusable:not(:focus-visible) {\n outline: none\n }\n\n .peer:focus ~ .peer-focus\\\\:focusable, .peer:focus-visible ~ .peer-focus\\\\:focusable {\n outline: 2px solid var(--w-s-color-border-focus);\n outline-offset: var(--w-outline-offset, 1px)\n }\n\n .peer:not(:focus-visible) ~ .peer-focus\\\\:focusable {\n outline: none\n }\n\n .focusable-inset {\n --w-outline-offset: -3px\n }\n\n .gap-12 {\n gap: 1.2rem\n }\n\n .gap-8 {\n gap: .8rem\n }\n\n .gap-x-16 {\n column-gap: 1.6rem\n }\n\n .gap-y-16 {\n row-gap: 1.6rem\n }\n\n .row-span-2 {\n grid-row: span 2/span 2\n }\n\n .col-span-2 {\n grid-column: span 2/span 2\n }\n\n .col-span-3 {\n grid-column: span 3/span 3\n }\n\n .row-start-1 {\n grid-row-start: 1\n }\n\n .row-start-2 {\n grid-row-start: 2\n }\n\n .col-start-2 {\n grid-column-start: 2\n }\n\n .auto-rows-auto {\n grid-auto-rows: auto\n }\n\n .grid-flow-col {\n grid-auto-flow: column\n }\n\n .grid-rows-\\\\[20px_auto\\\\] {\n grid-template-rows:20px auto\n }\n\n .grid-rows-\\\\[auto_20px\\\\] {\n grid-template-rows:auto 20px\n }\n\n .grid-cols-\\\\[1fr_20px_1fr\\\\] {\n grid-template-columns:1fr 20px 1fr\n }\n\n .grid-cols-\\\\[1fr_20px\\\\] {\n grid-template-columns:1fr 20px\n }\n\n .grid-cols-\\\\[20px_1fr\\\\] {\n grid-template-columns:20px 1fr\n }\n\n .grid-cols-\\\\[auto_1fr_auto\\\\] {\n grid-template-columns:auto 1fr auto\n }\n\n .grid-cols-1 {\n grid-template-columns:repeat(1, minmax(0, 1fr))\n }\n\n .grid-cols-2 {\n grid-template-columns:repeat(2, minmax(0, 1fr))\n }\n\n .grid-cols-3 {\n grid-template-columns:repeat(3, minmax(0, 1fr))\n }\n\n .grid-cols-4 {\n grid-template-columns:repeat(4, minmax(0, 1fr))\n }\n\n .grid-cols-5 {\n grid-template-columns:repeat(5, minmax(0, 1fr))\n }\n\n .grid-cols-6 {\n grid-template-columns:repeat(6, minmax(0, 1fr))\n }\n\n .grid-cols-7 {\n grid-template-columns:repeat(7, minmax(0, 1fr))\n }\n\n .grid-cols-8 {\n grid-template-columns:repeat(8, minmax(0, 1fr))\n }\n\n .grid-cols-9 {\n grid-template-columns:repeat(9, minmax(0, 1fr))\n }\n\n .overflow-hidden {\n overflow: hidden\n }\n\n .overflow-x-hidden {\n overflow-x: hidden\n }\n\n .overflow-y-auto {\n overflow-y: auto\n }\n\n .list-none {\n list-style-type: none\n }\n\n .outline-\\\\[--w-s-color-border-negative\\\\]\\\\! {\n outline-color: var(--w-s-color-border-negative) !important\n }\n\n .outline-none {\n outline: 2px solid transparent;\n outline-offset: 2px\n }\n\n .focus\\\\:outline-none:focus {\n outline: 2px solid transparent;\n outline-offset: 2px\n }\n\n .items-start {\n align-items: flex-start\n }\n\n .items-end {\n align-items: flex-end\n }\n\n .items-center {\n align-items: center\n }\n\n .self-center {\n align-self: center\n }\n\n .inset-0 {\n top: 0rem;\n right: 0rem;\n bottom: 0rem;\n left: 0rem\n }\n\n .-bottom-0 {\n bottom: -0rem\n }\n\n .bottom-0 {\n bottom: 0rem\n }\n\n .bottom-10 {\n bottom: 1rem\n }\n\n .bottom-16 {\n bottom: 1.6rem\n }\n\n .left-0 {\n left: 0rem\n }\n\n .left-4 {\n left: .4rem\n }\n\n .right-0 {\n right: 0rem\n }\n\n .right-8 {\n right: .8rem\n }\n\n .top-\\\\[1\\\\.92rem\\\\] {\n top: 1.92rem\n }\n\n .top-0 {\n top: 0rem\n }\n\n .top-20 {\n top: 2rem\n }\n\n .top-4 {\n top: .4rem\n }\n\n .top-8 {\n top: .8rem\n }\n\n .before\\\\:bottom-0:before {\n bottom: 0rem\n }\n\n .before\\\\:left-0:before {\n left: 0rem\n }\n\n .before\\\\:right-0:before {\n right: 0rem\n }\n\n .before\\\\:top-2:before {\n top: .2rem\n }\n\n .-bottom-\\\\[8px\\\\] {\n bottom: -8px\n }\n\n .-left-\\\\[8px\\\\] {\n left: -8px\n }\n\n .-right-\\\\[8px\\\\] {\n right: -8px\n }\n\n .-top-\\\\[8px\\\\] {\n top: -8px\n }\n\n .top-\\\\[19px\\\\] {\n top: 19px\n }\n\n .top-\\\\[30\\\\%\\\\] {\n top: 30%\n }\n\n .justify-end {\n justify-content: flex-end\n }\n\n .justify-center {\n justify-content: center\n }\n\n .justify-between {\n justify-content: space-between\n }\n\n .justify-items-center {\n justify-items: center\n }\n\n .justify-self-start {\n justify-self: start\n }\n\n .justify-self-end {\n justify-self: end\n }\n\n .justify-self-center {\n justify-self: center\n }\n\n .absolute {\n position: absolute\n }\n\n .fixed {\n position: fixed\n }\n\n .relative {\n position: relative\n }\n\n .open\\\\:fixed[open] {\n position: fixed\n }\n\n .before\\\\:absolute:before {\n position: absolute\n }\n\n .z-10, .peer:checked ~ .peer-checked\\\\:z-10 {\n z-index: 10\n }\n\n .z-30 {\n z-index: 30\n }\n\n .z-50 {\n z-index: 50\n }\n\n .hover\\\\:z-30:hover {\n z-index: 30\n }\n\n .\\\\!s-bg-selected {\n background-color: var(--w-s-color-background-selected) !important\n }\n\n .s-bg {\n background-color: var(--w-s-color-background)\n }\n\n .s-bg-disabled {\n background-color: var(--w-s-color-background-disabled)\n }\n\n .s-bg-disabled-subtle {\n background-color: var(--w-s-color-background-disabled-subtle)\n }\n\n .s-bg-info-subtle {\n background-color: var(--w-s-color-background-info-subtle)\n }\n\n .s-bg-inverted {\n background-color: var(--w-s-color-background-inverted)\n }\n\n .s-bg-negative {\n background-color: var(--w-s-color-background-negative)\n }\n\n .s-bg-negative-subtle {\n background-color: var(--w-s-color-background-negative-subtle)\n }\n\n .s-bg-positive-subtle {\n background-color: var(--w-s-color-background-positive-subtle)\n }\n\n .s-bg-primary, .peer:checked ~ .peer-checked\\\\:s-bg-primary {\n background-color: var(--w-s-color-background-primary)\n }\n\n .s-bg-selected {\n background-color: var(--w-s-color-background-selected)\n }\n\n .s-bg-subtle {\n background-color: var(--w-s-color-background-subtle)\n }\n\n .s-bg-warning-subtle {\n background-color: var(--w-s-color-background-warning-subtle)\n }\n\n .peer:checked:hover ~ .peer-checked\\\\:peer-hover\\\\:before\\\\:s-bg-negative-hover:before {\n background-color: var(--w-s-color-background-negative-hover)\n }\n\n .peer:checked:hover ~ .peer-checked\\\\:peer-hover\\\\:before\\\\:s-bg-primary-hover:before {\n background-color: var(--w-s-color-background-primary-hover)\n }\n\n .peer:checked ~ .peer-checked\\\\:before\\\\:s-bg-disabled:before {\n background-color: var(--w-s-color-background-disabled)\n }\n\n .peer:checked ~ .peer-checked\\\\:before\\\\:s-bg-negative:before {\n background-color: var(--w-s-color-background-negative)\n }\n\n .peer:checked ~ .peer-checked\\\\:before\\\\:s-bg-primary:before {\n background-color: var(--w-s-color-background-primary)\n }\n\n .peer:indeterminate ~ .peer-indeterminate\\\\:before\\\\:s-bg-disabled:before {\n background-color: var(--w-s-color-background-disabled)\n }\n\n .peer:indeterminate ~ .peer-indeterminate\\\\:before\\\\:s-bg-negative:before {\n background-color: var(--w-s-color-background-negative)\n }\n\n .peer:indeterminate ~ .peer-indeterminate\\\\:before\\\\:s-bg-primary:before {\n background-color: var(--w-s-color-background-primary)\n }\n\n .peer:indeterminate ~ .peer-indeterminate\\\\:hover\\\\:before\\\\:s-bg-negative-hover:hover:before {\n background-color: var(--w-s-color-background-negative-hover)\n }\n\n .peer:indeterminate ~ .peer-indeterminate\\\\:hover\\\\:before\\\\:s-bg-primary-hover:hover:before {\n background-color: var(--w-s-color-background-primary-hover)\n }\n\n .\\\\!hover\\\\:s-bg-selected-hover:hover {\n background-color: var(--w-s-color-background-selected-hover) !important\n }\n\n .group:hover .group-hover\\\\:s-bg-primary-hover {\n background-color: var(--w-s-color-background-primary-hover)\n }\n\n .hover\\\\:before\\\\:s-bg-hover:hover:before {\n background-color: var(--w-s-color-background-hover)\n }\n\n .hover\\\\:before\\\\:s-bg-negative-subtle-hover:hover:before {\n background-color: var(--w-s-color-background-negative-subtle-hover)\n }\n\n .hover\\\\:s-bg-hover:hover {\n background-color: var(--w-s-color-background-hover)\n }\n\n .hover\\\\:s-bg-negative-hover:hover {\n background-color: var(--w-s-color-background-negative-hover)\n }\n\n .hover\\\\:s-bg-negative-subtle-hover:hover {\n background-color: var(--w-s-color-background-negative-subtle-hover)\n }\n\n .hover\\\\:s-bg-primary-hover:hover {\n background-color: var(--w-s-color-background-primary-hover)\n }\n\n .hover\\\\:s-bg-selected-hover:hover {\n background-color: var(--w-s-color-background-selected-hover)\n }\n\n .peer:hover:not(:checked) ~ .peer-hover\\\\:peer-not-checked\\\\:s-bg-hover {\n background-color: var(--w-s-color-background-hover)\n }\n\n .peer:hover ~ .peer-hover\\\\:before\\\\:s-bg-hover:before {\n background-color: var(--w-s-color-background-hover)\n }\n\n .peer:hover ~ .peer-hover\\\\:before\\\\:s-bg-negative-subtle:before {\n background-color: var(--w-s-color-background-negative-subtle)\n }\n\n .focus\\\\:s-bg-primary-hover:focus {\n background-color: var(--w-s-color-background-primary-hover)\n }\n\n .\\\\!active\\\\:s-bg-selected-active:active {\n background-color: var(--w-s-color-background-selected-active) !important\n }\n\n .active\\\\:s-bg-active:active {\n background-color: var(--w-s-color-background-active)\n }\n\n .active\\\\:s-bg-negative-active:active {\n background-color: var(--w-s-color-background-negative-active)\n }\n\n .active\\\\:s-bg-negative-subtle-active:active {\n background-color: var(--w-s-color-background-negative-subtle-active)\n }\n\n .active\\\\:s-bg-primary-active:active {\n background-color: var(--w-s-color-background-primary-active)\n }\n\n .active\\\\:s-bg-selected-active:active {\n background-color: var(--w-s-color-background-selected-active)\n }\n\n .before\\\\:s-bg-disabled-subtle:before {\n background-color: var(--w-s-color-background-disabled-subtle)\n }\n\n .before\\\\:s-bg:before {\n background-color: var(--w-s-color-background)\n }\n\n .s-text {\n color: var(--w-s-color-text)\n }\n\n .s-text-disabled {\n color: var(--w-s-color-text-disabled)\n }\n\n .s-text-inverted, .peer:checked ~ .peer-checked\\\\:s-text-inverted {\n color: var(--w-s-color-text-inverted)\n }\n\n .s-text-inverted-static {\n color: var(--w-s-color-text-inverted-static)\n }\n\n .s-text-link {\n color: var(--w-s-color-text-link)\n }\n\n .s-text-negative {\n color: var(--w-s-color-text-negative)\n }\n\n .s-text-subtle {\n color: var(--w-s-color-text-subtle)\n }\n\n .hover\\\\:s-text-link:hover {\n color: var(--w-s-color-text-link)\n }\n\n .active\\\\:s-text:active {\n color: var(--w-s-color-text)\n }\n\n .placeholder\\\\:s-text-placeholder::placeholder {\n color: var(--w-s-color-text-placeholder)\n }\n\n .s-icon {\n color: var(--w-s-color-icon)\n }\n\n .s-icon-info {\n color: var(--w-s-color-icon-info)\n }\n\n .s-icon-inverted {\n color: var(--w-s-color-icon-inverted)\n }\n\n .s-icon-negative {\n color: var(--w-s-color-icon-negative)\n }\n\n .s-icon-positive {\n color: var(--w-s-color-icon-positive)\n }\n\n .s-icon-warning {\n color: var(--w-s-color-icon-warning)\n }\n\n .hover\\\\:s-icon-hover:hover {\n color: var(--w-s-color-icon-hover)\n }\n\n .active\\\\:s-icon-active:active {\n color: var(--w-s-color-icon-active)\n }\n\n .before\\\\:s-icon-inverted:before {\n color: var(--w-s-color-icon-inverted)\n }\n\n .s-border {\n border-color: var(--w-s-color-border)\n }\n\n .s-border-disabled {\n border-color: var(--w-s-color-border-disabled)\n }\n\n .s-border-info-subtle {\n border-color: var(--w-s-color-border-info-subtle)\n }\n\n .s-border-l-info {\n border-left-color: var(--w-s-color-border-info)\n }\n\n .s-border-l-negative {\n border-left-color: var(--w-s-color-border-negative)\n }\n\n .s-border-l-positive {\n border-left-color: var(--w-s-color-border-positive)\n }\n\n .s-border-l-warning {\n border-left-color: var(--w-s-color-border-warning)\n }\n\n .s-border-negative {\n border-color: var(--w-s-color-border-negative)\n }\n\n .s-border-negative-subtle {\n border-color: var(--w-s-color-border-negative-subtle)\n }\n\n .s-border-positive-subtle {\n border-color: var(--w-s-color-border-positive-subtle)\n }\n\n .s-border-primary, .peer:checked ~ .peer-checked\\\\:s-border-primary {\n border-color: var(--w-s-color-border-primary)\n }\n\n .s-border-selected {\n border-color: var(--w-s-color-border-selected)\n }\n\n .s-border-warning-subtle {\n border-color: var(--w-s-color-border-warning-subtle)\n }\n\n .peer:checked:hover ~ .peer-checked\\\\:peer-hover\\\\:before\\\\:s-border-negative-hover:before {\n border-color: var(--w-s-color-border-negative-hover)\n }\n\n .peer:checked:hover ~ .peer-checked\\\\:peer-hover\\\\:before\\\\:s-border-primary-hover:before {\n border-color: var(--w-s-color-border-primary-hover)\n }\n\n .peer:checked:hover ~ .peer-checked\\\\:peer-hover\\\\:before\\\\:s-border-selected-hover:before {\n border-color: var(--w-s-color-border-selected-hover)\n }\n\n .peer:checked ~ .peer-checked\\\\:before\\\\:s-border-disabled:before {\n border-color: var(--w-s-color-border-disabled)\n }\n\n .peer:checked ~ .peer-checked\\\\:before\\\\:s-border-negative:before {\n border-color: var(--w-s-color-border-negative)\n }\n\n .peer:checked ~ .peer-checked\\\\:before\\\\:s-border-primary:before {\n border-color: var(--w-s-color-border-primary)\n }\n\n .peer:checked ~ .peer-checked\\\\:before\\\\:s-border-selected:before {\n border-color: var(--w-s-color-border-selected)\n }\n\n .peer:indeterminate ~ .peer-indeterminate\\\\:before\\\\:s-border-disabled:before {\n border-color: var(--w-s-color-border-disabled)\n }\n\n .peer:indeterminate ~ .peer-indeterminate\\\\:before\\\\:s-border-negative:before {\n border-color: var(--w-s-color-border-negative)\n }\n\n .peer:indeterminate ~ .peer-indeterminate\\\\:before\\\\:s-border-primary:before {\n border-color: var(--w-s-color-border-primary)\n }\n\n .peer:indeterminate ~ .peer-indeterminate\\\\:hover\\\\:before\\\\:s-border-negative-hover:hover:before {\n border-color: var(--w-s-color-border-negative-hover)\n }\n\n .peer:indeterminate ~ .peer-indeterminate\\\\:hover\\\\:before\\\\:s-border-primary-hover:hover:before {\n border-color: var(--w-s-color-border-primary-hover)\n }\n\n .group:hover .group-hover\\\\:s-border-selected-hover {\n border-color: var(--w-s-color-border-selected-hover)\n }\n\n .hover\\\\:before\\\\:s-border-negative-hover:hover:before {\n border-color: var(--w-s-color-border-negative-hover)\n }\n\n .hover\\\\:before\\\\:s-border-primary:hover:before {\n border-color: var(--w-s-color-border-primary)\n }\n\n .hover\\\\:s-border-disabled:hover {\n border-color: var(--w-s-color-border-disabled)\n }\n\n .hover\\\\:s-border-hover:hover {\n border-color: var(--w-s-color-border-hover)\n }\n\n .hover\\\\:s-border-negative-hover:hover {\n border-color: var(--w-s-color-border-negative-hover)\n }\n\n .hover\\\\:s-border-primary-hover:hover {\n border-color: var(--w-s-color-border-primary-hover)\n }\n\n .hover\\\\:s-border-primary:hover {\n border-color: var(--w-s-color-border-primary)\n }\n\n .hover\\\\:s-border-selected-hover:hover {\n border-color: var(--w-s-color-border-selected-hover)\n }\n\n .peer:hover ~ .peer-hover\\\\:before\\\\:s-border-negative-hover:before {\n border-color: var(--w-s-color-border-negative-hover)\n }\n\n .peer:hover ~ .peer-hover\\\\:before\\\\:s-border-primary:before {\n border-color: var(--w-s-color-border-primary)\n }\n\n .focus\\\\:s-border-primary-hover:focus {\n border-color: var(--w-s-color-border-primary-hover)\n }\n\n .active\\\\:s-border-active:active {\n border-color: var(--w-s-color-border-active)\n }\n\n .active\\\\:s-border-disabled:active {\n border-color: var(--w-s-color-border-disabled)\n }\n\n .active\\\\:s-border-primary-active:active {\n border-color: var(--w-s-color-border-primary-active)\n }\n\n .active\\\\:s-border-selected-active:active {\n border-color: var(--w-s-color-border-selected-active)\n }\n\n .active\\\\:s-border-selected:active {\n border-color: var(--w-s-color-border-selected)\n }\n\n .group:active .group-active\\\\:s-border-active {\n border-color: var(--w-s-color-border-active)\n }\n\n .group:active .group-active\\\\:s-border-selected-active {\n border-color: var(--w-s-color-border-selected-active)\n }\n\n .before\\\\:s-border-disabled:before {\n border-color: var(--w-s-color-border-disabled)\n }\n\n .before\\\\:s-border-negative:before {\n border-color: var(--w-s-color-border-negative)\n }\n\n .s-surface-sunken {\n background-color: var(--w-s-color-surface-sunken)\n }\n\n .s-surface-elevated-200 {\n background-color: var(--w-s-color-surface-elevated-200);\n box-shadow: var(--w-s-shadow-surface-elevated-200)\n }\n\n .hover\\\\:s-surface-elevated-200-hover:hover {\n background-color: var(--w-s-color-surface-elevated-200-hover);\n box-shadow: var(--w-s-shadow-surface-elevated-200-hover)\n }\n\n .active\\\\:s-surface-elevated-200-active:active {\n background-color: var(--w-s-color-surface-elevated-200-active);\n box-shadow: var(--w-s-shadow-surface-elevated-200-active)\n }\n\n .drop-shadow-m {\n filter: drop-shadow(rgba(64, 64, 64, .24) 0 3px 8px) drop-shadow(rgba(64, 64, 64, .16) 0 3px 6px)\n }\n\n .shadow-m {\n box-shadow: var(--w-shadow-m)\n }\n\n .shadow-s {\n box-shadow: var(--w-shadow-s)\n }\n\n .shadow-\\\\[--w-shadow-slider\\\\] {\n box-shadow: var(--w-shadow-slider)\n }\n\n .hover\\\\:shadow-\\\\[--w-shadow-slider-handle-hover\\\\]:hover {\n box-shadow: var(--w-shadow-slider-handle-hover)\n }\n\n .focus\\\\:shadow-\\\\[--w-shadow-slider-handle-hover\\\\]:focus {\n box-shadow: var(--w-shadow-slider-handle-hover)\n }\n\n .active\\\\:shadow-\\\\[--w-shadow-slider-handle-active\\\\]:active {\n box-shadow: var(--w-shadow-slider-handle-active)\n }\n\n .h-0 {\n height: 0rem\n }\n\n .h-16 {\n height: 1.6rem\n }\n\n .h-2 {\n height: .2rem\n }\n\n .h-20 {\n height: 2rem\n }\n\n .h-24 {\n height: 2.4rem\n }\n\n .h-4 {\n height: .4rem\n }\n\n .h-44 {\n height: 4.4rem\n }\n\n .h-6 {\n height: .6rem\n }\n\n .h-8 {\n height: .8rem\n }\n\n .h-full {\n height: 100%\n }\n\n .h-unset {\n height: unset\n }\n\n .max-h-unset {\n max-height: unset\n }\n\n .max-w-full {\n max-width: 100%\n }\n\n .max-w-max {\n max-width: max-content\n }\n\n .max-w-unset {\n max-width: unset\n }\n\n .min-h-32 {\n min-height: 3.2rem\n }\n\n .min-h-40 {\n min-height: 4rem\n }\n\n .min-w-16 {\n min-width: 1.6rem\n }\n\n .min-w-32 {\n min-width: 3.2rem\n }\n\n .w-16 {\n width: 1.6rem\n }\n\n .w-2 {\n width: .2rem\n }\n\n .w-20 {\n width: 2rem\n }\n\n .w-24 {\n width: 2.4rem\n }\n\n .w-32 {\n width: 3.2rem\n }\n\n .w-40 {\n width: 4rem\n }\n\n .w-44 {\n width: 4.4rem\n }\n\n .w-8 {\n width: .8rem\n }\n\n .w-full {\n width: 100%\n }\n\n .w-max {\n width: max-content\n }\n\n .w-unset {\n width: unset\n }\n\n .before\\\\:h-20:before {\n height: 2rem\n }\n\n .before\\\\:h-full:before {\n height: 100%\n }\n\n .before\\\\:w-20:before {\n width: 2rem\n }\n\n .before\\\\:w-32:before {\n width: 3.2rem\n }\n\n .h-\\\\[--w-modal-height\\\\] {\n height: var(--w-modal-height)\n }\n\n .h-\\\\[14px\\\\] {\n height: 14px\n }\n\n .h-\\\\[16px\\\\] {\n height: 16px\n }\n\n .max-h-\\\\[--w-modal-max-height\\\\] {\n max-height: var(--w-modal-max-height)\n }\n\n .min-h-\\\\[--w-modal-min-height\\\\] {\n min-height: var(--w-modal-min-height)\n }\n\n .min-h-\\\\[32px\\\\] {\n min-height: 32px\n }\n\n .min-h-\\\\[40px\\\\] {\n min-height: 40px\n }\n\n .min-h-\\\\[42\\\\] {\n min-height: 4.2rem\n }\n\n .min-h-\\\\[44px\\\\] {\n min-height: 44px\n }\n\n .min-w-\\\\[32px\\\\] {\n min-width: 32px\n }\n\n .min-w-\\\\[40px\\\\] {\n min-width: 40px\n }\n\n .min-w-\\\\[44px\\\\] {\n min-width: 44px\n }\n\n .w-\\\\[--w-modal-width\\\\] {\n width: var(--w-modal-width)\n }\n\n .w-\\\\[14px\\\\] {\n width: 14px\n }\n\n .w-\\\\[16px\\\\] {\n width: 16px\n }\n\n .space-x-8 > :not([hidden]) ~ :not([hidden]) {\n --w-space-x-reverse: 0;\n margin-left: calc(.8rem * calc(1 - var(--w-space-x-reverse)));\n margin-right: calc(.8rem * var(--w-space-x-reverse))\n }\n\n .space-y-16 > :not([hidden]) ~ :not([hidden]) {\n --w-space-y-reverse: 0;\n margin-top: calc(1.6rem * calc(1 - var(--w-space-y-reverse)));\n margin-bottom: calc(1.6rem * var(--w-space-y-reverse))\n }\n\n .m-0 {\n margin: 0rem\n }\n\n .m-auto {\n margin: auto\n }\n\n .-mx-16 {\n margin-left: -1.6rem;\n margin-right: -1.6rem\n }\n\n .mx-0 {\n margin-left: 0rem;\n margin-right: 0rem\n }\n\n .mx-8 {\n margin-left: .8rem;\n margin-right: .8rem\n }\n\n .mx-auto {\n margin-left: auto;\n margin-right: auto\n }\n\n .-mb-1 {\n margin-bottom: -.1rem\n }\n\n .-ml-8 {\n margin-left: -.8rem\n }\n\n .-mr-1 {\n margin-right: -.1rem\n }\n\n .-mr-8 {\n margin-right: -.8rem\n }\n\n .-mt-2 {\n margin-top: -.2rem\n }\n\n .-mt-4 {\n margin-top: -.4rem\n }\n\n .last-child\\\\:mb-0 > :last-child, .mb-0 {\n margin-bottom: 0rem\n }\n\n .mb-32 {\n margin-bottom: 3.2rem\n }\n\n .ml-8 {\n margin-left: .8rem\n }\n\n .ml-auto {\n margin-left: auto\n }\n\n .mr-8 {\n margin-right: .8rem\n }\n\n .mt-16 {\n margin-top: 1.6rem\n }\n\n .mt-4 {\n margin-top: .4rem\n }\n\n .group:not(:first-child) .group-not-first\\\\:-ml-2 {\n margin-left: -.2rem\n }\n\n .last\\\\:mb-0:last-child {\n margin-bottom: 0rem\n }\n\n .last\\\\:mr-0:last-child {\n margin-right: 0rem\n }\n\n .m-\\\\[8px\\\\] {\n margin: 8px\n }\n\n .p-0 {\n padding: 0rem\n }\n\n .p-16 {\n padding: 1.6rem\n }\n\n .p-4 {\n padding: .4rem\n }\n\n .p-8 {\n padding: .8rem\n }\n\n .px-0 {\n padding-left: 0rem;\n padding-right: 0rem\n }\n\n .px-1 {\n padding-left: .1rem;\n padding-right: .1rem\n }\n\n .px-12 {\n padding-left: 1.2rem;\n padding-right: 1.2rem\n }\n\n .px-14 {\n padding-left: 1.4rem;\n padding-right: 1.4rem\n }\n\n .px-16 {\n padding-left: 1.6rem;\n padding-right: 1.6rem\n }\n\n .px-8 {\n padding-left: .8rem;\n padding-right: .8rem\n }\n\n .py-0 {\n padding-top: 0rem;\n padding-bottom: 0rem\n }\n\n .py-1 {\n padding-top: .1rem;\n padding-bottom: .1rem\n }\n\n .py-10 {\n padding-top: 1rem;\n padding-bottom: 1rem\n }\n\n .py-12 {\n padding-top: 1.2rem;\n padding-bottom: 1.2rem\n }\n\n .py-2 {\n padding-top: .2rem;\n padding-bottom: .2rem\n }\n\n .py-4 {\n padding-top: .4rem;\n padding-bottom: .4rem\n }\n\n .py-6 {\n padding-top: .6rem;\n padding-bottom: .6rem\n }\n\n .py-8 {\n padding-top: .8rem;\n padding-bottom: .8rem\n }\n\n .pb-0 {\n padding-bottom: 0rem\n }\n\n .pb-32 {\n padding-bottom: 3.2rem\n }\n\n .pb-4 {\n padding-bottom: .4rem\n }\n\n .pb-8 {\n padding-bottom: .8rem\n }\n\n .pl-0 {\n padding-left: 0rem\n }\n\n .pl-1 {\n padding-left: .1rem\n }\n\n .pl-12 {\n padding-left: 1.2rem\n }\n\n .pl-28 {\n padding-left: 2.8rem\n }\n\n .pl-4 {\n padding-left: .4rem\n }\n\n .pl-8 {\n padding-left: .8rem\n }\n\n .pr-12 {\n padding-right: 1.2rem\n }\n\n .pr-14 {\n padding-right: 1.4rem\n }\n\n .pr-2 {\n padding-right: .2rem\n }\n\n .pr-32 {\n padding-right: 3.2rem\n }\n\n .pr-40 {\n padding-right: 4rem\n }\n\n .pt-0 {\n padding-top: 0rem\n }\n\n .pt-1 {\n padding-top: .1rem\n }\n\n .pt-16 {\n padding-top: 1.6rem\n }\n\n .pt-24 {\n padding-top: 2.4rem\n }\n\n .pt-8 {\n padding-top: .8rem\n }\n\n .group\\\\/step:last-child .group-last\\\\/step\\\\:last\\\\:pb-0:last-child {\n padding-bottom: 0rem\n }\n\n .last\\\\:pb-1:last-child {\n padding-bottom: .1rem\n }\n\n .last\\\\:pr-1:last-child {\n padding-right: .1rem\n }\n\n .p-\\\\[8px\\\\] {\n padding: 8px\n }\n\n .px-\\\\[15px\\\\] {\n padding-left: 15px;\n padding-right: 15px\n }\n\n .px-\\\\[8px\\\\] {\n padding-left: 8px;\n padding-right: 8px\n }\n\n .py-\\\\[11px\\\\] {\n padding-top: 11px;\n padding-bottom: 11px\n }\n\n .py-\\\\[5px\\\\] {\n padding-top: 5px;\n padding-bottom: 5px\n }\n\n .py-\\\\[7px\\\\] {\n padding-top: 7px;\n padding-bottom: 7px\n }\n\n .pl-\\\\[var\\\\(--w-prefix-width\\\\,_40px\\\\)\\\\] {\n padding-left: var(--w-prefix-width, 40px)\n }\n\n .invisible {\n visibility: hidden\n }\n\n .backface-hidden {\n backface-visibility: hidden\n }\n\n .break-words {\n overflow-wrap: break-word\n }\n\n .before\\\\:content-\\\\[\\\\\"\u00E2\u20AC\u201C\\\\\"\\\\]:before {\n content: \"\u00E2\u20AC\u201C\"\n }\n\n .before\\\\:content-\\\\[\\\\\"\\\\\"\\\\]:before {\n content: \"\"\n }\n\n .cursor-default {\n cursor: default\n }\n\n .cursor-pointer {\n cursor: pointer\n }\n\n .antialiased {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-smoothing: grayscale\n }\n\n .font-bold {\n font-weight: 700\n }\n\n .before\\\\:font-bold:before {\n font-weight: 700\n }\n\n .font-normal {\n font-weight: 400\n }\n\n .pointer-events-auto {\n pointer-events: auto\n }\n\n .pointer-events-none {\n pointer-events: none\n }\n\n .before\\\\:pointer-events-none:before {\n pointer-events: none\n }\n\n .pb-safe-\\\\[32\\\\] {\n padding-bottom: calc(32px + env(safe-area-inset-bottom, 0px))\n }\n\n .sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0\n }\n\n .touch-pan-y {\n touch-action: pan-y\n }\n\n .select-none {\n -webkit-user-select: none;\n user-select: none\n }\n\n .translate-x-20 {\n --w-translate-x: 2rem;\n transform: translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))\n }\n\n .translate-z-0 {\n --w-translate-z: 0rem;\n transform: translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))\n }\n\n .-rotate-180, .part-\\\\[w-icon-chevron-down-16-part\\\\]\\\\:-rotate-180::part(w-icon-chevron-down-16-part) {\n --w-rotate-x: 0;\n --w-rotate-y: 0;\n --w-rotate-z: 0;\n --w-rotate: -180deg;\n transform: translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))\n }\n\n .part-\\\\[w-icon-chevron-up-16-part\\\\]\\\\:rotate-180::part(w-icon-chevron-up-16-part), .rotate-180 {\n --w-rotate-x: 0;\n --w-rotate-y: 0;\n --w-rotate-z: 0;\n --w-rotate: 180deg;\n transform: translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))\n }\n\n .rotate-90 {\n --w-rotate-x: 0;\n --w-rotate-y: 0;\n --w-rotate-z: 0;\n --w-rotate: 90deg;\n transform: translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))\n }\n\n .part-\\\\[w-icon-chevron-down-16-part\\\\]\\\\:transform::part(w-icon-chevron-down-16-part), .part-\\\\[w-icon-chevron-up-16-part\\\\]\\\\:transform::part(w-icon-chevron-up-16-part), .transform {\n transform: translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))\n }\n\n .part-\\\\[w-icon-chevron-down-16-part\\\\]\\\\:transform-gpu::part(w-icon-chevron-down-16-part), .part-\\\\[w-icon-chevron-up-16-part\\\\]\\\\:transform-gpu::part(w-icon-chevron-up-16-part), .transform-gpu {\n transform: translate3d(var(--w-translate-x), var(--w-translate-y), var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))\n }\n\n .part-\\\\[w-icon-chevron-down-16-part\\\\]\\\\:transition-transform::part(w-icon-chevron-down-16-part), .part-\\\\[w-icon-chevron-up-16-part\\\\]\\\\:transition-transform::part(w-icon-chevron-up-16-part), .transition-transform {\n transition-property: transform;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n transition-duration: .15s\n }\n\n .transition-300 {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n transition-duration: .3s\n }\n\n .transition-all {\n transition-property: all;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n transition-duration: .15s\n }\n\n .transition-colors {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n transition-duration: .15s\n }\n\n .transition-shadow {\n transition-property: box-shadow;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n transition-duration: .15s\n }\n\n .before\\\\:transition-all:before {\n transition-property: all;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n transition-duration: .15s\n }\n\n .duration-300 {\n transition-duration: .3s\n }\n\n .ease-in-out, .part-\\\\[w-icon-chevron-down-16-part\\\\]\\\\:ease-in-out::part(w-icon-chevron-down-16-part), .part-\\\\[w-icon-chevron-up-16-part\\\\]\\\\:ease-in-out::part(w-icon-chevron-up-16-part) {\n transition-timing-function: cubic-bezier(.4, 0, .2, 1)\n }\n\n .text-m {\n font-size: var(--w-font-size-m);\n line-height: var(--w-line-height-m)\n }\n\n .text-s {\n font-size: var(--w-font-size-s);\n line-height: var(--w-line-height-s)\n }\n\n .text-xs {\n font-size: var(--w-font-size-xs);\n line-height: var(--w-line-height-xs)\n }\n\n .leading-m {\n line-height: var(--w-line-height-m)\n }\n\n .before\\\\:leading-xs:before {\n line-height: var(--w-line-height-xs)\n }\n\n .leading-\\\\[24\\\\] {\n line-height: 2.4rem\n }\n\n @media (max-width: 479.9px) {\n .lt-sm\\\\:rounded-b-0 {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0\n }\n }\n @media (min-width: 480px) {\n .sm\\\\:border-b-0 {\n border-bottom-width: 0\n }\n\n .sm\\\\:rounded-8 {\n border-radius: 8px\n }\n\n .sm\\\\:rounded-b-8 {\n border-bottom-left-radius: 8px;\n border-bottom-right-radius: 8px\n }\n\n .sm\\\\:gap-16 {\n gap: 1.6rem\n }\n\n .sm\\\\:place-content-center {\n place-content: center\n }\n\n .sm\\\\:place-items-center {\n place-items: center\n }\n\n .sm\\\\:h-24 {\n height: 2.4rem\n }\n\n .sm\\\\:min-h-48 {\n min-height: 4.8rem\n }\n\n .sm\\\\:w-24 {\n width: 2.4rem\n }\n\n .sm\\\\:min-h-\\\\[32px\\\\] {\n min-height: 32px\n }\n\n .sm\\\\:min-h-\\\\[44px\\\\] {\n min-height: 44px\n }\n\n .sm\\\\:min-h-\\\\[45\\\\] {\n min-height: 4.5rem\n }\n\n .sm\\\\:min-w-\\\\[32px\\\\] {\n min-width: 32px\n }\n\n .sm\\\\:min-w-\\\\[44px\\\\] {\n min-width: 44px\n }\n\n .sm\\\\:mx-0 {\n margin-left: 0rem;\n margin-right: 0rem\n }\n\n .sm\\\\:mx-16 {\n margin-left: 1.6rem;\n margin-right: 1.6rem\n }\n\n .sm\\\\:-ml-12 {\n margin-left: -1.2rem\n }\n\n .sm\\\\:-mr-12 {\n margin-right: -1.2rem\n }\n\n .sm\\\\:-mt-8 {\n margin-top: -.8rem\n }\n\n .sm\\\\:px-32 {\n padding-left: 3.2rem;\n padding-right: 3.2rem\n }\n\n .sm\\\\:py-0 {\n padding-top: 0rem;\n padding-bottom: 0rem\n }\n\n .sm\\\\:pb-32 {\n padding-bottom: 3.2rem\n }\n\n .sm\\\\:pt-24 {\n padding-top: 2.4rem\n }\n\n .sm\\\\:pt-32 {\n padding-top: 3.2rem\n }\n }\n @media (min-width: 768px) {\n .md\\\\:block {\n display: block\n }\n\n .md\\\\:hidden {\n display: none\n }\n }\n `);\n", "import { css } from \"lit\";\n\nexport const styles = css`\n\t:host {\n\t\t--_backdrop-bg: var(\n\t\t\t--w-c-modal-backdrop-color,\n\t\t\tlight-dark(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.75))\n\t\t);\n\t\t--_background-color: var(--w-c-modal-bg, var(--w-s-color-background));\n\t\t--_box-shadow: var(--w-c-modal-box-shadow, var(--w-shadow-l));\n\t\t--_color: var(--w-c-modal-color, var(--w-s-color-text));\n\t\t--_height: var(\n\t\t\t--w-c-modal-height,\n\t\t\tvar(--w-modal-height) /* --w-modal-height kept for backwards compat */\n\t\t);\n\t\t--_max-height: var(\n\t\t\t--w-c-modal-max-height,\n\t\t\tvar(--w-modal-max-height, 80%)\n\t\t\t\t/* --w-modal-max-height kept for backwards compat */\n\t\t);\n\t\t--_min-height: var(\n\t\t\t--w-c-modal-min-height,\n\t\t\tvar(--w-modal-min-heigh)\n\t\t\t\t/* --w-modal-min-height kept for backwards compat */\n\t\t);\n\t\t--_translate-distance: var(\n\t\t\t--w-c-modal-translate-distance,\n\t\t\tvar(--w-modal-translate-distance, 100%)\n\t\t\t\t/* --w-modal-translate-distance kept for backwards compat */\n\t\t);\n\t\t--_width: var(\n\t\t\t--w-c-modal-width,\n\t\t\tvar(--w-modal-width, 640px)\n\t\t\t\t/* --w-modal-width kept for backwards compat */\n\t\t);\n\t}\n\n\t[part=\"dialog\"] {\n\t\tbackground-color: transparent;\n\t\tborder-width: 0;\n\t\talign-items: flex-end;\n\t\tinset: 0rem;\n\t\theight: unset;\n\t\tmax-height: unset;\n\t\tmax-width: unset;\n\t\twidth: unset;\n\t\tmargin: auto;\n\t\tpadding: 0rem;\n\t\tbackface-visibility: hidden;\n\t}\n\n\t[part=\"dialog\"]::backdrop {\n\t\tbackground: var(--_backdrop-bg);\n\t}\n\n\t[part=\"wrapper\"] {\n\t\twill-change: height;\n\t\tborder-radius: 8px;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\toverflow: hidden;\n\t\tposition: relative;\n\t\tbackground-color: var(--_background-color);\n\t\tcolor: var(--_color);\n\t\tbox-shadow: var(--_box-shadow);\n\t\theight: var(--_height);\n\t\tmax-height: var(--_max-height);\n\t\tmin-height: var(--_min-height);\n\t\twidth: var(--_width);\n\t\tbackface-visibility: hidden;\n\t\tpadding-bottom: calc(32px + env(safe-area-inset-bottom, 0px));\n\t\ttransition-property: all;\n\t\ttransition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\t\ttransition-duration: 150ms;\n\t\ttransition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t[part=\"content\"] {\n\t\tdisplay: block;\n\t\tflex-shrink: 1;\n\t\tflex-grow: 1;\n\t\toverflow-x: hidden;\n\t\toverflow-y: auto;\n\t\tposition: relative;\n\t\tmargin-bottom: 0rem;\n\t\tpadding-left: 1.6rem;\n\t\tpadding-right: 1.6rem;\n\t}\n\n\t@media (min-width: 480px) {\n\t\t[part=\"dialog\"] {\n\t\t\t--w-c-modal-translate-distance: 50%;\n\t\t\tplace-content: center;\n\t\t\tplace-items: center;\n\t\t}\n\t\t[part=\"wrapper\"] {\n\t\t\tmargin-left: 1.6rem;\n\t\t\tmargin-right: 1.6rem;\n\t\t\tpadding-bottom: 3.2rem;\n\t\t}\n\t\t[part=\"content\"] {\n\t\t\tpadding-left: 3.2rem;\n\t\t\tpadding-right: 3.2rem;\n\t\t}\n\t}\n\n\t@media (max-width: 479.9px) {\n\t\t[part=\"wrapper\"] {\n\t\t\tborder-bottom-left-radius: 0;\n\t\t\tborder-bottom-right-radius: 0;\n\t\t}\n\t}\n\n\t[part=\"dialog\"][open] {\n\t\tanimation: w-modal-in 0.3s ease-in-out forwards;\n\t\tdisplay: flex;\n\t\tposition: fixed;\n\t}\n\n\t[part=\"dialog\"].close {\n\t\tanimation: w-modal-out 0.3s ease-in-out forwards;\n\t}\n\n\t[part=\"dialog\"][open]::backdrop {\n\t\tanimation: backdrop-in 0.3s ease-in-out forwards;\n\t}\n\n\t[part=\"dialog\"].close::backdrop {\n\t\tanimation: backdrop-out 0.3s ease-in-out forwards;\n\t}\n\n\t/* shouldn't need two (in/out) animations declared here, but reversing is being weird */\n\t@keyframes w-modal-in {\n\t\tfrom {\n\t\t\ttransform: translateY(var(--_translate-distance));\n\t\t\topacity: 0;\n\t\t}\n\t\tto {\n\t\t\ttransform: translateY(0);\n\t\t\topacity: 1;\n\t\t}\n\t}\n\n\t@keyframes w-modal-out {\n\t\tfrom {\n\t\t\ttransform: translateY(0);\n\t\t\topacity: 1;\n\t\t}\n\t\tto {\n\t\t\ttransform: translateY(var(--_translate-distance));\n\t\t\topacity: 0;\n\t\t}\n\t}\n\n\t@keyframes backdrop-in {\n\t\tfrom {\n\t\t\tbackground: transparent;\n\t\t}\n\t\tto {\n\t\t\tbackground: var(--_backdrop-bg);\n\t\t}\n\t}\n\n\t@keyframes backdrop-out {\n\t\tfrom {\n\t\t\tbackground: var(--_backdrop-bg);\n\t\t}\n\t\tto {\n\t\t\tbackground: transparent;\n\t\t}\n\t}\n`;\n", "// eslint-disable-next-line\nexport declare type Constructor<T = Record<string, unknown>> = new (...args: any[]) => T;\n\nexport const CanCloseMixin: <TBase extends Constructor<HTMLElement>>(\n\tSuperClass: TBase,\n) => Constructor<{ close: () => void }> & TBase = (superClass) =>\n\tclass extends superClass {\n\t\tpatchClose = true;\n\t\t_close = null;\n\t\tclose() {\n\t\t\t// @ts-expect-error This should blow up so users implement the mixin\n\t\t\tthis._close();\n\t\t}\n\t};\n\nexport const ProvidesCanCloseToSlotsMixin: <\n\tTBase extends Constructor<HTMLElement>,\n>(\n\tSuperClass: TBase,\n) => Constructor<{ handleSlotChange: (evt: Event) => void }> & TBase = (\n\tsuperClass,\n) =>\n\tclass extends superClass {\n\t\t// HACK: slot-props don't seem to exist and neither does the context pattern for this\n\t\thandleSlotChange(evt: Event) {\n\t\t\t// @ts-expect-error It's fine, everything's fine\n\t\t\tconst children = evt.target.assignedNodes({ flatten: true });\n\t\t\t// @ts-expect-error It's fine, everything's fine\n\t\t\tfor (const child of children.filter((e) => e.patchClose)) {\n\t\t\t\t// @ts-expect-error users have to implement the close method\n\t\t\t\tchild._close = () => this.close();\n\t\t\t}\n\t\t}\n\t};\n"],
5
- "mappings": "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AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAqRRG,EAAaF,EAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAsnE3B,EC74ET,OAAS,OAAAG,MAAW,MAEb,IAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA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",
4
+ "sourcesContent": ["import { html, LitElement } from \"lit\";\nimport { property, query } from \"lit/decorators.js\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport {\n\tsetup as setupScrollLock,\n\tteardown as teardownScrollLock,\n} from \"scroll-doctor\";\nimport { reset } from \"../styles.js\";\nimport { styles } from \"./styles.js\";\nimport { ProvidesCanCloseToSlotsMixin } from \"./util.js\";\n\n/**\n * Modals (or dialogs) display important information that users need to acknowledge.\n *\n * [Warp component reference](https://warp-ds.github.io/docs/components/modal/frameworks/elements)\n *\n * @slot header - Typically where you would use the `w-modal-header` component.\n * @slot content - The main content of the modal.\n * @slot footer - Typically where you would use the `w-modal-footer` component, for things like actions.\n *\n * @csspart dialog - the root element inside the component (`<dialog>` element).\n * @csspart wrapper - container for all elements, direct child of `<dialog>`.\n * @csspart content - the container for the `content` slot items (children).\n *\n * @cssprop --w-c-modal-backdrop-color\n * @cssprop --w-c-modal-bg\n * @cssprop --w-c-modal-box-shadow\n * @cssprop --w-c-modal-color\n * @cssprop --w-c-modal-height\n * @cssprop --w-c-modal-max-height\n * @cssprop --w-c-modal-min-height\n * @cssprop --w-c-modal-translate-distance\n * @cssprop --w-c-modal-padding-bottom\n * @cssprop --w-c-modal-width\n */\nexport class WarpModal extends ProvidesCanCloseToSlotsMixin(LitElement) {\n\tstatic styles = [reset, styles];\n\n\t/**\n\t * Controls if the modal should show or hide.\n\t *\n\t * You can also call the `open()` and `close()` methods.\n\t */\n\t@property({ type: Boolean })\n\tshow = false;\n\n\t/** @deprecated This ID has no effect */\n\t@property({ type: String, attribute: \"content-id\" })\n\tcontentId: string | undefined;\n\n\t/**\n\t * Ignores clicks to the backdrop when set\n\t */\n\t@property({ type: Boolean, attribute: \"ignore-backdrop-clicks\" })\n\tignoreBackdropClicks = false;\n\n\t@query('[part=\"dialog\"]')\n\tprivate dialogEl!: HTMLDialogElement;\n\n\t@query('[part=\"wrapper\"]')\n\tprivate dialogInnerEl!: HTMLElement;\n\n\t@query('[part=\"content\"]')\n\tprivate contentEl!: HTMLElement;\n\n\tprivate _isClosing = false;\n\n\tconstructor() {\n\t\tsuper();\n\t\tthis.interceptEscape = this.interceptEscape.bind(this);\n\t\tthis.closeOnBackdropClick = this.closeOnBackdropClick.bind(this);\n\t\tthis.eventPreventer = this.eventPreventer.bind(this);\n\t\tthis.modifyBorderRadius = this.modifyBorderRadius.bind(this);\n\t}\n\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback();\n\n\t\tthis.addEventListener(\"command\", (event: Event) => {\n\t\t\tconst command = (event as unknown as { command: string }).command;\n\t\t\tif (command === \"--show-modal\") {\n\t\t\t\tthis.open();\n\t\t\t} else if (command === \"--close\" || command === \"--confirm\") {\n\t\t\t\t// No difference for us, but the user can listen for the same event and treat it differently\n\t\t\t\tthis.close();\n\t\t\t}\n\t\t});\n\t}\n\n\tasync open() {\n\t\t// Cancel any pending close animation/state to prevent spurious 'hidden' events\n\t\tthis._isClosing = false;\n\t\tthis.dialogEl.classList.remove(\"close\");\n\n\t\tthis.dialogEl.showModal();\n\t\tthis.handleListeners();\n\t\tsetupScrollLock(this.contentEl);\n\t\tawait this.updateComplete;\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent(\"shown\", { bubbles: true, composed: true }),\n\t\t);\n\t}\n\n\tclose() {\n\t\tif (!this.dialogEl?.open) return;\n\t\tthis._isClosing = true;\n\t\tthis.handleListeners(\"removeEventListener\");\n\t\tthis.dialogEl.classList.add(\"close\");\n\t\tthis.dialogEl.addEventListener(\n\t\t\t\"animationend\",\n\t\t\tasync (event: AnimationEvent) => {\n\t\t\t\t// Only handle our modal's close animation, ignore backdrop animations\n\t\t\t\tif (event.animationName !== \"w-modal-out\") return;\n\t\t\t\t// If close was cancelled (e.g. modal was reopened), don't proceed\n\t\t\t\tif (!this._isClosing) return;\n\t\t\t\tthis.dialogEl.classList.remove(\"close\");\n\t\t\t\tthis.dialogEl.close();\n\t\t\t\tthis._isClosing = false;\n\t\t\t\tteardownScrollLock();\n\t\t\t\tthis.show = false;\n\t\t\t\tawait this.updateComplete;\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent(\"hidden\", { bubbles: true, composed: true }),\n\t\t\t\t);\n\t\t\t},\n\t\t\t{ once: true },\n\t\t);\n\t}\n\n\tupdated(changedProperties: Map<string, unknown>) {\n\t\tif (!changedProperties.has(\"show\")) return;\n\n\t\tconst prev = changedProperties.get(\"show\");\n\n\t\t// skip first render when default false initializes\n\t\tif (prev === undefined && this.show === false) return;\n\n\t\tthis[this.show ? \"open\" : \"close\"]();\n\t}\n\n\tprivate handleListeners(verb = \"addEventListener\") {\n\t\t// HACK: escape normally fires 'cancel' but 'cancel' can only be intercepted once (browser bug/quirk)\n\t\t// @ts-expect-error It's fine, everything's fine\n\t\tdocument[verb](\"keydown\", this.interceptEscape);\n\t\t// Using 'mousedown' instead of 'click' because mouse-up events on the backdrop also trigger 'click'\n\t\tif (!this.ignoreBackdropClicks)\n\t\t\t// @ts-expect-error It's fine, everything's fine\n\t\t\tthis.dialogEl[verb](\"mousedown\", this.closeOnBackdropClick);\n\t\t// HACK: 'close' fires once the dialog is closed, thus it's cannot animate\n\t\t// @ts-expect-error It's fine, everything's fine\n\t\tthis.dialogEl[verb](\"close\", this.eventPreventer);\n\t\t// HACK: this might not be needed since escape is intercepted, but better to be safe\n\t\t// @ts-expect-error It's fine, everything's fine\n\t\tthis.dialogEl[verb](\"cancel\", this.eventPreventer);\n\t\t// @ts-expect-error It's fine, everything's fine\n\t\tthis.dialogInnerEl[verb](\"transitionend\", this.modifyBorderRadius);\n\t}\n\n\tprivate eventPreventer(evt: Event) {\n\t\tevt.preventDefault();\n\t}\n\n\tprivate closeOnBackdropClick(evt: MouseEvent) {\n\t\tif (this.dialogEl === evt.target) this.close();\n\t}\n\n\tprivate interceptEscape(evt: KeyboardEvent) {\n\t\tif (evt.key === \"Escape\") {\n\t\t\tevt.preventDefault();\n\t\t\tthis.close();\n\t\t}\n\t}\n\n\tprivate modifyBorderRadius() {\n\t\tif (this.dialogInnerEl.scrollHeight * 1.02 > innerHeight)\n\t\t\tthis.dialogInnerEl.style.borderRadius = \"0px\";\n\t\t// @ts-expect-error It's fine\n\t\telse this.dialogInnerEl.style.borderRadius = null;\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<dialog part=\"dialog\">\n\t\t\t\t<div part=\"wrapper\">\n\t\t\t\t\t<slot name=\"header\" @slotchange=\"${this.handleSlotChange}\"></slot>\n\t\t\t\t\t<div part=\"content\" id=${ifDefined(this.contentId)}>\n\t\t\t\t\t\t<slot name=\"content\" @slotchange=\"${this.handleSlotChange}\"></slot>\n\t\t\t\t\t</div>\n\t\t\t\t\t<slot name=\"footer\" @slotchange=\"${this.handleSlotChange}\"></slot>\n\t\t\t\t</div>\n\t\t\t</dialog>\n\t\t`;\n\t}\n}\n\n/** @deprecated Exported for backwards compatibility. Use WarpModal. */\nexport const ModalMain = WarpModal;\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t\"w-modal\": WarpModal;\n\t}\n}\n\nif (!customElements.get(\"w-modal\")) {\n\tcustomElements.define(\"w-modal\", WarpModal);\n}\n", "let n = [];\nconst c = { documentElement: {}, body: {} }, i = Object.freeze({\n // html\n documentElement: {\n \"scrollbar-gutter\": \"stable\"\n },\n body: {\n overflow: \"hidden\",\n position: \"relative\",\n height: \"100%\"\n }\n}), r = (t) => {\n t.touches.length > 1 || t.preventDefault?.();\n}, h = (t) => ([e, s]) => {\n c[t][e] = document[t].style[e], document[t].style[e] = s;\n}, a = () => Object.entries(i).forEach(([t, e]) => {\n Object.entries(e).forEach(h(t));\n}), d = (t) => ([e, s]) => {\n document[t].style[e] = c[t][e];\n}, f = () => Object.entries(c).forEach(([t, e]) => {\n Object.entries(e).forEach(d(t));\n}), m = (t) => t.scrollHeight - Math.abs(t.scrollTop) === t.clientHeight;\nfunction y(t) {\n let e = -1;\n const s = (o) => {\n if (o.targetTouches.length !== 1)\n return;\n const l = o.targetTouches[0].clientY - e;\n return t.scrollTop === 0 && l > 0 || m(t) && l < 0 ? r(o) : (o.stopPropagation(), !0);\n };\n t.ontouchstart = (o) => {\n o.targetTouches.length === 1 && (e = o.targetTouches[0].clientY);\n }, t.ontouchmove = s;\n}\nfunction p(t) {\n t.ontouchstart = null, t.ontouchmove = null;\n}\nconst u = (t) => () => document[t ? \"addEventListener\" : \"removeEventListener\"](\"touchmove\", r, { passive: !1 }), b = u(!0), g = u();\nfunction E(t) {\n if (!t)\n throw Error(\"Could not run setup, an element must be provided\");\n n.some((e) => e === t) || (n.length || (a(), b()), y(t), n.push(t));\n}\nfunction T() {\n n.forEach(p), g(), f(), n = [];\n}\nexport {\n f as resetStyles,\n a as setStyles,\n E as setup,\n i as styleTargets,\n T as teardown\n};\n", "import { css } from \"lit\";\n\nexport const reset = css`\n\t*,\n\t:before,\n\t:after {\n\t\tbox-sizing: border-box;\n\t\tborder-style: solid;\n\t\tborder-width: 0;\n\t\tborder-color: var(--w-s-color-border);\n\t}\n\thtml {\n\t\tfont-size: 62.5%;\n\t}\n\tbody {\n\t\tbackground-color: var(--w-s-color-background);\n\t\tmin-height: 100%;\n\t\tmargin: 0;\n\t\toverflow-y: scroll;\n\t}\n\tbody,\n\t:host {\n\t\t-webkit-text-size-adjust: 100%;\n\t\ttab-size: 4;\n\t\t-webkit-tap-highlight-color: transparent;\n\t\tfont-family: var(--w-font-family);\n\t\tfont-size: var(--w-font-size-m);\n\t\tline-height: var(--w-line-height-m);\n\t\tcolor: var(--w-s-color-text);\n\t}\n\thr {\n\t\tcolor: inherit;\n\t\tborder-top-width: 1px;\n\t\theight: 0;\n\t}\n\tabbr:where([title]) {\n\t\t-webkit-text-decoration: underline dotted;\n\t\ttext-decoration: underline dotted;\n\t}\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6 {\n\t\tfont-size: inherit;\n\t\tfont-weight: 700;\n\t}\n\ta {\n\t\tcursor: pointer;\n\t\tcolor: var(--w-s-color-text-link);\n\t\ttext-decoration: none;\n\t}\n\ta:hover,\n\ta:focus,\n\ta:active {\n\t\ttext-decoration: underline;\n\t}\n\ta:focus-visible {\n\t\toutline: 2px solid var(--w-s-color-border-focus);\n\t\toutline-offset: 1px;\n\t}\n\tb,\n\tstrong {\n\t\tfont-weight: 700;\n\t}\n\tcode,\n\tkbd,\n\tsamp,\n\tpre {\n\t\tfont-family:\n\t\t\tui-monospace,\n\t\t\tSFMono-Regular,\n\t\t\tMenlo,\n\t\t\tMonaco,\n\t\t\tConsolas,\n\t\t\tLiberation Mono,\n\t\t\tCourier New,\n\t\t\tmonospace;\n\t\tfont-size: 1em;\n\t}\n\tsub,\n\tsup {\n\t\tvertical-align: baseline;\n\t\tfont-size: 75%;\n\t\tline-height: 0;\n\t\tposition: relative;\n\t}\n\tsub {\n\t\tbottom: -0.25em;\n\t}\n\tsup {\n\t\ttop: -0.5em;\n\t}\n\ttable {\n\t\ttext-indent: 0;\n\t\tborder-color: inherit;\n\t\tborder-collapse: collapse;\n\t}\n\tbutton,\n\tinput,\n\toptgroup,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t\tfont-size: 100%;\n\t\tfont-weight: inherit;\n\t\tline-height: inherit;\n\t\tcolor: inherit;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t}\n\tbutton,\n\tselect {\n\t\ttext-transform: none;\n\t}\n\tbutton,\n\t[type=\"button\"],\n\t[type=\"reset\"],\n\t[type=\"submit\"] {\n\t\t-webkit-appearance: button;\n\t}\n\t:-moz-focusring {\n\t\toutline: auto;\n\t}\n\t:-moz-ui-invalid {\n\t\tbox-shadow: none;\n\t}\n\tprogress {\n\t\tvertical-align: baseline;\n\t}\n\t::-webkit-inner-spin-button {\n\t\theight: auto;\n\t}\n\t::-webkit-outer-spin-button {\n\t\theight: auto;\n\t}\n\t[type=\"search\"] {\n\t\t-webkit-appearance: textfield;\n\t\toutline-offset: -2px;\n\t}\n\t::-webkit-search-decoration {\n\t\t-webkit-appearance: none;\n\t}\n\t::-webkit-file-upload-button {\n\t\t-webkit-appearance: button;\n\t\tfont: inherit;\n\t}\n\tsummary {\n\t\tdisplay: list-item;\n\t}\n\tblockquote,\n\tdl,\n\tdd,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\thr,\n\tfigure,\n\tp,\n\tpre {\n\t\tmargin: 0;\n\t}\n\tfieldset {\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t}\n\tlegend {\n\t\tpadding: 0;\n\t}\n\tol,\n\tul,\n\tmenu {\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tlist-style: none;\n\t}\n\ttextarea {\n\t\tresize: vertical;\n\t}\n\tinput::placeholder,\n\ttextarea::placeholder {\n\t\topacity: 1;\n\t\tcolor: var(--w-s-color-text-placeholder);\n\t}\n\tbutton,\n\t[role=\"button\"] {\n\t\tcursor: pointer;\n\t}\n\t:disabled {\n\t\tcursor: default;\n\t}\n\timg,\n\tsvg,\n\tvideo,\n\tcanvas,\n\taudio,\n\tiframe,\n\tembed,\n\tobject {\n\t\tvertical-align: middle;\n\t\tdisplay: block;\n\t}\n\timg,\n\tvideo {\n\t\tmax-width: 100%;\n\t\theight: auto;\n\t}\n\th1 {\n\t\tfont-size: var(--w-font-size-xxl);\n\t\tline-height: var(--w-line-height-xxl);\n\t}\n\th2 {\n\t\tfont-size: var(--w-font-size-xl);\n\t\tline-height: var(--w-line-height-xl);\n\t}\n\th3 {\n\t\tfont-size: var(--w-font-size-l);\n\t\tline-height: var(--w-line-height-l);\n\t}\n\th4 {\n\t\tfont-size: var(--w-font-size-m);\n\t\tline-height: var(--w-line-height-m);\n\t}\n\th5 {\n\t\tfont-size: var(--w-font-size-s);\n\t\tline-height: var(--w-line-height-s);\n\t}\n\tdt,\n\tdd {\n\t\tmargin: 0 16px;\n\t}\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\tul,\n\tol,\n\tdl,\n\tp,\n\tblockquote {\n\t\tmargin: 0 0 8px;\n\t}\n\t[hidden] {\n\t\tdisplay: none !important;\n\t}\n\t[tabindex=\"-1\"]:focus:not(:focus-visible) {\n\t\toutline: none;\n\t}\n\tlegend {\n\t\tfloat: left;\n\t\twidth: 100%;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tdisplay: table;\n\t}\n\tlegend + * {\n\t\tclear: both;\n\t}\n\tfieldset {\n\t\tborder: 0;\n\t\tmin-width: 0;\n\t\tmargin: 0;\n\t\tpadding: 0.01em 0 0;\n\t}\n\tbody:not(:-moz-handler-blocked) fieldset {\n\t\tdisplay: table-cell;\n\t}\n\tsvg {\n\t\tpointer-events: none;\n\t}\n`;\nimport { unsafeCSS } from \"lit\";\n\n// prettier-ignore\nexport const components = unsafeCSS(`*, :before, :after {\n --w-rotate: 0;\n --w-rotate-x: 0;\n --w-rotate-y: 0;\n --w-rotate-z: 0;\n --w-scale-x: 1;\n --w-scale-y: 1;\n --w-scale-z: 1;\n --w-skew-x: 0;\n --w-skew-y: 0;\n --w-translate-x: 0;\n --w-translate-y: 0;\n --w-translate-z: 0\n }\n\n .h4, .t4 {\n font-weight: 700;\n font-size: var(--w-font-size-m);\n line-height: var(--w-line-height-m)\n }\n\n .t3 {\n font-weight: 700;\n font-size: var(--w-font-size-l);\n line-height: var(--w-line-height-l)\n }\n\n @media (min-width: 480px) {\n .sm\\\\:h3 {\n font-weight: 700;\n font-size: var(--w-font-size-l);\n line-height: var(--w-line-height-l)\n }\n }\n\n .text-center {\n text-align: center\n }\n\n .before\\\\:text-center:before {\n text-align: center\n }\n\n .text-left {\n text-align: left\n }\n\n .text-right {\n text-align: right\n }\n\n .align-middle {\n vertical-align: middle\n }\n\n .animate-inprogress {\n background-image: linear-gradient(135deg, rgba(0, 0, 0, .05) 25%, transparent 0, transparent 50%, rgba(0, 0, 0, .05) 0, rgba(0, 0, 0, .05) 75%, transparent 0, transparent) !important;\n background-size: 30px 30px;\n animation: animate-inprogress 3s linear infinite\n }\n\n @keyframes animate-inprogress {\n 0% {\n background-position: 0 0\n }\n to {\n background-position: 60px 0\n }\n }\n\n .\\\\[--w-modal-max-height\\\\:80\\\\%\\\\] {\n --w-modal-max-height: 80%\n }\n\n .\\\\[--w-modal-width\\\\:640px\\\\] {\n --w-modal-width: 640px\n }\n\n .focus\\\\:\\\\[--w-outline-offset\\\\:-2px\\\\]:focus {\n --w-outline-offset: -2px\n }\n\n .backdrop-blur {\n -webkit-backdrop-filter: blur(4px);\n backdrop-filter: blur(4px)\n }\n\n .peer:checked ~ .peer-checked\\\\:before\\\\:bg-center:before {\n background-position: center\n }\n\n .hover\\\\:bg-clip-padding:hover {\n -webkit-background-clip: padding-box;\n background-clip: padding-box\n }\n\n .bg-transparent, .group\\\\/steph:first-child .group-first\\\\/steph\\\\:bg-transparent, .group\\\\/steph:last-child .group-last\\\\/steph\\\\:bg-transparent {\n background-color: transparent\n }\n\n .bg-\\\\[--w-black\\\\/25\\\\] {\n background-color: rgba(var(--w-rgb-black), .25)\n }\n\n .bg-\\\\[--w-black\\\\/70\\\\], .bg-\\\\[var\\\\(--w-black\\\\)\\\\/70\\\\] {\n background-color: rgba(var(--w-rgb-black), .7)\n }\n\n .bg-\\\\[--w-color-badge-info-background\\\\] {\n background-color: var(--w-color-badge-info-background)\n }\n\n .bg-\\\\[--w-color-badge-negative-background\\\\] {\n background-color: var(--w-color-badge-negative-background)\n }\n\n .bg-\\\\[--w-color-badge-neutral-background\\\\] {\n background-color: var(--w-color-badge-neutral-background)\n }\n\n .bg-\\\\[--w-color-badge-positive-background\\\\] {\n background-color: var(--w-color-badge-positive-background)\n }\n\n .bg-\\\\[--w-color-badge-sponsored-background\\\\] {\n background-color: var(--w-color-badge-sponsored-background)\n }\n\n .bg-\\\\[--w-color-badge-warning-background\\\\] {\n background-color: var(--w-color-badge-warning-background)\n }\n\n .bg-\\\\[--w-color-button-primary-background\\\\] {\n background-color: var(--w-color-button-primary-background)\n }\n\n .bg-\\\\[--w-color-buttongroup-utility-background-selected\\\\] {\n background-color: var(--w-color-buttongroup-utility-background-selected)\n }\n\n .bg-\\\\[--w-color-callout-background\\\\] {\n background-color: var(--w-color-callout-background)\n }\n\n .bg-\\\\[--w-color-pill-suggestion-background\\\\] {\n background-color: var(--w-color-pill-suggestion-background)\n }\n\n .bg-\\\\[--w-color-switch-track-background\\\\] {\n background-color: var(--w-color-switch-track-background)\n }\n\n .bg-\\\\[--w-s-color-surface-elevated-100\\\\] {\n background-color: var(--w-s-color-surface-elevated-100)\n }\n\n .bg-\\\\[--w-s-color-surface-elevated-300\\\\] {\n background-color: var(--w-s-color-surface-elevated-300)\n }\n\n .bg-\\\\[--w-s-icon-selected\\\\] {\n background-color: var(--w-s-icon-selected)\n }\n\n .group:hover .group-hover\\\\:bg-\\\\[--w-color-switch-track-background-hover\\\\] {\n background-color: var(--w-color-switch-track-background-hover)\n }\n\n .hover\\\\:bg-\\\\[--w-color-button-pill-background-hover\\\\]:hover {\n background-color: var(--w-color-button-pill-background-hover)\n }\n\n .hover\\\\:bg-\\\\[--w-color-button-primary-background-hover\\\\]:hover {\n background-color: var(--w-color-button-primary-background-hover)\n }\n\n .hover\\\\:bg-\\\\[--w-color-buttongroup-utility-background-hover\\\\]:hover {\n background-color: var(--w-color-buttongroup-utility-background-hover)\n }\n\n .hover\\\\:bg-\\\\[--w-color-pill-suggestion-background-hover\\\\]:hover {\n background-color: var(--w-color-pill-suggestion-background-hover)\n }\n\n .hover\\\\:bg-\\\\[--w-s-icon-subtle\\\\]:hover {\n background-color: var(--w-s-icon-subtle)\n }\n\n .hover\\\\:bg-\\\\[var\\\\(--w-black\\\\)\\\\/85\\\\]:hover {\n background-color: rgba(var(--w-rgb-black), .85)\n }\n\n .active\\\\:bg-\\\\[--w-color-button-pill-background-active\\\\]:active {\n background-color: var(--w-color-button-pill-background-active)\n }\n\n .active\\\\:bg-\\\\[--w-color-button-primary-background-active\\\\]:active {\n background-color: var(--w-color-button-primary-background-active)\n }\n\n .active\\\\:bg-\\\\[--w-color-buttongroup-utility-background-selected\\\\]:active {\n background-color: var(--w-color-buttongroup-utility-background-selected)\n }\n\n .active\\\\:bg-\\\\[--w-color-pill-suggestion-background-active\\\\]:active {\n background-color: var(--w-color-pill-suggestion-background-active)\n }\n\n .active\\\\:bg-\\\\[var\\\\(--w-black\\\\)\\\\]:active {\n background-color: var(--w-black)\n }\n\n .peer:checked ~ .peer-checked\\\\:before\\\\:bg-\\\\[url\\\\(var\\\\(--w-icon-toggle-checked\\\\)\\\\)\\\\]:before {\n background-image: var(--w-icon-toggle-checked)\n }\n\n .appearance-none {\n -moz-appearance: none;\n appearance: none;\n -webkit-appearance: none\n }\n\n .will-change-height {\n will-change: height\n }\n\n .border, .border-1 {\n border-width: 1px\n }\n\n .border-b {\n border-bottom-width: 1px\n }\n\n .before\\\\:border:before {\n border-width: 1px\n }\n\n .border-0 {\n border-width: 0\n }\n\n .border-2 {\n border-width: 2px\n }\n\n .border-b-0 {\n border-bottom-width: 0\n }\n\n .border-b-4 {\n border-bottom-width: 4px\n }\n\n .border-l-4 {\n border-left-width: 4px\n }\n\n .border-r-0, .group:not(:last-of-type) .group-not-last-of-type\\\\:border-r-0 {\n border-right-width: 0\n }\n\n .peer:checked ~ .peer-checked\\\\:before\\\\:border-\\\\[6\\\\]:before {\n border-width: .6rem\n }\n\n .border-transparent {\n border-color: transparent\n }\n\n .border-\\\\[--w-color-buttongroup-utility-border\\\\] {\n border-color: var(--w-color-buttongroup-utility-border)\n }\n\n .border-\\\\[--w-color-callout-border\\\\] {\n border-color: var(--w-color-callout-border)\n }\n\n .border-\\\\[--w-s-color-background-inverted\\\\] {\n border-color: var(--w-s-color-background-inverted)\n }\n\n .border-\\\\[--w-s-color-surface-elevated-300\\\\] {\n border-color: var(--w-s-color-surface-elevated-300)\n }\n\n .active\\\\:border-\\\\[--w-color-buttongroup-utility-border-selected\\\\]:active {\n border-color: var(--w-color-buttongroup-utility-border-selected)\n }\n\n .divide-x > * + * {\n --w-divide-x-reverse: 0;\n border-left-width: calc(1px * calc(1 - var(--w-divide-x-reverse)));\n border-right-width: calc(1px * var(--w-divide-x-reverse))\n }\n\n .divide-y > * + * {\n --w-divide-y-reverse: 0;\n border-top-width: calc(1px * calc(1 - var(--w-divide-y-reverse)));\n border-bottom-width: calc(1px * var(--w-divide-y-reverse))\n }\n\n .rounded-4 {\n border-radius: 4px\n }\n\n .rounded-8 {\n border-radius: 8px\n }\n\n .rounded-full {\n border-radius: 9999px\n }\n\n .before\\\\:rounded-2:before {\n border-radius: 2px\n }\n\n .before\\\\:rounded-full:before {\n border-radius: 9999px\n }\n\n .rounded-b-0 {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0\n }\n\n .rounded-bl-0 {\n border-bottom-left-radius: 0\n }\n\n .rounded-br-0 {\n border-bottom-right-radius: 0\n }\n\n .rounded-l-0 {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0\n }\n\n .rounded-l-full {\n border-top-left-radius: 9999px;\n border-bottom-left-radius: 9999px\n }\n\n .rounded-r-0 {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0\n }\n\n .rounded-r-full {\n border-top-right-radius: 9999px;\n border-bottom-right-radius: 9999px\n }\n\n .rounded-tl-0 {\n border-top-left-radius: 0\n }\n\n .rounded-tl-4 {\n border-top-left-radius: 4px\n }\n\n .rounded-tr-0 {\n border-top-right-radius: 0\n }\n\n .group:first-of-type .group-first-of-type\\\\:rounded-bl-8 {\n border-bottom-left-radius: 8px\n }\n\n .group:first-of-type .group-first-of-type\\\\:rounded-tl-8 {\n border-top-left-radius: 8px\n }\n\n .first\\\\:rounded-lb-4:first-child {\n border-bottom-left-radius: 4px\n }\n\n .first\\\\:rounded-lt-4:first-child {\n border-top-left-radius: 4px\n }\n\n .first\\\\:rounded-rt-4:first-child {\n border-top-right-radius: 4px\n }\n\n .group:last-of-type .group-last-of-type\\\\:rounded-br-8 {\n border-bottom-right-radius: 8px\n }\n\n .group:last-of-type .group-last-of-type\\\\:rounded-tr-8 {\n border-top-right-radius: 8px\n }\n\n .last\\\\:rounded-lb-4:last-child {\n border-bottom-left-radius: 4px\n }\n\n .last\\\\:rounded-rb-4:last-child {\n border-bottom-right-radius: 4px\n }\n\n .last\\\\:rounded-rt-4:last-child {\n border-top-right-radius: 4px\n }\n\n .caret-current {\n caret-color: currentColor\n }\n\n .opacity-25 {\n opacity: 25%\n }\n\n .block {\n display: block\n }\n\n .before\\\\:block:before {\n display: block\n }\n\n .inline-block {\n display: inline-block\n }\n\n .inline {\n display: inline\n }\n\n .flex, .open\\\\:flex[open] {\n display: flex\n }\n\n .inline-flex {\n display: inline-flex\n }\n\n .grid {\n display: grid\n }\n\n .inline-grid {\n display: inline-grid\n }\n\n .hidden, .group\\\\/stepv:last-child .group-last\\\\/stepv\\\\:hidden {\n display: none\n }\n\n .before\\\\:hidden:before {\n display: none\n }\n\n .hover\\\\:underline:hover {\n text-decoration-line: underline\n }\n\n .focus\\\\:underline:focus {\n text-decoration-line: underline\n }\n\n .focus-visible\\\\:underline:focus-visible {\n text-decoration-line: underline\n }\n\n .active\\\\:underline:active {\n text-decoration-line: underline\n }\n\n .hover\\\\:no-underline:hover {\n text-decoration: none\n }\n\n .focus\\\\:no-underline:focus {\n text-decoration: none\n }\n\n .active\\\\:no-underline:active {\n text-decoration: none\n }\n\n .flex-1 {\n flex: 1 1 0%\n }\n\n .shrink {\n flex-shrink: 1\n }\n\n .shrink-0 {\n flex-shrink: 0\n }\n\n .shrink-0\\\\! {\n flex-shrink: 0 !important\n }\n\n .grow, .grow-1 {\n flex-grow: 1\n }\n\n .basis-auto {\n flex-basis: auto\n }\n\n .flex-col {\n flex-direction: column\n }\n\n .focus-within\\\\:focusable:focus-within {\n outline: 2px solid var(--w-s-color-border-focus);\n outline-offset: var(--w-outline-offset, 1px)\n }\n\n .focusable:focus, .focusable:focus-visible {\n outline: 2px solid var(--w-s-color-border-focus);\n outline-offset: var(--w-outline-offset, 1px)\n }\n\n .focusable:not(:focus-visible) {\n outline: none\n }\n\n .peer:focus ~ .peer-focus\\\\:focusable, .peer:focus-visible ~ .peer-focus\\\\:focusable {\n outline: 2px solid var(--w-s-color-border-focus);\n outline-offset: var(--w-outline-offset, 1px)\n }\n\n .peer:not(:focus-visible) ~ .peer-focus\\\\:focusable {\n outline: none\n }\n\n .focusable-inset {\n --w-outline-offset: -3px\n }\n\n .gap-12 {\n gap: 1.2rem\n }\n\n .gap-8 {\n gap: .8rem\n }\n\n .gap-x-16 {\n column-gap: 1.6rem\n }\n\n .gap-y-16 {\n row-gap: 1.6rem\n }\n\n .row-span-2 {\n grid-row: span 2/span 2\n }\n\n .col-span-2 {\n grid-column: span 2/span 2\n }\n\n .col-span-3 {\n grid-column: span 3/span 3\n }\n\n .row-start-1 {\n grid-row-start: 1\n }\n\n .row-start-2 {\n grid-row-start: 2\n }\n\n .col-start-2 {\n grid-column-start: 2\n }\n\n .auto-rows-auto {\n grid-auto-rows: auto\n }\n\n .grid-flow-col {\n grid-auto-flow: column\n }\n\n .grid-rows-\\\\[20px_auto\\\\] {\n grid-template-rows:20px auto\n }\n\n .grid-rows-\\\\[auto_20px\\\\] {\n grid-template-rows:auto 20px\n }\n\n .grid-cols-\\\\[1fr_20px_1fr\\\\] {\n grid-template-columns:1fr 20px 1fr\n }\n\n .grid-cols-\\\\[1fr_20px\\\\] {\n grid-template-columns:1fr 20px\n }\n\n .grid-cols-\\\\[20px_1fr\\\\] {\n grid-template-columns:20px 1fr\n }\n\n .grid-cols-\\\\[auto_1fr_auto\\\\] {\n grid-template-columns:auto 1fr auto\n }\n\n .grid-cols-1 {\n grid-template-columns:repeat(1, minmax(0, 1fr))\n }\n\n .grid-cols-2 {\n grid-template-columns:repeat(2, minmax(0, 1fr))\n }\n\n .grid-cols-3 {\n grid-template-columns:repeat(3, minmax(0, 1fr))\n }\n\n .grid-cols-4 {\n grid-template-columns:repeat(4, minmax(0, 1fr))\n }\n\n .grid-cols-5 {\n grid-template-columns:repeat(5, minmax(0, 1fr))\n }\n\n .grid-cols-6 {\n grid-template-columns:repeat(6, minmax(0, 1fr))\n }\n\n .grid-cols-7 {\n grid-template-columns:repeat(7, minmax(0, 1fr))\n }\n\n .grid-cols-8 {\n grid-template-columns:repeat(8, minmax(0, 1fr))\n }\n\n .grid-cols-9 {\n grid-template-columns:repeat(9, minmax(0, 1fr))\n }\n\n .overflow-hidden {\n overflow: hidden\n }\n\n .overflow-x-hidden {\n overflow-x: hidden\n }\n\n .overflow-y-auto {\n overflow-y: auto\n }\n\n .list-none {\n list-style-type: none\n }\n\n .outline-\\\\[--w-s-color-border-negative\\\\]\\\\! {\n outline-color: var(--w-s-color-border-negative) !important\n }\n\n .outline-none {\n outline: 2px solid transparent;\n outline-offset: 2px\n }\n\n .focus\\\\:outline-none:focus {\n outline: 2px solid transparent;\n outline-offset: 2px\n }\n\n .items-start {\n align-items: flex-start\n }\n\n .items-end {\n align-items: flex-end\n }\n\n .items-center {\n align-items: center\n }\n\n .self-center {\n align-self: center\n }\n\n .inset-0 {\n top: 0rem;\n right: 0rem;\n bottom: 0rem;\n left: 0rem\n }\n\n .-bottom-0 {\n bottom: -0rem\n }\n\n .bottom-0 {\n bottom: 0rem\n }\n\n .bottom-10 {\n bottom: 1rem\n }\n\n .bottom-16 {\n bottom: 1.6rem\n }\n\n .left-0 {\n left: 0rem\n }\n\n .left-4 {\n left: .4rem\n }\n\n .right-0 {\n right: 0rem\n }\n\n .right-8 {\n right: .8rem\n }\n\n .top-\\\\[1\\\\.92rem\\\\] {\n top: 1.92rem\n }\n\n .top-0 {\n top: 0rem\n }\n\n .top-20 {\n top: 2rem\n }\n\n .top-4 {\n top: .4rem\n }\n\n .top-8 {\n top: .8rem\n }\n\n .before\\\\:bottom-0:before {\n bottom: 0rem\n }\n\n .before\\\\:left-0:before {\n left: 0rem\n }\n\n .before\\\\:right-0:before {\n right: 0rem\n }\n\n .before\\\\:top-2:before {\n top: .2rem\n }\n\n .-bottom-\\\\[8px\\\\] {\n bottom: -8px\n }\n\n .-left-\\\\[8px\\\\] {\n left: -8px\n }\n\n .-right-\\\\[8px\\\\] {\n right: -8px\n }\n\n .-top-\\\\[8px\\\\] {\n top: -8px\n }\n\n .top-\\\\[19px\\\\] {\n top: 19px\n }\n\n .top-\\\\[30\\\\%\\\\] {\n top: 30%\n }\n\n .justify-end {\n justify-content: flex-end\n }\n\n .justify-center {\n justify-content: center\n }\n\n .justify-between {\n justify-content: space-between\n }\n\n .justify-items-center {\n justify-items: center\n }\n\n .justify-self-start {\n justify-self: start\n }\n\n .justify-self-end {\n justify-self: end\n }\n\n .justify-self-center {\n justify-self: center\n }\n\n .absolute {\n position: absolute\n }\n\n .fixed {\n position: fixed\n }\n\n .relative {\n position: relative\n }\n\n .open\\\\:fixed[open] {\n position: fixed\n }\n\n .before\\\\:absolute:before {\n position: absolute\n }\n\n .z-10, .peer:checked ~ .peer-checked\\\\:z-10 {\n z-index: 10\n }\n\n .z-30 {\n z-index: 30\n }\n\n .z-50 {\n z-index: 50\n }\n\n .hover\\\\:z-30:hover {\n z-index: 30\n }\n\n .\\\\!s-bg-selected {\n background-color: var(--w-s-color-background-selected) !important\n }\n\n .s-bg {\n background-color: var(--w-s-color-background)\n }\n\n .s-bg-disabled {\n background-color: var(--w-s-color-background-disabled)\n }\n\n .s-bg-disabled-subtle {\n background-color: var(--w-s-color-background-disabled-subtle)\n }\n\n .s-bg-info-subtle {\n background-color: var(--w-s-color-background-info-subtle)\n }\n\n .s-bg-inverted {\n background-color: var(--w-s-color-background-inverted)\n }\n\n .s-bg-negative {\n background-color: var(--w-s-color-background-negative)\n }\n\n .s-bg-negative-subtle {\n background-color: var(--w-s-color-background-negative-subtle)\n }\n\n .s-bg-positive-subtle {\n background-color: var(--w-s-color-background-positive-subtle)\n }\n\n .s-bg-primary, .peer:checked ~ .peer-checked\\\\:s-bg-primary {\n background-color: var(--w-s-color-background-primary)\n }\n\n .s-bg-selected {\n background-color: var(--w-s-color-background-selected)\n }\n\n .s-bg-subtle {\n background-color: var(--w-s-color-background-subtle)\n }\n\n .s-bg-warning-subtle {\n background-color: var(--w-s-color-background-warning-subtle)\n }\n\n .peer:checked:hover ~ .peer-checked\\\\:peer-hover\\\\:before\\\\:s-bg-negative-hover:before {\n background-color: var(--w-s-color-background-negative-hover)\n }\n\n .peer:checked:hover ~ .peer-checked\\\\:peer-hover\\\\:before\\\\:s-bg-primary-hover:before {\n background-color: var(--w-s-color-background-primary-hover)\n }\n\n .peer:checked ~ .peer-checked\\\\:before\\\\:s-bg-disabled:before {\n background-color: var(--w-s-color-background-disabled)\n }\n\n .peer:checked ~ .peer-checked\\\\:before\\\\:s-bg-negative:before {\n background-color: var(--w-s-color-background-negative)\n }\n\n .peer:checked ~ .peer-checked\\\\:before\\\\:s-bg-primary:before {\n background-color: var(--w-s-color-background-primary)\n }\n\n .peer:indeterminate ~ .peer-indeterminate\\\\:before\\\\:s-bg-disabled:before {\n background-color: var(--w-s-color-background-disabled)\n }\n\n .peer:indeterminate ~ .peer-indeterminate\\\\:before\\\\:s-bg-negative:before {\n background-color: var(--w-s-color-background-negative)\n }\n\n .peer:indeterminate ~ .peer-indeterminate\\\\:before\\\\:s-bg-primary:before {\n background-color: var(--w-s-color-background-primary)\n }\n\n .peer:indeterminate ~ .peer-indeterminate\\\\:hover\\\\:before\\\\:s-bg-negative-hover:hover:before {\n background-color: var(--w-s-color-background-negative-hover)\n }\n\n .peer:indeterminate ~ .peer-indeterminate\\\\:hover\\\\:before\\\\:s-bg-primary-hover:hover:before {\n background-color: var(--w-s-color-background-primary-hover)\n }\n\n .\\\\!hover\\\\:s-bg-selected-hover:hover {\n background-color: var(--w-s-color-background-selected-hover) !important\n }\n\n .group:hover .group-hover\\\\:s-bg-primary-hover {\n background-color: var(--w-s-color-background-primary-hover)\n }\n\n .hover\\\\:before\\\\:s-bg-hover:hover:before {\n background-color: var(--w-s-color-background-hover)\n }\n\n .hover\\\\:before\\\\:s-bg-negative-subtle-hover:hover:before {\n background-color: var(--w-s-color-background-negative-subtle-hover)\n }\n\n .hover\\\\:s-bg-hover:hover {\n background-color: var(--w-s-color-background-hover)\n }\n\n .hover\\\\:s-bg-negative-hover:hover {\n background-color: var(--w-s-color-background-negative-hover)\n }\n\n .hover\\\\:s-bg-negative-subtle-hover:hover {\n background-color: var(--w-s-color-background-negative-subtle-hover)\n }\n\n .hover\\\\:s-bg-primary-hover:hover {\n background-color: var(--w-s-color-background-primary-hover)\n }\n\n .hover\\\\:s-bg-selected-hover:hover {\n background-color: var(--w-s-color-background-selected-hover)\n }\n\n .peer:hover:not(:checked) ~ .peer-hover\\\\:peer-not-checked\\\\:s-bg-hover {\n background-color: var(--w-s-color-background-hover)\n }\n\n .peer:hover ~ .peer-hover\\\\:before\\\\:s-bg-hover:before {\n background-color: var(--w-s-color-background-hover)\n }\n\n .peer:hover ~ .peer-hover\\\\:before\\\\:s-bg-negative-subtle:before {\n background-color: var(--w-s-color-background-negative-subtle)\n }\n\n .focus\\\\:s-bg-primary-hover:focus {\n background-color: var(--w-s-color-background-primary-hover)\n }\n\n .\\\\!active\\\\:s-bg-selected-active:active {\n background-color: var(--w-s-color-background-selected-active) !important\n }\n\n .active\\\\:s-bg-active:active {\n background-color: var(--w-s-color-background-active)\n }\n\n .active\\\\:s-bg-negative-active:active {\n background-color: var(--w-s-color-background-negative-active)\n }\n\n .active\\\\:s-bg-negative-subtle-active:active {\n background-color: var(--w-s-color-background-negative-subtle-active)\n }\n\n .active\\\\:s-bg-primary-active:active {\n background-color: var(--w-s-color-background-primary-active)\n }\n\n .active\\\\:s-bg-selected-active:active {\n background-color: var(--w-s-color-background-selected-active)\n }\n\n .before\\\\:s-bg-disabled-subtle:before {\n background-color: var(--w-s-color-background-disabled-subtle)\n }\n\n .before\\\\:s-bg:before {\n background-color: var(--w-s-color-background)\n }\n\n .s-text {\n color: var(--w-s-color-text)\n }\n\n .s-text-disabled {\n color: var(--w-s-color-text-disabled)\n }\n\n .s-text-inverted, .peer:checked ~ .peer-checked\\\\:s-text-inverted {\n color: var(--w-s-color-text-inverted)\n }\n\n .s-text-inverted-static {\n color: var(--w-s-color-text-inverted-static)\n }\n\n .s-text-link {\n color: var(--w-s-color-text-link)\n }\n\n .s-text-negative {\n color: var(--w-s-color-text-negative)\n }\n\n .s-text-subtle {\n color: var(--w-s-color-text-subtle)\n }\n\n .hover\\\\:s-text-link:hover {\n color: var(--w-s-color-text-link)\n }\n\n .active\\\\:s-text:active {\n color: var(--w-s-color-text)\n }\n\n .placeholder\\\\:s-text-placeholder::placeholder {\n color: var(--w-s-color-text-placeholder)\n }\n\n .s-icon {\n color: var(--w-s-color-icon)\n }\n\n .s-icon-info {\n color: var(--w-s-color-icon-info)\n }\n\n .s-icon-inverted {\n color: var(--w-s-color-icon-inverted)\n }\n\n .s-icon-negative {\n color: var(--w-s-color-icon-negative)\n }\n\n .s-icon-positive {\n color: var(--w-s-color-icon-positive)\n }\n\n .s-icon-warning {\n color: var(--w-s-color-icon-warning)\n }\n\n .hover\\\\:s-icon-hover:hover {\n color: var(--w-s-color-icon-hover)\n }\n\n .active\\\\:s-icon-active:active {\n color: var(--w-s-color-icon-active)\n }\n\n .before\\\\:s-icon-inverted:before {\n color: var(--w-s-color-icon-inverted)\n }\n\n .s-border {\n border-color: var(--w-s-color-border)\n }\n\n .s-border-disabled {\n border-color: var(--w-s-color-border-disabled)\n }\n\n .s-border-info-subtle {\n border-color: var(--w-s-color-border-info-subtle)\n }\n\n .s-border-l-info {\n border-left-color: var(--w-s-color-border-info)\n }\n\n .s-border-l-negative {\n border-left-color: var(--w-s-color-border-negative)\n }\n\n .s-border-l-positive {\n border-left-color: var(--w-s-color-border-positive)\n }\n\n .s-border-l-warning {\n border-left-color: var(--w-s-color-border-warning)\n }\n\n .s-border-negative {\n border-color: var(--w-s-color-border-negative)\n }\n\n .s-border-negative-subtle {\n border-color: var(--w-s-color-border-negative-subtle)\n }\n\n .s-border-positive-subtle {\n border-color: var(--w-s-color-border-positive-subtle)\n }\n\n .s-border-primary, .peer:checked ~ .peer-checked\\\\:s-border-primary {\n border-color: var(--w-s-color-border-primary)\n }\n\n .s-border-selected {\n border-color: var(--w-s-color-border-selected)\n }\n\n .s-border-warning-subtle {\n border-color: var(--w-s-color-border-warning-subtle)\n }\n\n .peer:checked:hover ~ .peer-checked\\\\:peer-hover\\\\:before\\\\:s-border-negative-hover:before {\n border-color: var(--w-s-color-border-negative-hover)\n }\n\n .peer:checked:hover ~ .peer-checked\\\\:peer-hover\\\\:before\\\\:s-border-primary-hover:before {\n border-color: var(--w-s-color-border-primary-hover)\n }\n\n .peer:checked:hover ~ .peer-checked\\\\:peer-hover\\\\:before\\\\:s-border-selected-hover:before {\n border-color: var(--w-s-color-border-selected-hover)\n }\n\n .peer:checked ~ .peer-checked\\\\:before\\\\:s-border-disabled:before {\n border-color: var(--w-s-color-border-disabled)\n }\n\n .peer:checked ~ .peer-checked\\\\:before\\\\:s-border-negative:before {\n border-color: var(--w-s-color-border-negative)\n }\n\n .peer:checked ~ .peer-checked\\\\:before\\\\:s-border-primary:before {\n border-color: var(--w-s-color-border-primary)\n }\n\n .peer:checked ~ .peer-checked\\\\:before\\\\:s-border-selected:before {\n border-color: var(--w-s-color-border-selected)\n }\n\n .peer:indeterminate ~ .peer-indeterminate\\\\:before\\\\:s-border-disabled:before {\n border-color: var(--w-s-color-border-disabled)\n }\n\n .peer:indeterminate ~ .peer-indeterminate\\\\:before\\\\:s-border-negative:before {\n border-color: var(--w-s-color-border-negative)\n }\n\n .peer:indeterminate ~ .peer-indeterminate\\\\:before\\\\:s-border-primary:before {\n border-color: var(--w-s-color-border-primary)\n }\n\n .peer:indeterminate ~ .peer-indeterminate\\\\:hover\\\\:before\\\\:s-border-negative-hover:hover:before {\n border-color: var(--w-s-color-border-negative-hover)\n }\n\n .peer:indeterminate ~ .peer-indeterminate\\\\:hover\\\\:before\\\\:s-border-primary-hover:hover:before {\n border-color: var(--w-s-color-border-primary-hover)\n }\n\n .group:hover .group-hover\\\\:s-border-selected-hover {\n border-color: var(--w-s-color-border-selected-hover)\n }\n\n .hover\\\\:before\\\\:s-border-negative-hover:hover:before {\n border-color: var(--w-s-color-border-negative-hover)\n }\n\n .hover\\\\:before\\\\:s-border-primary:hover:before {\n border-color: var(--w-s-color-border-primary)\n }\n\n .hover\\\\:s-border-disabled:hover {\n border-color: var(--w-s-color-border-disabled)\n }\n\n .hover\\\\:s-border-hover:hover {\n border-color: var(--w-s-color-border-hover)\n }\n\n .hover\\\\:s-border-negative-hover:hover {\n border-color: var(--w-s-color-border-negative-hover)\n }\n\n .hover\\\\:s-border-primary-hover:hover {\n border-color: var(--w-s-color-border-primary-hover)\n }\n\n .hover\\\\:s-border-primary:hover {\n border-color: var(--w-s-color-border-primary)\n }\n\n .hover\\\\:s-border-selected-hover:hover {\n border-color: var(--w-s-color-border-selected-hover)\n }\n\n .peer:hover ~ .peer-hover\\\\:before\\\\:s-border-negative-hover:before {\n border-color: var(--w-s-color-border-negative-hover)\n }\n\n .peer:hover ~ .peer-hover\\\\:before\\\\:s-border-primary:before {\n border-color: var(--w-s-color-border-primary)\n }\n\n .focus\\\\:s-border-primary-hover:focus {\n border-color: var(--w-s-color-border-primary-hover)\n }\n\n .active\\\\:s-border-active:active {\n border-color: var(--w-s-color-border-active)\n }\n\n .active\\\\:s-border-disabled:active {\n border-color: var(--w-s-color-border-disabled)\n }\n\n .active\\\\:s-border-primary-active:active {\n border-color: var(--w-s-color-border-primary-active)\n }\n\n .active\\\\:s-border-selected-active:active {\n border-color: var(--w-s-color-border-selected-active)\n }\n\n .active\\\\:s-border-selected:active {\n border-color: var(--w-s-color-border-selected)\n }\n\n .group:active .group-active\\\\:s-border-active {\n border-color: var(--w-s-color-border-active)\n }\n\n .group:active .group-active\\\\:s-border-selected-active {\n border-color: var(--w-s-color-border-selected-active)\n }\n\n .before\\\\:s-border-disabled:before {\n border-color: var(--w-s-color-border-disabled)\n }\n\n .before\\\\:s-border-negative:before {\n border-color: var(--w-s-color-border-negative)\n }\n\n .s-surface-sunken {\n background-color: var(--w-s-color-surface-sunken)\n }\n\n .s-surface-elevated-200 {\n background-color: var(--w-s-color-surface-elevated-200);\n box-shadow: var(--w-s-shadow-surface-elevated-200)\n }\n\n .hover\\\\:s-surface-elevated-200-hover:hover {\n background-color: var(--w-s-color-surface-elevated-200-hover);\n box-shadow: var(--w-s-shadow-surface-elevated-200-hover)\n }\n\n .active\\\\:s-surface-elevated-200-active:active {\n background-color: var(--w-s-color-surface-elevated-200-active);\n box-shadow: var(--w-s-shadow-surface-elevated-200-active)\n }\n\n .drop-shadow-m {\n filter: drop-shadow(rgba(64, 64, 64, .24) 0 3px 8px) drop-shadow(rgba(64, 64, 64, .16) 0 3px 6px)\n }\n\n .shadow-m {\n box-shadow: var(--w-shadow-m)\n }\n\n .shadow-s {\n box-shadow: var(--w-shadow-s)\n }\n\n .shadow-\\\\[--w-shadow-slider\\\\] {\n box-shadow: var(--w-shadow-slider)\n }\n\n .hover\\\\:shadow-\\\\[--w-shadow-slider-handle-hover\\\\]:hover {\n box-shadow: var(--w-shadow-slider-handle-hover)\n }\n\n .focus\\\\:shadow-\\\\[--w-shadow-slider-handle-hover\\\\]:focus {\n box-shadow: var(--w-shadow-slider-handle-hover)\n }\n\n .active\\\\:shadow-\\\\[--w-shadow-slider-handle-active\\\\]:active {\n box-shadow: var(--w-shadow-slider-handle-active)\n }\n\n .h-0 {\n height: 0rem\n }\n\n .h-16 {\n height: 1.6rem\n }\n\n .h-2 {\n height: .2rem\n }\n\n .h-20 {\n height: 2rem\n }\n\n .h-24 {\n height: 2.4rem\n }\n\n .h-4 {\n height: .4rem\n }\n\n .h-44 {\n height: 4.4rem\n }\n\n .h-6 {\n height: .6rem\n }\n\n .h-8 {\n height: .8rem\n }\n\n .h-full {\n height: 100%\n }\n\n .h-unset {\n height: unset\n }\n\n .max-h-unset {\n max-height: unset\n }\n\n .max-w-full {\n max-width: 100%\n }\n\n .max-w-max {\n max-width: max-content\n }\n\n .max-w-unset {\n max-width: unset\n }\n\n .min-h-32 {\n min-height: 3.2rem\n }\n\n .min-h-40 {\n min-height: 4rem\n }\n\n .min-w-16 {\n min-width: 1.6rem\n }\n\n .min-w-32 {\n min-width: 3.2rem\n }\n\n .w-16 {\n width: 1.6rem\n }\n\n .w-2 {\n width: .2rem\n }\n\n .w-20 {\n width: 2rem\n }\n\n .w-24 {\n width: 2.4rem\n }\n\n .w-32 {\n width: 3.2rem\n }\n\n .w-40 {\n width: 4rem\n }\n\n .w-44 {\n width: 4.4rem\n }\n\n .w-8 {\n width: .8rem\n }\n\n .w-full {\n width: 100%\n }\n\n .w-max {\n width: max-content\n }\n\n .w-unset {\n width: unset\n }\n\n .before\\\\:h-20:before {\n height: 2rem\n }\n\n .before\\\\:h-full:before {\n height: 100%\n }\n\n .before\\\\:w-20:before {\n width: 2rem\n }\n\n .before\\\\:w-32:before {\n width: 3.2rem\n }\n\n .h-\\\\[--w-modal-height\\\\] {\n height: var(--w-modal-height)\n }\n\n .h-\\\\[14px\\\\] {\n height: 14px\n }\n\n .h-\\\\[16px\\\\] {\n height: 16px\n }\n\n .max-h-\\\\[--w-modal-max-height\\\\] {\n max-height: var(--w-modal-max-height)\n }\n\n .min-h-\\\\[--w-modal-min-height\\\\] {\n min-height: var(--w-modal-min-height)\n }\n\n .min-h-\\\\[32px\\\\] {\n min-height: 32px\n }\n\n .min-h-\\\\[40px\\\\] {\n min-height: 40px\n }\n\n .min-h-\\\\[42\\\\] {\n min-height: 4.2rem\n }\n\n .min-h-\\\\[44px\\\\] {\n min-height: 44px\n }\n\n .min-w-\\\\[32px\\\\] {\n min-width: 32px\n }\n\n .min-w-\\\\[40px\\\\] {\n min-width: 40px\n }\n\n .min-w-\\\\[44px\\\\] {\n min-width: 44px\n }\n\n .w-\\\\[--w-modal-width\\\\] {\n width: var(--w-modal-width)\n }\n\n .w-\\\\[14px\\\\] {\n width: 14px\n }\n\n .w-\\\\[16px\\\\] {\n width: 16px\n }\n\n .space-x-8 > :not([hidden]) ~ :not([hidden]) {\n --w-space-x-reverse: 0;\n margin-left: calc(.8rem * calc(1 - var(--w-space-x-reverse)));\n margin-right: calc(.8rem * var(--w-space-x-reverse))\n }\n\n .space-y-16 > :not([hidden]) ~ :not([hidden]) {\n --w-space-y-reverse: 0;\n margin-top: calc(1.6rem * calc(1 - var(--w-space-y-reverse)));\n margin-bottom: calc(1.6rem * var(--w-space-y-reverse))\n }\n\n .m-0 {\n margin: 0rem\n }\n\n .m-auto {\n margin: auto\n }\n\n .-mx-16 {\n margin-left: -1.6rem;\n margin-right: -1.6rem\n }\n\n .mx-0 {\n margin-left: 0rem;\n margin-right: 0rem\n }\n\n .mx-8 {\n margin-left: .8rem;\n margin-right: .8rem\n }\n\n .mx-auto {\n margin-left: auto;\n margin-right: auto\n }\n\n .-mb-1 {\n margin-bottom: -.1rem\n }\n\n .-ml-8 {\n margin-left: -.8rem\n }\n\n .-mr-1 {\n margin-right: -.1rem\n }\n\n .-mr-8 {\n margin-right: -.8rem\n }\n\n .-mt-2 {\n margin-top: -.2rem\n }\n\n .-mt-4 {\n margin-top: -.4rem\n }\n\n .last-child\\\\:mb-0 > :last-child, .mb-0 {\n margin-bottom: 0rem\n }\n\n .mb-32 {\n margin-bottom: 3.2rem\n }\n\n .ml-8 {\n margin-left: .8rem\n }\n\n .ml-auto {\n margin-left: auto\n }\n\n .mr-8 {\n margin-right: .8rem\n }\n\n .mt-16 {\n margin-top: 1.6rem\n }\n\n .mt-4 {\n margin-top: .4rem\n }\n\n .group:not(:first-child) .group-not-first\\\\:-ml-2 {\n margin-left: -.2rem\n }\n\n .last\\\\:mb-0:last-child {\n margin-bottom: 0rem\n }\n\n .last\\\\:mr-0:last-child {\n margin-right: 0rem\n }\n\n .m-\\\\[8px\\\\] {\n margin: 8px\n }\n\n .p-0 {\n padding: 0rem\n }\n\n .p-16 {\n padding: 1.6rem\n }\n\n .p-4 {\n padding: .4rem\n }\n\n .p-8 {\n padding: .8rem\n }\n\n .px-0 {\n padding-left: 0rem;\n padding-right: 0rem\n }\n\n .px-1 {\n padding-left: .1rem;\n padding-right: .1rem\n }\n\n .px-12 {\n padding-left: 1.2rem;\n padding-right: 1.2rem\n }\n\n .px-14 {\n padding-left: 1.4rem;\n padding-right: 1.4rem\n }\n\n .px-16 {\n padding-left: 1.6rem;\n padding-right: 1.6rem\n }\n\n .px-8 {\n padding-left: .8rem;\n padding-right: .8rem\n }\n\n .py-0 {\n padding-top: 0rem;\n padding-bottom: 0rem\n }\n\n .py-1 {\n padding-top: .1rem;\n padding-bottom: .1rem\n }\n\n .py-10 {\n padding-top: 1rem;\n padding-bottom: 1rem\n }\n\n .py-12 {\n padding-top: 1.2rem;\n padding-bottom: 1.2rem\n }\n\n .py-2 {\n padding-top: .2rem;\n padding-bottom: .2rem\n }\n\n .py-4 {\n padding-top: .4rem;\n padding-bottom: .4rem\n }\n\n .py-6 {\n padding-top: .6rem;\n padding-bottom: .6rem\n }\n\n .py-8 {\n padding-top: .8rem;\n padding-bottom: .8rem\n }\n\n .pb-0 {\n padding-bottom: 0rem\n }\n\n .pb-32 {\n padding-bottom: 3.2rem\n }\n\n .pb-4 {\n padding-bottom: .4rem\n }\n\n .pb-8 {\n padding-bottom: .8rem\n }\n\n .pl-0 {\n padding-left: 0rem\n }\n\n .pl-1 {\n padding-left: .1rem\n }\n\n .pl-12 {\n padding-left: 1.2rem\n }\n\n .pl-28 {\n padding-left: 2.8rem\n }\n\n .pl-4 {\n padding-left: .4rem\n }\n\n .pl-8 {\n padding-left: .8rem\n }\n\n .pr-12 {\n padding-right: 1.2rem\n }\n\n .pr-14 {\n padding-right: 1.4rem\n }\n\n .pr-2 {\n padding-right: .2rem\n }\n\n .pr-32 {\n padding-right: 3.2rem\n }\n\n .pr-40 {\n padding-right: 4rem\n }\n\n .pt-0 {\n padding-top: 0rem\n }\n\n .pt-1 {\n padding-top: .1rem\n }\n\n .pt-16 {\n padding-top: 1.6rem\n }\n\n .pt-24 {\n padding-top: 2.4rem\n }\n\n .pt-8 {\n padding-top: .8rem\n }\n\n .group\\\\/step:last-child .group-last\\\\/step\\\\:last\\\\:pb-0:last-child {\n padding-bottom: 0rem\n }\n\n .last\\\\:pb-1:last-child {\n padding-bottom: .1rem\n }\n\n .last\\\\:pr-1:last-child {\n padding-right: .1rem\n }\n\n .p-\\\\[8px\\\\] {\n padding: 8px\n }\n\n .px-\\\\[15px\\\\] {\n padding-left: 15px;\n padding-right: 15px\n }\n\n .px-\\\\[8px\\\\] {\n padding-left: 8px;\n padding-right: 8px\n }\n\n .py-\\\\[11px\\\\] {\n padding-top: 11px;\n padding-bottom: 11px\n }\n\n .py-\\\\[5px\\\\] {\n padding-top: 5px;\n padding-bottom: 5px\n }\n\n .py-\\\\[7px\\\\] {\n padding-top: 7px;\n padding-bottom: 7px\n }\n\n .pl-\\\\[var\\\\(--w-prefix-width\\\\,_40px\\\\)\\\\] {\n padding-left: var(--w-prefix-width, 40px)\n }\n\n .invisible {\n visibility: hidden\n }\n\n .backface-hidden {\n backface-visibility: hidden\n }\n\n .break-words {\n overflow-wrap: break-word\n }\n\n .before\\\\:content-\\\\[\\\\\"\u00E2\u20AC\u201C\\\\\"\\\\]:before {\n content: \"\u00E2\u20AC\u201C\"\n }\n\n .before\\\\:content-\\\\[\\\\\"\\\\\"\\\\]:before {\n content: \"\"\n }\n\n .cursor-default {\n cursor: default\n }\n\n .cursor-pointer {\n cursor: pointer\n }\n\n .antialiased {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-smoothing: grayscale\n }\n\n .font-bold {\n font-weight: 700\n }\n\n .before\\\\:font-bold:before {\n font-weight: 700\n }\n\n .font-normal {\n font-weight: 400\n }\n\n .pointer-events-auto {\n pointer-events: auto\n }\n\n .pointer-events-none {\n pointer-events: none\n }\n\n .before\\\\:pointer-events-none:before {\n pointer-events: none\n }\n\n .pb-safe-\\\\[32\\\\] {\n padding-bottom: calc(32px + env(safe-area-inset-bottom, 0px))\n }\n\n .sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0\n }\n\n .touch-pan-y {\n touch-action: pan-y\n }\n\n .select-none {\n -webkit-user-select: none;\n user-select: none\n }\n\n .translate-x-20 {\n --w-translate-x: 2rem;\n transform: translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))\n }\n\n .translate-z-0 {\n --w-translate-z: 0rem;\n transform: translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))\n }\n\n .-rotate-180, .part-\\\\[w-icon-chevron-down-16-part\\\\]\\\\:-rotate-180::part(w-icon-chevron-down-16-part) {\n --w-rotate-x: 0;\n --w-rotate-y: 0;\n --w-rotate-z: 0;\n --w-rotate: -180deg;\n transform: translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))\n }\n\n .part-\\\\[w-icon-chevron-up-16-part\\\\]\\\\:rotate-180::part(w-icon-chevron-up-16-part), .rotate-180 {\n --w-rotate-x: 0;\n --w-rotate-y: 0;\n --w-rotate-z: 0;\n --w-rotate: 180deg;\n transform: translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))\n }\n\n .rotate-90 {\n --w-rotate-x: 0;\n --w-rotate-y: 0;\n --w-rotate-z: 0;\n --w-rotate: 90deg;\n transform: translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))\n }\n\n .part-\\\\[w-icon-chevron-down-16-part\\\\]\\\\:transform::part(w-icon-chevron-down-16-part), .part-\\\\[w-icon-chevron-up-16-part\\\\]\\\\:transform::part(w-icon-chevron-up-16-part), .transform {\n transform: translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))\n }\n\n .part-\\\\[w-icon-chevron-down-16-part\\\\]\\\\:transform-gpu::part(w-icon-chevron-down-16-part), .part-\\\\[w-icon-chevron-up-16-part\\\\]\\\\:transform-gpu::part(w-icon-chevron-up-16-part), .transform-gpu {\n transform: translate3d(var(--w-translate-x), var(--w-translate-y), var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))\n }\n\n .part-\\\\[w-icon-chevron-down-16-part\\\\]\\\\:transition-transform::part(w-icon-chevron-down-16-part), .part-\\\\[w-icon-chevron-up-16-part\\\\]\\\\:transition-transform::part(w-icon-chevron-up-16-part), .transition-transform {\n transition-property: transform;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n transition-duration: .15s\n }\n\n .transition-300 {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n transition-duration: .3s\n }\n\n .transition-all {\n transition-property: all;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n transition-duration: .15s\n }\n\n .transition-colors {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n transition-duration: .15s\n }\n\n .transition-shadow {\n transition-property: box-shadow;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n transition-duration: .15s\n }\n\n .before\\\\:transition-all:before {\n transition-property: all;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n transition-duration: .15s\n }\n\n .duration-300 {\n transition-duration: .3s\n }\n\n .ease-in-out, .part-\\\\[w-icon-chevron-down-16-part\\\\]\\\\:ease-in-out::part(w-icon-chevron-down-16-part), .part-\\\\[w-icon-chevron-up-16-part\\\\]\\\\:ease-in-out::part(w-icon-chevron-up-16-part) {\n transition-timing-function: cubic-bezier(.4, 0, .2, 1)\n }\n\n .text-m {\n font-size: var(--w-font-size-m);\n line-height: var(--w-line-height-m)\n }\n\n .text-s {\n font-size: var(--w-font-size-s);\n line-height: var(--w-line-height-s)\n }\n\n .text-xs {\n font-size: var(--w-font-size-xs);\n line-height: var(--w-line-height-xs)\n }\n\n .leading-m {\n line-height: var(--w-line-height-m)\n }\n\n .before\\\\:leading-xs:before {\n line-height: var(--w-line-height-xs)\n }\n\n .leading-\\\\[24\\\\] {\n line-height: 2.4rem\n }\n\n @media (max-width: 479.9px) {\n .lt-sm\\\\:rounded-b-0 {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0\n }\n }\n @media (min-width: 480px) {\n .sm\\\\:border-b-0 {\n border-bottom-width: 0\n }\n\n .sm\\\\:rounded-8 {\n border-radius: 8px\n }\n\n .sm\\\\:rounded-b-8 {\n border-bottom-left-radius: 8px;\n border-bottom-right-radius: 8px\n }\n\n .sm\\\\:gap-16 {\n gap: 1.6rem\n }\n\n .sm\\\\:place-content-center {\n place-content: center\n }\n\n .sm\\\\:place-items-center {\n place-items: center\n }\n\n .sm\\\\:h-24 {\n height: 2.4rem\n }\n\n .sm\\\\:min-h-48 {\n min-height: 4.8rem\n }\n\n .sm\\\\:w-24 {\n width: 2.4rem\n }\n\n .sm\\\\:min-h-\\\\[32px\\\\] {\n min-height: 32px\n }\n\n .sm\\\\:min-h-\\\\[44px\\\\] {\n min-height: 44px\n }\n\n .sm\\\\:min-h-\\\\[45\\\\] {\n min-height: 4.5rem\n }\n\n .sm\\\\:min-w-\\\\[32px\\\\] {\n min-width: 32px\n }\n\n .sm\\\\:min-w-\\\\[44px\\\\] {\n min-width: 44px\n }\n\n .sm\\\\:mx-0 {\n margin-left: 0rem;\n margin-right: 0rem\n }\n\n .sm\\\\:mx-16 {\n margin-left: 1.6rem;\n margin-right: 1.6rem\n }\n\n .sm\\\\:-ml-12 {\n margin-left: -1.2rem\n }\n\n .sm\\\\:-mr-12 {\n margin-right: -1.2rem\n }\n\n .sm\\\\:-mt-8 {\n margin-top: -.8rem\n }\n\n .sm\\\\:px-32 {\n padding-left: 3.2rem;\n padding-right: 3.2rem\n }\n\n .sm\\\\:py-0 {\n padding-top: 0rem;\n padding-bottom: 0rem\n }\n\n .sm\\\\:pb-32 {\n padding-bottom: 3.2rem\n }\n\n .sm\\\\:pt-24 {\n padding-top: 2.4rem\n }\n\n .sm\\\\:pt-32 {\n padding-top: 3.2rem\n }\n }\n @media (min-width: 768px) {\n .md\\\\:block {\n display: block\n }\n\n .md\\\\:hidden {\n display: none\n }\n }\n `);\n", "import { css } from \"lit\";\n\nexport const styles = css`\n\t:host {\n\t\t--_backdrop-bg: var(\n\t\t\t--w-c-modal-backdrop-color,\n\t\t\tlight-dark(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.75))\n\t\t);\n\t\t--_background-color: var(--w-c-modal-bg, var(--w-s-color-background));\n\t\t--_box-shadow: var(--w-c-modal-box-shadow, var(--w-shadow-l));\n\t\t--_color: var(--w-c-modal-color, var(--w-s-color-text));\n\t\t--_height: var(\n\t\t\t--w-c-modal-height,\n\t\t\tvar(--w-modal-height) /* --w-modal-height kept for backwards compat */\n\t\t);\n\t\t--_max-height: var(\n\t\t\t--w-c-modal-max-height,\n\t\t\tvar(--w-modal-max-height, 80%)\n\t\t\t\t/* --w-modal-max-height kept for backwards compat */\n\t\t);\n\t\t--_min-height: var(\n\t\t\t--w-c-modal-min-height,\n\t\t\tvar(--w-modal-min-heigh)\n\t\t\t\t/* --w-modal-min-height kept for backwards compat */\n\t\t);\n\t\t--_padding-bottom: var(\n\t\t\t--w-c-modal-padding-bottom,\n\t\t\tcalc(32px + env(safe-area-inset-bottom, 0px))\n\t\t);\n\t\t--_translate-distance: var(\n\t\t\t--w-c-modal-translate-distance,\n\t\t\tvar(--w-modal-translate-distance, 100%)\n\t\t\t\t/* --w-modal-translate-distance kept for backwards compat */\n\t\t);\n\t\t--_width: var(\n\t\t\t--w-c-modal-width,\n\t\t\tvar(--w-modal-width, 640px)\n\t\t\t\t/* --w-modal-width kept for backwards compat */\n\t\t);\n\t}\n\n\t[part=\"dialog\"] {\n\t\tbackground-color: transparent;\n\t\tborder-width: 0;\n\t\talign-items: flex-end;\n\t\tinset: 0rem;\n\t\theight: unset;\n\t\tmax-height: unset;\n\t\tmax-width: unset;\n\t\twidth: unset;\n\t\tmargin: auto;\n\t\tpadding: 0rem;\n\t\tbackface-visibility: hidden;\n\t}\n\n\t[part=\"dialog\"]::backdrop {\n\t\tbackground: var(--_backdrop-bg);\n\t}\n\n\t[part=\"wrapper\"] {\n\t\twill-change: height;\n\t\tborder-radius: 8px;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\toverflow: hidden;\n\t\tposition: relative;\n\t\tbackground-color: var(--_background-color);\n\t\tcolor: var(--_color);\n\t\tbox-shadow: var(--_box-shadow);\n\t\theight: var(--_height);\n\t\tmax-height: var(--_max-height);\n\t\tmin-height: var(--_min-height);\n\t\twidth: var(--_width);\n\t\tbackface-visibility: hidden;\n\t\tpadding-bottom: var(--_padding-bottom);\n\t\ttransition-property: all;\n\t\ttransition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\t\ttransition-duration: 150ms;\n\t\ttransition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t[part=\"content\"] {\n\t\tdisplay: block;\n\t\tflex-shrink: 1;\n\t\tflex-grow: 1;\n\t\toverflow-x: hidden;\n\t\toverflow-y: auto;\n\t\tposition: relative;\n\t\tmargin-bottom: 0rem;\n\t\tpadding-left: 1.6rem;\n\t\tpadding-right: 1.6rem;\n\t}\n\n\t@media (min-width: 480px) {\n\t\t[part=\"dialog\"] {\n\t\t\t--w-c-modal-translate-distance: 50%;\n\t\t\tplace-content: center;\n\t\t\tplace-items: center;\n\t\t}\n\t\t[part=\"wrapper\"] {\n\t\t\tmargin-left: 1.6rem;\n\t\t\tmargin-right: 1.6rem;\n\t\t\tpadding-bottom: 3.2rem;\n\t\t}\n\t\t[part=\"content\"] {\n\t\t\tpadding-left: 3.2rem;\n\t\t\tpadding-right: 3.2rem;\n\t\t}\n\t}\n\n\t@media (max-width: 479.9px) {\n\t\t[part=\"wrapper\"] {\n\t\t\tborder-bottom-left-radius: 0;\n\t\t\tborder-bottom-right-radius: 0;\n\t\t}\n\t}\n\n\t[part=\"dialog\"][open] {\n\t\tanimation: w-modal-in 0.3s ease-in-out forwards;\n\t\tdisplay: flex;\n\t\tposition: fixed;\n\t}\n\n\t[part=\"dialog\"].close {\n\t\tanimation: w-modal-out 0.3s ease-in-out forwards;\n\t}\n\n\t[part=\"dialog\"][open]::backdrop {\n\t\tanimation: backdrop-in 0.3s ease-in-out forwards;\n\t}\n\n\t[part=\"dialog\"].close::backdrop {\n\t\tanimation: backdrop-out 0.3s ease-in-out forwards;\n\t}\n\n\t/* shouldn't need two (in/out) animations declared here, but reversing is being weird */\n\t@keyframes w-modal-in {\n\t\tfrom {\n\t\t\ttransform: translateY(var(--_translate-distance));\n\t\t\topacity: 0;\n\t\t}\n\t\tto {\n\t\t\ttransform: translateY(0);\n\t\t\topacity: 1;\n\t\t}\n\t}\n\n\t@keyframes w-modal-out {\n\t\tfrom {\n\t\t\ttransform: translateY(0);\n\t\t\topacity: 1;\n\t\t}\n\t\tto {\n\t\t\ttransform: translateY(var(--_translate-distance));\n\t\t\topacity: 0;\n\t\t}\n\t}\n\n\t@keyframes backdrop-in {\n\t\tfrom {\n\t\t\tbackground: transparent;\n\t\t}\n\t\tto {\n\t\t\tbackground: var(--_backdrop-bg);\n\t\t}\n\t}\n\n\t@keyframes backdrop-out {\n\t\tfrom {\n\t\t\tbackground: var(--_backdrop-bg);\n\t\t}\n\t\tto {\n\t\t\tbackground: transparent;\n\t\t}\n\t}\n`;\n", "// eslint-disable-next-line\nexport declare type Constructor<T = Record<string, unknown>> = new (...args: any[]) => T;\n\nexport const CanCloseMixin: <TBase extends Constructor<HTMLElement>>(\n\tSuperClass: TBase,\n) => Constructor<{ close: () => void }> & TBase = (superClass) =>\n\tclass extends superClass {\n\t\tpatchClose = true;\n\t\t_close = null;\n\t\tclose() {\n\t\t\t// @ts-expect-error This should blow up so users implement the mixin\n\t\t\tthis._close();\n\t\t}\n\t};\n\nexport const ProvidesCanCloseToSlotsMixin: <\n\tTBase extends Constructor<HTMLElement>,\n>(\n\tSuperClass: TBase,\n) => Constructor<{ handleSlotChange: (evt: Event) => void }> & TBase = (\n\tsuperClass,\n) =>\n\tclass extends superClass {\n\t\t// HACK: slot-props don't seem to exist and neither does the context pattern for this\n\t\thandleSlotChange(evt: Event) {\n\t\t\t// @ts-expect-error It's fine, everything's fine\n\t\t\tconst children = evt.target.assignedNodes({ flatten: true });\n\t\t\t// @ts-expect-error It's fine, everything's fine\n\t\t\tfor (const child of children.filter((e) => e.patchClose)) {\n\t\t\t\t// @ts-expect-error users have to implement the close method\n\t\t\t\tchild._close = () => this.close();\n\t\t\t}\n\t\t}\n\t};\n"],
5
+ "mappings": "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AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAqRRG,EAAaF,EAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAsnE3B,EC74ET,OAAS,OAAAG,MAAW,MAEb,IAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA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",
6
6
  "names": ["html", "LitElement", "property", "query", "ifDefined", "n", "i", "r", "t", "h", "e", "s", "a", "d", "f", "m", "y", "o", "l", "p", "u", "b", "g", "E", "T", "css", "unsafeCSS", "reset", "components", "css", "styles", "ProvidesCanCloseToSlotsMixin", "superClass", "evt", "children", "child", "e", "WarpModal", "ProvidesCanCloseToSlotsMixin", "LitElement", "event", "command", "E", "T", "changedProperties", "verb", "evt", "html", "ifDefined", "reset", "styles", "__decorateClass", "property", "query", "ModalMain"]
7
7
  }
package/dist/packages/modal/modal.react.stories.d.ts CHANGED
@@ -3,7 +3,7 @@ import React from "react";
3
3
  import { Modal } from "./react";
4
4
  declare const _default: {
5
5
  title: string;
6
- component: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.HTMLAttributes<import("./modal").WarpModal>, "open" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "updated" | "render" | "renderOptions" | "show" | "close" | "contentId" | "ignoreBackdropClicks" | "onShown" | "onshown" | "onHidden" | "onhidden" | "handleSlotChange"> & {
6
+ component: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.HTMLAttributes<import("./modal").WarpModal>, "open" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "updated" | "render" | "renderOptions" | "show" | "close" | "contentId" | "ignoreBackdropClicks" | "handleSlotChange" | "onShown" | "onshown" | "onHidden" | "onhidden"> & {
7
7
  onShown?: ((e: CustomEvent<any>) => void) | undefined;
8
8
  onshown?: ((e: CustomEvent<any>) => void) | undefined;
9
9
  onHidden?: ((e: CustomEvent<any>) => void) | undefined;
package/dist/packages/modal/react.d.ts CHANGED
@@ -18,13 +18,13 @@ export { ModalHeader } from "../modal-header/react.js";
18
18
  * Open modal
19
19
  * </Button>
20
20
  * <Modal show={open} id="example-modal-one" onHidden={() => setOpen(false)} onShown={() => setOpen(true)}>
21
- * <ModalHeader slot="header" title="An example modal" />
22
- * <div slot="content">
21
+ * <ModalHeader title="An example modal" />
22
+ * <ModalContent>
23
23
  * <p>
24
24
  * <!-- modal content -->
25
25
  * </p>
26
- * </div>
27
- * <ModalFooter slot="footer">
26
+ * </ModalContent>
27
+ * <ModalFooter>
28
28
  * <Button variant="primary" id="modal-close-button-one" onClick={() => setOpen(false)}>
29
29
  * OK
30
30
  * </Button>
@@ -34,7 +34,7 @@ export { ModalHeader } from "../modal-header/react.js";
34
34
  * );
35
35
  * ```
36
36
  */
37
- export declare const Modal: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.HTMLAttributes<WarpModal>, "open" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "updated" | "render" | "renderOptions" | "show" | "close" | "contentId" | "ignoreBackdropClicks" | "onShown" | "onshown" | "onHidden" | "onhidden" | "handleSlotChange"> & {
37
+ export declare const Modal: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.HTMLAttributes<WarpModal>, "open" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "updated" | "render" | "renderOptions" | "show" | "close" | "contentId" | "ignoreBackdropClicks" | "handleSlotChange" | "onShown" | "onshown" | "onHidden" | "onhidden"> & {
38
38
  onShown?: ((e: CustomEvent<any>) => void) | undefined;
39
39
  onshown?: ((e: CustomEvent<any>) => void) | undefined;
40
40
  onHidden?: ((e: CustomEvent<any>) => void) | undefined;
@@ -43,3 +43,11 @@ export declare const Modal: React.ForwardRefExoticComponent<Omit<Omit<Omit<React
43
43
  contentId?: string;
44
44
  ignoreBackdropClicks?: boolean;
45
45
  } & React.RefAttributes<WarpModal>>;
46
+ /**
47
+ * Convenience component to get a root element in the content slot of the modal.
48
+ */
49
+ export declare const ModalContent: ({ ...props }: {
50
+ [x: string]: any;
51
+ }) => React.DetailedReactHTMLElement<{
52
+ slot: string;
53
+ }, HTMLElement>;
package/dist/packages/modal/react.js CHANGED
@@ -34,13 +34,13 @@ const BaseModal = createComponent({
34
34
  * Open modal
35
35
  * </Button>
36
36
  * <Modal show={open} id="example-modal-one" onHidden={() => setOpen(false)} onShown={() => setOpen(true)}>
37
- * <ModalHeader slot="header" title="An example modal" />
38
- * <div slot="content">
37
+ * <ModalHeader title="An example modal" />
38
+ * <ModalContent>
39
39
  * <p>
40
40
  * <!-- modal content -->
41
41
  * </p>
42
- * </div>
43
- * <ModalFooter slot="footer">
42
+ * </ModalContent>
43
+ * <ModalFooter>
44
44
  * <Button variant="primary" id="modal-close-button-one" onClick={() => setOpen(false)}>
45
45
  * OK
46
46
  * </Button>
@@ -57,3 +57,9 @@ export const Modal = React.forwardRef(({ contentId, ignoreBackdropClicks, ...pro
57
57
  ref,
58
58
  }));
59
59
  Modal.displayName = "Modal";
60
+ /**
61
+ * Convenience component to get a root element in the content slot of the modal.
62
+ */
63
+ export const ModalContent = ({ ...props }) => {
64
+ return React.createElement("div", { slot: "content", ...props });
65
+ };
package/dist/packages/modal/styles.js CHANGED
@@ -22,6 +22,10 @@ export const styles = css `
22
22
  var(--w-modal-min-heigh)
23
23
  /* --w-modal-min-height kept for backwards compat */
24
24
  );
25
+ --_padding-bottom: var(
26
+ --w-c-modal-padding-bottom,
27
+ calc(32px + env(safe-area-inset-bottom, 0px))
28
+ );
25
29
  --_translate-distance: var(
26
30
  --w-c-modal-translate-distance,
27
31
  var(--w-modal-translate-distance, 100%)
@@ -67,7 +71,7 @@ export const styles = css `
67
71
  min-height: var(--_min-height);
68
72
  width: var(--_width);
69
73
  backface-visibility: hidden;
70
- padding-bottom: calc(32px + env(safe-area-inset-bottom, 0px));
74
+ padding-bottom: var(--_padding-bottom);
71
75
  transition-property: all;
72
76
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
73
77
  transition-duration: 150ms;
package/dist/packages/modal-footer/react.d.ts CHANGED
@@ -1,7 +1,8 @@
1
+ import React from "react";
1
2
  import type { WarpModalFooter } from "./modal-footer.js";
2
3
  /**
3
4
  * The footer section of a modal, typically where you place actions.
4
5
  *
5
6
  * [Warp component reference](https://warp-ds.github.io/docs/components/modal/frameworks/elements)
6
7
  */
7
- export declare const ModalFooter: import("@lit/react").ReactWebComponent<WarpModalFooter, {}>;
8
+ export declare const ModalFooter: React.ForwardRefExoticComponent<Omit<Omit<React.HTMLAttributes<WarpModalFooter>, "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "render" | "renderOptions" | "close" | "handleSlotChange"> & {} & Partial<Omit<WarpModalFooter, keyof HTMLElement>> & React.RefAttributes<WarpModalFooter>, "ref"> & React.RefAttributes<WarpModalFooter>>;
package/dist/packages/modal-footer/react.js CHANGED
@@ -4,13 +4,19 @@ import React from "react";
4
4
  // decouple from CDN by providing a dummy class
5
5
  class Component extends LitElement {
6
6
  }
7
+ const BaseModalFooter = createComponent({
8
+ tagName: "w-modal-footer",
9
+ elementClass: Component,
10
+ react: React,
11
+ });
7
12
  /**
8
13
  * The footer section of a modal, typically where you place actions.
9
14
  *
10
15
  * [Warp component reference](https://warp-ds.github.io/docs/components/modal/frameworks/elements)
11
16
  */
12
- export const ModalFooter = createComponent({
13
- tagName: "w-modal-footer",
14
- elementClass: Component,
15
- react: React,
16
- });
17
+ export const ModalFooter = React.forwardRef(({ ...props }, ref) => React.createElement(BaseModalFooter, {
18
+ slot: "footer",
19
+ ...props,
20
+ ref,
21
+ }));
22
+ ModalFooter.displayName = "ModalFooter";
package/dist/packages/modal-header/react.js CHANGED
@@ -19,6 +19,7 @@ const BaseModalHeader = createComponent({
19
19
  * [Warp component reference](https://warp-ds.github.io/docs/components/modal/frameworks/elements)
20
20
  */
21
21
  export const ModalHeader = React.forwardRef(({ noClose, ...props }, ref) => React.createElement(BaseModalHeader, {
22
+ slot: "header",
22
23
  ...props,
23
24
  ...(noClose ? { "no-close": true } : {}),
24
25
  ref,
package/dist/web-types.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
3
3
  "name": "@warp-ds/elements",
4
- "version": "2.10.1-next.1",
4
+ "version": "2.11.0-next.1",
5
5
  "description-markup": "markdown",
6
6
  "contributions": {
7
7
  "html": {
@@ -1542,7 +1542,7 @@
1542
1542
  },
1543
1543
  {
1544
1544
  "name": "w-modal",
1545
- "description": "Modals (or dialogs) display important information that users need to acknowledge.\n\n[Warp component reference](https://warp-ds.github.io/docs/components/modal/frameworks/elements)\n---\n\n\n### **Events:**\n - **shown**\n- **hidden**\n\n### **Slots:**\n - **header** - Typically where you would use the `w-modal-header` component.\n- **content** - The main content of the modal.\n- **footer** - Typically where you would use the `w-modal-footer` component, for things like actions.\n\n### **CSS Properties:**\n - **--w-c-modal-backdrop-color** - undefined _(default: undefined)_\n- **--w-c-modal-bg** - undefined _(default: undefined)_\n- **--w-c-modal-box-shadow** - undefined _(default: undefined)_\n- **--w-c-modal-color** - undefined _(default: undefined)_\n- **--w-c-modal-height** - undefined _(default: undefined)_\n- **--w-c-modal-max-height** - undefined _(default: undefined)_\n- **--w-c-modal-min-height** - undefined _(default: undefined)_\n- **--w-c-modal-translate-distance** - undefined _(default: undefined)_\n- **--w-c-modal-width** - undefined _(default: undefined)_\n\n### **CSS Parts:**\n - **dialog** - the root element inside the component (`<dialog>` element).\n- **wrapper** - container for all elements, direct child of `<dialog>`.\n- **content** - the container for the `content` slot items (children).",
1545
+ "description": "Modals (or dialogs) display important information that users need to acknowledge.\n\n[Warp component reference](https://warp-ds.github.io/docs/components/modal/frameworks/elements)\n---\n\n\n### **Events:**\n - **shown**\n- **hidden**\n\n### **Slots:**\n - **header** - Typically where you would use the `w-modal-header` component.\n- **content** - The main content of the modal.\n- **footer** - Typically where you would use the `w-modal-footer` component, for things like actions.\n\n### **CSS Properties:**\n - **--w-c-modal-backdrop-color** - undefined _(default: undefined)_\n- **--w-c-modal-bg** - undefined _(default: undefined)_\n- **--w-c-modal-box-shadow** - undefined _(default: undefined)_\n- **--w-c-modal-color** - undefined _(default: undefined)_\n- **--w-c-modal-height** - undefined _(default: undefined)_\n- **--w-c-modal-max-height** - undefined _(default: undefined)_\n- **--w-c-modal-min-height** - undefined _(default: undefined)_\n- **--w-c-modal-translate-distance** - undefined _(default: undefined)_\n- **--w-c-modal-padding-bottom** - undefined _(default: undefined)_\n- **--w-c-modal-width** - undefined _(default: undefined)_\n\n### **CSS Parts:**\n - **dialog** - the root element inside the component (`<dialog>` element).\n- **wrapper** - container for all elements, direct child of `<dialog>`.\n- **content** - the container for the `content` slot items (children).",
1546
1546
  "doc-url": "",
1547
1547
  "attributes": [
1548
1548
  {
@@ -2852,6 +2852,7 @@
2852
2852
  { "name": "--w-c-modal-max-height" },
2853
2853
  { "name": "--w-c-modal-min-height" },
2854
2854
  { "name": "--w-c-modal-translate-distance" },
2855
+ { "name": "--w-c-modal-padding-bottom" },
2855
2856
  { "name": "--w-c-modal-width" },
2856
2857
  {
2857
2858
  "name": "--w-c-modal-footer-gap",
package/eik/index.js CHANGED
@@ -75,7 +75,7 @@ const Te={attribute:!0,type:String,converter:B,reflect:!1,hasChanged:H},Re=(e,t,
75
75
  * @license
76
76
  * Copyright 2017 Google LLC
77
77
  * SPDX-License-Identifier: BSD-3-Clause
78
- */;class Us extends He{constructor(e){if(super(e),this.it=me,e.type!==Le)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===me||null==e)return this._t=void 0,this.it=e;if(e===ge)return e;if("string"!=typeof e)throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}}Us.directiveName="unsafeHTML",Us.resultType=1;const Xs=Be(Us);class Js extends Pe{static#e=this.properties={level:{type:Number}};get _markup(){return`<h${this.level}\n style="margin: 0; font-weight: unset; font-size: unset; line-height: unset;"\n >\n <slot></slot>\n </h${this.level}>\n`}render(){return this.level?Xs(this._markup):be`<slot></slot>`}}customElements.get("w-unstyled-heading")||customElements.define("w-unstyled-heading",Js);const Ks=A("*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.t4{font-weight:700;font-size:var(--w-font-size-m);line-height:var(--w-line-height-m)}.text-left{text-align:left}.align-middle{vertical-align:middle}.bg-transparent{background-color:#0000}.appearance-none{-webkit-appearance:none;appearance:none}.will-change-height{will-change:height}.border-0{border-width:0}.border-2{border-width:2px}.rounded-8{border-radius:8px}.rounded-l-0{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-r-0{border-top-right-radius:0;border-bottom-right-radius:0}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.hover\\:underline:hover{text-decoration-line:underline}.focus-visible\\:underline:focus-visible{text-decoration-line:underline}.overflow-hidden{overflow:hidden}.focus\\:outline-none:focus{outline-offset:2px;outline:2px solid #0000}.items-center{align-items:center}.justify-between{justify-content:space-between}.relative{position:relative}.static{position:static}.s-bg{background-color:var(--w-s-color-background)}.s-bg-info-subtle{background-color:var(--w-s-color-background-info-subtle)}.s-bg-subtle{background-color:var(--w-s-color-background-subtle)}.hover\\:s-bg-subtle-hover:hover{background-color:var(--w-s-color-background-subtle-hover)}.active\\:s-bg-subtle-active:active{background-color:var(--w-s-color-background-subtle-active)}.s-text{color:var(--w-s-color-text)}.s-icon{color:var(--w-s-color-icon)}.s-border{border-color:var(--w-s-color-border)}.s-surface-sunken{background-color:var(--w-s-color-surface-sunken)}.h-0{height:0}.w-full{width:100%}.m-0{margin:0}.-mx-16{margin-left:-1.6rem;margin-right:-1.6rem}.last-child\\:mb-0>:last-child{margin-bottom:0}.ml-8{margin-left:.8rem}.px-0{padding-left:0;padding-right:0}.px-16{padding-left:1.6rem;padding-right:1.6rem}.py-0{padding-top:0;padding-bottom:0}.py-16{padding-top:1.6rem;padding-bottom:1.6rem}.pt-0{padding-top:0}.pt-16{padding-top:1.6rem}.pt-8{padding-top:.8rem}.invisible{visibility:hidden}.break-words{overflow-wrap:break-word}.cursor-pointer{cursor:pointer}.-rotate-180{--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-rotate:-180deg;transform:translateX(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.part-\\[w-chevrondown\\]\\:-rotate-180::part(w-chevrondown){--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-rotate:-180deg;transform:translateX(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.rotate-180{--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-rotate:180deg;transform:translateX(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.part-\\[w-chevronup\\]\\:rotate-180::part(w-chevronup){--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-rotate:180deg;transform:translateX(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.transform{transform:translateX(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.part-\\[w-chevrondown\\]\\:transform::part(w-chevrondown){transform:translateX(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.part-\\[w-chevronup\\]\\:transform::part(w-chevronup){transform:translateX(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.transform-gpu{transform:translate3d(var(--w-translate-x), var(--w-translate-y), var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.part-\\[w-chevrondown\\]\\:transform-gpu::part(w-chevrondown){transform:translate3d(var(--w-translate-x), var(--w-translate-y), var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.part-\\[w-chevronup\\]\\:transform-gpu::part(w-chevronup){transform:translate3d(var(--w-translate-x), var(--w-translate-y), var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.transition-transform{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.part-\\[w-chevrondown\\]\\:transition-transform::part(w-chevrondown){transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.part-\\[w-chevronup\\]\\:transition-transform::part(w-chevronup){transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.part-\\[w-chevrondown\\]\\:ease-in-out::part(w-chevrondown){transition-timing-function:cubic-bezier(.4,0,.2,1)}.part-\\[w-chevronup\\]\\:ease-in-out::part(w-chevronup){transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width:480px){.sm\\:rounded-8{border-radius:8px}.sm\\:mx-0{margin-left:0;margin-right:0}}");var Zs=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};const Qs="group block relative break-words last-child:mb-0 px-16 rounded-8",Gs="will-change-height s-text py-16",el="s-bg-subtle hover:s-bg-subtle-hover active:s-bg-subtle-active py-0 px-0 group block relative break-words last-child:mb-0 rounded-8",tl="-mx-16 rounded-l-0 rounded-r-0 sm:mx-0 sm:rounded-8",rl="inline-block align-middle s-icon",ol="ml-8",nl="part-[w-chevrondown]:transform part-[w-chevrondown]:transition-transform part-[w-chevrondown]:transform-gpu part-[w-chevrondown]:ease-in-out",al="part-[w-chevronup]:transform part-[w-chevronup]:transition-transform part-[w-chevronup]:transform-gpu part-[w-chevronup]:ease-in-out",il="part-[w-chevrondown]:-rotate-180",sl="part-[w-chevronup]:rotate-180",ll="overflow-hidden",dl="h-0 invisible",cl="focus:outline-none appearance-none cursor-pointer bg-transparent border-0 m-0 hover:underline focus-visible:underline",hl="w-full text-left relative inline-flex items-center justify-between group relative break-words last-child:mb-0 px-16 rounded-8",ul="pt-0",pl="flex w-full justify-between items-center",bl="t4";class gl extends Pe{constructor(){super(...arguments),this.expanded=!1,this.box=!1,this.bleed=!1,this.noChevron=!1,this.animated=!1,this._hasTitle=!0,this._showChevronUp=!1}static#e=this.styles=[nt,Ks,D`:host{display:block}::slotted(:last-child){margin-bottom:0!important}`];updated(e){e.has("expanded")&&setTimeout(()=>{this._showChevronUp=this.expanded},200)}firstUpdated(){const e=Boolean(this.title),t=this.renderRoot.querySelector("slot[name='title']")?.assignedNodes().length>0;this._hasTitle=e||t}get#Y(){return e([Gs,this.box&&el,this.bleed&&tl])}get#U(){return e(this.buttonClass,[cl,this.box&&hl])}get#X(){return e([rl,!this.box&&ol])}get#J(){const t=e([al,"flex",!this.expanded&&this._showChevronUp&&sl]),r=e([nl,"flex",this.expanded&&!this._showChevronUp&&il]),o=Ze();return this._showChevronUp?be`<w-icon name="ChevronUp" size="small" locale="${o}" class="${t}"></w-icon>`:be`<w-icon name="ChevronDown" size="small" locale="${o}" class="${r}"></w-icon>`}get#K(){return e(this.contentClass,[this.box?"pt-16":"pt-8",this.box&&Qs,this._hasTitle&&this.box&&ul])}get#Z(){return e([ll,!this.expanded&&dl])}get _expandableSlot(){return be`<div class="${this.#K}"><slot></slot></div>`}render(){return be`<div class="${this.#Y}">${this._hasTitle?be`<w-unstyled-heading level="${Ue(this.headingLevel)}"><button type="button" aria-expanded="${this.expanded}" class="${this.#U}" @click="${()=>this.expanded=!this.expanded}"><div class="${pl}">${this.title?be`<span class="${bl}">${this.title}</span>`:be`<slot name="title"></slot>`} ${this.noChevron?"":be`<div class="${this.#X}">${this.#J}</div>`}</div></button></w-unstyled-heading>`:""} ${this.animated?be`<w-expand-transition ?show="${this.expanded}">${this._expandableSlot}</w-expand-transition>`:be`<div class="${this.#Z}" aria-hidden="${Ue(!this.expanded||void 0)}">${this._expandableSlot}</div>`}</div>`}}Zs([je({type:Boolean,reflect:!0})],gl.prototype,"expanded",void 0),Zs([je({type:String})],gl.prototype,"title",void 0),Zs([je({type:Boolean})],gl.prototype,"box",void 0),Zs([je({type:Boolean})],gl.prototype,"bleed",void 0),Zs([je({attribute:"button-class",type:String})],gl.prototype,"buttonClass",void 0),Zs([je({attribute:"content-class",type:String})],gl.prototype,"contentClass",void 0),Zs([je({attribute:"no-chevron",type:Boolean})],gl.prototype,"noChevron",void 0),Zs([je({type:Boolean})],gl.prototype,"animated",void 0),Zs([je({attribute:"heading-level",type:Number})],gl.prototype,"headingLevel",void 0),Zs([je({type:Boolean,state:!0})],gl.prototype,"_hasTitle",void 0),Zs([je({type:Boolean,state:!0})],gl.prototype,"_showChevronUp",void 0),customElements.get("w-expandable")||customElements.define("w-expandable",gl);let ml=[];const vl={documentElement:{},body:{}},fl=Object.freeze({documentElement:{"scrollbar-gutter":"stable"},body:{overflow:"hidden",position:"relative",height:"100%"}}),wl=e=>{e.touches.length>1||e.preventDefault?.()},yl=()=>Object.entries(fl).forEach(e=>{let[t,r]=e;Object.entries(r).forEach((e=>t=>{let[r,o]=t;vl[e][r]=document[e].style[r],document[e].style[r]=o})(t))}),xl=()=>Object.entries(vl).forEach(e=>{let[t,r]=e;Object.entries(r).forEach((e=>t=>{let[r,o]=t;document[e].style[r]=vl[e][r]})(t))});function kl(e){let t=-1;e.ontouchstart=e=>{1===e.targetTouches.length&&(t=e.targetTouches[0].clientY)},e.ontouchmove=r=>{if(1!==r.targetTouches.length)return;const o=r.targetTouches[0].clientY-t;return 0===e.scrollTop&&o>0||(e=>e.scrollHeight-Math.abs(e.scrollTop)===e.clientHeight)(e)&&o<0?wl(r):(r.stopPropagation(),!0)}}function _l(e){e.ontouchstart=null,e.ontouchmove=null}const $l=e=>()=>document[e?"addEventListener":"removeEventListener"]("touchmove",wl,{passive:!1}),Sl=$l(!0),El=$l();const Cl=D`:host{--_backdrop-bg:var(--w-c-modal-backdrop-color,light-dark(#0000004d,#000000bf));--_background-color:var(--w-c-modal-bg,var(--w-s-color-background));--_box-shadow:var(--w-c-modal-box-shadow,var(--w-shadow-l));--_color:var(--w-c-modal-color,var(--w-s-color-text));--_height:var(--w-c-modal-height,var(--w-modal-height) );--_max-height:var(--w-c-modal-max-height,var(--w-modal-max-height,80%) );--_min-height:var(--w-c-modal-min-height,var(--w-modal-min-heigh) );--_translate-distance:var(--w-c-modal-translate-distance,var(--w-modal-translate-distance,100%) );--_width:var(--w-c-modal-width,var(--w-modal-width,640px) )}[part=dialog]{height:unset;max-height:unset;max-width:unset;width:unset;backface-visibility:hidden;background-color:#0000;border-width:0;align-items:flex-end;margin:auto;padding:0;inset:0}[part=dialog]::backdrop{background:var(--_backdrop-bg)}[part=wrapper]{will-change:height;background-color:var(--_background-color);color:var(--_color);box-shadow:var(--_box-shadow);height:var(--_height);max-height:var(--_max-height);min-height:var(--_min-height);width:var(--_width);backface-visibility:hidden;padding-bottom:calc(32px + env(safe-area-inset-bottom,0px));border-radius:8px;flex-direction:column;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}[part=content]{flex-grow:1;flex-shrink:1;margin-bottom:0;padding-left:1.6rem;padding-right:1.6rem;display:block;position:relative;overflow:hidden auto}@media (width>=480px){[part=dialog]{--w-c-modal-translate-distance:50%;place-content:center;place-items:center}[part=wrapper]{margin-left:1.6rem;margin-right:1.6rem;padding-bottom:3.2rem}[part=content]{padding-left:3.2rem;padding-right:3.2rem}}@media (width<=479.9px){[part=wrapper]{border-bottom-right-radius:0;border-bottom-left-radius:0}}[part=dialog][open]{animation:.3s ease-in-out forwards w-modal-in;display:flex;position:fixed}[part=dialog].close{animation:.3s ease-in-out forwards w-modal-out}[part=dialog][open]::backdrop{animation:.3s ease-in-out forwards backdrop-in}[part=dialog].close::backdrop{animation:.3s ease-in-out forwards backdrop-out}@keyframes w-modal-in{0%{transform:translateY(var(--_translate-distance));opacity:0}to{opacity:1;transform:translateY(0)}}@keyframes w-modal-out{0%{opacity:1;transform:translateY(0)}to{transform:translateY(var(--_translate-distance));opacity:0}}@keyframes backdrop-in{0%{background:0 0}to{background:var(--_backdrop-bg)}}@keyframes backdrop-out{0%{background:var(--_backdrop-bg)}to{background:0 0}}`,zl=e=>class extends e{constructor(){super(...arguments),this.patchClose=!0,this._close=null}close(){this._close()}},Ol=e=>class extends e{handleSlotChange(e){const t=e.target.assignedNodes({flatten:!0});for(const e of t.filter(e=>e.patchClose))e._close=()=>this.close()}};var Al=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};class Dl extends(Ol(Pe)){static#e=this.styles=[nt,Cl];constructor(){super(),this.show=!1,this.ignoreBackdropClicks=!1,this._isClosing=!1,this.interceptEscape=this.interceptEscape.bind(this),this.closeOnBackdropClick=this.closeOnBackdropClick.bind(this),this.eventPreventer=this.eventPreventer.bind(this),this.modifyBorderRadius=this.modifyBorderRadius.bind(this)}connectedCallback(){super.connectedCallback(),this.addEventListener("command",e=>{const t=e.command;"--show-modal"===t?this.open():"--close"!==t&&"--confirm"!==t||this.close()})}async open(){this._isClosing=!1,this.dialogEl.classList.remove("close"),this.dialogEl.showModal(),this.handleListeners(),function(e){if(!e)throw Error("Could not run setup, an element must be provided");ml.some(t=>t===e)||(ml.length||(yl(),Sl()),kl(e),ml.push(e))}(this.contentEl),await this.updateComplete,this.dispatchEvent(new CustomEvent("shown",{bubbles:!0,composed:!0}))}close(){this.dialogEl?.open&&(this._isClosing=!0,this.handleListeners("removeEventListener"),this.dialogEl.classList.add("close"),this.dialogEl.addEventListener("animationend",async e=>{"w-modal-out"===e.animationName&&this._isClosing&&(this.dialogEl.classList.remove("close"),this.dialogEl.close(),this._isClosing=!1,ml.forEach(_l),El(),xl(),ml=[],this.show=!1,await this.updateComplete,this.dispatchEvent(new CustomEvent("hidden",{bubbles:!0,composed:!0})))},{once:!0}))}updated(e){if(!e.has("show"))return;void 0===e.get("show")&&!1===this.show||this[this.show?"open":"close"]()}handleListeners(e){void 0===e&&(e="addEventListener"),document[e]("keydown",this.interceptEscape),this.ignoreBackdropClicks||this.dialogEl[e]("mousedown",this.closeOnBackdropClick),this.dialogEl[e]("close",this.eventPreventer),this.dialogEl[e]("cancel",this.eventPreventer),this.dialogInnerEl[e]("transitionend",this.modifyBorderRadius)}eventPreventer(e){e.preventDefault()}closeOnBackdropClick(e){this.dialogEl===e.target&&this.close()}interceptEscape(e){"Escape"===e.key&&(e.preventDefault(),this.close())}modifyBorderRadius(){1.02*this.dialogInnerEl.scrollHeight>innerHeight?this.dialogInnerEl.style.borderRadius="0px":this.dialogInnerEl.style.borderRadius=null}render(){return be`<dialog part="dialog"><div part="wrapper"><slot name="header" @slotchange="${this.handleSlotChange}"></slot><div part="content" id="${Ue(this.contentId)}"><slot name="content" @slotchange="${this.handleSlotChange}"></slot></div><slot name="footer" @slotchange="${this.handleSlotChange}"></slot></div></dialog>`}}Al([je({type:Boolean})],Dl.prototype,"show",void 0),Al([je({type:String,attribute:"content-id"})],Dl.prototype,"contentId",void 0),Al([je({type:Boolean,attribute:"ignore-backdrop-clicks"})],Dl.prototype,"ignoreBackdropClicks",void 0),Al([Ie('[part="dialog"]')],Dl.prototype,"dialogEl",void 0),Al([Ie('[part="wrapper"]')],Dl.prototype,"dialogInnerEl",void 0),Al([Ie('[part="content"]')],Dl.prototype,"contentEl",void 0);const Pl=Dl;customElements.get("w-modal")||customElements.define("w-modal",Dl);const Ml=D`:host{--_gap:var(--w-c-modal-footer-gap,8px)}[part=footer]{justify-content:flex-end;gap:var(--_gap);padding-top:2.4rem;padding-left:1.6rem;padding-right:1.6rem;display:flex}@media (width>=480px){[part=footer]{padding-left:3.2rem;padding-right:3.2rem}}`;class Tl extends(zl(Ol(Pe))){static#e=this.styles=[nt,Ml];render(){return be`<slot part="footer" @slotchange="${this.handleSlotChange}"></slot>`}}const Rl=Tl;customElements.get("w-modal-footer")||customElements.define("w-modal-footer",Tl);const jl=e=>{let{dx:t,dy:r}=e;return[{transform:`translate(${t}px, ${r}px)`},{transform:"none"}]},Nl={easing:"ease",duration:300};let Vl=!1;if("undefined"!=typeof window){const e=window.matchMedia("(prefers-reduced-motion: reduce)"),t=e=>{let{matches:t}=e;return Vl=t};e.addEventListener&&e.addEventListener("change",t),t(e)}class Il{constructor(e,{animation:t={},keyframes:r,respectReduceMotion:o=!0}={}){this.el=e,this.first={},this.last={},this.userAnimationOptions=t,this.keyframeGenerator=r||jl,this.shouldReduceMotion=o}async when(e){this.prep();const t=await e();return await this.play(),t}prep(){this.first=this.el.getBoundingClientRect()}async play(){if(this.last=this.el.getBoundingClientRect(),!this.el.animate)return;const e=this.el.animate(this.keyframes,this.animationOptions);await e.finished}get keyframes(){return this.keyframeGenerator((e=this.first,t=this.last,{dx:e.left-t.left,dy:e.top-t.top,dw:e.width/t.width,dh:e.height/t.height,first:e,last:t}));var e,t}get defaults(){return Nl}get mergedOptions(){return{...this.defaults,...this.userAnimationOptions}}get animationOptions(){return this.shouldReduceMotion&&Vl?{...this.mergedOptions,duration:0}:this.mergedOptions}}const Fl=JSON.parse('{"modal.aria.back":["Tilbage"],"modal.aria.close":["Luk"]}'),Ll=JSON.parse('{"modal.aria.back":["Back"],"modal.aria.close":["Close"]}'),ql=JSON.parse('{"modal.aria.back":["Takaisin"],"modal.aria.close":["Sulje"]}'),Wl=JSON.parse('{"modal.aria.back":["Tilbake"],"modal.aria.close":["Lukk"]}'),Bl=JSON.parse('{"modal.aria.back":["Tillbaka"],"modal.aria.close":["Stäng"]}'),Hl=D`:host{--_font-size:var(--w-c-modal-header-font-size,var(--w-font-size-l));--_line-height:var(--w-c-modal-header-line-height,var(--w-line-height-l));--_title-margin:0 0 6px 0;--_title-padding:22px 0 0 16px;--_close-button-top:14px;--_close-button-right:0px;--_header-margin-bottom:var(--w-c-modal-header-margin-bottom,8px)}@media (width>=480px){:host{--_title-padding:22px 0 0 32px;--_close-button-right:14px}}[part=header]{margin-bottom:var(--_header-margin-bottom);grid-template:"top top top""title title title";display:grid}[part=header][show-back]:not([show-close]){grid-template:"top top top""back title title"}[part=header][show-close]:not([show-back]){grid-template:"top top top""title title close"}[part=header][show-back][show-close]{grid-template:"top top top""back title close"/44px 1fr 44px}[part=top]::slotted(*){grid-area:top}[part=title]{margin:var(--_title-margin);padding:var(--_title-padding);font-weight:700;font-size:var(--_font-size);line-height:var(--_line-height);grid-area:title}[part=header][show-back] [part=title]{text-align:center}[part=back]{grid-area:back;margin-block-end:-2px;padding-block-start:14px;padding-inline-start:18px}[part=header][show-back] [part=title]{padding-inline-start:0}[part=close]{top:var(--_close-button-top);right:var(--_close-button-right);grid-area:close;position:absolute}[part=header][show-top] [part=close]{--w-c-button-color:var(--w-s-color-icon-inverted-static);--w-c-button-color-hover:var(--w-s-color-icon-inverted-static);--w-c-button-color-active:var(--w-s-color-icon-inverted-static);--w-c-button-bg:rgba(var(--w-rgb-black), .7);--w-c-button-bg-hover:rgba(var(--w-rgb-black), .85);--w-c-button-bg-active:rgba(var(--w-rgb-black), 1)}`;var Yl=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};class Ul extends(zl(Pe)){static#e=this.styles=[nt,Hl];constructor(){super(),this.back=!1,this.noClose=!1,this._hasTopContent=!1,Qe(Ll,Wl,ql,Fl,Bl)}async willUpdate(e){if(e.has("back")){if(!this.titleEl)return;new Il(this.titleEl).when(async()=>{await this.updateComplete})}}emitBack(){this.dispatchEvent(new CustomEvent("backClicked",{bubbles:!0,composed:!0}))}handleTopSlotChange(e){const t=e.target.assignedElements({flatten:!0});this._hasTopContent=!!t.length}render(){const e=this.back&&!this._hasTopContent,t=!this.noClose;return be`<div part="header" ?show-top="${this._hasTopContent}" ?show-back="${e}" ?show-close="${t}"><slot part="top" name="top" @slotchange="${this.handleTopSlotChange}"></slot>${e?be`<w-button type="button" part="back" aria-label="${y._({id:"modal.aria.back",message:"Back",comment:"Aria label for the back button in modal"})}" variant="pill" icon-only @click="${this.emitBack}"><w-icon name="ArrowLeft" size="small" locale="${Ze()}"></w-icon></w-button>`:me}<p part="title">${this.title}</p>${t?be`<w-button type="button" part="close" aria-label="${y._({id:"modal.aria.close",message:"Close",comment:"Aria label for the close button in modal"})}" variant="pill" icon-only @click="${this.close}"><w-icon name="Close" size="small" locale="${Ze()}" style="height:16px" class="flex"></w-icon></w-button>`:me}</div>`}}Yl([je({type:String})],Ul.prototype,"title",void 0),Yl([je({type:Boolean})],Ul.prototype,"back",void 0),Yl([je({type:Boolean,attribute:"no-close"})],Ul.prototype,"noClose",void 0),Yl([Ne()],Ul.prototype,"_hasTopContent",void 0),Yl([Ie('[part="title"]')],Ul.prototype,"titleEl",void 0);const Xl=Ul;customElements.get("w-modal-header")||customElements.define("w-modal-header",Ul)
78
+ */;class Us extends He{constructor(e){if(super(e),this.it=me,e.type!==Le)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===me||null==e)return this._t=void 0,this.it=e;if(e===ge)return e;if("string"!=typeof e)throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}}Us.directiveName="unsafeHTML",Us.resultType=1;const Xs=Be(Us);class Js extends Pe{static#e=this.properties={level:{type:Number}};get _markup(){return`<h${this.level}\n style="margin: 0; font-weight: unset; font-size: unset; line-height: unset;"\n >\n <slot></slot>\n </h${this.level}>\n`}render(){return this.level?Xs(this._markup):be`<slot></slot>`}}customElements.get("w-unstyled-heading")||customElements.define("w-unstyled-heading",Js);const Ks=A("*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.t4{font-weight:700;font-size:var(--w-font-size-m);line-height:var(--w-line-height-m)}.text-left{text-align:left}.align-middle{vertical-align:middle}.bg-transparent{background-color:#0000}.appearance-none{-webkit-appearance:none;appearance:none}.will-change-height{will-change:height}.border-0{border-width:0}.border-2{border-width:2px}.rounded-8{border-radius:8px}.rounded-l-0{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-r-0{border-top-right-radius:0;border-bottom-right-radius:0}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.hover\\:underline:hover{text-decoration-line:underline}.focus-visible\\:underline:focus-visible{text-decoration-line:underline}.overflow-hidden{overflow:hidden}.focus\\:outline-none:focus{outline-offset:2px;outline:2px solid #0000}.items-center{align-items:center}.justify-between{justify-content:space-between}.relative{position:relative}.static{position:static}.s-bg{background-color:var(--w-s-color-background)}.s-bg-info-subtle{background-color:var(--w-s-color-background-info-subtle)}.s-bg-subtle{background-color:var(--w-s-color-background-subtle)}.hover\\:s-bg-subtle-hover:hover{background-color:var(--w-s-color-background-subtle-hover)}.active\\:s-bg-subtle-active:active{background-color:var(--w-s-color-background-subtle-active)}.s-text{color:var(--w-s-color-text)}.s-icon{color:var(--w-s-color-icon)}.s-border{border-color:var(--w-s-color-border)}.s-surface-sunken{background-color:var(--w-s-color-surface-sunken)}.h-0{height:0}.w-full{width:100%}.m-0{margin:0}.-mx-16{margin-left:-1.6rem;margin-right:-1.6rem}.last-child\\:mb-0>:last-child{margin-bottom:0}.ml-8{margin-left:.8rem}.px-0{padding-left:0;padding-right:0}.px-16{padding-left:1.6rem;padding-right:1.6rem}.py-0{padding-top:0;padding-bottom:0}.py-16{padding-top:1.6rem;padding-bottom:1.6rem}.pt-0{padding-top:0}.pt-16{padding-top:1.6rem}.pt-8{padding-top:.8rem}.invisible{visibility:hidden}.break-words{overflow-wrap:break-word}.cursor-pointer{cursor:pointer}.-rotate-180{--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-rotate:-180deg;transform:translateX(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.part-\\[w-chevrondown\\]\\:-rotate-180::part(w-chevrondown){--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-rotate:-180deg;transform:translateX(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.rotate-180{--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-rotate:180deg;transform:translateX(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.part-\\[w-chevronup\\]\\:rotate-180::part(w-chevronup){--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-rotate:180deg;transform:translateX(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.transform{transform:translateX(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.part-\\[w-chevrondown\\]\\:transform::part(w-chevrondown){transform:translateX(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.part-\\[w-chevronup\\]\\:transform::part(w-chevronup){transform:translateX(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.transform-gpu{transform:translate3d(var(--w-translate-x), var(--w-translate-y), var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.part-\\[w-chevrondown\\]\\:transform-gpu::part(w-chevrondown){transform:translate3d(var(--w-translate-x), var(--w-translate-y), var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.part-\\[w-chevronup\\]\\:transform-gpu::part(w-chevronup){transform:translate3d(var(--w-translate-x), var(--w-translate-y), var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.transition-transform{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.part-\\[w-chevrondown\\]\\:transition-transform::part(w-chevrondown){transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.part-\\[w-chevronup\\]\\:transition-transform::part(w-chevronup){transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.part-\\[w-chevrondown\\]\\:ease-in-out::part(w-chevrondown){transition-timing-function:cubic-bezier(.4,0,.2,1)}.part-\\[w-chevronup\\]\\:ease-in-out::part(w-chevronup){transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width:480px){.sm\\:rounded-8{border-radius:8px}.sm\\:mx-0{margin-left:0;margin-right:0}}");var Zs=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};const Qs="group block relative break-words last-child:mb-0 px-16 rounded-8",Gs="will-change-height s-text py-16",el="s-bg-subtle hover:s-bg-subtle-hover active:s-bg-subtle-active py-0 px-0 group block relative break-words last-child:mb-0 rounded-8",tl="-mx-16 rounded-l-0 rounded-r-0 sm:mx-0 sm:rounded-8",rl="inline-block align-middle s-icon",ol="ml-8",nl="part-[w-chevrondown]:transform part-[w-chevrondown]:transition-transform part-[w-chevrondown]:transform-gpu part-[w-chevrondown]:ease-in-out",al="part-[w-chevronup]:transform part-[w-chevronup]:transition-transform part-[w-chevronup]:transform-gpu part-[w-chevronup]:ease-in-out",il="part-[w-chevrondown]:-rotate-180",sl="part-[w-chevronup]:rotate-180",ll="overflow-hidden",dl="h-0 invisible",cl="focus:outline-none appearance-none cursor-pointer bg-transparent border-0 m-0 hover:underline focus-visible:underline",hl="w-full text-left relative inline-flex items-center justify-between group relative break-words last-child:mb-0 px-16 rounded-8",ul="pt-0",pl="flex w-full justify-between items-center",bl="t4";class gl extends Pe{constructor(){super(...arguments),this.expanded=!1,this.box=!1,this.bleed=!1,this.noChevron=!1,this.animated=!1,this._hasTitle=!0,this._showChevronUp=!1}static#e=this.styles=[nt,Ks,D`:host{display:block}::slotted(:last-child){margin-bottom:0!important}`];updated(e){e.has("expanded")&&setTimeout(()=>{this._showChevronUp=this.expanded},200)}firstUpdated(){const e=Boolean(this.title),t=this.renderRoot.querySelector("slot[name='title']")?.assignedNodes().length>0;this._hasTitle=e||t}get#Y(){return e([Gs,this.box&&el,this.bleed&&tl])}get#U(){return e(this.buttonClass,[cl,this.box&&hl])}get#X(){return e([rl,!this.box&&ol])}get#J(){const t=e([al,"flex",!this.expanded&&this._showChevronUp&&sl]),r=e([nl,"flex",this.expanded&&!this._showChevronUp&&il]),o=Ze();return this._showChevronUp?be`<w-icon name="ChevronUp" size="small" locale="${o}" class="${t}"></w-icon>`:be`<w-icon name="ChevronDown" size="small" locale="${o}" class="${r}"></w-icon>`}get#K(){return e(this.contentClass,[this.box?"pt-16":"pt-8",this.box&&Qs,this._hasTitle&&this.box&&ul])}get#Z(){return e([ll,!this.expanded&&dl])}get _expandableSlot(){return be`<div class="${this.#K}"><slot></slot></div>`}render(){return be`<div class="${this.#Y}">${this._hasTitle?be`<w-unstyled-heading level="${Ue(this.headingLevel)}"><button type="button" aria-expanded="${this.expanded}" class="${this.#U}" @click="${()=>this.expanded=!this.expanded}"><div class="${pl}">${this.title?be`<span class="${bl}">${this.title}</span>`:be`<slot name="title"></slot>`} ${this.noChevron?"":be`<div class="${this.#X}">${this.#J}</div>`}</div></button></w-unstyled-heading>`:""} ${this.animated?be`<w-expand-transition ?show="${this.expanded}">${this._expandableSlot}</w-expand-transition>`:be`<div class="${this.#Z}" aria-hidden="${Ue(!this.expanded||void 0)}">${this._expandableSlot}</div>`}</div>`}}Zs([je({type:Boolean,reflect:!0})],gl.prototype,"expanded",void 0),Zs([je({type:String})],gl.prototype,"title",void 0),Zs([je({type:Boolean})],gl.prototype,"box",void 0),Zs([je({type:Boolean})],gl.prototype,"bleed",void 0),Zs([je({attribute:"button-class",type:String})],gl.prototype,"buttonClass",void 0),Zs([je({attribute:"content-class",type:String})],gl.prototype,"contentClass",void 0),Zs([je({attribute:"no-chevron",type:Boolean})],gl.prototype,"noChevron",void 0),Zs([je({type:Boolean})],gl.prototype,"animated",void 0),Zs([je({attribute:"heading-level",type:Number})],gl.prototype,"headingLevel",void 0),Zs([je({type:Boolean,state:!0})],gl.prototype,"_hasTitle",void 0),Zs([je({type:Boolean,state:!0})],gl.prototype,"_showChevronUp",void 0),customElements.get("w-expandable")||customElements.define("w-expandable",gl);let ml=[];const vl={documentElement:{},body:{}},fl=Object.freeze({documentElement:{"scrollbar-gutter":"stable"},body:{overflow:"hidden",position:"relative",height:"100%"}}),wl=e=>{e.touches.length>1||e.preventDefault?.()},yl=()=>Object.entries(fl).forEach(e=>{let[t,r]=e;Object.entries(r).forEach((e=>t=>{let[r,o]=t;vl[e][r]=document[e].style[r],document[e].style[r]=o})(t))}),xl=()=>Object.entries(vl).forEach(e=>{let[t,r]=e;Object.entries(r).forEach((e=>t=>{let[r,o]=t;document[e].style[r]=vl[e][r]})(t))});function kl(e){let t=-1;e.ontouchstart=e=>{1===e.targetTouches.length&&(t=e.targetTouches[0].clientY)},e.ontouchmove=r=>{if(1!==r.targetTouches.length)return;const o=r.targetTouches[0].clientY-t;return 0===e.scrollTop&&o>0||(e=>e.scrollHeight-Math.abs(e.scrollTop)===e.clientHeight)(e)&&o<0?wl(r):(r.stopPropagation(),!0)}}function _l(e){e.ontouchstart=null,e.ontouchmove=null}const $l=e=>()=>document[e?"addEventListener":"removeEventListener"]("touchmove",wl,{passive:!1}),Sl=$l(!0),El=$l();const Cl=D`:host{--_backdrop-bg:var(--w-c-modal-backdrop-color,light-dark(#0000004d,#000000bf));--_background-color:var(--w-c-modal-bg,var(--w-s-color-background));--_box-shadow:var(--w-c-modal-box-shadow,var(--w-shadow-l));--_color:var(--w-c-modal-color,var(--w-s-color-text));--_height:var(--w-c-modal-height,var(--w-modal-height) );--_max-height:var(--w-c-modal-max-height,var(--w-modal-max-height,80%) );--_min-height:var(--w-c-modal-min-height,var(--w-modal-min-heigh) );--_padding-bottom:var(--w-c-modal-padding-bottom,calc(32px + env(safe-area-inset-bottom,0px)));--_translate-distance:var(--w-c-modal-translate-distance,var(--w-modal-translate-distance,100%) );--_width:var(--w-c-modal-width,var(--w-modal-width,640px) )}[part=dialog]{height:unset;max-height:unset;max-width:unset;width:unset;backface-visibility:hidden;background-color:#0000;border-width:0;align-items:flex-end;margin:auto;padding:0;inset:0}[part=dialog]::backdrop{background:var(--_backdrop-bg)}[part=wrapper]{will-change:height;background-color:var(--_background-color);color:var(--_color);box-shadow:var(--_box-shadow);height:var(--_height);max-height:var(--_max-height);min-height:var(--_min-height);width:var(--_width);backface-visibility:hidden;padding-bottom:var(--_padding-bottom);border-radius:8px;flex-direction:column;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}[part=content]{flex-grow:1;flex-shrink:1;margin-bottom:0;padding-left:1.6rem;padding-right:1.6rem;display:block;position:relative;overflow:hidden auto}@media (width>=480px){[part=dialog]{--w-c-modal-translate-distance:50%;place-content:center;place-items:center}[part=wrapper]{margin-left:1.6rem;margin-right:1.6rem;padding-bottom:3.2rem}[part=content]{padding-left:3.2rem;padding-right:3.2rem}}@media (width<=479.9px){[part=wrapper]{border-bottom-right-radius:0;border-bottom-left-radius:0}}[part=dialog][open]{animation:.3s ease-in-out forwards w-modal-in;display:flex;position:fixed}[part=dialog].close{animation:.3s ease-in-out forwards w-modal-out}[part=dialog][open]::backdrop{animation:.3s ease-in-out forwards backdrop-in}[part=dialog].close::backdrop{animation:.3s ease-in-out forwards backdrop-out}@keyframes w-modal-in{0%{transform:translateY(var(--_translate-distance));opacity:0}to{opacity:1;transform:translateY(0)}}@keyframes w-modal-out{0%{opacity:1;transform:translateY(0)}to{transform:translateY(var(--_translate-distance));opacity:0}}@keyframes backdrop-in{0%{background:0 0}to{background:var(--_backdrop-bg)}}@keyframes backdrop-out{0%{background:var(--_backdrop-bg)}to{background:0 0}}`,zl=e=>class extends e{constructor(){super(...arguments),this.patchClose=!0,this._close=null}close(){this._close()}},Ol=e=>class extends e{handleSlotChange(e){const t=e.target.assignedNodes({flatten:!0});for(const e of t.filter(e=>e.patchClose))e._close=()=>this.close()}};var Al=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};class Dl extends(Ol(Pe)){static#e=this.styles=[nt,Cl];constructor(){super(),this.show=!1,this.ignoreBackdropClicks=!1,this._isClosing=!1,this.interceptEscape=this.interceptEscape.bind(this),this.closeOnBackdropClick=this.closeOnBackdropClick.bind(this),this.eventPreventer=this.eventPreventer.bind(this),this.modifyBorderRadius=this.modifyBorderRadius.bind(this)}connectedCallback(){super.connectedCallback(),this.addEventListener("command",e=>{const t=e.command;"--show-modal"===t?this.open():"--close"!==t&&"--confirm"!==t||this.close()})}async open(){this._isClosing=!1,this.dialogEl.classList.remove("close"),this.dialogEl.showModal(),this.handleListeners(),function(e){if(!e)throw Error("Could not run setup, an element must be provided");ml.some(t=>t===e)||(ml.length||(yl(),Sl()),kl(e),ml.push(e))}(this.contentEl),await this.updateComplete,this.dispatchEvent(new CustomEvent("shown",{bubbles:!0,composed:!0}))}close(){this.dialogEl?.open&&(this._isClosing=!0,this.handleListeners("removeEventListener"),this.dialogEl.classList.add("close"),this.dialogEl.addEventListener("animationend",async e=>{"w-modal-out"===e.animationName&&this._isClosing&&(this.dialogEl.classList.remove("close"),this.dialogEl.close(),this._isClosing=!1,ml.forEach(_l),El(),xl(),ml=[],this.show=!1,await this.updateComplete,this.dispatchEvent(new CustomEvent("hidden",{bubbles:!0,composed:!0})))},{once:!0}))}updated(e){if(!e.has("show"))return;void 0===e.get("show")&&!1===this.show||this[this.show?"open":"close"]()}handleListeners(e){void 0===e&&(e="addEventListener"),document[e]("keydown",this.interceptEscape),this.ignoreBackdropClicks||this.dialogEl[e]("mousedown",this.closeOnBackdropClick),this.dialogEl[e]("close",this.eventPreventer),this.dialogEl[e]("cancel",this.eventPreventer),this.dialogInnerEl[e]("transitionend",this.modifyBorderRadius)}eventPreventer(e){e.preventDefault()}closeOnBackdropClick(e){this.dialogEl===e.target&&this.close()}interceptEscape(e){"Escape"===e.key&&(e.preventDefault(),this.close())}modifyBorderRadius(){1.02*this.dialogInnerEl.scrollHeight>innerHeight?this.dialogInnerEl.style.borderRadius="0px":this.dialogInnerEl.style.borderRadius=null}render(){return be`<dialog part="dialog"><div part="wrapper"><slot name="header" @slotchange="${this.handleSlotChange}"></slot><div part="content" id="${Ue(this.contentId)}"><slot name="content" @slotchange="${this.handleSlotChange}"></slot></div><slot name="footer" @slotchange="${this.handleSlotChange}"></slot></div></dialog>`}}Al([je({type:Boolean})],Dl.prototype,"show",void 0),Al([je({type:String,attribute:"content-id"})],Dl.prototype,"contentId",void 0),Al([je({type:Boolean,attribute:"ignore-backdrop-clicks"})],Dl.prototype,"ignoreBackdropClicks",void 0),Al([Ie('[part="dialog"]')],Dl.prototype,"dialogEl",void 0),Al([Ie('[part="wrapper"]')],Dl.prototype,"dialogInnerEl",void 0),Al([Ie('[part="content"]')],Dl.prototype,"contentEl",void 0);const Pl=Dl;customElements.get("w-modal")||customElements.define("w-modal",Dl);const Ml=D`:host{--_gap:var(--w-c-modal-footer-gap,8px)}[part=footer]{justify-content:flex-end;gap:var(--_gap);padding-top:2.4rem;padding-left:1.6rem;padding-right:1.6rem;display:flex}@media (width>=480px){[part=footer]{padding-left:3.2rem;padding-right:3.2rem}}`;class Tl extends(zl(Ol(Pe))){static#e=this.styles=[nt,Ml];render(){return be`<slot part="footer" @slotchange="${this.handleSlotChange}"></slot>`}}const Rl=Tl;customElements.get("w-modal-footer")||customElements.define("w-modal-footer",Tl);const jl=e=>{let{dx:t,dy:r}=e;return[{transform:`translate(${t}px, ${r}px)`},{transform:"none"}]},Nl={easing:"ease",duration:300};let Vl=!1;if("undefined"!=typeof window){const e=window.matchMedia("(prefers-reduced-motion: reduce)"),t=e=>{let{matches:t}=e;return Vl=t};e.addEventListener&&e.addEventListener("change",t),t(e)}class Il{constructor(e,{animation:t={},keyframes:r,respectReduceMotion:o=!0}={}){this.el=e,this.first={},this.last={},this.userAnimationOptions=t,this.keyframeGenerator=r||jl,this.shouldReduceMotion=o}async when(e){this.prep();const t=await e();return await this.play(),t}prep(){this.first=this.el.getBoundingClientRect()}async play(){if(this.last=this.el.getBoundingClientRect(),!this.el.animate)return;const e=this.el.animate(this.keyframes,this.animationOptions);await e.finished}get keyframes(){return this.keyframeGenerator((e=this.first,t=this.last,{dx:e.left-t.left,dy:e.top-t.top,dw:e.width/t.width,dh:e.height/t.height,first:e,last:t}));var e,t}get defaults(){return Nl}get mergedOptions(){return{...this.defaults,...this.userAnimationOptions}}get animationOptions(){return this.shouldReduceMotion&&Vl?{...this.mergedOptions,duration:0}:this.mergedOptions}}const Fl=JSON.parse('{"modal.aria.back":["Tilbage"],"modal.aria.close":["Luk"]}'),Ll=JSON.parse('{"modal.aria.back":["Back"],"modal.aria.close":["Close"]}'),ql=JSON.parse('{"modal.aria.back":["Takaisin"],"modal.aria.close":["Sulje"]}'),Wl=JSON.parse('{"modal.aria.back":["Tilbake"],"modal.aria.close":["Lukk"]}'),Bl=JSON.parse('{"modal.aria.back":["Tillbaka"],"modal.aria.close":["Stäng"]}'),Hl=D`:host{--_font-size:var(--w-c-modal-header-font-size,var(--w-font-size-l));--_line-height:var(--w-c-modal-header-line-height,var(--w-line-height-l));--_title-margin:0 0 6px 0;--_title-padding:22px 0 0 16px;--_close-button-top:14px;--_close-button-right:0px;--_header-margin-bottom:var(--w-c-modal-header-margin-bottom,8px)}@media (width>=480px){:host{--_title-padding:22px 0 0 32px;--_close-button-right:14px}}[part=header]{margin-bottom:var(--_header-margin-bottom);grid-template:"top top top""title title title";display:grid}[part=header][show-back]:not([show-close]){grid-template:"top top top""back title title"}[part=header][show-close]:not([show-back]){grid-template:"top top top""title title close"}[part=header][show-back][show-close]{grid-template:"top top top""back title close"/44px 1fr 44px}[part=top]::slotted(*){grid-area:top}[part=title]{margin:var(--_title-margin);padding:var(--_title-padding);font-weight:700;font-size:var(--_font-size);line-height:var(--_line-height);grid-area:title}[part=header][show-back] [part=title]{text-align:center}[part=back]{grid-area:back;margin-block-end:-2px;padding-block-start:14px;padding-inline-start:18px}[part=header][show-back] [part=title]{padding-inline-start:0}[part=close]{top:var(--_close-button-top);right:var(--_close-button-right);grid-area:close;position:absolute}[part=header][show-top] [part=close]{--w-c-button-color:var(--w-s-color-icon-inverted-static);--w-c-button-color-hover:var(--w-s-color-icon-inverted-static);--w-c-button-color-active:var(--w-s-color-icon-inverted-static);--w-c-button-bg:rgba(var(--w-rgb-black), .7);--w-c-button-bg-hover:rgba(var(--w-rgb-black), .85);--w-c-button-bg-active:rgba(var(--w-rgb-black), 1)}`;var Yl=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};class Ul extends(zl(Pe)){static#e=this.styles=[nt,Hl];constructor(){super(),this.back=!1,this.noClose=!1,this._hasTopContent=!1,Qe(Ll,Wl,ql,Fl,Bl)}async willUpdate(e){if(e.has("back")){if(!this.titleEl)return;new Il(this.titleEl).when(async()=>{await this.updateComplete})}}emitBack(){this.dispatchEvent(new CustomEvent("backClicked",{bubbles:!0,composed:!0}))}handleTopSlotChange(e){const t=e.target.assignedElements({flatten:!0});this._hasTopContent=!!t.length}render(){const e=this.back&&!this._hasTopContent,t=!this.noClose;return be`<div part="header" ?show-top="${this._hasTopContent}" ?show-back="${e}" ?show-close="${t}"><slot part="top" name="top" @slotchange="${this.handleTopSlotChange}"></slot>${e?be`<w-button type="button" part="back" aria-label="${y._({id:"modal.aria.back",message:"Back",comment:"Aria label for the back button in modal"})}" variant="pill" icon-only @click="${this.emitBack}"><w-icon name="ArrowLeft" size="small" locale="${Ze()}"></w-icon></w-button>`:me}<p part="title">${this.title}</p>${t?be`<w-button type="button" part="close" aria-label="${y._({id:"modal.aria.close",message:"Close",comment:"Aria label for the close button in modal"})}" variant="pill" icon-only @click="${this.close}"><w-icon name="Close" size="small" locale="${Ze()}" style="height:16px" class="flex"></w-icon></w-button>`:me}</div>`}}Yl([je({type:String})],Ul.prototype,"title",void 0),Yl([je({type:Boolean})],Ul.prototype,"back",void 0),Yl([je({type:Boolean,attribute:"no-close"})],Ul.prototype,"noClose",void 0),Yl([Ne()],Ul.prototype,"_hasTopContent",void 0),Yl([Ie('[part="title"]')],Ul.prototype,"titleEl",void 0);const Xl=Ul;customElements.get("w-modal-header")||customElements.define("w-modal-header",Ul)
79
79
  /**
80
80
  * @license
81
81
  * Copyright 2021 Google LLC
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@warp-ds/elements",
3
3
  "type": "module",
4
- "version": "2.11.0-next.1",
4
+ "version": "2.11.0",
5
5
  "packageManager": "pnpm@11.3.0",
6
6
  "browserslist": [
7
7
  "supports es6-module and > 0.25% in FI or > 0.25% in NO or > 0.25% in SE or > 0.25% in DK and not dead and not Safari < 15 and not iOS < 15",