@ganpatiinfo/gids-core-web 13.0.0 → 15.0.0

package/dist-bundled/es/gids-md-table.js

@@ -1,64 +1,97 @@
-import { L as H, u as C, D as r, P as x, F as A, q as y } from "./p-Bf3p-DY2-CPqEc-vc.js";
-import { o as S } from "./p-C2POfZhu-DzG_JxV6.js";
-import { d as v } from "./p-D4Pimu_8-ARSuGBs4.js";
-import { c as g } from "./clsx-OuTLNxxd.js";
-const D = ({ borderSides: e, borderRadiusSides: a, appearance: t, textAlignment: i, width: s }, l) => g("gids-basic-table-cell", {
-  "gids-basic-table-cell--border-side-top": e?.includes("top"),
-  "gids-basic-table-cell--border-side-bottom": e?.includes("bottom"),
-  "gids-basic-table-cell--border-side-left": e?.includes("left"),
-  "gids-basic-table-cell--border-side-right": e?.includes("right"),
-  // Border radius sides
-  "gids-basic-table-cell--border-radius-side-top-left": a?.includes("top-left"),
-  "gids-basic-table-cell--border-radius-side-bottom-left": a?.includes("bottom-left"),
-  "gids-basic-table-cell--border-radius-side-top-right": a?.includes("top-right"),
-  "gids-basic-table-cell--border-radius-side-bottom-right": a?.includes("bottom-right"),
-  // Background colors
-  "gids-basic-table-cell--appearance-default": t === "default",
-  "gids-basic-table-cell--appearance-primal": t === "primal",
-  "gids-basic-table-cell--appearance-neutral-default": t === "neutral-default",
-  "gids-basic-table-cell--appearance-info": t === "info",
-  "gids-basic-table-cell--appearance-warning": t === "warning",
-  "gids-basic-table-cell--appearance-positive": t === "positive",
-  "gids-basic-table-cell--appearance-danger": t === "danger",
-  // Alignments
-  "gids-basic-table-cell--text-alignment-left": i === "left",
-  "gids-basic-table-cell--text-alignment-right": i === "right",
-  "gids-basic-table-cell--text-alignment-center": i === "center",
+import { L as q, u as M, D as r, P as E, F as K, q as I } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { o as $ } from "./p-C2POfZhu-DzG_JxV6.js";
+import { d as S } from "./p-D4Pimu_8-ARSuGBs4.js";
+import { o as J } from "./p-UVmSPzTd-CR1higgJ.js";
+import { c as B } from "./clsx-OuTLNxxd.js";
+const F = (e) => !!(e?.buttonLabel && e.buttonLabel !== "" || e?.leadingIconName && e.leadingIconName !== "" || e?.trailingIconName && e.trailingIconName !== ""), Q = ({ cellActionButton: e, neededIconType: a = "leading" }) => a === "trailing" ? {
+  cellIconName: e?.trailingIconName,
+  cellIconAppearance: e?.trailingIconAppearance,
+  cellIconSize: e?.trailingIconSize
+} : {
+  cellIconName: e?.leadingIconName,
+  cellIconAppearance: e?.leadingIconAppearance,
+  cellIconSize: e?.leadingIconSize
+}, U = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getTableCellBtnIcon: Q,
+  isTableCellActionButtonVisible: F
+}, Symbol.toStringTag, { value: "Module" })), W = ({ width: e }, a) => B("gids-basic-table-header", {
   // Widths
-  // 'gids-basic-table-cell--width-full': width === 'full', // Width set by default so not needed
-  "gids-basic-table-cell--width-intrinsic": s === "intrinsic"
-}, l), V = (e) => e && e.toString() !== "" ? `gids-typography-${e}` : "gids-typography-label-medium", R = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  // 'gids-basic-table-header--width-full': width === 'full', // Width set by default so not needed
+  "gids-basic-table-header--width-intrinsic": e === "intrinsic"
+}, a), X = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getGidsBasicTableCellClassNames: D,
-  getGidsBasicTableCellLabelTypographyClass: V
-}, Symbol.toStringTag, { value: "Module" })), L = ({ width: e }, a) => g("gids-basic-table-row", {
+  getGidsBasicTableHeaderClassNames: W
+}, Symbol.toStringTag, { value: "Module" })), Y = ({ width: e }, a) => B("gids-basic-table-row", {
   // Widths
   // 'gids-basic-table-row--width-full': width === 'full', // Width set by default so not needed
   "gids-basic-table-row--width-intrinsic": e === "intrinsic"
-}, a), z = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, a), Z = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getGidsBasicTableRowClassNames: L
-}, Symbol.toStringTag, { value: "Module" })), G = ({ width: e }, a) => g("gids-basic-table-header", {
-  // Widths
-  // 'gids-basic-table-header--width-full': width === 'full', // Width set by default so not needed
-  "gids-basic-table-header--width-intrinsic": e === "intrinsic"
-}, a), I = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  getGidsBasicTableHeaderClassNames: G
-}, Symbol.toStringTag, { value: "Module" })), O = ({ width: e }, a) => g("gids-md-table", {
+  getGidsBasicTableRowClassNames: Y
+}, Symbol.toStringTag, { value: "Module" })), ee = ({ width: e }, a) => B("gids-md-table", {
   // Widths
   // 'gids-md-table--width-full': width === 'full', // Width set by default so not needed
   "gids-md-table--width-intrinsic": e === "intrinsic"
-}, a), k = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, a), ae = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsMdTableClassNames: ee
+}, Symbol.toStringTag, { value: "Module" })), te = ({ borderSides: e, borderRadiusSides: a, appearance: t, textAlignment: l, width: d }, i) => B("gids-table-cell", {
+  "gids-table-cell--border-side-top": e?.includes("top"),
+  "gids-table-cell--border-side-bottom": e?.includes("bottom"),
+  "gids-table-cell--border-side-left": e?.includes("left"),
+  "gids-table-cell--border-side-right": e?.includes("right"),
+  // Border radius sides
+  "gids-table-cell--border-radius-side-top-left": a?.includes("top-left"),
+  "gids-table-cell--border-radius-side-bottom-left": a?.includes("bottom-left"),
+  "gids-table-cell--border-radius-side-top-right": a?.includes("top-right"),
+  "gids-table-cell--border-radius-side-bottom-right": a?.includes("bottom-right"),
+  // Background colors
+  "gids-table-cell--appearance-default": t === "default",
+  "gids-table-cell--appearance-primal": t === "primal",
+  "gids-table-cell--appearance-neutral-default": t === "neutral-default",
+  "gids-table-cell--appearance-info": t === "info",
+  "gids-table-cell--appearance-warning": t === "warning",
+  "gids-table-cell--appearance-positive": t === "positive",
+  "gids-table-cell--appearance-danger": t === "danger",
+  // Alignments
+  "gids-table-cell--text-alignment-left": l === "left",
+  "gids-table-cell--text-alignment-right": l === "right",
+  "gids-table-cell--text-alignment-center": l === "center",
+  // Widths
+  // 'gids-table-cell--width-full': width === 'full', // Width set by default so not needed
+  "gids-table-cell--width-intrinsic": d === "intrinsic"
+}, i), le = (e) => e && e.toString() !== "" ? `gids-typography-${e}` : "gids-typography-label-medium", ie = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getGidsMdTableClassNames: O
-}, Symbol.toStringTag, { value: "Module" })), { getGidsBasicTableCellClassNames: N, getGidsBasicTableCellLabelTypographyClass: j } = R, T = ({ id: e, uniqueKey: a, extraData: t, label: i, cellDataType: s = "text", displayTags: l = [], width: d = "full", appearance: o = "none", borderSides: n = [], borderRadiusSides: b = [], textAlignment: p = "center", labelTypography: c = "label-medium", isHeaderCell: m = !1, class: u, ..._ }) => r(m ? "th" : "td", { ..._, class: N({ borderSides: n, borderRadiusSides: b, appearance: o, textAlignment: p, width: d }, u), id: e, "unique-key": a, "extra-data": JSON.stringify(t) }, s === "text" && i && i !== "" ? r("span", { class: "" + j(c) }, i) : void 0, s === "display-tag" && l && l.length > 0 ? r("div", { class: "gids-basic-table-cell__display-tags-container" }, l.map(((h) => r(S, { label: h?.label ?? "", appearance: h?.displayTagAppearance ?? "subtle", size: h?.displayTagSize ?? "xs", icon: h?.displayTagIcon ? r(v, { name: h.displayTagIcon, size: h?.displayTagSize ?? "xs", appearance: h?.displayTagIconAppearance ?? "regular" }) : void 0, color: h?.displayTagColor ?? "accent-5" })))) : void 0), { getGidsBasicTableRowClassNames: q } = z, f = ({ width: e = "full", layout: a = "horizontal", rows: t = [], isHeaderRow: i = !1, class: s, ...l }) => {
-  const d = q({ width: e }, s);
-  return a === "vertical" ? r(A, null, t.map(((o, n) => r("tr", { ...l, key: "row-v-" + (n + 1), class: d }, r(T, { ...o, width: e, isHeaderCell: i }))))) : r("tr", { ...l, class: d }, t.map(((o, n) => r(T, { key: "row-h-" + (n + 1), ...o, width: e, isHeaderCell: i }))));
-}, { getGidsBasicTableHeaderClassNames: M } = I, E = ({ width: e = "full", headerCells: a = [], appearance: t = "none", labelTypography: i = "label-medium", textAlignment: s = "center", layout: l = "horizontal", class: d, ...o }) => {
-  const n = M({ width: e }, d);
-  return r("thead", { ...o, class: n }, r(f, { rows: a.map(((b) => ({ appearance: t, labelTypography: i, textAlignment: s, ...b }))), width: e, layout: l, isHeaderRow: !0 }));
-}, { getGidsMdTableClassNames: P } = k, B = H(class extends C {
+  getGidsTableCellClassNames: te,
+  getGidsTableCellLabelTypographyClass: le
+}, Symbol.toStringTag, { value: "Module" })), { getGidsTableCellClassNames: de, getGidsTableCellLabelTypographyClass: re } = ie, { isTableCellActionButtonVisible: ne, getTableCellBtnIcon: se } = U, v = ({ id: e, uniqueKey: a, extraData: t, label: l, cellDataType: d = "text", displayTags: i = [], width: n = "full", appearance: p = "none", borderSides: g = [], borderRadiusSides: o = [], textAlignment: h = "center", labelTypography: c = "label-medium", isHeaderCell: b = !1, cellPrimaryActionButtons: m = [], cellSecondaryActionButtons: z = [], onClickCellActionBtn: f, class: R, ...L }) => {
+  function C({ cellActionBtn: s, neededIconType: y = "leading" }) {
+    const T = se({ cellActionButton: s, neededIconType: y });
+    return T?.cellIconName && "" + T.cellIconName != "" ? r(S, { name: T.cellIconName, size: T.cellIconSize, appearance: T.cellIconAppearance }) : void 0;
+  }
+  function _(s) {
+    const y = s === "primary" ? m : z;
+    if (y && !(y.length <= 0)) return r("div", { class: s === "primary" ? "gids-table-cell__primary-action-btn-container" : "gids-table-cell__secondary-action-btn-container" }, y.map(((T, w) => {
+      const H = s === "primary" ? y.length - w - 1 : w, A = y[H];
+      return ne(A) ? (function({ cellActionBtn: u, actionBtnIndex: P, actionBtnPosition: k }) {
+        return r(J, { as: "button", appearance: u?.appearance ?? "default", size: u?.size ?? "md", disabled: u?.disabled, destructive: u?.destructive, positive: u?.positive, loading: u?.loading, width: u?.width ?? "intrinsic", type: "button", leadingIcon: C({ cellActionBtn: u, neededIconType: "leading" }), trailingIcon: C({ cellActionBtn: u, neededIconType: "trailing" }), onClick: (O) => (function({ event: G, actionBtnIndex: x, actionBtnPosition: j }) {
+          f && f({ originalEvent: G, details: { appearance: p, cellDataType: d, displayTags: i, label: l, id: e, extraData: t, isHeaderCell: b, uniqueKey: a, actionBtnNumber: "action-btn-" + (x + 1), actionBtnIndex: x, actionBtnPosition: j ?? "secondary" } });
+        })({ event: O, actionBtnIndex: P, actionBtnPosition: k }) }, u?.buttonLabel ?? "");
+      })({ cellActionBtn: A, actionBtnIndex: H, actionBtnPosition: s }) : void 0;
+    })));
+  }
+  return r(b ? "th" : "td", { ...L, class: de({ borderSides: g, borderRadiusSides: o, appearance: p, textAlignment: h, width: n }, R), id: e, "unique-key": a, "extra-data": JSON.stringify(t) }, _("primary"), d === "text" && l && l !== "" ? r("span", { class: "" + re(c) }, l) : void 0, d === "display-tag" && i && i.length > 0 ? r("div", { class: "gids-table-cell__display-tags-container" }, i.map(((s) => r($, { label: s?.label ?? "", appearance: s?.displayTagAppearance ?? "subtle", size: s?.displayTagSize ?? "xs", icon: s?.displayTagIcon ? r(S, { name: s.displayTagIcon, size: s?.displayTagSize ?? "xs", appearance: s?.displayTagIconAppearance ?? "regular" }) : void 0, color: s?.displayTagColor ?? "accent-5" })))) : void 0, _("secondary"));
+}, { getGidsBasicTableRowClassNames: oe } = Z, D = ({ width: e = "full", layout: a = "horizontal", rows: t = [], isHeaderRow: l = !1, cellPrimaryActionButtons: d, cellSecondaryActionButtons: i, onClickRowActionBtn: n, class: p, ...g }) => {
+  const o = oe({ width: e }, p);
+  function h({ event: c, cellIndex: b }) {
+    n && n({ ...c, details: { ...c.details, cellIndex: b } });
+  }
+  return a === "vertical" ? r(K, null, t.map(((c, b) => r("tr", { ...g, key: "row-v-" + (b + 1), class: o }, r(v, { ...c, width: e, isHeaderCell: l, cellPrimaryActionButtons: d, cellSecondaryActionButtons: i, onClickCellActionBtn: (m) => h({ event: m, cellIndex: b }) }))))) : r("tr", { ...g, class: o }, t.map(((c, b) => r(v, { key: "row-h-" + (b + 1), ...c, width: e, isHeaderCell: l, cellPrimaryActionButtons: d, cellSecondaryActionButtons: i, onClickCellActionBtn: (m) => h({ event: m, cellIndex: b }) }))));
+}, { getGidsBasicTableHeaderClassNames: ce } = X, be = ({ width: e = "full", headerCells: a = [], appearance: t = "none", labelTypography: l = "label-medium", textAlignment: d = "center", layout: i = "horizontal", cellPrimaryActionButtons: n, cellSecondaryActionButtons: p, onClickHeaderActionBtn: g, class: o, ...h }) => {
+  const c = ce({ width: e }, o);
+  return r("thead", { ...h, class: c }, r(D, { rows: a.map(((b) => ({ appearance: t, labelTypography: l, textAlignment: d, ...b }))), width: e, layout: i, isHeaderRow: !0, cellPrimaryActionButtons: n, cellSecondaryActionButtons: p, onClickRowActionBtn: g }));
+}, { getGidsMdTableClassNames: pe } = ae, N = q(class extends M {
   constructor(e) {
     super(), e !== !1 && this.__registerHost(), this.isTopHeaderVisible = !1, this.isSideHeaderVisible = !1, this.width = "full", this.topHeaderAppearance = "none", this.sideHeaderAppearance = "none", this.rowAppearance = "none", this.tableBorders = "none", this.tableBorderRadius = [], this.topHeaderLabelTypography = "eyebrow-small", this.sideHeaderLabelTypography = "label-small", this.rowLabelTypography = "label-small", this.topHeaderTextAlignment = "left", this.sideHeaderTextAlignment = "left", this.rowTextAlignment = "left", this.topHeaderCells = [], this.tableBody = [], this.constructedTableBodyData = [];
   }
@@ -85,35 +118,35 @@ const D = ({ borderSides: e, borderRadiusSides: a, appearance: t, textAlignment:
   }
   makeTableBodyData() {
     const e = this.isSideHeaderVisible, a = this?.tableBody ?? [], t = [];
-    a.map(((i, s) => {
-      let l = [];
-      const d = i.heading, o = i.id, n = i.uniqueKey, b = i.extraData, p = i?.items ?? [];
-      if (e && d && d !== "") {
-        const c = this.getSideHeaderBorderSides({ _tableBodyData: a, _itemsArr: p, indexI: s });
-        l = [{ id: o, uniqueKey: n, extraData: b, label: d, appearance: this.sideHeaderAppearance, labelTypography: this.sideHeaderLabelTypography, textAlignment: this.sideHeaderTextAlignment, isHeader: !0, borderSides: c }];
+    a.map(((l, d) => {
+      let i = [];
+      const n = l.heading, p = l.id, g = l.uniqueKey, o = l.extraData, h = l?.items ?? [];
+      if (e && n && n !== "") {
+        const c = this.getSideHeaderBorderSides({ _tableBodyData: a, _itemsArr: h, indexI: d });
+        i = [{ id: p, uniqueKey: g, extraData: o, label: n, appearance: this.sideHeaderAppearance, labelTypography: this.sideHeaderLabelTypography, textAlignment: this.sideHeaderTextAlignment, isHeader: !0, borderSides: c }];
       }
-      p.map(((c, m) => {
-        const u = this.getRowBorderSides({ _tableBodyData: a, _itemsArr: p, indexI: s, indexJ: m });
-        l.push({ ...c, appearance: this.rowAppearance, labelTypography: this.rowLabelTypography, textAlignment: this.rowTextAlignment, isHeader: !1, borderSides: u });
-      })), t.push({ heading: d, id: o, uniqueKey: n, extraData: b, items: l });
+      h.map(((c, b) => {
+        const m = this.getRowBorderSides({ _tableBodyData: a, _itemsArr: h, indexI: d, indexJ: b });
+        i.push({ ...c, appearance: this.rowAppearance, labelTypography: this.rowLabelTypography, textAlignment: this.rowTextAlignment, isHeader: !1, borderSides: m });
+      })), t.push({ heading: n, id: p, uniqueKey: g, extraData: o, items: i });
     })), this.constructedTableBodyData = t;
   }
-  getRowBorderSides({ _tableBodyData: e, _itemsArr: a, indexI: t, indexJ: i }) {
-    const s = this.applyTableInternalBorders(), l = this.applyTableAllBorders();
-    let d = [];
-    return (s || l) && (i < a.length && t + 1 < e.length && (d = ["bottom"]), i + 1 < a.length && (d = [...d, "right"])), d;
+  getRowBorderSides({ _tableBodyData: e, _itemsArr: a, indexI: t, indexJ: l }) {
+    const d = this.applyTableInternalBorders(), i = this.applyTableAllBorders();
+    let n = [];
+    return (d || i) && (l < a.length && t + 1 < e.length && (n = ["bottom"]), l + 1 < a.length && (n = [...n, "right"])), n;
   }
   getSideHeaderBorderSides({ _tableBodyData: e, _itemsArr: a, indexI: t }) {
-    const i = this.applyTableInternalBorders(), s = this.applyTableAllBorders();
-    let l = [];
-    return (i || s) && (t + 1 < e.length && (l = ["bottom"]), a.length > 0 && (l = [...l, "right"])), l;
+    const l = this.applyTableInternalBorders(), d = this.applyTableAllBorders();
+    let i = [];
+    return (l || d) && (t + 1 < e.length && (i = ["bottom"]), a.length > 0 && (i = [...i, "right"])), i;
   }
   getTableClasses() {
     const e = this.width === "full" ? "gids-md-table__main-table gids-md-table__main-table-width-full" : "gids-md-table__main-table gids-md-table__main-table-width-intrinsic";
     let a = e;
     this.applyTableOuterBorders() && (a = e + "  gids-md-table__outer-borders");
-    const t = this.addBorderRadiusDirectlyToTable(), i = t && t !== "" ? `${a} ${t}` : "" + a;
-    return console.log("finalTableClass", i), i;
+    const t = this.addBorderRadiusDirectlyToTable();
+    return t && t !== "" ? `${a} ${t}` : "" + a;
   }
   addBorderRadiusDirectlyToTable() {
     let e = "";
@@ -124,11 +157,11 @@ const D = ({ borderSides: e, borderRadiusSides: a, appearance: t, textAlignment:
     const e = this.isSideHeaderVisible, a = this?.topHeaderCells ?? [];
     let t = [...a];
     e === !1 && a.length > 0 ? t.splice(0, 1) : t = [...a];
-    const i = this.applyTableInternalBorders(), s = this.applyTableAllBorders(), l = this.applyTableTopHeaderBorders(), d = [];
-    return t.map(((o, n) => {
-      let b = [];
-      (i || s || l) && (b = ["bottom"], n + 1 < t.length && (b = [...b, "right"])), d.push({ ...o, borderSides: b });
-    })), d;
+    const l = this.applyTableInternalBorders(), d = this.applyTableAllBorders(), i = this.applyTableTopHeaderBorders(), n = [];
+    return t.map(((p, g) => {
+      let o = [];
+      (l || d || i) && (o = ["bottom"], g + 1 < t.length && (o = [...o, "right"])), n.push({ ...p, borderSides: o });
+    })), n;
   }
   applyTableOuterBorders() {
     const e = this.tableBorders;
@@ -144,8 +177,8 @@ const D = ({ borderSides: e, borderRadiusSides: a, appearance: t, textAlignment:
     return this.tableBorders === "top-header-only";
   }
   render() {
-    const e = P({ width: this.width }), a = this.isTopHeaderVisible, t = this.getTopHeaderCells(), i = this?.constructedTableBodyData ?? [];
-    return r(x, { key: "814e05e15c2d08c626885f95c5729b3fa7e66c49", class: e }, r("table", { key: "d11cf92544c1281c39917ac74f0c236456ca19c2", class: this.getTableClasses() }, a ? r(E, { appearance: this.topHeaderAppearance, labelTypography: this.topHeaderLabelTypography, textAlignment: this.topHeaderTextAlignment, headerCells: t, width: this.width }) : void 0, r("tbody", { key: "88458110e1d34b7405a06ab51ae7d0fffd3bc57a" }, i.length > 0 ? i.map(((s) => r(f, { layout: "horizontal", rows: s?.items ?? [], width: this.width }))) : void 0)));
+    const e = pe({ width: this.width }), a = this.isTopHeaderVisible, t = this.getTopHeaderCells(), l = this?.constructedTableBodyData ?? [];
+    return r(E, { key: "e1404c2afc5cd310aac72861cd62a5675d60debd", class: e }, r("table", { key: "6af19657d96525fb5835ff78018633dbeac233bc", class: this.getTableClasses() }, a ? r(be, { appearance: this.topHeaderAppearance, labelTypography: this.topHeaderLabelTypography, textAlignment: this.topHeaderTextAlignment, headerCells: t, width: this.width }) : void 0, r("tbody", { key: "c43e3a3121839c191c18a8621f902de504dc8fba" }, l.length > 0 ? l.map(((d) => r(D, { layout: "horizontal", rows: d?.items ?? [], width: this.width }))) : void 0)));
   }
   get hostElement() {
     return this;
@@ -157,14 +190,14 @@ const D = ({ borderSides: e, borderRadiusSides: a, appearance: t, textAlignment:
     return ".gids-md-table{display:flex;flex-direction:column;width:100%}.gids-md-table__main-table{border-collapse:separate;border-spacing:0;overflow:hidden;table-layout:fixed}.gids-md-table__main-table-width-full{width:100%}.gids-md-table__main-table-width-intrinsic{width:max-content}.gids-md-table--width-intrinsic{width:max-content}.gids-md-table__outer-borders{border:var(--gids-border-width-thin) solid var(--gids-color-border-default)}.gids-md-table__radius-top-left{border-top-left-radius:var(--gids-border-radius-md)}.gids-md-table__radius-bottom-left{border-bottom-left-radius:var(--gids-border-radius-md)}.gids-md-table__radius-top-right{border-top-right-radius:var(--gids-border-radius-md)}.gids-md-table__radius-bottom-right{border-bottom-right-radius:var(--gids-border-radius-md)}";
   }
 }, [0, "gids-md-table", { isTopHeaderVisible: [4, "is-top-header-visible"], isSideHeaderVisible: [4, "is-side-header-visible"], width: [1], topHeaderAppearance: [1, "top-header-appearance"], sideHeaderAppearance: [1, "side-header-appearance"], rowAppearance: [1, "row-appearance"], tableBorders: [1, "table-borders"], tableBorderRadius: [16], topHeaderLabelTypography: [1, "top-header-label-typography"], sideHeaderLabelTypography: [1, "side-header-label-typography"], rowLabelTypography: [1, "row-label-typography"], topHeaderTextAlignment: [1, "top-header-text-alignment"], sideHeaderTextAlignment: [1, "side-header-text-alignment"], rowTextAlignment: [1, "row-text-alignment"], topHeaderCells: [16], tableBody: [16], constructedTableBodyData: [32] }, void 0, { isTopHeaderVisible: [{ handleTopHeaderVisibilityChange: 0 }], isSideHeaderVisible: [{ handleSideHeaderVisibilityChange: 0 }, { handleTableBodyChange: 0 }], tableBorders: [{ handleTableBordersChange: 0 }, { handleTableBodyChange: 0 }], tableBorderRadius: [{ handleTableBorderRadiusChange: 0 }, { handleTableBodyChange: 0 }], topHeaderCells: [{ handleTopHeaderCellsChange: 0 }], tableBody: [{ handleTableBodyChange: 0 }] }]);
-function w() {
+function V() {
   typeof customElements < "u" && ["gids-md-table"].forEach(((e) => {
-    e === "gids-md-table" && (customElements.get(y(e)) || customElements.define(y(e), B));
+    e === "gids-md-table" && (customElements.get(I(e)) || customElements.define(I(e), N));
   }));
 }
-w();
-const Q = B, U = w;
+V();
+const Te = N, Be = V;
 export {
-  Q as GidsMdTable,
-  U as defineCustomElement
+  Te as GidsMdTable,
+  Be as defineCustomElement
 };

package/dist-bundled/es/gids-overflow-container.js

@@ -20,7 +20,7 @@ const c = (t) => t === "top" || t === "top-bottom", h = (t) => t === "bottom" ||
     this._textArea.scrollTop + this._textArea.offsetHeight >= this._textArea.scrollHeight ? this._el.style.setProperty("--gidsOverflowContainer-after-opacity", "0") : t !== 0 ? t > 0 && (f(this.shadowLocation) && this._el.style.setProperty("--gidsOverflowContainer-before-opacity", "" + Math.min(t / 20, 1)), s(this.shadowLocation) && this._el.style.setProperty("--gidsOverflowContainer-after-opacity", "" + Math.min((this._textArea.scrollHeight - (this._textArea.scrollTop + this._textArea.offsetHeight)) / 20, 1))) : this._el.style.setProperty("--gidsOverflowContainer-after-opacity", "0");
   }
   render() {
-    return e("div", { key: "cfdffbc49db84a4ac18172a6b8ed9fb4a0e3ad1f", class: "gids-overflow-container__text-area", onScroll: this.calculateShadows.bind(this) }, e("slot", { key: "f3d5811cc2991941c14fdc655826f69620968248" }));
+    return e("div", { key: "66d29a2d7da02c695def7edaa9c338161b382cfa", class: "gids-overflow-container__text-area", onScroll: this.calculateShadows.bind(this) }, e("slot", { key: "dd1c0a97cf7e93a50ab40cceb14e50b6e59efdc7" }));
   }
   get _el() {
     return this;

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

@@ -2,14 +2,14 @@ import { L as C, u as y, D as o, F as w, q as f } from "./p-Bf3p-DY2-CPqEc-vc.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-D4Pimu_8-ARSuGBs4.js";
-import { o as u } from "./p-UVmSPzTd-6vjXok6h.js";
+import { o as u } from "./p-UVmSPzTd-CR1higgJ.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
-  "gids-snackbar-container--appearance-information": t === "information",
-  "gids-snackbar-container--appearance-success": t === "success",
-  "gids-snackbar-container--appearance-warning": t === "warning",
-  "gids-snackbar-container--appearance-error": t === "error"
+const Q = ({ appearance: t }, e) => h("gids-notification-container", {
+  // 'gids-notification-container--appearance-default': appearance === 'default' // its a default
+  "gids-notification-container--appearance-information": t === "information",
+  "gids-notification-container--appearance-success": t === "success",
+  "gids-notification-container--appearance-warning": t === "warning",
+  "gids-notification-container--appearance-error": t === "error"
 }, e), S = (t) => {
   if (t)
     switch (t) {
@@ -26,8 +26,8 @@ const Q = ({ appearance: t }, e) => h("gids-snackbar-container", {
     }
 }, j = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getGidsSnackbarContainerClassNames: Q,
-  getSnackbarContainerIconNames: S
+  getGidsNotificationContainerClassNames: Q,
+  getNotificationContainerIconNames: S
 }, Symbol.toStringTag, { value: "Module" })), b = (t) => {
   switch (t) {
     case "bottom-left":
@@ -91,12 +91,12 @@ const Q = ({ appearance: t }, e) => h("gids-snackbar-container", {
   getComponentEntryClasses: b,
   getComponentExitClasses: v,
   getComponentStackClasses: M
-}, Symbol.toStringTag, { value: "Module" })), T = ({ appearance: t }, e) => h("gids-notification-container", {
-  // 'gids-notification-container--appearance-default': appearance === 'default' // its a default
-  "gids-notification-container--appearance-information": t === "information",
-  "gids-notification-container--appearance-success": t === "success",
-  "gids-notification-container--appearance-warning": t === "warning",
-  "gids-notification-container--appearance-error": t === "error"
+}, Symbol.toStringTag, { value: "Module" })), T = ({ appearance: t }, e) => h("gids-snackbar-container", {
+  // 'gids-snackbar-container--appearance-default': appearance === 'default' // its a default
+  "gids-snackbar-container--appearance-information": t === "information",
+  "gids-snackbar-container--appearance-success": t === "success",
+  "gids-snackbar-container--appearance-warning": t === "warning",
+  "gids-snackbar-container--appearance-error": t === "error"
 }, e), q = (t) => {
   if (t)
     switch (t) {
@@ -113,12 +113,12 @@ const Q = ({ appearance: t }, e) => h("gids-snackbar-container", {
     }
 }, I = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getGidsNotificationContainerClassNames: T,
-  getNotificationContainerIconNames: q
-}, Symbol.toStringTag, { value: "Module" })), { getGidsSnackbarContainerClassNames: z, getSnackbarContainerIconNames: L } = j, X = ({ appearance: t = "default", children: e, button: n, class: i, ...a }) => {
+  getGidsSnackbarContainerClassNames: T,
+  getSnackbarContainerIconNames: q
+}, Symbol.toStringTag, { value: "Module" })), { getGidsSnackbarContainerClassNames: z, getSnackbarContainerIconNames: L } = I, 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: Y, getNotificationContainerIconNames: E } = I, R = ({ notificationTitle: t, children: e, button: n, appearance: i = "default", pronunciation: a = "standard", onCloseNotificationClick: r, class: s, ...m }) => {
+}, { getGidsNotificationContainerClassNames: Y, getNotificationContainerIconNames: E } = j, 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 {
@@ -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: "bb974c7b42f4efc210a2b879538d3d34c963327c" }, o("slot", { key: "3bf4f43195851eda44a7a3adee27388e59842f85" }), this._isRoot() ? o("div", { class: G({ position: t }) }, [...this._allowedComponentQueue].reverse().map(((e) => this._renderComponent(e)))) : null);
+    return o(w, { key: "c97e5540b3c302e9c548d03166a67755bc195237" }, o("slot", { key: "0b29ba9fec23311a5fd8d0ce3c6b8f5f15f96a16" }), this._isRoot() ? o("div", { class: G({ position: t }) }, [...this._allowedComponentQueue].reverse().map(((e) => this._renderComponent(e)))) : null);
   }
   get _el() {
     return this;

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

@@ -1,47 +1,59 @@
 import { L as S, u as P, z as v, C as x, D as i, F as T, q as h } from "./p-Bf3p-DY2-CPqEc-vc.js";
 import { i as C } from "./p-B2zUuNXz-BLBgQDu7.js";
-import { a as F } from "./p-Dg2yoUxw-Cca8ROd_.js";
+import { a as F } from "./p-Dg2yoUxw-DliMstZy.js";
 import { r as L } from "./p-UxDcM-C5-BJO4X0jM.js";
-import { o as O } from "./p-UVmSPzTd-6vjXok6h.js";
+import { o as O } from "./p-UVmSPzTd-CR1higgJ.js";
 import { g as k, d as j } from "./p-D4Pimu_8-ARSuGBs4.js";
-import { h as z } from "./p-ub0GuVHb-C9vrhXyF.js";
-import { r as E } from "./p-BVAtja26-C16IjShX.js";
+import { h as z } from "./p-MnCDY1k9-CgbTyJ5R.js";
+import { r as E } from "./p-DGenc1qz-CMwVEtCm.js";
 import { c as g } from "./clsx-OuTLNxxd.js";
-const f = /[A-Z]/, b = /[a-z]/, p = /[0-9]/, q = /[^A-Za-z0-9]/, G = ({ text: e, meterRules: t = [], textMinLength: s = 0 }) => {
+const G = (e) => {
+  switch (e) {
+    case "error":
+      return "error";
+    case "success":
+      return "success";
+    default:
+      return "default";
+  }
+}, B = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  inputToGidsFieldStatusForPassword: G
+}, Symbol.toStringTag, { value: "Module" })), f = /[A-Z]/, p = /[a-z]/, b = /[0-9]/, q = /[^A-Za-z0-9]/, A = ({ 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;
-}, B = ({ textScore: e, maxScore: t }) => {
+  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;
+}, I = ({ 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({
+}, $ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getColorModifierByScore: B,
-  getStrengthMeterScore: G,
-  include1DigitReg: p,
-  include1LowercaseLetterReg: b,
+  getColorModifierByScore: I,
+  getStrengthMeterScore: A,
+  include1DigitReg: b,
+  include1LowercaseLetterReg: p,
   include1SpecialCharReg: q,
   include1UppercaseLetterReg: f
-}, Symbol.toStringTag, { value: "Module" })), o = ({ requirementRule: e, textMinLength: t }) => e === "include-min-length" && t && t > 0, R = (e) => {
+}, 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 }) => {
+}, D = ({ 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-digit":
+      return b.test(s);
     case "1-special-character":
       return q.test(s);
     case "include-min-length":
-      return o({
+      return d({
         requirementRule: "include-min-length",
         textMinLength: t
       }) === !0 && s.length >= t;
@@ -67,7 +79,7 @@ const f = /[A-Z]/, b = /[a-z]/, p = /[0-9]/, q = /[^A-Za-z0-9]/, G = ({ text: e,
       requirementText: "Password must contain atleast 1 lowercase letter."
     }
   ];
-  return o({
+  return d({
     requirementRule: "include-min-length",
     textMinLength: e
   }) && t.push({
@@ -77,12 +89,12 @@ const f = /[A-Z]/, b = /[a-z]/, p = /[0-9]/, q = /[^A-Za-z0-9]/, G = ({ text: e,
     defaultMeterRules: R(t),
     defaultRequirementsMeterRules: t
   };
-}, $ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, N = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  checkRequirementRuleSatisfied: I,
+  checkRequirementRuleSatisfied: D,
   getDefaultRulesAndRequirementsForMeters: m,
   getMeterRulesFromRequirements: R,
-  minLengthRuleCanBeApplied: o
+  minLengthRuleCanBeApplied: d
 }, Symbol.toStringTag, { value: "Module" })), V = (e) => {
   switch (e) {
     case "error":
@@ -96,60 +108,48 @@ const f = /[A-Z]/, b = /[a-z]/, p = /[0-9]/, q = /[^A-Za-z0-9]/, G = ({ text: e,
     default:
       return "globe";
   }
-}, D = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  getRequirementsMeterLabelLeadingIcon: V
-}, Symbol.toStringTag, { value: "Module" })), N = (e) => {
-  switch (e) {
-    case "error":
-      return "error";
-    case "success":
-      return "success";
-    default:
-      return "default";
-  }
 }, U = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  inputToGidsFieldStatusForPassword: N
-}, Symbol.toStringTag, { value: "Module" })), H = (e) => g("gids-strength-meter", e), Z = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  getRequirementsMeterLabelLeadingIcon: V
+}, Symbol.toStringTag, { value: "Module" })), { inputToGidsFieldStatusForPassword: H } = B, Z = (e) => e === "implicit" || e === void 0 ? "implicit" : H(e), W = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getGidsStrengthMeterClassNames: H
-}, Symbol.toStringTag, { value: "Module" })), W = ({ status: e }, t) => g("gids-requirements-meter-label", {
+  inputToGidsFieldStatusForPassword: Z
+}, Symbol.toStringTag, { value: "Module" })), J = ({ 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({
+}, t), K = /* @__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({
+  getGidsRequirementsMeterLabelClassNames: J
+}, Symbol.toStringTag, { value: "Module" })), Q = (e) => g("gids-requirements-meter", e), X = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getGidsRequirementsMeterClassNames: K
-}, Symbol.toStringTag, { value: "Module" })), { inputToGidsFieldStatusForPassword: X } = U, Y = (e) => e === "implicit" || e === void 0 ? "implicit" : X(e), ee = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  getGidsRequirementsMeterClassNames: Q
+}, Symbol.toStringTag, { value: "Module" })), Y = (e) => g("gids-strength-meter", 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 }) => {
+  getGidsStrengthMeterClassNames: Y
+}, Symbol.toStringTag, { value: "Module" })), { getGidsStrengthMeterClassNames: te } = ee, { getStrengthMeterScore: se, getColorModifierByScore: re } = $, 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);
+      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 } = D, ae = (e) => {
+}, { getGidsRequirementsMeterLabelClassNames: ne } = K, { getRequirementsMeterLabelLeadingIcon: le } = U, 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 } = $, { getGidsRequirementsMeterClassNames: de } = Q, oe = ({ requirements: e = [], text: t, textMinLength: s, class: n }) => {
+}, { checkRequirementRuleSatisfied: ue } = N, { getGidsRequirementsMeterClassNames: oe } = X, 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: de(n) }, e.map(((r) => {
+  return i("div", { class: oe(n) }, e.map(((r) => {
     if (r?.requirementText != null && r?.requirementRule != null) {
       const l = ue({ rule: r.requirementRule, textMinLength: s, text: t });
-      return r.requirementRule === "include-min-length" ? o({ requirementRule: r.requirementRule, textMinLength: s }) === !0 ? a(r, l) : null : a(r, l);
+      return r.requirementRule === "include-min-length" ? d({ requirementRule: r.requirementRule, textMinLength: s }) === !0 ? a(r, l) : null : a(r, l);
     }
     return null;
   })));
-}, { inputToGidsFieldStatusForPassword: ce } = ee, M = S(class extends P {
+}, { inputToGidsFieldStatusForPassword: ce } = W, 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");
@@ -191,7 +191,7 @@ const f = /[A-Z]/, b = /[a-z]/, p = /[0-9]/, q = /[^A-Za-z0-9]/, G = ({ 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: "d432cef8c1647b87dedff271d5885e927e43f308" }, i("gids-field", { key: "48ef08affb80f0d9b5784a0eb68f38311e3c4f81", disabled: this.disabled, count: void 0, helperText: this.helperText, statusText: this.statusText, status: ce(this.status) }, i(F, { key: "6a19f405851738b1b8ca2178a5b59dfe910fc8a8", 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: "628fed42fcc93b0cffa343eb0f36b5873f9602f2", 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: "f5eb222b74d657ea54030c23dcc65fdaa0c6613e", name: "leadingIcon" }), i("slot", { key: "a0a850d852fca98bbc5373e4ba768a08276f0538", name: "leadingAccessory" }), i("div", { key: "4ce3a44dcf00ac7d3cac81d9447cc6b715c92e7e", slot: "trailingAccessory", class: "gids-password-field__trailing-accessory" }, n && i(L, { key: "fb8bb65b5efb02717f2d91c59e9abc875cce3a7a", label: "clear text", size: "lg", onPressDismiss: this._handleDismiss }), a && i(O, { key: "8aff9bce69af15a78d366e286fa7ee63ba1119f7", appearance: "default", size: "xs", width: "intrinsic", disabled: this.disabled, onClick: this._handleRevealPassword }, u ? "Hide" : "Show")))), i("div", { key: "bb9734d4d57e146ea40d8bdee28f14b65a9a6c7b", class: "gids-password-field__meters-container" }, i(ie, { key: "f3bbc38d7f5d8b3cb26a9dcc6817b72084d1ef77", meterRules: _, text: this.value, textMinLength: c }), i(oe, { key: "bd4d1dfb45f868e9bce181a46ef8d60e70d0d492", requirements: this.requirementsMeterRequirements, text: this.value, textMinLength: c })));
+    return i(T, { key: "3d2b0215e3ecf5f3177b6bbd814cbb25cfff0f99" }, i("gids-field", { key: "55406ad952e16aadfabb54e7e0881232abfa0ad4", disabled: this.disabled, count: void 0, helperText: this.helperText, statusText: this.statusText, status: ce(this.status) }, i(F, { key: "d43dfd8b4e972b2877be1dfc559e1c7dd26503af", 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: "91296ff92342eaabd1e4b90a9eac42ef84bdfe00", 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: "34e19a0410259e1fccc7fe019f0aaca4ed767221", name: "leadingIcon" }), i("slot", { key: "c2182fcca49768b6cad85ef1e6878267e9039356", name: "leadingAccessory" }), i("div", { key: "76b96027037623e0489eda79783b8eb526fc3506", slot: "trailingAccessory", class: "gids-password-field__trailing-accessory" }, n && i(L, { key: "10faa5658661a006a0dfa3772c78aa68285cebfe", label: "clear text", size: "lg", onPressDismiss: this._handleDismiss }), a && i(O, { key: "9035e639421b9a4ccfe781cbc6f90d629ac2d9c3", appearance: "default", size: "xs", width: "intrinsic", disabled: this.disabled, onClick: this._handleRevealPassword }, u ? "Hide" : "Show")))), i("div", { key: "c5ebe85a024f0726428fd68f35940909fd0ffba2", class: "gids-password-field__meters-container" }, i(ie, { key: "113412cc82015efae5c899786cb4550f04454ae4", meterRules: _, text: this.value, textMinLength: c }), i(de, { key: "12e2c502ed1d0b0e22048d92eb17c1cec3baee05", requirements: this.requirementsMeterRequirements, text: this.value, textMinLength: c })));
   }
   get _el() {
     return this;

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

@@ -1,4 +1,4 @@
-import { n as e, c as t } from "./p-C3We7Q8Q-2EoDLj5m.js";
+import { n as e, c as t } from "./p-BF46eY8H-Xn8Fl9EI.js";
 const r = e, s = t;
 export {
   r as GidsPieChart,

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

@@ -1,5 +1,5 @@
 import { L as v, u as p, D as a, F as f, q as l } from "./p-Bf3p-DY2-CPqEc-vc.js";
-import { g as E } from "./p-a3JfEYJp-DyhDK6VZ.js";
+import { l as E } from "./p-BBszCFSA-BN0-eWJX.js";
 import { o as b } from "./p-B8kX8Vqv-trBz4jdS.js";
 const h = v(class extends p {
   constructor(e) {
@@ -64,7 +64,7 @@ const h = v(class extends p {
     e && e.removeEventListener("click", this.handleToggleEvent), document.removeEventListener("click", this.handleDocumentClick), document.removeEventListener("keydown", this.handleKeyDown);
   }
   render() {
-    return a(f, { key: "8ba926923396baba700ffdd150285e2b1d5fdadb" }, a("slot", { key: "f6f2124fa92e77a40d9ef3daad50746d7c19d525", name: "anchor" }), a("div", { key: "e38abaca1c99ae58185684dec56372aac6cdf169", id: "popover", part: "popover", role: "dialog", "aria-modal": "true", tabindex: "-1" }, a("span", { key: "6eaef30f452a72b3221d2c5ddef5ac21aab3ba62", id: "arrow" }), a("div", { key: "cd3bb7bf24a8f2a8273bcb891df314c50a3d00ce" }, a("slot", { key: "18e66983483c84164787fc2f999dbb93bee6f929" }))));
+    return a(f, { key: "94d73fbb3f1717237610f6841f6d71bb358f88af" }, a("slot", { key: "e32847e40a883de4a28bab3c34472b1fcf373175", name: "anchor" }), a("div", { key: "91a5b221e8dc9ad5ccd001da496d9fa55f1fb39a", id: "popover", part: "popover", role: "dialog", "aria-modal": "true", tabindex: "-1" }, a("span", { key: "92e4d0a5abbed72f846669c60ca2d5b5423f7d2b", id: "arrow" }), a("div", { key: "9f70b0e84f4d82809668f57725707e6c681fb7c8" }, a("slot", { key: "52f87218d40c71eb70a23552e77b38d3b9f85b2f" }))));
   }
   disconnectedCallback() {
     this.cleanupEventListeners(), this.floatingElementManager?.destroy();

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

@@ -1,4 +1,4 @@
-import { h as e, d as r } from "./p-CoS0NuDU-CqmDcRWj.js";
+import { h as e, d as r } from "./p-CoS0NuDU-ByDvQAzA.js";
 const o = e, t = r;
 export {
   o as GidsProgressCircle,