@ganpatiinfo/gids-core-web 10.1.0 → 10.2.0

package/dist-bundled/es/gids-scrim.js

@@ -1,10 +1,10 @@
-import { L as o, u as c, D as e, q as t } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { L as c, u as o, D as e, q as t } from "./p-Bf3p-DY2-CPqEc-vc.js";
 import { i as l } from "./p-B2zUuNXz-BLBgQDu7.js";
 import { c as n } from "./clsx-OuTLNxxd.js";
 const d = (s) => n("gids-scrim", s), m = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getGidsScrimClassNames: d
-}, Symbol.toStringTag, { value: "Module" })), { getGidsScrimClassNames: a } = m, i = o(class extends c {
+}, Symbol.toStringTag, { value: "Module" })), { getGidsScrimClassNames: a } = m, i = c(class extends o {
   constructor(s) {
     super(), s !== !1 && this.__registerHost(), this.__attachShadow(), this.activeClasses = "";
   }
@@ -16,7 +16,7 @@ const d = (s) => n("gids-scrim", s), m = /* @__PURE__ */ Object.freeze(/* @__PUR
     s !== void 0 && this._el.shadowRoot?.adoptedStyleSheets.push(s), this.activeClasses = a(this.extraClasses);
   }
   render() {
-    return e("div", { key: "43ae2df4c05e5ce29bb2cd6755ef4472e9a6e078", class: this.activeClasses, part: "root" }, e("slot", { key: "2610048a1d440e95632575b232ca7d923f66cea5" }));
+    return e("div", { key: "f9bf11077e7b7141816116d1cace7a87d9dfa652", class: this.activeClasses, part: "root" }, e("slot", { key: "221cacbb0a57c9c356d20988b02e7730e74b4430" }));
   }
   get _el() {
     return this;

package/dist-bundled/es/gids-tab-item.js

@@ -0,0 +1,100 @@
+import { L as m, u as p, D as r, P as f, q as c } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { n } from "./nonEmpty-B284_5ai.js";
+import { c as g } from "./clsx-OuTLNxxd.js";
+const y = ({ appearance: e, type: a, outline: i }, t) => g("gids-badge", {
+  "gids-badge--danger": e === "danger",
+  "gids-badge--positive": e === "positive",
+  "gids-badge--warning": e === "warning",
+  "gids-badge--inverse": e === "inverse"
+}, {
+  "gids-badge--dot": a === "dot"
+}, {
+  "gids-badge--outline": i
+}, t), k = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsBadgeClassNames: y
+}, Symbol.toStringTag, { value: "Module" })), o = 99, I = (e, a, i) => e === "dot" || a !== void 0 && a > o || i, C = (e, a) => e === void 0 ? a ?? "" : e > o ? `${o}+` : e.toString(), _ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getDisplayContent: C,
+  maxCount: o,
+  shouldIncludeA11yText: I
+}, Symbol.toStringTag, { value: "Module" })), T = ({ appearance: e, width: a = "intrinsic", active: i }, t) => g("gids-tab-item", {
+  // Widths
+  // 'gids-tab-item--intrinsic': width === 'intrinsic', // By default so not needed
+  "gids-tab-item--full": a === "full",
+  // Apperances on active
+  "gids-tab-item--active-default": e === "default" && i,
+  "gids-tab-item--active-primary": e === "primary" && i,
+  "gids-tab-item--active-bordered": e === "bordered" && i,
+  "gids-tab-item--active-underlined": e === "underlined" && i,
+  "gids-tab-item--active-subtle": e === "subtle" && i,
+  // Apperances on inactive
+  "gids-tab-item--default": e === "default" && !i,
+  "gids-tab-item--primary": e === "primary" && !i,
+  "gids-tab-item--bordered": e === "bordered" && !i,
+  "gids-tab-item--underlined": e === "underlined" && !i,
+  "gids-tab-item--subtle": e === "subtle" && !i
+}, t), x = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsTabItemClassNames: T
+}, Symbol.toStringTag, { value: "Module" })), { getDisplayContent: l, shouldIncludeA11yText: w } = _, { getGidsBadgeClassNames: A } = k, S = ({ appearance: e, type: a, count: i, accessibleText: t, outline: d, class: v, ...h }) => {
+  const s = w(a, i, n(t));
+  return r("span", { class: A({ appearance: e, type: a, outline: d }, v), ...h }, s && r("span", { class: "gids-visually-hidden" }, n(t) ? t : i), a === "notification" ? s ? r("span", { "aria-hidden": "true" }, l(i, t)) : l(i, t) : null);
+}, { getGidsTabItemClassNames: B } = x, b = m(class extends p {
+  constructor(e) {
+    super(), e !== !1 && this.__registerHost(), this.active = !1, this.width = "intrinsic", this.appearance = "default", this.badgeVisible = !1, this.badgeAppearance = "information", this.badgeType = "dot", this.hasLeadingIcon = !1, this.hasTrailingIcon = !1, this.handleHostClick = () => {
+      this.onPressGidsTabItem && this.onPressGidsTabItem({ itemId: this.itemId, label: this?.label ?? "", active: this?.active ?? !1, appearance: this?.appearance ?? "default", name: this?.name, badgeCount: this?.badgeCount ?? 0 });
+    };
+  }
+  handleWidthChange(e) {
+    this.width = e;
+  }
+  handleAppearanceChange(e) {
+    this.appearance = e;
+  }
+  handleBadgeVisibilityChange(e) {
+    this.badgeVisible = e;
+  }
+  handleBadgeAppearanceChange(e) {
+    this.badgeAppearance = e;
+  }
+  handleBadgeTypeChange(e) {
+    this.badgeType = e;
+  }
+  handleActiveChange(e) {
+    this.active = e;
+  }
+  componentWillLoad() {
+    this.checkSlots();
+  }
+  componentWillUpdate() {
+    this.checkSlots();
+  }
+  checkSlots() {
+    this.hasLeadingIcon = !!this.hostElement.querySelector('[slot="leadingIconTabItem"]'), this.hasTrailingIcon = !!this.hostElement.querySelector('[slot="trailingIconTabItem"]');
+  }
+  render() {
+    const e = B({ appearance: this.appearance, width: this.width, active: this.active }), a = this.hasTrailingIcon, i = this.badgeVisible, t = this.appearance === "primary" && this.active ? "inverse" : this.badgeAppearance ?? "information", d = this.label;
+    return r(f, { key: "111117f9953d07da3af26834ab19352c9334a36a", class: e, onClick: this.handleHostClick }, this.hasLeadingIcon ? r("slot", { name: "leadingIconTabItem" }) : void 0, d && d !== "" ? r("span", { class: "gids-tab-item__label" }, d && d !== "" ? d : void 0, i ? r(S, { appearance: t, type: this.badgeType, count: this.badgeCount }) : void 0) : void 0, a ? r("slot", { name: "trailingIconTabItem" }) : void 0);
+  }
+  get hostElement() {
+    return this;
+  }
+  static get watchers() {
+    return { width: [{ handleWidthChange: 0 }], appearance: [{ handleAppearanceChange: 0 }], badgeVisible: [{ handleBadgeVisibilityChange: 0 }], badgeAppearance: [{ handleBadgeAppearanceChange: 0 }], badgeType: [{ handleBadgeTypeChange: 0 }], active: [{ handleActiveChange: 0 }] };
+  }
+  static get style() {
+    return ".gids-tab-item{margin:0;padding:0;appearance:none;border:none;background:none;display:inline-flex;justify-content:center;align-items:center;gap:var(--gids-gap-100);padding:var(--gids-padding-vertical-edge-to-element-150) var(--gids-padding-horizontal-edge-to-element-150);color:var(--gids-color-text-accent-5);cursor:pointer}.gids-tab-item .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-5)}.gids-tab-item__label{font-family:var(--gids-typography-label-small__font-family);font-size:var(--gids-typography-label-small__font-size);font-weight:var(--gids-typography-label-small__font-weight);letter-spacing:var(--gids-typography-label-small__letter-spacing);line-height:var(--gids-typography-label-small__line-height);text-transform:var(--gids-typography-label-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-small__font-variant-caps, inherit);display:flex;justify-content:center;align-items:center;gap:var(--gids-gap-150)}.gids-tab-item--full{display:flex}.gids-tab-item--default{border-radius:var(--gids-border-radius-md)}.gids-tab-item--default:hover{background-color:var(--gids-color-background-accent-4-subtler-hovered);color:var(--gids-color-text-accent-4)}.gids-tab-item--default:hover .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--default:active{background-color:var(--gids-color-background-accent-4-subtler-pressed);color:var(--gids-color-text-accent-4)}.gids-tab-item--default:active .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--primary{border-radius:var(--gids-border-radius-md)}.gids-tab-item--primary:hover{background-color:var(--gids-color-background-accent-4-bolder-hovered);color:var(--gids-color-text-inverse)}.gids-tab-item--primary:hover .gids-icon{--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-tab-item--primary:active{background-color:var(--gids-color-background-accent-4-bolder-pressed);color:var(--gids-color-text-inverse)}.gids-tab-item--primary:active .gids-icon{--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-tab-item--bordered{border-radius:var(--gids-border-radius-full)}.gids-tab-item--bordered:hover{background-color:var(--gids-color-background-accent-4-subtlest-hovered);color:var(--gids-color-text-accent-4);border:var(--gids-border-width-thick) solid var(--gids-color-border-accent-4)}.gids-tab-item--bordered:hover .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--bordered:active{background-color:var(--gids-color-background-accent-4-subtlest-pressed);color:var(--gids-color-text-accent-4);border:var(--gids-border-width-thick) solid var(--gids-color-border-accent-4)}.gids-tab-item--bordered:active .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--underlined{border-bottom:var(--gids-border-width-thick) solid var(--gids-color-border-input)}.gids-tab-item--underlined:hover{background-color:var(--gids-color-background-accent-4-subtlest-hovered);border-bottom:var(--gids-border-width-thick) solid var(--gids-color-border-accent-4);border-top-left-radius:var(--gids-border-radius-md);border-top-right-radius:var(--gids-border-radius-md);color:var(--gids-color-text-accent-4)}.gids-tab-item--underlined:active{background-color:var(--gids-color-background-accent-4-subtlest-pressed);border-bottom:var(--gids-border-width-thick) solid var(--gids-color-border-accent-4);border-top-left-radius:var(--gids-border-radius-md);border-top-right-radius:var(--gids-border-radius-md);color:var(--gids-color-text-accent-4)}.gids-tab-item--subtle:hover{color:var(--gids-color-text-accent-4)}.gids-tab-item--subtle:hover .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--subtle:active{color:var(--gids-color-text-accent-4)}.gids-tab-item--subtle:active .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--active-default{border-radius:var(--gids-border-radius-md);background-color:var(--gids-color-background-accent-4-subtler-default);color:var(--gids-color-text-accent-4)}.gids-tab-item--active-default .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--active-default:hover{background-color:var(--gids-color-background-accent-4-subtler-hovered)}.gids-tab-item--active-default:active{background-color:var(--gids-color-background-accent-4-subtler-pressed)}.gids-tab-item--active-primary{border-radius:var(--gids-border-radius-md);background-color:var(--gids-color-background-accent-4-bolder-default);color:var(--gids-color-text-inverse)}.gids-tab-item--active-primary .gids-icon{--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-tab-item--active-primary:hover{background-color:var(--gids-color-background-accent-4-bolder-hovered)}.gids-tab-item--active-primary:active{background-color:var(--gids-color-background-accent-4-bolder-pressed)}.gids-tab-item--active-bordered{border-radius:var(--gids-border-radius-full);border:var(--gids-border-width-thick) solid var(--gids-color-border-accent-4);background-color:var(--gids-color-background-accent-4-subtlest-default);color:var(--gids-color-text-accent-4)}.gids-tab-item--active-bordered .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--active-bordered:hover{background-color:var(--gids-color-background-accent-4-subtlest-hovered)}.gids-tab-item--active-bordered:active{background-color:var(--gids-color-background-accent-4-subtlest-pressed)}.gids-tab-item--active-underlined{border-bottom:var(--gids-border-width-thick) solid var(--gids-color-border-accent-4);border-top-left-radius:var(--gids-border-radius-md);border-top-right-radius:var(--gids-border-radius-md);color:var(--gids-color-text-accent-4);background-color:var(--gids-color-background-accent-4-subtlest-default)}.gids-tab-item--active-underlined .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--active-underlined:hover{background-color:var(--gids-color-background-accent-4-subtlest-hovered)}.gids-tab-item--active-underlined:active{background-color:var(--gids-color-background-accent-4-subtlest-pressed)}.gids-tab-item--active-subtle{color:var(--gids-color-text-accent-4)}.gids-tab-item--active-subtle .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}";
+  }
+}, [260, "gids-tab-item", { itemId: [1, "item-id"], label: [1], active: [4], name: [1], width: [1], appearance: [1], badgeVisible: [4, "badge-visible"], badgeAppearance: [1, "badge-appearance"], badgeCount: [2, "badge-count"], badgeType: [1, "badge-type"], onPressGidsTabItem: [16], hasLeadingIcon: [32], hasTrailingIcon: [32] }, void 0, { width: [{ handleWidthChange: 0 }], appearance: [{ handleAppearanceChange: 0 }], badgeVisible: [{ handleBadgeVisibilityChange: 0 }], badgeAppearance: [{ handleBadgeAppearanceChange: 0 }], badgeType: [{ handleBadgeTypeChange: 0 }], active: [{ handleActiveChange: 0 }] }]);
+function u() {
+  typeof customElements < "u" && ["gids-tab-item"].forEach(((e) => {
+    e === "gids-tab-item" && (customElements.get(c(e)) || customElements.define(c(e), b));
+  }));
+}
+u();
+const G = b, L = u;
+export {
+  G as GidsTabItem,
+  L as defineCustomElement
+};

package/dist-bundled/es/gids-tab.js

@@ -0,0 +1,63 @@
+import { L as c, u as r, D as a, P as h, q as s } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { c as l } from "./clsx-OuTLNxxd.js";
+const o = ({ width: e, appearance: t }, d) => l("gids-tab", {
+  "gids-tab--full": e === "full",
+  "gids-tab--item-subtle": t === "subtle",
+  "gids-tab--item-underlined": t === "underlined"
+}, d), b = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsTabClassNames: o
+}, Symbol.toStringTag, { value: "Module" })), { getGidsTabClassNames: p } = b, i = c(class extends r {
+  constructor(e) {
+    super(), e !== !1 && this.__registerHost(), this.width = "intrinsic", this.appearance = "default";
+  }
+  handleWidthChange(e) {
+    this.width = e;
+  }
+  handleAppearanceChange(e) {
+    this.appearance = e;
+  }
+  handleActiveTabIdChange(e) {
+    this.activeTabId = e;
+  }
+  componentDidLoad() {
+    this.syncPropsToChildren(), this.hostElement.addEventListener("slotchange", (() => this.syncPropsToChildren()));
+  }
+  componentDidUpdate() {
+    this.syncPropsToChildren();
+  }
+  syncPropsToChildren() {
+    this.hostElement.querySelectorAll("gids-tab-item").forEach(((e) => {
+      e && (e.appearance = this.appearance, e.width = this.width, e.active = this.isTabActive(e.itemId), e.onPressGidsTabItem = (t) => {
+        this.activeTabId = t?.itemId, this.onPressGidsTab && this.onPressGidsTab(t), this.syncPropsToChildren();
+      });
+    }));
+  }
+  isTabActive(e) {
+    return e === this.activeTabId;
+  }
+  render() {
+    const e = p({ width: this.width, appearance: this.appearance });
+    return a(h, { key: "cc7d6cde876ed48c224b7226f750bb5e4bb4cbf1", class: e }, a("slot", { key: "bb499ecb3dfd5cba0fb59b1f22ec135fe435b28c" }));
+  }
+  get hostElement() {
+    return this;
+  }
+  static get watchers() {
+    return { width: [{ handleWidthChange: 0 }], appearance: [{ handleAppearanceChange: 0 }], activeTabId: [{ handleActiveTabIdChange: 0 }] };
+  }
+  static get style() {
+    return ".gids-tab{display:inline-flex;align-items:center;justify-content:flex-start;gap:var(--gids-gap-150)}.gids-tab--full{display:flex}.gids-tab--item-subtle{gap:0}.gids-tab--item-underlined{gap:0}";
+  }
+}, [260, "gids-tab", { width: [1], appearance: [1], activeTabId: [1, "active-tab-id"], onPressGidsTab: [16] }, void 0, { width: [{ handleWidthChange: 0 }], appearance: [{ handleAppearanceChange: 0 }], activeTabId: [{ handleActiveTabIdChange: 0 }] }]);
+function n() {
+  typeof customElements < "u" && ["gids-tab"].forEach(((e) => {
+    e === "gids-tab" && (customElements.get(s(e)) || customElements.define(s(e), i));
+  }));
+}
+n();
+const m = i, f = n;
+export {
+  m as GidsTab,
+  f as defineCustomElement
+};

package/dist-bundled/es/gids-text-field.js

@@ -2,8 +2,8 @@ import { L as u, u as h, z as c, C as f, D as i, q as s } from "./p-Bf3p-DY2-CPq
 import { i as m } from "./p-B2zUuNXz-BLBgQDu7.js";
 import { a as b } from "./p-Dg2yoUxw-Cca8ROd_.js";
 import { r as p } from "./p-UxDcM-C5-Dr5d_WpJ.js";
-import { h as g } from "./p-DNTv2BQ5-Bwgd30mM.js";
-import { r as x } from "./p-BQ-ZnlnH-CUVdDHzX.js";
+import { h as g } from "./p-C7ifjRCE-CRlorwoN.js";
+import { r as x } from "./p-Doi8Yizl-BszWK5Dq.js";
 import { g as _ } from "./p-D4Pimu_8-DfEGRQGf.js";
 const v = (e, t) => {
   if (!(e === void 0 || t === void 0))
@@ -17,14 +17,14 @@ const v = (e, t) => {
     default:
       return "default";
   }
-}, n = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, l = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   formatCharCount: v,
   inputToGidsFieldStatus: T
-}, Symbol.toStringTag, { value: "Module" })), { inputToGidsFieldStatus: y } = n, q = (e) => e === "implicit" || e === void 0 ? "implicit" : y(e), C = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Symbol.toStringTag, { value: "Module" })), { inputToGidsFieldStatus: y } = l, q = (e) => e === "implicit" || e === void 0 ? "implicit" : y(e), C = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   inputToGidsFieldStatus: q
-}, Symbol.toStringTag, { value: "Module" })), { formatCharCount: F } = n, { inputToGidsFieldStatus: O } = C, a = u(class extends h {
+}, Symbol.toStringTag, { value: "Module" })), { formatCharCount: F } = l, { inputToGidsFieldStatus: O } = C, n = u(class extends h {
   constructor(e) {
     super(), e !== !1 && this.__registerHost(), this.gidsTextFieldClear = c(this, "gidsTextFieldClear"), this.#e = _(), this._handleDismiss = () => {
       const t = this.#t?.querySelector("input.gids-input__control");
@@ -50,8 +50,8 @@ const v = (e, t) => {
   #e;
   #t;
   render() {
-    const { id: e, ...t } = this.inputProps ?? {}, l = e ?? this.#e, d = this.showClearButton && this.value !== void 0 && this.value.length > 0;
-    return i("gids-field", { key: "67703f015d57768e530aff47b206ff6716f35332", disabled: this.disabled, count: F(this.value?.length, this.maxLength), helperText: this.helperText, statusText: this.statusText, status: O(this.status) }, i(b, { key: "182405668848cdfe3960eef04a7862862fb42117", slot: "label", disabled: this.disabled, info: i("slot", { name: "info" }), fieldRequirement: this.fieldRequirement, fieldRequirementOptionalText: this.fieldRequirementOptionalText, fieldRequirementRequiredText: this.fieldRequirementRequiredText, isLabelSentence: this.isLabelSentence, htmlFor: l }, this.label), i("gids-input", { key: "f625d9ca7001879c392f55e806e7f080d7bb4185", ref: (o) => this.#t = o, appearance: this.appearance, status: this.status, loading: this.loading, value: this.value, defaultValue: this.defaultValue, name: this.name, required: this.required, disabled: this.disabled, readOnly: this.readOnly, leadingLabel: this.leadingLabel, trailingLabel: this.trailingLabel, onFocus: this._handleInputFocusAndBlur, onBlur: this._handleInputFocusAndBlur, onInput: this._handleInput, inputProps: { ...t, type: this.type, id: l, maxLength: this.maxLength } }, i("slot", { key: "4283d3712a98973ccb96d57b3d6f9fc42a0ff04e", name: "leadingIcon" }), i("slot", { key: "c61b5a4a62ecf2002426d167155fd8687f84b99f", name: "leadingAccessory" }), d && i(p, { key: "61d1a7b396fa1a8bacce9ade90a36de46886b3c0", label: "clear text", slot: "trailingAccessory", size: "lg", onPressDismiss: this._handleDismiss }), i("slot", { key: "b1f35a7a5e7ffc719d86741033fdfc25ee20debc", name: "trailingIcon" })));
+    const { id: e, ...t } = this.inputProps ?? {}, a = e ?? this.#e, d = this.showClearButton && this.value !== void 0 && this.value.length > 0;
+    return i("gids-field", { key: "951d6052bb8e98950f01a1c204a35904e3a3ee4c", disabled: this.disabled, count: F(this.value?.length, this.maxLength), helperText: this.helperText, statusText: this.statusText, status: O(this.status) }, i(b, { key: "02a0b0308d754a68dd5f1be3cd8dd10b191f32a6", slot: "label", disabled: this.disabled, info: i("slot", { name: "info" }), fieldRequirement: this.fieldRequirement, fieldRequirementOptionalText: this.fieldRequirementOptionalText, fieldRequirementRequiredText: this.fieldRequirementRequiredText, isLabelSentence: this.isLabelSentence, htmlFor: a }, this.label), i("gids-input", { key: "9e601808d03998011afd0cef3a683e153ea42f10", ref: (o) => this.#t = o, appearance: this.appearance, status: this.status, loading: this.loading, value: this.value, defaultValue: this.defaultValue, name: this.name, required: this.required, disabled: this.disabled, readOnly: this.readOnly, leadingLabel: this.leadingLabel, trailingLabel: this.trailingLabel, onFocus: this._handleInputFocusAndBlur, onBlur: this._handleInputFocusAndBlur, onInput: this._handleInput, inputProps: { ...t, type: this.type, id: a, maxLength: this.maxLength } }, i("slot", { key: "f519b7683865ec3bc7d6dc02c3a4d3383b62c09a", name: "leadingIcon" }), i("slot", { key: "4241d7a23659bd3f7fe2b54ad3e9fce5b83de649", name: "leadingAccessory" }), d && i(p, { key: "35d7868cec672757617bad343a3e700a4a9719c8", label: "clear text", slot: "trailingAccessory", size: "lg", onPressDismiss: this._handleDismiss }), i("slot", { key: "07f1cd892f9eb103110e54f377ed6683da22157d", name: "trailingIcon" })));
   }
   get _el() {
     return this;
@@ -61,7 +61,7 @@ function r() {
   typeof customElements < "u" && ["gids-text-field", "gids-field", "gids-input"].forEach(((e) => {
     switch (e) {
       case "gids-text-field":
-        customElements.get(s(e)) || customElements.define(s(e), a);
+        customElements.get(s(e)) || customElements.define(s(e), n);
         break;
       case "gids-field":
         customElements.get(s(e)) || g();
@@ -72,7 +72,7 @@ function r() {
   }));
 }
 r();
-const G = a, B = r;
+const G = n, B = r;
 export {
   G as GidsTextField,
   B as defineCustomElement

package/dist-bundled/es/gids-toggle-button.js

@@ -1,6 +1,6 @@
-import { l as o, o as t } from "./p-DmLoB2Dn-D-FSoCvI.js";
-const m = o, s = t;
+import { l as o, o as t } from "./p-Bj28yqMD-Dz1SWSqM.js";
+const s = o, m = t;
 export {
-  m as GidsToggleButton,
-  s as defineCustomElement
+  s as GidsToggleButton,
+  m as defineCustomElement
 };

package/dist-bundled/es/gids-tooltip.js

@@ -38,7 +38,7 @@ const o = n(class extends l {
     t && (t.removeEventListener("mouseenter", this.handleShowEvent), t.removeEventListener("focus", this.handleShowEvent), t.removeEventListener("mouseleave", this.handleHideEvent), t.removeEventListener("blur", this.handleHideEvent));
   }
   render() {
-    return e(s, { key: "87da0ed1ded01cd47b54a7445df2ec4a1ce621b2" }, e("slot", { key: "31b07131bcd26021340d37cadc8aa01f59ad0262" }), e("span", { key: "03fa6ca6e6f3d9bfa2b319254a22a817091fa9b5", id: "tooltip", part: "tooltip", role: "tooltip" }, e("span", { key: "7affbdf276e42c78a4829b5c47854786b97af3bd", id: "arrow" }), this.tooltipText));
+    return e(s, { key: "b1339ba783e86f33840b20038f900b09ba70e61f" }, e("slot", { key: "1103b8056a880282cad202905f8a606ffd8ed119" }), e("span", { key: "ad2f4fc135f7d26d7224e134149f2075f66bed4e", id: "tooltip", part: "tooltip", role: "tooltip" }, e("span", { key: "c1edf194581bd0696b32b92657a59bc6f876774d", id: "arrow" }), this.tooltipText));
   }
   disconnectedCallback() {
     this.cleanupEventListeners(), this.floatingElementManager?.destroy();
@@ -59,8 +59,8 @@ function a() {
   }));
 }
 a();
-const v = o, f = a;
+const f = o, v = a;
 export {
-  v as GidsTooltip,
-  f as defineCustomElement
+  f as GidsTooltip,
+  v as defineCustomElement
 };

package/dist-bundled/es/nonEmpty-B284_5ai.js

@@ -0,0 +1,4 @@
+const e = (n) => n !== void 0 && (!Array.isArray(n) || n.length > 0);
+export {
+  e as n
+};

package/dist-bundled/es/{p-DfxTsSdZ-C2Afv1lS.js → p-5VIPb1eU-MCAo8JCp.js}

@@ -1,7 +1,7 @@
 import { q as l, L as f, u, D as t } from "./p-Bf3p-DY2-CPqEc-vc.js";
 import { p as b } from "./p-DMNS1d8v-CHF62UXm.js";
-import { o as x } from "./p-DoCwI_bx-BXHlZI7-.js";
-import { d as z } from "./p-mZJdpfOo-DicbKil0.js";
+import { d as x } from "./p-qb1aWgjh-CzmMPIME.js";
+import { l as z } from "./p-BYDimyG--DBCLrqDJ.js";
 import { c as w } from "./clsx-OuTLNxxd.js";
 const k = ({ breakpoint: a }, g) => w("gids-activity-gauge", {
   "gids-activity-gauge--breakpoint-mobile": a === "mobile"

package/dist-bundled/es/{p-Db62Pz3n-DpQjwBYb.js → p-8tOn5SjU-D9rZ28cf.js}

@@ -1,16 +1,16 @@
 import { q as e, L as t, u as s, D as o } from "./p-Bf3p-DY2-CPqEc-vc.js";
-import { i as d } from "./p-B2zUuNXz-BLBgQDu7.js";
-import { d as a } from "./p-D4Pimu_8-DfEGRQGf.js";
-const c = t(class extends s {
+import { i as c } from "./p-B2zUuNXz-BLBgQDu7.js";
+import { d } from "./p-D4Pimu_8-DfEGRQGf.js";
+const n = t(class extends s {
   constructor(i) {
     super(), i !== !1 && this.__registerHost(), this.__attachShadow();
   }
   connectedCallback() {
-    const i = d();
+    const i = c();
     i !== void 0 && this._el.shadowRoot?.adoptedStyleSheets.push(i);
   }
   render() {
-    return o(a, { key: "38a60d81d2e4682272e7892c137bad482b471f52", name: this.name, size: this.size, appearance: this.appearance, alt: this.alt, titleId: this.titleId });
+    return o(d, { key: "cb54fb7ca0ded77690f44cbf794b2e192cf9c681", name: this.name, size: this.size, appearance: this.appearance, alt: this.alt, titleId: this.titleId });
   }
   get _el() {
     return this;
@@ -19,13 +19,13 @@ const c = t(class extends s {
     return ".gids-icon{color:var(--gidsIcon-color, var(--gids-color-icon-default));fill:var(--gidsIcon-color, var(--gids-color-icon-default));width:auto;height:var(--gidsIcon-height, 100%);flex-shrink:0}.gids-icon--xs{--gidsIcon-height:var(--gids-size-120)}.gids-icon--sm{--gidsIcon-height:var(--gids-size-160)}.gids-icon--md{--gidsIcon-height:var(--gids-size-240)}.gids-icon--lg{--gidsIcon-height:var(--gids-size-320)}";
   }
 }, [1, "gids-icon", { name: [1], size: [1], appearance: [1], alt: [1], titleId: [1, "title-id"] }]);
-function n() {
+function a() {
   typeof customElements < "u" && ["gids-icon"].forEach(((i) => {
-    i === "gids-icon" && (customElements.get(e(i)) || customElements.define(e(i), c));
+    i === "gids-icon" && (customElements.get(e(i)) || customElements.define(e(i), n));
   }));
 }
-n();
+a();
 export {
-  c,
-  n as d
+  a as d,
+  n
 };

package/dist-bundled/es/{p-V48JyMbP-Bx-0od-Z.js → p-B1Jgtjhu-B_VYp-ZP.js}

@@ -1,4 +1,4 @@
-import { q as o, L as r, u as h, D as d } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { q as d, L as r, u as h, D as l } from "./p-Bf3p-DY2-CPqEc-vc.js";
 import { m as c, x as m, N as u } from "./p-D6lxqcxP-DWrZi1Xi.js";
 import { c as p } from "./clsx-OuTLNxxd.js";
 const f = (t) => p("gids-calendar-month-list", t), I = () => {
@@ -19,8 +19,8 @@ const f = (t) => p("gids-calendar-month-list", t), I = () => {
 }, Symbol.toStringTag, { value: "Module" })), { getGidsCalendarMonthListClassNames: g, getGidsCalendarMonthListMonths: M } = b, x = r(class extends h {
   constructor(t) {
     super(), t !== !1 && this.__registerHost(), this.type = "default", this.disabledIndices = [], this.divider = !1, this.hasItemListener = !1, this.suppressNextMenuClickSelection = !1, this.handleCalendarMenuItemSelect = (s) => {
-      const { title: e, value: n, selectedIndex: i, disabled: l, id: a } = s.detail;
-      l || typeof e != "string" || (this.suppressNextMenuClickSelection = !0, queueMicrotask((() => {
+      const { title: e, value: n, selectedIndex: i, disabled: o, id: a } = s.detail;
+      o || typeof e != "string" || (this.suppressNextMenuClickSelection = !0, queueMicrotask((() => {
         this.suppressNextMenuClickSelection = !1;
       })), this.applySelection({ id: a, month: e, monthInNumber: Number(n), disabled: !1, selectedIndex: i }));
     }, this.handleMenuClick = (s) => {
@@ -28,7 +28,7 @@ const f = (t) => p("gids-calendar-month-list", t), I = () => {
       const e = s?.detail;
       this.applySelection({ id: e.id, monthInNumber: Number(e.value), month: e.title, disabled: !1, selectedIndex: e.selectedIndex });
     }, this.monthsList = () => M(), this.getSelectedItem = () => {
-      const s = this.selectedMonthNumber, e = this.monthsList(), n = e.findIndex(((l) => l.value === s));
+      const s = this.selectedMonthNumber, e = this.monthsList(), n = e.findIndex(((o) => o.value === s));
       let i;
       return n != null && n !== -1 && (i = e[n]), { foundItem: i, foundIndex: n };
     }, this.isItemSelected = (s) => {
@@ -59,9 +59,9 @@ const f = (t) => p("gids-calendar-month-list", t), I = () => {
   }
   render() {
     const t = g();
-    return d("div", { key: "a4c3d291302079299a702892a7feb47fecdc0ab3", class: t }, d(c, { key: "57a34a46ff0d264d11faf29a1c852385d20f4303", type: this.type, supportingText: this.noOptionsText }, d(m, { key: "f6bed17740192c11aabd7de928396147e8da7dfd", sectionLabel: "Months" }, this.monthsList().map(((s, e) => {
+    return l("div", { key: "edfe08732e3f5a916c9c4b20d45aa60ee435bafb", class: t }, l(c, { key: "745227860a28c875576b70e5cbc8676bb4966ae2", type: this.type, supportingText: this.noOptionsText }, l(m, { key: "e428a8ff2525a0e2815d96938ef8e852b9275ba9", sectionLabel: "Months" }, this.monthsList().map(((s, e) => {
       const n = `${e + 1}`, i = this.disabledIndices?.includes(e);
-      return d(u, { title: s.title, value: `${s.value}`, key: `${e.toString()}`, index: e, id: n, selected: this.isItemSelected(e), onPressDropdownItem: this.handleMenuClick, disabled: i, divider: this.divider, isPlaceholderItem: !1 });
+      return l(u, { title: s.title, value: `${s.value}`, key: `${e.toString()}`, index: e, id: n, selected: this.isItemSelected(e), onPressDropdownItem: this.handleMenuClick, disabled: i, divider: this.divider, isPlaceholderItem: !1 });
     })))));
   }
   get hostElement() {
@@ -70,7 +70,7 @@ const f = (t) => p("gids-calendar-month-list", t), I = () => {
 }, [0, "gids-calendar-month-list", { type: [1], noOptionsText: [1, "no-options-text"], disabledIndices: [16], divider: [4], selectedMonthNumber: [2, "selected-month-number"], onSelectionMonthChange: [16] }]);
 function C() {
   typeof customElements < "u" && ["gids-calendar-month-list"].forEach(((t) => {
-    t === "gids-calendar-month-list" && (customElements.get(o(t)) || customElements.define(o(t), x));
+    t === "gids-calendar-month-list" && (customElements.get(d(t)) || customElements.define(d(t), x));
   }));
 }
 C();

package/dist-bundled/es/{p-mZJdpfOo-DicbKil0.js → p-BYDimyG--DBCLrqDJ.js}

@@ -1,7 +1,7 @@
 import { q as i, L as s, u as n, D as t } from "./p-Bf3p-DY2-CPqEc-vc.js";
-import { d as l } from "./p-D4Pimu_8-DfEGRQGf.js";
-import { c as d } from "./clsx-OuTLNxxd.js";
-const o = ({ seriesType: e, orientation: a }, r) => d("gids-chart-legend-item", {
+import { d } from "./p-D4Pimu_8-DfEGRQGf.js";
+import { c as l } from "./clsx-OuTLNxxd.js";
+const o = ({ seriesType: e, orientation: a }, r) => l("gids-chart-legend-item", {
   // 'gids-chart-legend-item--series-1': seriesType === '1', // by default
   "gids-chart-legend-item--series-2": e === "2",
   "gids-chart-legend-item--series-3": e === "3",
@@ -26,7 +26,7 @@ const o = ({ seriesType: e, orientation: a }, r) => d("gids-chart-legend-item",
   }
   render() {
     const e = c({ seriesType: this.seriesType, orientation: this.orientation });
-    return t("div", { key: "a168968003ccd7216f5c69beac50898a1f176dc7", class: e }, t("div", { key: "995b46947af3677386a2c67a7b7fa469483a8745", class: this.orientation === "vertical" ? "gids-chart-legend-item__dot-wrapper-vertical" : "gids-chart-legend-item__dot-wrapper-horizontal" }, t(l, { key: "6b8b0a267e30a77f8c6d4ae18db2f4dfcf4041e7", name: "new", alt: "new_icon", appearance: "filled" })), t("span", { key: "c9e38851fd89a20e06e111fe2ca4faf3211f03fa", class: "gids-chart-legend-item__label" }, t("slot", { key: "aa30a8f07ef92ff658f76fe1dce2d10dbfb636c1" })));
+    return t("div", { key: "43080c591c0fd7decf794c10b12c6ec423374aca", class: e }, t("div", { key: "52b09fe027b6ce228bafdeb1b0631ce1f3a9860f", class: this.orientation === "vertical" ? "gids-chart-legend-item__dot-wrapper-vertical" : "gids-chart-legend-item__dot-wrapper-horizontal" }, t(d, { key: "749d70e3b0d3d1117d7de2b3ce00ae76372c05b9", name: "new", alt: "new_icon", appearance: "filled" })), t("span", { key: "f6fd7ecf6d4dfcdafed4bf25dd3b763fffa78a96", class: "gids-chart-legend-item__label" }, t("slot", { key: "885035e521300c2d061b8aa41f0d4258caa22ce7" })));
   }
   static get watchers() {
     return { orientation: [{ handleOrientationChange: 0 }], seriesType: [{ handleSeriesTypeChange: 0 }] };
@@ -42,6 +42,6 @@ function m() {
 }
 m();
 export {
-  m as d,
-  h as l
+  h as d,
+  m as l
 };

package/dist-bundled/es/{p-DPIK2ayL-DPEbctqo.js → p-BfnzH6wp-BfLC7Nak.js}

@@ -1,7 +1,7 @@
 import { q as a, L as _, u as m, D as t } from "./p-Bf3p-DY2-CPqEc-vc.js";
 import { p as b } from "./p-DMNS1d8v-CHF62UXm.js";
-import { o as u } from "./p-DoCwI_bx-BXHlZI7-.js";
-import { d as v } from "./p-mZJdpfOo-DicbKil0.js";
+import { d as u } from "./p-qb1aWgjh-CzmMPIME.js";
+import { l as v } from "./p-BYDimyG--DBCLrqDJ.js";
 import { c as x } from "./clsx-OuTLNxxd.js";
 const f = ({ breakpoint: e }, r) => x("gids-pie-chart", {
   "gids-pie-chart--breakpoint-mobile": e === "mobile"

package/dist-bundled/es/{p-DmLoB2Dn-D-FSoCvI.js → p-Bj28yqMD-Dz1SWSqM.js}

@@ -1,9 +1,9 @@
-import { q as s, L as l, u as d, z as i, D as t, P as n } from "./p-Bf3p-DY2-CPqEc-vc.js";
-import { o } from "./p-UVmSPzTd-DiTxS9kW.js";
+import { q as s, L as l, u as i, z as d, D as t, P as n } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { o } from "./p-UVmSPzTd-6vjXok6h.js";
 import { i as c } from "./p-B2zUuNXz-BLBgQDu7.js";
-const a = l(class extends d {
+const a = l(class extends i {
   constructor(e) {
-    super(), e !== !1 && this.__registerHost(), this.__attachShadow(), this.select = i(this, "select"), this._toggle = this._toggle.bind(this);
+    super(), e !== !1 && this.__registerHost(), this.__attachShadow(), this.select = d(this, "select"), this._toggle = this._toggle.bind(this);
   }
   handleSelctedChange(e) {
     this.selected = e;
@@ -17,9 +17,9 @@ const a = l(class extends d {
     this._el.selected = this.selected, this.select?.emit(e), this.selected = this.selected;
   }
   render() {
-    return t(n, { key: "f7fe1215b0945a6d71c23d3644121dd73ff653cf" }, t("style", { key: "78195ef784f5f4df916d0a61e9b988233db31fef" }, `:host {
+    return t(n, { key: "60cd33c1303b2f0d79c359f79f77c5e0b2055c73" }, t("style", { key: "5780343ecee89c7f6df46aebae53895784314a71" }, `:host {
                 display: ${this.width === "full" ? "block" : "inline-block"}
-                }`), t(o, { key: "c0ae6269f93d930064073e1091cd145e453b7e7f", appearance: this.appearance, size: this.size, width: this.width, disabled: this.disabled, onClick: this._toggle, "aria-pressed": this.selected ? "true" : "false", leadingIcon: t("slot", { name: "leadingIcon" }), trailingIcon: t("slot", { name: "trailingIcon" }), forceIconOnly: this._onlyHasLeadingIcon() }, t("slot", { key: "1e8fd27fe3a99d3957b0cc4d6334cd297bc8fb21" })));
+                }`), t(o, { key: "03705a1d3fb0807af87d6e85083bf424c462f328", appearance: this.appearance, size: this.size, width: this.width, disabled: this.disabled, onClick: this._toggle, "aria-pressed": this.selected ? "true" : "false", leadingIcon: t("slot", { name: "leadingIcon" }), trailingIcon: t("slot", { name: "trailingIcon" }), forceIconOnly: this._onlyHasLeadingIcon() }, t("slot", { key: "05e75b6a46032ddfe7448b81f5ac929105d20383" })));
   }
   _onlyHasLeadingIcon() {
     const e = this._el.childNodes;

package/dist-bundled/es/{p-CW7tw1Fb-DtJ5TwCU.js → p-C-cUL-aA-2jsvw-Lr.js}

@@ -1,7 +1,7 @@
 import { q as d, L as c, u as h, D as i } from "./p-Bf3p-DY2-CPqEc-vc.js";
 import { m as u, x as m, N as Y } from "./p-D6lxqcxP-DWrZi1Xi.js";
-import { c as p } from "./clsx-OuTLNxxd.js";
-const f = (e) => p("gids-calendar-year-list", e), g = (e) => {
+import { c as f } from "./clsx-OuTLNxxd.js";
+const p = (e) => f("gids-calendar-year-list", e), g = (e) => {
   const t = e.toString().trim();
   if (!/^\d{4}$/.test(t))
     return !1;
@@ -21,10 +21,10 @@ const f = (e) => p("gids-calendar-year-list", e), g = (e) => {
   return s;
 }, S = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getGidsCalendarYearListClassNames: f,
+  getGidsCalendarYearListClassNames: p,
   getGidsCalendarYearListYears: I,
   isValidFourDigitYear: g
-}, Symbol.toStringTag, { value: "Module" })), { getGidsCalendarYearListClassNames: y, getGidsCalendarYearListYears: b, isValidFourDigitYear: l } = S, w = c(class extends h {
+}, Symbol.toStringTag, { value: "Module" })), { getGidsCalendarYearListClassNames: y, getGidsCalendarYearListYears: w, isValidFourDigitYear: l } = S, E = c(class extends h {
   constructor(e) {
     super(), e !== !1 && this.__registerHost(), this.type = "default", this.disabledIndices = [], this.divider = !1, this.newStartYear = (/* @__PURE__ */ new Date()).getFullYear(), this.newEndYear = (/* @__PURE__ */ new Date()).getFullYear() + 100, this.hasItemListener = !1, this.suppressNextMenuClickSelection = !1, this.handleCalendarMenuItemSelect = (t) => {
       const { title: s, value: a, selectedIndex: r, disabled: n, id: o } = t.detail;
@@ -35,7 +35,7 @@ const f = (e) => p("gids-calendar-year-list", e), g = (e) => {
       if (this.suppressNextMenuClickSelection) return;
       const s = t?.detail;
       this.applySelection({ id: s.id, year: Number(s.value), disabled: !1, selectedIndex: s.selectedIndex, startYear: this.newStartYear, endYear: this.newEndYear });
-    }, this.yearsList = () => b({ startYear: this.newStartYear, endYear: this.newEndYear }), this.getSelectedItem = () => {
+    }, this.yearsList = () => w({ startYear: this.newStartYear, endYear: this.newEndYear }), this.getSelectedItem = () => {
       const t = this.selectedYear, s = this.yearsList(), a = s.findIndex(((n) => n.value === t));
       let r;
       return a != null && a !== -1 && (r = s[a]), { foundItem: r, foundIndex: a };
@@ -71,7 +71,7 @@ const f = (e) => p("gids-calendar-year-list", e), g = (e) => {
   }
   render() {
     const e = y();
-    return i("div", { key: "6f7e9060d5bae75255f0c82d6e39c59350e115db", class: e }, i(u, { key: "6d8c2cf5f688ed922abb21d2243c8101ea3a2e45", type: this.type, supportingText: this.noOptionsText }, i(m, { key: "f832e544140b66b74c64e306eb23f7c42a2db960", sectionLabel: "Years" }, this.yearsList().map(((t, s) => {
+    return i("div", { key: "bfcd01860c33d9e76df2050ea70a1f3b2bfaf46c", class: e }, i(u, { key: "159e5afcf58334206f70bd5dde34d9d4aa8373f7", type: this.type, supportingText: this.noOptionsText }, i(m, { key: "8ba8e9441574b35f00faad1ccf151cdd543dab90", sectionLabel: "Years" }, this.yearsList().map(((t, s) => {
       const a = `${s + 1}`, r = this.disabledIndices?.includes(t.value);
       return i(Y, { title: t.title, value: `${t.value}`, key: `${s.toString()}`, index: s, id: a, selected: this.isItemSelected(s), onPressDropdownItem: this.handleMenuClick, disabled: r, divider: this.divider, isPlaceholderItem: !1 });
     })))));
@@ -80,13 +80,13 @@ const f = (e) => p("gids-calendar-year-list", e), g = (e) => {
     return this;
   }
 }, [0, "gids-calendar-year-list", { type: [1], noOptionsText: [1, "no-options-text"], disabledIndices: [16], divider: [4], selectedYear: [2, "selected-year"], startYear: [2, "start-year"], endYear: [2, "end-year"], onSelectionYearChange: [16], newStartYear: [32], newEndYear: [32] }]);
-function E() {
+function b() {
   typeof customElements < "u" && ["gids-calendar-year-list"].forEach(((e) => {
-    e === "gids-calendar-year-list" && (customElements.get(d(e)) || customElements.define(d(e), w));
+    e === "gids-calendar-year-list" && (customElements.get(d(e)) || customElements.define(d(e), E));
   }));
 }
-E();
+b();
 export {
-  w as l,
-  E as u
+  E as l,
+  b as u
 };

package/dist-bundled/es/{p-DNTv2BQ5-Bwgd30mM.js → p-C7ifjRCE-CRlorwoN.js}

@@ -1,11 +1,11 @@
-import { q as l, L as n, u as r, D as o, P as d } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { q as l, L as n, u as r, D as a, P as d } from "./p-Bf3p-DY2-CPqEc-vc.js";
 import { d as h } from "./p-D4Pimu_8-DfEGRQGf.js";
 import { i as c } from "./p-B2zUuNXz-BLBgQDu7.js";
 import { c as _ } from "./clsx-OuTLNxxd.js";
 const g = (t) => _("gids-field", t), u = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getGidsFieldClassNames: g
-}, Symbol.toStringTag, { value: "Module" })), { getGidsFieldClassNames: f } = u, p = n(class extends r {
+}, Symbol.toStringTag, { value: "Module" })), { getGidsFieldClassNames: p } = u, f = n(class extends r {
   constructor(t) {
     super(), t !== !1 && this.__registerHost(), this.__attachShadow(), this.status = "implicit", this._hasLabel = !1, this._controlListenerTargets = [], this._controlTouched = !1, this._handleLabelSlotChange = () => {
       this._hasLabel = (this._labelSlot?.assignedElements()?.length ?? 0) > 0;
@@ -53,10 +53,10 @@ const g = (t) => _("gids-field", t), u = /* @__PURE__ */ Object.freeze(/* @__PUR
   render() {
     const t = this._hasStatusText(), e = this._controlValidationMessage !== void 0 ? this._controlValidationMessage : this._shouldRenderExplicitStatusText() ? this.statusText : void 0, s = this._getCurrentStatus(), i = ["gids-field__status-text"];
     if (t) {
-      const a = this._getStatusModifierClass(s, "gids-field__status-text");
-      a != null && i.push(a);
+      const o = this._getStatusModifierClass(s, "gids-field__status-text");
+      o != null && i.push(o);
     }
-    return o(d, { key: "f830ae3da5de21c80d9fd5b7161fa3f2845a82df" }, o("div", { key: "8c6c4af1b4ebe897873a49c42975a8730905cf27", class: f() }, o("div", { key: "3afa55c23b729296ff65fb03b501919dcaa420d3", class: "gids-field__header", hidden: !this._hasLabelContent() }, o("slot", { key: "6d8c9adf2b04d19a446fdd2707259d931dbc2eb9", ref: this._setLabelSlot, name: "label", onSlotchange: this._handleControlSlotChange }), o("div", { key: "46cc09d9414bb88622f95e7ccffba84b602b25f0", class: "gids-field__count", "aria-live": "polite" }, this.count)), o("div", { key: "0e6ddf85cf459c53f2cfc5f453cd4fe35e532d9b", class: "gids-field__control" }, o("slot", { key: "d2d007d50a5f7001872b368dee5d648a8751c1af", ref: this._setControlSlot, onSlotchange: this._handleControlSlotChange })), o("p", { key: "09e08e474051efd8bb9e526311cd8d3bb14f8671", 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 a(d, { key: "55afcede8d0a565f98b1cdd20293c9f885997d6c" }, a("div", { key: "4c9ce99475a4c38e5b8c62b2bef588eb48fcec28", class: p() }, a("div", { key: "4c254203e9d4414e59c2564e86119280a7f89186", class: "gids-field__header", hidden: !this._hasLabelContent() }, a("slot", { key: "3f8c6df5ac4098e821490edf0699d002ee8ca430", ref: this._setLabelSlot, name: "label", onSlotchange: this._handleControlSlotChange }), a("div", { key: "c2da3ba663158c54514d959e98ad2861fc64bd57", class: "gids-field__count", "aria-live": "polite" }, this.count)), a("div", { key: "da5091c74fb3df1146b4eecb4d7ee6537a322f32", class: "gids-field__control" }, a("slot", { key: "bc49fb537279473305d616f900d5df696d9c2c3c", ref: this._setControlSlot, onSlotchange: this._handleControlSlotChange })), a("p", { key: "326849f878b531e4695368f1f112ce6d36c3ef4d", class: "gids-field__supporting-text", hidden: !this._shouldShowHelperText() }, this.helperText), t ? a("p", { class: i.join(" "), role: "status", "aria-live": "polite" }, this._renderStatusIcon(s), e !== void 0 ? a("span", null, e) : null) : null));
   }
   _hasLabelContent() {
     return this._hasLabel;
@@ -79,8 +79,8 @@ const g = (t) => _("gids-field", t), u = /* @__PURE__ */ Object.freeze(/* @__PUR
     if (e === void 0) return;
     const s = ["gids-field__status-icon"], i = this._getStatusModifierClass(t, "gids-field__status-icon");
     i != null && s.push(i);
-    let a = t;
-    return t === "error" && (a = "danger"), t === "success" && (a = "positive"), o(h, { appearance: "filled", size: "sm", alt: "", name: e, class: s.join(" "), style: { "--gidsIcon-color": `var(--gids-color-icon-${a})` } });
+    let o = t;
+    return t === "error" && (o = "danger"), t === "success" && (o = "positive"), a(h, { appearance: "filled", size: "sm", alt: "", name: e, class: s.join(" "), style: { "--gidsIcon-color": `var(--gids-color-icon-${o})` } });
   }
   _getCurrentStatus() {
     return this._isImplicitStatus() && this._controlValidationMessage != null ? "error" : this.status ?? "implicit";
@@ -120,7 +120,7 @@ const g = (t) => _("gids-field", t), u = /* @__PURE__ */ Object.freeze(/* @__PUR
     if (e && t.name != null) {
       const s = e.elements.namedItem(t.name);
       if (s instanceof RadioNodeList) {
-        const i = Array.from(s).filter(((a) => a instanceof HTMLInputElement && a.type === "radio" && this._el.contains(a)));
+        const i = Array.from(s).filter(((o) => o instanceof HTMLInputElement && o.type === "radio" && this._el.contains(o)));
         if (i.length > 0) return i;
       }
     }
@@ -141,8 +141,8 @@ const g = (t) => _("gids-field", t), u = /* @__PURE__ */ Object.freeze(/* @__PUR
       if (e.nodeType !== Node.ELEMENT_NODE) continue;
       const s = e, i = this._asTextControl(s);
       if (i !== null) return i;
-      const a = s.querySelector("input, textarea");
-      if (a instanceof HTMLInputElement || a instanceof HTMLTextAreaElement) return a;
+      const o = s.querySelector("input, textarea");
+      if (o instanceof HTMLInputElement || o instanceof HTMLTextAreaElement) return o;
     }
     return null;
   }
@@ -171,11 +171,11 @@ const g = (t) => _("gids-field", t), u = /* @__PURE__ */ Object.freeze(/* @__PUR
 }, [257, "gids-field", { disabled: [516], count: [513], helperText: [513, "helper-text"], statusText: [513, "status-text"], status: [513], _controlValidationMessage: [32], _hasLabel: [32], reScanControl: [64] }, void 0, { status: [{ _handleStatusChange: 0 }] }]);
 function m() {
   typeof customElements < "u" && ["gids-field"].forEach(((t) => {
-    t === "gids-field" && (customElements.get(l(t)) || customElements.define(l(t), p));
+    t === "gids-field" && (customElements.get(l(t)) || customElements.define(l(t), f));
   }));
 }
 m();
 export {
-  p as d,
+  f as d,
   m as h
 };