@agrotools1/at-components 0.2.1 → 0.2.2

package/dist/action-163397e3.js

@@ -0,0 +1,198 @@
+import { aV as x, aW as y, aU as C, aT as o, aX as k } from "./index-01c737ed.js";
+import { t as f } from "./dom-b589b728.js";
+import { g as z } from "./guid-5ee54248.js";
+import { c as w, d as I, u as E, I as L } from "./interactive-aeb2cb9f.js";
+import { s as T, a as S, c as M } from "./loadable-266f324b.js";
+import { u as O, c as $, a as F, s as H, d as W, b as R } from "./t9n-c1c2b6c8.js";
+import { c as V } from "./observers-f646a6a4.js";
+import { g as j } from "./component-51a10bc0.js";
+import { d as A } from "./icon-c6e3bd23.js";
+import { d as D } from "./loader-d1ce1bc1.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 = {
+  button: "button",
+  buttonTextVisible: "button--text-visible",
+  buttonCompact: "button--compact",
+  indicatorText: "indicator-text",
+  iconContainer: "icon-container",
+  slotContainer: "slot-container",
+  slotContainerHidden: "slot-container--hidden",
+  textContainer: "text-container",
+  textContainerVisible: "text-container--visible",
+  indicatorWithIcon: "indicator-with-icon",
+  indicatorWithoutIcon: "indicator-without-icon"
+}, U = {
+  tooltip: "tooltip"
+}, _ = `: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([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:flex;background-color:transparent;--calcite-action-indicator-color:var(--calcite-color-brand);--calcite-action-color-transparent-hover:var(--calcite-color-transparent-hover);--calcite-action-color-transparent-press:var(--calcite-color-transparent-press)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.button{position:relative;margin:0px;display:flex;inline-size:auto;cursor:pointer;align-items:center;justify-content:flex-start;border-style:none;background-color:var(--calcite-color-foreground-1);fill:var(--calcite-color-text-3);font-family:var(--calcite-sans-family);font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-3);outline-color:transparent;text-align:unset;flex:1 0 auto}.button:hover{background-color:var(--calcite-color-foreground-2);fill:var(--calcite-color-text-1);color:var(--calcite-color-text-1)}.button:focus{background-color:var(--calcite-color-foreground-2);fill:var(--calcite-color-text-1);color:var(--calcite-color-text-1);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
+              )
+            )
+          )}.button:active{background-color:var(--calcite-color-foreground-3)}.button .icon-container{pointer-events:none;margin:0px;display:flex;align-items:center;justify-content:center;min-inline-size:1rem;min-block-size:1rem}.button .text-container{margin:0px;inline-size:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.5rem;opacity:0;transition-property:opacity;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-property:margin;transition-property:inline-size}.button .text-container--visible{inline-size:auto;flex:1 1 auto;opacity:1}:host([data-active]) .button{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([scale=s]) .button{padding-inline:0.5rem;padding-block:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-normal)}:host([scale=s]) .button--text-visible .icon-container{margin-inline-end:0.5rem}:host([scale=m]) .button{padding-inline:1rem;padding-block:0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem;font-weight:var(--calcite-font-weight-normal)}:host([scale=m]) .button--text-visible .icon-container{margin-inline-end:0.75rem}:host([scale=l]) .button{padding:1.25rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;font-weight:var(--calcite-font-weight-normal)}:host([scale=l]) .button--text-visible .icon-container{margin-inline-end:1rem}:host([alignment=center]) .button{justify-content:center}:host([alignment=end]) .button{justify-content:flex-end}:host([alignment=center]) .button .text-container--visible,:host([alignment=end]) .button .text-container--visible{flex:0 1 auto}:host([scale=s][compact]) .button,:host([scale=m][compact]) .button,:host([scale=l][compact]) .button{padding-inline:0px}.slot-container{display:flex}.slot-container--hidden{display:none}.button--text-visible{inline-size:100%}:host([active]) .button,:host([active]) .button:hover,:host([active]) .button:focus,:host([active][loading]) .button{background-color:var(--calcite-color-foreground-3);fill:var(--calcite-color-text-1);color:var(--calcite-color-text-1)}:host([active]) .button:active{background-color:var(--calcite-color-foreground-1)}:host([appearance=transparent]) .button{background-color:transparent}:host([appearance=transparent][active]) .button,:host([appearance=transparent]) .button:hover,:host([appearance=transparent]) .button:focus{background-color:var(--calcite-action-color-transparent-hover)}:host([appearance=transparent]) .button:active{background-color:var(--calcite-action-color-transparent-press)}:host([appearance=transparent][disabled]) .button{background-color:transparent}:host([loading][appearance=solid]) .button,:host([loading][appearance=solid]) .button:hover,:host([loading][appearance=solid]) .button:focus{background-color:var(--calcite-color-foreground-1)}:host([loading][appearance=solid]) .button .text-container,:host([loading][appearance=solid]) .button:hover .text-container,:host([loading][appearance=solid]) .button:focus .text-container{opacity:var(--calcite-opacity-disabled)}:host([loading]) calcite-loader[inline]{color:var(--calcite-color-text-3);margin-inline-end:0px}:host([disabled]) .button,:host([disabled]) .button:hover,:host([disabled]) .button:focus{cursor:default;background-color:var(--calcite-color-foreground-1);opacity:var(--calcite-opacity-disabled)}:host([disabled][active]) .button,:host([disabled][active]) .button:hover,:host([disabled][active]) .button:focus{background-color:var(--calcite-color-foreground-3);opacity:var(--calcite-opacity-disabled)}:host([appearance=transparent]) .button{background-color:transparent;transition-property:box-shadow;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.indicator-with-icon{position:relative}.indicator-with-icon::after{content:"";position:absolute;block-size:0.5rem;inline-size:0.5rem;border-radius:9999px;inset-block-end:-0.275rem;inset-inline-end:-0.275rem;background-color:var(--calcite-action-indicator-color)}.indicator-without-icon{margin-inline:0.25rem;inline-size:1rem;position:relative}.indicator-without-icon::after{content:"";position:absolute;block-size:0.5rem;inline-size:0.5rem;border-radius:9999px;inset-block-end:-0.275rem;inset-inline-end:-0.275rem;background-color:var(--calcite-action-indicator-color)}.indicator-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}:host([hidden]){display:none}[hidden]{display:none}`, B = /* @__PURE__ */ x(class extends y {
+  constructor() {
+    super(), this.__registerHost(), this.__attachShadow(), this.mutationObserver = V("mutation", () => C(this)), this.guid = `calcite-action-${z()}`, this.indicatorId = `${this.guid}-indicator`, this.buttonId = `${this.guid}-button`, this.handleTooltipSlotChange = (t) => {
+      const e = t.target.assignedElements({
+        flatten: !0
+      }).filter((a) => a == null ? void 0 : a.matches("calcite-tooltip"))[0];
+      e && (e.referenceElement = this.buttonEl);
+    }, this.active = !1, this.alignment = void 0, this.appearance = "solid", this.compact = !1, this.disabled = !1, this.icon = void 0, this.iconFlipRtl = !1, this.indicator = !1, this.label = void 0, this.loading = !1, this.scale = "m", this.text = void 0, this.textEnabled = !1, this.messages = void 0, this.messageOverrides = void 0, this.effectiveLocale = "", this.defaultMessages = void 0;
+  }
+  onMessagesChange() {
+  }
+  effectiveLocaleChange() {
+    O(this, this.effectiveLocale);
+  }
+  // --------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  // --------------------------------------------------------------------------
+  connectedCallback() {
+    var t;
+    w(this), $(this), F(this), (t = this.mutationObserver) == null || t.observe(this.el, { childList: !0, subtree: !0 });
+  }
+  async componentWillLoad() {
+    T(this), await H(this);
+  }
+  componentDidLoad() {
+    S(this);
+  }
+  disconnectedCallback() {
+    var t;
+    I(this), W(this), R(this), (t = this.mutationObserver) == null || t.disconnect();
+  }
+  componentDidRender() {
+    E(this);
+  }
+  // --------------------------------------------------------------------------
+  //
+  //  Methods
+  //
+  // --------------------------------------------------------------------------
+  /** Sets focus on the component. */
+  async setFocus() {
+    var t;
+    await M(this), (t = this.buttonEl) == null || t.focus();
+  }
+  // --------------------------------------------------------------------------
+  //
+  //  Render Methods
+  //
+  // --------------------------------------------------------------------------
+  renderTextContainer() {
+    const { text: t, textEnabled: i } = this, e = {
+      [n.textContainer]: !0,
+      [n.textContainerVisible]: i
+    };
+    return t ? o("div", { class: e, key: "text-container" }, t) : null;
+  }
+  renderIndicatorText() {
+    const { indicator: t, messages: i, indicatorId: e, buttonId: a } = this;
+    return o("div", { "aria-labelledby": a, "aria-live": "polite", class: n.indicatorText, id: e, role: "region" }, t ? i.indicator : null);
+  }
+  renderIconContainer() {
+    var s;
+    const { loading: t, icon: i, scale: e, el: a, iconFlipRtl: l, indicator: d } = this, u = e === "l" ? "l" : "m", h = t ? o("calcite-loader", { inline: !0, label: this.messages.loading, scale: u }) : null, c = i ? o("calcite-icon", { class: { [n.indicatorWithIcon]: d }, flipRtl: l, icon: i, scale: j(this.scale) }) : null, r = h || c, b = r || ((s = a.children) == null ? void 0 : s.length), p = o("div", { class: {
+      [n.slotContainer]: !0,
+      [n.slotContainerHidden]: t
+    } }, o("slot", null));
+    return b ? o("div", { "aria-hidden": "true", class: n.iconContainer, key: "icon-container" }, r, p) : null;
+  }
+  render() {
+    const { active: t, compact: i, disabled: e, icon: a, loading: l, textEnabled: d, label: u, text: h, indicator: c, indicatorId: r, buttonId: b, messages: p } = this, s = `${u || h}${c ? ` (${p.indicator})` : ""}`, g = {
+      [n.button]: !0,
+      [n.buttonTextVisible]: d,
+      [n.buttonCompact]: i
+    };
+    return o(k, null, o(L, { disabled: e }, o("button", {
+      "aria-busy": f(l),
+      "aria-controls": c ? r : null,
+      "aria-disabled": f(e),
+      "aria-label": s,
+      "aria-pressed": f(t),
+      class: g,
+      disabled: e,
+      id: b,
+      // 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: (v) => this.buttonEl = v
+    }, this.renderIconContainer(), this.renderTextContainer(), !a && c && o("div", { class: n.indicatorWithoutIcon, key: "indicator-no-icon" })), o("slot", { name: U.tooltip, onSlotchange: this.handleTooltipSlotChange }), this.renderIndicatorText()));
+  }
+  static get assetsDirs() {
+    return ["assets"];
+  }
+  get el() {
+    return this;
+  }
+  static get watchers() {
+    return {
+      messageOverrides: ["onMessagesChange"],
+      effectiveLocale: ["effectiveLocaleChange"]
+    };
+  }
+  static get style() {
+    return _;
+  }
+}, [1, "calcite-action", {
+  active: [516],
+  alignment: [513],
+  appearance: [513],
+  compact: [516],
+  disabled: [516],
+  icon: [1],
+  iconFlipRtl: [516, "icon-flip-rtl"],
+  indicator: [516],
+  label: [1],
+  loading: [516],
+  scale: [513],
+  text: [1],
+  textEnabled: [516, "text-enabled"],
+  messages: [1040],
+  messageOverrides: [1040],
+  effectiveLocale: [32],
+  defaultMessages: [32],
+  setFocus: [64]
+}, void 0, {
+  messageOverrides: ["onMessagesChange"],
+  effectiveLocale: ["effectiveLocaleChange"]
+}]);
+function X() {
+  if (typeof customElements > "u")
+    return;
+  ["calcite-action", "calcite-icon", "calcite-loader"].forEach((t) => {
+    switch (t) {
+      case "calcite-action":
+        customElements.get(t) || customElements.define(t, B);
+        break;
+      case "calcite-icon":
+        customElements.get(t) || A();
+        break;
+      case "calcite-loader":
+        customElements.get(t) || D();
+        break;
+    }
+  });
+}
+X();
+export {
+  B as A,
+  X as d
+};

package/dist/action-group-4859fb97.js

@@ -0,0 +1,145 @@
+import { aV as d, aW as m, aT as t } from "./index-01c737ed.js";
+import { c as p, d as h } from "./conditionalSlot-87175989.js";
+import { c as g, s as f, a as b } from "./loadable-266f324b.js";
+import { u as x, c as v, a as C, d as y, b as M, s as E } from "./t9n-c1c2b6c8.js";
+import { d as L, a as O, S as s } from "./action-menu-2d70b2fc.js";
+import { a as S } from "./dom-b589b728.js";
+import { d as A } from "./action-163397e3.js";
+import { d as k } from "./icon-c6e3bd23.js";
+import { d as z } from "./loader-d1ce1bc1.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 = {
+  menuActions: "menu-actions",
+  menuTooltip: "menu-tooltip"
+}, w = {
+  menu: "ellipsis"
+}, H = {
+  container: "container"
+}, $ = ':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{display:flex;flex-direction:column;padding:0px;--calcite-action-group-columns:3;--calcite-action-group-gap:1px;--calcite-action-group-padding:1px}.container{display:flex;flex-grow:1;flex-direction:column}:host([columns="1"]){--calcite-action-group-columns:1}:host([columns="2"]){--calcite-action-group-columns:2}:host([columns="3"]){--calcite-action-group-columns:3}:host([columns="4"]){--calcite-action-group-columns:4}:host([columns="5"]){--calcite-action-group-columns:5}:host([columns="6"]){--calcite-action-group-columns:6}:host(:first-child){padding-block-start:0px}:host([layout=horizontal]),:host([layout=horizontal]) .container{flex-direction:row}:host([layout=grid]){display:grid}:host([layout=grid]) .container{display:grid;place-content:stretch;background-color:var(--calcite-color-background);gap:var(--calcite-action-group-gap);padding:var(--calcite-action-group-gap);grid-template-columns:repeat(var(--calcite-action-group-columns), auto)}:host([hidden]){display:none}[hidden]{display:none}', P = /* @__PURE__ */ d(class extends m {
+  constructor() {
+    super(), this.__registerHost(), this.__attachShadow(), this.setMenuOpen = (e) => {
+      this.menuOpen = !!e.target.open;
+    }, this.handleMenuActionsSlotChange = (e) => {
+      this.hasMenuActions = S(e);
+    }, this.expanded = !1, this.label = void 0, this.layout = "vertical", this.columns = void 0, this.menuOpen = !1, this.overlayPositioning = "absolute", this.scale = void 0, this.messages = void 0, this.messageOverrides = void 0, this.effectiveLocale = "", this.defaultMessages = void 0, this.hasMenuActions = !1;
+  }
+  expandedHandler() {
+    this.menuOpen = !1;
+  }
+  onMessagesChange() {
+  }
+  effectiveLocaleChange() {
+    x(this, this.effectiveLocale);
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Public Methods
+  //
+  //--------------------------------------------------------------------------
+  /** Sets focus on the component's first focusable element. */
+  async setFocus() {
+    await g(this), this.el.focus();
+  }
+  // --------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  // --------------------------------------------------------------------------
+  connectedCallback() {
+    v(this), C(this), p(this);
+  }
+  disconnectedCallback() {
+    y(this), M(this), h(this);
+  }
+  async componentWillLoad() {
+    f(this), await E(this);
+  }
+  componentDidLoad() {
+    b(this);
+  }
+  // --------------------------------------------------------------------------
+  //
+  //  Component Methods
+  //
+  // --------------------------------------------------------------------------
+  renderMenu() {
+    const { expanded: e, menuOpen: c, scale: o, layout: l, messages: n, overlayPositioning: r, hasMenuActions: u } = this;
+    return t("calcite-action-menu", { expanded: e, flipPlacements: ["left", "right"], hidden: !u, label: n.more, onCalciteActionMenuOpen: this.setMenuOpen, open: c, overlayPositioning: r, placement: l === "horizontal" ? "bottom-start" : "leading-start", scale: o }, t("calcite-action", { icon: w.menu, scale: o, slot: s.trigger, text: n.more, textEnabled: e }), t("slot", { name: a.menuActions, onSlotchange: this.handleMenuActionsSlotChange }), t("slot", { name: a.menuTooltip, slot: s.tooltip }));
+  }
+  render() {
+    return t("div", { "aria-label": this.label, class: H.container, role: "group" }, t("slot", null), this.renderMenu());
+  }
+  static get delegatesFocus() {
+    return !0;
+  }
+  static get assetsDirs() {
+    return ["assets"];
+  }
+  get el() {
+    return this;
+  }
+  static get watchers() {
+    return {
+      expanded: ["expandedHandler"],
+      messageOverrides: ["onMessagesChange"],
+      effectiveLocale: ["effectiveLocaleChange"]
+    };
+  }
+  static get style() {
+    return $;
+  }
+}, [17, "calcite-action-group", {
+  expanded: [516],
+  label: [1],
+  layout: [513],
+  columns: [514],
+  menuOpen: [1540, "menu-open"],
+  overlayPositioning: [513, "overlay-positioning"],
+  scale: [513],
+  messages: [1040],
+  messageOverrides: [1040],
+  effectiveLocale: [32],
+  defaultMessages: [32],
+  hasMenuActions: [32],
+  setFocus: [64]
+}, void 0, {
+  expanded: ["expandedHandler"],
+  messageOverrides: ["onMessagesChange"],
+  effectiveLocale: ["effectiveLocaleChange"]
+}]);
+function T() {
+  if (typeof customElements > "u")
+    return;
+  ["calcite-action-group", "calcite-action", "calcite-action-menu", "calcite-icon", "calcite-loader", "calcite-popover"].forEach((e) => {
+    switch (e) {
+      case "calcite-action-group":
+        customElements.get(e) || customElements.define(e, P);
+        break;
+      case "calcite-action":
+        customElements.get(e) || A();
+        break;
+      case "calcite-action-menu":
+        customElements.get(e) || O();
+        break;
+      case "calcite-icon":
+        customElements.get(e) || k();
+        break;
+      case "calcite-loader":
+        customElements.get(e) || z();
+        break;
+      case "calcite-popover":
+        customElements.get(e) || L();
+        break;
+    }
+  });
+}
+T();
+export {
+  P as A,
+  a as S,
+  T as d
+};