@ganpatiinfo/gids-core-web 3.0.0 → 4.0.0

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

@@ -0,0 +1,221 @@
+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 { 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-D4xtPT_U-04HkZiXU.js";
+import { r as G } from "./p-RqpjvEHh-BGGYsIBf.js";
+import { c as g } from "./clsx-OuTLNxxd.js";
+const f = /[A-Z]/, b = /[a-z]/, p = /[0-9]/, q = /[^A-Za-z0-9]/, z = ({ text: e, meterRules: t = [], textMinLength: s = 0 }) => {
+  if (!e || e === "")
+    return 0;
+  let n = 0;
+  return t.includes("1-uppercase") && f.test(e) && n++, t.includes("1-lowercase") && b.test(e) && n++, t.includes("1-digit") && p.test(e) && n++, t.includes("1-special-character") && q.test(e) && n++, t.includes("include-min-length") && s && s > 0 && e.length >= s && n++, n;
+}, A = ({ textScore: e, maxScore: t }) => {
+  const s = t > 0 ? e / t * 100 : 0;
+  return s <= 20 ? "is-weak" : s <= 40 ? "is-medium" : s <= 60 ? "is-good-enough" : s <= 80 ? "is-good" : "is-strong";
+}, B = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getColorModifierByScore: A,
+  getStrengthMeterScore: z,
+  include1DigitReg: p,
+  include1LowercaseLetterReg: b,
+  include1SpecialCharReg: q,
+  include1UppercaseLetterReg: f
+}, Symbol.toStringTag, { value: "Module" })), o = ({ requirementRule: e, textMinLength: t }) => e === "include-min-length" && t && t > 0, R = (e) => {
+  const t = [];
+  return e && e.length > 0 && e.map((s) => {
+    s?.requirementRule && t.push(s.requirementRule);
+  }), t;
+}, I = ({ rule: e, textMinLength: t = 0, text: s }) => {
+  if (!s || s === "" || !e && !t)
+    return !1;
+  switch (e) {
+    case "1-uppercase":
+      return f.test(s);
+    case "1-lowercase":
+      return b.test(s);
+    case "1-digit":
+      return p.test(s);
+    case "1-special-character":
+      return q.test(s);
+    case "include-min-length":
+      return o({
+        requirementRule: "include-min-length",
+        textMinLength: t
+      }) === !0 && s.length >= t;
+    default:
+      return !1;
+  }
+}, m = (e) => {
+  const t = [
+    {
+      requirementRule: "1-uppercase",
+      requirementText: "Password must contain atleast 1 uppercase letter."
+    },
+    {
+      requirementRule: "1-digit",
+      requirementText: "Password must contain atleast 1 digit."
+    },
+    {
+      requirementRule: "1-special-character",
+      requirementText: "Password must contain atleast 1 special character."
+    },
+    {
+      requirementRule: "1-lowercase",
+      requirementText: "Password must contain atleast 1 lowercase letter."
+    }
+  ];
+  return o({
+    requirementRule: "include-min-length",
+    textMinLength: e
+  }) && t.push({
+    requirementRule: "include-min-length",
+    requirementText: `Password must be of minimum ${e} characters long.`
+  }), {
+    defaultMeterRules: R(t),
+    defaultRequirementsMeterRules: t
+  };
+}, N = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  checkRequirementRuleSatisfied: I,
+  getDefaultRulesAndRequirementsForMeters: m,
+  getMeterRulesFromRequirements: R,
+  minLengthRuleCanBeApplied: o
+}, Symbol.toStringTag, { value: "Module" })), V = (e) => {
+  switch (e) {
+    case "error":
+      return "danger";
+    case "information":
+      return "information";
+    case "warning":
+      return "warning";
+    case "success":
+      return "positive";
+    default:
+      return "globe";
+  }
+}, $ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getRequirementsMeterLabelLeadingIcon: V
+}, Symbol.toStringTag, { value: "Module" })), D = (e) => {
+  switch (e) {
+    case "error":
+      return "error";
+    case "success":
+      return "success";
+    default:
+      return "default";
+  }
+}, H = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  inputToGidsFieldStatusForPassword: D
+}, Symbol.toStringTag, { value: "Module" })), U = (e) => g("gids-strength-meter", e), Z = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsStrengthMeterClassNames: U
+}, Symbol.toStringTag, { value: "Module" })), W = ({ status: e }, t) => g("gids-requirements-meter-label", {
+  "gids-requirements-meter-label--error": e === "error",
+  "gids-requirements-meter-label--information": e === "information",
+  "gids-requirements-meter-label--warning": e === "warning",
+  "gids-requirements-meter-label--success": e === "success"
+}, t), J = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsRequirementsMeterLabelClassNames: W
+}, Symbol.toStringTag, { value: "Module" })), K = (e) => g("gids-requirements-meter", e), Q = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsRequirementsMeterClassNames: K
+}, Symbol.toStringTag, { value: "Module" })), { inputToGidsFieldStatusForPassword: X } = H, Y = (e) => e === "implicit" || e === void 0 ? "implicit" : X(e), ee = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  inputToGidsFieldStatusForPassword: Y
+}, Symbol.toStringTag, { value: "Module" })), { getGidsStrengthMeterClassNames: te } = Z, { getStrengthMeterScore: se, getColorModifierByScore: re } = B, ie = ({ text: e, textMinLength: t, meterRules: s = ["1-uppercase", "1-lowercase", "1-digit", "1-special-character", "include-min-length"], class: n }) => {
+  const a = (r, l, u) => i("div", { key: r, class: ["gids-strength-meter__strength-" + r, u ? "is-active" : "", u ? l : ""].filter(Boolean).join(" ") });
+  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);
+    }));
+  })()) : null;
+}, { getGidsRequirementsMeterLabelClassNames: ne } = J, { getRequirementsMeterLabelLeadingIcon: le } = $, 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 }) => {
+  const a = (r, l) => i(ae, { status: l ? "success" : "error", label: r.requirementText });
+  return i("div", { class: de(n) }, (console.log("requirements", e), e.map(((r) => {
+    if (r?.requirementText && r?.requirementRule) {
+      const l = ue({ rule: r.requirementRule, textMinLength: s, text: t });
+      return r.requirementRule === "include-min-length" ? o({ requirementRule: r.requirementRule, textMinLength: s }) ? a(r, l) : null : a(r, l);
+    }
+    return null;
+  }))));
+}, { inputToGidsFieldStatusForPassword: ce } = ee, M = S(class extends P {
+  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 = () => {
+      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 = () => {
+      const t = this.#e?.querySelector("input.gids-input__control");
+      this.isPasswordRevealed = t?.value != null && t.value !== "" && this.isPasswordRevealed === !1, this._el.dispatchEvent(new CustomEvent("gidsPasswordFieldRevealPassword", { detail: { passwordRevealed: this.isPasswordRevealed }, bubbles: !0, composed: !0 }));
+    }, this._handleInput = (t) => {
+      this.value = t.target?.value;
+    }, this._handleInputFocusAndBlur = (t) => {
+      this._el.dispatchEvent(new FocusEvent(t.type, { relatedTarget: t.relatedTarget }));
+    }, this._isRequirementAndStrengthMeterVisible = () => {
+      const t = this.requirements;
+      return !!(t && t.length > 0);
+    }, this._handleRequirementsMeter = () => {
+      const t = this._isRequirementAndStrengthMeterVisible();
+      this.requirementsMeterRequirements = this.requirements && this.requirements.length > 0 ? this.requirements : [], this.meterRules = t ? R(this.requirements) : [];
+    };
+  }
+  _startSlotContentObserver() {
+    this._slotContentObserver = new MutationObserver((() => {
+      x(this);
+    })), this._slotContentObserver.observe(this._el, { childList: !0, subtree: !1, attributes: !0, attributeFilter: ["slot"] });
+  }
+  handleRequirementsChange(e) {
+    e === void 0 && (this.requirements = m(this.textMinLength).defaultRequirementsMeterRules), this._handleRequirementsMeter();
+  }
+  componentWillLoad() {
+    this.requirements || (this.requirements = m(this.textMinLength).defaultRequirementsMeterRules), this._handleRequirementsMeter();
+  }
+  connectedCallback() {
+    const e = C();
+    e !== void 0 && this._el.shadowRoot?.adoptedStyleSheets.push(e), this._handleRequirementsMeter(), this._startSlotContentObserver();
+  }
+  disconnectedCallback() {
+    this._slotContentObserver?.disconnect(), this._slotContentObserver = void 0;
+  }
+  #t;
+  #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 && r.placeholder != "" ? r.placeholder : "Enter password", u = this.isPasswordRevealed, _ = this.meterRules, c = this.textMinLength !== void 0 ? this.textMinLength : 8;
+    return i(T, { key: "548bcf66b7ee93974d790e7b3a44ba764ace509f" }, i("gids-field", { key: "4e52e64a5ad558317cb35b72121be744befeab1b", disabled: this.disabled, count: void 0, helperText: this.helperText, statusText: this.statusText, status: ce(this.status) }, i(L, { key: "2b797611f9f104f9a99a9e0d4bdda31dee0839b4", 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: "725f94aff51966525b640f1fe1e010c700c1ddc8", 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: "ef742cdd2cb00887f74589ad44304cb401194688", name: "leadingIcon" }), i("slot", { key: "6f38de10ddb3acd5ec39b72bea3e3b4b08aabc9e", name: "leadingAccessory" }), i("div", { key: "c607f812340a2a5e22323682d3a739b31d8fb66c", slot: "trailingAccessory", class: "gids-password-field__trailing-accessory" }, n && i(O, { key: "a12067b7e8b1cd30edd61fae71c980ad1c5f269a", label: "clear text", size: "lg", onPressDismiss: this._handleDismiss }), a && i(F, { key: "0b2a76bd61aba94d2fa17c2a97f87b28f99b2a0e", appearance: "default", size: "xs", width: "intrinsic", disabled: this.disabled, onClick: this._handleRevealPassword }, u ? "Hide" : "Show")))), i("div", { key: "9a6624d2963148db0c20713a565be4dcf6815f7b", class: "gids-password-field__meters-container" }, i(ie, { key: "f5edecbaf4438d0ca4cb457034fe8f59cd665a1d", meterRules: _, text: this.value, textMinLength: c }), i(oe, { key: "04d03abd215fbdcc966ccd9321942d7a25717fa1", requirements: this.requirementsMeterRequirements, text: this.value, textMinLength: c })));
+  }
+  get _el() {
+    return this;
+  }
+  static get watchers() {
+    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() {
+  typeof customElements < "u" && ["gids-password-field", "gids-field", "gids-input"].forEach(((e) => {
+    switch (e) {
+      case "gids-password-field":
+        customElements.get(h(e)) || customElements.define(h(e), M);
+        break;
+      case "gids-field":
+        customElements.get(h(e)) || E();
+        break;
+      case "gids-input":
+        customElements.get(h(e)) || G();
+    }
+  }));
+}
+y();
+const _e = M, we = y;
+export {
+  _e as GidsPasswordField,
+  we as defineCustomElement
+};

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

@@ -0,0 +1,31 @@
+import { C as a, f as o, H as s } from "./p-ibikYq-w-BsGxk8ro.js";
+import { e as i } from "./p-CVtNa0cL-sSVeJsR3.js";
+const e = a(class extends o {
+  constructor(t) {
+    super(), t !== !1 && this.__registerHost(), this.__attachShadow(), this.appearance = "default", this.show = !1, this.position = "bottom-center";
+  }
+  async showSnackbar() {
+    const t = i(this._el);
+    t && this.show && t.queueComponent({ message: this.message, appearance: this.appearance, buttonLabel: this.buttonLabel, onButtonClick: this.onButtonClick, position: this.position, componentName: "snackbar", timerInMs: this.timerInMs }), this.onQueueSnackbar && this.onQueueSnackbar(), this.show = !1;
+  }
+  render() {
+    return null;
+  }
+  get _el() {
+    return this;
+  }
+  static get watchers() {
+    return { show: [{ showSnackbar: 0 }] };
+  }
+}, [1, "gids-snackbar", { message: [513], appearance: [513], show: [516], onQueueSnackbar: [16], buttonLabel: [513, "button-label"], position: [513], timerInMs: [514, "timer-in-ms"], onButtonClick: [16] }, void 0, { show: [{ showSnackbar: 0 }] }]);
+function n() {
+  typeof customElements < "u" && ["gids-snackbar"].forEach(((t) => {
+    t === "gids-snackbar" && (customElements.get(s(t)) || customElements.define(s(t), e));
+  }));
+}
+n();
+const h = e, u = n;
+export {
+  h as GidsSnackbar,
+  u as defineCustomElement
+};

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

@@ -0,0 +1,78 @@
+import { C as u, f as h, V as c, 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-D4xtPT_U-04HkZiXU.js";
+import { r as x } from "./p-RqpjvEHh-BGGYsIBf.js";
+import { g as _ } from "./p-veoOgDXg-DElc87c0.js";
+const v = (e, t) => {
+  if (!(e === void 0 || t === void 0))
+    return `${e} / ${Math.max(t, 0)}`;
+}, T = (e) => {
+  switch (e) {
+    case "error":
+      return "error";
+    case "success":
+      return "success";
+    default:
+      return "default";
+  }
+}, a = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  formatCharCount: v,
+  inputToGidsFieldStatus: T
+}, Symbol.toStringTag, { value: "Module" })), { inputToGidsFieldStatus: y } = a, 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 } = a, { 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");
+      t && (t.value = "", t.dispatchEvent(new globalThis.Event("input", { bubbles: !0 }))), this.value = "", this.gidsTextFieldClear.emit();
+    }, this._handleInput = (t) => {
+      this.value = t.target?.value;
+    }, this._handleInputFocusAndBlur = (t) => {
+      this._el.dispatchEvent(new FocusEvent(t.type, { relatedTarget: t.relatedTarget }));
+    };
+  }
+  _startSlotContentObserver() {
+    this._slotContentObserver = new MutationObserver((() => {
+      f(this);
+    })), this._slotContentObserver.observe(this._el, { childList: !0, subtree: !1, attributes: !0, attributeFilter: ["slot"] });
+  }
+  connectedCallback() {
+    const e = b();
+    e !== void 0 && this._el.shadowRoot?.adoptedStyleSheets.push(e), this._startSlotContentObserver();
+  }
+  disconnectedCallback() {
+    this._slotContentObserver?.disconnect(), this._slotContentObserver = void 0;
+  }
+  #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: "cc94d948b69f9a9cfeee2b9df2a06d8985448963", disabled: this.disabled, count: F(this.value?.length, this.maxLength), helperText: this.helperText, statusText: this.statusText, status: O(this.status) }, i(p, { key: "16ed76aa12c2a256cd7ca7d2862b552e444f57c7", 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: "2b5ac45e1c828db13394d003cec5acfef2d02f82", 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: "e36107774a78bf7162d88784474b9dc77aa4fffa", name: "leadingIcon" }), i("slot", { key: "0c8d888dc3f46d2d49be0e55e1833604e703724c", name: "leadingAccessory" }), d && i(m, { key: "06804811547b79a273271a467cc3020e49b66ea6", label: "clear text", slot: "trailingAccessory", size: "lg", onPressDismiss: this._handleDismiss }), i("slot", { key: "d05029b11a4aa635123da84611e671edbfb925c6", name: "trailingIcon" })));
+  }
+  get _el() {
+    return this;
+  }
+}, [260, "gids-text-field", { label: [513], showClearButton: [516, "show-clear-button"], helperText: [513, "helper-text"], statusText: [513, "status-text"], appearance: [513], status: [513], leadingLabel: [513, "leading-label"], trailingLabel: [513, "trailing-label"], loading: [516], type: [513], 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] }]);
+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), n);
+        break;
+      case "gids-field":
+        customElements.get(s(e)) || g();
+        break;
+      case "gids-input":
+        customElements.get(s(e)) || x();
+    }
+  }));
+}
+r();
+const I = n, G = r;
+export {
+  I as GidsTextField,
+  G as defineCustomElement
+};

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

@@ -1,48 +1,7 @@
-import { u as O, c as M, _ as $, g as j, E as s, x as B, p } from "./p-CgujYzVX-xo1axnk6.js";
-import { c as _ } from "./clsx-OuTLNxxd.js";
-const z = ({ size: e, indeterminate: t, value: n }, i) => _("gids-spinner-control", {
-  "gids-spinner-control--xs": e === "xs",
-  "gids-spinner-control--sm": e === "sm",
-  // 'gids-spinner-control--md': size === 'md',
-  "gids-spinner-control--lg": e === "lg",
-  "gids-spinner-control--xl": e === "xl",
-  "gids-spinner-control--2xl": e === "2xl",
-  "gids-spinner-control--determinate": t === !1
-}, n, i), D = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  getGidsSpinnerControlClassNames: z
-}, Symbol.toStringTag, { value: "Module" })), G = ({ appearance: e, size: t, width: n, destructive: i, loading: l }, o, a) => _("gids-button", {
-  "gids-button--primary": e === "primary",
-  "gids-button--subtle": e === "subtle",
-  "gids-button--xs": t === "xs",
-  "gids-button--sm": t === "sm",
-  // 'gids-button--md': size === 'md',
-  "gids-button--lg": t === "lg",
-  "gids-button--full-width": n === "full",
-  "gids-button--destructive": i,
-  "gids-button--icon-only": o,
-  "gids-button--loading": l
-}, a), N = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  getGidsButtonClassNames: G
-}, Symbol.toStringTag, { value: "Module" })), r = 64, y = 10, x = r / 2 - y / 2, L = r / 2, u = 2 * Math.PI * x, P = `0 0 ${r} ${r}`, T = (e = 0, t) => {
-  const n = typeof t == "number" && t > 0 ? t : 1, l = Math.max(0, Math.min(n, e)) / n * 100, o = (u * l / 100).toFixed(2), a = (u - parseFloat(o)).toFixed(2);
-  return `${o} ${a}`;
-}, A = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  calculateStrokeDasharray: T,
-  centerPosition: L,
-  circumference: u,
-  radius: x,
-  thickness: y,
-  viewBox: P
-}, Symbol.toStringTag, { value: "Module" })), b = (e) => e !== void 0 && (!Array.isArray(e) || e.length > 0), { getGidsSpinnerControlClassNames: F } = D, { calculateStrokeDasharray: H, thickness: f, radius: m, centerPosition: c, viewBox: V } = A, R = ({ size: e, indeterminate: t, value: n, max: i, ...l }) => {
-  let o;
-  return t || (o = { strokeDashArray: H(n, i || 0), strokeDashoffset: "0" }), s("svg", { class: F({ size: e, indeterminate: t, value: n }), viewBox: V, ...l }, s("circle", { class: "gids-spinner-control__track", cx: c, cy: c, r: m, "stroke-width": f }), s("circle", { style: o, class: "gids-spinner-control__progress", cx: c, cy: c, r: m, "stroke-width": f }));
-}, { getGidsButtonClassNames: q } = N, J = ({ appearance: e, size: t, destructive: n, loading: i, width: l, leadingIcon: o, trailingIcon: a, as: w, disabled: S, class: I, forceIconOnly: C = !1, ...d }, h) => {
-  const g = w || "button", E = t === "lg" || t === void 0 ? "md" : t;
-  return g !== "button" || "type" in d || (d.type = "button"), s(g, { class: q({ appearance: e, size: t, destructive: n, loading: i, width: l }, C || h.length === 0 && b(o) && !b(a), I), disabled: g === "button" ? S : void 0, ...d }, s("span", { class: "gids-button__content" }, o, h), i && s(R, { size: E, indeterminate: !0 }), a);
-}, v = O(class extends M {
+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 { i as h } from "./p-B2zUuNXz-BLBgQDu7.js";
+const i = l(class extends n {
   get selected() {
     return this.#e ?? this.defaultSelected;
   }
@@ -50,11 +9,11 @@ const z = ({ size: e, indeterminate: t, value: n }, i) => _("gids-spinner-contro
     this.#e = e === void 0 ? void 0 : !!e;
   }
   constructor(e) {
-    super(), e !== !1 && this.__registerHost(), this.__attachShadow(), this.select = $(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);
   }
   #e;
   connectedCallback() {
-    const e = j();
+    const e = h();
     e !== void 0 && this._el.shadowRoot?.adoptedStyleSheets.push(e);
   }
   _toggle() {
@@ -62,9 +21,9 @@ const z = ({ size: e, indeterminate: t, value: n }, i) => _("gids-spinner-contro
     this._el.selected = e, this.select?.emit(e);
   }
   render() {
-    return s(B, { key: "222a7976cfa0daa12d2db51e405d8f3e894209d9" }, s("style", { key: "04b1d2f9a184e830b949691e789deaaaea987303" }, `:host {
+    return t(a, { key: "0f65cdb9d34f2cb5db90104964b7d76f63b7546c" }, t("style", { key: "410fa1ed0c7f2ee1fa431e639adae9b09643635b" }, `:host {
                 display: ${this.width === "full" ? "block" : "inline-block"}
-                }`), s(J, { key: "18ef39dcc5b3a532a347e530784ec4915719f914", appearance: this.appearance, size: this.size, width: this.width, disabled: this.disabled, onClick: this._toggle, "aria-pressed": this.selected ? "true" : "false", leadingIcon: s("slot", { name: "leadingIcon" }), trailingIcon: s("slot", { name: "trailingIcon" }), forceIconOnly: this._onlyHasLeadingIcon() }, s("slot", { key: "f82ab35082be6b10d0fb76b11c8250cd6ab374a4" })));
+                }`), t(c, { key: "c60640620902451f4c635b802d1cd298f218772f", 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: "7904b661a3eb9be25e25a0a9668580462ebfc393" })));
   }
   _onlyHasLeadingIcon() {
     const e = this._el.childNodes;
@@ -74,14 +33,14 @@ const z = ({ size: e, indeterminate: t, value: n }, i) => _("gids-spinner-contro
     return this;
   }
 }, [257, "gids-toggle-button", { disabled: [516], appearance: [513], size: [513], width: [513], defaultSelected: [516, "default-selected"], selected: [6660] }]);
-function k() {
+function o() {
   typeof customElements < "u" && ["gids-toggle-button"].forEach(((e) => {
-    e === "gids-toggle-button" && (customElements.get(p(e)) || customElements.define(p(e), v));
+    e === "gids-toggle-button" && (customElements.get(s(e)) || customElements.define(s(e), i));
   }));
 }
-k();
-const U = v, W = k;
+o();
+const b = i, u = o;
 export {
-  U as GidsToggleButton,
-  W as defineCustomElement
+  b as GidsToggleButton,
+  u as defineCustomElement
 };

package/dist-bundled/es/index.js

@@ -1,4 +1,5 @@
-import { a as n, g as f, $ as P, h as A, w as G, b as c, f as l } from "./p-CgujYzVX-xo1axnk6.js";
+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);
@@ -10,13 +11,13 @@ const r = (s) => {
 };
 export {
   n as getAssetPath,
-  f as getConstructedGidsStylesheet,
-  P as refreshConstructedGidsStylesheet,
-  A as render,
-  G as setAssetPath,
+  l as getConstructedGidsStylesheet,
+  m as refreshConstructedGidsStylesheet,
+  f as render,
+  P as setAssetPath,
   r as setGidsAssetFilePaths,
   t as setGidsAssetPaths,
   i as setGidsDefaultAssetDirPath,
-  c as setNonce,
-  l as setPlatformOptions
+  A as setNonce,
+  G as setPlatformOptions
 };

package/dist-bundled/es/p-B2zUuNXz-BLBgQDu7.js

@@ -0,0 +1,45 @@
+const l = globalThis.CSSStyleSheet !== void 0 ? new CSSStyleSheet() : void 0;
+let a = !1;
+l && document.adoptedStyleSheets ? document.adoptedStyleSheets.push(l) : console.warn("CSSStyleSheet is not defined. Omitting constructed stylesheet behaviour.");
+let u = null;
+const d = globalThis.MutationObserver !== void 0 ? new MutationObserver((() => {
+  h();
+})) : void 0, h = () => {
+  if (l === void 0) return !1;
+  const i = (() => {
+    if (l === void 0) return;
+    const o = [];
+    for (let n = 0; n < document.styleSheets.length; n++) {
+      const t = document.styleSheets.item(n);
+      if (t) try {
+        let e = -1, r = 0;
+        for (let s = 0; s < t.cssRules.length; s++) {
+          const c = t.cssRules.item(s);
+          if (c?.cssText.startsWith("gids-global-styles-start")) e = s;
+          else if (e > -1) {
+            if (c?.cssText.startsWith("gids-global-styles-end")) {
+              r = s - e + 1;
+              break;
+            }
+            o.push(c);
+          }
+        }
+        if (e > -1) return { rulesStartIndex: e, originalRulesCount: r, rules: o, styleSheet: t };
+      } catch (e) {
+        if (!(e instanceof DOMException)) throw e;
+      }
+    }
+  })();
+  if (i !== void 0) {
+    const o = i.styleSheet.ownerNode;
+    return d !== void 0 && o !== u && (u && d.disconnect(), o instanceof Element && d.observe(o, { childList: !0, characterData: !0, subtree: !0 }), u = o), l.replaceSync(((n) => n.rules.map(((t) => t.cssText)).join(""))(i)), ((n) => {
+      const { rulesStartIndex: t, originalRulesCount: e, styleSheet: r } = n;
+      for (let s = 0; s < e; s++) r.deleteRule(t);
+    })(i), !0;
+  }
+  return console.warn("refreshConstructedGidsStylesheet: Gids stylesheet is not found in document."), !1;
+}, S = () => (a || (a = h()), l);
+export {
+  S as i,
+  h as n
+};

package/dist-bundled/es/p-CVtNa0cL-sSVeJsR3.js

@@ -0,0 +1,15 @@
+const u = (e) => e === null ? null : e?.parentElement?.closest("gids-overlay-provider") || null, d = ({ componentName: e = "snackbar", timerInMs: t }) => t && Number(t) > 0 ? t : ((n) => {
+  const s = (() => {
+    const r = document.querySelector("gids-overlay-provider");
+    if (!r || !r.shadowRoot) return 1;
+    const a = r.shadowRoot.querySelectorAll(".gids-snackbar-container__content"), o = a[a.length - 1];
+    if (!o) return 1;
+    const i = o.offsetHeight, c = getComputedStyle(o).lineHeight, l = c.endsWith("px") ? parseFloat(c) : 0;
+    return Math.ceil(l ? i / l : 1);
+  })();
+  return s === 2 ? n === "snackbar" ? 5e3 : 8e3 : s >= 3 ? n === "snackbar" ? 7e3 : 1e4 : n === "snackbar" ? 3e3 : 6e3;
+})(e);
+export {
+  u as e,
+  d as n
+};

package/dist-bundled/es/p-CWdkmFbc-D89ZE8Mi.js

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