dap-design-system 0.60.2 → 0.61.0

package/dist/components/modal/modal-base-element.js

@@ -0,0 +1,531 @@
+import { clsx as u } from "../../node_modules/clsx/dist/clsx.js";
+import "../../node_modules/@lit/reactive-element/reactive-element.js";
+import { nothing as p, html as d } from "../../node_modules/lit-html/lit-html.js";
+import "../../node_modules/lit-element/lit-element.js";
+import { property as n } from "../../node_modules/@lit/reactive-element/decorators/property.js";
+import { query as y } from "../../node_modules/@lit/reactive-element/decorators/query.js";
+import { DdsElement as E } from "../../internal/dds-hu-element.js";
+import { SizedMixin as B } from "../../internal/mixin/sizedMixin.js";
+import "../../localization/localization.js";
+import v from "./modal.scss.js";
+import { unsafeCSS as C } from "../../node_modules/@lit/reactive-element/css-tag.js";
+import { translate as f } from "../../node_modules/lit-i18n/src/lit-i18n.js";
+var k = Object.defineProperty, s = (b, t, e, i) => {
+  for (var a = void 0, l = b.length - 1, r; l >= 0; l--)
+    (r = b[l]) && (a = r(t, e, a) || a);
+  return a && k(t, e, a), a;
+};
+const g = B(E), $ = 50, m = class m extends g {
+  constructor() {
+    super(...arguments), this.open = !1, this.fullScreen = !1, this.closeOnEsc = "true", this.closeOnOverlayClick = "true", this.closeButton = "true", this.okButtonVariant = "primary", this.cancelButtonVariant = "outline", this.okButtonDisabled = !1, this.cancelButtonDisabled = !1, this.cancelButtonDanger = !1, this.okButtonDanger = !1, this.hideOkButton = !1, this.hideCancelButton = !1, this.okButtonSize = "", this.okButtonSizeMap = "", this.cancelButtonSize = "", this.cancelButtonSizeMap = "", this.closeButtonSize = "md", this.closeButtonSizeMap = "", this.okButtonTestId = "modal-ok-button", this.cancelButtonTestId = "modal-cancel-button", this.closeButtonTestId = "modal-close-button", this.footer = "true", this.header = "true", this.wideFooter = !1, this.bottomFooter = !1, this.useNativeFocus = !1, this.fixedHeader = !1, this.fixedFooter = !1, this.noModal = !1, this.previouslyFocusedElement = null, this.focusableElements = [], this.canceled = !1, this.closeEventCanceled = !1, this.scrollLock = (t) => {
+      t ? (document.body.style.overflow = "hidden", document.body.dataset.modalOpen = "true") : (document.body.style.overflow = "", delete document.body.dataset.modalOpen);
+    };
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.hasAttribute("aria-hidden") || (this.setAttribute("aria-hidden", "true"), this.setAttribute("tabindex", "-1"));
+  }
+  attributeChangedCallback(t, e, i) {
+    t === "title" && (this.header = i ? "true" : "false"), super.attributeChangedCallback(t, e, i);
+  }
+  updated(t) {
+    super.updated(t), t.has("open") && t.get("open") !== void 0 && (this.open ? this.handleOpen() : this.handleCloseAction());
+  }
+  handleOpen() {
+    this.emit("dds-before-open", void 0, {
+      cancelable: !0
+    }).defaultPrevented || (this.canceled = !1, this.closeEventCanceled = !1, this.scrollLock(!0), this.previouslyFocusedElement = this.getActiveElement(), this.noModal ? this.dialog.show() : this.dialog.showModal(), this.afterTransition(() => {
+      !this.open || (this.dropTransform(), this.emit("dds-opened", void 0, {
+        cancelable: !0
+      }).defaultPrevented) || (this.focusableElements = this.getFocusableElements(), this.focusableElements.length > 0 && this.focusableElements[0].focus());
+    }), this.setAttribute("aria-hidden", "false"), this.setAttribute("tabindex", "0"));
+  }
+  handleCloseAction() {
+    this.emit("dds-before-close", void 0, {
+      cancelable: !0
+    }).defaultPrevented || (this.restoreTransform(), this.dialog.close(), this.canceled = !1, this.scrollLock(!1), this.afterTransition(() => {
+      this.open || this.emit("dds-closed", void 0, {
+        cancelable: !0
+      }).defaultPrevented || this.previouslyFocusedElement instanceof HTMLElement && this.previouslyFocusedElement.focus();
+    }), this.setAttribute("aria-hidden", "true"), this.setAttribute("tabindex", "-1"));
+  }
+  /**
+   * Run `callback` once the dialog's transition settles -- or on a timer if no
+   * transition runs at all.
+   *
+   * Focus management and the `dds-opened` / `dds-closed` events used to hang directly
+   * off a `transitionend` listener registered `{ once: true }`. That event never fires
+   * when the transition is skipped (`prefers-reduced-motion: reduce`, a consumer
+   * zeroing `--dds-modal-transition-speed`, a backgrounded tab) or when it is
+   * interrupted, so focus would never enter the dialog and would never be restored on
+   * close. Accessibility behaviour must not depend on an animation completing.
+   */
+  afterTransition(t) {
+    const e = this.dialog;
+    let i = !1;
+    const a = () => {
+      i || (i = !0, e.removeEventListener("transitionend", l), window.clearTimeout(r), t());
+    }, l = (c) => {
+      c.target === e && a();
+    };
+    e.addEventListener("transitionend", l);
+    const r = window.setTimeout(
+      a,
+      this.transitionDurationMs() + $
+    );
+  }
+  /**
+   * Apply a transform change to the dialog without animating it.
+   *
+   * The dialog animates its entrance with `transform` (`transition: transform ...`),
+   * so any later transform change would try to animate too. Suppressing the
+   * transition for one reflow makes the change instant -- and importantly avoids
+   * the unreliable "transition to `none`" interpolation, which Chrome can leave
+   * pinned at the start value.
+   */
+  setTransformInstantly(t) {
+    const e = this.dialog;
+    if (!e)
+      return;
+    const i = e.style.transition;
+    e.style.transition = "none", e.style.transform = t, e.offsetHeight, e.style.transition = i;
+  }
+  /**
+   * Drop the dialog's transform once it is settled open.
+   *
+   * A settled-open dialog keeps an identity transform (`translate(0, 0)`) for the
+   * entrance animation. Any transform -- even the identity -- makes the dialog a
+   * containing block for `position: fixed` descendants, which clips
+   * `floatingStrategy="fixed"` dropdowns (select / combobox / tooltip) to the
+   * modal instead of letting them escape and overflow it. Removing it (visually a
+   * no-op) frees those popups. Restored in `restoreTransform` before closing.
+   */
+  dropTransform() {
+    this.setTransformInstantly("none");
+  }
+  /** Undo `dropTransform` so the close animation starts from the on-screen position. */
+  restoreTransform() {
+    this.setTransformInstantly("");
+  }
+  /** Longest transition duration + delay declared on the dialog, in milliseconds. */
+  transitionDurationMs() {
+    const { transitionDuration: t, transitionDelay: e } = window.getComputedStyle(
+      this.dialog
+    ), i = (a) => a.split(",").reduce(
+      (l, r) => Math.max(l, (Number.parseFloat(r) || 0) * 1e3),
+      0
+    );
+    return i(t) + i(e);
+  }
+  firstUpdated(t) {
+    super.firstUpdated(t), this.open ? (this.setAttribute("aria-hidden", "false"), this.dialog.showModal()) : this.setAttribute("aria-hidden", "true");
+  }
+  show() {
+    this.open = !0;
+  }
+  hide() {
+    this.open = !1;
+  }
+  handleClose(t) {
+    if (this.emit(
+      "dds-close",
+      {
+        source: t
+      },
+      {
+        cancelable: !0
+      }
+    ).defaultPrevented) {
+      this.closeEventCanceled = !0;
+      return;
+    }
+    this.closeEventCanceled = !1, this.hide();
+  }
+  handleCancel(t) {
+    if (this.closeOnEsc !== "true") {
+      t.preventDefault(), this.canceled = !0;
+      return;
+    }
+    if (this.closeEventCanceled) {
+      t.preventDefault(), this.closeEventCanceled = !1;
+      return;
+    }
+    t.preventDefault();
+  }
+  handleEscClose(t) {
+    if (this.closeEventCanceled) {
+      this.dialog.showModal(), this.closeEventCanceled = !1;
+      return;
+    }
+    if (this.canceled || this.closeOnEsc !== "true") {
+      t.preventDefault();
+      return;
+    }
+    t.preventDefault();
+  }
+  handleOkButton() {
+    this.emit(
+      "dds-ok",
+      {
+        source: "ok-button"
+      },
+      {
+        cancelable: !0
+      }
+    ).defaultPrevented || this.handleClose("ok-button");
+  }
+  handleCancelButton() {
+    this.emit(
+      "dds-cancel",
+      {
+        source: "cancel-button"
+      },
+      {
+        cancelable: !0
+      }
+    ).defaultPrevented || this.handleClose("cancel-button");
+  }
+  handleCloseButton() {
+    this.emit(
+      "dds-cancel",
+      {
+        source: "close-button"
+      },
+      {
+        cancelable: !0
+      }
+    ).defaultPrevented || this.handleClose("close-button");
+  }
+  handleClick(t) {
+    this.closeOnOverlayClick === "true" && !t.composedPath().includes(this.modalBox) && this.handleClose("overlay");
+  }
+  handleKeyDown(t) {
+    if (t.key === "Tab" && !this.useNativeFocus) {
+      this.handleFocusTrap(t);
+      return;
+    }
+    if (t.key === "Escape")
+      if (this.closeOnEsc === "true") {
+        if (this.closeEventCanceled = !1, this.emit(
+          "dds-cancel",
+          {
+            source: "esc"
+          },
+          {
+            cancelable: !0
+          }
+        ).defaultPrevented) {
+          t.preventDefault(), t.stopImmediatePropagation();
+          return;
+        }
+        this.handleClose("esc"), this.closeEventCanceled && (t.preventDefault(), t.stopImmediatePropagation());
+      } else
+        t.preventDefault(), t.stopImmediatePropagation();
+  }
+  getFocusableElements() {
+    const e = [
+      "button",
+      "[href]",
+      "input",
+      "select",
+      "textarea",
+      '[tabindex]:not([tabindex="-1"])',
+      '[role="button"]',
+      '[role="link"]',
+      '[role="menuitem"]',
+      '[role="tab"]',
+      '[role="option"]',
+      '[role="radio"]',
+      '[role="checkbox"]',
+      '[role="switch"]',
+      '[role="combobox"]',
+      '[role="listbox"]',
+      '[role="textbox"]',
+      '[contenteditable="true"]',
+      "dap-ds-input",
+      "dap-ds-textarea",
+      "dap-ds-select",
+      "dap-ds-button",
+      "dap-ds-icon-button",
+      "dap-ds-search-input",
+      "dap-ds-combobox",
+      "dap-ds-checkbox",
+      "dap-ds-radio",
+      "dap-ds-switch",
+      "dap-ds-slider",
+      "dap-ds-file-input",
+      "dap-ds-calendar",
+      "dap-ds-date-picker",
+      "slot"
+    ].join(","), i = (a) => {
+      const l = [];
+      return a.querySelectorAll(e).forEach((c) => {
+        c instanceof HTMLSlotElement ? c.assignedElements().forEach((h) => {
+          h instanceof HTMLElement && (h.matches(e) && l.push(h), l.push(...i(h)));
+        }) : c instanceof HTMLElement && l.push(c);
+      }), l;
+    };
+    return i(this.modalBox);
+  }
+  getActiveElement() {
+    let t = document.activeElement;
+    if (!t) return null;
+    for (; t && t.shadowRoot; ) {
+      const e = t.shadowRoot.activeElement;
+      if (e)
+        t = e;
+      else
+        break;
+    }
+    return t;
+  }
+  getElementFromElement(t) {
+    if (t.shadowRoot) {
+      const e = t;
+      if (e.focusElement && e.focusElement instanceof HTMLElement)
+        return e.focusElement;
+      const i = [
+        "button",
+        "[href]",
+        "input",
+        "select",
+        "textarea",
+        '[tabindex]:not([tabindex="-1"])',
+        '[role="button"]',
+        '[role="link"]'
+      ], a = t.shadowRoot.querySelector(
+        i.join(",")
+      );
+      if (a instanceof HTMLElement)
+        return a;
+    }
+    return t;
+  }
+  isElementContainedIn(t, e) {
+    if (t === e || e.shadowRoot && e.shadowRoot.contains(t))
+      return !0;
+    const i = e;
+    return i.focusElement && i.focusElement === t ? !0 : e.contains(t);
+  }
+  handleFocusTrap(t) {
+    if (t.key !== "Tab" || this.useNativeFocus) return;
+    this.focusableElements.length === 0 && (this.focusableElements = this.getFocusableElements());
+    const e = this.getElementFromElement(
+      this.focusableElements[0]
+    ), i = this.focusableElements[this.focusableElements.length - 1], a = this.getElementFromElement(
+      i
+    ), l = this.getActiveElement();
+    l && (t.shiftKey ? (l === e || this.isElementContainedIn(l, e) || this.isElementContainedIn(l, this.focusableElements[0])) && (t.preventDefault(), a && a.focus()) : (l === a || this.isElementContainedIn(l, a) || this.isElementContainedIn(l, i)) && (t.preventDefault(), e && e.focus()));
+  }
+  renderModal() {
+    var t, e, i, a;
+    return d`<dialog
+      part="base"
+      class=${u("modal", {
+      "modal--open": this.open,
+      "modal--full": this.fullScreen,
+      "modal--no-modal": this.noModal,
+      [`modal--${this.size}`]: this.size
+    })}
+      aria-label=${`${(t = this.title) != null ? t : ""} ${(e = this.description) != null ? e : ""}`}
+      role="dialog"
+      aria-modal=${this.noModal ? "false" : "true"}
+      @close=${this.handleEscClose}
+      @cancel=${this.handleCancel}
+      @click=${this.handleClick}
+      @keydown=${this.handleKeyDown}>
+      <div part="panel" class="modal__box">
+        <div
+          class=${u("modal__header-container", {
+      [`modal__header-container--${this.size}`]: this.size,
+      [`modal__header-container--${this.size}-fixed`]: this.fixedHeader
+    })}
+          part="header-container">
+          ${this.header === "true" ? d`<header class="modal__header" part="header" id="header">
+                <slot name="title">
+                  <dap-ds-typography variant="h3" part="title"
+                    >${this.title}</dap-ds-typography
+                  >
+                </slot>
+                <slot name="description">
+                  <span
+                    class="modal__description"
+                    part="description"
+                    id="description">
+                    ${this.description}
+                  </span>
+                </slot>
+              </header>` : d`<span></span>`}
+          ${this.closeButton === "true" ? d`<dap-ds-icon-button
+                part="closebutton"
+                class="modal__close"
+                data-testid=${this.closeButtonTestId}
+                size=${this.closeButtonSize || this.effectiveSize}
+                sizeMap=${this.closeButtonSizeMap || this.sizeMap}
+                aria-label=${this.closeButtonLabel ? this.closeButtonLabel : f("close")}
+                @click=${this.handleCloseButton}>
+                <dap-ds-icon name="close-line"></dap-ds-icon>
+              </dap-ds-icon-button>` : p}
+        </div>
+        <div
+          class=${u("modal__content", {
+      "modal__content--bottom": this.bottomFooter
+    })}
+          part="content">
+          <slot></slot>
+        </div>
+        ${this.footer === "true" ? d`<footer
+              class=${u("modal__footer", {
+      "modal__footer--wide": this.wideFooter,
+      [`modal__footer--${this.size}`]: this.size,
+      [`modal__footer--${this.size}-fixed`]: this.fixedFooter
+    })}
+              part="footer">
+              <slot name="footer">
+                ${this.hideOkButton ? p : d`<dap-ds-button
+                      data-testid=${this.okButtonTestId}
+                      size=${this.okButtonSize || this.effectiveSize}
+                      sizeMap=${this.okButtonSizeMap || this.sizeMap}
+                      @click=${this.handleOkButton}
+                      variant=${this.okButtonVariant}
+                      ?danger=${this.okButtonDanger}
+                      ?disabled=${this.okButtonDisabled}
+                      ?hidden=${this.hideOkButton}
+                      >${(i = this.okButtonLabel) != null ? i : f("ok")}</dap-ds-button
+                    >`}
+                ${this.hideCancelButton ? p : d`<dap-ds-button
+                      data-testid=${this.cancelButtonTestId}
+                      size=${this.cancelButtonSize || this.effectiveSize}
+                      sizeMap=${this.cancelButtonSizeMap || this.sizeMap}
+                      variant=${this.cancelButtonVariant}
+                      ?danger=${this.cancelButtonDanger}
+                      ?disabled=${this.cancelButtonDisabled}
+                      ?hidden=${this.hideCancelButton}
+                      @click=${this.handleCancelButton}
+                      >${(a = this.cancelButtonLabel) != null ? a : f("cancel")}</dap-ds-button
+                    >`}
+              </slot>
+            </footer>` : p}
+      </div>
+    </dialog>`;
+  }
+};
+m.styles = C(v);
+let o = m;
+s([
+  y(".modal")
+], o.prototype, "dialog");
+s([
+  y(".modal__box")
+], o.prototype, "modalBox");
+s([
+  n({ type: Boolean, reflect: !0 })
+], o.prototype, "open");
+s([
+  n({ type: Boolean, reflect: !0 })
+], o.prototype, "fullScreen");
+s([
+  n({ type: String, reflect: !0 })
+], o.prototype, "closeOnEsc");
+s([
+  n({
+    type: String,
+    reflect: !0
+  })
+], o.prototype, "closeOnOverlayClick");
+s([
+  n({ type: String, reflect: !0 })
+], o.prototype, "closeButton");
+s([
+  n()
+], o.prototype, "title");
+s([
+  n()
+], o.prototype, "description");
+s([
+  n()
+], o.prototype, "okButtonLabel");
+s([
+  n()
+], o.prototype, "cancelButtonLabel");
+s([
+  n()
+], o.prototype, "closeButtonLabel");
+s([
+  n()
+], o.prototype, "okButtonVariant");
+s([
+  n()
+], o.prototype, "cancelButtonVariant");
+s([
+  n({ type: Boolean })
+], o.prototype, "okButtonDisabled");
+s([
+  n({ type: Boolean })
+], o.prototype, "cancelButtonDisabled");
+s([
+  n({ type: Boolean })
+], o.prototype, "cancelButtonDanger");
+s([
+  n({ type: Boolean })
+], o.prototype, "okButtonDanger");
+s([
+  n({ type: Boolean })
+], o.prototype, "hideOkButton");
+s([
+  n({ type: Boolean })
+], o.prototype, "hideCancelButton");
+s([
+  n()
+], o.prototype, "okButtonSize");
+s([
+  n()
+], o.prototype, "okButtonSizeMap");
+s([
+  n()
+], o.prototype, "cancelButtonSize");
+s([
+  n()
+], o.prototype, "cancelButtonSizeMap");
+s([
+  n()
+], o.prototype, "closeButtonSize");
+s([
+  n()
+], o.prototype, "closeButtonSizeMap");
+s([
+  n()
+], o.prototype, "okButtonTestId");
+s([
+  n()
+], o.prototype, "cancelButtonTestId");
+s([
+  n()
+], o.prototype, "closeButtonTestId");
+s([
+  n({ type: String })
+], o.prototype, "footer");
+s([
+  n({ type: String })
+], o.prototype, "header");
+s([
+  n({ type: Boolean })
+], o.prototype, "wideFooter");
+s([
+  n({ type: Boolean })
+], o.prototype, "bottomFooter");
+s([
+  n({ type: Boolean })
+], o.prototype, "useNativeFocus");
+s([
+  n({ type: Boolean })
+], o.prototype, "fixedHeader");
+s([
+  n({ type: Boolean })
+], o.prototype, "fixedFooter");
+s([
+  n({ type: Boolean })
+], o.prototype, "noModal");
+export {
+  o as default
+};
+//# sourceMappingURL=modal-base-element.js.map

package/dist/components/modal/modal-base-element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-base-element.js","sources":["../../../src/components/modal/modal-base-element.ts"],"sourcesContent":["import clsx from 'clsx'\nimport { html, nothing, PropertyValueMap, unsafeCSS } from 'lit'\nimport { property, query } from 'lit/decorators.js'\n\nimport type { ButtonVariant } from '@/common/types'\nimport { CloseSource } from '@/dap-design-system'\nimport { DdsElement } from '@/internal/dds-hu-element'\nimport { SizedMixin } from '@/internal/mixin/sizedMixin'\nimport { translate } from '@/localization/localization'\n\nimport type { ButtonSize } from '../icon-button/icon-button.component'\nimport styles from './modal.scss?inline'\n\nconst ModalBaseWithSized = SizedMixin(DdsElement)\n\n/** Grace period past the declared transition duration before the fallback fires. */\nconst TRANSITION_SLACK_MS = 50\n\nexport default class ModalBaseElement extends ModalBaseWithSized {\n  @query('.modal') dialog!: HTMLDialogElement\n  @query('.modal__box') modalBox!: HTMLElement\n  @property({ type: Boolean, reflect: true }) open?: boolean = false\n  @property({ type: Boolean, reflect: true }) fullScreen?: boolean = false\n  @property({ type: String, reflect: true }) closeOnEsc = 'true'\n  @property({\n    type: String,\n    reflect: true,\n  })\n  closeOnOverlayClick = 'true'\n  @property({ type: String, reflect: true }) closeButton = 'true'\n  @property() title: string\n  @property() description: string\n  @property() okButtonLabel: string\n  @property() cancelButtonLabel: string\n  @property() closeButtonLabel: string\n  @property() okButtonVariant: ButtonVariant = 'primary'\n  @property() cancelButtonVariant: ButtonVariant = 'outline'\n  @property({ type: Boolean }) okButtonDisabled = false\n  @property({ type: Boolean }) cancelButtonDisabled = false\n  @property({ type: Boolean }) cancelButtonDanger = false\n  @property({ type: Boolean }) okButtonDanger = false\n  @property({ type: Boolean }) hideOkButton = false\n  @property({ type: Boolean }) hideCancelButton = false\n  /** Override size for the default OK button; when empty uses the modal's effective size. */\n  @property() okButtonSize = ''\n  /** Override sizeMap for the default OK button; when empty uses the modal's sizeMap. */\n  @property() okButtonSizeMap = ''\n  /** Override size for the default Cancel button; when empty uses the modal's effective size. */\n  @property() cancelButtonSize = ''\n  /** Override sizeMap for the default Cancel button; when empty uses the modal's sizeMap. */\n  @property() cancelButtonSizeMap = ''\n  /** Override size for the close icon button; when empty uses the modal's effective size. */\n  @property() closeButtonSize = 'md'\n  /** Override sizeMap for the close icon button; when empty uses the modal's sizeMap. */\n  @property() closeButtonSizeMap = ''\n  /** `data-testid` for the default OK button. */\n  @property() okButtonTestId = 'modal-ok-button'\n  /** `data-testid` for the default Cancel button. */\n  @property() cancelButtonTestId = 'modal-cancel-button'\n  /** `data-testid` for the default close icon button. */\n  @property() closeButtonTestId = 'modal-close-button'\n  @property({ type: String }) footer = 'true'\n  @property({ type: String }) header = 'true'\n  @property({ type: Boolean }) wideFooter = false\n  @property({ type: Boolean }) bottomFooter = false\n  @property({ type: Boolean }) useNativeFocus = false\n  @property({ type: Boolean }) fixedHeader = false\n  @property({ type: Boolean }) fixedFooter = false\n  @property({ type: Boolean }) noModal = false\n  private previouslyFocusedElement: Element | null = null\n  private focusableElements: HTMLElement[] = []\n\n  private canceled = false\n  private closeEventCanceled = false\n\n  static readonly styles = unsafeCSS(styles)\n\n  connectedCallback(): void {\n    super.connectedCallback()\n    // Set aria-hidden to true by default\n    if (!this.hasAttribute('aria-hidden')) {\n      this.setAttribute('aria-hidden', 'true')\n      this.setAttribute('tabindex', '-1')\n    }\n  }\n\n  attributeChangedCallback(\n    name: string,\n    _old: string | null,\n    value: string | null,\n  ): void {\n    if (name === 'title') {\n      this.header = value ? 'true' : 'false'\n    }\n    super.attributeChangedCallback(name, _old, value)\n  }\n\n  protected updated(\n    _changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>,\n  ): void {\n    super.updated(_changedProperties)\n    if (\n      _changedProperties.has('open') &&\n      _changedProperties.get('open') !== undefined\n    ) {\n      if (this.open) {\n        this.handleOpen()\n      } else {\n        this.handleCloseAction()\n      }\n    }\n  }\n\n  private handleOpen(): void {\n    const beforeOpenEvent = this.emit('dds-before-open', undefined, {\n      cancelable: true,\n    })\n\n    if (beforeOpenEvent.defaultPrevented) {\n      return\n    }\n\n    // Reset canceled flag when opening\n    this.canceled = false\n    this.closeEventCanceled = false\n    this.scrollLock(true)\n    this.previouslyFocusedElement = this.getActiveElement()\n    if (this.noModal) {\n      this.dialog.show()\n    } else {\n      this.dialog.showModal()\n    }\n    this.afterTransition(() => {\n      // The dialog may have been closed again before the open transition settled.\n      if (!this.open) {\n        return\n      }\n\n      this.dropTransform()\n\n      const openedEvent = this.emit('dds-opened', undefined, {\n        cancelable: true,\n      })\n\n      if (openedEvent.defaultPrevented) {\n        return\n      }\n\n      this.focusableElements = this.getFocusableElements()\n      if (this.focusableElements.length > 0) {\n        this.focusableElements[0].focus()\n      }\n    })\n    this.setAttribute('aria-hidden', 'false')\n    this.setAttribute('tabindex', '0')\n  }\n\n  private handleCloseAction(): void {\n    const beforeCloseEvent = this.emit('dds-before-close', undefined, {\n      cancelable: true,\n    })\n\n    if (beforeCloseEvent.defaultPrevented) {\n      return\n    }\n\n    // Restore the entrance transform before closing so the close animation runs\n    // from the on-screen position instead of starting from `none`.\n    this.restoreTransform()\n    this.dialog.close()\n    // Reset canceled flag when closing\n    this.canceled = false\n    this.scrollLock(false)\n    this.afterTransition(() => {\n      // The dialog may have been reopened before the close transition settled.\n      if (this.open) {\n        return\n      }\n\n      const closedEvent = this.emit('dds-closed', undefined, {\n        cancelable: true,\n      })\n\n      if (closedEvent.defaultPrevented) {\n        return\n      }\n\n      if (this.previouslyFocusedElement instanceof HTMLElement) {\n        this.previouslyFocusedElement.focus()\n      }\n    })\n    this.setAttribute('aria-hidden', 'true')\n    this.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Run `callback` once the dialog's transition settles -- or on a timer if no\n   * transition runs at all.\n   *\n   * Focus management and the `dds-opened` / `dds-closed` events used to hang directly\n   * off a `transitionend` listener registered `{ once: true }`. That event never fires\n   * when the transition is skipped (`prefers-reduced-motion: reduce`, a consumer\n   * zeroing `--dds-modal-transition-speed`, a backgrounded tab) or when it is\n   * interrupted, so focus would never enter the dialog and would never be restored on\n   * close. Accessibility behaviour must not depend on an animation completing.\n   */\n  private afterTransition(callback: () => void): void {\n    const el = this.dialog\n    let settled = false\n\n    const finish = () => {\n      if (settled) {\n        return\n      }\n      settled = true\n      el.removeEventListener('transitionend', onTransitionEnd)\n      window.clearTimeout(timeout)\n      callback()\n    }\n\n    // Ignore transitions bubbling up from descendants.\n    const onTransitionEnd = (event: TransitionEvent) => {\n      if (event.target === el) {\n        finish()\n      }\n    }\n\n    el.addEventListener('transitionend', onTransitionEnd)\n    const timeout = window.setTimeout(\n      finish,\n      this.transitionDurationMs() + TRANSITION_SLACK_MS,\n    )\n  }\n\n  /**\n   * Apply a transform change to the dialog without animating it.\n   *\n   * The dialog animates its entrance with `transform` (`transition: transform ...`),\n   * so any later transform change would try to animate too. Suppressing the\n   * transition for one reflow makes the change instant -- and importantly avoids\n   * the unreliable \"transition to `none`\" interpolation, which Chrome can leave\n   * pinned at the start value.\n   */\n  private setTransformInstantly(value: string): void {\n    const el = this.dialog\n    if (!el) {\n      return\n    }\n    const previousTransition = el.style.transition\n    el.style.transition = 'none'\n    el.style.transform = value\n    // Force a style flush so the change lands before the transition is restored.\n    void el.offsetHeight\n    el.style.transition = previousTransition\n  }\n\n  /**\n   * Drop the dialog's transform once it is settled open.\n   *\n   * A settled-open dialog keeps an identity transform (`translate(0, 0)`) for the\n   * entrance animation. Any transform -- even the identity -- makes the dialog a\n   * containing block for `position: fixed` descendants, which clips\n   * `floatingStrategy=\"fixed\"` dropdowns (select / combobox / tooltip) to the\n   * modal instead of letting them escape and overflow it. Removing it (visually a\n   * no-op) frees those popups. Restored in `restoreTransform` before closing.\n   */\n  private dropTransform(): void {\n    this.setTransformInstantly('none')\n  }\n\n  /** Undo `dropTransform` so the close animation starts from the on-screen position. */\n  private restoreTransform(): void {\n    // Empty string falls back to the CSS value (`.modal[open]` => `translate(0, 0)`).\n    this.setTransformInstantly('')\n  }\n\n  /** Longest transition duration + delay declared on the dialog, in milliseconds. */\n  private transitionDurationMs(): number {\n    const { transitionDuration, transitionDelay } = window.getComputedStyle(\n      this.dialog,\n    )\n    const longest = (value: string) =>\n      value\n        .split(',')\n        .reduce(\n          (max, part) => Math.max(max, (Number.parseFloat(part) || 0) * 1000),\n          0,\n        )\n\n    return longest(transitionDuration) + longest(transitionDelay)\n  }\n\n  scrollLock = (open: boolean) => {\n    if (open) {\n      document.body.style.overflow = 'hidden'\n      document.body.dataset.modalOpen = 'true'\n    } else {\n      document.body.style.overflow = ''\n      delete document.body.dataset.modalOpen\n    }\n  }\n\n  protected firstUpdated(\n    _changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>,\n  ): void {\n    super.firstUpdated(_changedProperties)\n    if (this.open) {\n      this.setAttribute('aria-hidden', 'false')\n\n      this.dialog.showModal()\n    } else {\n      this.setAttribute('aria-hidden', 'true')\n    }\n  }\n\n  public show(): void {\n    this.open = true\n  }\n\n  public hide(): void {\n    this.open = false\n  }\n\n  private handleClose(source: CloseSource) {\n    const handleCloseEvent = this.emit(\n      'dds-close',\n      {\n        source,\n      },\n      {\n        cancelable: true,\n      },\n    )\n\n    if (handleCloseEvent.defaultPrevented) {\n      this.closeEventCanceled = true\n      return\n    }\n\n    this.closeEventCanceled = false\n    this.hide()\n  }\n\n  private handleCancel(event: Event): void {\n    // This method is called when the dialog's cancel event fires (Escape key)\n    // We only want to handle it when closeOnEsc is false\n    if (this.closeOnEsc !== 'true') {\n      event.preventDefault()\n      this.canceled = true\n      return\n    }\n\n    // If the close event was canceled, prevent the native cancel behavior\n    if (this.closeEventCanceled) {\n      event.preventDefault()\n      this.closeEventCanceled = false // Reset after handling\n      return\n    }\n\n    // If closeOnEsc is true and event wasn't canceled, prevent default\n    // to let the keydown handler deal with it\n    event.preventDefault()\n  }\n\n  private handleEscClose(event: Event): void {\n    // This method is called when the dialog's close event fires\n    // The close event is not cancelable, so if the custom event was canceled,\n    // we need to reopen the dialog\n\n    // If the close event was canceled, reopen the dialog\n    if (this.closeEventCanceled) {\n      // Reopen the dialog since the close was canceled\n      this.dialog.showModal()\n      this.closeEventCanceled = false // Reset after handling\n      return\n    }\n\n    // We only want to handle it when it's not from an escape key press\n    // or when closeOnEsc is false\n    if (this.canceled || this.closeOnEsc !== 'true') {\n      event.preventDefault()\n      return\n    }\n\n    // If it's from escape key and closeOnEsc is true, let the keydown handler deal with it\n    event.preventDefault()\n  }\n\n  private handleOkButton(): void {\n    const handleCloseEvent = this.emit(\n      'dds-ok',\n      {\n        source: 'ok-button',\n      },\n      {\n        cancelable: true,\n      },\n    )\n\n    if (handleCloseEvent.defaultPrevented) {\n      return\n    }\n\n    this.handleClose('ok-button')\n  }\n\n  private handleCancelButton(): void {\n    const handleCloseEvent = this.emit(\n      'dds-cancel',\n      {\n        source: 'cancel-button',\n      },\n      {\n        cancelable: true,\n      },\n    )\n\n    if (handleCloseEvent.defaultPrevented) {\n      return\n    }\n\n    this.handleClose('cancel-button')\n  }\n\n  private handleCloseButton(): void {\n    const handleCancelEvent = this.emit(\n      'dds-cancel',\n      {\n        source: 'close-button',\n      },\n      {\n        cancelable: true,\n      },\n    )\n\n    if (handleCancelEvent.defaultPrevented) {\n      return\n    }\n\n    this.handleClose('close-button')\n  }\n\n  private handleClick(event: MouseEvent): void {\n    if (\n      this.closeOnOverlayClick === 'true' &&\n      !event.composedPath().includes(this.modalBox)\n    ) {\n      this.handleClose('overlay')\n    }\n  }\n\n  private handleKeyDown(event: KeyboardEvent): void {\n    if (event.key === 'Tab' && !this.useNativeFocus) {\n      this.handleFocusTrap(event)\n      return\n    }\n\n    if (event.key === 'Escape') {\n      if (this.closeOnEsc === 'true') {\n        // Reset the flag before handling close\n        this.closeEventCanceled = false\n\n        // Emit dds-cancel event first\n        const handleCancelEvent = this.emit(\n          'dds-cancel',\n          {\n            source: 'esc',\n          },\n          {\n            cancelable: true,\n          },\n        )\n\n        if (handleCancelEvent.defaultPrevented) {\n          event.preventDefault()\n          event.stopImmediatePropagation()\n          return\n        }\n\n        // Only handle escape if closeOnEsc is true\n        this.handleClose('esc')\n        // If the event was canceled, prevent the default ESC behavior\n        if (this.closeEventCanceled) {\n          event.preventDefault()\n          event.stopImmediatePropagation()\n        }\n      } else {\n        // Prevent default behavior when closeOnEsc is false\n        event.preventDefault()\n        event.stopImmediatePropagation()\n      }\n    }\n  }\n\n  private getFocusableElements(): HTMLElement[] {\n    const focusableSelectors = [\n      'button',\n      '[href]',\n      'input',\n      'select',\n      'textarea',\n      '[tabindex]:not([tabindex=\"-1\"])',\n      '[role=\"button\"]',\n      '[role=\"link\"]',\n      '[role=\"menuitem\"]',\n      '[role=\"tab\"]',\n      '[role=\"option\"]',\n      '[role=\"radio\"]',\n      '[role=\"checkbox\"]',\n      '[role=\"switch\"]',\n      '[role=\"combobox\"]',\n      '[role=\"listbox\"]',\n      '[role=\"textbox\"]',\n      '[contenteditable=\"true\"]',\n      'dap-ds-input',\n      'dap-ds-textarea',\n      'dap-ds-select',\n      'dap-ds-button',\n      'dap-ds-icon-button',\n      'dap-ds-search-input',\n      'dap-ds-combobox',\n      'dap-ds-checkbox',\n      'dap-ds-radio',\n      'dap-ds-switch',\n      'dap-ds-slider',\n      'dap-ds-file-input',\n      'dap-ds-calendar',\n      'dap-ds-date-picker',\n      'slot',\n    ]\n\n    const selector = focusableSelectors.join(',')\n\n    const getAllFocusableElements = (\n      root: Element | ShadowRoot,\n    ): HTMLElement[] => {\n      const elements: HTMLElement[] = []\n\n      // Get all elements matching the selectors in the current root\n      const matches = root.querySelectorAll(selector)\n      matches.forEach(element => {\n        if (element instanceof HTMLSlotElement) {\n          // Slotted content lives in the consumer's tree, so a query against this root\n          // cannot see past the slot -- only `assignedElements()` reaches it. Consumers\n          // slot a wrapper (a layout element, a stack) far more often than bare controls,\n          // so take each assigned element only if it is focusable itself, then descend to\n          // pick up the controls nested inside it. Without the descent a wrapper becomes a\n          // single opaque tab stop and everything below the first control is unreachable.\n          element.assignedElements().forEach(assignedElement => {\n            if (!(assignedElement instanceof HTMLElement)) {\n              return\n            }\n            if (assignedElement.matches(selector)) {\n              elements.push(assignedElement)\n            }\n            elements.push(...getAllFocusableElements(assignedElement))\n          })\n        } else if (element instanceof HTMLElement) {\n          elements.push(element)\n        }\n      })\n\n      return elements\n    }\n\n    return getAllFocusableElements(this.modalBox)\n  }\n\n  private getActiveElement(): Element | null {\n    let activeElement: Element | null = document.activeElement\n    if (!activeElement) return null\n\n    // Traverse shadow DOM boundaries to find the actual focused element\n    while (activeElement && activeElement.shadowRoot) {\n      const shadowActive: Element | null =\n        activeElement.shadowRoot.activeElement\n      if (shadowActive) {\n        activeElement = shadowActive\n      } else {\n        break\n      }\n    }\n\n    return activeElement\n  }\n\n  private getElementFromElement(element: Element): HTMLElement {\n    // If it's a shadow DOM component, try to get the actual focusable element\n    if (element.shadowRoot) {\n      // Check if the component has a focusElement getter (like dap-ds-button)\n      const component = element as any\n      if (\n        component.focusElement &&\n        component.focusElement instanceof HTMLElement\n      ) {\n        return component.focusElement\n      }\n\n      // Otherwise, try to find the focusable element inside the shadow root\n      const focusableSelectors = [\n        'button',\n        '[href]',\n        'input',\n        'select',\n        'textarea',\n        '[tabindex]:not([tabindex=\"-1\"])',\n        '[role=\"button\"]',\n        '[role=\"link\"]',\n      ]\n      const focusable = element.shadowRoot.querySelector(\n        focusableSelectors.join(','),\n      )\n      if (focusable instanceof HTMLElement) {\n        return focusable\n      }\n    }\n    return element as HTMLElement\n  }\n\n  private isElementContainedIn(element: Element, container: Element): boolean {\n    // Check if element is the same as container\n    if (element === container) {\n      return true\n    }\n\n    // Check if element is inside container's shadow root\n    if (container.shadowRoot && container.shadowRoot.contains(element)) {\n      return true\n    }\n\n    // Check if container is a shadow DOM component and element is its focusElement\n    const component = container as any\n    if (component.focusElement && component.focusElement === element) {\n      return true\n    }\n\n    // Check if element is contained in the regular DOM tree\n    return container.contains(element)\n  }\n\n  private handleFocusTrap(event: KeyboardEvent): void {\n    if (event.key !== 'Tab' || this.useNativeFocus) return\n\n    if (this.focusableElements.length === 0) {\n      this.focusableElements = this.getFocusableElements()\n    }\n\n    const firstFocusableElement = this.getElementFromElement(\n      this.focusableElements[0],\n    )\n    const lastFocusableElementRaw =\n      this.focusableElements[this.focusableElements.length - 1]\n    const lastFocusableElement = this.getElementFromElement(\n      lastFocusableElementRaw,\n    )\n\n    const activeElement = this.getActiveElement()\n\n    if (!activeElement) return\n\n    if (event.shiftKey) {\n      // Check if active element is the first focusable element or contained within it\n      if (\n        activeElement === firstFocusableElement ||\n        this.isElementContainedIn(activeElement, firstFocusableElement) ||\n        this.isElementContainedIn(activeElement, this.focusableElements[0])\n      ) {\n        event.preventDefault()\n        if (lastFocusableElement) {\n          lastFocusableElement.focus()\n        }\n      }\n    } else {\n      // Check if active element is the last focusable element or contained within it\n      if (\n        activeElement === lastFocusableElement ||\n        this.isElementContainedIn(activeElement, lastFocusableElement) ||\n        this.isElementContainedIn(activeElement, lastFocusableElementRaw)\n      ) {\n        event.preventDefault()\n        if (firstFocusableElement) {\n          firstFocusableElement.focus()\n        }\n      }\n    }\n  }\n\n  renderModal() {\n    return html`<dialog\n      part=\"base\"\n      class=${clsx('modal', {\n        'modal--open': this.open,\n        'modal--full': this.fullScreen,\n        'modal--no-modal': this.noModal,\n        [`modal--${this.size}`]: this.size,\n      })}\n      aria-label=${`${this.title ?? ''} ${this.description ?? ''}`}\n      role=\"dialog\"\n      aria-modal=${this.noModal ? 'false' : 'true'}\n      @close=${this.handleEscClose}\n      @cancel=${this.handleCancel}\n      @click=${this.handleClick}\n      @keydown=${this.handleKeyDown}>\n      <div part=\"panel\" class=\"modal__box\">\n        <div\n          class=${clsx('modal__header-container', {\n            [`modal__header-container--${this.size}`]: this.size,\n            [`modal__header-container--${this.size}-fixed`]: this.fixedHeader,\n          })}\n          part=\"header-container\">\n          ${this.header === 'true'\n            ? html`<header class=\"modal__header\" part=\"header\" id=\"header\">\n                <slot name=\"title\">\n                  <dap-ds-typography variant=\"h3\" part=\"title\"\n                    >${this.title}</dap-ds-typography\n                  >\n                </slot>\n                <slot name=\"description\">\n                  <span\n                    class=\"modal__description\"\n                    part=\"description\"\n                    id=\"description\">\n                    ${this.description}\n                  </span>\n                </slot>\n              </header>`\n            : html`<span></span>`}\n          ${this.closeButton === 'true'\n            ? html`<dap-ds-icon-button\n                part=\"closebutton\"\n                class=\"modal__close\"\n                data-testid=${this.closeButtonTestId}\n                size=${(this.closeButtonSize ||\n                  this.effectiveSize) as ButtonSize}\n                sizeMap=${this.closeButtonSizeMap || this.sizeMap}\n                aria-label=${this.closeButtonLabel\n                  ? this.closeButtonLabel\n                  : translate('close')}\n                @click=${this.handleCloseButton}>\n                <dap-ds-icon name=\"close-line\"></dap-ds-icon>\n              </dap-ds-icon-button>`\n            : nothing}\n        </div>\n        <div\n          class=${clsx('modal__content', {\n            'modal__content--bottom': this.bottomFooter,\n          })}\n          part=\"content\">\n          <slot></slot>\n        </div>\n        ${this.footer === 'true'\n          ? html`<footer\n              class=${clsx('modal__footer', {\n                'modal__footer--wide': this.wideFooter,\n                [`modal__footer--${this.size}`]: this.size,\n                [`modal__footer--${this.size}-fixed`]: this.fixedFooter,\n              })}\n              part=\"footer\">\n              <slot name=\"footer\">\n                ${this.hideOkButton\n                  ? nothing\n                  : html`<dap-ds-button\n                      data-testid=${this.okButtonTestId}\n                      size=${(this.okButtonSize ||\n                        this.effectiveSize) as ButtonSize}\n                      sizeMap=${this.okButtonSizeMap || this.sizeMap}\n                      @click=${this.handleOkButton}\n                      variant=${this.okButtonVariant}\n                      ?danger=${this.okButtonDanger}\n                      ?disabled=${this.okButtonDisabled}\n                      ?hidden=${this.hideOkButton}\n                      >${this.okButtonLabel ?? translate('ok')}</dap-ds-button\n                    >`}\n                ${this.hideCancelButton\n                  ? nothing\n                  : html`<dap-ds-button\n                      data-testid=${this.cancelButtonTestId}\n                      size=${(this.cancelButtonSize ||\n                        this.effectiveSize) as ButtonSize}\n                      sizeMap=${this.cancelButtonSizeMap || this.sizeMap}\n                      variant=${this.cancelButtonVariant}\n                      ?danger=${this.cancelButtonDanger}\n                      ?disabled=${this.cancelButtonDisabled}\n                      ?hidden=${this.hideCancelButton}\n                      @click=${this.handleCancelButton}\n                      >${this.cancelButtonLabel ??\n                      translate('cancel')}</dap-ds-button\n                    >`}\n              </slot>\n            </footer>`\n          : nothing}\n      </div>\n    </dialog>`\n  }\n}\n"],"names":["ModalBaseWithSized","SizedMixin","DdsElement","TRANSITION_SLACK_MS","_ModalBaseElement","open","name","_old","value","_changedProperties","callback","el","settled","finish","onTransitionEnd","timeout","event","previousTransition","transitionDuration","transitionDelay","longest","max","part","source","selector","getAllFocusableElements","root","elements","element","assignedElement","activeElement","shadowActive","component","focusableSelectors","focusable","container","firstFocusableElement","lastFocusableElementRaw","lastFocusableElement","html","clsx","_a","_b","translate","nothing","_c","_d","unsafeCSS","styles","ModalBaseElement","__decorateClass","query","property"],"mappings":"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"}

package/dist/components/modal/modal.component.d.ts

@@ -87,6 +87,7 @@ import { default as ModalBaseElement } from './modal-base-element';
  *
  */
 export default class DapDSModal extends ModalBaseElement {
+    static tagName: string;
     constructor();
     render(): import('lit-html').TemplateResult<1>;
 }

package/dist/components/modal/modal.component.js

@@ -0,0 +1,15 @@
+import r from "./modal-base-element.js";
+const t = class t extends r {
+  constructor() {
+    super(), this.bottomFooter = !0;
+  }
+  render() {
+    return this.renderModal();
+  }
+};
+t.tagName = "dap-ds-modal";
+let e = t;
+export {
+  e as default
+};
+//# sourceMappingURL=modal.component.js.map

package/dist/components/modal/modal.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.component.js","sources":["../../../src/components/modal/modal.component.ts"],"sourcesContent":["import ModalBaseElement from './modal-base-element'\n\n/**\n * `dap-ds-modal`\n * @summary A modal is a container for modal content.\n * @element dap-ds-modal\n * @title - Modal\n *\n * @property {boolean} open - The open state of the modal.\n * @property {string} title - Title of the modal.\n * @property {string} description - Description of the modal.\n * @property {boolean} fullScreen - Full screen version of the modal.\n * @property {boolean} noModal - If true, uses `.show()` (no overlay); if false, uses `.showModal()`. Default is false.\n * @property {'sm'|'lg'} size - Size of the modal. Default is 'sm'.\n * @property {string} sizeMap - Breakpoint→size map for the modal (e.g. \"md:lg\").\n *\n * @property {string} header - Whether to show the header. Default is 'true'.\n * @property {string} footer - Whether to show the footer. Default is 'true'.\n *\n * @property {boolean} wideFooter - Wide layout mode for footer.\n * @property {boolean} bottomFooter - Pushes the footer to the bottom.\n * @property {boolean} fixedHeader - Fixes the header to the top.\n * @property {boolean} fixedFooter - Fixes the footer to the bottom.\n *\n * @property {string} closeOnEsc - Whether to close on Escape key. Default is 'true'.\n * @property {string} closeOnOverlayClick - Whether to close on overlay click. Default is 'true'.\n * @property {string} closeButton - Whether to show the close button. Default is 'true'.\n *\n * @property {string} okButtonLabel - Label of the OK button.\n * @property {boolean} okButtonDisabled - Whether the OK button is disabled.\n * @property {boolean} okButtonDanger - Whether the OK button uses danger style.\n * @property {boolean} hideOkButton - Whether to hide the OK button.\n * @property {string} okButtonSize - Override size for the OK button; empty uses modal size.\n * @property {string} okButtonSizeMap - Override sizeMap for the OK button.\n *\n * @property {string} cancelButtonLabel - Label of the Cancel button.\n * @property {boolean} cancelButtonDisabled - Whether the Cancel button is disabled.\n * @property {boolean} cancelButtonDanger - Whether the Cancel button uses danger style.\n * @property {boolean} hideCancelButton - Whether to hide the Cancel button.\n * @property {string} cancelButtonSize - Override size for the Cancel button; empty uses modal size.\n * @property {string} cancelButtonSizeMap - Override sizeMap for the Cancel button.\n *\n * @property {string} closeButtonSize - Override size for the close icon button; empty uses modal size.\n * @property {string} closeButtonSizeMap - Override sizeMap for the close icon button.\n *\n * @property {boolean} useNativeFocus - Use native browser focus handling. Default is false.\n *\n * @event {{ void }} dds-before-open - Fires before the modal opens.\n * @event {{ void }} dds-opened - Fires after the modal opens.\n * @event {{ void }} dds-before-close - Fires before the modal closes.\n * @event {{ void }} dds-closed - Fires after the modal closed.\n * @event {{ void }} dds-close - Fires when the modal is closes. You can prevent the modal from closing by calling `event.preventDefault()`.\n * @event {{ void }} dds-ok - Fires when the OK button is clicked. You can prevent the modal from closing by calling `event.preventDefault()`.\n * @event {{ void }} dds-cancel - Fires when the Cancel button is clicked. You can prevent the modal from closing by calling `event.preventDefault()`.\n *\n * @slot - The content of the modal.\n * @slot title - The title of the modal.\n * @slot description - The description of the modal.\n * @slot footer - The footer of the modal.\n *\n * @csspart base - The main modal container.\n * @csspart panel - The panel of the modal.\n * @csspart header - The header of the modal.\n * @csspart header-container - The container of the header.\n * @csspart title - The title of the modal.\n * @csspart description - The description of the modal.\n * @csspart footer - The footer of the modal.\n * @csspart content - The body of the modal.\n * @csspart closebutton - The close button of the modal.\n *\n * @cssproperty --dds-modal-max-block-size - Maximum height of the modal. (default: 80vh).\n * @cssproperty --dds-modal-max-inline-size - Maximum width of the modal. (default: 600px).\n * @cssproperty --dds-modal-padding-sm - Padding inside the modal. (default: var(--dds-spacing-600)).\n * @cssproperty --dds-modal-padding-lg - Padding inside the modal. (default: var(--dds-spacing-1200)).\n * @cssproperty --dds-modal-transform-amount - Amount to transform for entrance animation. (default: 2rem).\n * @cssproperty --dds-modal-transition-speed - Speed of transition animations. (default: var(--dds-transition-fast)).\n * @cssproperty --dds-modal-transition-timing - Timing function for transitions. (default: var(--dds-easing-ease-in-out)).\n * @cssproperty --dds-modal-border-width - Border width of the modal. (default: var(--dds-border-width-base)).\n * @cssproperty --dds-modal-border-color - Border color of the modal. (default: var(--dds-border-neutral-divider)).\n * @cssproperty --dds-modal-border-radius - Border radius of the modal. (default: var(--dds-radius-large, 16px)).\n * @cssproperty --dds-modal-background - Background color of the modal. (default: var(--dds-background-neutral-subtle)).\n * @cssproperty --dds-modal-header-margin-sm - Margin below the header. (default: var(--dds-spacing-400)).\n * @cssproperty --dds-modal-header-margin-lg - Margin below the header. (default: var(--dds-spacing-600)).\n * @cssproperty --dds-modal-footer-margin-sm - Margin above the footer. (default: var(--dds-spacing-400)).\n * @cssproperty --dds-modal-footer-margin-lg - Margin above the footer. (default: var(--dds-spacing-600)).\n * @cssproperty --dds-modal-footer-gap - Gap between footer elements. (default: var(--dds-spacing-200)).\n * @cssproperty --dds-modal-close-margin - Margin for the close button. (default: var(--dds-spacing-300)).\n *\n */\nexport default class DapDSModal extends ModalBaseElement {\n  static tagName = 'dap-ds-modal'\n\n  constructor() {\n    super()\n    this.bottomFooter = true\n  }\n\n  render() {\n    return this.renderModal()\n  }\n}\n"],"names":["_DapDSModal","ModalBaseElement","DapDSModal"],"mappings":";AAyFA,MAAqBA,IAArB,MAAqBA,UAAmBC,EAAiB;AAAA,EAGvD,cAAc;AACN,UAAA,GACN,KAAK,eAAe;AAAA,EAAA;AAAA,EAGtB,SAAS;AACP,WAAO,KAAK,YAAY;AAAA,EAAA;AAE5B;AAVED,EAAO,UAAU;AADnB,IAAqBE,IAArBF;"}