@orangelogic/design-system 2.141.0 → 2.143.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@orangelogic/design-system",
   "type": "module",
-  "version": "2.141.0",
+  "version": "2.143.0",
   "license": "UNLICENSED",
   "types": "library/types.d.ts",
   "scripts": {

package/library/chunks/button.styles.Cz4EELcL.js

@@ -1,5 +0,0 @@
-import { i as t } from "./lit-element.jLBm65_O.js";
-const r = t`:host{--background-color:var(--cx-color-primary);--color:light-dark(var(--cx-color-neutral-0),var(--cx-color-neutral-1000));--font-size:var(--cx-font-size-medium);--font-weight:var(--cx-font-weight-regular);--height:var(--cx-input-height-medium);--justify-content:center;--gap:0;--min-height:auto;--padding:0;--button-custom-height:32px;--button-custom-padding:4px 8px 4px 8px;--button-custom-font-size:var(--cx-font-size-medium);cursor:pointer;width:auto;max-width:100%;line-height:normal;display:inline-block;position:relative}:host([width-type=fill]),:host([width-type=adaptive][device-type=tablet]),:host([width-type=adaptive][device-type=mobile]){width:100%}.button{align-items:center;justify-content:var(--justify-content,center);gap:var(--gap,0);border-style:solid;border-width:var(--cx-input-border-width);width:100%;font-family:var(--cx-input-font-family);font-weight:var(--font-weight,var(--cx-font-weight-regular));font-size:var(--font-size,var(--cx-font-size-medium));height:var(--height,var(--cx-input-height-medium));min-height:var(--min-height,auto);padding:var(--padding,0);text-transform:var(--cx-button-text-transform,none);-webkit-user-select:none;user-select:none;white-space:nowrap;vertical-align:middle;transition:var(--cx-transition-x-fast) background-color, var(--cx-transition-x-fast) color, var(--cx-transition-x-fast) border, var(--cx-transition-x-fast) box-shadow;cursor:inherit;text-decoration:none;display:inline-flex}.button::-moz-focus-inner{border:0}.button:focus{outline:none}.button:focus-visible{outline:var(--cx-focus-ring);outline-offset:var(--cx-focus-ring-offset)}.button--disabled{opacity:.5;cursor:default}.button--disabled *{pointer-events:none}.button__prefix,.button__suffix{pointer-events:none;flex:none;align-items:center;display:flex}.button__label{white-space:nowrap;text-overflow:ellipsis;line-height:1.15;display:inline-block;overflow:hidden}.button__label::slotted(cx-icon){vertical-align:-2px}.button--standard.button--default{background-color:var(--cx-color-neutral-100);border-color:var(--cx-color-neutral-100);color:var(--cx-color-neutral)}.button--standard.button--default:hover:not(.button--disabled),.button--standard.button--default.button--focused:not(.button--disabled){background-color:var(--cx-color-neutral-200);border-color:var(--cx-color-neutral-200);color:var(--cx-color-neutral)}.button--standard.button--default:active:not(.button--disabled){background-color:var(--cx-color-neutral-300);border-color:var(--cx-color-neutral-300);color:var(--cx-color-neutral)}.button--standard.button--primary{background-color:var(--cx-color-primary);border-color:var(--cx-color-primary);color:var(--cx-color-neutral-0)}.button--standard.button--primary:hover:not(.button--disabled),.button--standard.button--primary.button--focused:not(.button--disabled){background-color:var(--cx-color-primary-500);border-color:var(--cx-color-primary-500);color:var(--cx-color-neutral-0)}.button--standard.button--primary:active:not(.button--disabled){background-color:var(--cx-color-primary-700);border-color:var(--cx-color-primary-700);color:var(--cx-color-neutral-0)}.button--standard.button--success{background-color:var(--cx-color-success);border-color:var(--cx-color-success);color:var(--cx-color-neutral-0)}.button--standard.button--success:hover:not(.button--disabled),.button--standard.button--success.button--focused:not(.button--disabled){background-color:var(--cx-color-success-500);border-color:var(--cx-color-success-500);color:var(--cx-color-neutral-0)}.button--standard.button--success:active:not(.button--disabled){background-color:var(--cx-color-success-700);border-color:var(--cx-color-success-700);color:var(--cx-color-neutral-0)}.button--standard.button--warning{background-color:var(--cx-color-warning);border-color:var(--cx-color-warning);color:var(--cx-color-neutral-0)}.button--standard.button--warning:hover:not(.button--disabled),.button--standard.button--warning.button--focused:not(.button--disabled){background-color:var(--cx-color-warning-500);border-color:var(--cx-color-warning-500);color:var(--cx-color-neutral-0)}.button--standard.button--warning:active:not(.button--disabled){background-color:var(--cx-color-warning-700);border-color:var(--cx-color-warning-700);color:var(--cx-color-neutral-0)}.button--standard.button--danger{background-color:var(--cx-color-danger);border-color:var(--cx-color-danger);color:var(--cx-color-neutral-0)}.button--standard.button--danger:hover:not(.button--disabled),.button--standard.button--danger.button--focused:not(.button--disabled){background-color:var(--cx-color-danger-500);border-color:var(--cx-color-danger-500);color:var(--cx-color-neutral-0)}.button--standard.button--danger:active:not(.button--disabled){background-color:var(--cx-color-danger-700);border-color:var(--cx-color-danger-700);color:var(--cx-color-neutral-0)}.button--standard.button--custom{background-color:var(--background-color);border-color:var(--background-color);color:var(--color)}.button--standard.button--custom:hover:not(.button--disabled),.button--standard.button--custom.button--focused:not(.button--disabled){background-color:var(--background-color-focus,var(--background-color));border-color:var(--background-color-focus,var(--background-color));color:var(--color-focus,var(--color))}.button--standard.button--custom:active:not(.button--disabled){background-color:var(--background-color-active,var(--background-color));border-color:var(--background-color-active,var(--background-color));color:var(--color-active,var(--color))}.button--outline{border:solid var(--cx-input-border-width);background:0 0}.button--outline.button--default{border-color:var(--cx-input-border-color);color:var(--cx-color-neutral)}.button--outline.button--default:hover:not(.button--disabled),.button--outline.button--default.button--focused:not(.button--disabled),.button--outline.button--default.button--checked:not(.button--disabled){border-color:var(--cx-color-neutral-300);background-color:var(--cx-color-neutral-100);color:var(--cx-color-neutral)}.button--outline.button--default:active:not(.button--disabled){border-color:var(--cx-color-neutral-300);background-color:var(--cx-color-neutral-200);color:var(--cx-color-neutral)}.button--outline.button--primary{border-color:var(--cx-color-primary);color:var(--cx-color-primary)}.button--outline.button--primary:hover:not(.button--disabled),.button--outline.button--primary.button--focused:not(.button--disabled),.button--outline.button--primary.button--checked:not(.button--disabled){background-color:var(--cx-color-primary-500);color:var(--cx-color-neutral-0)}.button--outline.button--primary:active:not(.button--disabled){border-color:var(--cx-color-primary-700);background-color:var(--cx-color-primary-700);color:var(--cx-color-neutral-0)}.button--outline.button--success{border-color:var(--cx-color-success);color:var(--cx-color-success)}.button--outline.button--success:hover:not(.button--disabled),.button--outline.button--success.button--focused:not(.button--disabled),.button--outline.button--success.button--checked:not(.button--disabled){background-color:var(--cx-color-success-500);color:var(--cx-color-neutral-0)}.button--outline.button--success:active:not(.button--disabled){border-color:var(--cx-color-success);background-color:var(--cx-color-success);color:var(--cx-color-neutral-0)}.button--outline.button--warning{border-color:var(--cx-color-warning);color:var(--cx-color-warning)}.button--outline.button--warning:hover:not(.button--disabled),.button--outline.button--warning.button--focused:not(.button--disabled),.button--outline.button--warning.button--checked:not(.button--disabled){background-color:var(--cx-color-warning-500);color:var(--cx-color-neutral-0)}.button--outline.button--warning:active:not(.button--disabled){border-color:var(--cx-color-warning-700);background-color:var(--cx-color-warning-700);color:var(--cx-color-neutral-0)}.button--outline.button--danger{border-color:var(--cx-color-danger);color:var(--cx-color-danger)}.button--outline.button--danger:hover:not(.button--disabled),.button--outline.button--danger.button--focused:not(.button--disabled),.button--outline.button--danger.button--checked:not(.button--disabled){background-color:var(--cx-color-danger-500);color:var(--cx-color-neutral-0)}.button--outline.button--danger:active:not(.button--disabled){border-color:var(--cx-color-danger-700);background-color:var(--cx-color-danger-700);color:var(--cx-color-neutral-0)}@media (forced-colors:active){.button.button--outline.button--checked:not(.button--disabled){outline:2px solid #0000}}.button--text{color:var(--cx-color-neutral);background-color:#0000;border-color:#0000}.button--text:hover:not(.button--disabled),.button--text.button--focused:not(.button--disabled){background-color:var(--cx-color-neutral-100);border-color:var(--cx-color-neutral-100);color:var(--cx-color-neutral)}.button--text:focus-visible:not(.button--disabled){color:var(--cx-color-neutral-800);background-color:#0000;border-color:#0000}.button--text:active:not(.button--disabled){background-color:var(--cx-color-neutral-200);border-color:var(--cx-color-neutral-200);color:var(--cx-color-neutral)}.button--tertiary{color:var(--cx-color-neutral);background-color:#0000;border-color:#0000}.button--tertiary:hover:not(.button--disabled),.button--tertiary.button--focused:not(.button--disabled){background-color:var(--cx-color-neutral-100);color:var(--cx-color-neutral);border-color:#0000}.button--tertiary:focus-visible:not(.button--disabled){background-color:var(--cx-color-neutral-200);color:var(--cx-color-neutral);border-color:#0000}.button--tertiary:active:not(.button--disabled){background-color:var(--cx-color-neutral-300);color:var(--cx-color-neutral);border-color:#0000}.button--small{height:auto;min-height:var(--cx-input-height-small);font-size:var(--cx-button-font-size-medium);border-radius:var(--cx-button-border-radius-small)}.button--small ::slotted(cx-icon){--font-size:var(--cx-font-size-medium)}.button--medium{height:auto;min-height:var(--cx-input-height-medium);font-size:var(--cx-button-font-size-medium);border-radius:var(--cx-button-border-radius-medium)}.button--large{height:auto;min-height:var(--cx-input-height-large);font-size:var(--cx-button-font-size-medium);border-radius:var(--cx-button-border-radius-large)}.button--x-large{height:auto;min-height:var(--cx-input-height-x-large);font-size:var(--cx-button-font-size-medium);border-radius:var(--cx-button-border-radius-large)}.button--custom-size{--height:var(--button-custom-height);--padding:var(--button-custom-padding);--font-size:var(--button-custom-font-size);border-radius:var(--cx-button-border-radius-medium)}.button--pill.button--small{border-radius:var(--cx-input-height-small)}.button--pill.button--medium{border-radius:var(--cx-input-height-medium)}.button--pill.button--large{border-radius:var(--cx-input-height-large)}.button--pill.button--x-large{border-radius:var(--cx-input-height-x-large)}.button--circle{padding-left:0;padding-right:0}.button--circle.button--small{width:var(--cx-input-height-small);border-radius:50%}.button--circle.button--medium{width:var(--cx-input-height-medium);border-radius:50%}.button--circle.button--large{width:var(--cx-input-height-large);border-radius:50%}.button--circle.button--x-large{width:var(--cx-input-height-x-large);border-radius:50%}.button--circle .button__prefix,.button--circle .button__suffix,.button--circle .button__caret{display:none}.button--circle .button__label{justify-content:center;align-items:center;line-height:1;display:inline-flex}.button--caret .button__caret{--font-size:var(--cx-font-size-large);margin-block:auto}.button--caret.button--small .button__caret{--font-size:var(--cx-font-size-medium)}.button--caret .button__suffix{display:none}.button--loading{cursor:wait;position:relative}.button--loading .button__prefix,.button--loading .button__label,.button--loading .button__suffix,.button--loading .button__caret{visibility:hidden}.button--loading cx-spinner{--indicator-color:currentColor;width:1em;height:1em;font-size:1em;position:absolute;top:calc(50% - .5em);left:calc(50% - .5em)}.button ::slotted(cx-badge){pointer-events:none;position:absolute;top:0;right:0;translate:50% -50%}.button--rtl ::slotted(cx-badge){left:0;right:auto;translate:-50% -50%}.button--has-label.button--small .button__label{padding:0 var(--cx-spacing-x-small)}.button--has-label.button--medium .button__label{padding:0 var(--cx-spacing-small)}.button--has-label.button--large .button__label{padding:0 var(--cx-spacing-medium)}.button--has-label.button--x-large .button__label{padding:0 var(--cx-spacing-large)}.button--has-prefix.button--small,.button--has-prefix.button--small .button__label,.button--has-prefix.button--medium,.button--has-prefix.button--medium .button__label{padding-inline-start:var(--cx-spacing-x-small)}.button--has-prefix.button--large{padding-inline-start:var(--cx-spacing-small)}.button--has-prefix.button--large .button__label{padding-inline-start:var(--cx-spacing-x-small)}.button--has-prefix.button--x-large,.button--has-prefix.button--x-large .button__label{padding-inline-start:var(--cx-spacing-medium)}.button--has-suffix.button--small,.button--caret.button--small,.button--has-suffix.button--small .button__label,.button--caret.button--small .button__label,.button--has-suffix.button--medium,.button--caret.button--medium,.button--has-suffix.button--medium .button__label,.button--caret.button--medium .button__label{padding-inline-end:var(--cx-spacing-x-small)}.button--has-suffix.button--large,.button--caret.button--large{padding-inline-end:var(--cx-spacing-small)}.button--has-suffix.button--large .button__label,.button--caret.button--large .button__label{padding-inline-end:var(--cx-spacing-x-small)}.button--has-suffix.button--x-large,.button--caret.button--x-large,.button--has-suffix.button--x-large .button__label,.button--caret.button--x-large .button__label{padding-inline-end:var(--cx-spacing-medium)}.button--caret cx-icon::part(span){height:auto}:host([data-cx-button-group__button--first]:not([data-cx-button-group__button--last])) .button{border-start-end-radius:0;border-end-end-radius:0}:host([data-cx-button-group__button--inner]) .button{border-radius:0}:host([data-cx-button-group__button--last]:not([data-cx-button-group__button--first])) .button{border-start-start-radius:0;border-end-start-radius:0}:host([data-cx-button-group__button]:not([data-cx-button-group__button--first])){margin-inline-start:calc(-1 * var(--cx-input-border-width))}:host([data-cx-button-group__button]:not([data-cx-button-group__button--first],[data-cx-button-group__button--radio],[variant=default]):not(:hover)) .button:after{content:"";top:0;inset-inline-start:0;mix-blend-mode:multiply;border-left:1px solid #80808054;position:absolute;bottom:0}:host([data-cx-button-group__button--hover]){z-index:1}:host([data-cx-button-group__button--focus]),:host([data-cx-button-group__button][checked]){z-index:2}`;
-export {
-  r as b
-};

package/library/chunks/dialog.C79Kd2S4.js

@@ -1,379 +0,0 @@
-import { n as r, C as k } from "./lib-cortex-element.CVMmyPMC.js";
-import { c as S } from "./component.styles.CRO4Odto.js";
-import { O, C as D, H, z as A, o as B } from "./overlayscrollbars.BMav4RQ4.js";
-import { a as c, s as p, w as x } from "./event.BeKOsirN.js";
-import { c as $ } from "./custom-element.L4WJXn1j.js";
-import { L } from "./i18n.DeUAP8n2.js";
-import { M as P } from "./modal.U1QltQKe.js";
-import { l as w, u as _ } from "./scroll.xtO5yojm.js";
-import { H as E } from "./slot.j5oheLJC.js";
-import { w as z } from "./watch.CThbualB.js";
-import { i as R, x as y, E as W } from "./lit-element.jLBm65_O.js";
-import { r as g } from "./state.CSDxrqLd.js";
-import { e as m } from "./query.BBf1UFkC.js";
-import { e as v } from "./class-map.BiVq-cVR.js";
-import { o as C } from "./if-defined.BRoBj_Rp.js";
-import { o as q } from "./style-map.llVFPd__.js";
-import { n as b } from "./when.Dr1es41R.js";
-import { s as u, g as h } from "./animation-registry.HmpwNuGH.js";
-import F from "../components/divider.js";
-import { C as I } from "./icon-button.LhIEmHNF.js";
-import U from "../components/popup.js";
-var l = /* @__PURE__ */ ((e) => (e.Both = "both", e.Footer = "footer", e.Header = "header", e.None = "none", e))(l || {});
-const j = R`:host{--width:31rem;--header-spacing:var(--cx-spacing-small) var(--cx-spacing-large);--body-spacing:var(--cx-spacing-medium) var(--cx-spacing-large);--divider-spacing:0;--footer-spacing:var(--cx-spacing-medium);--max-width:100%;--max-height:100%;--overlay-background-color:var(--cx-overlay-background-color);display:contents}.dialog{justify-content:center;align-items:center;display:flex}.dialog--absolute{position:absolute}.dialog__panel{width:var(--width);height:var(--dialog-height,auto);background-color:var(--cx-panel-background-color);border-radius:var(--cx-border-radius-medium);box-shadow:var(--cx-shadow-x-large);max-width:calc(var(--max-width) - var(--cx-spacing-2x-large));max-height:calc(var(--max-height) - var(--cx-spacing-2x-large));flex-direction:column;display:flex;overflow:hidden}.dialog__panel:focus{outline:none}@media screen and (width<=420px){.dialog__panel{max-height:80vh}}.dialog--open .dialog__panel{opacity:1;display:flex}.dialog__header{padding:var(--header-spacing);flex:none;display:flex}.dialog__header-divider,.dialog__footer-divider{--spacing:0;padding:var(--divider-spacing)}.dialog__title{font:inherit;font-family:var(--cx-font-sans);font-size:var(--cx-font-size-large);font-weight:var(--cx-font-weight-regular);line-height:var(--cx-line-height-large);flex:auto;align-items:center;margin:0;display:flex}.dialog__header-actions{justify-content:end;gap:var(--cx-spacing-2x-small);flex-wrap:wrap;flex-shrink:0;display:flex}.dialog__header-actions cx-icon-button,.dialog__header-actions ::slotted(cx-icon-button){font-size:var(--cx-font-size-3x-large);flex:none;align-items:center;display:flex}.dialog__body{padding:var(--body-spacing);-webkit-overflow-scrolling:touch;font-size:var(--cx-font-size-medium);font-weight:var(--cx-font-weight-regular);line-height:var(--cx-line-height-small);z-index:2;flex:auto;display:block;position:relative;overflow:auto}.dialog--overlay-scrollbar .dialog__body{flex-direction:column;display:flex}.dialog__footer{text-align:right;padding:var(--footer-spacing);z-index:1;flex:none;position:relative}.dialog__footer ::slotted(cx-button:not(:first-of-type)){margin-inline-start:var(--cx-spacing-x-small)}.dialog:not(.dialog--has-footer) .dialog__footer{display:none}@media (forced-colors:active){.dialog__panel{border:solid 1px var(--cx-color-neutral-0)}}.dialog__overlay{background-color:var(--overlay-background-color);opacity:0;pointer-events:none;z-index:1;justify-content:center;align-items:center;display:flex}.dialog--open .dialog__overlay{opacity:1;pointer-events:auto}`;
-var M = Object.defineProperty, T = Object.getOwnPropertyDescriptor, i = (e, o, a, n) => {
-  for (var s = n > 1 ? void 0 : n ? T(o, a) : o, d = e.length - 1, f; d >= 0; d--)
-    (f = e[d]) && (s = (n ? f(o, a, s) : f(s)) || s);
-  return n && s && M(o, a, s), s;
-};
-O.plugin({
-  ClickScroll: A,
-  ScrollbarsHiding: H,
-  SizeObserver: D
-});
-let t = class extends k {
-  constructor() {
-    super(), this.hasSlotController = new E(this, "footer"), this.localize = new L(this), this.modal = new P(this), this.open = !1, this.label = "", this.noHeader = !1, this.boundary = document.body, this.dividerPosition = l.Header, this.useOverlayScrollbar = !1, this.overlayScrollbarAutoHide = "scroll", this.overlayScrollbarAutoHideDelay = 1e3, this.disableOverlayClick = !1, this.stayOpenOutsideClick = !1, this.strategy = "fixed", this.osInstance = null, this.boundaryObserver = null, this.boundarySize = {
-      height: 0,
-      width: 0
-    }, this.handleDocumentKeyDown = this.handleDocumentKeyDown.bind(this), this.handleDocumentMouseDown = this.handleDocumentMouseDown.bind(this), this.preventBoundaryDialogClose = this.preventBoundaryDialogClose.bind(this), this.handleWindowResize = this.handleWindowResize.bind(this);
-  }
-  runFirstUpdated() {
-    this.overlay = this.shadowRoot?.querySelector(
-      ".dialog__overlay"
-    );
-  }
-  connectedUpdatedCallback() {
-    this.popup.hidden = !this.open, this.open && (this.addOpenListeners(), this.modal.activate(), (!this.boundary || this.boundary === document.body) && w(this)), this.updatePopupAnchor();
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.modal.deactivate(), (!this.boundary || this.boundary === document.body) && _(this), this.removeOpenListeners(), window.removeEventListener("resize", this.handleWindowResize), this.boundaryObserver?.disconnect(), this.boundaryObserver = null;
-  }
-  shouldUpdate(e) {
-    if (e.has("boundary")) {
-      const o = e.get("boundary");
-      o instanceof t && o.removeEventListener(
-        "cx-request-close",
-        this.preventBoundaryDialogClose
-      ), o === document.body && window.removeEventListener("resize", this.handleWindowResize), this.boundaryObserver?.disconnect(), this.boundaryObserver = null, this.open && this.boundary instanceof t && this.boundary.addEventListener(
-        "cx-request-close",
-        this.preventBoundaryDialogClose
-      );
-    }
-    return !0;
-  }
-  async updatePopupAnchor() {
-    if (!this.boundary || !this.popup || (this.popup.anchor = this.boundary, !this.overlay))
-      return;
-    let e = this.boundary;
-    this.boundary instanceof t && (this.boundary.hasUpdated || await this.boundary.updateComplete, e = this.boundary.panel), this.boundary === document.body ? (this.boundarySize = {
-      height: window.innerHeight,
-      width: window.innerWidth
-    }, this.boundaryObserver = null, window.addEventListener("resize", this.handleWindowResize)) : (this.boundarySize = {
-      height: e.clientHeight,
-      width: e.clientWidth
-    }, this.boundaryObserver = new ResizeObserver((o) => {
-      for (const a of o)
-        this.boundarySize = {
-          height: a.contentRect.height,
-          width: a.contentRect.width
-        };
-    }), this.boundaryObserver.observe(e));
-  }
-  handleWindowResize() {
-    this.boundary === document.body && (this.boundarySize = {
-      height: window.innerHeight,
-      width: window.innerWidth
-    });
-  }
-  requestClose(e) {
-    const o = this.emit("cx-request-close", {
-      cancelable: !0,
-      detail: { source: e }
-    });
-    if (o.defaultPrevented || this.disableOverlayClick && e === "overlay") {
-      if (o.detail.preventedReason === "nested" || !this.disableOverlayClick && e === "overlay")
-        return !1;
-      const a = h(this, "dialog.denyClose", {
-        dir: this.localize.dir()
-      });
-      return c(this.panel, a.keyframes, a.options), !1;
-    }
-    return this.hide(), !0;
-  }
-  /**
-   * If there are multiple dialogs open, should only close the top-most dialog when clicking outside dialog panel.
-   * @param event - The event object.
-   */
-  preventBoundaryDialogClose(e) {
-    e.target === this.boundary && (e.detail.preventedReason = "nested", e.preventDefault());
-  }
-  addOpenListeners() {
-    "CloseWatcher" in window && (this.closeWatcher?.destroy(), this.closeWatcher = new CloseWatcher(), this.closeWatcher.onclose = () => {
-      this.requestClose("keyboard");
-    }), document.addEventListener("keydown", this.handleDocumentKeyDown, !0), document.addEventListener("mousedown", this.handleDocumentMouseDown, !0), this.boundary instanceof t && this.boundary.addEventListener(
-      "cx-request-close",
-      this.preventBoundaryDialogClose
-    );
-  }
-  removeOpenListeners() {
-    this.closeWatcher?.destroy(), document.removeEventListener("keydown", this.handleDocumentKeyDown, !0), document.removeEventListener(
-      "mousedown",
-      this.handleDocumentMouseDown,
-      !0
-    ), this.boundary instanceof t && this.boundary.removeEventListener(
-      "cx-request-close",
-      this.preventBoundaryDialogClose
-    );
-  }
-  handleDocumentMouseDown(e) {
-    const o = e.composedPath(), a = o[0], n = o.some((d) => d === this.panel), s = !this.contains(a) && !this.shadowRoot?.contains(a);
-    n || this.stayOpenOutsideClick && s || this.requestClose("overlay");
-  }
-  handleDocumentKeyDown(e) {
-    e.key === "Escape" && this.modal.isActive() && this.open && this.requestClose("keyboard") && (e.stopPropagation(), e.stopImmediatePropagation());
-  }
-  handleCloseButtonClick() {
-    this.requestClose("close-button");
-  }
-  async handleOpenChange() {
-    if (this.open) {
-      this.emit("cx-show"), this.originalTrigger = document.activeElement, this.modal.activate(), this.useOverlayScrollbar && (this.osInstance = O(this.body, {
-        scrollbars: {
-          autoHide: this.overlayScrollbarAutoHide,
-          autoHideDelay: this.overlayScrollbarAutoHideDelay
-        }
-      })), (!this.boundary || this.boundary === document.body) && w(this);
-      const e = this.querySelector("[autofocus]");
-      if (e && e.removeAttribute("autofocus"), await Promise.all([
-        p(this.popup),
-        (() => {
-          this.overlay && p(this.overlay);
-        })()
-      ]), this.popup.hidden = !1, await this.popup.updateComplete, !this.open) {
-        e && e.setAttribute("autofocus", "");
-        return;
-      }
-      const o = () => {
-        this.emit("cx-initial-focus", {
-          cancelable: !0
-        }).defaultPrevented || (e ? e.focus({
-          preventScroll: !0
-        }) : this.panel.focus({ preventScroll: !0 })), e && e.setAttribute("autofocus", "");
-      }, a = h(this, "dialog.show", {
-        dir: this.localize.dir()
-      }), n = h(this, "dialog.overlay.show", {
-        dir: this.localize.dir()
-      });
-      if (await Promise.all([
-        c(this.panel, a.keyframes, a.options),
-        (async () => {
-          this.overlay && await c(
-            this.overlay,
-            n.keyframes,
-            n.options
-          );
-        })()
-      ]), !this.open) {
-        e && e.setAttribute("autofocus", "");
-        return;
-      }
-      o(), this.emit("cx-after-show"), this.addOpenListeners();
-    } else {
-      this.emit("cx-hide"), this.removeOpenListeners(), this.modal.deactivate(), this.osInstance?.destroy(), await Promise.all([
-        p(this.popup),
-        (() => {
-          this.overlay && p(this.overlay);
-        })()
-      ]);
-      const e = h(this, "dialog.hide", {
-        dir: this.localize.dir()
-      }), o = h(this, "dialog.overlay.hide", {
-        dir: this.localize.dir()
-      });
-      await Promise.all([
-        (async () => {
-          this.overlay && (await c(
-            this.overlay,
-            o.keyframes,
-            o.options
-          ), this.overlay.hidden = !0);
-        })(),
-        c(
-          this.panel,
-          e.keyframes,
-          e.options
-        ).then(() => {
-          this.panel.hidden = !0;
-        })
-      ]), this.overlay && (this.overlay.hidden = !1), this.panel.hidden = !1, (!this.boundary || this.boundary === document.body) && _(this);
-      const a = this.originalTrigger;
-      typeof a?.focus == "function" && setTimeout(() => a.focus()), this.emit("cx-after-hide");
-    }
-  }
-  /** Shows the dialog. */
-  async show() {
-    if (!this.open)
-      return this.open = !0, x(this, "cx-after-show");
-  }
-  /** Hides the dialog */
-  async hide() {
-    if (this.open)
-      return this.open = !1, x(this, "cx-after-hide");
-  }
-  render() {
-    return y`<cx-popup part="base" ?active=${this.open} strategy=${this.strategy === "overlay" ? "overlay" : "fixed"} class=${v({
-      popup: !0
-    })} placement="center"><div class=${v({
-      dialog: !0,
-      "dialog--has-footer": this.hasSlotController.test("footer"),
-      "dialog--open": this.open,
-      "dialog--overlay-scrollbar": this.useOverlayScrollbar
-    })}><div part="overlay" class=${v({
-      dialog__overlay: !0
-    })} tabindex="-1" style=${q({
-      height: `${this.boundarySize.height}px`,
-      width: `${this.boundarySize.width}px`
-    })}><div part="panel" class="dialog__panel" role="dialog" aria-modal="true" aria-hidden=${this.open ? "false" : "true"} aria-label=${C(this.noHeader ? this.label : void 0)} aria-labelledby=${C(this.noHeader ? void 0 : "title")} tabindex="-1">${b(
-      this.noHeader,
-      () => W,
-      () => y`<header part="header" class="dialog__header"><h2 part="title" class="dialog__title" id="title"><slot name="label">${this.label.length > 0 ? this.label : "\uFEFF"}</slot></h2><div part="header-actions" class="dialog__header-actions"><slot name="header-actions"></slot><cx-icon-button part="close-button" exportparts="base:close-button__base" class="dialog__close" name="close" label=${this.localize.term("close")} @click=${this.handleCloseButtonClick}></cx-icon-button></div></header>${b(
-        [
-          l.Header,
-          l.Both
-        ].includes(this.dividerPosition),
-        () => y`<cx-divider class="dialog__header-divider"></cx-divider>`
-      )}
-                `
-    )}<!-- The tabindex="-1" is here because the body is technically scrollable if overflowing.
-                However, if there's no focusable elements inside, you won't actually be able to scroll it via keyboard.
-                Previously this was just a <slot>, but tabindex="-1" on the slot causes children to not be focusable.
-                https://github.com/shoelace-style/shoelace/issues/1753#issuecomment-1836803277 --><div part="body" class="dialog__body" tabindex="-1"><slot></slot></div>${b(
-      [
-        l.Footer,
-        l.Both
-      ].includes(this.dividerPosition),
-      () => y`<cx-divider class="dialog__footer-divider"></cx-divider>`
-    )}<footer part="footer" class="dialog__footer"><slot name="footer"></slot></footer></div></div></div></cx-popup>`;
-  }
-};
-t.styles = [
-  S,
-  B,
-  j
-];
-t.dependencies = {
-  "cx-divider": F,
-  "cx-icon-button": I,
-  "cx-popup": U
-};
-i([
-  m(".popup")
-], t.prototype, "popup", 2);
-i([
-  m(".dialog__panel")
-], t.prototype, "panel", 2);
-i([
-  m(".dialog__body")
-], t.prototype, "body", 2);
-i([
-  r({ reflect: !0, type: Boolean })
-], t.prototype, "open", 2);
-i([
-  r({ reflect: !0 })
-], t.prototype, "label", 2);
-i([
-  r({ attribute: "no-header", reflect: !0, type: Boolean })
-], t.prototype, "noHeader", 2);
-i([
-  r({ type: Object })
-], t.prototype, "boundary", 2);
-i([
-  r({ attribute: "divider-position", reflect: !0, type: String })
-], t.prototype, "dividerPosition", 2);
-i([
-  r({
-    attribute: "use-overlay-scrollbar",
-    reflect: !0,
-    type: Boolean
-  })
-], t.prototype, "useOverlayScrollbar", 2);
-i([
-  r({
-    attribute: "overlay-scrollbar-auto-hide",
-    reflect: !0,
-    type: String
-  })
-], t.prototype, "overlayScrollbarAutoHide", 2);
-i([
-  r({
-    attribute: "overlay-scrollbar-auto-hide-delay",
-    reflect: !0,
-    type: Number
-  })
-], t.prototype, "overlayScrollbarAutoHideDelay", 2);
-i([
-  r({
-    attribute: "disable-overlay-click",
-    reflect: !0,
-    type: Boolean
-  })
-], t.prototype, "disableOverlayClick", 2);
-i([
-  r({
-    attribute: "stay-open-outside-click",
-    reflect: !0,
-    type: Boolean
-  })
-], t.prototype, "stayOpenOutsideClick", 2);
-i([
-  r({ reflect: !0 })
-], t.prototype, "strategy", 2);
-i([
-  g()
-], t.prototype, "overlay", 2);
-i([
-  g()
-], t.prototype, "boundaryObserver", 2);
-i([
-  g()
-], t.prototype, "boundarySize", 2);
-i([
-  z(["boundary"], { waitUntilFirstUpdate: !0 })
-], t.prototype, "updatePopupAnchor", 1);
-i([
-  z("open", { waitUntilFirstUpdate: !0 })
-], t.prototype, "handleOpenChange", 1);
-t = i([
-  $("cx-dialog")
-], t);
-u("dialog.show", {
-  keyframes: [
-    { opacity: 0 },
-    { opacity: 1 }
-  ],
-  options: { duration: 250, easing: "ease" }
-});
-u("dialog.hide", {
-  keyframes: [
-    { opacity: 1 },
-    { opacity: 0 }
-  ],
-  options: { duration: 250, easing: "ease" }
-});
-u("dialog.denyClose", {
-  keyframes: [{ scale: 1 }, { scale: 1.02 }, { scale: 1 }],
-  options: { duration: 250 }
-});
-u("dialog.overlay.show", {
-  keyframes: [{ opacity: 0 }, { opacity: 1 }],
-  options: { duration: 250 }
-});
-u("dialog.overlay.hide", {
-  keyframes: [{ opacity: 1 }, { opacity: 0 }],
-  options: { duration: 250 }
-});
-export {
-  t as C,
-  l as D
-};