@ganpatiinfo/gids-core-web 3.1.0 → 5.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-BplPYg8z-B8uAAfo4.js";
+import { r as G } from "./p-BVh4zbX4-C4UJ8LPX.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 === "")
+    return 0;
+  let n = 0;
+  return t.includes("1-uppercase") && f.test(e) && n++, t.includes("1-lowercase") && p.test(e) && n++, t.includes("1-digit") && b.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;
+}, B = ({ 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";
+}, A = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getColorModifierByScore: B,
+  getStrengthMeterScore: z,
+  include1DigitReg: b,
+  include1LowercaseLetterReg: p,
+  include1SpecialCharReg: q,
+  include1UppercaseLetterReg: f
+}, Symbol.toStringTag, { value: "Module" })), d = ({ 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 p.test(s);
+    case "1-digit":
+      return b.test(s);
+    case "1-special-character":
+      return q.test(s);
+    case "include-min-length":
+      return d({
+        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 d({
+    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
+  };
+}, V = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  checkRequirementRuleSatisfied: I,
+  getDefaultRulesAndRequirementsForMeters: m,
+  getMeterRulesFromRequirements: R,
+  minLengthRuleCanBeApplied: d
+}, Symbol.toStringTag, { value: "Module" })), N = (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: N
+}, 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 } = A, 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 o = c + 1, w = o <= l;
+      return s[o] === "include-min-length" ? d({ requirementRule: "include-min-length", textMinLength: t }) ? a(o, u, w) : null : a(o, 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 } = V, { getGidsRequirementsMeterClassNames: oe } = Q, de = ({ 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: oe(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" ? d({ 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: "84bc020da1e496c4127ef65e4f7432b1ffb9654c" }, i("gids-field", { key: "484452f7974320a9aa937435cfb2a38027de9bc8", disabled: this.disabled, count: void 0, helperText: this.helperText, statusText: this.statusText, status: ce(this.status) }, i(L, { key: "d89c25ed9f385009ce353bb5ceee083f25b6a685", 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: "83c256b3a95e253c9fed98c31b28350dfaa91f01", ref: (o) => this.#e = o, 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: "7c60013a0c976f72e68c7055885969d0dfcc86bc", name: "leadingIcon" }), i("slot", { key: "d04ba13ed7d1188085cee4f77f2ead6f5d63688e", name: "leadingAccessory" }), i("div", { key: "a527bcf421410accbb74effe758eee728c152ac8", slot: "trailingAccessory", class: "gids-password-field__trailing-accessory" }, n && i(O, { key: "9a2aa3cd9bd7cb11dc48976e7bafa1ac9c86fde8", label: "clear text", size: "lg", onPressDismiss: this._handleDismiss }), a && i(F, { key: "d1b11a62438c98f74ce0c52b49ebd72727a42305", appearance: "default", size: "xs", width: "intrinsic", disabled: this.disabled, onClick: this._handleRevealPassword }, u ? "Hide" : "Show")))), i("div", { key: "2ba8e5b0e4c3fef3c19d151455cdefea6c619126", class: "gids-password-field__meters-container" }, i(ie, { key: "57b83f9ac75d5fac702b7992863ea6603fc48dd1", meterRules: _, text: this.value, textMinLength: c }), i(de, { key: "018f5c35f66b3d80aade1b827b323274b27fd7bb", 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-scrim.js

@@ -0,0 +1,35 @@
+import { C as i, f as c, R as t, H as s } from "./p-ibikYq-w-BsGxk8ro.js";
+import { i as a } from "./p-B2zUuNXz-BLBgQDu7.js";
+import { c as n } from "./clsx-OuTLNxxd.js";
+const l = (e) => n("gids-scrim", e), d = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsScrimClassNames: l
+}, Symbol.toStringTag, { value: "Module" })), { getGidsScrimClassNames: m } = d, o = i(class extends c {
+  constructor(e) {
+    super(), e !== !1 && this.__registerHost(), this.__attachShadow();
+  }
+  connectedCallback() {
+    const e = a();
+    e !== void 0 && this._el.shadowRoot?.adoptedStyleSheets.push(e);
+  }
+  render() {
+    return t("div", { key: "befcd12706dbf780586972ee76bda7d7a64e8702", class: m(this.extraClasses) }, t("slot", { key: "a7bf7c4732706d7bc954d5160b6154868a785913" }));
+  }
+  get _el() {
+    return this;
+  }
+  static get style() {
+    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(calc(var(24px) / 2))}";
+  }
+}, [257, "gids-scrim", { extraClasses: [513, "extra-classes"] }]);
+function r() {
+  typeof customElements < "u" && ["gids-scrim"].forEach(((e) => {
+    e === "gids-scrim" && (customElements.get(s(e)) || customElements.define(s(e), o));
+  }));
+}
+r();
+const b = o, p = r;
+export {
+  b as GidsScrim,
+  p 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 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";
+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";
+  }
+}, n = /* @__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({
+  __proto__: null,
+  inputToGidsFieldStatus: q
+}, Symbol.toStringTag, { value: "Module" })), { formatCharCount: F } = n, { inputToGidsFieldStatus: O } = C, l = 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");
+      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 ?? {}, 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" })));
+  }
+  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), l);
+        break;
+      case "gids-field":
+        customElements.get(s(e)) || g();
+        break;
+      case "gids-input":
+        customElements.get(s(e)) || x();
+    }
+  }));
+}
+r();
+const I = l, 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: "629bf94de5dcf8979c4c52f749e6f1528506cb7f" }, t("style", { key: "45b2ada2ba3e26b574f7c34675622db5352802d2" }, `: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: "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" })));
   }
   _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 u = i, b = o;
 export {
-  U as GidsToggleButton,
-  W as defineCustomElement
+  u as GidsToggleButton,
+  b 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-BVh4zbX4-C4UJ8LPX.js

@@ -0,0 +1,74 @@
+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";
+const c = (e) => e.type === "hidden", f = (e) => {
+  if (!(e instanceof HTMLElement))
+    return !1;
+  const { nodeName: t } = e;
+  return !!([
+    "BUTTON",
+    "DETAILS",
+    "EMBED",
+    "IFRAME",
+    "KEYGEN",
+    "LABEL",
+    "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 {
+  constructor(e) {
+    super(), e !== !1 && this.__registerHost(), this.#e = {}, this._focusInput = (t) => {
+      const i = t.target;
+      i === this.#t || this._isWithinInteractiveElement(i) || this.#t?.focus();
+    }, this._handleInputFocusAndBlur = (t) => {
+      this._el.dispatchEvent(new FocusEvent(t.type, { relatedTarget: t.relatedTarget }));
+    };
+  }
+  get defaultValue() {
+    return this.#t?.defaultValue ?? this.#e.defaultValue ?? "";
+  }
+  set defaultValue(e) {
+    this.#t ? this.#t.defaultValue = e : this.#e.defaultValue = e;
+  }
+  get value() {
+    return this.#t?.value ?? this.#e.value ?? this.#e.defaultValue ?? "";
+  }
+  set value(e) {
+    this.#t ? this.#t.value = e : this.#e.value = e;
+  }
+  #t;
+  #e;
+  _isWithinInteractiveElement(e) {
+    if (e === null || e === this._el || !this._el.contains(e)) return !1;
+    if (f(e)) return !0;
+    {
+      const t = e.parentElement;
+      if (t) return this._isWithinInteractiveElement(t);
+    }
+    return !1;
+  }
+  connectedCallback() {
+    this._el.addEventListener("click", this._focusInput);
+  }
+  disconnectedCallback() {
+    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) => {
+      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 }));
+  }
+  get _el() {
+    return this;
+  }
+}, [260, "gids-input", { appearance: [513], defaultValue: [6657, "default-value"], disabled: [516], inputProps: [16], leadingLabel: [513, "leading-label"], trailingLabel: [513, "trailing-label"], loading: [516], name: [513], readOnly: [516, "readonly"], required: [516], status: [513], value: [6145] }]);
+function h() {
+  typeof customElements < "u" && ["gids-input"].forEach(((e) => {
+    e === "gids-input" && (customElements.get(s(e)) || customElements.define(s(e), o));
+  }));
+}
+h();
+export {
+  o as l,
+  h as r
+};