@ganpatiinfo/gids-core-web 8.2.0 → 10.0.0

package/dist-bundled/es/gids-overlay-provider.js

@@ -1,8 +1,8 @@
-import { C as k, f as y, R as o, L as w, H as f } from "./p-ibikYq-w-BsGxk8ro.js";
+import { _ as C, u as y, T as o, L as w, P as f } from "./p-Ct3Ixgvf-CNP_PKwP.js";
 import { i as x } from "./p-B2zUuNXz-BLBgQDu7.js";
 import { e as N, n as g } from "./p-CVtNa0cL-sSVeJsR3.js";
-import { d as p } from "./p-veoOgDXg-DElc87c0.js";
-import { a as u } from "./p-CWdkmFbc-D89ZE8Mi.js";
+import { d as p } from "./p-BnL97lOW-BO0p4EdC.js";
+import { o as u } from "./p-KxRqlvSh-JOFDmT0B.js";
 import { c as h } from "./clsx-OuTLNxxd.js";
 const Q = ({ appearance: t }, e) => h("gids-snackbar-container", {
   // 'gids-snackbar-container--appearance-default': appearance === 'default' // its a default
@@ -24,7 +24,7 @@ const Q = ({ appearance: t }, e) => h("gids-snackbar-container", {
       default:
         return;
     }
-}, j = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, P = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getGidsSnackbarContainerClassNames: Q,
   getSnackbarContainerIconNames: S
@@ -66,7 +66,7 @@ const Q = ({ appearance: t }, e) => h("gids-snackbar-container", {
     default:
       return "component-exit-bottom-center";
   }
-}, P = ({ position: t, id: e, exitingComponents: n }) => n.includes(e) ? v(t) : b(t), M = ({ position: t }) => {
+}, j = ({ position: t, id: e, exitingComponents: n }) => n.includes(e) ? v(t) : b(t), M = ({ position: t }) => {
   switch (t) {
     case "bottom-left":
       return "common-component-stack component-stack-bottom-left";
@@ -87,7 +87,7 @@ const Q = ({ appearance: t }, e) => h("gids-snackbar-container", {
   }
 }, O = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getComponentClasses: P,
+  getComponentClasses: j,
   getComponentEntryClasses: b,
   getComponentExitClasses: v,
   getComponentStackClasses: M
@@ -115,20 +115,20 @@ const Q = ({ appearance: t }, e) => h("gids-snackbar-container", {
   __proto__: null,
   getGidsNotificationContainerClassNames: T,
   getNotificationContainerIconNames: I
-}, Symbol.toStringTag, { value: "Module" })), { getGidsSnackbarContainerClassNames: z, getSnackbarContainerIconNames: L } = j, R = ({ appearance: t = "default", children: e, button: n, class: i, ...a }) => {
+}, Symbol.toStringTag, { value: "Module" })), { getGidsSnackbarContainerClassNames: z, getSnackbarContainerIconNames: L } = P, X = ({ appearance: t = "default", children: e, button: n, class: i, ...a }) => {
   const r = L(t);
   return o("div", { ...a, class: z({ appearance: t }, i) }, o("div", { class: "gids-snackbar-container__content" }, t !== "default" && r != null ? o(p, { name: r, alt: "", appearance: "filled", size: "md", class: "gids-snackbar-container__icon" }) : null, typeof e == "string" ? o("p", null, e) : e), n);
-}, { getGidsNotificationContainerClassNames: X, getNotificationContainerIconNames: Y } = q, E = ({ notificationTitle: t, children: e, button: n, appearance: i = "default", pronunciation: a = "standard", onCloseNotificationClick: r, class: s, ...m }) => {
-  const c = Y(i);
-  return o("div", { class: X({ appearance: i }, s), ...m }, i !== "default" && c ? o("div", { class: "gids-notification-container__leading-icon-wrapper" }, o(p, { size: "md", name: c, alt: "", appearance: "filled" })) : null, o("div", { class: "gids-notification-container__content-wrapper" }, o("div", { class: "gids-notification-container__top-content" }, o("div", { class: "gids-notification-container__text-content" }, t != null && t !== "" ? o("span", { class: "gids-notification-container__title" }, t) : null, e ? typeof e == "string" ? o("p", null, e) : e : null), a === "standard" ? o("div", { class: "gids-notification-container__cross-btn-wrapper" }, o(u, { size: "sm", appearance: "subtle", width: "intrinsic", leadingIcon: o(p, { name: "cross", size: "md", appearance: "regular" }), onClick: r })) : null), n ? o("div", { class: "gids-notification-container__bottom-content" }, n) : null));
-}, { getComponentClasses: B, getComponentStackClasses: G } = O, _ = k(class extends y {
+}, { getGidsNotificationContainerClassNames: Y, getNotificationContainerIconNames: E } = q, R = ({ notificationTitle: t, children: e, button: n, appearance: i = "default", pronunciation: a = "standard", onCloseNotificationClick: r, class: s, ...m }) => {
+  const c = E(i);
+  return o("div", { class: Y({ appearance: i }, s), ...m }, i !== "default" && c ? o("div", { class: "gids-notification-container__leading-icon-wrapper" }, o(p, { size: "md", name: c, alt: "", appearance: "filled" })) : null, o("div", { class: "gids-notification-container__content-wrapper" }, o("div", { class: "gids-notification-container__top-content" }, o("div", { class: "gids-notification-container__text-content" }, t != null && t !== "" ? o("span", { class: "gids-notification-container__title" }, t) : null, e ? typeof e == "string" ? o("p", null, e) : e : null), a === "standard" ? o("div", { class: "gids-notification-container__cross-btn-wrapper" }, o(u, { size: "sm", appearance: "subtle", width: "intrinsic", leadingIcon: o(p, { name: "cross", size: "md", appearance: "regular" }), onClick: r })) : null), n ? o("div", { class: "gids-notification-container__bottom-content" }, n) : null));
+}, { getComponentClasses: B, getComponentStackClasses: G } = O, _ = C(class extends y {
   constructor(t) {
     super(), t !== !1 && this.__registerHost(), this.__attachShadow(), this._parentOverlayProvider = null, this._componentQueue = [], this._allowedComponentQueue = [], this._exitingComponents = [], this._renderSnackbar = (e, n) => {
       const { id: i, message: a, appearance: r, buttonLabel: s, onButtonClick: m } = e;
-      return o(R, { key: i, class: n, children: a, appearance: r, button: s != null && s !== "" ? o(u, { appearance: "subtle", onClick: m }, s) : void 0 });
+      return o(X, { key: i, class: n, children: a, appearance: r, button: s != null && s !== "" ? o(u, { appearance: "subtle", onClick: m }, s) : void 0 });
     }, this._renderNotification = (e, n) => {
       const { id: i, notificationTitle: a, message: r, pronunciation: s, appearance: m, buttonLabel: c, onButtonClick: l, timerInMs: d } = e;
-      return o(E, { key: i, class: n, notificationTitle: a, children: r, pronunciation: s, appearance: m, onCloseNotificationClick: () => this.removeComponent(e, d || 0, !0), button: c != null && c !== "" ? o(u, { appearance: "default", size: "sm", onClick: l }, c) : void 0 });
+      return o(R, { key: i, class: n, notificationTitle: a, children: r, pronunciation: s, appearance: m, onCloseNotificationClick: () => this.removeComponent(e, d || 0, !0), button: c != null && c !== "" ? o(u, { appearance: "default", size: "sm", onClick: l }, c) : void 0 });
     }, this._renderComponent = (e) => {
       const { componentName: n, position: i = "bottom-center", id: a } = e, r = B({ position: i, id: a, exitingComponents: this._exitingComponents });
       return n == null || n === "snackbar" ? this._renderSnackbar(e, r) : n === "notification" ? this._renderNotification(e, r) : null;
@@ -187,7 +187,7 @@ const Q = ({ appearance: t }, e) => h("gids-snackbar-container", {
   }
   render() {
     const t = this._allowedComponentQueue[0]?.position || "bottom-center";
-    return o(w, { key: "f80c6557d382dc5af3ddcb77f20c58ffa9acbd53" }, o("slot", { key: "1d763f5cedecd8b8a2e0b7d1fb207e9ffde7ad97" }), this._isRoot() ? o("div", { class: G({ position: t }) }, [...this._allowedComponentQueue].reverse().map(((e) => this._renderComponent(e)))) : null);
+    return o(w, { key: "c130346274545aa8cb3b12390fa28f65b612dcd9" }, o("slot", { key: "6bfbde0f8f8a9cc75e3236ac806d762a9f2e0049" }), this._isRoot() ? o("div", { class: G({ position: t }) }, [...this._allowedComponentQueue].reverse().map(((e) => this._renderComponent(e)))) : null);
   }
   get _el() {
     return this;
@@ -196,13 +196,13 @@ const Q = ({ appearance: t }, e) => h("gids-snackbar-container", {
     return ".common-component-stack{display:flex;flex-direction:column;position:fixed;gap:var(--gids-gap-200);min-width:var(--gids-width-2-xs);max-width:var(--gids-width-md);width:100%}.component-stack-bottom-left{justify-self:left;bottom:var(--gids-padding-vertical-edge-to-element-250);left:var(--gids-padding-vertical-edge-to-element-250)}.component-stack-bottom-right{justify-self:right;bottom:var(--gids-padding-vertical-edge-to-element-250);right:var(--gids-padding-vertical-edge-to-element-250)}.component-stack-middle-left{top:50%;justify-self:left;align-self:center;left:var(--gids-padding-vertical-edge-to-element-250)}.component-stack-middle-right{top:50%;justify-self:right;align-self:center;right:var(--gids-padding-vertical-edge-to-element-250)}.component-stack-top-center{justify-self:center;top:var(--gids-padding-vertical-edge-to-element-250)}.component-stack-top-left{justify-self:left;top:var(--gids-padding-vertical-edge-to-element-250);left:var(--gids-padding-vertical-edge-to-element-250)}.component-stack-top-right{justify-self:right;top:var(--gids-padding-vertical-edge-to-element-250);right:var(--gids-padding-vertical-edge-to-element-250)}.component-stack-bottom-center{justify-self:center;bottom:var(--gids-padding-vertical-edge-to-element-250)}.component-enter-bottom-left{animation-name:left-to-right-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-enter-bottom-right{animation-name:right-to-left-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-enter-middle-left{animation-name:left-to-right-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-enter-middle-right{animation-name:right-to-left-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-enter-top-center{animation-name:slide-up-invisible;animation-duration:0.3s;animation-fill-mode:forwards}.component-enter-top-left{animation-name:left-to-right-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-enter-top-right{animation-name:right-to-left-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-enter-bottom-center{animation-name:slide-up-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-bottom-left{animation-name:right-to-left-invisible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-bottom-right{animation-name:left-to-right-invisible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-middle-left{animation-name:right-to-left-invisible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-middle-right{animation-name:left-to-right-invisible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-top-center{animation-name:slide-down-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-top-left{animation-name:right-to-left-invisible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-top-right{animation-name:left-to-right-invisible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-bottom-center{animation-name:slide-down-invisible;animation-duration:0.3s;animation-fill-mode:forwards}@keyframes slide-up-visible{0%{opacity:0;transform:translateY(100%)}100%{opacity:1;transform:translateY(0)}}@keyframes slide-down-invisible{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(100%)}}@keyframes slide-up-invisible{0%{opacity:0;transform:translateY(-100%)}100%{opacity:1;transform:translateY(0)}}@keyframes slide-down-visible{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-100%)}}@keyframes left-to-right-visible{0%{opacity:0;transform:translateX(-100%)}100%{opacity:1;transform:translateX(0)}}@keyframes right-to-left-invisible{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-100%)}}@keyframes right-to-left-visible{0%{opacity:0;transform:translateX(100%)}100%{opacity:1;transform:translateX(0)}}@keyframes left-to-right-invisible{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(100%)}}";
   }
 }, [257, "gids-overlay-provider", { _componentQueue: [32], _allowedComponentQueue: [32], _exitingComponents: [32], queueComponent: [64] }]);
-function C() {
+function k() {
   typeof customElements < "u" && ["gids-overlay-provider"].forEach(((t) => {
     t === "gids-overlay-provider" && (customElements.get(f(t)) || customElements.define(f(t), _));
   }));
 }
-C();
-const K = _, U = C;
+k();
+const K = _, U = k;
 export {
   K as GidsOverlayProvider,
   U as defineCustomElement

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

@@ -1,10 +1,11 @@
-import { C as S, f as P, V as v, N as x, R as i, L as T, H as h } from "./p-ibikYq-w-BsGxk8ro.js";
+import { _ as y, u as S, q as w, M as T, T as i, L as x, P as h } from "./p-Ct3Ixgvf-CNP_PKwP.js";
 import { i as C } from "./p-B2zUuNXz-BLBgQDu7.js";
-import { n as L, o as O } from "./p-DijVkS9b-CtFkEtlE.js";
-import { a as F } from "./p-CWdkmFbc-D89ZE8Mi.js";
-import { g as k, d as j } from "./p-veoOgDXg-DElc87c0.js";
-import { h as E } from "./p-DjvDBWCb-C9js0PPL.js";
-import { f as G } from "./p-Bg3lw2Ae-CkC8nUqv.js";
+import { a as L } from "./p-CRngHsR7-DL9wz3Z3.js";
+import { r as O } from "./p-DZWWuJac-DNQvnHAr.js";
+import { o as F } from "./p-KxRqlvSh-JOFDmT0B.js";
+import { g as k, d as j } from "./p-BnL97lOW-BO0p4EdC.js";
+import { h as E } from "./p-BvYnawkJ-DohV9UNG.js";
+import { r as G } from "./p-DfFqFdmS-DjI2pk-0.js";
 import { c as g } from "./clsx-OuTLNxxd.js";
 const f = /[A-Z]/, p = /[a-z]/, b = /[0-9]/, q = /[^A-Za-z0-9]/, z = ({ text: e, meterRules: t = [], textMinLength: s = 0 }) => {
   if (!e || e === "")
@@ -76,13 +77,13 @@ const f = /[A-Z]/, p = /[a-z]/, b = /[0-9]/, q = /[^A-Za-z0-9]/, z = ({ text: e,
     defaultMeterRules: R(t),
     defaultRequirementsMeterRules: t
   };
-}, N = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, $ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   checkRequirementRuleSatisfied: I,
   getDefaultRulesAndRequirementsForMeters: m,
   getMeterRulesFromRequirements: R,
   minLengthRuleCanBeApplied: o
-}, Symbol.toStringTag, { value: "Module" })), $ = (e) => {
+}, Symbol.toStringTag, { value: "Module" })), N = (e) => {
   switch (e) {
     case "error":
       return "danger";
@@ -97,7 +98,7 @@ const f = /[A-Z]/, p = /[a-z]/, b = /[0-9]/, q = /[^A-Za-z0-9]/, z = ({ text: e,
   }
 }, V = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getRequirementsMeterLabelLeadingIcon: $
+  getRequirementsMeterLabelLeadingIcon: N
 }, Symbol.toStringTag, { value: "Module" })), D = (e) => {
   switch (e) {
     case "error":
@@ -132,14 +133,14 @@ const f = /[A-Z]/, p = /[a-z]/, b = /[0-9]/, q = /[^A-Za-z0-9]/, z = ({ text: e,
   return s.length > 0 ? i("div", { class: te(n) }, (() => {
     const r = s.length, l = se({ text: e, textMinLength: t, meterRules: s }), u = re({ textScore: l, maxScore: r });
     return Array.from({ length: r }, ((_, c) => {
-      const d = c + 1, w = d <= l;
-      return s[d] === "include-min-length" ? o({ requirementRule: "include-min-length", textMinLength: t }) ? a(d, u, w) : null : a(d, u, w);
+      const d = c + 1, v = d <= l;
+      return s[d] === "include-min-length" ? o({ requirementRule: "include-min-length", textMinLength: t }) ? a(d, u, v) : null : a(d, u, v);
     }));
   })()) : null;
 }, { getGidsRequirementsMeterLabelClassNames: ne } = J, { getRequirementsMeterLabelLeadingIcon: le } = V, ae = (e) => {
   const { label: t, status: s = "default", leadingIconVisible: n = !0, class: a } = e, r = le(s);
   return i("div", { class: ne({ status: s }, a) }, n && s && r ? i(j, { name: r, size: "sm", appearance: "filled" }) : null, t && t !== "" ? i("span", null, t) : null);
-}, { checkRequirementRuleSatisfied: ue } = N, { getGidsRequirementsMeterClassNames: de } = Q, oe = ({ requirements: e = [], text: t, textMinLength: s, class: n }) => {
+}, { checkRequirementRuleSatisfied: ue } = $, { getGidsRequirementsMeterClassNames: de } = Q, oe = ({ requirements: e = [], text: t, textMinLength: s, class: n }) => {
   const a = (r, l) => i(ae, { status: l ? "success" : "error", label: r.requirementText });
   return i("div", { class: de(n) }, e.map(((r) => {
     if (r?.requirementText != null && r?.requirementRule != null) {
@@ -148,9 +149,9 @@ const f = /[A-Z]/, p = /[a-z]/, b = /[0-9]/, q = /[^A-Za-z0-9]/, z = ({ text: e,
     }
     return null;
   })));
-}, { inputToGidsFieldStatusForPassword: ce } = ee, M = S(class extends P {
+}, { inputToGidsFieldStatusForPassword: ce } = ee, M = y(class extends S {
   constructor(e) {
-    super(), e !== !1 && this.__registerHost(), this.gidsPasswordFieldClear = v(this, "gidsPasswordFieldClear"), this.gidsPasswordFieldRevealPassword = v(this, "gidsPasswordFieldRevealPassword"), this.isPasswordRevealed = !1, this.meterRules = [], this.requirementsMeterRequirements = [], this.requirements = [], this.#t = k(), this._handleDismiss = () => {
+    super(), e !== !1 && this.__registerHost(), this.gidsPasswordFieldClear = w(this, "gidsPasswordFieldClear"), this.gidsPasswordFieldRevealPassword = w(this, "gidsPasswordFieldRevealPassword"), this.isPasswordRevealed = !1, this.meterRules = [], this.requirementsMeterRequirements = [], this.requirements = [], this.#t = k(), this._handleDismiss = () => {
       const t = this.#e?.querySelector("input.gids-input__control");
       t && (t.value = "", t.dispatchEvent(new globalThis.Event("input", { bubbles: !0 }))), this.value = "", this.gidsPasswordFieldClear.emit();
     }, this._handleRevealPassword = () => {
@@ -170,7 +171,7 @@ const f = /[A-Z]/, p = /[a-z]/, b = /[0-9]/, q = /[^A-Za-z0-9]/, z = ({ text: e,
   }
   _startSlotContentObserver() {
     this._slotContentObserver = new MutationObserver((() => {
-      x(this);
+      T(this);
     })), this._slotContentObserver.observe(this._el, { childList: !0, subtree: !1, attributes: !0, attributeFilter: ["slot"] });
   }
   handleRequirementsChange(e) {
@@ -190,7 +191,7 @@ const f = /[A-Z]/, p = /[a-z]/, b = /[0-9]/, q = /[^A-Za-z0-9]/, z = ({ text: e,
   #e;
   render() {
     const { id: e, ...t } = this.inputProps ?? {}, s = e ?? this.#t, n = this.showClearButton && this.value !== void 0 && this.value.length > 0, a = this.showRevealPasswordButton, r = { ...t }, l = r?.placeholder !== void 0 && r.placeholder !== null && r.placeholder != "" ? r.placeholder : "Enter password", u = this.isPasswordRevealed, _ = this.meterRules, c = this.textMinLength !== void 0 ? this.textMinLength : 8;
-    return i(T, { key: "ac0547218330d8f736228ea80758fa093106c83b" }, i("gids-field", { key: "98c060a626789dbd002f5792cd80f1d774700ce8", disabled: this.disabled, count: void 0, helperText: this.helperText, statusText: this.statusText, status: ce(this.status) }, i(L, { key: "c3bc15ae28913dd303c6f1ac115a263eb6c957d6", slot: "label", disabled: this.disabled, info: i("slot", { name: "info" }), fieldRequirement: this.fieldRequirement, fieldRequirementOptionalText: this.fieldRequirementOptionalText, fieldRequirementRequiredText: this.fieldRequirementRequiredText, isLabelSentence: this.isLabelSentence, htmlFor: s }, this.label), i("gids-input", { key: "27e62b83ad6ad35b88478e2098e27b90955831c8", ref: (d) => this.#e = d, appearance: "default", 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: void 0, trailingLabel: void 0, onFocus: this._handleInputFocusAndBlur, onBlur: this._handleInputFocusAndBlur, onInput: this._handleInput, inputProps: { ...r, placeholder: l, type: u ? "text" : "password", id: s, maxLength: this.maxLength } }, i("slot", { key: "be45ade51a541676a5b2e234fcbee46e60cde86c", name: "leadingIcon" }), i("slot", { key: "6cf1f874d8f94f0a47006f05784cbc96c6364a29", name: "leadingAccessory" }), i("div", { key: "8243a614ec6fc1d2b58f89c346123829b6ce4350", slot: "trailingAccessory", class: "gids-password-field__trailing-accessory" }, n && i(O, { key: "5a404ec6fbecf9d383bf11a1d06371d79b5bd1be", label: "clear text", size: "lg", onPressDismiss: this._handleDismiss }), a && i(F, { key: "c6cac51598118d8e6fed039a08a5f6d7ad4ae3ac", appearance: "default", size: "xs", width: "intrinsic", disabled: this.disabled, onClick: this._handleRevealPassword }, u ? "Hide" : "Show")))), i("div", { key: "dea7d30bac19ece0988437a663743020be7b9c47", class: "gids-password-field__meters-container" }, i(ie, { key: "0cd888450a7760a8c80b73ded9ccd91e2b30c39f", meterRules: _, text: this.value, textMinLength: c }), i(oe, { key: "f5960940724dabab47fceb265ae369d1ce23e9aa", requirements: this.requirementsMeterRequirements, text: this.value, textMinLength: c })));
+    return i(x, { key: "20e80248a1bf89a1fbcc45afde2d53bd51fbdbcc" }, i("gids-field", { key: "f3b8a64102cca5dc4342cc06c24c42ade33ff182", disabled: this.disabled, count: void 0, helperText: this.helperText, statusText: this.statusText, status: ce(this.status) }, i(L, { key: "49d56818bb59470c86a1375540849ac72a85ec39", slot: "label", disabled: this.disabled, info: i("slot", { name: "info" }), fieldRequirement: this.fieldRequirement, fieldRequirementOptionalText: this.fieldRequirementOptionalText, fieldRequirementRequiredText: this.fieldRequirementRequiredText, isLabelSentence: this.isLabelSentence, htmlFor: s }, this.label), i("gids-input", { key: "b4c52f50b940fd6d9bf8102cd8e9982827348294", ref: (d) => this.#e = d, appearance: "default", 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: void 0, trailingLabel: void 0, onFocus: this._handleInputFocusAndBlur, onBlur: this._handleInputFocusAndBlur, onInput: this._handleInput, inputProps: { ...r, placeholder: l, type: u ? "text" : "password", id: s, maxLength: this.maxLength } }, i("slot", { key: "125c163e6d2b647aee98931303cd133e67ccdd75", name: "leadingIcon" }), i("slot", { key: "137a5bf21cd658dc4eca833fb09954b3b68393d4", name: "leadingAccessory" }), i("div", { key: "4e87732b5d198ac176dc0fc68a99cb4b82cbcdf4", slot: "trailingAccessory", class: "gids-password-field__trailing-accessory" }, n && i(O, { key: "a8016058d8823a75c0188fe707f39aad1834a6e6", label: "clear text", size: "lg", onPressDismiss: this._handleDismiss }), a && i(F, { key: "3bfe55f6787c42df0a9a9351ac96b12fa90826ab", appearance: "default", size: "xs", width: "intrinsic", disabled: this.disabled, onClick: this._handleRevealPassword }, u ? "Hide" : "Show")))), i("div", { key: "d2b12032cafa7414481251d9b2c5cacc94bcf745", class: "gids-password-field__meters-container" }, i(ie, { key: "5aa93ffa5361c3b4d5b8f9d7fd13ff6628821ebe", meterRules: _, text: this.value, textMinLength: c }), i(oe, { key: "96131ad3f4c4318450952b2c6b8325d2bd567cf6", requirements: this.requirementsMeterRequirements, text: this.value, textMinLength: c })));
   }
   get _el() {
     return this;
@@ -199,7 +200,7 @@ const f = /[A-Z]/, p = /[a-z]/, b = /[0-9]/, q = /[^A-Za-z0-9]/, z = ({ text: e,
     return { requirements: [{ handleRequirementsChange: 0 }], textMinLength: [{ handleRequirementsChange: 0 }] };
   }
 }, [260, "gids-password-field", { label: [513], showClearButton: [516, "show-clear-button"], showRevealPasswordButton: [516, "show-reveal-password-button"], helperText: [513, "helper-text"], statusText: [513, "status-text"], status: [513], loading: [516], name: [513], required: [516], maxLength: [514, "maxlength"], value: [1], defaultValue: [513, "default-value"], disabled: [516], readOnly: [516, "readonly"], inputProps: [16], fieldRequirement: [513, "field-requirement"], fieldRequirementOptionalText: [1, "field-requirement-optional-text"], fieldRequirementRequiredText: [1, "field-requirement-required-text"], isLabelSentence: [16], textMinLength: [514, "text-min-length"], requirements: [16], isPasswordRevealed: [32], meterRules: [32], requirementsMeterRequirements: [32] }, void 0, { requirements: [{ handleRequirementsChange: 0 }], textMinLength: [{ handleRequirementsChange: 0 }] }]);
-function y() {
+function P() {
   typeof customElements < "u" && ["gids-password-field", "gids-field", "gids-input"].forEach(((e) => {
     switch (e) {
       case "gids-password-field":
@@ -213,9 +214,9 @@ function y() {
     }
   }));
 }
-y();
-const _e = M, we = y;
+P();
+const ve = M, we = P;
 export {
-  _e as GidsPasswordField,
+  ve as GidsPasswordField,
   we as defineCustomElement
 };

package/dist-bundled/es/gids-pie-chart.js

@@ -0,0 +1,6 @@
+import { n as e, c as s } from "./p-tyIgTtUC-C8jR4A5G.js";
+const o = e, i = s;
+export {
+  o as GidsPieChart,
+  i as defineCustomElement
+};

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

@@ -0,0 +1,110 @@
+import { _ as v, u as p, T as a, L as f, P as l } from "./p-Ct3Ixgvf-CNP_PKwP.js";
+import { g as E } from "./p-a3JfEYJp-DyhDK6VZ.js";
+import { o as b } from "./p-B8kX8Vqv-trBz4jdS.js";
+const h = v(class extends p {
+  constructor(e) {
+    super(), e !== !1 && this.__registerHost(), this.__attachShadow(), this.placement = "bottom", this.previouslyFocusedElement = null, this.focusableElements = [], this.handleToggleEvent = (t) => {
+      t.stopPropagation();
+      const n = this.floatingElementManager.isVisible();
+      this.floatingElementManager.toggle(), !n && this.floatingElementManager.isVisible() ? this.onPopoverShow() : n && !this.floatingElementManager.isVisible() && this.onPopoverHide();
+    }, this.handleDocumentClick = (t) => {
+      this.floatingElementManager.isVisible() && !this._el.contains(t.target) && (this.floatingElementManager.hide(), this.onPopoverHide());
+    }, this.handleKeyDown = (t) => {
+      if (this.floatingElementManager.isVisible()) return t.key === "Escape" ? (t.preventDefault(), this.floatingElementManager.hide(), void this.onPopoverHide()) : void (t.key === "Tab" && this.trapFocus(t));
+    };
+  }
+  componentDidLoad() {
+    this.floatingElementManager = new E(this._el, { htmlFor: this.htmlFor, placement: this.placement, showWithoutDelay: !0, floatingElementSelector: "#popover", arrowElementSelector: "#arrow", visibilityClass: "gids-popover--visible", elementType: b.POPOVER, getAnchorElementFromSlot: (e) => e.querySelector('slot[name="anchor"]')?.assignedElements()[0] || null }), this.floatingElementManager.initialize(), this.setupEventListeners();
+  }
+  setupEventListeners() {
+    const e = this.floatingElementManager.getAnchorElement();
+    e && (e.addEventListener("click", this.handleToggleEvent), document.addEventListener("click", this.handleDocumentClick), document.addEventListener("keydown", this.handleKeyDown));
+  }
+  onPopoverShow() {
+    this.previouslyFocusedElement = document.activeElement, this.updateFocusableElements(), setTimeout((() => {
+      this.focusableElements.length > 0 && this.focusableElements[0] && this.focusableElements[0].focus();
+    }), 50);
+  }
+  onPopoverHide() {
+    this.previouslyFocusedElement && (this.previouslyFocusedElement.focus(), this.previouslyFocusedElement = null);
+  }
+  updateFocusableElements() {
+    const e = this._el.shadowRoot?.querySelector("#popover");
+    if (!e) return;
+    const t = [], n = c(e);
+    t.push(...n);
+    const o = this._el.shadowRoot?.querySelector("slot:not([name])");
+    o && o.assignedElements({ flatten: !0 }).forEach(((i) => {
+      const s = c(i);
+      t.push(...s);
+    })), this.focusableElements = t.sort(((i, s) => {
+      const r = i.compareDocumentPosition(s), u = !!(r & Node.DOCUMENT_POSITION_FOLLOWING), m = !!(r & Node.DOCUMENT_POSITION_PRECEDING);
+      return u ? -1 : m ? 1 : 0;
+    }));
+  }
+  trapFocus(e) {
+    if (this.focusableElements.length === 0) return;
+    const t = this.focusableElements[0], n = this.focusableElements[this.focusableElements.length - 1];
+    let o = document.activeElement;
+    if (o === this._el) {
+      const s = this._el.shadowRoot?.activeElement;
+      s !== null && (o = s);
+    }
+    const i = this.focusableElements.indexOf(o) !== -1;
+    e.shiftKey ? o !== t && i || (e.preventDefault(), n && n.focus()) : o !== n && i || (e.preventDefault(), t && t.focus());
+  }
+  placementChanged(e) {
+    this.floatingElementManager?.updateConfig({ placement: e }), this.floatingElementManager?.isVisible() && this.floatingElementManager?.reposition();
+  }
+  htmlForChanged(e) {
+    this.floatingElementManager?.updateConfig({ htmlFor: e }), this.cleanupEventListeners(), this.floatingElementManager?.initialize(), this.setupEventListeners();
+  }
+  cleanupEventListeners() {
+    const e = this.floatingElementManager?.getAnchorElement();
+    e && e.removeEventListener("click", this.handleToggleEvent), document.removeEventListener("click", this.handleDocumentClick), document.removeEventListener("keydown", this.handleKeyDown);
+  }
+  render() {
+    return a(f, { key: "4147e2407a0e2592d65db07e6d92dcbd37e52b5d" }, a("slot", { key: "82f2de1b78ee81f7b2363a2fbf4fc80029c6529f", name: "anchor" }), a("div", { key: "371b9c7c170bf8621e2a847eca6771e140ee161e", id: "popover", part: "popover", role: "dialog", "aria-modal": "true", tabindex: "-1" }, a("span", { key: "19dbf2c247353839c075674f068f2d435a23bec1", id: "arrow" }), a("div", { key: "374d276cdd13093c74b8a35d7447c328f4f90d0c" }, a("slot", { key: "45d5f02df1f6aa160d080a5f5a10e0ba9e6aa8f8" }))));
+  }
+  disconnectedCallback() {
+    this.cleanupEventListeners(), this.floatingElementManager?.destroy();
+  }
+  get _el() {
+    return this;
+  }
+  static get watchers() {
+    return { placement: [{ placementChanged: 0 }], htmlFor: [{ htmlForChanged: 0 }] };
+  }
+  static get style() {
+    return "gids-popover{--gidsPopover-background:var(--gids-elevation-surface-overlay-default);--gidsPopover-text-color:var(--gids-color-text-default);--gidsPopover-padding:var(--gids-padding-vertical-edge-to-element-200)    var(--gids-padding-horizontal-edge-to-element-300);--gidsPopover-border-radius:var(--gids-border-radius-lg);--gidsPopover-tip-border-radius:2px;--gidsPopover-tip-size:12px;--gidsPopover-shadow:var(--gids-elevation-shadow-overlay);--gidsFloatingElement-background:var(--gidsPopover-background);--gidsFloatingElement-tip-border-radius:var(--gidsPopover-tip-border-radius)}[part=popover]{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;background-color:var(--gidsPopover-background);color:var(--gidsPopover-text-color);border-radius:var(--gidsPopover-border-radius);box-shadow:var(--gidsPopover-shadow);z-index:1000;opacity:0;pointer-events:none;outline:none}[part=popover]:focus{outline:none}[part=popover].gids-popover--visible{pointer-events:initial;opacity:1}[part=popover] span#arrow{position:absolute;height:var(--gidsPopover-tip-size);width:var(--gidsPopover-tip-size);background-color:var(--gidsPopover-background)}";
+  }
+}, [257, "gids-popover", { htmlFor: [513, "for"], placement: [513] }, void 0, { placement: [{ placementChanged: 0 }], htmlFor: [{ htmlForChanged: 0 }] }]), d = (e) => {
+  if (!(e instanceof p) || e.tabIndex === -1 || e.hasAttribute("disabled")) return !1;
+  const t = getComputedStyle(e);
+  if (t.display === "none" || t.visibility === "hidden" || e.hidden) return !1;
+  try {
+    const n = e.tabIndex;
+    e.tabIndex = -1, e.focus();
+    const o = document.activeElement === e;
+    return e.tabIndex = n, o && e.blur(), o;
+  } catch {
+    return !1;
+  }
+}, c = (e) => {
+  const t = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, { acceptNode: (i) => d(i) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP }), n = [];
+  d(e) && n.push(e);
+  let o = t.nextNode();
+  for (; o !== null; ) n.push(o), o = t.nextNode();
+  return n;
+};
+function g() {
+  typeof customElements < "u" && ["gids-popover"].forEach(((e) => {
+    e === "gids-popover" && (customElements.get(l(e)) || customElements.define(l(e), h));
+  }));
+}
+g();
+const k = h, F = g;
+export {
+  k as GidsPopover,
+  F as defineCustomElement
+};

package/dist-bundled/es/gids-progress-circle.js

@@ -0,0 +1,6 @@
+import { h as e, d as r } from "./p-quZYWCxU-CPyWW0nv.js";
+const o = e, t = r;
+export {
+  o as GidsProgressCircle,
+  t as defineCustomElement
+};

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

@@ -1,10 +1,10 @@
-import { C as o, f as c, R as e, H as t } from "./p-ibikYq-w-BsGxk8ro.js";
+import { _ as o, u as c, T as e, P as t } from "./p-Ct3Ixgvf-CNP_PKwP.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, r = o(class extends c {
+}, Symbol.toStringTag, { value: "Module" })), { getGidsScrimClassNames: a } = m, i = o(class extends c {
   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: "3a18dab725b1a061036e23781aaa55040bf8464c", class: this.activeClasses, part: "root" }, e("slot", { key: "81e1e0fa050d3ccb490cbe082f7a67422957096a" }));
+    return e("div", { key: "bb28bc59d4522f27c3637774153603462d628be0", class: this.activeClasses, part: "root" }, e("slot", { key: "24becefcfa3a4842163b62a255266d71dd27d765" }));
   }
   get _el() {
     return this;
@@ -28,13 +28,13 @@ const d = (s) => n("gids-scrim", s), m = /* @__PURE__ */ Object.freeze(/* @__PUR
     return ".gids-scrim{display:flex;flex-direction:column;background-color:var(--gids-color-background-scrim);height:100vh !important;position:absolute;top:0;bottom:0;left:0;right:0;z-index:1001;align-items:center;justify-content:center;backdrop-filter:blur(12)}";
   }
 }, [257, "gids-scrim", { extraClasses: [513, "extra-classes"], activeClasses: [32] }, void 0, { extraClasses: [{ handleExtraClassesChange: 0 }] }]);
-function i() {
+function r() {
   typeof customElements < "u" && ["gids-scrim"].forEach(((s) => {
-    s === "gids-scrim" && (customElements.get(t(s)) || customElements.define(t(s), r));
+    s === "gids-scrim" && (customElements.get(t(s)) || customElements.define(t(s), i));
   }));
 }
-i();
-const f = r, C = i;
+r();
+const f = i, C = r;
 export {
   f as GidsScrim,
   C as defineCustomElement

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

@@ -1,4 +1,4 @@
-import { C as a, f as o, H as s } from "./p-ibikYq-w-BsGxk8ro.js";
+import { _ as a, u as o, P as s } from "./p-Ct3Ixgvf-CNP_PKwP.js";
 import { e as i } from "./p-CVtNa0cL-sSVeJsR3.js";
 const e = a(class extends o {
   constructor(t) {

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

@@ -1,9 +1,10 @@
-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 { _ as u, u as h, q as c, M as f, T as i, P as s } from "./p-Ct3Ixgvf-CNP_PKwP.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-DjvDBWCb-C9js0PPL.js";
-import { f as x } from "./p-Bg3lw2Ae-CkC8nUqv.js";
-import { g as _ } from "./p-veoOgDXg-DElc87c0.js";
+import { a as m } from "./p-CRngHsR7-DL9wz3Z3.js";
+import { r as p } from "./p-DZWWuJac-DNQvnHAr.js";
+import { h as g } from "./p-BvYnawkJ-DohV9UNG.js";
+import { r as x } from "./p-DfFqFdmS-DjI2pk-0.js";
+import { g as _ } from "./p-BnL97lOW-BO0p4EdC.js";
 const v = (e, t) => {
   if (!(e === void 0 || t === void 0))
     return `${e} / ${Math.max(t, 0)}`;
@@ -16,16 +17,16 @@ const v = (e, t) => {
     default:
       return "default";
   }
-}, l = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, n = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   formatCharCount: v,
   inputToGidsFieldStatus: T
-}, Symbol.toStringTag, { value: "Module" })), { inputToGidsFieldStatus: y } = l, q = (e) => e === "implicit" || e === void 0 ? "implicit" : y(e), C = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Symbol.toStringTag, { value: "Module" })), { inputToGidsFieldStatus: y } = n, 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 } = l, { inputToGidsFieldStatus: O } = C, a = u(class extends c {
+}, Symbol.toStringTag, { value: "Module" })), { formatCharCount: F } = n, { inputToGidsFieldStatus: O } = C, a = u(class extends h {
   constructor(e) {
-    super(), e !== !1 && this.__registerHost(), this.gidsTextFieldClear = h(this, "gidsTextFieldClear"), this.#e = _(), this._handleDismiss = () => {
+    super(), e !== !1 && this.__registerHost(), this.gidsTextFieldClear = c(this, "gidsTextFieldClear"), this.#e = _(), this._handleDismiss = () => {
       const t = this.#t?.querySelector("input.gids-input__control");
       t && (t.value = "", t.dispatchEvent(new globalThis.Event("input", { bubbles: !0 }))), this.value = "", this.gidsTextFieldClear.emit();
     }, this._handleInput = (t) => {
@@ -49,8 +50,8 @@ const v = (e, t) => {
   #e;
   #t;
   render() {
-    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: "79a6f89effd87741d2b07df6aeb47c7dca810738", disabled: this.disabled, count: F(this.value?.length, this.maxLength), helperText: this.helperText, statusText: this.statusText, status: O(this.status) }, i(p, { key: "04c15dd04008777bd1eff8b3e94fd26076fd0a6c", 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: "ae41600eca7cc769e3a4e271bc7d4718c5cb9069", 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: "0a1851ba9e1cb1deed77f88327e5411c0577c5d0", name: "leadingIcon" }), i("slot", { key: "140610e53fb52e6b24e0d91361c688e996de3849", name: "leadingAccessory" }), d && i(m, { key: "48b5b8d8adaa5693e57d6aca9eff32ca72a2c051", label: "clear text", slot: "trailingAccessory", size: "lg", onPressDismiss: this._handleDismiss }), i("slot", { key: "679c26844c467e15e144c393df13652dbe498421", name: "trailingIcon" })));
+    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: "d11133ec5a64d0bc929a2c09530e1c4b7040a441", disabled: this.disabled, count: F(this.value?.length, this.maxLength), helperText: this.helperText, statusText: this.statusText, status: O(this.status) }, i(m, { key: "edf0168bd4940b9f98fff8b7e03d865f46f4b6ac", 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: "317347850ebc9f671a16c816807f9ca55f0f9fa6", 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: "87815f4d215bbb0c542457b9216f7446595d9ec2", name: "leadingIcon" }), i("slot", { key: "6648b1d8d3585e1df78039a356a297760272af4f", name: "leadingAccessory" }), d && i(p, { key: "7eba5acbfdfe1c9173d43bce1592f8e12c8602cb", label: "clear text", slot: "trailingAccessory", size: "lg", onPressDismiss: this._handleDismiss }), i("slot", { key: "85017d875b4390fec245b9da8409787a2bd86909", name: "trailingIcon" })));
   }
   get _el() {
     return this;
@@ -71,8 +72,8 @@ function r() {
   }));
 }
 r();
-const I = a, G = r;
+const P = a, G = r;
 export {
-  I as GidsTextField,
+  P as GidsTextField,
   G as defineCustomElement
 };

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

@@ -1,7 +1,7 @@
-import { C as l, f as n, V as c, R as t, D as d, H as s } from "./p-ibikYq-w-BsGxk8ro.js";
-import { a } from "./p-CWdkmFbc-D89ZE8Mi.js";
+import { _ as l, u as d, q as n, T as t, H as c, P as s } from "./p-Ct3Ixgvf-CNP_PKwP.js";
+import { o as a } from "./p-KxRqlvSh-JOFDmT0B.js";
 import { i as h } from "./p-B2zUuNXz-BLBgQDu7.js";
-const i = l(class extends n {
+const i = l(class extends d {
   get selected() {
     return this.#e ?? this.defaultSelected;
   }
@@ -9,7 +9,7 @@ const i = l(class extends n {
     this.#e = e === void 0 ? void 0 : !!e;
   }
   constructor(e) {
-    super(), e !== !1 && this.__registerHost(), this.__attachShadow(), this.select = c(this, "select"), this._toggle = this._toggle.bind(this);
+    super(), e !== !1 && this.__registerHost(), this.__attachShadow(), this.select = n(this, "select"), this._toggle = this._toggle.bind(this);
   }
   #e;
   connectedCallback() {
@@ -21,9 +21,9 @@ const i = l(class extends n {
     this._el.selected = e, this.select?.emit(e);
   }
   render() {
-    return t(d, { key: "87505762161da81762e873e7c6318c03d9c17ef5" }, t("style", { key: "4e4c082b5435ca88e816310035c2989847d4f3de" }, `:host {
+    return t(c, { key: "d95b05ee98862e9fa4ee50ae676fded8234de63d" }, t("style", { key: "844be4d370a1d44e4c18b828ed2cfab3bd702cfd" }, `:host {
                 display: ${this.width === "full" ? "block" : "inline-block"}
-                }`), t(a, { key: "cc1ba98c103b2650fac9373764174b9d692a3887", 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: "009d3abc1604b5c387c1c29fad97d42e24ae70e9" })));
+                }`), t(a, { key: "510307e7bfce966e96422999f5309e0df3e62634", 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: "38bff264ed88090ee4567650417ccb86805fca98" })));
   }
   _onlyHasLeadingIcon() {
     const e = this._el.childNodes;
@@ -39,8 +39,8 @@ function o() {
   }));
 }
 o();
-const u = i, m = o;
+const u = i, b = o;
 export {
   u as GidsToggleButton,
-  m as defineCustomElement
+  b as defineCustomElement
 };

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

@@ -0,0 +1,66 @@
+import { _ as n, u as l, T as e, L as s, P as i } from "./p-Ct3Ixgvf-CNP_PKwP.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: "f9e6c76e1f2b3faa2c2ed5b1f5c28c4b11878819" }, e("slot", { key: "1c36da89ba7d6a20f0e5204d5c079dbc64226d56" }), e("span", { key: "ac4972259978f2e52fc15545a28dc2375ef370cd", id: "tooltip", part: "tooltip", role: "tooltip" }, e("span", { key: "49a7b319f5f0a87befe6e5d355d846dae12a9644", 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 f = o, v = a;
+export {
+  f as GidsTooltip,
+  v as defineCustomElement
+};