@hortiview/shared-components 0.0.11528 → 0.0.11587

package/dist/components/Modal/Modal.js

@@ -1,15 +1,932 @@
-import { jsx as o } from "react/jsx-runtime";
-import { Modal as l } from "@element-public/react-components";
-import '../../assets/Modal.css';const m = "_modal_a4n3a_1", d = {
-  modal: m
-}, e = (a) => /* @__PURE__ */ o(
-  l,
+import { jsx as ct } from "react/jsx-runtime";
+import { _ as dt, c as R, P as s } from "../../identity-DLWZln-X.js";
+import d, { forwardRef as ut, useRef as Q, useImperativeHandle as mt, useState as X, useEffect as h, useCallback as V, useMemo as Z } from "react";
+import { I as ft } from "../../index.es-0lQcz8m1.js";
+import { i as pt, c as O, a as ht } from "../../index.es-da0cf7oE.js";
+import { b as et, c as tt, d as Et } from "../../tslib.es6-BDCynO9F.js";
+import { M as gt, a as _t } from "../../component-neHBNHRu.js";
+import { M as Ct, c as St, m as vt } from "../../component-DsB0poTj.js";
+import { A as yt } from "../../animationframe-EMBh6XeO.js";
+import '../../assets/Modal.css';/**
+ * @license
+ * Copyright 2016 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+function Ot(i, e, t) {
+  return e(i, { initialFocusEl: t });
+}
+function Tt(i) {
+  return i ? i.scrollHeight > i.offsetHeight : !1;
+}
+function At(i) {
+  return i ? i.scrollTop === 0 : !1;
+}
+function bt(i) {
+  return i ? Math.ceil(i.scrollHeight - i.scrollTop) === i.clientHeight : !1;
+}
+function Dt(i) {
+  var e = /* @__PURE__ */ new Set();
+  return [].forEach.call(i, function(t) {
+    return e.add(t.offsetTop);
+  }), e.size > 1;
+}
+/**
+ * @license
+ * Copyright 2020 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+var W = "mdc-dom-focus-sentinel", It = (
+  /** @class */
+  function() {
+    function i(e, t) {
+      t === void 0 && (t = {}), this.root = e, this.options = t, this.elFocusedBeforeTrapFocus = null;
+    }
+    return i.prototype.trapFocus = function() {
+      var e = this.getFocusableElements(this.root);
+      if (e.length === 0)
+        throw new Error("FocusTrap: Element must have at least one focusable child.");
+      this.elFocusedBeforeTrapFocus = document.activeElement instanceof HTMLElement ? document.activeElement : null, this.wrapTabFocus(this.root), this.options.skipInitialFocus || this.focusInitialElement(e, this.options.initialFocusEl);
+    }, i.prototype.releaseFocus = function() {
+      [].slice.call(this.root.querySelectorAll("." + W)).forEach(function(e) {
+        e.parentElement.removeChild(e);
+      }), !this.options.skipRestoreFocus && this.elFocusedBeforeTrapFocus && this.elFocusedBeforeTrapFocus.focus();
+    }, i.prototype.wrapTabFocus = function(e) {
+      var t = this, n = this.createSentinel(), o = this.createSentinel();
+      n.addEventListener("focus", function() {
+        var a = t.getFocusableElements(e);
+        a.length > 0 && a[a.length - 1].focus();
+      }), o.addEventListener("focus", function() {
+        var a = t.getFocusableElements(e);
+        a.length > 0 && a[0].focus();
+      }), e.insertBefore(n, e.children[0]), e.appendChild(o);
+    }, i.prototype.focusInitialElement = function(e, t) {
+      var n = 0;
+      t && (n = Math.max(e.indexOf(t), 0)), e[n].focus();
+    }, i.prototype.getFocusableElements = function(e) {
+      var t = [].slice.call(e.querySelectorAll("[autofocus], [tabindex], a, input, textarea, select, button"));
+      return t.filter(function(n) {
+        var o = n.getAttribute("aria-disabled") === "true" || n.getAttribute("disabled") != null || n.getAttribute("hidden") != null || n.getAttribute("aria-hidden") === "true", a = n.tabIndex >= 0 && n.getBoundingClientRect().width > 0 && !n.classList.contains(W) && !o, f = !1;
+        if (a) {
+          var E = getComputedStyle(n);
+          f = E.display === "none" || E.visibility === "hidden";
+        }
+        return a && !f;
+      });
+    }, i.prototype.createSentinel = function() {
+      var e = document.createElement("div");
+      return e.setAttribute("tabindex", "0"), e.setAttribute("aria-hidden", "true"), e.classList.add(W), e;
+    }, i;
+  }()
+);
+/**
+ * @license
+ * Copyright 2016 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+var r = {
+  CLOSING: "mdc-dialog--closing",
+  OPEN: "mdc-dialog--open",
+  OPENING: "mdc-dialog--opening",
+  SCROLLABLE: "mdc-dialog--scrollable",
+  SCROLL_LOCK: "mdc-dialog-scroll-lock",
+  STACKED: "mdc-dialog--stacked",
+  FULLSCREEN: "mdc-dialog--fullscreen",
+  // Class for showing a scroll divider on full-screen dialog header element.
+  // Should only be displayed on scrollable content, when the dialog content is
+  // scrolled "underneath" the header.
+  SCROLL_DIVIDER_HEADER: "mdc-dialog-scroll-divider-header",
+  // Class for showing a scroll divider on a full-screen dialog footer element.
+  // Should only be displayed on scrolalble content, when the dialog content is
+  // obscured "underneath" the footer.
+  SCROLL_DIVIDER_FOOTER: "mdc-dialog-scroll-divider-footer",
+  // The "surface scrim" is a scrim covering only the surface of a dialog. This
+  // is used in situations where a confirmation dialog is shown over an already
+  // opened full-screen dialog. On larger screen-sizes, the full-screen dialog
+  // is sized as a modal and so in these situations we display a "surface scrim"
+  // to prevent a "double scrim" (where the scrim from the secondary
+  // confirmation dialog would overlap with the scrim from the full-screen
+  // dialog).
+  SURFACE_SCRIM_SHOWN: "mdc-dialog__surface-scrim--shown",
+  // "Showing" animating class for the surface-scrim.
+  SURFACE_SCRIM_SHOWING: "mdc-dialog__surface-scrim--showing",
+  // "Hiding" animating class for the surface-scrim.
+  SURFACE_SCRIM_HIDING: "mdc-dialog__surface-scrim--hiding",
+  // Class to hide a dialog's scrim (used in conjunction with a surface-scrim).
+  // Note that we only hide the original scrim rather than removing it entirely
+  // to prevent interactions with the content behind this scrim, and to capture
+  // scrim clicks.
+  SCRIM_HIDDEN: "mdc-dialog__scrim--hidden"
+}, C = {
+  ACTION_ATTRIBUTE: "data-mdc-dialog-action",
+  BUTTON_DEFAULT_ATTRIBUTE: "data-mdc-dialog-button-default",
+  BUTTON_SELECTOR: ".mdc-dialog__button",
+  CLOSED_EVENT: "MDCDialog:closed",
+  CLOSE_ACTION: "close",
+  CLOSING_EVENT: "MDCDialog:closing",
+  CONTAINER_SELECTOR: ".mdc-dialog__container",
+  CONTENT_SELECTOR: ".mdc-dialog__content",
+  DESTROY_ACTION: "destroy",
+  INITIAL_FOCUS_ATTRIBUTE: "data-mdc-dialog-initial-focus",
+  OPENED_EVENT: "MDCDialog:opened",
+  OPENING_EVENT: "MDCDialog:opening",
+  SCRIM_SELECTOR: ".mdc-dialog__scrim",
+  SUPPRESS_DEFAULT_PRESS_SELECTOR: [
+    "textarea",
+    ".mdc-menu .mdc-list-item",
+    ".mdc-menu .mdc-deprecated-list-item"
+  ].join(", "),
+  SURFACE_SELECTOR: ".mdc-dialog__surface"
+}, z = {
+  DIALOG_ANIMATION_CLOSE_TIME_MS: 75,
+  DIALOG_ANIMATION_OPEN_TIME_MS: 150
+};
+/**
+ * @license
+ * Copyright 2017 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+var B;
+(function(i) {
+  i.POLL_SCROLL_POS = "poll_scroll_position", i.POLL_LAYOUT_CHANGE = "poll_layout_change";
+})(B || (B = {}));
+var nt = (
+  /** @class */
+  function(i) {
+    et(e, i);
+    function e(t) {
+      var n = i.call(this, tt(tt({}, e.defaultAdapter), t)) || this;
+      return n.dialogOpen = !1, n.isFullscreen = !1, n.animationFrame = 0, n.animationTimer = 0, n.escapeKeyAction = C.CLOSE_ACTION, n.scrimClickAction = C.CLOSE_ACTION, n.autoStackButtons = !0, n.areButtonsStacked = !1, n.suppressDefaultPressSelector = C.SUPPRESS_DEFAULT_PRESS_SELECTOR, n.animFrame = new yt(), n.contentScrollHandler = function() {
+        n.handleScrollEvent();
+      }, n.windowResizeHandler = function() {
+        n.layout();
+      }, n.windowOrientationChangeHandler = function() {
+        n.layout();
+      }, n;
+    }
+    return Object.defineProperty(e, "cssClasses", {
+      get: function() {
+        return r;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e, "strings", {
+      get: function() {
+        return C;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e, "numbers", {
+      get: function() {
+        return z;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e, "defaultAdapter", {
+      get: function() {
+        return {
+          addBodyClass: function() {
+          },
+          addClass: function() {
+          },
+          areButtonsStacked: function() {
+            return !1;
+          },
+          clickDefaultButton: function() {
+          },
+          eventTargetMatches: function() {
+            return !1;
+          },
+          getActionFromEvent: function() {
+            return "";
+          },
+          getInitialFocusEl: function() {
+            return null;
+          },
+          hasClass: function() {
+            return !1;
+          },
+          isContentScrollable: function() {
+            return !1;
+          },
+          notifyClosed: function() {
+          },
+          notifyClosing: function() {
+          },
+          notifyOpened: function() {
+          },
+          notifyOpening: function() {
+          },
+          releaseFocus: function() {
+          },
+          removeBodyClass: function() {
+          },
+          removeClass: function() {
+          },
+          reverseButtons: function() {
+          },
+          trapFocus: function() {
+          },
+          registerContentEventHandler: function() {
+          },
+          deregisterContentEventHandler: function() {
+          },
+          isScrollableContentAtTop: function() {
+            return !1;
+          },
+          isScrollableContentAtBottom: function() {
+            return !1;
+          },
+          registerWindowEventHandler: function() {
+          },
+          deregisterWindowEventHandler: function() {
+          }
+        };
+      },
+      enumerable: !1,
+      configurable: !0
+    }), e.prototype.init = function() {
+      this.adapter.hasClass(r.STACKED) && this.setAutoStackButtons(!1), this.isFullscreen = this.adapter.hasClass(r.FULLSCREEN);
+    }, e.prototype.destroy = function() {
+      this.dialogOpen && this.close(C.DESTROY_ACTION), this.animationTimer && (clearTimeout(this.animationTimer), this.handleAnimationTimerEnd()), this.isFullscreen && this.adapter.deregisterContentEventHandler("scroll", this.contentScrollHandler), this.animFrame.cancelAll(), this.adapter.deregisterWindowEventHandler("resize", this.windowResizeHandler), this.adapter.deregisterWindowEventHandler("orientationchange", this.windowOrientationChangeHandler);
+    }, e.prototype.open = function(t) {
+      var n = this;
+      this.dialogOpen = !0, this.adapter.notifyOpening(), this.adapter.addClass(r.OPENING), this.isFullscreen && this.adapter.registerContentEventHandler("scroll", this.contentScrollHandler), t && t.isAboveFullscreenDialog && this.adapter.addClass(r.SCRIM_HIDDEN), this.adapter.registerWindowEventHandler("resize", this.windowResizeHandler), this.adapter.registerWindowEventHandler("orientationchange", this.windowOrientationChangeHandler), this.runNextAnimationFrame(function() {
+        n.adapter.addClass(r.OPEN), n.adapter.addBodyClass(r.SCROLL_LOCK), n.layout(), n.animationTimer = setTimeout(function() {
+          n.handleAnimationTimerEnd(), n.adapter.trapFocus(n.adapter.getInitialFocusEl()), n.adapter.notifyOpened();
+        }, z.DIALOG_ANIMATION_OPEN_TIME_MS);
+      });
+    }, e.prototype.close = function(t) {
+      var n = this;
+      t === void 0 && (t = ""), this.dialogOpen && (this.dialogOpen = !1, this.adapter.notifyClosing(t), this.adapter.addClass(r.CLOSING), this.adapter.removeClass(r.OPEN), this.adapter.removeBodyClass(r.SCROLL_LOCK), this.isFullscreen && this.adapter.deregisterContentEventHandler("scroll", this.contentScrollHandler), this.adapter.deregisterWindowEventHandler("resize", this.windowResizeHandler), this.adapter.deregisterWindowEventHandler("orientationchange", this.windowOrientationChangeHandler), cancelAnimationFrame(this.animationFrame), this.animationFrame = 0, clearTimeout(this.animationTimer), this.animationTimer = setTimeout(function() {
+        n.adapter.releaseFocus(), n.handleAnimationTimerEnd(), n.adapter.notifyClosed(t);
+      }, z.DIALOG_ANIMATION_CLOSE_TIME_MS));
+    }, e.prototype.showSurfaceScrim = function() {
+      var t = this;
+      this.adapter.addClass(r.SURFACE_SCRIM_SHOWING), this.runNextAnimationFrame(function() {
+        t.adapter.addClass(r.SURFACE_SCRIM_SHOWN);
+      });
+    }, e.prototype.hideSurfaceScrim = function() {
+      this.adapter.removeClass(r.SURFACE_SCRIM_SHOWN), this.adapter.addClass(r.SURFACE_SCRIM_HIDING);
+    }, e.prototype.handleSurfaceScrimTransitionEnd = function() {
+      this.adapter.removeClass(r.SURFACE_SCRIM_HIDING), this.adapter.removeClass(r.SURFACE_SCRIM_SHOWING);
+    }, e.prototype.isOpen = function() {
+      return this.dialogOpen;
+    }, e.prototype.getEscapeKeyAction = function() {
+      return this.escapeKeyAction;
+    }, e.prototype.setEscapeKeyAction = function(t) {
+      this.escapeKeyAction = t;
+    }, e.prototype.getScrimClickAction = function() {
+      return this.scrimClickAction;
+    }, e.prototype.setScrimClickAction = function(t) {
+      this.scrimClickAction = t;
+    }, e.prototype.getAutoStackButtons = function() {
+      return this.autoStackButtons;
+    }, e.prototype.setAutoStackButtons = function(t) {
+      this.autoStackButtons = t;
+    }, e.prototype.getSuppressDefaultPressSelector = function() {
+      return this.suppressDefaultPressSelector;
+    }, e.prototype.setSuppressDefaultPressSelector = function(t) {
+      this.suppressDefaultPressSelector = t;
+    }, e.prototype.layout = function() {
+      var t = this;
+      this.animFrame.request(B.POLL_LAYOUT_CHANGE, function() {
+        t.layoutInternal();
+      });
+    }, e.prototype.handleClick = function(t) {
+      var n = this.adapter.eventTargetMatches(t.target, C.SCRIM_SELECTOR);
+      if (n && this.scrimClickAction !== "")
+        this.close(this.scrimClickAction);
+      else {
+        var o = this.adapter.getActionFromEvent(t);
+        o && this.close(o);
+      }
+    }, e.prototype.handleKeydown = function(t) {
+      var n = t.key === "Enter" || t.keyCode === 13;
+      if (n) {
+        var o = this.adapter.getActionFromEvent(t);
+        if (!o) {
+          var a = t.composedPath ? t.composedPath()[0] : t.target, f = this.suppressDefaultPressSelector ? !this.adapter.eventTargetMatches(a, this.suppressDefaultPressSelector) : !0;
+          n && f && this.adapter.clickDefaultButton();
+        }
+      }
+    }, e.prototype.handleDocumentKeydown = function(t) {
+      var n = t.key === "Escape" || t.keyCode === 27;
+      n && this.escapeKeyAction !== "" && this.close(this.escapeKeyAction);
+    }, e.prototype.handleScrollEvent = function() {
+      var t = this;
+      this.animFrame.request(B.POLL_SCROLL_POS, function() {
+        t.toggleScrollDividerHeader(), t.toggleScrollDividerFooter();
+      });
+    }, e.prototype.layoutInternal = function() {
+      this.autoStackButtons && this.detectStackedButtons(), this.toggleScrollableClasses();
+    }, e.prototype.handleAnimationTimerEnd = function() {
+      this.animationTimer = 0, this.adapter.removeClass(r.OPENING), this.adapter.removeClass(r.CLOSING);
+    }, e.prototype.runNextAnimationFrame = function(t) {
+      var n = this;
+      cancelAnimationFrame(this.animationFrame), this.animationFrame = requestAnimationFrame(function() {
+        n.animationFrame = 0, clearTimeout(n.animationTimer), n.animationTimer = setTimeout(t, 0);
+      });
+    }, e.prototype.detectStackedButtons = function() {
+      this.adapter.removeClass(r.STACKED);
+      var t = this.adapter.areButtonsStacked();
+      t && this.adapter.addClass(r.STACKED), t !== this.areButtonsStacked && (this.adapter.reverseButtons(), this.areButtonsStacked = t);
+    }, e.prototype.toggleScrollableClasses = function() {
+      this.adapter.removeClass(r.SCROLLABLE), this.adapter.isContentScrollable() && (this.adapter.addClass(r.SCROLLABLE), this.isFullscreen && (this.toggleScrollDividerHeader(), this.toggleScrollDividerFooter()));
+    }, e.prototype.toggleScrollDividerHeader = function() {
+      this.adapter.isScrollableContentAtTop() ? this.adapter.hasClass(r.SCROLL_DIVIDER_HEADER) && this.adapter.removeClass(r.SCROLL_DIVIDER_HEADER) : this.adapter.addClass(r.SCROLL_DIVIDER_HEADER);
+    }, e.prototype.toggleScrollDividerFooter = function() {
+      this.adapter.isScrollableContentAtBottom() ? this.adapter.hasClass(r.SCROLL_DIVIDER_FOOTER) && this.adapter.removeClass(r.SCROLL_DIVIDER_FOOTER) : this.adapter.addClass(r.SCROLL_DIVIDER_FOOTER);
+    }, e;
+  }(gt)
+);
+/**
+ * @license
+ * Copyright 2017 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+var u = nt.strings, Nt = (
+  /** @class */
+  function(i) {
+    et(e, i);
+    function e() {
+      return i !== null && i.apply(this, arguments) || this;
+    }
+    return Object.defineProperty(e.prototype, "isOpen", {
+      get: function() {
+        return this.foundation.isOpen();
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e.prototype, "escapeKeyAction", {
+      get: function() {
+        return this.foundation.getEscapeKeyAction();
+      },
+      set: function(t) {
+        this.foundation.setEscapeKeyAction(t);
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e.prototype, "scrimClickAction", {
+      get: function() {
+        return this.foundation.getScrimClickAction();
+      },
+      set: function(t) {
+        this.foundation.setScrimClickAction(t);
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e.prototype, "autoStackButtons", {
+      get: function() {
+        return this.foundation.getAutoStackButtons();
+      },
+      set: function(t) {
+        this.foundation.setAutoStackButtons(t);
+      },
+      enumerable: !1,
+      configurable: !0
+    }), e.attachTo = function(t) {
+      return new e(t);
+    }, e.prototype.initialize = function(t) {
+      var n, o;
+      t === void 0 && (t = function(g, _) {
+        return new It(g, _);
+      });
+      var a = this.root.querySelector(u.CONTAINER_SELECTOR);
+      if (!a)
+        throw new Error("Dialog component requires a " + u.CONTAINER_SELECTOR + " container element");
+      this.container = a, this.content = this.root.querySelector(u.CONTENT_SELECTOR), this.buttons = [].slice.call(this.root.querySelectorAll(u.BUTTON_SELECTOR)), this.defaultButton = this.root.querySelector("[" + u.BUTTON_DEFAULT_ATTRIBUTE + "]"), this.focusTrapFactory = t, this.buttonRipples = [];
+      try {
+        for (var f = Et(this.buttons), E = f.next(); !E.done; E = f.next()) {
+          var T = E.value;
+          this.buttonRipples.push(new Ct(T));
+        }
+      } catch (g) {
+        n = { error: g };
+      } finally {
+        try {
+          E && !E.done && (o = f.return) && o.call(f);
+        } finally {
+          if (n) throw n.error;
+        }
+      }
+    }, e.prototype.initialSyncWithDOM = function() {
+      var t = this;
+      this.focusTrap = Ot(this.container, this.focusTrapFactory, this.getInitialFocusEl() || void 0), this.handleClick = this.foundation.handleClick.bind(this.foundation), this.handleKeydown = this.foundation.handleKeydown.bind(this.foundation), this.handleDocumentKeydown = this.foundation.handleDocumentKeydown.bind(this.foundation), this.handleOpening = function() {
+        document.addEventListener("keydown", t.handleDocumentKeydown);
+      }, this.handleClosing = function() {
+        document.removeEventListener("keydown", t.handleDocumentKeydown);
+      }, this.listen("click", this.handleClick), this.listen("keydown", this.handleKeydown), this.listen(u.OPENING_EVENT, this.handleOpening), this.listen(u.CLOSING_EVENT, this.handleClosing);
+    }, e.prototype.destroy = function() {
+      this.unlisten("click", this.handleClick), this.unlisten("keydown", this.handleKeydown), this.unlisten(u.OPENING_EVENT, this.handleOpening), this.unlisten(u.CLOSING_EVENT, this.handleClosing), this.handleClosing(), this.buttonRipples.forEach(function(t) {
+        t.destroy();
+      }), i.prototype.destroy.call(this);
+    }, e.prototype.layout = function() {
+      this.foundation.layout();
+    }, e.prototype.open = function() {
+      this.foundation.open();
+    }, e.prototype.close = function(t) {
+      t === void 0 && (t = ""), this.foundation.close(t);
+    }, e.prototype.getDefaultFoundation = function() {
+      var t = this, n = {
+        addBodyClass: function(o) {
+          return document.body.classList.add(o);
+        },
+        addClass: function(o) {
+          return t.root.classList.add(o);
+        },
+        areButtonsStacked: function() {
+          return Dt(t.buttons);
+        },
+        clickDefaultButton: function() {
+          t.defaultButton && t.defaultButton.click();
+        },
+        eventTargetMatches: function(o, a) {
+          return o ? vt(o, a) : !1;
+        },
+        getActionFromEvent: function(o) {
+          if (!o.target)
+            return "";
+          var a = St(o.target, "[" + u.ACTION_ATTRIBUTE + "]");
+          return a && a.getAttribute(u.ACTION_ATTRIBUTE);
+        },
+        getInitialFocusEl: function() {
+          return t.getInitialFocusEl();
+        },
+        hasClass: function(o) {
+          return t.root.classList.contains(o);
+        },
+        isContentScrollable: function() {
+          return Tt(t.content);
+        },
+        notifyClosed: function(o) {
+          return t.emit(u.CLOSED_EVENT, o ? { action: o } : {});
+        },
+        notifyClosing: function(o) {
+          return t.emit(u.CLOSING_EVENT, o ? { action: o } : {});
+        },
+        notifyOpened: function() {
+          return t.emit(u.OPENED_EVENT, {});
+        },
+        notifyOpening: function() {
+          return t.emit(u.OPENING_EVENT, {});
+        },
+        releaseFocus: function() {
+          t.focusTrap.releaseFocus();
+        },
+        removeBodyClass: function(o) {
+          return document.body.classList.remove(o);
+        },
+        removeClass: function(o) {
+          return t.root.classList.remove(o);
+        },
+        reverseButtons: function() {
+          t.buttons.reverse(), t.buttons.forEach(function(o) {
+            o.parentElement.appendChild(o);
+          });
+        },
+        trapFocus: function() {
+          t.focusTrap.trapFocus();
+        },
+        registerContentEventHandler: function(o, a) {
+          t.content instanceof HTMLElement && t.content.addEventListener(o, a);
+        },
+        deregisterContentEventHandler: function(o, a) {
+          t.content instanceof HTMLElement && t.content.removeEventListener(o, a);
+        },
+        isScrollableContentAtTop: function() {
+          return At(t.content);
+        },
+        isScrollableContentAtBottom: function() {
+          return bt(t.content);
+        },
+        registerWindowEventHandler: function(o, a) {
+          window.addEventListener(o, a);
+        },
+        deregisterWindowEventHandler: function(o, a) {
+          window.removeEventListener(o, a);
+        }
+      };
+      return new nt(n);
+    }, e.prototype.getInitialFocusEl = function() {
+      return this.root.querySelector("[" + u.INITIAL_FOCUS_ATTRIBUTE + "]");
+    }, e;
+  }(_t)
+);
+const Lt = {
+  /**
+   * An action button that will not automatically trigger a dismiss or accept. It is meant to be used only in certain circumstances where more control of the modal is required such as validating forms. If primaryButton is sent with actionButton, actionButton will be ignored.
+   *
+   * Defaults to **null**.
+   */
+  actionButton: s.node,
+  /**
+   * Button for any navigating to the previous page in a Directional modal.
+   *
+   * Defaults to **null**.
+   */
+  backButton: s.node,
+  /**
+   * The custom modal label badge to be rendered.
+   *
+   * Defaults to **undefined**.
+   */
+  badge: s.node,
+  /**
+   * Accepts any valid markup. Optionally, `content` may be used instead. If `content` and `children` are both set, `content` will take priority.
+   *
+   * Defaults to **null**.
+   */
+  children: s.node,
+  /**
+   * Primary content of the dialog. Accepts any valid markup. Optionally, `children` may be used instead. If content and `children` are both set, content will take priority.
+   *
+   * Defaults to **null**.
+   */
+  content: s.node,
+  /**
+   * Button that is the default action, triggered by pressing the Enter key.
+   *
+   * Defaults to **'primary'**.
+   */
+  defaultButton: s.oneOf(["close", "primary", "action", "footerSupplemental"]),
+  /**
+   * Button to cancel or close the modal.
+   *
+   * Defaults to **null**.
+   */
+  dismissiveButton: s.node,
+  /**
+   * Button to be displayed in left corner of the modal footer. Should be a text button.
+   *
+   * Defaults to **null**.
+   */
+  footerSupplemental: s.node,
+  /**
+   * Content to be displayed in right corner of the modal header. Should be a text button or a group of up to 3 icon buttons.
+   *
+   * Defaults to **null**.
+   */
+  headerActions: s.node,
+  /**
+   * If true, the close icon in the upper left corner will not be rendered.
+   *
+   * Defaults to **false**.
+   */
+  hideCloseIcon: s.bool,
+  /**
+   * A slot for StepperIndicator.
+   *
+   * Defaults to **null**.
+   */
+  indicator: s.node,
+  /**
+   * Button to initially focus on after the dialog has opened. If left null, the initial focus will be on the first focusable element in the modal. As an alternative you can add `data-mdc-dialog-initial-focus` to any element within the modal to make that element the initial focus. If it is a directional modal, the initial focus will be on the nextButton.
+   *
+   * Defaults to **null**.
+   */
+  initialFocus: s.oneOf(["null", "primary", "action", "footerSupplemental"]),
+  /**
+   * If true, the buttons in the footer will be full width and stacked on mobile.
+   *
+   * Defaults to **false**.
+   */
+  mobileStackedButtons: s.bool,
+  /**
+   * String to determine the size of the modal.
+   *
+   * Defaults to **'max'**.
+   */
+  modalSize: s.oneOf(["fullscreen", "max", "xlarge", "large", "medium", "small", "dialog"]),
+  /**
+   * Button for navigating to the next page in a Directional modal or closing on the last page.
+   *
+   * Defaults to **null**.
+   */
+  nextButton: s.node,
+  /**
+   * Set to true if the modal will not have any actions. Should be used sparingly and the modal should be closed programmatically. For example, can be used to stop the user from interacting or navigating away while a payment is processing.
+   *
+   * Defaults to **null**.
+   */
+  noActions: s.bool,
+  /**
+   * Fired when the Dialog begins its closing animation. Where event.detail.action is the action which closed the dialog (close or accept).
+   *
+   * Defaults to **null**.
+   */
+  onClose: s.func,
+  /**
+   * Fired when the Dialog finishes its closing animation. Where event.detail.action is the action which closed the dialog (close or accept).
+   *
+   * Defaults to **null**.
+   */
+  onClosed: s.func,
+  /**
+   * Fired when the Dialog begins its opening animation.
+   *
+   * Defaults to **null**.
+   */
+  onOpen: s.func,
+  /**
+   * Fired when the Dialog finishes its opening animation.
+   *
+   * Defaults to **null**.
+   */
+  onOpened: s.func,
+  /**
+   * If true, the Modal will be visible on screen.
+   *
+   * Defaults to **false**.
+   */
+  open: s.bool,
+  /**
+   * Prevents the user from closing the dialog by hitting escape or clicking the scrim. Use caution when using this as the modal should always have a way for the user to close it.
+   *
+   * Defaults to **false**.
+   */
+  preventClose: s.bool,
+  /**
+   * Prevents the default behavior which adds an event listener for the Enter key to the Primary button. Any onEnter/submission behavior will need to be added by the developer (including closing the Modal).
+   *
+   * Defaults to **false**.
+   */
+  preventPrimaryAccept: s.bool,
+  /**
+   * Button for the primary action of the modal.
+   *
+   * Defaults to **null**.
+   */
+  primaryButton: s.node,
+  /**
+   * DOM selector to provide a target to return focus. Accepts any valid _query_ (see mdn docs for Element.querySelector). If omitted focus will return to the last focused element upon closing.
+   *
+   * Defaults to **null**.
+   */
+  returnFocusSelector: s.string,
+  /**
+   * If true, wrapping will be disabled and a scrollable area will be created.
+   *
+   * Defaults to **false**.
+   */
+  scrollable: s.bool,
+  /**
+   * String for the modal title.
+   *
+   * Defaults to **null**.
+   */
+  title: s.string
+}, Ft = {
+  actionButton: null,
+  backButton: null,
+  badge: void 0,
+  children: null,
+  content: null,
+  defaultButton: "primary",
+  dismissiveButton: null,
+  footerSupplemental: null,
+  headerActions: null,
+  hideCloseIcon: !1,
+  indicator: null,
+  initialFocus: null,
+  mobileStackedButtons: !1,
+  modalSize: "max",
+  nextButton: null,
+  noActions: null,
+  open: !1,
+  preventClose: !1,
+  preventPrimaryAccept: !1,
+  primaryButton: null,
+  returnFocusSelector: null,
+  scrollable: !1,
+  title: null
+}, w = /* @__PURE__ */ ut((i, e) => {
+  const {
+    actionButton: t,
+    actionIcons: n,
+    badge: o,
+    backButton: a,
+    children: f,
+    className: E,
+    content: T,
+    defaultButton: g,
+    dismissiveButton: _,
+    footerSupplemental: A,
+    headerActions: q,
+    hideCloseIcon: M,
+    indicator: ot,
+    initialFocus: S,
+    mobileStackedButtons: k,
+    modalSize: p,
+    nextButton: v,
+    noActions: y,
+    onClose: H,
+    onClosed: P,
+    onOpen: b,
+    onOpened: D,
+    open: j,
+    preventClose: U,
+    preventPrimaryAccept: Y,
+    primaryButton: c,
+    returnFocusSelector: x,
+    scrollable: $,
+    title: J,
+    ...it
+  } = i, I = Q(), l = Q();
+  mt(e, () => I.current, []);
+  const [K, at] = X(), [G, rt] = X(() => v || a);
+  h(() => {
+    rt(v || a);
+  }, [v, a]);
+  const N = V(() => {
+    at(window.innerWidth <= 600);
+  }, []);
+  h(() => (N(), window.addEventListener("resize", N), () => {
+    window.removeEventListener("resize", N);
+  }), [N]), h(() => (l.current = Nt.attachTo(I.current), () => {
+    l.current.destroy();
+  }), [l, I]), h(() => {
+    l.current.foundation.setAutoStackButtons(k);
+  }, [k]), h(() => {
+    y && (l.current.foundation.adapter.trapFocus = () => {
+    });
+  }, [y]), h(() => {
+    l.current.scrimClickAction = U ? "" : "close", l.current.escapeKeyAction = U ? "" : "close";
+  }, [U]);
+  const L = V((m) => {
+    H && H(m);
+  }, [H]), F = V((m) => {
+    x && pt(x), P && P(m);
+  }, [x, P]);
+  h(() => (l.current.unlisten("MDCDialog: opening", b), l.current.listen("MDCDialog: opening", b), () => {
+    l.current.unlisten("MDCDialog: opening", b);
+  }), [l, b]), h(() => (l.current.unlisten("MDCDialog:opened", D), l.current.listen("MDCDialog:opened", D), () => {
+    l.current.unlisten("MDCDialog:opened", D);
+  }), [l, D]), h(() => (l.current.unlisten("MDCDialog:closing", L), l.current.listen("MDCDialog:closing", L), () => {
+    l.current.unlisten("MDCDialog:closing", L);
+  }), [l, L]), h(() => (l.current.unlisten("MDCDialog:closed", F), l.current.listen("MDCDialog:closed", F), () => {
+    l.current.unlisten("MDCDialog:closed", F);
+  }), [l, F]), h(() => {
+    j ? l.current.open() : l.current.close();
+  }, [l, j]);
+  const st = Z(() => () => {
+    const m = {
+      className: "lmnt-modal__button mdc-dialog__button",
+      elevation: t?.props.elevation !== "default" ? t?.props.elevation : "flat",
+      variant: t?.props.variant || "filled"
+    };
+    return g === "action" && (m["data-mdc-dialog-button-default"] = !0), S === "action" && (m["data-mdc-dialog-initial-focus"] = !0), m;
+  }, [t?.props.elevation, t?.props.variant, g, S]), lt = Z(() => () => {
+    const m = {
+      className: "lmnt-modal__button mdc-dialog__button",
+      "data-mdc-dialog-action": Y ? "" : "accept",
+      elevation: c?.props.elevation !== "default" ? c?.props.elevation : "flat",
+      variant: c?.props.variant || "filled"
+    };
+    return g === "primary" && (m["data-mdc-dialog-button-default"] = !0), S === "primary" && (m["data-mdc-dialog-initial-focus"] = !0), m;
+  }, [Y, g, S, c?.props.elevation, c?.props.variant]);
+  return /* @__PURE__ */ d.createElement("aside", dt({
+    ref: I,
+    className: R("lmnt", "lmnt-modal", "mdc-dialog", $ && "lmnt-modal--scrollable mdc-dialog--scrollable", E),
+    role: "alertdialog"
+  }, it), /* @__PURE__ */ d.createElement("div", {
+    className: R("lmnt-modal__container", "mdc-dialog__container", p === "fullscreen" && "mdc-dialog--fullscreen", p === "max" && "lmnt-modal__max", p === "xlarge" && "lmnt-modal__xl", p === "large" && "lmnt-modal__lg", p === "medium" && "lmnt-modal__md", p === "small" && "lmnt-modal__sm", (p === "mobile" || K) && "lmnt-modal__mobile", p === "dialog" && "lmnt-modal__dialog", y && "lmnt-modal-no-actions")
+  }, /* @__PURE__ */ d.createElement("div", {
+    className: "lmnt-modal__surface mdc-dialog__surface"
+  }, /* @__PURE__ */ d.createElement("header", {
+    className: R("lmnt-modal__title", "mdc-dialog__title", (p === "dialog" || M) && "lmnt-modal_title-hide-close-icon", n && "lmnt-modal_title-actionsIcons", $ && "lmnt-modal__title-scrollable", (M || p === "dialog" || y) && "lmnt-modal--no-close-icon")
+  }, !M && p !== "dialog" && !y && /* @__PURE__ */ d.createElement(ft, {
+    className: "mdc-icon-button material-icons mdc-dialog__close",
+    "data-mdc-dialog-action": "close",
+    icon: "clear"
+  }), J && /* @__PURE__ */ d.createElement("div", null, J), q && /* @__PURE__ */ d.createElement("div", {
+    className: "lmnt-dialog__title-actions"
+  }, q), o && /* @__PURE__ */ d.createElement("div", {
+    className: "lmnt-badge--modal",
+    style: {
+      marginLeft: "0"
+    }
+  }, o)), (T || f) && /* @__PURE__ */ d.createElement("section", {
+    className: "lmnt-modal__content mdc-dialog__content"
+  }, T || f), ot, (t || a || _ || v || c || A) && /* @__PURE__ */ d.createElement("footer", {
+    className: R("lmnt-modal__actions", "mdc-dialog__actions", K && "lmnt-dialog__actions__mobile", A && "lmnt-modal__actions--supplemental-btn", K && k && "lmnt-modal_actions-mobile-stacked")
+  }, !G && A && /* @__PURE__ */ d.createElement("div", {
+    className: "lmnt-dialog__actions__supplemental"
+  }, O(A, () => {
+    const m = {};
+    return g === "footerSupplemental" && (m["data-mdc-dialog-button-default"] = !0), S === "footerSupplemental" && (m["data-mdc-dialog-initial-focus"] = !0), m;
+  })), !G && (t || _ || c) && /* @__PURE__ */ d.createElement("div", {
+    className: "lmnt-dialog__actions__right-align lmnt-modal_actions_button"
+  }, _ && O(_, {
+    variant: "text",
+    className: "lmnt-modal__button mdc-dialog__button",
+    "data-mdc-dialog-action": "close"
+  }), t && !c && O(t, st), c && O(c, lt)), G && /* @__PURE__ */ d.createElement("div", {
+    className: "lmnt-modal_actions_button lmnt-dialog__actions__directional"
+  }, /* @__PURE__ */ d.createElement("div", null, ht(a, "lmnt-modal__button")), /* @__PURE__ */ d.createElement("div", null, O(v, {
+    className: "lmnt-modal__button",
+    "data-mdc-dialog-initial-focus": !0
+  })))))), /* @__PURE__ */ d.createElement("div", {
+    className: "mdc-dialog__scrim"
+  }));
+});
+w.displayName = "Modal";
+w.propTypes = Lt;
+w.defaultProps = Ft;
+const Rt = "_modal_a4n3a_1", Bt = {
+  modal: Rt
+}, Vt = (i) => /* @__PURE__ */ ct(
+  w,
   {
-    ...a,
+    ...i,
     "data-testid": "modal",
-    className: `${a.className ?? ""} ${a.modalSize === "fullscreen" ? d.modal : ""}`
+    className: `${i.className ?? ""} ${i.modalSize === "fullscreen" ? Bt.modal : ""}`
   }
 );
 export {
-  e as Modal
+  Vt as Modal
 };