@ganpatiinfo/gids-core-web 20.0.0 → 21.0.0

package/dist-bundled/es/p-kWyyLyT3-DhHcKhR9.js

@@ -0,0 +1,267 @@
+import { D as i, q as k, L as w, u as A, P as q } from "./p-B4hcsDH0-CPqEc-vc.js";
+import { p as R } from "./p-CcKHKwS0-Bw63tTOA.js";
+import { o as N } from "./p-BsC3-MVH-j4fPhip5.js";
+import { g as x, d as T } from "./p-iQRr_fAH-ClfWEu03.js";
+import { i as O } from "./p-DZ1ZcTMe-tnPOECry.js";
+import { s as y } from "./p-BkxmRN-4-DSiXCW8b.js";
+import { h as D } from "./p-DpvdbdZ--C7QlXxK2.js";
+import { c as v } from "./clsx-OuTLNxxd.js";
+const j = (e) => v("gids-checkbox", e), G = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsCheckboxClassNames: j
+}, Symbol.toStringTag, { value: "Module" })), E = (e) => v("gids-radio-control", e), F = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsRadioControlClassNames: E
+}, Symbol.toStringTag, { value: "Module" })), z = (e) => v("gids-radio", e), L = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsRadioClassNames: z
+}, Symbol.toStringTag, { value: "Module" })), $ = ({ selected: e, appearance: s, selectionAppearance: t }, n) => v("gids-sidebar-menu-item", {
+  // Appearances
+  // 'gids-sidebar-menu-item--appearance-default':
+  // 	appearance === 'default' && !selected, // Default so not needed
+  "gids-sidebar-menu-item--appearance-primary": s === "primary" && !e,
+  "gids-sidebar-menu-item--appearance-subtle": s === "subtle" && !e,
+  "gids-sidebar-menu-item--appearance-positive": s === "positive" && !e,
+  "gids-sidebar-menu-item--appearance-danger": s === "danger" && !e,
+  "gids-sidebar-menu-item--appearance-information": s === "information" && !e,
+  "gids-sidebar-menu-item--appearance-warning": s === "warning" && !e,
+  // Selection Appearances
+  "gids-sidebar-menu-item--selection-appearance-default": t === "default" && e,
+  "gids-sidebar-menu-item--selection-appearance-primary": t === "primary" && e,
+  "gids-sidebar-menu-item--selection-appearance-subtle": t === "subtle" && e,
+  "gids-sidebar-menu-item--selection-appearance-positive": t === "positive" && e,
+  "gids-sidebar-menu-item--selection-appearance-danger": t === "danger" && e,
+  "gids-sidebar-menu-item--selection-appearance-information": t === "information" && e,
+  "gids-sidebar-menu-item--selection-appearance-warning": t === "warning" && e
+}, n), V = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsSidebarMenuItemClassNames: $
+}, Symbol.toStringTag, { value: "Module" })), W = (e) => v("gids-sidebar-menu", e), H = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsSidebarMenuClassNames: W
+}, Symbol.toStringTag, { value: "Module" })), U = ({ appearance: e, size: s, type: t }, n) => v("gids-status-tag", {
+  // appearances
+  "gids-status-tag--subtle": e === "subtle",
+  "gids-status-tag--bold": e === "bold",
+  // sizes
+  "gids-status-tag--xs": s === "xs",
+  // 'gids-status-tag--sm': size === 'sm', // default to sm
+  "gids-status-tag--md": s === "md",
+  "gids-status-tag--lg": s === "lg",
+  // subtlest types
+  "gids-status-tag--subtlest-new": t === "new" && e === "subtlest",
+  "gids-status-tag--subtlest-archived": t === "archived" && e === "subtlest",
+  "gids-status-tag--subtlest-cancelled": t === "cancelled" && e === "subtlest",
+  "gids-status-tag--subtlest-draft": t === "draft" && e === "subtlest",
+  "gids-status-tag--subtlest-failed": t === "failed" && e === "subtlest",
+  "gids-status-tag--subtlest-in-progress": t === "in-progress" && e === "subtlest",
+  "gids-status-tag--subtlest-information": t === "information" && e === "subtlest",
+  "gids-status-tag--subtlest-not-started": t === "not-started" && e === "subtlest",
+  "gids-status-tag--subtlest-paused": t === "paused" && e === "subtlest",
+  "gids-status-tag--subtlest-pending": t === "pending" && e === "subtlest",
+  "gids-status-tag--subtlest-scheduled": t === "scheduled" && e === "subtlest",
+  "gids-status-tag--subtlest-success": t === "success" && e === "subtlest",
+  "gids-status-tag--subtlest-synced": t === "synced" && e === "subtlest",
+  "gids-status-tag--subtlest-syncing": t === "syncing" && e === "subtlest",
+  "gids-status-tag--subtlest-unknown": t === "unknown" && e === "subtlest",
+  "gids-status-tag--subtlest-verified": t === "verified" && e === "subtlest",
+  "gids-status-tag--subtlest-warning": t === "warning" && e === "subtlest",
+  // subtle types
+  "gids-status-tag--subtle-new": t === "new" && e === "subtle",
+  "gids-status-tag--subtle-archived": t === "archived" && e === "subtle",
+  "gids-status-tag--subtle-cancelled": t === "cancelled" && e === "subtle",
+  "gids-status-tag--subtle-draft": t === "draft" && e === "subtle",
+  "gids-status-tag--subtle-failed": t === "failed" && e === "subtle",
+  "gids-status-tag--subtle-in-progress": t === "in-progress" && e === "subtle",
+  "gids-status-tag--subtle-information": t === "information" && e === "subtle",
+  "gids-status-tag--subtle-not-started": t === "not-started" && e === "subtle",
+  "gids-status-tag--subtle-paused": t === "paused" && e === "subtle",
+  "gids-status-tag--subtle-pending": t === "pending" && e === "subtle",
+  "gids-status-tag--subtle-scheduled": t === "scheduled" && e === "subtle",
+  "gids-status-tag--subtle-success": t === "success" && e === "subtle",
+  "gids-status-tag--subtle-synced": t === "synced" && e === "subtle",
+  "gids-status-tag--subtle-syncing": t === "syncing" && e === "subtle",
+  "gids-status-tag--subtle-unknown": t === "unknown" && e === "subtle",
+  "gids-status-tag--subtle-verified": t === "verified" && e === "subtle",
+  "gids-status-tag--subtle-warning": t === "warning" && e === "subtle",
+  // bold types
+  "gids-status-tag--bold-new": t === "new" && e === "bold",
+  "gids-status-tag--bold-archived": t === "archived" && e === "bold",
+  "gids-status-tag--bold-cancelled": t === "cancelled" && e === "bold",
+  "gids-status-tag--bold-draft": t === "draft" && e === "bold",
+  "gids-status-tag--bold-failed": t === "failed" && e === "bold",
+  "gids-status-tag--bold-in-progress": t === "in-progress" && e === "bold",
+  "gids-status-tag--bold-information": t === "information" && e === "bold",
+  "gids-status-tag--bold-not-started": t === "not-started" && e === "bold",
+  "gids-status-tag--bold-paused": t === "paused" && e === "bold",
+  "gids-status-tag--bold-pending": t === "pending" && e === "bold",
+  "gids-status-tag--bold-scheduled": t === "scheduled" && e === "bold",
+  "gids-status-tag--bold-success": t === "success" && e === "bold",
+  "gids-status-tag--bold-synced": t === "synced" && e === "bold",
+  "gids-status-tag--bold-syncing": t === "syncing" && e === "bold",
+  "gids-status-tag--bold-unknown": t === "unknown" && e === "bold",
+  "gids-status-tag--bold-verified": t === "verified" && e === "bold",
+  "gids-status-tag--bold-warning": t === "warning" && e === "bold"
+}, n), B = (e) => {
+  if (!e)
+    return "new";
+  switch (e) {
+    case "archived":
+      return "archive";
+    case "cancelled":
+      return "cross";
+    // this needs to be changed with `remove`
+    case "draft":
+      return "draft";
+    // this needs to be changed with `draft`
+    case "failed":
+      return "danger";
+    case "in-progress":
+      return "in-progress";
+    // this needs to be changed with either `in-progress` or `ongoing`
+    case "information":
+      return "information";
+    case "not-started":
+      return "new";
+    case "paused":
+      return "pause";
+    case "pending":
+      return "pending";
+    // this needs to be changed with `pending`
+    case "scheduled":
+      return "time";
+    case "success":
+      return "positive";
+    case "synced":
+      return "syncing";
+    // this needs to be changed with `synced`
+    case "syncing":
+      return "syncing";
+    // this needs to be changed with `syncing`
+    case "unknown":
+      return "question";
+    // this needs to be changed with either `help` or `support`
+    case "verified":
+      return "verified";
+    case "warning":
+      return "warning";
+    default:
+      return "new";
+  }
+}, J = (e) => e ? e.split("-").map((n, d) => d === 0 && n ? n.charAt(0).toUpperCase() + n.slice(1) : n).join(" ") : void 0, K = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsStatusTagClassNames: U,
+  getStatusTagIconName: B,
+  getStatusTagText: J
+}, Symbol.toStringTag, { value: "Module" })), { getGidsStatusTagClassNames: Q, getStatusTagIconName: X, getStatusTagText: Y } = K, Z = ({ type: e = "new", appearance: s = "subtlest", size: t = "sm", class: n }) => i("div", { class: Q({ type: e, size: t, appearance: s }, n) }, i(T, { name: X(e), appearance: "filled" }), i("label", null, Y(e))), { getGidsCheckboxClassNames: ee } = G, te = ({ fieldRequirement: e, fieldRequirementOptionalText: s, fieldRequirementRequiredText: t, info: n, labelId: d, checked: a, defaultChecked: r, disabled: l, indeterminate: c, inputId: g, name: m, value: o, required: I, onChange: u, class: h, ...b }, S) => {
+  const f = g ?? x();
+  return i("div", { class: ee(h), ...b }, i(O, { checked: a, defaultChecked: r, disabled: l, indeterminate: c, inputId: f, name: m, value: o, required: I, onChange: u }), i(y, { disabled: l, fieldRequirement: e, fieldRequirementOptionalText: s, fieldRequirementRequiredText: t, labelId: d, htmlFor: f, info: n }, S));
+}, { getGidsRadioControlClassNames: se } = F, ie = ({ checked: e, defaultChecked: s, disabled: t, inputId: n, name: d, value: a, onChange: r, class: l, ...c }) => i("span", { class: se(l), ...c }, i("input", { class: "gids-radio-control__input", type: "radio", disabled: t, checked: e, defaultChecked: s, value: a, id: n, name: d, onChange: r }), i("span", { class: "gids-radio-control__check" })), { getGidsRadioClassNames: ne } = L, de = ({ fieldRequirement: e, fieldRequirementOptionalText: s, fieldRequirementRequiredText: t, info: n, labelId: d, checked: a, defaultChecked: r, disabled: l, inputId: c, name: g, value: m, onChange: o, class: I, ...u }, h) => {
+  const b = c ?? x();
+  return i("div", { class: ne(I), ...u }, i(ie, { checked: a, defaultChecked: r, disabled: l, inputId: b, name: g, value: m, onChange: o }), i(y, { disabled: l, fieldRequirement: e, fieldRequirementOptionalText: s, fieldRequirementRequiredText: t, labelId: d, htmlFor: b, info: n }, h));
+}, { getGidsSidebarMenuItemClassNames: ae } = V, le = ({ id: e = "sidebar-menu-item", appearance: s = "default", selectionAppearance: t = "subtle", leadingLabel: n, leadingSupportingText: d, trailingLabel: a, trailingSupportingText: r, leadingIcon: l, trailingIcon: c, leadingAccessory: g, trailingAccessory: m, selected: o, disabled: I, onPressSidebarMenuItem: u, class: h }) => {
+  const b = n && n !== "", S = d && d !== "", f = a && a !== "", p = r && r !== "", C = b || S, _ = f || p, M = C || _;
+  return i("button", { type: "button", id: e, "data-appearance": s, "data-selected": o ? "true" : "false", disabled: I, class: ae({ selected: o, appearance: s, selectionAppearance: t }, h), onClick: (P) => {
+    u && u({ originalEvent: P, sidebarMenuItemId: e, selected: !o });
+  } }, l || g ? i("div", { class: "gids-sidebar-menu-item__leading-accessory-content" }, l, g) : void 0, M ? i("div", { class: "gids-sidebar-menu-item__content" }, C ? i("div", { class: "gids-sidebar-menu-item__leading-content" }, b ? i("span", { class: "gids-sidebar-menu-item__label-content" }, n) : void 0, S ? i("p", { class: "gids-sidebar-menu-item__support-content" }, d) : void 0) : void 0, _ ? i("div", { class: "gids-sidebar-menu-item__trailing-content" }, f ? i("span", { class: "gids-sidebar-menu-item__label-content" }, a) : void 0, p ? i("p", { class: "gids-sidebar-menu-item__support-content" }, r) : void 0) : void 0) : void 0, c || m ? i("div", { class: "gids-sidebar-menu-item__trailing-accessory-content" }, m, c) : void 0);
+}, { getGidsSidebarMenuClassNames: re } = H, oe = w(class extends A {
+  constructor(e) {
+    super(), e !== !1 && this.__registerHost(), this.id = "sidebar-menu", this.sidebarMenuItemAppearance = "subtle", this.sidebarMenuItemSelectionAppearance = "default", this.placement = "right-end", this.constrainPlacements = ["bottom", "left", "right", "left-start", "left-end", "right-start", "right-end", "top"], this.selectedSectionIdState = void 0, this.selectedItemIdState = void 0, this.onSidebarMenuItemPress = ({ menuItem: s, itemIndex: t, sectionIndex: n, event: d }) => {
+      if (s) {
+        const a = (this?.menuData ?? [])[n];
+        (a?.menuItems ?? []).length > 0 && !this.isMenuItemSelected({ sectionId: a?.sectionId, itemId: s.id }) && (this.selectedSectionIdState = a?.sectionId, this.selectedItemIdState = s.id, this.onSidebarMenuChange && this.onSidebarMenuChange({ originalEvent: d?.originalEvent, sidebarMenuItemId: d.sidebarMenuItemId, selected: d?.selected, sidebarMenuItemSectionId: a?.sectionId ?? "", sidebarMenuItemSectionIndex: n, sidebarMenuItemIndex: t, sidebarMenuId: this.id }));
+      }
+      this.flyoutPanelElement?.closeFlyoutPanel();
+    }, this.isMenuItemSelected = ({ sectionId: s, itemId: t }) => {
+      const n = this?.selectedSectionIdState, d = this?.selectedItemIdState;
+      return n === s && d === t;
+    }, this.isValidMenu = () => !!(this?.menuData && this.menuData.length > 0 && this.menuData[0]?.menuItems && this.menuData[0].menuItems.length > 0), this.renderAccessory = ({ accessoryType: s, accessory: t }) => {
+      switch (s) {
+        case "badge":
+          return i(R, { ...t?.badgeProps });
+        case "display-tag":
+          return i(N, { ...t?.displayTagProps, label: t?.displayTagProps?.label ?? "", color: t?.displayTagProps?.color ?? "accent-1", icon: t?.displayTagProps?.iconName ? i(T, { name: t.displayTagProps.iconName, appearance: t?.displayTagProps?.iconAppearance ?? "regular", size: t?.displayTagProps?.iconSize ?? "md", alt: t?.displayTagProps?.iconAlt }) : void 0 });
+        case "status-tag":
+          return i(Z, { ...t?.statusTagProps });
+        case "checkbox":
+          return i(te, { checked: t?.checkboxProps?.checked, disabled: t?.checkboxProps?.disabled, indeterminate: t?.checkboxProps?.indeterminate }, t?.checkboxProps?.label);
+        case "radio":
+          return i(de, { checked: t?.radioProps?.checked, disabled: t?.radioProps?.disabled }, t?.radioProps?.label);
+        default:
+          return;
+      }
+    }, this.renderIcon = (s) => s?.name ? i(T, { name: s.name, appearance: s?.appearance ?? "regular", size: s?.size ?? "md", alt: s?.alt }) : void 0;
+  }
+  idChanged(e) {
+    this.id = e;
+  }
+  sidebarMenuItemAppearanceChanged(e) {
+    this.sidebarMenuItemAppearance = e;
+  }
+  sidebarMenuItemSelectionAppearanceChanged(e) {
+    this.sidebarMenuItemSelectionAppearance = e;
+  }
+  selectedSectionIdChanged(e) {
+    this.selectedSectionId = e, this.selectedSectionIdState = e;
+  }
+  selectedItemIdChanged(e) {
+    this.selectedItemId = e, this.selectedItemIdState = e;
+  }
+  placementChanged(e) {
+    this.placement = e;
+  }
+  constrainPlacementsChanged(e) {
+    this.constrainPlacements = e;
+  }
+  htmlForChanged(e) {
+    this.htmlFor = e;
+  }
+  menuDataChanged(e) {
+    this.menuData = e;
+  }
+  connectedCallback() {
+    this.selectedSectionIdState = this.selectedSectionId, this.selectedItemIdState = this.selectedItemId;
+  }
+  componentDidRender() {
+    this.flyoutPanelElement = this.hostElement.querySelector("gids-flyout-panel") ?? void 0;
+  }
+  render() {
+    const e = this.id, s = this?.sidebarMenuItemAppearance ?? "subtle", t = this?.sidebarMenuItemSelectionAppearance ?? "default", n = this?.placement ?? "right", d = this?.constrainPlacements && this.constrainPlacements.length > 0 ? this.constrainPlacements : ["bottom", "left", "right", "top", "left-start", "left-end", "right-start", "right-end"], a = this.htmlFor, r = this?.menuData ?? [], l = this.isValidMenu(), c = re();
+    return i(q, { key: "18caea43f2a18e876e094176ee144ece86e0eeec", id: e, class: c }, l ? i("gids-flyout-panel", { htmlFor: a, constrainPlacements: d, placement: n }, r.map(((g, m) => {
+      const o = g?.sectionLabel, I = g?.menuItems ?? [];
+      return i("div", { key: `${m + 1}`, class: "gids-sidebar-menu__container" }, o && o !== "" ? i("h3", null, o) : void 0, i("div", { class: "gids-sidebar-menu__item-container" }, I.map(((u, h) => {
+        const { leadingAccessoryType: b, leadingAccessory: S, trailingAccessoryType: f, trailingAccessory: p, leadingIconProps: C, trailingIconProps: _, ...M } = u;
+        return i(le, { key: `${h + 1}`, ...M, id: u.id, appearance: s, selectionAppearance: t, selected: this.isMenuItemSelected({ sectionId: g?.sectionId, itemId: u.id }), leadingAccessory: this.renderAccessory({ accessoryType: b, accessory: S }), trailingAccessory: this.renderAccessory({ accessoryType: f, accessory: p }), leadingIcon: this.renderIcon(C), trailingIcon: this.renderIcon(_), onPressSidebarMenuItem: (P) => this.onSidebarMenuItemPress({ menuItem: u, sectionIndex: m, itemIndex: h, event: P }) });
+      }))));
+    }))) : void 0);
+  }
+  get hostElement() {
+    return this;
+  }
+  static get watchers() {
+    return { id: [{ idChanged: 0 }], sidebarMenuItemAppearance: [{ sidebarMenuItemAppearanceChanged: 0 }], sidebarMenuItemSelectionAppearance: [{ sidebarMenuItemSelectionAppearanceChanged: 0 }], selectedSectionId: [{ selectedSectionIdChanged: 0 }], selectedItemId: [{ selectedItemIdChanged: 0 }], placement: [{ placementChanged: 0 }], constrainPlacements: [{ constrainPlacementsChanged: 0 }], htmlFor: [{ htmlForChanged: 0 }], menuData: [{ menuDataChanged: 0 }] };
+  }
+  static get style() {
+    return ".gids-sidebar-menu__container{display:flex;flex-direction:column;gap:var(--gids-gap-200);width:100%;padding:var(--gids-padding-vertical-edge-to-element-150) var(--gids-padding-horizontal-edge-to-element-200)}.gids-sidebar-menu__item-container{display:flex;flex-direction:column;gap:var(--gids-gap-150)}";
+  }
+}, [0, "gids-sidebar-menu", { id: [1], sidebarMenuItemAppearance: [1, "sidebar-menu-item-appearance"], sidebarMenuItemSelectionAppearance: [1, "sidebar-menu-item-selection-appearance"], selectedSectionId: [1, "selected-section-id"], selectedItemId: [1, "selected-item-id"], placement: [1], constrainPlacements: [16], htmlFor: [1, "html-for"], menuData: [16], onSidebarMenuChange: [16], selectedSectionIdState: [32], selectedItemIdState: [32] }, void 0, { id: [{ idChanged: 0 }], sidebarMenuItemAppearance: [{ sidebarMenuItemAppearanceChanged: 0 }], sidebarMenuItemSelectionAppearance: [{ sidebarMenuItemSelectionAppearanceChanged: 0 }], selectedSectionId: [{ selectedSectionIdChanged: 0 }], selectedItemId: [{ selectedItemIdChanged: 0 }], placement: [{ placementChanged: 0 }], constrainPlacements: [{ constrainPlacementsChanged: 0 }], htmlFor: [{ htmlForChanged: 0 }], menuData: [{ menuDataChanged: 0 }] }]);
+function ue() {
+  typeof customElements < "u" && ["gids-sidebar-menu", "gids-flyout-panel"].forEach(((e) => {
+    switch (e) {
+      case "gids-sidebar-menu":
+        customElements.get(k(e)) || customElements.define(k(e), oe);
+        break;
+      case "gids-flyout-panel":
+        customElements.get(k(e)) || D();
+    }
+  }));
+}
+ue();
+export {
+  de as A,
+  oe as G,
+  ue as P,
+  te as S,
+  le as T,
+  Z as y
+};

package/dist-bundled/es/{p-CrqHKmjy-DwSsCofb.js → p-mv_7K1EM-lPgJqpPI.js}

@@ -56,7 +56,7 @@ const g = (t) => _("gids-field", t), u = /* @__PURE__ */ Object.freeze(/* @__PUR
       const a = this._getStatusModifierClass(s, "gids-field__status-text");
       a != null && i.push(a);
     }
-    return o(d, { key: "b296d1365e6b518d7aafb6af439c73a01ee05973" }, o("div", { key: "0713bc4c4e6d2d78f41e7383e03a5a2e670f374d", class: p() }, o("div", { key: "060131205bf2563cc9a73cadc1bfa0aaa2782dc4", class: "gids-field__header", hidden: !this._hasLabelContent() }, o("slot", { key: "24d91f471b0d18a286352aeddd1f6f621ee18c96", ref: this._setLabelSlot, name: "label", onSlotchange: this._handleControlSlotChange }), o("div", { key: "82395d9990fbb76ff2036f326a825ded78e74ae8", class: "gids-field__count", "aria-live": "polite" }, this.count)), o("div", { key: "6240db77a53290a25b0cdba34cdb37615956b9d7", class: "gids-field__control" }, o("slot", { key: "975c677a1f88761e3841e4027fdb65e3c711016b", ref: this._setControlSlot, onSlotchange: this._handleControlSlotChange })), o("p", { key: "404f4c44b9b32209ccdcde586bd688693b2d6022", class: "gids-field__supporting-text", hidden: !this._shouldShowHelperText() }, this.helperText), t ? o("p", { class: i.join(" "), role: "status", "aria-live": "polite" }, this._renderStatusIcon(s), e !== void 0 ? o("span", null, e) : null) : null));
+    return o(d, { key: "a7eb8d9404ca5e3d4e965d9a5c6496572b0d1240" }, o("div", { key: "8578998418e9012e5d2f537dcad0f835e0341829", class: p() }, o("div", { key: "f96cbfc7c87b5551c8167a13afe0de5dfc927b44", class: "gids-field__header", hidden: !this._hasLabelContent() }, o("slot", { key: "5165b9dc75b397b17e7adad373596c2d9a991879", ref: this._setLabelSlot, name: "label", onSlotchange: this._handleControlSlotChange }), o("div", { key: "21e87c9692e9b5f41770eafe34b49bfaedc58af7", class: "gids-field__count", "aria-live": "polite" }, this.count)), o("div", { key: "fcf2e25a96163fd0abccf422832af553c81b2360", class: "gids-field__control" }, o("slot", { key: "fa40cebb1ad7cb516e69865d416f76a833c18adb", ref: this._setControlSlot, onSlotchange: this._handleControlSlotChange })), o("p", { key: "dea14f1ef4c172050eaeee03f1e934cba3f5b3e8", class: "gids-field__supporting-text", hidden: !this._shouldShowHelperText() }, this.helperText), t ? o("p", { class: i.join(" "), role: "status", "aria-live": "polite" }, this._renderStatusIcon(s), e !== void 0 ? o("span", null, e) : null) : null));
   }
   _hasLabelContent() {
     return this._hasLabel;

package/dist-bundled/es/{p-xbqOQZl9-BK9vjfj7.js → p-tEbUT3n3-CWq8ErgN.js}

@@ -1,6 +1,6 @@
-import { q as d, L as u, u as p, D as a } from "./p-B4hcsDH0-CPqEc-vc.js";
+import { q as l, L as u, u as p, D as a } from "./p-B4hcsDH0-CPqEc-vc.js";
 import { d as m } from "./p-iQRr_fAH-ClfWEu03.js";
-import { r as g } from "./p-j2_DKwBz-CqyuxxnN.js";
+import { r as g } from "./p-DzOOjiNH-Wm7KbI3O.js";
 import { c } from "./clsx-OuTLNxxd.js";
 const v = ({ expanded: e }, t) => c("gids-dropdown", {
   "gids-dropdown--expanded": e
@@ -12,7 +12,7 @@ const v = ({ expanded: e }, t) => c("gids-dropdown", {
   __proto__: null,
   getGidsChevronButtonControlClassNames: f,
   getGidsDropdownClassNames: v
-}, Symbol.toStringTag, { value: "Module" })), { getGidsDropdownClassNames: I, getGidsChevronButtonControlClassNames: E } = y, h = "gids-dropdown-item--active", b = u(class extends p {
+}, Symbol.toStringTag, { value: "Module" })), { getGidsDropdownClassNames: I, getGidsChevronButtonControlClassNames: b } = y, h = "gids-dropdown-item--active", E = u(class extends p {
   constructor(e) {
     super(), e !== !1 && this.__registerHost(), this.appearance = "default", this.expanded = !1, this.filterValue = "", this.isFilterEditing = !1, this.hasLeadingIcon = !1, this.hasLeadingAccessory = !1, this.activeIndex = -1, this.hasItemListener = !1, this.suppressNextMenuClickSelection = !1, this.hasDocumentListeners = !1, this.hasPendingControlRevalidation = !1, this.handleDropdownItemSelect = (t) => {
       const { value: i, title: n, disabled: s, id: o, isPlaceholderItem: r } = t.detail;
@@ -30,8 +30,8 @@ const v = ({ expanded: e }, t) => c("gids-dropdown", {
       const o = n instanceof HTMLButtonElement ? n.id : n.getAttribute("id") ?? "";
       if (typeof o != "string" || o.length === 0) return;
       const r = n.getAttribute("is-placeholder-item") ?? "";
-      let l = n.textContent?.trim() ?? "";
-      l.endsWith("checkmark") && (l = l.slice(0, -9).trim()), this.applySelection({ id: o, value: s, title: l.trim(), disabled: !1, originalEvent: t, isPlaceholderItem: !(!r || r !== "true") });
+      let d = n.textContent?.trim() ?? "";
+      d.endsWith("checkmark") && (d = d.slice(0, -9).trim()), this.applySelection({ id: o, value: s, title: d.trim(), disabled: !1, originalEvent: t, isPlaceholderItem: !(!r || r !== "true") });
     }, this.handleFilterInput = (t) => {
       const i = t.target;
       this.filterValue = i?.value ?? "", this.isFilterEditing = !0, this.clearActive(), this.expanded || this.setExpandedState(!0, t), this.applyFilter();
@@ -213,8 +213,8 @@ const v = ({ expanded: e }, t) => c("gids-dropdown", {
   render() {
     const e = this.expanded && this.isInteractive(), t = I({ expanded: e }), i = this.getEnhancedInputProps(), n = typeof i.id == "string" ? i.id : void 0, s = n ? `${n}__menu` : void 0;
     i.role = "combobox", i["aria-expanded"] = e ? "true" : "false", i["aria-haspopup"] = "listbox", i["aria-autocomplete"] = "list", s && (i["aria-controls"] = s);
-    const o = this.isFilterEditing ? this.filterValue : this.selectedItemTitle ?? this.value ?? "", r = e ? "true" : "false", l = a("button", { key: "9e3dac49fc4d28756ee8a3cc6acf5b3e8fbd3946", class: E({ size: "lg" }), slot: "trailingAccessory", type: "button", onClick: this.handleChevronClickToggle, "aria-label": e ? "Collapse options" : "Expanded options", "aria-expanded": r, "aria-haspopup": "listbox", "aria-controls": s, disabled: this.disabled || this.readOnly, tabIndex: -1 }, a("span", { key: "bff0ebcd17028764e49a39510f7383cffcbcdb68", class: "gids-button__content" }, a(m, { key: "d606133c6a3ef63163f8bab07a76eecaefd513c1", name: "chevron-vertical", alt: "" })));
-    return a("div", { key: "90b78fe845b07971f2ce56ceca1bf5e06d948c16", class: t }, a("gids-input", { key: "06c87d5843f19553d11b7f3de1e193f605d38c8f", appearance: this.appearance, loading: this.loading, disabled: this.disabled, readOnly: this.readOnly, required: this.required, value: o, name: this.name, inputProps: i, onClick: this.handleInputClickToggle, onFocus: this.handleInputFocusAndBlur, onBlur: this.handleInputFocusAndBlur }, this.hasLeadingIcon && a("slot", { key: "795e828bf59f60318522f9f6c5804969f4a4e898", name: "leadingIconDropdown", slot: "leadingIcon" }), this.hasLeadingAccessory && a("slot", { key: "f94eadb4e2f8e05d9543c3ee6ce38cdf68401062", name: "leadingAccessoryDropdown", slot: "leadingAccessory" }), l), a("div", { key: "579971401473c61304064214df63b202a367446e", class: "gids-dropdown__menu", id: s, role: "listbox", onClick: this.handleMenuClick }, a("slot", { key: "009f17ab13f9da11e2c3fb1464ae8ac3ec49ee39" })));
+    const o = this.isFilterEditing ? this.filterValue : this.selectedItemTitle ?? this.value ?? "", r = e ? "true" : "false", d = a("button", { key: "ef56b4d650c7ede283ac956e1bb3fdb99f0464b9", class: b({ size: "lg" }), slot: "trailingAccessory", type: "button", onClick: this.handleChevronClickToggle, "aria-label": e ? "Collapse options" : "Expanded options", "aria-expanded": r, "aria-haspopup": "listbox", "aria-controls": s, disabled: this.disabled || this.readOnly, tabIndex: -1 }, a("span", { key: "3707be6a0a5b247f6c624486c3ff5f69add5991c", class: "gids-button__content" }, a(m, { key: "b36624f20725a6093fbe786dd34ae70131035b1d", name: "chevron-vertical", alt: "" })));
+    return a("div", { key: "07368ce8b66a08e4f874e9335a774a305d07b709", class: t }, a("gids-input", { key: "13f996dabaf673f24ccb3752f5239a6461d8612e", appearance: this.appearance, loading: this.loading, disabled: this.disabled, readOnly: this.readOnly, required: this.required, value: o, name: this.name, inputProps: i, onClick: this.handleInputClickToggle, onFocus: this.handleInputFocusAndBlur, onBlur: this.handleInputFocusAndBlur }, this.hasLeadingIcon && a("slot", { key: "7ec0577f5a08094ca8caf73882dd5fee142f8229", name: "leadingIconDropdown", slot: "leadingIcon" }), this.hasLeadingAccessory && a("slot", { key: "41a33c1e726a203c096de11b82ce4bd7e39b4641", name: "leadingAccessoryDropdown", slot: "leadingAccessory" }), d), a("div", { key: "c59f22dec8e5ca68bfa4bee0ba5ffc7150602468", class: "gids-dropdown__menu", id: s, role: "listbox", onClick: this.handleMenuClick }, a("slot", { key: "93bb68248f925d570f01533382d71044079ee786" })));
   }
   get hostElement() {
     return this;
@@ -230,15 +230,15 @@ function x() {
   typeof customElements < "u" && ["gids-dropdown", "gids-input"].forEach(((e) => {
     switch (e) {
       case "gids-dropdown":
-        customElements.get(d(e)) || customElements.define(d(e), b);
+        customElements.get(l(e)) || customElements.define(l(e), E);
         break;
       case "gids-input":
-        customElements.get(d(e)) || g();
+        customElements.get(l(e)) || g();
     }
   }));
 }
 x();
 export {
-  b as c,
+  E as c,
   x as l
 };