@ganpatiinfo/gids-core-web 8.1.0 → 9.0.0

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

@@ -1,9 +1,9 @@
 import { C as u, f as c, V as h, N as f, R as i, H as s } from "./p-ibikYq-w-BsGxk8ro.js";
-import { i as b } from "./p-B2zUuNXz-BLBgQDu7.js";
-import { o as m, n as p } from "./p-DijVkS9b-CtFkEtlE.js";
-import { h as g } from "./p-BplPYg8z-B8uAAfo4.js";
-import { r as x } from "./p-BVh4zbX4-C4UJ8LPX.js";
-import { g as _ } from "./p-veoOgDXg-DElc87c0.js";
+import { i as m } from "./p-B2zUuNXz-BLBgQDu7.js";
+import { o as b, n as p } from "./p-DijVkS9b-CeV1i4T-.js";
+import { h as g } from "./p-iCAclJND-Bmsvd-W1.js";
+import { r as x } from "./p-DvoHLz_5-C5EvA91N.js";
+import { g as _ } from "./p-veoOgDXg-fRinub-C.js";
 const v = (e, t) => {
   if (!(e === void 0 || t === void 0))
     return `${e} / ${Math.max(t, 0)}`;
@@ -16,14 +16,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, l = u(class extends c {
+}, Symbol.toStringTag, { value: "Module" })), { formatCharCount: F } = l, { inputToGidsFieldStatus: O } = C, a = u(class extends c {
   constructor(e) {
     super(), e !== !1 && this.__registerHost(), this.gidsTextFieldClear = h(this, "gidsTextFieldClear"), this.#e = _(), this._handleDismiss = () => {
       const t = this.#t?.querySelector("input.gids-input__control");
@@ -40,7 +40,7 @@ const v = (e, t) => {
     })), this._slotContentObserver.observe(this._el, { childList: !0, subtree: !1, attributes: !0, attributeFilter: ["slot"] });
   }
   connectedCallback() {
-    const e = b();
+    const e = m();
     e !== void 0 && this._el.shadowRoot?.adoptedStyleSheets.push(e), this._startSlotContentObserver();
   }
   disconnectedCallback() {
@@ -49,8 +49,8 @@ const v = (e, t) => {
   #e;
   #t;
   render() {
-    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: "7aa5bbe489adc1310365d37aac41ca9772fa1d0f", disabled: this.disabled, count: F(this.value?.length, this.maxLength), helperText: this.helperText, statusText: this.statusText, status: O(this.status) }, i(p, { key: "5a9bf6cfe25a0800b466a0aaccd21ac80aca59bb", 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: "53f0d81f5227ed7a872ec9acebb559d21c4adc6e", 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: "42a2856da9b6d31452fc3fb199eacb336bff3475", name: "leadingIcon" }), i("slot", { key: "3b5cbe26cc943ffeab09231a7d7df750f7b473f7", name: "leadingAccessory" }), d && i(m, { key: "51a7942f8e31430bf1d74abad31049e9ad11f92e", label: "clear text", slot: "trailingAccessory", size: "lg", onPressDismiss: this._handleDismiss }), i("slot", { key: "ae4eccacb0f60d70b57e5df949f7a0dbc9098654", name: "trailingIcon" })));
+    const { id: e, ...t } = this.inputProps ?? {}, n = e ?? this.#e, d = this.showClearButton && this.value !== void 0 && this.value.length > 0;
+    return i("gids-field", { key: "80f1981d584f417e010322b2c5ec07a60dc1f388", disabled: this.disabled, count: F(this.value?.length, this.maxLength), helperText: this.helperText, statusText: this.statusText, status: O(this.status) }, i(p, { key: "f222a99181809cf9ccdc1ad9ceed98c985681553", slot: "label", disabled: this.disabled, info: i("slot", { name: "info" }), fieldRequirement: this.fieldRequirement, fieldRequirementOptionalText: this.fieldRequirementOptionalText, fieldRequirementRequiredText: this.fieldRequirementRequiredText, isLabelSentence: this.isLabelSentence, htmlFor: n }, this.label), i("gids-input", { key: "7ff6cf33f16be119ecc705af8a7fb8965b01b74c", 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: n, maxLength: this.maxLength } }, i("slot", { key: "d3e260125c8d8f56870e6f484894bd1a1aa8e03b", name: "leadingIcon" }), i("slot", { key: "0445885d41f43d6a76f48ed482673a266b6a0182", name: "leadingAccessory" }), d && i(b, { key: "be16083a8e414be66ceb37e076f9ebc01cc4fc8f", label: "clear text", slot: "trailingAccessory", size: "lg", onPressDismiss: this._handleDismiss }), i("slot", { key: "0dc7436a9ca21e57409cc18340747295915d2d5f", name: "trailingIcon" })));
   }
   get _el() {
     return this;
@@ -60,7 +60,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), l);
+        customElements.get(s(e)) || customElements.define(s(e), a);
         break;
       case "gids-field":
         customElements.get(s(e)) || g();
@@ -71,7 +71,7 @@ function r() {
   }));
 }
 r();
-const I = l, G = r;
+const I = a, G = r;
 export {
   I as GidsTextField,
   G as defineCustomElement

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

@@ -1,5 +1,5 @@
 import { C as l, f as n, V as d, R as t, D as a, H as s } from "./p-ibikYq-w-BsGxk8ro.js";
-import { a as c } from "./p-CWdkmFbc-D89ZE8Mi.js";
+import { o as c } from "./p-CFw4_-5A-Dzvju3VE.js";
 import { i as h } from "./p-B2zUuNXz-BLBgQDu7.js";
 const i = l(class extends n {
   get selected() {
@@ -21,9 +21,9 @@ const i = l(class extends n {
     this._el.selected = e, this.select?.emit(e);
   }
   render() {
-    return t(a, { key: "629bf94de5dcf8979c4c52f749e6f1528506cb7f" }, t("style", { key: "45b2ada2ba3e26b574f7c34675622db5352802d2" }, `:host {
+    return t(a, { key: "56bc99780f392c4d5064eaa47819ee1ff0897c79" }, t("style", { key: "e330f982d625eeb7f72ede3f382231fb5791ec47" }, `:host {
                 display: ${this.width === "full" ? "block" : "inline-block"}
-                }`), t(c, { key: "2f93e85e5dbf968c09c245e71a41a9b587ead04c", 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: "599d014741a1d931f44976866e92837ed2184e5f" })));
+                }`), t(c, { key: "ccef97603f645ba92fd4180263d2cbeff0a54a07", 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: "7094015cf47ef8d045955419aa43f03174145928" })));
   }
   _onlyHasLeadingIcon() {
     const e = this._el.childNodes;
@@ -39,8 +39,8 @@ function o() {
   }));
 }
 o();
-const u = i, b = o;
+const u = i, m = o;
 export {
   u as GidsToggleButton,
-  b as defineCustomElement
+  m as defineCustomElement
 };

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

@@ -0,0 +1,66 @@
+import { C as n, f as l, R as e, L as s, H as i } from "./p-ibikYq-w-BsGxk8ro.js";
+import { g as r } from "./p-a3JfEYJp-DyhDK6VZ.js";
+import { i as d } from "./p-B2zUuNXz-BLBgQDu7.js";
+import { o as h } from "./p-B8kX8Vqv-trBz4jdS.js";
+const o = n(class extends l {
+  constructor(t) {
+    super(), t !== !1 && this.__registerHost(), this.__attachShadow(), this.placement = "bottom", this.showWithoutDelay = !1, this.lockToMainAxis = !1, this.handleShowEvent = () => {
+      this.floatingElementManager.showAfterDelay();
+    }, this.handleHideEvent = () => {
+      this.floatingElementManager.hideAfterDelay();
+    };
+  }
+  connectedCallback() {
+    const t = d();
+    t !== void 0 && this._el.shadowRoot?.adoptedStyleSheets.push(t);
+  }
+  componentDidLoad() {
+    this.floatingElementManager = new r(this._el, { htmlFor: this.htmlFor, placement: this.placement, showWithoutDelay: this.showWithoutDelay, lockToMainAxis: this.lockToMainAxis, floatingElementSelector: "#tooltip", arrowElementSelector: "#arrow", visibilityClass: "gids-tooltip--visible", elementType: h.TOOLTIP, getAnchorElementFromSlot: (t) => t.querySelector("slot")?.assignedElements()[0] || null }), this.floatingElementManager.initialize(), this.setupEventListeners();
+  }
+  setupEventListeners() {
+    const t = this.floatingElementManager.getAnchorElement();
+    t && (t.addEventListener("mouseenter", this.handleShowEvent), t.addEventListener("focus", this.handleShowEvent), t.addEventListener("mouseleave", this.handleHideEvent), t.addEventListener("blur", this.handleHideEvent));
+  }
+  placementChanged(t) {
+    this.floatingElementManager?.updateConfig({ placement: t }), this.floatingElementManager?.isVisible() && this.floatingElementManager?.reposition();
+  }
+  showWithoutDelayChanged(t) {
+    this.floatingElementManager?.updateConfig({ showWithoutDelay: t });
+  }
+  lockToMainAxisChanged(t) {
+    this.floatingElementManager?.updateConfig({ lockToMainAxis: t });
+  }
+  htmlForChanged(t) {
+    this.floatingElementManager?.updateConfig({ htmlFor: t }), this.cleanupEventListeners(), this.floatingElementManager?.initialize(), this.setupEventListeners();
+  }
+  cleanupEventListeners() {
+    const t = this.floatingElementManager?.getAnchorElement();
+    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: "49747828eaa09ead2d1e2f6d9d28b66c2db76103" }, e("slot", { key: "9ad53320553f1377f01f026a95f7cb894d91c98a" }), e("span", { key: "6116e418faa09d82975a3830f7e0bedcbdd8e87f", id: "tooltip", part: "tooltip", role: "tooltip" }, e("span", { key: "677d275b2e161441d76315c50a60a941d6dd010a", id: "arrow" }), this.tooltipText));
+  }
+  disconnectedCallback() {
+    this.cleanupEventListeners(), this.floatingElementManager?.destroy();
+  }
+  get _el() {
+    return this;
+  }
+  static get watchers() {
+    return { placement: [{ placementChanged: 0 }], showWithoutDelay: [{ showWithoutDelayChanged: 0 }], lockToMainAxis: [{ lockToMainAxisChanged: 0 }], htmlFor: [{ htmlForChanged: 0 }] };
+  }
+  static get style() {
+    return "gids-tooltip{--gidsTooltip-background:var(--gids-color-background-neutral-bold-default);--gidsTooltip-text-color:var(--gids-color-text-inverse);--gidsTooltip-padding:var(--gids-padding-vertical-edge-to-element-100)    var(--gids-padding-horizontal-edge-to-element-200);--gidsTooltip-border-radius:var(--gids-border-radius-sm);--gidsTooltip-tip-border-radius:2px;--gidsTooltip-tip-size:12px;--gidsFloatingElement-background:var(--gidsTooltip-background);--gidsFloatingElement-tip-border-radius:var(--gidsTooltip-tip-border-radius)}[part=tooltip]{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);position:absolute;display:inline-block;hyphens:auto;background-color:var(--gidsTooltip-background);color:var(--gidsTooltip-text-color);padding:var(--gidsTooltip-padding);border-radius:var(--gidsTooltip-border-radius);z-index:1000;opacity:0;pointer-events:none}[part=tooltip].gids-tooltip--visible{pointer-events:initial;opacity:1}[part=tooltip] span#arrow{position:absolute;height:var(--gidsTooltip-tip-size);width:var(--gidsTooltip-tip-size)}";
+  }
+}, [257, "gids-tooltip", { htmlFor: [513, "for"], tooltipText: [513, "tooltip-text"], placement: [513], showWithoutDelay: [516, "show-without-delay"], lockToMainAxis: [4, "lock-to-main-axis"] }, void 0, { placement: [{ placementChanged: 0 }], showWithoutDelay: [{ showWithoutDelayChanged: 0 }], lockToMainAxis: [{ lockToMainAxisChanged: 0 }], htmlFor: [{ htmlForChanged: 0 }] }]);
+function a() {
+  typeof customElements < "u" && ["gids-tooltip"].forEach(((t) => {
+    t === "gids-tooltip" && (customElements.get(i(t)) || customElements.define(i(t), o));
+  }));
+}
+a();
+const v = o, f = a;
+export {
+  v as GidsTooltip,
+  f as defineCustomElement
+};

package/dist-bundled/es/index.js

@@ -1,23 +1,37 @@
-import { w as n, a as f, j as P, F as A, b as G } from "./p-ibikYq-w-BsGxk8ro.js";
-import { i as l, n as m } from "./p-B2zUuNXz-BLBgQDu7.js";
-import { s as a } from "./assets-Drv1fXkA.js";
-function t(s, e) {
-  a(s, e);
+import { w as y, a as A, j as u, F as G, b as P } from "./p-ibikYq-w-BsGxk8ro.js";
+import { i as E, n as x } from "./p-B2zUuNXz-BLBgQDu7.js";
+import { o as $ } from "./p-B8kX8Vqv-trBz4jdS.js";
+import { s as d } from "./assets-Drv1fXkA.js";
+function i(e, r) {
+  d(e, r);
 }
-const r = (s) => {
-  t(s);
-}, i = (s) => {
-  t(s);
+const c = (e) => {
+  i(e);
+}, f = (e) => {
+  i(e);
+}, h = ({ children: e, classNameToBeValidated: r, childrenToBeValidated: o, currentComponentName: a }) => {
+  if (e != null) {
+    const n = Array.isArray(e) ? e : [e];
+    for (const s of n) {
+      if (!s || typeof s != "object" || !("vtag" in s)) throw Error(`HTML/JSX Render Error: Invalid child type passed to ${a}. Expected ${o}.`);
+      {
+        const t = s.vtag;
+        if (t !== r && t !== o) throw Error(`HTML/JSX Render Error: <${a}> only accepts <${o}> as direct children. Received element tag: "${typeof t == "function" ? t.name : t}".`);
+      }
+    }
+  }
 };
 export {
-  n as getAssetPath,
-  l as getConstructedGidsStylesheet,
-  m as refreshConstructedGidsStylesheet,
-  f as render,
-  P as setAssetPath,
-  r as setGidsAssetFilePaths,
-  t as setGidsAssetPaths,
-  i as setGidsDefaultAssetDirPath,
-  A as setNonce,
-  G as setPlatformOptions
+  $ as GidsFloatingElementType,
+  y as getAssetPath,
+  E as getConstructedGidsStylesheet,
+  x as refreshConstructedGidsStylesheet,
+  A as render,
+  u as setAssetPath,
+  c as setGidsAssetFilePaths,
+  i as setGidsAssetPaths,
+  f as setGidsDefaultAssetDirPath,
+  G as setNonce,
+  P as setPlatformOptions,
+  h as testHtmlChildrenValidity
 };

package/dist-bundled/es/p-B8kX8Vqv-trBz4jdS.js

@@ -0,0 +1,7 @@
+var p;
+(function(o) {
+  o.TOOLTIP = "tooltip", o.POPOVER = "popover";
+})(p || (p = {}));
+export {
+  p as o
+};

package/dist-bundled/es/p-CFw4_-5A-Dzvju3VE.js

@@ -0,0 +1,25 @@
+import { R as a } from "./p-ibikYq-w-BsGxk8ro.js";
+import { l as h } from "./p-DybsMR13-DpmsG3Q1.js";
+import { c as _ } from "./clsx-OuTLNxxd.js";
+const v = ({ appearance: t, size: n, width: d, destructive: s, positive: o, loading: l }, i, e) => _("gids-button", {
+  "gids-button--primary": t === "primary",
+  "gids-button--subtle": t === "subtle",
+  "gids-button--xs": n === "xs",
+  "gids-button--sm": n === "sm",
+  // 'gids-button--md': size === 'md',
+  "gids-button--lg": n === "lg",
+  "gids-button--full-width": d === "full",
+  "gids-button--destructive": s && !o,
+  "gids-button--positive": o && !s,
+  "gids-button--icon-only": i,
+  "gids-button--loading": l
+}, e), w = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsButtonClassNames: v
+}, Symbol.toStringTag, { value: "Module" })), b = (t) => t !== void 0 && (!Array.isArray(t) || t.length > 0), { getGidsButtonClassNames: x } = w, z = ({ appearance: t, size: n, destructive: d, positive: s, loading: o, width: l, leadingIcon: i, trailingIcon: e, as: c, disabled: p, class: m, forceIconOnly: y = !1, ...u }, g) => {
+  const r = c || "button", f = n === "lg" || n === void 0 ? "md" : n;
+  return r !== "button" || "type" in u || (u.type = "button"), a(r, { class: x({ appearance: t, size: n, destructive: d, loading: o, width: l, positive: s }, y || g.length === 0 && b(i) && !b(e), m), disabled: r === "button" ? p : void 0, ...u }, a("span", { class: "gids-button__content" }, i, g), o && a(h, { size: f, indeterminate: !0 }), e);
+};
+export {
+  z as o
+};

package/dist-bundled/es/{p-DijVkS9b-CtFkEtlE.js → p-DijVkS9b-CeV1i4T-.js}

@@ -1,5 +1,5 @@
 import { R as o } from "./p-ibikYq-w-BsGxk8ro.js";
-import { d as f } from "./p-veoOgDXg-DElc87c0.js";
+import { d as f } from "./p-veoOgDXg-fRinub-C.js";
 import { c as u } from "./clsx-OuTLNxxd.js";
 const _ = ({ disabled: e }, s) => u("gids-label", { "gids-label--disabled": e }, s), y = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,

package/dist-bundled/es/{p-BVh4zbX4-C4UJ8LPX.js → p-DvoHLz_5-C5EvA91N.js}

@@ -1,6 +1,6 @@
-import { H as s, C as l, f as d, R as a, L as u } from "./p-ibikYq-w-BsGxk8ro.js";
-import { d as n } from "./p-veoOgDXg-DElc87c0.js";
-import { l as r } from "./p-DybsMR13-DpmsG3Q1.js";
+import { H as s, C as l, f as u, R as a, L as r } from "./p-ibikYq-w-BsGxk8ro.js";
+import { d as n } from "./p-veoOgDXg-fRinub-C.js";
+import { l as d } from "./p-DybsMR13-DpmsG3Q1.js";
 const c = (e) => e.type === "hidden", f = (e) => {
   if (!(e instanceof HTMLElement))
     return !1;
@@ -15,7 +15,7 @@ const c = (e) => e.type === "hidden", f = (e) => {
     "SELECT",
     "TEXTAREA"
   ].includes(t) || t === "A" && e.hasAttribute("href") || e instanceof HTMLInputElement && !c(e) || ["AUDIO", "VIDEO"].includes(t) && e.hasAttribute("controls") || ["IMG", "OBJECT"].includes(t) && e.hasAttribute("usemap") || e.hasAttribute("tabindex") && e.tabIndex > -1);
-}, o = l(class extends d {
+}, o = l(class extends u {
   constructor(e) {
     super(), e !== !1 && this.__registerHost(), this.#e = {}, this._focusInput = (t) => {
       const i = t.target;
@@ -54,9 +54,9 @@ const c = (e) => e.type === "hidden", f = (e) => {
     this._el.removeEventListener("click", this._focusInput);
   }
   render() {
-    return a(u, { key: "281c832656cace745109fdd8208fe24b90f2c126" }, a("slot", { key: "5f8424a1d9bc196e3efee9d1e5d099bed15ddb4b", name: "leadingIcon" }), this.leadingLabel && a("span", { key: "2ce161a38f74618d60f38028c646c80e361aeced", class: "gids-input__label" }, this.leadingLabel), a("slot", { key: "12383525faf774eef618705cf68338a4fc9c9e55", name: "leadingAccessory" }), a("input", { key: "19de1aa1ad2a47db2979dfcbbf9b8e49d045f5af", ...this.inputProps, ref: (e) => {
+    return a(r, { key: "c1e035111a8a80ef0b442bc0298785f0c7445113" }, a("slot", { key: "49bd52d5bbc7c9b962b27f6404ca9817de699b31", name: "leadingIcon" }), this.leadingLabel && a("span", { key: "2863a61da1f009b7287af508d9809d66787ddaf7", class: "gids-input__label" }, this.leadingLabel), a("slot", { key: "f74e8993fb8b1dd186a53c4557ceffac681f2881", name: "leadingAccessory" }), a("input", { key: "2bc7f84858a8533f33c66834ad212c38ad698075", ...this.inputProps, ref: (e) => {
       this.#t = e, this.#e.value !== void 0 && (this.#t.value = this.#e.value, delete this.#e.value), this.#e.defaultValue !== void 0 && (this.#t.defaultValue = this.#e.defaultValue, delete this.#e.defaultValue);
-    }, class: "gids-input__control", name: this.name, disabled: this.disabled, readOnly: this.readOnly, required: this.required, onFocus: this._handleInputFocusAndBlur, onBlur: this._handleInputFocusAndBlur }), a("slot", { key: "3e0f6ae8c23b2536891ddd0adb7be1215d86ac66", name: "trailingAccessory" }), this.trailingLabel && a("span", { key: "9b2ac9fbf6c198dd0a4e1decf4631b2b46902587", class: "gids-input__label" }, this.trailingLabel), a("slot", { key: "d9848f786ce38136f1ad8c07d685215ede87f157", name: "trailingIcon" }), this.status === "incomplete" && a(n, { key: "bc8bcc01f07bd345b448f4662a37b28d8029a94f", name: "warning", appearance: "filled", class: "gids-input__warning-icon" }), this.status === "complete" && a(n, { key: "cafc44041a1d4eac859face7ec5eea2ced1ca3f5", name: "positive", appearance: "filled", class: "gids-input__positive-icon" }), this.loading && a(r, { key: "0daca638742b098d06da6cd9a7b9cfd6e9c90921", size: "md", indeterminate: !0 }));
+    }, class: "gids-input__control", name: this.name, disabled: this.disabled, readOnly: this.readOnly, required: this.required, onFocus: this._handleInputFocusAndBlur, onBlur: this._handleInputFocusAndBlur }), a("slot", { key: "2116db712ac02853ae4974b4ad618b5eee372b3f", name: "trailingAccessory" }), this.trailingLabel && a("span", { key: "35dc9b1c2bd2ef493b0ce1a602688f41854c922d", class: "gids-input__label" }, this.trailingLabel), a("slot", { key: "6cc1b37e9a0b979f04de753d8527aaae2970762c", name: "trailingIcon" }), this.status === "incomplete" && a(n, { key: "8c963877cee9bc941b1236a6b647fc1790a41cdc", name: "warning", appearance: "filled", class: "gids-input__warning-icon" }), this.status === "complete" && a(n, { key: "a2c401261ff8defa2802b5bbc336a6b4cc177ff4", name: "positive", appearance: "filled", class: "gids-input__positive-icon" }), this.loading && a(d, { key: "4dd22cd62d87ff444794fc8f1c4f0cc78e14738a", size: "md", indeterminate: !0 }));
   }
   get _el() {
     return this;