@ganpatiinfo/gids-core-web 10.3.0 → 13.0.0

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

@@ -1,9 +1,9 @@
 import { L as n, u as d, D as s, q as a } from "./p-Bf3p-DY2-CPqEc-vc.js";
 import { a as r } from "./p-Dg2yoUxw-Cca8ROd_.js";
-import { l } from "./p-DVVJrKxO-Bdl0HX_u.js";
-import { h } from "./p-BE2G21MT-WGW-ehxu.js";
-import { r as c } from "./p-DA_atCAU-KdxJYYDE.js";
-import { g as u } from "./p-D4Pimu_8-DfEGRQGf.js";
+import { l } from "./p-CI-sN9Lr-BvWzRJw-.js";
+import { h } from "./p-ub0GuVHb-C9vrhXyF.js";
+import { r as c } from "./p-BVAtja26-C16IjShX.js";
+import { g as u } from "./p-D4Pimu_8-ARSuGBs4.js";
 const i = n(class extends d {
   constructor(e) {
     super(), e !== !1 && this.__registerHost(), this.internals = this.attachInternals(), this.appearance = "default", this.expanded = !1, this.#e = u(), this.handleSelectionChange = (t) => {
@@ -51,7 +51,7 @@ const i = n(class extends d {
   }
   render() {
     const e = this.inputProps?.id ?? this.#e, t = { ...this.inputProps, id: e, placeholder: this.inputProps?.placeholder ?? "Please select an option" };
-    return s("gids-field", { key: "955fc1bb51a0f03f8385dbe839d369763e42e7fc", disabled: this.disabled, helperText: this.helperText, statusText: this.statusText, status: this.status }, this.label !== void 0 ? s(r, { slot: "label", disabled: this.disabled, htmlFor: e, fieldRequirement: this.required ? "required" : void 0 }, this.label) : null, s("gids-dropdown", { key: "bba762ea7edb1ebaa2b14d0c8851858763172a08", appearance: this.appearance, expanded: this.expanded, inputProps: t, disabled: this.disabled, readOnly: this.readOnly, loading: this.loading, value: this.value, name: this.name, onSelectionChange: this.handleSelectionChange, onFocus: this.handleDropdownFocusAndBlur, onBlur: this.handleDropdownFocusAndBlur, required: this.required }, s("slot", { key: "649ff40ddce21ad400c9a5026c73ee911115b085", name: "leadingIconDropdown" }), s("slot", { key: "43d91c9a9fc3a4ccfc78b37bc0abe291cceef511", name: "leadingAccessoryDropdown" }), s("slot", { key: "20e8a20ed143207e35aca5087c92bb48235a21aa" })));
+    return s("gids-field", { key: "20c1747dfcab7f178de45a4046a53f0147425bde", disabled: this.disabled, helperText: this.helperText, statusText: this.statusText, status: this.status }, this.label !== void 0 ? s(r, { slot: "label", disabled: this.disabled, htmlFor: e, fieldRequirement: this.required ? "required" : void 0 }, this.label) : null, s("gids-dropdown", { key: "83ff5c4adf7d7c6b4f65d55332c1ef33cf86dd02", appearance: this.appearance, expanded: this.expanded, inputProps: t, disabled: this.disabled, readOnly: this.readOnly, loading: this.loading, value: this.value, name: this.name, onSelectionChange: this.handleSelectionChange, onFocus: this.handleDropdownFocusAndBlur, onBlur: this.handleDropdownFocusAndBlur, required: this.required }, s("slot", { key: "009165e31cfb3e4d7f2acc9ff2d2b77a0a3c9231", name: "leadingIconDropdown" }), s("slot", { key: "cf07e7454439b586c2dacdd69eebc71d0c99fb59", name: "leadingAccessoryDropdown" }), s("slot", { key: "bdb9dc44043a1b99c9e6cab5069420803c3bb834" })));
   }
   static get formAssociated() {
     return !0;

package/dist-bundled/es/gids-dropdown-picker.js

@@ -1,5 +1,5 @@
-import { r as o, h as e } from "./p-DfrYaprq-CeZqb0rn.js";
-const s = o, t = e;
+import { r, h as o } from "./p-BSbOhfLZ-BdEHhmFM.js";
+const s = r, t = o;
 export {
   s as GidsDropdownPicker,
   t as defineCustomElement

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

@@ -1,6 +1,6 @@
-import { c as o, l as s } from "./p-DVVJrKxO-Bdl0HX_u.js";
-const t = o, m = s;
+import { c as o, l as e } from "./p-CI-sN9Lr-BvWzRJw-.js";
+const s = o, t = e;
 export {
-  t as GidsDropdown,
-  m as defineCustomElement
+  s as GidsDropdown,
+  t as defineCustomElement
 };

package/dist-bundled/es/gids-expansion-body-list-item.js

@@ -1,6 +1,6 @@
-import { p as s, g as o } from "./p-DlI2raNo-5V-p1A9Z.js";
-const e = s, i = o;
+import { r as s, d as o } from "./p-4lN1OdcA-xYP8gbDc.js";
+const e = s, r = o;
 export {
   e as GidsExpansionBodyListItem,
-  i as defineCustomElement
+  r as defineCustomElement
 };

package/dist-bundled/es/gids-expansion-body-list.js

@@ -1,25 +1,25 @@
-import { L as x, u as h, D as l, P as y, q as p } from "./p-Bf3p-DY2-CPqEc-vc.js";
-import { g as L } from "./p-DlI2raNo-5V-p1A9Z.js";
-import { c as u } from "./clsx-OuTLNxxd.js";
-const E = (t) => u("gids-expansion-body-list", t), m = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+import { L as r, u as L, D as d, P as y, q as p } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { d as h } from "./p-4lN1OdcA-xYP8gbDc.js";
+import { c as m } from "./clsx-OuTLNxxd.js";
+const u = (e) => m("gids-expansion-body-list", e), E = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getGidsExpansionBodyListClassNames: E
-}, Symbol.toStringTag, { value: "Module" })), { getGidsExpansionBodyListClassNames: c } = m, d = x(class extends h {
-  constructor(t) {
-    super(), t !== !1 && this.__registerHost(), this.expansionBodyListItems = [], this.hasExpansionBodyListSubtitleItemListener = !1, this.hasExpansionBodyListSupportingTextItemListener = !1, this.handleExpansionBodyListSubtitleClick = (s) => {
-      this.applyExpansionBodyListSubtitleSelection(s);
-    }, this.handleExpansionBodyListSupportingTextClick = (s) => {
-      this.applyExpansionBodyListSupportingTextSelection(s);
-    }, this.handleExpansionBodyListSubtitleSelect = (s) => {
-      const { listItemId: e, label: i, subtitle: n, supportingText: o, listItemPressedType: a } = s.detail;
-      this.applyExpansionBodyListSubtitleSelection({ listItemId: e, label: i, subtitle: n, supportingText: o, listItemPressedType: a, originalEvent: s });
-    }, this.handleExpansionBodyListSupportingTextSelect = (s) => {
-      const { listItemId: e, label: i, subtitle: n, supportingText: o, listItemPressedType: a } = s.detail;
-      this.applyExpansionBodyListSupportingTextSelection({ listItemId: e, label: i, subtitle: n, supportingText: o, listItemPressedType: a, originalEvent: s });
+  getGidsExpansionBodyListClassNames: u
+}, Symbol.toStringTag, { value: "Module" })), { getGidsExpansionBodyListClassNames: B } = E, l = r(class extends L {
+  constructor(e) {
+    super(), e !== !1 && this.__registerHost(), this.expansionBodyListItems = [], this.hasExpansionBodyListSubtitleItemListener = !1, this.hasExpansionBodyListSupportingTextItemListener = !1, this.handleExpansionBodyListSubtitleClick = ({ detail: t, expansionBodyListItem: s }) => {
+      this.selectedExpansionListItem = { detail: t, expansionBodyListItem: s }, this.applyExpansionBodyListSubtitleSelection({ detail: t, expansionBodyListItem: s });
+    }, this.handleExpansionBodyListSupportingTextClick = ({ detail: t, expansionBodyListItem: s }) => {
+      this.selectedExpansionListItem = { detail: t, expansionBodyListItem: s }, this.applyExpansionBodyListSupportingTextSelection({ detail: t, expansionBodyListItem: s });
+    }, this.handleExpansionBodyListSubtitleSelect = (t) => {
+      const { listItemId: s, label: i, subtitle: n, supportingText: o, listItemPressedType: a } = t.detail;
+      this.applyExpansionBodyListSubtitleSelection({ detail: { listItemId: s, label: i, subtitle: n, supportingText: o, listItemPressedType: a, originalEvent: t }, expansionBodyListItem: this.selectedExpansionListItem?.expansionBodyListItem });
+    }, this.handleExpansionBodyListSupportingTextSelect = (t) => {
+      const { listItemId: s, label: i, subtitle: n, supportingText: o, listItemPressedType: a } = t.detail;
+      this.applyExpansionBodyListSupportingTextSelection({ detail: { listItemId: s, label: i, subtitle: n, supportingText: o, listItemPressedType: a, originalEvent: t }, expansionBodyListItem: this.selectedExpansionListItem?.expansionBodyListItem });
     };
   }
-  handleExpansionBodyListItemsChange(t) {
-    this.expansionBodyListItems = t;
+  handleExpansionBodyListItemsChange(e) {
+    this.expansionBodyListItems = e;
   }
   connectedCallback() {
     this.attachExpansionBodyListSubtitleItemListener(), this.attachExpansionBodyListSupportingTextItemListener();
@@ -27,11 +27,11 @@ const E = (t) => u("gids-expansion-body-list", t), m = /* @__PURE__ */ Object.fr
   disconnectedCallback() {
     this.detachExpansionBodyListSubtitleItemListener(), this.detachExpansionBodyListSupportingTextItemListener();
   }
-  applyExpansionBodyListSubtitleSelection(t) {
-    this.onExpansionBodyListSubtitlePress && this.onExpansionBodyListSubtitlePress(t);
+  applyExpansionBodyListSubtitleSelection({ detail: e, expansionBodyListItem: t }) {
+    this.onExpansionBodyListSubtitlePress && this.onExpansionBodyListSubtitlePress({ ...e, selectedExpansionBodyListItem: t });
   }
-  applyExpansionBodyListSupportingTextSelection(t) {
-    this.onExpansionBodyListSupportingTextPress && this.onExpansionBodyListSupportingTextPress(t);
+  applyExpansionBodyListSupportingTextSelection({ detail: e, expansionBodyListItem: t }) {
+    this.onExpansionBodyListSupportingTextPress && this.onExpansionBodyListSupportingTextPress({ ...e, selectedExpansionBodyListItem: t });
   }
   attachExpansionBodyListSubtitleItemListener() {
     this.hasExpansionBodyListSubtitleItemListener || (this.hostElement.addEventListener("onExpansionBodyListSubtitlePress", this.handleExpansionBodyListSubtitleSelect), this.hasExpansionBodyListSubtitleItemListener = !0);
@@ -46,8 +46,8 @@ const E = (t) => u("gids-expansion-body-list", t), m = /* @__PURE__ */ Object.fr
     this.hasExpansionBodyListSupportingTextItemListener && (this.hostElement.removeEventListener("onExpansionBodyListSupportingTextPress", this.handleExpansionBodyListSupportingTextSelect), this.hasExpansionBodyListSupportingTextItemListener = !1);
   }
   render() {
-    const t = c();
-    return l(y, { key: "15f3772895a64b74baab61c2e9067b1e9081b1aa", class: t }, (this?.expansionBodyListItems ?? []).map(((s, e) => l("gids-expansion-body-list-item", { key: "" + (e + 1), ...s, onSubtitlePress: this.handleExpansionBodyListSubtitleClick, onSupportingTextPress: this.handleExpansionBodyListSupportingTextClick }))));
+    const e = B();
+    return d(y, { key: "1a5870a9022eaac94b1dc42c81a661d78cffbe15", class: e }, (this?.expansionBodyListItems ?? []).map(((t, s) => d("gids-expansion-body-list-item", { key: "" + (s + 1), ...t, onSubtitlePress: (i) => this.handleExpansionBodyListSubtitleClick({ detail: i, expansionBodyListItem: t }), onSupportingTextPress: (i) => this.handleExpansionBodyListSupportingTextClick({ detail: i, expansionBodyListItem: t }) }))));
   }
   get hostElement() {
     return this;
@@ -58,21 +58,21 @@ const E = (t) => u("gids-expansion-body-list", t), m = /* @__PURE__ */ Object.fr
   static get style() {
     return ".gids-expansion-body-list{display:flex;flex-direction:column;width:100%;gap:var(--gids-gap-400);overflow-y:scroll;overflow-x:hidden}";
   }
-}, [0, "gids-expansion-body-list", { expansionBodyListItems: [16], onExpansionBodyListSubtitlePress: [16], onExpansionBodyListSupportingTextPress: [16] }, void 0, { expansionBodyListItems: [{ handleExpansionBodyListItemsChange: 0 }] }]);
-function r() {
-  typeof customElements < "u" && ["gids-expansion-body-list", "gids-expansion-body-list-item"].forEach(((t) => {
-    switch (t) {
+}, [0, "gids-expansion-body-list", { expansionBodyListItems: [16], onExpansionBodyListSubtitlePress: [16], onExpansionBodyListSupportingTextPress: [16], selectedExpansionListItem: [32] }, void 0, { expansionBodyListItems: [{ handleExpansionBodyListItemsChange: 0 }] }]);
+function x() {
+  typeof customElements < "u" && ["gids-expansion-body-list", "gids-expansion-body-list-item"].forEach(((e) => {
+    switch (e) {
       case "gids-expansion-body-list":
-        customElements.get(p(t)) || customElements.define(p(t), d);
+        customElements.get(p(e)) || customElements.define(p(e), l);
         break;
       case "gids-expansion-body-list-item":
-        customElements.get(p(t)) || L();
+        customElements.get(p(e)) || h();
     }
   }));
 }
-r();
-const b = d, I = r;
+x();
+const g = l, b = x;
 export {
-  b as GidsExpansionBodyList,
-  I as defineCustomElement
+  g as GidsExpansionBodyList,
+  b as defineCustomElement
 };

package/dist-bundled/es/gids-expansion-group.js

@@ -1,15 +1,15 @@
-import { L as r, u as i, D as s, P as a, q as o } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { L as a, u as r, D as s, P as i, q as o } from "./p-Bf3p-DY2-CPqEc-vc.js";
 import { c } from "./clsx-OuTLNxxd.js";
 const d = (e) => c("gids-expansion-group", e), p = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getGidsExpansionGroupClassNames: d
-}, Symbol.toStringTag, { value: "Module" })), { getGidsExpansionGroupClassNames: u } = p, t = r(class extends i {
+}, Symbol.toStringTag, { value: "Module" })), { getGidsExpansionGroupClassNames: u } = p, t = a(class extends r {
   constructor(e) {
     super(), e !== !1 && this.__registerHost();
   }
   render() {
     const e = u();
-    return s(a, { key: "ee7546a3490605f3d1ae5a7ffaf2bdacb4dd4541", class: e }, s("slot", { key: "dbb9e5f1c031fb05ef01c6bb5ceccf422f3b2325" }));
+    return s(i, { key: "15cd9ad12d4c3af9ba224728362eb41530aa3cae", class: e }, s("slot", { key: "b6b2831de1ec6ad5ef92afc564b9cc749927d8da" }));
   }
   static get style() {
     return ".gids-expansion-group{display:flex;flex-direction:column;width:100%}";
@@ -21,8 +21,8 @@ function n() {
   }));
 }
 n();
-const g = t, m = n;
+const f = t, m = n;
 export {
-  g as GidsExpansionGroup,
+  f as GidsExpansionGroup,
   m as defineCustomElement
 };

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

@@ -1,5 +1,5 @@
 import { L as o, u as r, D as i, P as l, q as a } from "./p-Bf3p-DY2-CPqEc-vc.js";
-import { d as g } from "./p-D4Pimu_8-DfEGRQGf.js";
+import { d as g } from "./p-D4Pimu_8-ARSuGBs4.js";
 import { e as p } from "./p-ChV9xqsO-CJSPCx6p.js";
 import { c as h } from "./clsx-OuTLNxxd.js";
 const c = ({ expanded: e }, n) => h("gids-expansion", {
@@ -7,7 +7,7 @@ const c = ({ expanded: e }, n) => h("gids-expansion", {
 }, n), x = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getGidsExpansionClassNames: c
-}, Symbol.toStringTag, { value: "Module" })), { getGidsExpansionClassNames: b } = x, s = o(class extends r {
+}, Symbol.toStringTag, { value: "Module" })), { getGidsExpansionClassNames: _ } = x, s = o(class extends r {
   constructor(e) {
     super(), e !== !1 && this.__registerHost(), this.labelLevel = "h1", this.hasContent = !1, this.handleExpansionClick = () => {
       if (this.isInteractive()) {
@@ -64,8 +64,8 @@ const c = ({ expanded: e }, n) => h("gids-expansion", {
     }
   }
   render() {
-    const e = b({ expanded: this.isExpanded() && this.isInteractive() }), n = this.label;
-    return i(l, { key: "61ba4970c6dba5eb82d52ee61398bff60238e295", class: e }, i("button", { key: "6cda4b165bd27dc0fb7727c6ee15393c21c33a0e", onClick: this.handleExpansionClick, class: p("gids-expansion__container", { "gids-expansion__disabled": this.disabled }), disabled: this.disabled, type: "button" }, this.isHavingLabelValue() ? i("span", { class: this.getLabelClass() }, n) : void 0, this.isInteractive() ? i(g, { name: "chevron-down", size: this.getIconSize(), appearance: "filled" }) : void 0), i("div", { key: "3720c533ad28b3d66ea2898e85ef7afd8065a3d7", class: "gids-expansion__body", "aria-hidden": this.isExpanded() ? "false" : "true" }, i("div", { key: "c59bbeb5fc5574dde1bbe2cfd97b4f713afbfd03", class: "gids-expansion__content" }, i("slot", { key: "f1f85de8407c8fd992cd47c95076c955835174c4" }))));
+    const e = _({ expanded: this.isExpanded() && this.isInteractive() }), n = this.label;
+    return i(l, { key: "548d1a5398ae9800ad1cf8b24d7d02a6e4111649", class: e }, i("button", { key: "31618853bbaf5b6389fbaaf008972fef5c70e6ed", onClick: this.handleExpansionClick, class: p("gids-expansion__container", { "gids-expansion__disabled": this.disabled }), disabled: this.disabled, type: "button" }, this.isHavingLabelValue() ? i("span", { class: this.getLabelClass() }, n) : void 0, this.isInteractive() ? i(g, { name: "chevron-down", size: this.getIconSize(), appearance: "filled" }) : void 0), i("div", { key: "2a62873503236e8f8c5f7739e5d562083ef33765", class: "gids-expansion__body", "aria-hidden": this.isExpanded() ? "false" : "true" }, i("div", { key: "52c4912088ee65ba0a4caa60c9a20f012fc85fa6", class: "gids-expansion__content" }, i("slot", { key: "4d72d3b46fba3becd23d1511b941b038b9a8ee04" }))));
   }
   get hostElement() {
     return this;

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

@@ -1,4 +1,4 @@
-import { d as e, h as o } from "./p-BE2G21MT-WGW-ehxu.js";
+import { d as e, h as o } from "./p-ub0GuVHb-C9vrhXyF.js";
 const t = e, d = o;
 export {
   t as GidsField,

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

@@ -1,5 +1,5 @@
-import { h as e, a as t } from "./p-2wB6zkno-57WAxATm.js";
-const r = e, s = t;
+import { r as t, a as e } from "./p-DUojHltk-BQ0ryfLD.js";
+const r = t, s = e;
 export {
   r as GidsFilter,
   s as defineCustomElement

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

@@ -1,6 +1,6 @@
-import { c as o, d as e } from "./p-BeP2XcqY-DMXmX4Mc.js";
-const t = o, m = e;
+import { n as o, d as s } from "./p-C2O_pGky-CP4PN55D.js";
+const n = o, t = s;
 export {
-  t as GidsIcon,
-  m as defineCustomElement
+  n as GidsIcon,
+  t as defineCustomElement
 };

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

@@ -1,4 +1,4 @@
-import { d as t, r as e } from "./p-DA_atCAU-KdxJYYDE.js";
+import { c as t, r as e } from "./p-BVAtja26-C16IjShX.js";
 const s = t, m = e;
 export {
   s as GidsInput,

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

@@ -1,6 +1,6 @@
-import { d as t, g as e } from "./p-Ditd1zV7-DdQjXthS.js";
-const s = t, i = e;
+import { d as e, g as t } from "./p-C56G7JRy-BCGZG2-3.js";
+const r = e, s = t;
 export {
-  s as GidsLineChart,
-  i as defineCustomElement
+  r as GidsLineChart,
+  s as defineCustomElement
 };

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

@@ -0,0 +1,170 @@
+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",
+  // 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({
+  __proto__: null,
+  getGidsBasicTableCellClassNames: D,
+  getGidsBasicTableCellLabelTypographyClass: V
+}, Symbol.toStringTag, { value: "Module" })), L = ({ width: e }, a) => g("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({
+  __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", {
+  // 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({
+  __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 {
+  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 = [];
+  }
+  handleTopHeaderVisibilityChange(e) {
+    this.isTopHeaderVisible = e;
+  }
+  handleSideHeaderVisibilityChange(e) {
+    this.isSideHeaderVisible = e;
+  }
+  handleTableBordersChange(e) {
+    this.tableBorders = e;
+  }
+  handleTableBorderRadiusChange(e) {
+    this.tableBorderRadius = e;
+  }
+  handleTopHeaderCellsChange(e) {
+    this.topHeaderCells = e;
+  }
+  handleTableBodyChange(e) {
+    this.tableBody = e, this.makeTableBodyData();
+  }
+  componentDidLoad() {
+    this.makeTableBodyData();
+  }
+  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 }];
+      }
+      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 });
+    })), 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;
+  }
+  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;
+  }
+  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;
+  }
+  addBorderRadiusDirectlyToTable() {
+    let e = "";
+    const a = this?.tableBorderRadius ?? [];
+    return a.includes("top-left") && (e = "gids-md-table__radius-top-left"), a.includes("bottom-left") && (e += " gids-md-table__radius-bottom-left"), a.includes("top-right") && (e += " gids-md-table__radius-top-right"), a.includes("bottom-right") && (e += " gids-md-table__radius-bottom-right"), e;
+  }
+  getTopHeaderCells() {
+    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;
+  }
+  applyTableOuterBorders() {
+    const e = this.tableBorders;
+    return e === "all" || e === "outer-sides";
+  }
+  applyTableInternalBorders() {
+    return this.tableBorders === "internal";
+  }
+  applyTableAllBorders() {
+    return this.tableBorders === "all";
+  }
+  applyTableTopHeaderBorders() {
+    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)));
+  }
+  get hostElement() {
+    return this;
+  }
+  static get watchers() {
+    return { isTopHeaderVisible: [{ handleTopHeaderVisibilityChange: 0 }], isSideHeaderVisible: [{ handleSideHeaderVisibilityChange: 0 }, { handleTableBodyChange: 0 }], tableBorders: [{ handleTableBordersChange: 0 }, { handleTableBodyChange: 0 }], tableBorderRadius: [{ handleTableBorderRadiusChange: 0 }, { handleTableBodyChange: 0 }], topHeaderCells: [{ handleTopHeaderCellsChange: 0 }], tableBody: [{ handleTableBodyChange: 0 }] };
+  }
+  static get style() {
+    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() {
+  typeof customElements < "u" && ["gids-md-table"].forEach(((e) => {
+    e === "gids-md-table" && (customElements.get(y(e)) || customElements.define(y(e), B));
+  }));
+}
+w();
+const Q = B, U = w;
+export {
+  Q as GidsMdTable,
+  U 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: "3a313522f843cc56f7121cecbf30a623d95f078f", class: "gids-overflow-container__text-area", onScroll: this.calculateShadows.bind(this) }, e("slot", { key: "ba7ae7dd609ab37ccde05f5479184bc2379147ff" }));
+    return e("div", { key: "cfdffbc49db84a4ac18172a6b8ed9fb4a0e3ad1f", class: "gids-overflow-container__text-area", onScroll: this.calculateShadows.bind(this) }, e("slot", { key: "f3d5811cc2991941c14fdc655826f69620968248" }));
   }
   get _el() {
     return this;

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

@@ -1,7 +1,7 @@
 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-DfEGRQGf.js";
+import { d as p } from "./p-D4Pimu_8-ARSuGBs4.js";
 import { o as u } from "./p-UVmSPzTd-6vjXok6h.js";
 import { c as h } from "./clsx-OuTLNxxd.js";
 const Q = ({ appearance: t }, e) => h("gids-snackbar-container", {
@@ -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: "cdc05f54de8a4d399e75e8157393182002f53270" }, o("slot", { key: "75802b7a93840034e30152934b3689e46bc55116" }), this._isRoot() ? o("div", { class: G({ position: t }) }, [...this._allowedComponentQueue].reverse().map(((e) => this._renderComponent(e)))) : null);
+    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);
   }
   get _el() {
     return this;