@agrotools1/at-components 0.2.4 → 0.2.5

package/dist/calcite-action-bar-9722a11e.js

@@ -0,0 +1,303 @@
+import { aT as h, aU as H, aV as T, aW as D, dD as O, aX as B } from "./index-6ebf29c1.js";
+import { c as G, d as M } from "./conditionalSlot-14f35023.js";
+import { g as k, p as A, a as E, m as P } from "./dom-b589b728.js";
+import { a as $, s as W, c as q } from "./loadable-c29cb205.js";
+import { u as R, c as I, a as F, s as U, d as _, b as j } from "./t9n-c80e56d9.js";
+import { c as y } from "./observers-f3bd3593.js";
+import { S as m, d as V } from "./action-group-9785519d.js";
+import { S as X, d as J, a as K } from "./action-menu-f423306a.js";
+import { d as Q } from "./action-46ccf03a.js";
+import { d as Y } from "./icon-5e93376e.js";
+import { d as Z } from "./loader-d9b4787f.js";
+import { d as N } from "./debounce-de27a42a.js";
+import "vue";
+import "./guid-5ee54248.js";
+import "./focusTrapComponent-e849bb89.js";
+import "./openCloseComponent-67a2c20c.js";
+import "./component-51a10bc0.js";
+import "./interactive-bcb1b82d.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 ee = 150, te = 2, C = (n) => n.reduce((e, t) => e + t, 0) / n.length, oe = (n) => {
+  const e = n.filter((o) => o.slot !== m.menuActions), t = e == null ? void 0 : e.length;
+  return {
+    actionWidth: t ? C(e.map((o) => o.clientWidth || 0)) : 0,
+    actionHeight: t ? C(e.map((o) => o.clientHeight || 0)) : 0
+  };
+}, ne = ({ width: n, actionWidth: e, layout: t, height: o, actionHeight: i, groupCount: c }) => {
+  const s = t === "horizontal" ? n : o, a = t === "horizontal" ? e : i;
+  return Math.floor((s - c * te) / a);
+}, se = ({ layout: n, actionCount: e, actionWidth: t, width: o, actionHeight: i, height: c, groupCount: s }) => Math.max(e - ne({ width: o, actionWidth: t, layout: n, height: c, actionHeight: i, groupCount: s }), 0), x = (n) => Array.from(n.querySelectorAll("calcite-action")).filter((e) => e.closest("calcite-action-menu") ? e.slot === X.trigger : !0), ie = ({ actionGroups: n, expanded: e, overflowCount: t }) => {
+  let o = t;
+  n.reverse().forEach((i) => {
+    let c = 0;
+    const s = x(i).reverse();
+    s.forEach((a) => {
+      a.slot === m.menuActions && (a.removeAttribute("slot"), a.textEnabled = e);
+    }), o > 0 && s.some((a) => (s.filter((u) => !u.slot).length > 1 && s.length > 2 && !a.closest("calcite-action-menu") && (a.textEnabled = !0, a.setAttribute("slot", m.menuActions), c++, c > 1 && o--), o < 1)), H(i);
+  });
+}, w = {
+  chevronsLeft: "chevrons-left",
+  chevronsRight: "chevrons-right"
+};
+function ae(n, e) {
+  var t;
+  return n || ((t = e.closest("calcite-shell-panel")) == null ? void 0 : t.position) || "start";
+}
+function f({ el: n, expanded: e }) {
+  x(n).filter((t) => t.slot !== m.menuActions).forEach((t) => t.textEnabled = e), n.querySelectorAll("calcite-action-group, calcite-action-menu").forEach((t) => t.expanded = e);
+}
+const ce = ({ tooltip: n, referenceElement: e, expanded: t, ref: o }) => (n && (n.referenceElement = !t && e ? e : null), o && o(e), e), le = ({ expanded: n, expandText: e, collapseText: t, toggle: o, el: i, position: c, tooltip: s, ref: a, scale: l }) => {
+  const u = k(i) === "rtl", r = n ? t : e, d = [w.chevronsLeft, w.chevronsRight];
+  u && d.reverse();
+  const p = ae(c, i) === "end", g = p ? d[1] : d[0], b = p ? d[0] : d[1];
+  return h("calcite-action", {
+    icon: n ? g : b,
+    onClick: o,
+    scale: l,
+    text: r,
+    textEnabled: n,
+    title: !n && !s ? r : null,
+    // 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: (L) => ce({ tooltip: s, referenceElement: L, expanded: n, ref: a })
+  });
+};
+/*!
+ * 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 re = {
+  actionGroupEnd: "action-group--end"
+}, v = {
+  actionsEnd: "actions-end",
+  bottomActions: "bottom-actions",
+  expandTooltip: "expand-tooltip"
+}, de = ":host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{pointer-events:auto;display:inline-flex;align-self:stretch;--calcite-action-bar-expanded-max-width:auto}:host([layout=vertical]){flex-direction:column}:host([layout=vertical]) .action-group--end{margin-block-start:auto}:host([layout=horizontal]){flex-direction:row}:host([layout=horizontal]) .action-group--end{margin-inline-start:auto}:host([layout=vertical][overflow-actions-disabled]){overflow-y:auto}:host([layout=horizontal][overflow-actions-disabled]){overflow-x:auto}:host([layout=vertical][expanded]){max-inline-size:var(--calcite-action-bar-expanded-max-width)}::slotted(calcite-action-group){border-block-end:1px solid var(--calcite-color-border-3)}:host([layout=horizontal]) ::slotted(calcite-action-group){border-block-end:0;border-inline-end:1px solid var(--calcite-color-border-3)}:host([layout=horizontal][expand-disabled]) ::slotted(calcite-action-group:last-of-type){border-inline-end:0}::slotted(calcite-action-group:last-child){border-block-end:0;border-inline-end:0}.action-group--end{justify-content:flex-end}:host([hidden]){display:none}[hidden]{display:none}", S = /* @__PURE__ */ T(class extends D {
+  constructor() {
+    super(), this.__registerHost(), this.__attachShadow(), this.calciteActionBarToggle = O(this, "calciteActionBarToggle", 6), this.mutationObserver = y("mutation", () => {
+      const { el: e, expanded: t } = this;
+      f({ el: e, expanded: t }), this.overflowActions();
+    }), this.resizeObserver = y("resize", (e) => this.resizeHandlerEntries(e)), this.actionMenuOpenHandler = (e) => {
+      if (e.target.menuOpen) {
+        const t = e.composedPath();
+        Array.from(this.el.querySelectorAll("calcite-action-group")).forEach((o) => {
+          t.includes(o) || (o.menuOpen = !1);
+        });
+      }
+    }, this.resizeHandlerEntries = (e) => {
+      e.forEach(this.resizeHandler);
+    }, this.resizeHandler = (e) => {
+      const { width: t, height: o } = e.contentRect;
+      this.resize({ width: t, height: o });
+    }, this.resize = N(({ width: e, height: t }) => {
+      const { el: o, expanded: i, expandDisabled: c, layout: s, overflowActionsDisabled: a } = this;
+      if (a || s === "vertical" && !t || s === "horizontal" && !e)
+        return;
+      const l = x(o), u = c ? l.length : l.length + 1, r = Array.from(o.querySelectorAll("calcite-action-group"));
+      this.setGroupLayout(r);
+      const d = this.hasActionsEnd || this.hasBottomActions || !c ? r.length + 1 : r.length, { actionHeight: p, actionWidth: g } = oe(l), b = se({
+        layout: s,
+        actionCount: u,
+        actionHeight: p,
+        actionWidth: g,
+        height: t,
+        width: e,
+        groupCount: d
+      });
+      ie({
+        actionGroups: r,
+        expanded: i,
+        overflowCount: b
+      });
+    }, ee), this.toggleExpand = () => {
+      this.expanded = !this.expanded, this.calciteActionBarToggle.emit();
+    }, this.setExpandToggleRef = (e) => {
+      this.expandToggleEl = e;
+    }, this.handleDefaultSlotChange = (e) => {
+      const t = A(e).filter((o) => o.matches("calcite-action-group"));
+      this.setGroupLayout(t);
+    }, this.handleActionsEndSlotChange = (e) => {
+      this.hasActionsEnd = E(e);
+    }, this.handleBottomActionsSlotChange = (e) => {
+      this.hasBottomActions = E(e);
+    }, this.handleTooltipSlotChange = (e) => {
+      const t = A(e).filter((o) => o == null ? void 0 : o.matches("calcite-tooltip"));
+      this.expandTooltip = t[0];
+    }, this.actionsEndGroupLabel = void 0, this.expandDisabled = !1, this.expanded = !1, this.layout = "vertical", this.overflowActionsDisabled = !1, this.overlayPositioning = "absolute", this.position = void 0, this.scale = void 0, this.messages = void 0, this.messageOverrides = void 0, this.effectiveLocale = void 0, this.hasActionsEnd = !1, this.hasBottomActions = !1, this.expandTooltip = void 0, this.defaultMessages = void 0;
+  }
+  expandHandler() {
+    this.overflowActions();
+  }
+  expandedHandler() {
+    const { el: e, expanded: t } = this;
+    f({ el: e, expanded: t }), this.overflowActions();
+  }
+  layoutHandler() {
+    this.updateGroups();
+  }
+  overflowDisabledHandler(e) {
+    var t, o;
+    if (e) {
+      (t = this.resizeObserver) == null || t.disconnect();
+      return;
+    }
+    (o = this.resizeObserver) == null || o.observe(this.el), this.overflowActions();
+  }
+  onMessagesChange() {
+  }
+  effectiveLocaleChange() {
+    R(this, this.effectiveLocale);
+  }
+  // --------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  // --------------------------------------------------------------------------
+  componentDidLoad() {
+    const { el: e, expanded: t } = this;
+    $(this), f({ el: e, expanded: t }), this.overflowActions();
+  }
+  connectedCallback() {
+    var o, i;
+    const { el: e, expanded: t } = this;
+    I(this), F(this), f({ el: e, expanded: t }), (o = this.mutationObserver) == null || o.observe(e, { childList: !0, subtree: !0 }), this.overflowActionsDisabled || (i = this.resizeObserver) == null || i.observe(e), this.overflowActions(), G(this);
+  }
+  async componentWillLoad() {
+    W(this), await U(this);
+  }
+  disconnectedCallback() {
+    var e, t;
+    (e = this.mutationObserver) == null || e.disconnect(), (t = this.resizeObserver) == null || t.disconnect(), M(this), _(this), j(this);
+  }
+  // --------------------------------------------------------------------------
+  //
+  //  Methods
+  //
+  // --------------------------------------------------------------------------
+  /**
+   * Overflows actions that won't fit into menus.
+   *
+   * @internal
+   */
+  async overflowActions() {
+    this.resize({ width: this.el.clientWidth, height: this.el.clientHeight });
+  }
+  /**
+   * Sets focus on the component's first focusable element.
+   */
+  async setFocus() {
+    await q(this), P(this.el);
+  }
+  updateGroups() {
+    this.setGroupLayout(Array.from(this.el.querySelectorAll("calcite-action-group")));
+  }
+  setGroupLayout(e) {
+    e.forEach((t) => t.layout = this.layout);
+  }
+  // --------------------------------------------------------------------------
+  //
+  //  Render Methods
+  //
+  // --------------------------------------------------------------------------
+  renderBottomActionGroup() {
+    const { expanded: e, expandDisabled: t, el: o, position: i, toggleExpand: c, scale: s, layout: a, messages: l, actionsEndGroupLabel: u, overlayPositioning: r } = this, d = t ? null : h(le, {
+      collapseText: l.collapse,
+      el: o,
+      expandText: l.expand,
+      expanded: e,
+      position: i,
+      scale: s,
+      toggle: c,
+      tooltip: this.expandTooltip,
+      // 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.setExpandToggleRef
+    });
+    return h("calcite-action-group", { class: re.actionGroupEnd, hidden: this.expandDisabled && !(this.hasActionsEnd || this.hasBottomActions), label: u, layout: a, overlayPositioning: r, scale: s }, h("slot", { name: v.actionsEnd, onSlotchange: this.handleActionsEndSlotChange }), h("slot", { name: v.bottomActions, onSlotchange: this.handleBottomActionsSlotChange }), h("slot", { name: v.expandTooltip, onSlotchange: this.handleTooltipSlotChange }), d);
+  }
+  render() {
+    return h(B, { onCalciteActionMenuOpen: this.actionMenuOpenHandler }, h("slot", { onSlotchange: this.handleDefaultSlotChange }), this.renderBottomActionGroup());
+  }
+  static get assetsDirs() {
+    return ["assets"];
+  }
+  get el() {
+    return this;
+  }
+  static get watchers() {
+    return {
+      expandDisabled: ["expandHandler"],
+      expanded: ["expandedHandler"],
+      layout: ["layoutHandler"],
+      overflowActionsDisabled: ["overflowDisabledHandler"],
+      messageOverrides: ["onMessagesChange"],
+      effectiveLocale: ["effectiveLocaleChange"]
+    };
+  }
+  static get style() {
+    return de;
+  }
+}, [1, "calcite-action-bar", {
+  actionsEndGroupLabel: [1, "actions-end-group-label"],
+  expandDisabled: [516, "expand-disabled"],
+  expanded: [1540],
+  layout: [513],
+  overflowActionsDisabled: [516, "overflow-actions-disabled"],
+  overlayPositioning: [513, "overlay-positioning"],
+  position: [513],
+  scale: [513],
+  messages: [1040],
+  messageOverrides: [1040],
+  effectiveLocale: [32],
+  hasActionsEnd: [32],
+  hasBottomActions: [32],
+  expandTooltip: [32],
+  defaultMessages: [32],
+  overflowActions: [64],
+  setFocus: [64]
+}, void 0, {
+  expandDisabled: ["expandHandler"],
+  expanded: ["expandedHandler"],
+  layout: ["layoutHandler"],
+  overflowActionsDisabled: ["overflowDisabledHandler"],
+  messageOverrides: ["onMessagesChange"],
+  effectiveLocale: ["effectiveLocaleChange"]
+}]);
+function z() {
+  if (typeof customElements > "u")
+    return;
+  ["calcite-action-bar", "calcite-action", "calcite-action-group", "calcite-action-menu", "calcite-icon", "calcite-loader", "calcite-popover"].forEach((e) => {
+    switch (e) {
+      case "calcite-action-bar":
+        customElements.get(e) || customElements.define(e, S);
+        break;
+      case "calcite-action":
+        customElements.get(e) || Q();
+        break;
+      case "calcite-action-group":
+        customElements.get(e) || V();
+        break;
+      case "calcite-action-menu":
+        customElements.get(e) || K();
+        break;
+      case "calcite-icon":
+        customElements.get(e) || Y();
+        break;
+      case "calcite-loader":
+        customElements.get(e) || Z();
+        break;
+      case "calcite-popover":
+        customElements.get(e) || J();
+        break;
+    }
+  });
+}
+z();
+const Oe = S, Be = z;
+export {
+  Oe as CalciteActionBar,
+  Be as defineCustomElement
+};

package/dist/calcite-action-f5829479.js

@@ -0,0 +1,22 @@
+import { A as t, d as o } from "./action-46ccf03a.js";
+import "./index-6ebf29c1.js";
+import "vue";
+import "./dom-b589b728.js";
+import "./guid-5ee54248.js";
+import "./interactive-bcb1b82d.js";
+import "./loadable-c29cb205.js";
+import "./t9n-c80e56d9.js";
+import "./observers-f3bd3593.js";
+import "./component-51a10bc0.js";
+import "./icon-5e93376e.js";
+import "./loader-d9b4787f.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, C = o;
+export {
+  A as CalciteAction,
+  C as defineCustomElement
+};

package/dist/calcite-action-group-3e77994f.js

@@ -0,0 +1,28 @@
+import { A as o, d as t } from "./action-group-9785519d.js";
+import "./index-6ebf29c1.js";
+import "vue";
+import "./conditionalSlot-14f35023.js";
+import "./observers-f3bd3593.js";
+import "./loadable-c29cb205.js";
+import "./t9n-c80e56d9.js";
+import "./dom-b589b728.js";
+import "./guid-5ee54248.js";
+import "./action-menu-f423306a.js";
+import "./action-46ccf03a.js";
+import "./interactive-bcb1b82d.js";
+import "./component-51a10bc0.js";
+import "./icon-5e93376e.js";
+import "./loader-d9b4787f.js";
+import "./debounce-de27a42a.js";
+import "./focusTrapComponent-e849bb89.js";
+import "./openCloseComponent-67a2c20c.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 $ = o, b = t;
+export {
+  $ as CalciteActionGroup,
+  b as defineCustomElement
+};

package/dist/calcite-button-8979d383.js

@@ -0,0 +1,228 @@
+import { aV as v, aW as g, aU as f, aT as a } from "./index-6ebf29c1.js";
+import { s as m, r as k, f as x } from "./form-41e8f739.js";
+import { c as w, d as y, u as C, I as z } from "./interactive-bcb1b82d.js";
+import { c as E, d as L, g as S } from "./label2-1ab25f27.js";
+import { s as T, a as O, c as F } from "./loadable-c29cb205.js";
+import { c as I, a as M, d as R, b as A, s as H, u as j } from "./t9n-c80e56d9.js";
+import { c as i } from "./observers-f3bd3593.js";
+import { g as c } from "./component-51a10bc0.js";
+import { t as B } from "./dom-b589b728.js";
+import { d as P } from "./icon-5e93376e.js";
+import { d as U } from "./loader-d9b4787f.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 n = {
+  buttonLoader: "calcite-button--loader",
+  content: "content",
+  contentSlotted: "content--slotted",
+  icon: "icon",
+  iconStart: "icon--start",
+  iconEnd: "icon--end",
+  loadingIn: "loading-in",
+  loadingOut: "loading-out",
+  iconStartEmpty: "icon-start-empty",
+  iconEndEmpty: "icon-end-empty",
+  buttonPadding: "button-padding",
+  buttonPaddingShrunk: "button-padding--shrunk"
+}, W = `:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline-block;inline-size:auto;vertical-align:middle}:host([round]){border-radius:50px}:host([round]) a,:host([round]) button{border-radius:50px}:host button,:host a{outline-color:transparent}:host button:focus,:host a: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 button,:host a{--calcite-button-content-margin-internal:0.5rem;--calcite-button-padding-x-internal:7px;--calcite-button-padding-y-internal:3px;padding-block:var(--calcite-button-padding-y-internal);padding-inline:var(--calcite-button-padding-x-internal);position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;cursor:pointer;-webkit-user-select:none;user-select:none;appearance:none;align-items:center;justify-content:center;border-radius:0px;border-style:none;text-align:center;font-family:inherit;font-weight:var(--calcite-font-weight-normal);text-decoration-line:none;transition:color var(--calcite-animation-timing) ease-in-out, background-color var(--calcite-animation-timing) ease-in-out, box-shadow var(--calcite-animation-timing) ease-in-out, outline-color var(--calcite-internal-animation-timing-fast) ease-in-out}:host button:hover,:host a:hover{text-decoration-line:none}:host button span,:host a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content{margin-inline:var(--calcite-button-content-margin-internal)}.icon-start-empty .content{margin-inline-start:unset}.icon-end-empty .content{margin-inline-end:unset}:host([scale=m]) button,:host([scale=m]) a{--calcite-button-content-margin-internal:0.75rem}:host([scale=l]) button,:host([scale=l]) a{--calcite-button-content-margin-internal:1rem}:host([width=auto]){inline-size:auto}:host([width=half]){inline-size:50%}:host([width=full]){inline-size:100%}:host([alignment=center]:not([width=auto])) a,:host([alignment=center]:not([width=auto])) button{justify-content:center}:host([alignment=start]:not([width=auto])) a,:host([alignment=start]:not([width=auto])) button{justify-content:flex-start}:host([alignment=end]:not([width=auto])) a,:host([alignment=end]:not([width=auto])) button{justify-content:flex-end}:host([alignment*=space-between]:not([width=auto])) a,:host([alignment*=space-between]:not([width=auto])) button{justify-content:space-between}:host([alignment=icon-start-space-between]:not([width=auto])) .icon--start{margin-inline-end:auto}:host([alignment=icon-start-space-between]:not([width=auto])) a,:host([alignment=icon-start-space-between]:not([width=auto])) button{text-align:unset}:host([alignment=icon-end-space-between]:not([width=auto])) .icon--end{margin-inline-start:auto}:host([alignment=icon-end-space-between]:not([width=auto])) a,:host([alignment=icon-end-space-between]:not([width=auto])) button{text-align:unset}:host([alignment=center]) a:not(.content--slotted) .icon--start+.icon--end,:host([alignment=center]) button:not(.content--slotted) .icon--start+.icon--end{margin-inline-start:var(--calcite-button-content-margin-internal)}.icon{position:relative;margin:0px;display:inline-flex;font-weight:var(--calcite-font-weight-normal);line-height:inherit}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}@keyframes loader-in{0%{inline-size:0;opacity:0;transform:scale(0.5)}100%{inline-size:1em;opacity:1;transform:scale(1)}}@keyframes loader-out{0%{inline-size:1em;opacity:1;transform:scale(1)}100%{inline-size:0;opacity:0;transform:scale(0.5)}}.calcite-button--loader{display:flex}.calcite-button--loader calcite-loader{margin:0px;transition:inline-size var(--calcite-internal-animation-timing-slow) ease-in-out, opacity var(--calcite-internal-animation-timing-slow) ease-in-out, transform var(--calcite-internal-animation-timing-slow) ease-in-out}.calcite-button--loader calcite-loader.loading-in{animation-name:loader-in;animation-duration:var(--calcite-internal-animation-timing-slow)}.calcite-button--loader calcite-loader.loading-out{animation-name:loader-out;animation-duration:var(--calcite-internal-animation-timing-slow)}:host([loading]) button.content--slotted .calcite-button--loader calcite-loader,:host([loading]) a.content--slotted .calcite-button--loader calcite-loader{margin-inline-end:var(--calcite-button-content-margin-internal)}:host([loading]) button:not(.content--slotted) .icon--start,:host([loading]) button:not(.content--slotted) .icon--end,:host([loading]) a:not(.content--slotted) .icon--start,:host([loading]) a:not(.content--slotted) .icon--end{display:none}:host([appearance]) button,:host([appearance]) a{border-width:1px;border-style:solid;border-color:transparent}:host([kind=brand]) button,:host([kind=brand]) a{background-color:var(--calcite-color-brand);color:var(--calcite-color-text-inverse)}:host([kind=brand]) button:hover,:host([kind=brand]) button:focus,:host([kind=brand]) a:hover,:host([kind=brand]) a:focus{background-color:var(--calcite-color-brand-hover)}:host([kind=brand]) button:active,:host([kind=brand]) a:active{background-color:var(--calcite-color-brand-press)}:host([kind=brand]) button calcite-loader,:host([kind=brand]) a calcite-loader{color:var(--calcite-color-text-inverse)}:host([kind=danger]) button,:host([kind=danger]) a{background-color:var(--calcite-color-status-danger);color:var(--calcite-color-text-inverse)}:host([kind=danger]) button:hover,:host([kind=danger]) button:focus,:host([kind=danger]) a:hover,:host([kind=danger]) a:focus{background-color:var(--calcite-color-status-danger-hover)}:host([kind=danger]) button:active,:host([kind=danger]) a:active{background-color:var(--calcite-color-status-danger-press)}:host([kind=danger]) button calcite-loader,:host([kind=danger]) a calcite-loader{color:var(--calcite-color-text-inverse)}:host([kind=neutral]) button,:host([kind=neutral]) a{background-color:var(--calcite-color-foreground-3);color:var(--calcite-color-text-1)}:host([kind=neutral]) button:hover,:host([kind=neutral]) button:focus,:host([kind=neutral]) a:hover,:host([kind=neutral]) a:focus{background-color:var(--calcite-color-foreground-2)}:host([kind=neutral]) button:active,:host([kind=neutral]) a:active{background-color:var(--calcite-color-foreground-1)}:host([kind=neutral]) button calcite-loader,:host([kind=neutral]) a calcite-loader{color:var(--calcite-color-text-1)}:host([kind=inverse]) button,:host([kind=inverse]) a{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse)}:host([kind=inverse]) button:hover,:host([kind=inverse]) button:focus,:host([kind=inverse]) a:hover,:host([kind=inverse]) a:focus{background-color:var(--calcite-color-inverse-hover)}:host([kind=inverse]) button:active,:host([kind=inverse]) a:active{background-color:var(--calcite-color-inverse-press)}:host([kind=inverse]) button calcite-loader,:host([kind=inverse]) a calcite-loader{color:var(--calcite-color-text-inverse)}:host([appearance=outline-fill]) button,:host([appearance=outline-fill]) a{border-width:1px;border-style:solid;background-color:var(--calcite-color-foreground-1);box-shadow:inset 0 0 0 1px transparent}:host([appearance=outline-fill][kind=brand]) button,:host([appearance=outline-fill][kind=brand]) a{border-color:var(--calcite-color-brand);background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-brand)}:host([appearance=outline-fill][kind=brand]) button:hover,:host([appearance=outline-fill][kind=brand]) a:hover{border-color:var(--calcite-color-brand-hover);color:var(--calcite-color-brand-hover);box-shadow:inset 0 0 0 1px var(--calcite-color-brand-hover)}:host([appearance=outline-fill][kind=brand]) button:focus,:host([appearance=outline-fill][kind=brand]) a:focus{border-color:var(--calcite-color-brand);color:var(--calcite-color-brand);box-shadow:inset 0 0 0 2px var(--calcite-color-brand)}:host([appearance=outline-fill][kind=brand]) button:active,:host([appearance=outline-fill][kind=brand]) a:active{border-color:var(--calcite-color-brand-press);color:var(--calcite-color-brand-press);box-shadow:inset 0 0 0 2px var(--calcite-color-brand-press)}:host([appearance=outline-fill][kind=brand]) button calcite-loader,:host([appearance=outline-fill][kind=brand]) a calcite-loader{color:var(--calcite-color-brand)}:host([appearance=outline-fill][kind=danger]) button,:host([appearance=outline-fill][kind=danger]) a{border-color:var(--calcite-color-status-danger);background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-status-danger)}:host([appearance=outline-fill][kind=danger]) button:hover,:host([appearance=outline-fill][kind=danger]) a:hover{border-color:var(--calcite-color-status-danger-hover);color:var(--calcite-color-status-danger-hover);box-shadow:inset 0 0 0 1px var(--calcite-color-status-danger-hover)}:host([appearance=outline-fill][kind=danger]) button:focus,:host([appearance=outline-fill][kind=danger]) a:focus{border-color:var(--calcite-color-status-danger);color:var(--calcite-color-status-danger);box-shadow:inset 0 0 0 2px var(--calcite-color-status-danger)}:host([appearance=outline-fill][kind=danger]) button:active,:host([appearance=outline-fill][kind=danger]) a:active{border-color:var(--calcite-color-status-danger-press);color:var(--calcite-color-status-danger-press);box-shadow:inset 0 0 0 2px var(--calcite-color-status-danger-press)}:host([appearance=outline-fill][kind=danger]) button calcite-loader,:host([appearance=outline-fill][kind=danger]) a calcite-loader{color:var(--calcite-color-status-danger)}:host([appearance=outline-fill][kind=neutral]) button,:host([appearance=outline-fill][kind=neutral]) a{background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-1);border-color:var(--calcite-color-border-1)}:host([appearance=outline-fill][kind=neutral]) button:hover,:host([appearance=outline-fill][kind=neutral]) a:hover{box-shadow:inset 0 0 0 1px var(--calcite-color-foreground-3)}:host([appearance=outline-fill][kind=neutral]) button:focus,:host([appearance=outline-fill][kind=neutral]) a:focus{box-shadow:inset 0 0 0 2px var(--calcite-color-foreground-3)}:host([appearance=outline-fill][kind=neutral]) button:active,:host([appearance=outline-fill][kind=neutral]) a:active{box-shadow:inset 0 0 0 2px var(--calcite-color-foreground-3)}:host([appearance=outline-fill][kind=neutral]) button calcite-loader,:host([appearance=outline-fill][kind=neutral]) a calcite-loader{color:var(--calcite-color-text-1)}:host([appearance=outline-fill][kind=inverse]) button,:host([appearance=outline-fill][kind=inverse]) a{background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-1);border-color:var(--calcite-color-inverse)}:host([appearance=outline-fill][kind=inverse]) button:hover,:host([appearance=outline-fill][kind=inverse]) a:hover{border-color:var(--calcite-color-inverse-hover);box-shadow:inset 0 0 0 1px var(--calcite-color-inverse-hover)}:host([appearance=outline-fill][kind=inverse]) button:focus,:host([appearance=outline-fill][kind=inverse]) a:focus{border-color:var(--calcite-color-inverse);box-shadow:inset 0 0 0 2px var(--calcite-color-inverse)}:host([appearance=outline-fill][kind=inverse]) button:active,:host([appearance=outline-fill][kind=inverse]) a:active{border-color:var(--calcite-color-inverse-press);box-shadow:inset 0 0 0 2px var(--calcite-color-inverse-press)}:host([appearance=outline-fill][kind=inverse]) button calcite-loader,:host([appearance=outline-fill][kind=inverse]) a calcite-loader{color:var(--calcite-color-text-1)}:host([appearance=outline]) button,:host([appearance=outline]) a{border-width:1px;border-style:solid;background-color:transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=outline][kind=brand]) button,:host([appearance=outline][kind=brand]) a{border-color:var(--calcite-color-brand);background-color:transparent;color:var(--calcite-color-brand)}:host([appearance=outline][kind=brand]) button:hover,:host([appearance=outline][kind=brand]) a:hover{border-color:var(--calcite-color-brand-hover);color:var(--calcite-color-brand-hover);box-shadow:inset 0 0 0 1px var(--calcite-color-brand-hover)}:host([appearance=outline][kind=brand]) button:focus,:host([appearance=outline][kind=brand]) a:focus{border-color:var(--calcite-color-brand);color:var(--calcite-color-brand);box-shadow:inset 0 0 0 2px var(--calcite-color-brand)}:host([appearance=outline][kind=brand]) button:active,:host([appearance=outline][kind=brand]) a:active{border-color:var(--calcite-color-brand-press);color:var(--calcite-color-brand-press);box-shadow:inset 0 0 0 2px var(--calcite-color-brand-press)}:host([appearance=outline][kind=brand]) button calcite-loader,:host([appearance=outline][kind=brand]) a calcite-loader{color:var(--calcite-color-brand)}:host([appearance=outline][kind=danger]) button,:host([appearance=outline][kind=danger]) a{border-color:var(--calcite-color-status-danger);background-color:transparent;color:var(--calcite-color-status-danger)}:host([appearance=outline][kind=danger]) button:hover,:host([appearance=outline][kind=danger]) a:hover{border-color:var(--calcite-color-status-danger-hover);color:var(--calcite-color-status-danger-hover);box-shadow:inset 0 0 0 1px var(--calcite-color-status-danger-hover)}:host([appearance=outline][kind=danger]) button:focus,:host([appearance=outline][kind=danger]) a:focus{border-color:var(--calcite-color-status-danger);color:var(--calcite-color-status-danger);box-shadow:inset 0 0 0 2px var(--calcite-color-status-danger)}:host([appearance=outline][kind=danger]) button:active,:host([appearance=outline][kind=danger]) a:active{border-color:var(--calcite-color-status-danger-press);color:var(--calcite-color-status-danger-press);box-shadow:inset 0 0 0 2px var(--calcite-color-status-danger-press)}:host([appearance=outline][kind=danger]) button calcite-loader,:host([appearance=outline][kind=danger]) a calcite-loader{color:var(--calcite-color-status-danger)}:host([appearance=outline][kind=neutral]) button,:host([appearance=outline][kind=neutral]) a{background-color:transparent;color:var(--calcite-color-text-1);border-color:var(--calcite-color-border-1)}:host([appearance=outline][kind=neutral]) button:hover,:host([appearance=outline][kind=neutral]) a:hover{box-shadow:inset 0 0 0 1px var(--calcite-color-foreground-3)}:host([appearance=outline][kind=neutral]) button:focus,:host([appearance=outline][kind=neutral]) a:focus{box-shadow:inset 0 0 0 2px var(--calcite-color-foreground-3)}:host([appearance=outline][kind=neutral]) button:active,:host([appearance=outline][kind=neutral]) a:active{box-shadow:inset 0 0 0 2px var(--calcite-color-foreground-3)}:host([appearance=outline][kind=neutral]) button calcite-loader,:host([appearance=outline][kind=neutral]) a calcite-loader{color:var(--calcite-color-text-1)}:host([appearance=outline][kind=inverse]) button,:host([appearance=outline][kind=inverse]) a{background-color:transparent;color:var(--calcite-color-text-1);border-color:var(--calcite-color-inverse)}:host([appearance=outline][kind=inverse]) button:hover,:host([appearance=outline][kind=inverse]) a:hover{border-color:var(--calcite-color-inverse-hover);box-shadow:inset 0 0 0 1px var(--calcite-color-inverse-hover)}:host([appearance=outline][kind=inverse]) button:focus,:host([appearance=outline][kind=inverse]) a:focus{border-color:var(--calcite-color-inverse);box-shadow:inset 0 0 0 2px var(--calcite-color-inverse)}:host([appearance=outline][kind=inverse]) button:active,:host([appearance=outline][kind=inverse]) a:active{border-color:var(--calcite-color-inverse-press);box-shadow:inset 0 0 0 2px var(--calcite-color-inverse-press)}:host([appearance=outline][kind=inverse]) button calcite-loader,:host([appearance=outline][kind=inverse]) a calcite-loader{color:var(--calcite-color-text-1)}:host([appearance=outline-fill][split-child=primary]) button,:host([appearance=outline][split-child=primary]) button{border-inline-end-width:0;border-inline-start-width:1px}:host([appearance=outline-fill][split-child=secondary]) button,:host([appearance=outline][split-child=secondary]) button{border-inline-start-width:0;border-inline-end-width:1px}:host([appearance=transparent]:not(.enable-editing-button)) button,:host([appearance=transparent]:not(.enable-editing-button)) a{background-color:transparent}:host([appearance=transparent]:not(.enable-editing-button)) button:hover,:host([appearance=transparent]:not(.enable-editing-button)) button:focus,:host([appearance=transparent]:not(.enable-editing-button)) a:hover,:host([appearance=transparent]:not(.enable-editing-button)) a:focus{background-color:var(--calcite-color-transparent-hover)}:host([appearance=transparent]:not(.enable-editing-button)) button:active,:host([appearance=transparent]:not(.enable-editing-button)) a:active{background-color:var(--calcite-color-transparent-press)}:host([appearance=transparent][kind=brand]) button,:host([appearance=transparent][kind=brand]) a{color:var(--calcite-color-brand)}:host([appearance=transparent][kind=brand]) button:hover,:host([appearance=transparent][kind=brand]) a:hover{color:var(--calcite-color-brand-hover)}:host([appearance=transparent][kind=brand]) button:focus,:host([appearance=transparent][kind=brand]) a:focus{color:var(--calcite-color-brand)}:host([appearance=transparent][kind=brand]) button:active,:host([appearance=transparent][kind=brand]) a:active{color:var(--calcite-color-brand-press)}:host([appearance=transparent][kind=brand]) button calcite-loader,:host([appearance=transparent][kind=brand]) a calcite-loader{color:var(--calcite-color-brand)}:host([appearance=transparent][kind=danger]) button,:host([appearance=transparent][kind=danger]) a{color:var(--calcite-color-status-danger)}:host([appearance=transparent][kind=danger]) button:hover,:host([appearance=transparent][kind=danger]) a:hover{color:var(--calcite-color-status-danger-hover)}:host([appearance=transparent][kind=danger]) button:focus,:host([appearance=transparent][kind=danger]) a:focus{color:var(--calcite-color-status-danger)}:host([appearance=transparent][kind=danger]) button:active,:host([appearance=transparent][kind=danger]) a:active{color:var(--calcite-color-status-danger-press)}:host([appearance=transparent][kind=danger]) button calcite-loader,:host([appearance=transparent][kind=danger]) a calcite-loader{color:var(--calcite-color-status-danger)}:host([appearance=transparent][kind=neutral]:not(.cancel-editing-button)) button,:host([appearance=transparent][kind=neutral]:not(.cancel-editing-button)) a,:host([appearance=transparent][kind=neutral]:not(.cancel-editing-button)) calcite-loader{color:var(--calcite-color-text-1)}:host([appearance=transparent][kind=neutral].cancel-editing-button) button{border-block-start-width:1px;border-block-end-width:1px;color:var(--calcite-color-text-3);border-block-start-color:var(--calcite-color-border-input);border-block-end-color:var(--calcite-color-border-input);border-block-style:solid}:host([appearance=transparent][kind=neutral].cancel-editing-button) button:not(.content--slotted){--calcite-button-padding-y-internal:0}:host([appearance=transparent][kind=neutral].cancel-editing-button) button:hover{color:var(--calcite-color-text-1)}:host([appearance=transparent][kind=neutral].enable-editing-button) button{background-color:transparent}:host(.confirm-changes-button) button:focus,:host(.cancel-editing-button) button:focus,:host(.enable-editing-button) button:focus{outline-offset:-2px}:host([appearance=transparent][kind=inverse]) button,:host([appearance=transparent][kind=inverse]) a,:host([appearance=transparent][kind=inverse]) calcite-loader{color:var(--calcite-color-text-inverse)}:host([scale=s]) button.content--slotted,:host([scale=s]) a.content--slotted{font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s][appearance=transparent]) button.content--slotted,:host([scale=s][appearance=transparent]) a.content--slotted{--calcite-button-padding-x-internal:0.5rem}:host([scale=s]) button,:host([scale=s]) a{--calcite-button-padding-y-internal:3px}:host([scale=m]) button.content--slotted,:host([scale=m]) a.content--slotted{--calcite-button-padding-x-internal:11px;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) button,:host([scale=m]) a{--calcite-button-padding-y-internal:7px}:host([scale=m][appearance=transparent]) button.content--slotted,:host([scale=m][appearance=transparent]) a.content--slotted{--calcite-button-padding-x-internal:0.75rem}:host([scale=l]) button.content--slotted,:host([scale=l]) a.content--slotted{--calcite-button-padding-x-internal:15px;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) .button-padding{--calcite-button-padding-x-internal:1rem;--calcite-button-padding-y-internal:11px}:host([scale=l]) .button-padding--shrunk{--calcite-button-padding-y-internal:9px}:host([scale=s]) button:not(.content--slotted),:host([scale=s]) a:not(.content--slotted){--calcite-button-padding-x-internal:0.125rem;--calcite-button-padding-y-internal:3px;inline-size:1.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;min-block-size:1.5rem}:host([scale=m]) button:not(.content--slotted),:host([scale=m]) a:not(.content--slotted){--calcite-button-padding-x-internal:0.125rem;--calcite-button-padding-y-internal:7px;inline-size:2rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;min-block-size:2rem}:host([scale=l]) button:not(.content--slotted),:host([scale=l]) a:not(.content--slotted){--calcite-button-padding-x-internal:0.125rem;--calcite-button-padding-y-internal:9px;inline-size:2.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;min-block-size:2.75rem}:host([scale=l][appearance=transparent]) button:not(.content--slotted),:host([scale=l][appearance=transparent]) a:not(.content--slotted){--calcite-button-padding-y-internal:0.625rem}:host([scale=s][icon-start][icon-end]) button:not(.content--slotted),:host([scale=s][icon-start][icon-end]) a:not(.content--slotted){--calcite-button-padding-x-internal:23px;block-size:1.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=s][icon-start][icon-end][appearance=transparent]) button:not(.content--slotted),:host([scale=s][icon-start][icon-end][appearance=transparent]) a:not(.content--slotted){--calcite-button-padding-x-internal:1.5rem}:host([scale=m][icon-start][icon-end]) button:not(.content--slotted),:host([scale=m][icon-start][icon-end]) a:not(.content--slotted){--calcite-button-padding-x-internal:2rem;block-size:2rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=m][icon-start][icon-end][appearance=transparent]) button:not(.content--slotted),:host([scale=m][icon-start][icon-end][appearance=transparent]) a:not(.content--slotted){--calcite-button-padding-x-internal:33px}:host([scale=l][icon-start][icon-end]) button:not(.content--slotted),:host([scale=l][icon-start][icon-end]) a:not(.content--slotted){--calcite-button-padding-x-internal:43px;block-size:2.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l][icon-start][icon-end]) button:not(.content--slotted) .icon--start+.icon--end,:host([scale=l][icon-start][icon-end]) a:not(.content--slotted) .icon--start+.icon--end{margin-inline-start:1rem}:host([scale=l][icon-start][icon-end][appearance=transparent]) button:not(.content--slotted),:host([scale=l][icon-start][icon-end][appearance=transparent]) a:not(.content--slotted){--calcite-button-padding-x-internal:2.75rem}:host([hidden]){display:none}[hidden]{display:none}`, l = /* @__PURE__ */ v(class extends g {
+  constructor() {
+    super(), this.__registerHost(), this.__attachShadow(), this.mutationObserver = i("mutation", () => this.updateHasContent()), this.resizeObserver = i("resize", () => this.setTooltipText()), this.handleClick = () => {
+      const { type: t } = this;
+      this.href || (t === "submit" ? m(this) : t === "reset" && k(this));
+    }, this.setTooltipText = () => {
+      const { contentEl: t } = this;
+      t && (this.tooltipText = t.offsetWidth < t.scrollWidth && this.el.innerText || null);
+    }, this.setChildEl = (t) => {
+      var e;
+      this.childEl = t, t && ((e = this.resizeObserver) == null || e.observe(t));
+    }, this.alignment = "center", this.appearance = "solid", this.label = void 0, this.kind = "brand", this.disabled = !1, this.form = void 0, this.download = !1, this.href = void 0, this.iconEnd = void 0, this.iconFlipRtl = void 0, this.iconStart = void 0, this.loading = !1, this.name = void 0, this.rel = void 0, this.round = !1, this.scale = "m", this.splitChild = !1, this.target = void 0, this.type = "button", this.width = "auto", this.messages = void 0, this.messageOverrides = void 0, this.hasContent = !1, this.hasLoader = !1, this.effectiveLocale = "", this.defaultMessages = void 0, this.tooltipText = void 0;
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Global attributes
+  //
+  //--------------------------------------------------------------------------
+  handleGlobalAttributesChanged() {
+    f(this);
+  }
+  loadingChanged(t, e) {
+    t && !e && (this.hasLoader = !0), !t && e && window.setTimeout(() => {
+      this.hasLoader = !1;
+    }, 300);
+  }
+  onMessagesChange() {
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  async connectedCallback() {
+    w(this), I(this), M(this), this.hasLoader = this.loading, this.setupTextContentObserver(), E(this), this.formEl = x(this);
+  }
+  disconnectedCallback() {
+    var t, e;
+    (t = this.mutationObserver) == null || t.disconnect(), y(this), L(this), R(this), A(this), (e = this.resizeObserver) == null || e.disconnect(), this.formEl = null;
+  }
+  async componentWillLoad() {
+    T(this), this.updateHasContent(), await H(this);
+  }
+  componentDidLoad() {
+    O(this), this.setTooltipText();
+  }
+  componentDidRender() {
+    C(this);
+  }
+  render() {
+    const t = this.href ? "a" : "button", e = t, o = this.hasLoader ? a("div", { class: n.buttonLoader }, a("calcite-loader", { class: this.loading ? n.loadingIn : n.loadingOut, inline: !0, label: this.messages.loading, scale: this.scale === "l" ? "m" : "s" })) : null, r = !this.iconStart && !this.iconEnd, h = a("calcite-icon", { class: { [n.icon]: !0, [n.iconStart]: !0 }, flipRtl: this.iconFlipRtl === "start" || this.iconFlipRtl === "both", icon: this.iconStart, scale: c(this.scale) }), u = a("calcite-icon", { class: { [n.icon]: !0, [n.iconEnd]: !0 }, flipRtl: this.iconFlipRtl === "end" || this.iconFlipRtl === "both", icon: this.iconEnd, scale: c(this.scale) }), p = a("span", { class: n.content, ref: (b) => this.contentEl = b }, a("slot", null));
+    return a(z, { disabled: this.disabled }, a(e, {
+      "aria-disabled": t === "a" ? B(this.disabled || this.loading) : null,
+      "aria-expanded": this.el.getAttribute("aria-expanded"),
+      "aria-label": this.loading ? this.messages.loading : S(this),
+      "aria-live": "polite",
+      class: {
+        [n.buttonPadding]: r,
+        [n.buttonPaddingShrunk]: !r,
+        [n.contentSlotted]: this.hasContent,
+        [n.iconStartEmpty]: !this.iconStart,
+        [n.iconEndEmpty]: !this.iconEnd
+      },
+      disabled: t === "button" ? this.disabled || this.loading : null,
+      download: t === "a" && (this.download === "" || this.download) ? this.download : null,
+      href: t === "a" && this.href,
+      name: t === "button" && this.name,
+      onClick: this.handleClick,
+      rel: t === "a" && this.rel,
+      tabIndex: this.disabled ? -1 : null,
+      target: t === "a" && this.target,
+      title: this.tooltipText,
+      type: t === "button" && this.type,
+      // 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.setChildEl
+    }, o, this.iconStart ? h : null, this.hasContent ? p : null, this.iconEnd ? u : null));
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Public Methods
+  //
+  //--------------------------------------------------------------------------
+  /** Sets focus on the component. */
+  async setFocus() {
+    var t;
+    await F(this), (t = this.childEl) == null || t.focus();
+  }
+  effectiveLocaleChange() {
+    j(this, this.effectiveLocale);
+  }
+  updateHasContent() {
+    var e, o;
+    const t = this.el.textContent.trim().length > 0 || this.el.childNodes.length > 0;
+    this.hasContent = this.el.childNodes.length === 1 && ((e = this.el.childNodes[0]) == null ? void 0 : e.nodeName) === "#text" ? ((o = this.el.textContent) == null ? void 0 : o.trim().length) > 0 : t;
+  }
+  setupTextContentObserver() {
+    var t;
+    (t = this.mutationObserver) == null || t.observe(this.el, { childList: !0, subtree: !0 });
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Private Methods
+  //
+  //--------------------------------------------------------------------------
+  onLabelClick() {
+    this.handleClick(), this.setFocus();
+  }
+  static get assetsDirs() {
+    return ["assets"];
+  }
+  get el() {
+    return this;
+  }
+  static get watchers() {
+    return {
+      "aria-expanded": ["handleGlobalAttributesChanged"],
+      loading: ["loadingChanged"],
+      messageOverrides: ["onMessagesChange"],
+      effectiveLocale: ["effectiveLocaleChange"]
+    };
+  }
+  static get style() {
+    return W;
+  }
+}, [1, "calcite-button", {
+  alignment: [513],
+  appearance: [513],
+  label: [1],
+  kind: [513],
+  disabled: [516],
+  form: [513],
+  download: [520],
+  href: [513],
+  iconEnd: [513, "icon-end"],
+  iconFlipRtl: [513, "icon-flip-rtl"],
+  iconStart: [513, "icon-start"],
+  loading: [516],
+  name: [513],
+  rel: [513],
+  round: [516],
+  scale: [513],
+  splitChild: [520, "split-child"],
+  target: [513],
+  type: [513],
+  width: [513],
+  messages: [1040],
+  messageOverrides: [1040],
+  hasContent: [32],
+  hasLoader: [32],
+  effectiveLocale: [32],
+  defaultMessages: [32],
+  tooltipText: [32],
+  setFocus: [64]
+}, void 0, {
+  "aria-expanded": ["handleGlobalAttributesChanged"],
+  loading: ["loadingChanged"],
+  messageOverrides: ["onMessagesChange"],
+  effectiveLocale: ["effectiveLocaleChange"]
+}]);
+function s() {
+  if (typeof customElements > "u")
+    return;
+  ["calcite-button", "calcite-icon", "calcite-loader"].forEach((t) => {
+    switch (t) {
+      case "calcite-button":
+        customElements.get(t) || customElements.define(t, l);
+        break;
+      case "calcite-icon":
+        customElements.get(t) || P();
+        break;
+      case "calcite-loader":
+        customElements.get(t) || U();
+        break;
+    }
+  });
+}
+s();
+/*!
+ * 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 et = l, nt = s;
+export {
+  et as CalciteButton,
+  nt as defineCustomElement
+};