@agrotools1/at-components 0.3.2 → 0.3.3

package/dist/calcite-modal-486280cc.js

@@ -0,0 +1,333 @@
+import { aV as g, aW as v, dD as a, aT as o, aX as x } from "./index-3b4c2147.js";
+import { c as k, d as y } from "./conditionalSlot-80a4c6ff.js";
+import { l as s, a as c, m as w, n as d } from "./dom-b589b728.js";
+import { d as l, a as h, c as z, u as C } from "./focusTrapComponent-e849bb89.js";
+import { s as O, a as E, c as M } from "./loadable-e7c40a8a.js";
+import { c as m } from "./observers-700e505d.js";
+import { o as T } from "./openCloseComponent-1501c620.js";
+import { s as S, c as F, a as B, d as L, b as D, u as I } from "./t9n-55800455.js";
+import { g as $, c as H } from "./component-51a10bc0.js";
+import { d as V } from "./icon-453c7f62.js";
+import { d as W } from "./loader-6272e4b3.js";
+import { d as A } from "./scrim-c0a641cd.js";
+import "vue";
+import "./guid-5ee54248.js";
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.7.1
+ */
+const t = {
+  modal: "modal",
+  title: "title",
+  header: "header",
+  footer: "footer",
+  scrim: "scrim",
+  back: "back",
+  close: "close",
+  secondary: "secondary",
+  primary: "primary",
+  container: "container",
+  containerOpen: "container--open",
+  content: "content",
+  contentNoFooter: "content--no-footer",
+  contentBottom: "content-bottom",
+  contentTop: "content-top",
+  slottedInShell: "slotted-in-shell",
+  // these classes help apply the animation in phases to only set transform on open/close
+  // this helps avoid a positioning issue for any floating-ui-owning children
+  openingIdle: "modal--opening-idle",
+  openingActive: "modal--opening-active",
+  closingIdle: "modal--closing-idle",
+  closingActive: "modal--closing-active"
+}, P = {
+  close: "x"
+}, n = {
+  content: "content",
+  contentBottom: "content-bottom",
+  contentTop: "content-top",
+  header: "header",
+  back: "back",
+  secondary: "secondary",
+  primary: "primary"
+}, _ = `:host{--calcite-modal-scrim-background:rgba(0, 0, 0, 0.85);position:absolute;inset:0px;z-index:var(--calcite-z-index-overlay);display:flex;opacity:0;visibility:hidden !important;transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);--calcite-modal-scrim-background-internal:rgba(0, 0, 0, 0.85)}.content-top[hidden],.content-bottom[hidden]{display:none}.container{position:fixed;inset:0px;z-index:var(--calcite-z-index-overlay);display:flex;align-items:center;justify-content:center;overflow-y:hidden;color:var(--calcite-color-text-2);opacity:0;visibility:hidden !important;transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88)}:host([scale=s]){--calcite-modal-padding-internal:0.75rem;--calcite-modal-padding-large-internal:1rem;--calcite-modal-title-text-internal:var(--calcite-font-size-1);--calcite-modal-content-text-internal:var(--calcite-font-size--1)}:host([scale=m]){--calcite-modal-padding-internal:1rem;--calcite-modal-padding-large-internal:1.25rem;--calcite-modal-title-text-internal:var(--calcite-font-size-2);--calcite-modal-content-text-internal:var(--calcite-font-size-0)}:host([scale=l]){--calcite-modal-padding-internal:1.25rem;--calcite-modal-padding-large-internal:1.5rem;--calcite-modal-title-text-internal:var(--calcite-font-size-3);--calcite-modal-content-text-internal:var(--calcite-font-size-1)}.scrim{--calcite-scrim-background:var(--calcite-modal-scrim-background, var(--calcite-color-transparent-scrim));position:fixed;inset:0px;display:flex;overflow-y:hidden}.modal{pointer-events:none;z-index:var(--calcite-z-index-modal);float:none;margin:1.5rem;box-sizing:border-box;display:flex;inline-size:100%;flex-direction:column;overflow:hidden;border-radius:0.25rem;background-color:var(--calcite-color-foreground-1);opacity:0;--tw-shadow:0 2px 12px -4px rgba(0, 0, 0, 0.2), 0 2px 4px -2px rgba(0, 0, 0, 0.16);--tw-shadow-colored:0 2px 12px -4px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);-webkit-overflow-scrolling:touch;visibility:hidden;transition:transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear var(--calcite-internal-animation-timing-slow), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);--calcite-modal-hidden-position:translate3d(0, 20px, 0);--calcite-modal-shown-position:translate3d(0, 0, 0)}.modal--opening-idle{transform:var(--calcite-modal-hidden-position)}.modal--opening-active{transform:var(--calcite-modal-shown-position)}.modal--closing-idle{transform:var(--calcite-modal-shown-position)}.modal--closing-active{transform:var(--calcite-modal-hidden-position)}:host([opened]){opacity:1;visibility:visible !important;transition-delay:0ms}.container--open{opacity:1;visibility:visible !important;transition-delay:0ms}.container--open .modal{pointer-events:auto;visibility:visible;opacity:1;transition:transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-inline-size var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-block-size var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);transition-delay:0ms}.header{z-index:var(--calcite-z-index-header);display:flex;min-inline-size:0px;max-inline-size:100%;border-start-start-radius:0.25rem;border-start-end-radius:0.25rem;border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1);flex:0 0 auto}.close{order:2;margin:0px;cursor:pointer;appearance:none;border-style:none;background-color:transparent;color:var(--calcite-color-text-3);outline-color:transparent;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-block:var(--calcite-modal-padding-internal);padding-inline:var(--calcite-modal-padding-internal);flex:0 0 auto}.close calcite-icon{pointer-events:none;vertical-align:-2px}.close:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite-color-brand)));outline-offset:calc(
+            -2px *
+            calc(
+              1 -
+              2 * clamp(
+                0,
+                var(--calcite-offset-invert-focus),
+                1
+              )
+            )
+          )}.close:hover,.close:focus,.close:active{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}.title{order:1;display:flex;min-inline-size:0px;align-items:center;flex:1 1 auto;padding-block:var(--calcite-modal-padding-internal);padding-inline:var(--calcite-modal-padding-large-internal)}slot[name=header]::slotted(*),*::slotted([slot=header]){margin:0px;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-1);font-size:var(--calcite-modal-title-text-internal)}.content{position:relative;box-sizing:border-box;display:block;block-size:100%;overflow:auto;padding:0px;background-color:var(--calcite-modal-content-background, var(--calcite-color-foreground-1));max-block-size:100%;padding:var(--calcite-modal-content-padding, var(--calcite-modal-padding-internal))}.content-top,.content-bottom{z-index:var(--calcite-z-index-header);display:flex;border-width:0px;border-style:solid;border-color:var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1);flex:0 0 auto;padding:var(--calcite-modal-padding-internal)}.content-top{min-inline-size:0px;max-inline-size:100%;border-block-end-width:1px}.content-bottom{margin-block-start:auto;box-sizing:border-box;inline-size:100%;justify-content:space-between;border-block-start-width:1px}.content-top:not(.header~.content-top){border-start-start-radius:0.25rem;border-start-end-radius:0.25rem}.content-bottom:not(.content-bottom~.footer),.content--no-footer{border-end-end-radius:0.25rem;border-end-start-radius:0.25rem}slot[name=content]::slotted(*),*::slotted([slot=content]){font-size:var(--calcite-modal-context-text-internal)}.footer{z-index:var(--calcite-z-index-header);margin-block-start:auto;box-sizing:border-box;display:flex;inline-size:100%;justify-content:space-between;border-end-end-radius:0.25rem;border-end-start-radius:0.25rem;border-width:0px;border-block-start-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1);flex:0 0 auto;padding-block:var(--calcite-modal-padding-internal);padding-inline:var(--calcite-modal-padding-large-internal)}.footer--hide-back .back,.footer--hide-secondary .secondary{display:none}.back{display:block;margin-inline-end:auto}.secondary{margin-inline:0.25rem;display:block}slot[name=primary]{display:block}:host([width=small]) .modal{inline-size:auto}:host([width-scale=s]) .modal{max-block-size:100%;max-inline-size:100%;inline-size:var(--calcite-modal-width, 32rem);block-size:var(--calcite-modal-height, auto)}@media screen and (max-width: 35rem){:host([width-scale=s]) .modal{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%}:host([width-scale=s]) .content{flex:1 1 auto;max-block-size:unset}:host([width-scale=s][docked]) .container{align-items:flex-end}}:host([width-scale=m]) .modal{max-block-size:100%;max-inline-size:100%;inline-size:var(--calcite-modal-width, 48rem);block-size:var(--calcite-modal-height, auto)}@media screen and (max-width: 51rem){:host([width-scale=m]) .modal{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%}:host([width-scale=m]) .content{flex:1 1 auto;max-block-size:unset}:host([width-scale=m][docked]) .container{align-items:flex-end}}:host([width-scale=l]) .modal{max-block-size:100%;max-inline-size:100%;inline-size:var(--calcite-modal-width, 94rem);block-size:var(--calcite-modal-height, auto)}@media screen and (max-width: 97rem){:host([width-scale=l]) .modal{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%}:host([width-scale=l]) .content{flex:1 1 auto;max-block-size:unset}:host([width-scale=l][docked]) .container{align-items:flex-end}}:host([fullscreen]) .modal{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;border-radius:0px;--calcite-modal-hidden-position:translate3D(0, 20px, 0) scale(0.95);--calcite-modal-shown-position:translate3D(0, 0, 0) scale(1)}:host([fullscreen]) .content{max-block-size:100%;flex:1 1 auto}:host([opened][fullscreen]) .header,:host([opened][fullscreen]) .footer,:host([opened][fullscreen]) .content-top,:host([opened][fullscreen]) .content-bottom{border-radius:0}:host([docked]) .modal{block-size:var(--calcite-modal-height, auto)}:host([docked]) .content{block-size:auto;flex:1 1 auto}:host([kind=brand]) .modal{border-color:var(--calcite-color-brand)}:host([kind=danger]) .modal{border-color:var(--calcite-color-status-danger)}:host([kind=info]) .modal{border-color:var(--calcite-color-status-info)}:host([kind=success]) .modal{border-color:var(--calcite-color-status-success)}:host([kind=warning]) .modal{border-color:var(--calcite-color-status-warning)}:host([kind=brand]) .modal,:host([kind=danger]) .modal,:host([kind=info]) .modal,:host([kind=success]) .modal,:host([kind=warning]) .modal{border-width:0px;border-block-start-width:4px;border-style:solid}:host([kind=brand]) .header,:host([kind=brand]) .content-top,:host([kind=danger]) .header,:host([kind=danger]) .content-top,:host([kind=info]) .header,:host([kind=info]) .content-top,:host([kind=success]) .header,:host([kind=success]) .content-top,:host([kind=warning]) .header,:host([kind=warning]) .content-top{border-radius:0.25rem;border-end-end-radius:0px;border-end-start-radius:0px}@media screen and (max-width: 860px){* slot[name=header]::slotted(content-top),* content-top::slotted([slot=header]){font-size:var(--calcite-font-size-1)}.footer,.content-bottom{position:sticky;inset-block-end:0px}}@media screen and (max-width: 480px){.footer,.content-bottom{flex-direction:column}.back,.secondary{margin:0px;margin-block-end:0.25rem}}.container.slotted-in-shell{position:absolute;pointer-events:auto}.container.slotted-in-shell calcite-scrim{position:absolute}:host([hidden]){display:none}[hidden]{display:none}`;
+let r = 0, p = "";
+const b = /* @__PURE__ */ g(class extends v {
+  constructor() {
+    super(), this.__registerHost(), this.__attachShadow(), this.calciteModalBeforeClose = a(this, "calciteModalBeforeClose", 6), this.calciteModalClose = a(this, "calciteModalClose", 6), this.calciteModalBeforeOpen = a(this, "calciteModalBeforeOpen", 6), this.calciteModalOpen = a(this, "calciteModalOpen", 6), this.ignoreOpenChange = !1, this.mutationObserver = m("mutation", () => this.handleMutationObserver()), this.cssVarObserver = m("mutation", () => {
+      this.updateSizeCssVars();
+    }), this.openTransitionProp = "opacity", this.setTransitionEl = (e) => {
+      this.transitionEl = e;
+    }, this.openEnd = () => {
+      this.setFocus(), this.el.removeEventListener("calciteModalOpen", this.openEnd);
+    }, this.handleCloseClick = () => {
+      this.open = !1;
+    }, this.handleOutsideClose = () => {
+      this.outsideCloseDisabled || (this.open = !1);
+    }, this.closeModal = async () => {
+      if (this.beforeClose)
+        try {
+          await this.beforeClose(this.el);
+        } catch {
+          requestAnimationFrame(() => {
+            this.ignoreOpenChange = !0, this.open = !0, this.ignoreOpenChange = !1;
+          });
+          return;
+        }
+      r--, this.opened = !1, this.removeOverflowHiddenClass();
+    }, this.handleMutationObserver = () => {
+      this.updateFooterVisibility(), this.updateFocusTrapElements();
+    }, this.updateFooterVisibility = () => {
+      this.hasFooter = !!s(this.el, [n.back, n.primary, n.secondary]);
+    }, this.updateSizeCssVars = () => {
+      this.cssWidth = getComputedStyle(this.el).getPropertyValue("--calcite-modal-width"), this.cssHeight = getComputedStyle(this.el).getPropertyValue("--calcite-modal-height");
+    }, this.contentTopSlotChangeHandler = (e) => {
+      this.hasContentTop = c(e);
+    }, this.contentBottomSlotChangeHandler = (e) => {
+      this.hasContentBottom = c(e);
+    }, this.open = !1, this.opened = !1, this.beforeClose = void 0, this.closeButtonDisabled = !1, this.focusTrapDisabled = !1, this.outsideCloseDisabled = !1, this.docked = void 0, this.escapeDisabled = !1, this.scale = "m", this.widthScale = "m", this.fullscreen = void 0, this.kind = void 0, this.messages = void 0, this.messageOverrides = void 0, this.slottedInShell = void 0, this.cssWidth = void 0, this.cssHeight = void 0, this.hasFooter = !0, this.hasContentTop = !1, this.hasContentBottom = !1, this.effectiveLocale = void 0, this.defaultMessages = void 0;
+  }
+  handleFocusTrapDisabled(e) {
+    this.open && (e ? l(this) : h(this));
+  }
+  onMessagesChange() {
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  async componentWillLoad() {
+    await S(this), O(this), this.open && this.openModal();
+  }
+  componentDidLoad() {
+    E(this);
+  }
+  connectedCallback() {
+    var e, i;
+    (e = this.mutationObserver) == null || e.observe(this.el, { childList: !0, subtree: !0 }), (i = this.cssVarObserver) == null || i.observe(this.el, { attributeFilter: ["style"] }), this.updateSizeCssVars(), this.updateFooterVisibility(), k(this), F(this), B(this), z(this);
+  }
+  disconnectedCallback() {
+    var e, i;
+    this.removeOverflowHiddenClass(), (e = this.mutationObserver) == null || e.disconnect(), (i = this.cssVarObserver) == null || i.disconnect(), y(this), l(this), L(this), D(this), this.slottedInShell = !1;
+  }
+  render() {
+    return o(x, { "aria-describedby": this.contentId, "aria-labelledby": this.titleId, "aria-modal": "true", role: "dialog" }, o("div", { class: {
+      [t.container]: !0,
+      [t.containerOpen]: this.opened,
+      [t.slottedInShell]: this.slottedInShell
+    } }, o("calcite-scrim", { class: t.scrim, onClick: this.handleOutsideClose }), this.renderStyle(), o("div", {
+      class: {
+        [t.modal]: !0
+      },
+      // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
+      ref: this.setTransitionEl
+    }, o("div", { class: t.header }, this.renderCloseButton(), o("header", { class: t.title }, o("slot", { name: t.header }))), this.renderContentTop(), o("div", {
+      class: {
+        [t.content]: !0,
+        [t.contentNoFooter]: !this.hasFooter
+      },
+      // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
+      ref: (e) => this.modalContent = e
+    }, o("slot", { name: n.content })), this.renderContentBottom(), this.renderFooter())));
+  }
+  renderFooter() {
+    return this.hasFooter ? o("div", { class: t.footer, key: "footer" }, o("span", { class: t.back }, o("slot", { name: n.back })), o("span", { class: t.secondary }, o("slot", { name: n.secondary })), o("span", { class: t.primary }, o("slot", { name: n.primary }))) : null;
+  }
+  renderContentTop() {
+    return o("div", { class: t.contentTop, hidden: !this.hasContentTop }, o("slot", { name: n.contentTop, onSlotchange: this.contentTopSlotChangeHandler }));
+  }
+  renderContentBottom() {
+    return o("div", { class: t.contentBottom, hidden: !this.hasContentBottom }, o("slot", { name: n.contentBottom, onSlotchange: this.contentBottomSlotChangeHandler }));
+  }
+  renderCloseButton() {
+    return this.closeButtonDisabled ? null : o("button", {
+      "aria-label": this.messages.close,
+      class: t.close,
+      key: "button",
+      onClick: this.handleCloseClick,
+      title: this.messages.close,
+      // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
+      ref: (e) => this.closeButtonEl = e
+    }, o("calcite-icon", { icon: P.close, scale: $(this.scale) }));
+  }
+  renderStyle() {
+    if (!this.fullscreen && (this.cssWidth || this.cssHeight))
+      return o("style", null, `.${t.container} {
+              ${this.docked && this.cssWidth ? "align-items: center !important;" : ""}
+            }
+            .${t.modal} {
+              block-size: ${this.cssHeight ? this.cssHeight : "auto"} !important;
+              ${this.cssWidth ? `inline-size: ${this.cssWidth} !important;` : ""}
+              ${this.cssWidth ? `max-inline-size: ${this.cssWidth} !important;` : ""}
+              ${this.docked ? "border-radius: var(--calcite-border-radius) !important;" : ""}
+            }
+            @media screen and (max-width: ${this.cssWidth}) {
+              .${t.container} {
+                ${this.docked ? "align-items: flex-end !important;" : ""}
+              }
+              .${t.modal} {
+                max-block-size: 100% !important;
+                inline-size: 100% !important;
+                max-inline-size: 100% !important;
+                min-inline-size: 100% !important;
+                margin: 0 !important;
+                ${this.docked ? "" : "block-size: 100% !important;"}
+                ${this.docked ? "" : "border-radius: 0 !important;"}
+                ${this.docked ? "border-radius: var(--calcite-border-radius) var(--calcite-border-radius) 0 0 !important;" : ""}
+              }
+            }
+          `);
+  }
+  effectiveLocaleChange() {
+    I(this, this.effectiveLocale);
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Event Listeners
+  //
+  //--------------------------------------------------------------------------
+  handleEscape(e) {
+    this.open && !this.escapeDisabled && e.key === "Escape" && !e.defaultPrevented && (this.open = !1, e.preventDefault());
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Public Methods
+  //
+  //--------------------------------------------------------------------------
+  /**
+   * Sets focus on the component's "close" button (the first focusable item).
+   *
+   */
+  async setFocus() {
+    await M(this), w(this.el);
+  }
+  /**
+   * Updates the element(s) that are used within the focus-trap of the component.
+   */
+  async updateFocusTrapElements() {
+    C(this);
+  }
+  /**
+   * Sets the scroll top of the component's content.
+   *
+   * @param top
+   * @param left
+   */
+  async scrollContent(e = 0, i = 0) {
+    this.modalContent && (this.modalContent.scrollTo ? this.modalContent.scrollTo({ top: e, left: i, behavior: "smooth" }) : (this.modalContent.scrollTop = e, this.modalContent.scrollLeft = i));
+  }
+  onBeforeOpen() {
+    this.transitionEl.classList.add(t.openingActive), this.calciteModalBeforeOpen.emit();
+  }
+  onOpen() {
+    this.transitionEl.classList.remove(t.openingIdle, t.openingActive), this.calciteModalOpen.emit(), h(this);
+  }
+  onBeforeClose() {
+    this.transitionEl.classList.add(t.closingActive), this.calciteModalBeforeClose.emit();
+  }
+  onClose() {
+    this.transitionEl.classList.remove(t.closingIdle, t.closingActive), this.calciteModalClose.emit(), l(this);
+  }
+  toggleModal(e) {
+    this.ignoreOpenChange || (e ? this.openModal() : this.closeModal());
+  }
+  handleOpenedChange(e) {
+    const i = e ? t.openingIdle : t.closingIdle;
+    this.transitionEl.classList.add(i), T(this);
+  }
+  async openModal() {
+    await H(this.el), this.el.addEventListener("calciteModalOpen", this.openEnd), this.opened = !0;
+    const e = s(this.el, n.header), i = s(this.el, n.content);
+    this.titleId = d(e), this.contentId = d(i), this.slottedInShell || (r === 0 && (p = document.documentElement.style.overflow), r++, document.documentElement.style.setProperty("overflow", "hidden"));
+  }
+  removeOverflowHiddenClass() {
+    document.documentElement.style.setProperty("overflow", p);
+  }
+  static get assetsDirs() {
+    return ["assets"];
+  }
+  get el() {
+    return this;
+  }
+  static get watchers() {
+    return {
+      focusTrapDisabled: ["handleFocusTrapDisabled"],
+      messageOverrides: ["onMessagesChange"],
+      effectiveLocale: ["effectiveLocaleChange"],
+      open: ["toggleModal"],
+      opened: ["handleOpenedChange"]
+    };
+  }
+  static get style() {
+    return _;
+  }
+}, [1, "calcite-modal", {
+  open: [1540],
+  opened: [1540],
+  beforeClose: [16],
+  closeButtonDisabled: [516, "close-button-disabled"],
+  focusTrapDisabled: [516, "focus-trap-disabled"],
+  outsideCloseDisabled: [516, "outside-close-disabled"],
+  docked: [516],
+  escapeDisabled: [516, "escape-disabled"],
+  scale: [513],
+  widthScale: [513, "width-scale"],
+  fullscreen: [516],
+  kind: [513],
+  messages: [1040],
+  messageOverrides: [1040],
+  slottedInShell: [1028, "slotted-in-shell"],
+  cssWidth: [32],
+  cssHeight: [32],
+  hasFooter: [32],
+  hasContentTop: [32],
+  hasContentBottom: [32],
+  effectiveLocale: [32],
+  defaultMessages: [32],
+  setFocus: [64],
+  updateFocusTrapElements: [64],
+  scrollContent: [64]
+}, [[8, "keydown", "handleEscape"]], {
+  focusTrapDisabled: ["handleFocusTrapDisabled"],
+  messageOverrides: ["onMessagesChange"],
+  effectiveLocale: ["effectiveLocaleChange"],
+  open: ["toggleModal"],
+  opened: ["handleOpenedChange"]
+}]);
+function u() {
+  if (typeof customElements > "u")
+    return;
+  ["calcite-modal", "calcite-icon", "calcite-loader", "calcite-scrim"].forEach((e) => {
+    switch (e) {
+      case "calcite-modal":
+        customElements.get(e) || customElements.define(e, b);
+        break;
+      case "calcite-icon":
+        customElements.get(e) || V();
+        break;
+      case "calcite-loader":
+        customElements.get(e) || W();
+        break;
+      case "calcite-scrim":
+        customElements.get(e) || A();
+        break;
+    }
+  });
+}
+u();
+const ie = b, ne = u;
+export {
+  ie as CalciteModal,
+  ne as defineCustomElement
+};

package/dist/calcite-notice-a81274a8.js

@@ -0,0 +1,181 @@
+import { aV as f, aW as u, dD as s, aT as t } from "./index-3b4c2147.js";
+import { c as b, d as k } from "./conditionalSlot-80a4c6ff.js";
+import { o as a, l as v } from "./dom-b589b728.js";
+import { s as x, a as w, c as z } from "./loadable-e7c40a8a.js";
+import { c as C, a as y, d as E, b as L, s as O, u as B } from "./t9n-55800455.js";
+import { o as l } from "./openCloseComponent-1501c620.js";
+import { g as r } from "./component-51a10bc0.js";
+import { d as N } from "./icon-453c7f62.js";
+import "vue";
+import "./observers-700e505d.js";
+import "./guid-5ee54248.js";
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.7.1
+ */
+var c;
+(function(o) {
+  o.brand = "lightbulb", o.danger = "exclamationMarkTriangle", o.info = "information", o.success = "checkCircle", o.warning = "exclamationMarkTriangle";
+})(c || (c = {}));
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.7.1
+ */
+const i = {
+  title: "title",
+  message: "message",
+  link: "link",
+  actionsEnd: "actions-end"
+}, n = {
+  actionsEnd: "actions-end",
+  close: "notice-close",
+  container: "container",
+  content: "notice-content",
+  icon: "notice-icon"
+}, q = `:host([scale=s]){--calcite-notice-spacing-token-small:0.5rem;--calcite-notice-spacing-token-large:0.75rem}:host([scale=s]) .container slot[name=title]::slotted(*),:host([scale=s]) .container *::slotted([slot=title]){margin-block:0.125rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=s]) .container slot[name=message]::slotted(*),:host([scale=s]) .container *::slotted([slot=message]){margin-block:0.125rem;font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) ::slotted(calcite-link){margin-block:0.125rem;font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) .notice-close{padding:0.5rem}:host([scale=m]){--calcite-notice-spacing-token-small:0.75rem;--calcite-notice-spacing-token-large:1rem}:host([scale=m]) .container slot[name=title]::slotted(*),:host([scale=m]) .container *::slotted([slot=title]){margin-block:0.125rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=m]) .container slot[name=message]::slotted(*),:host([scale=m]) .container *::slotted([slot=message]){margin-block:0.125rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) ::slotted(calcite-link){margin-block:0.125rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=l]){--calcite-notice-spacing-token-small:1rem;--calcite-notice-spacing-token-large:1.25rem}:host([scale=l]) .container slot[name=title]::slotted(*),:host([scale=l]) .container *::slotted([slot=title]){margin-block:0.125rem;font-size:var(--calcite-font-size-1);line-height:1.375}:host([scale=l]) .container slot[name=message]::slotted(*),:host([scale=l]) .container *::slotted([slot=message]){margin-block:0.125rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) ::slotted(calcite-link){margin-block:0.125rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([width=auto]){--calcite-notice-width:auto}:host([width=half]){--calcite-notice-width:50%}:host([width=full]){--calcite-notice-width:100%}:host{margin-inline:auto;display:none;max-inline-size:100%;align-items:center;inline-size:var(--calcite-notice-width)}.container{pointer-events:none;margin-block:0px;box-sizing:border-box;display:none;inline-size:100%;background-color:var(--calcite-color-foreground-1);opacity:0;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;max-block-size:0;text-align:start;border-inline-start:0px solid;box-shadow:0 0 0 0 transparent}.notice-close{outline-color:transparent}.notice-close:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite-color-brand)));outline-offset:calc(
+            -2px *
+            calc(
+              1 -
+              2 * clamp(
+                0,
+                var(--calcite-offset-invert-focus),
+                1
+              )
+            )
+          )}:host{display:flex}:host([open]) .container{pointer-events:auto;display:flex;max-block-size:100%;align-items:center;border-width:2px;opacity:1;--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.container slot[name=title]::slotted(*),.container *::slotted([slot=title]){margin:0px;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}.container slot[name=message]::slotted(*),.container *::slotted([slot=message]){margin:0px;display:inline;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2);margin-inline-end:var(--calcite-notice-spacing-token-small)}.notice-content{box-sizing:border-box;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-inline:var(--calcite-notice-spacing-token-large);flex:0 0 auto;display:flex;min-inline-size:0px;flex-direction:column;overflow-wrap:break-word;flex:1 1 0;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:0 var(--calcite-notice-spacing-token-small)}.notice-content:first-of-type:not(:only-child){padding-inline-start:var(--calcite-notice-spacing-token-large)}.notice-content:only-of-type{padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large)}.notice-icon{display:flex;align-items:center;box-sizing:border-box;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large);flex:0 0 auto}.notice-close{display:flex;cursor:pointer;align-items:center;align-self:stretch;border-style:none;background-color:transparent;color:var(--calcite-color-text-3);outline:2px solid transparent;outline-offset:2px;box-sizing:border-box;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large);flex:0 0 auto;-webkit-appearance:none}.notice-close:hover,.notice-close:focus{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}.notice-close:active{background-color:var(--calcite-color-foreground-3)}.actions-end{display:flex;align-self:stretch}:host([kind=brand]) .container{border-color:var(--calcite-color-brand)}:host([kind=brand]) .container .notice-icon{color:var(--calcite-color-brand)}:host([kind=info]) .container{border-color:var(--calcite-color-status-info)}:host([kind=info]) .container .notice-icon{color:var(--calcite-color-status-info)}:host([kind=danger]) .container{border-color:var(--calcite-color-status-danger)}:host([kind=danger]) .container .notice-icon{color:var(--calcite-color-status-danger)}:host([kind=success]) .container{border-color:var(--calcite-color-status-success)}:host([kind=success]) .container .notice-icon{color:var(--calcite-color-status-success)}:host([kind=warning]) .container{border-color:var(--calcite-color-status-warning)}:host([kind=warning]) .container .notice-icon{color:var(--calcite-color-status-warning)}:host([hidden]){display:none}[hidden]{display:none}`, d = /* @__PURE__ */ f(class extends u {
+  constructor() {
+    super(), this.__registerHost(), this.__attachShadow(), this.calciteNoticeBeforeClose = s(this, "calciteNoticeBeforeClose", 6), this.calciteNoticeBeforeOpen = s(this, "calciteNoticeBeforeOpen", 6), this.calciteNoticeClose = s(this, "calciteNoticeClose", 6), this.calciteNoticeOpen = s(this, "calciteNoticeOpen", 6), this.setTransitionEl = (e) => {
+      this.transitionEl = e;
+    }, this.close = () => {
+      this.open = !1;
+    }, this.openTransitionProp = "opacity", this.open = !1, this.kind = "brand", this.closable = !1, this.icon = void 0, this.iconFlipRtl = !1, this.scale = "m", this.width = "auto", this.messages = void 0, this.messageOverrides = void 0, this.effectiveLocale = void 0, this.defaultMessages = void 0;
+  }
+  openHandler() {
+    l(this);
+  }
+  onMessagesChange() {
+  }
+  updateRequestedIcon() {
+    this.requestedIcon = a(c, this.icon, this.kind);
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  connectedCallback() {
+    b(this), C(this), y(this);
+  }
+  disconnectedCallback() {
+    k(this), E(this), L(this);
+  }
+  async componentWillLoad() {
+    x(this), this.requestedIcon = a(c, this.icon, this.kind), await O(this), this.open && l(this);
+  }
+  componentDidLoad() {
+    w(this);
+  }
+  render() {
+    const { el: e } = this, m = t("button", {
+      "aria-label": this.messages.close,
+      class: n.close,
+      onClick: this.close,
+      // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
+      ref: (p) => this.closeButton = p
+    }, t("calcite-icon", { icon: "x", scale: r(this.scale) })), g = v(e, i.actionsEnd);
+    return t("div", {
+      class: n.container,
+      // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
+      ref: this.setTransitionEl
+    }, this.requestedIcon ? t("div", { class: n.icon }, t("calcite-icon", { flipRtl: this.iconFlipRtl, icon: this.requestedIcon, scale: r(this.scale) })) : null, t("div", { class: n.content }, t("slot", { name: i.title }), t("slot", { name: i.message }), t("slot", { name: i.link })), g ? t("div", { class: n.actionsEnd }, t("slot", { name: i.actionsEnd })) : null, this.closable ? m : null);
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Public Methods
+  //
+  //--------------------------------------------------------------------------
+  /** Sets focus on the component's first focusable element. */
+  async setFocus() {
+    await z(this);
+    const e = this.el.querySelector("calcite-link");
+    if (!(!this.closeButton && !e)) {
+      if (e)
+        return e.setFocus();
+      this.closeButton && this.closeButton.focus();
+    }
+  }
+  onBeforeClose() {
+    this.calciteNoticeBeforeClose.emit();
+  }
+  onBeforeOpen() {
+    this.calciteNoticeBeforeOpen.emit();
+  }
+  onClose() {
+    this.calciteNoticeClose.emit();
+  }
+  onOpen() {
+    this.calciteNoticeOpen.emit();
+  }
+  effectiveLocaleChange() {
+    B(this, this.effectiveLocale);
+  }
+  static get assetsDirs() {
+    return ["assets"];
+  }
+  get el() {
+    return this;
+  }
+  static get watchers() {
+    return {
+      open: ["openHandler"],
+      messageOverrides: ["onMessagesChange"],
+      icon: ["updateRequestedIcon"],
+      kind: ["updateRequestedIcon"],
+      effectiveLocale: ["effectiveLocaleChange"]
+    };
+  }
+  static get style() {
+    return q;
+  }
+}, [1, "calcite-notice", {
+  open: [1540],
+  kind: [513],
+  closable: [516],
+  icon: [520],
+  iconFlipRtl: [516, "icon-flip-rtl"],
+  scale: [513],
+  width: [513],
+  messages: [1040],
+  messageOverrides: [1040],
+  effectiveLocale: [32],
+  defaultMessages: [32],
+  setFocus: [64]
+}, void 0, {
+  open: ["openHandler"],
+  messageOverrides: ["onMessagesChange"],
+  icon: ["updateRequestedIcon"],
+  kind: ["updateRequestedIcon"],
+  effectiveLocale: ["effectiveLocaleChange"]
+}]);
+function h() {
+  if (typeof customElements > "u")
+    return;
+  ["calcite-notice", "calcite-icon"].forEach((e) => {
+    switch (e) {
+      case "calcite-notice":
+        customElements.get(e) || customElements.define(e, d);
+        break;
+      case "calcite-icon":
+        customElements.get(e) || N();
+        break;
+    }
+  });
+}
+h();
+const A = d, P = h;
+export {
+  A as CalciteNotice,
+  P as defineCustomElement
+};

package/dist/calcite-option-0020a955.js

@@ -0,0 +1,94 @@
+import { aV as r, aW as h, dD as c, aT as d } from "./index-3b4c2147.js";
+import { c as u } from "./observers-700e505d.js";
+import "vue";
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.7.1
+ */
+const p = ":host{display:block}:host([hidden]){display:none}[hidden]{display:none}", s = /* @__PURE__ */ r(class extends h {
+  constructor() {
+    super(), this.__registerHost(), this.__attachShadow(), this.calciteInternalOptionChange = c(this, "calciteInternalOptionChange", 6), this.mutationObserver = u("mutation", () => {
+      this.ensureTextContentDependentProps(), this.calciteInternalOptionChange.emit();
+    }), this.disabled = !1, this.label = void 0, this.selected = void 0, this.value = void 0;
+  }
+  handlePropChange(e, n, t) {
+    (t === "label" || t === "value") && this.ensureTextContentDependentProps(), this.calciteInternalOptionChange.emit();
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Private Methods
+  //
+  //--------------------------------------------------------------------------
+  ensureTextContentDependentProps() {
+    const { el: { textContent: e }, internallySetLabel: n, internallySetValue: t, label: a, value: l } = this;
+    (!a || a === n) && (this.label = e, this.internallySetLabel = e), (l == null || l === t) && (this.value = e, this.internallySetValue = e);
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  connectedCallback() {
+    var e;
+    this.ensureTextContentDependentProps(), (e = this.mutationObserver) == null || e.observe(this.el, {
+      attributeFilter: ["label", "value"],
+      characterData: !0,
+      childList: !0,
+      subtree: !0
+    });
+  }
+  disconnectedCallback() {
+    var e;
+    (e = this.mutationObserver) == null || e.disconnect();
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Render Methods
+  //
+  //--------------------------------------------------------------------------
+  render() {
+    return d("slot", null, this.label);
+  }
+  get el() {
+    return this;
+  }
+  static get watchers() {
+    return {
+      disabled: ["handlePropChange"],
+      label: ["handlePropChange"],
+      selected: ["handlePropChange"],
+      value: ["handlePropChange"]
+    };
+  }
+  static get style() {
+    return p;
+  }
+}, [1, "calcite-option", {
+  disabled: [516],
+  label: [1025],
+  selected: [516],
+  value: [1032]
+}, void 0, {
+  disabled: ["handlePropChange"],
+  label: ["handlePropChange"],
+  selected: ["handlePropChange"],
+  value: ["handlePropChange"]
+}]);
+function i() {
+  if (typeof customElements > "u")
+    return;
+  ["calcite-option"].forEach((e) => {
+    switch (e) {
+      case "calcite-option":
+        customElements.get(e) || customElements.define(e, s);
+        break;
+    }
+  });
+}
+i();
+const g = s, v = i;
+export {
+  g as CalciteOption,
+  v as defineCustomElement
+};

package/dist/calcite-scrim-27d65e7f.js

@@ -0,0 +1,18 @@
+import { S as t, d as m } from "./scrim-c0a641cd.js";
+import "./index-3b4c2147.js";
+import "vue";
+import "./t9n-55800455.js";
+import "./dom-b589b728.js";
+import "./guid-5ee54248.js";
+import "./observers-700e505d.js";
+import "./loader-6272e4b3.js";
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.7.1
+ */
+const a = t, d = m;
+export {
+  a as CalciteScrim,
+  d as defineCustomElement
+};