@ganpatiinfo/gids-core-web 22.0.0 → 24.0.0

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

@@ -0,0 +1,181 @@
+import { L as m, u as p, D as l, q as t } from "./p-B4hcsDH0-CPqEc-vc.js";
+import { s as g } from "./p-BkxmRN-4-DSiXCW8b.js";
+import { N as C } from "./p-CCX8DA2Z-D0OkaCKx.js";
+import { u as y } from "./p-3H10HA8U-DWG31yfh.js";
+import { l as P } from "./p-cXOH6OAQ-BRmZ0lXm.js";
+import { P as k } from "./p-D8vooi3L-C5jeoC6H.js";
+import { m as b } from "./p-CJ1tQlEt-B8GYL1we.js";
+import { E as D } from "./p-DJH7wtiu-BDWtYcRw.js";
+import { f as V } from "./p-Cf9ipNLT-HF4MWnLF.js";
+import { g as f } from "./p-B2CvDGSE-B-50q6JD.js";
+import { u as v } from "./p-Bbw1WCO7-CJU0y0iF.js";
+import { h as E } from "./p-BGBsQSqM-DtooH-AA.js";
+import { h as I } from "./p-peMqbYbz-BnWVSfKD.js";
+import { c as x } from "./p-CS2U2Mro-6wGJ-t9P.js";
+import { n as w } from "./p-DB0ZJi5J-BEYBVVuq.js";
+import { r as F } from "./p-_OVEnTXa-q7qjnzI3.js";
+import { f as A } from "./p-lVcUFx2e-D6N6qefs.js";
+import { b as q } from "./p-DuonIHDh-B6YKWTfP.js";
+import { g as i } from "./p-iQRr_fAH-Dvv1n8QD.js";
+const d = m(class extends p {
+  constructor(e) {
+    super(), e !== !1 && this.__registerHost(), this.internals = this.attachInternals(), this.appearance = "default", this.menuPlacement = "bottom", this.menuConstrainPlacements = ["bottom", "top"], this.marginDays = 0, this.type = "menu", this.panelActionsAppearance = "default", this.#e = i(), this.#a = i(), this.#t = i(), this.#n = i(), this.handleDateChange = (a) => {
+      const n = a?.year ? a.year + "" : void 0, s = a?.year ? (a.year + "").padStart(2, "0") : void 0, r = a?.year ? (a.year + "").padStart(2, "0") : void 0;
+      this.yearValue = n, this.monthValue = s, this.dateValue = r, this.syncFormValue(), this.onDateChange?.(a);
+    }, this.handleCalendarDateChange = (a) => {
+      this.calendarPickerValue = a?.fullDate, this.syncFormValue(), this.onCalendarDateChange && this.onCalendarDateChange(a);
+    }, this.handleCalendarNextChange = (a) => {
+      this.onNextChange && this.onNextChange(a);
+    }, this.handleCalendarPanelMonthChange = (a) => {
+      this.onPanelMonthChange && this.onPanelMonthChange(a);
+    }, this.handleCalendarPanelYearChange = (a) => {
+      this.onPanelYearChange && this.onPanelYearChange(a);
+    }, this.handleCalendarPreviousChange = (a) => {
+      this.onPreviousChange && this.onPreviousChange(a);
+    }, this.handleDatePickerFocusAndBlur = (a) => {
+      this.hostElement.dispatchEvent(new FocusEvent(a.type, { relatedTarget: a.relatedTarget }));
+    };
+  }
+  #e;
+  #a;
+  #t;
+  #n;
+  handleInteractivityChange(e) {
+    this.disabled = e, this.readOnly = e;
+  }
+  menuPlacementChanged(e) {
+    this.menuPlacement = e;
+  }
+  menuConstrainPlacementsChanged(e) {
+    this.menuConstrainPlacements = e;
+  }
+  typeChanged(e) {
+    this.type = e;
+  }
+  startDateChanged(e) {
+    this.startDate = e;
+  }
+  endDateChanged(e) {
+    this.endDate = e;
+  }
+  marginDaysChanged(e) {
+    this.marginDays = e;
+  }
+  handleValueChange() {
+    this.syncFormValue();
+  }
+  connectedCallback() {
+  }
+  componentWillLoad() {
+    this.syncFormValue();
+  }
+  syncFormValue() {
+    if (this.type === "menu") {
+      const e = this.yearValue, a = this.monthValue, n = this.dateValue ?? this.calendarPickerValue;
+      if (e == null || a == null || n == null) return void this.internals.setFormValue(null);
+      this.internals.setFormValue([e, (a + "").padStart(2, "0"), (n + "").padStart(2, "0")].join("-"));
+    } else this.internals.setFormValue(this?.calendarPickerValue ?? "");
+  }
+  getDatePickerControl() {
+    return this.hostElement.querySelector("gids-date-picker");
+  }
+  get form() {
+    return this.getDatePickerControl()?.form ?? null;
+  }
+  get validity() {
+    return this.getDatePickerControl()?.validity ?? {};
+  }
+  get validationMessage() {
+    return this.getDatePickerControl()?.validationMessage ?? "";
+  }
+  get willValidate() {
+    return this.getDatePickerControl()?.willValidate ?? !1;
+  }
+  async checkValidity() {
+    const e = this.getDatePickerControl();
+    return !e?.checkValidity || await e.checkValidity();
+  }
+  async reportValidity() {
+    const e = this.getDatePickerControl();
+    return !e?.reportValidity || await e.reportValidity();
+  }
+  async setCustomValidity(e) {
+    const a = this.getDatePickerControl();
+    if (a?.setCustomValidity) return await a.setCustomValidity(e);
+  }
+  render() {
+    const e = this.yearInputProps?.id ?? this.#e, a = this.monthInputProps?.id ?? this.#a, n = this.dateInputProps?.id ?? this.#t, s = this.calendarPickerInputProps?.id ?? this.#n, r = { ...this.yearInputProps, id: e, placeholder: this.yearInputProps?.placeholder ?? "Year" }, h = { ...this.monthInputProps, id: a, placeholder: this.monthInputProps?.placeholder ?? "Month" }, c = { ...this.dateInputProps, id: n, placeholder: this.dateInputProps?.placeholder ?? "Day" }, u = { ...this.calendarPickerInputProps, id: s, placeholder: this.calendarPickerInputProps?.placeholder ?? "Select a date" };
+    return l("gids-field", { key: "ceec3bfbab499ad8bc2848655ff4b6ea9be599a6", disabled: this.disabled, helperText: this.helperText, statusText: this.statusText, status: this.status }, this.label !== void 0 ? l(g, { slot: "label", disabled: this.disabled, htmlFor: this.type === "menu" ? `${e}-${a}-${n}` : "" + s, fieldRequirement: this.required ? "required" : void 0 }, this.label) : null, l("gids-date-picker", { key: "aa4ad0aa694afb8bd7425e41eb850bc09ebfcba5", appearance: this.appearance, yearInputProps: r, monthInputProps: h, dateInputProps: c, calendarPickerInputProps: u, disabled: this.disabled, readOnly: this.readOnly, loading: this.loading, yearValue: this.yearValue, monthValue: this.monthValue, dateValue: this.dateValue, calendarPickerValue: this.calendarPickerValue, name: this.name, onDateChange: this.handleDateChange, onCalendarDateChange: this.handleCalendarDateChange, onFocus: this.handleDatePickerFocusAndBlur, onBlur: this.handleDatePickerFocusAndBlur, required: this.required, panelActionsAppearance: this?.panelActionsAppearance ?? "default", monthPickerDisabled: this.monthPickerDisabled, nextDisabled: this.nextDisabled, panelDisabled: this.panelDisabled, previousDisabled: this.previousDisabled, yearPickerDisabled: this.yearPickerDisabled, onNextChange: this.handleCalendarNextChange, onPanelMonthChange: this.handleCalendarPanelMonthChange, onPanelYearChange: this.handleCalendarPanelYearChange, onPreviousChange: this.handleCalendarPreviousChange, type: this?.type ?? "menu" }));
+  }
+  static get formAssociated() {
+    return !0;
+  }
+  get hostElement() {
+    return this;
+  }
+  static get watchers() {
+    return { disabled: [{ handleInteractivityChange: 0 }], readOnly: [{ handleInteractivityChange: 0 }], menuPlacement: [{ menuPlacementChanged: 0 }], menuConstrainPlacements: [{ menuConstrainPlacementsChanged: 0 }], type: [{ typeChanged: 0 }], startDate: [{ startDateChanged: 0 }], endDate: [{ endDateChanged: 0 }], marginDays: [{ marginDaysChanged: 0 }], yearValue: [{ handleValueChange: 0 }], monthValue: [{ handleValueChange: 0 }], dateValue: [{ handleValueChange: 0 }], calendarPickerValue: [{ handleValueChange: 0 }] };
+  }
+}, [64, "gids-date-picker-field", { label: [513], helperText: [513, "helper-text"], statusText: [513, "status-text"], status: [513], appearance: [513], readOnly: [516, "readonly"], disabled: [516], loading: [516], name: [513], menuPlacement: [1, "menu-placement"], menuConstrainPlacements: [16], required: [516], yearInputProps: [16], monthInputProps: [16], dateInputProps: [16], calendarPickerInputProps: [16], yearValue: [1025, "year-value"], monthValue: [1025, "month-value"], dateValue: [1025, "date-value"], calendarPickerValue: [1025, "calendar-picker-value"], startDate: [1, "start-date"], endDate: [1, "end-date"], marginDays: [2, "margin-days"], type: [1], monthPickerDisabled: [4, "month-picker-disabled"], nextDisabled: [4, "next-disabled"], panelDisabled: [4, "panel-disabled"], previousDisabled: [4, "previous-disabled"], yearPickerDisabled: [4, "year-picker-disabled"], panelActionsAppearance: [1, "panel-actions-appearance"], onNextChange: [16], onPreviousChange: [16], onPanelMonthChange: [16], onPanelYearChange: [16], onDateChange: [16], onCalendarDateChange: [16], checkValidity: [64], reportValidity: [64], setCustomValidity: [64] }, void 0, { disabled: [{ handleInteractivityChange: 0 }], readOnly: [{ handleInteractivityChange: 0 }], menuPlacement: [{ menuPlacementChanged: 0 }], menuConstrainPlacements: [{ menuConstrainPlacementsChanged: 0 }], type: [{ typeChanged: 0 }], startDate: [{ startDateChanged: 0 }], endDate: [{ endDateChanged: 0 }], marginDays: [{ marginDaysChanged: 0 }], yearValue: [{ handleValueChange: 0 }], monthValue: [{ handleValueChange: 0 }], dateValue: [{ handleValueChange: 0 }], calendarPickerValue: [{ handleValueChange: 0 }] }]);
+function o() {
+  typeof customElements < "u" && ["gids-date-picker-field", "gids-calendar", "gids-calendar-header-panel", "gids-calendar-month-list", "gids-calendar-picker", "gids-calendar-year-list", "gids-date-picker", "gids-day-dropdown-picker", "gids-dot", "gids-dropdown", "gids-dropdown-picker", "gids-field", "gids-flyout-panel", "gids-icon", "gids-input", "gids-month-dropdown-picker", "gids-year-dropdown-picker"].forEach(((e) => {
+    switch (e) {
+      case "gids-date-picker-field":
+        customElements.get(t(e)) || customElements.define(t(e), d);
+        break;
+      case "gids-calendar":
+        customElements.get(t(e)) || C();
+        break;
+      case "gids-calendar-header-panel":
+        customElements.get(t(e)) || y();
+        break;
+      case "gids-calendar-month-list":
+        customElements.get(t(e)) || P();
+        break;
+      case "gids-calendar-picker":
+        customElements.get(t(e)) || k();
+        break;
+      case "gids-calendar-year-list":
+        customElements.get(t(e)) || b();
+        break;
+      case "gids-date-picker":
+        customElements.get(t(e)) || D();
+        break;
+      case "gids-day-dropdown-picker":
+        customElements.get(t(e)) || V();
+        break;
+      case "gids-dot":
+        customElements.get(t(e)) || f();
+        break;
+      case "gids-dropdown":
+        customElements.get(t(e)) || v();
+        break;
+      case "gids-dropdown-picker":
+        customElements.get(t(e)) || E();
+        break;
+      case "gids-field":
+        customElements.get(t(e)) || I();
+        break;
+      case "gids-flyout-panel":
+        customElements.get(t(e)) || x();
+        break;
+      case "gids-icon":
+        customElements.get(t(e)) || w();
+        break;
+      case "gids-input":
+        customElements.get(t(e)) || F();
+        break;
+      case "gids-month-dropdown-picker":
+        customElements.get(t(e)) || A();
+        break;
+      case "gids-year-dropdown-picker":
+        customElements.get(t(e)) || q();
+    }
+  }));
+}
+o();
+const U = d, X = o;
+export {
+  U as GidsDatePickerField,
+  X as defineCustomElement
+};

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

@@ -0,0 +1,6 @@
+import { w as e, E as t } from "./p-DJH7wtiu-BDWtYcRw.js";
+const s = e, i = t;
+export {
+  s as GidsDatePicker,
+  i as defineCustomElement
+};

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

@@ -0,0 +1,6 @@
+import { y as o, f as e } from "./p-Cf9ipNLT-HF4MWnLF.js";
+const s = o, t = e;
+export {
+  s as GidsDayDropdownPicker,
+  t as defineCustomElement
+};

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

@@ -1,4 +1,4 @@
-import { h as o, g as t } from "./p-B_FEFM5I-JoBieRfG.js";
+import { h as o, g as t } from "./p-B2CvDGSE-B-50q6JD.js";
 const s = o, m = t;
 export {
   s as GidsDot,

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

@@ -1,12 +1,13 @@
-import { L as n, u as d, D as s, q as a } from "./p-B4hcsDH0-CPqEc-vc.js";
+import { L as o, u as l, D as a, q as n } from "./p-B4hcsDH0-CPqEc-vc.js";
 import { s as r } from "./p-BkxmRN-4-DSiXCW8b.js";
-import { l } from "./p-tEbUT3n3-Byef6fQN.js";
-import { h } from "./p-mv_7K1EM-U3yKC45e.js";
-import { r as u } from "./p-DzOOjiNH-CqI4E-mj.js";
-import { g as c } from "./p-iQRr_fAH-Dvv1n8QD.js";
-const i = n(class extends d {
+import { u as d } from "./p-Bbw1WCO7-CJU0y0iF.js";
+import { h as u } from "./p-peMqbYbz-BnWVSfKD.js";
+import { c } from "./p-CS2U2Mro-6wGJ-t9P.js";
+import { r as h } from "./p-_OVEnTXa-q7qjnzI3.js";
+import { g as m } from "./p-iQRr_fAH-Dvv1n8QD.js";
+const s = o(class extends l {
   constructor(e) {
-    super(), e !== !1 && this.__registerHost(), this.internals = this.attachInternals(), this.appearance = "default", this.expanded = !1, this.#e = c(), this.handleSelectionChange = (t) => {
+    super(), e !== !1 && this.__registerHost(), this.internals = this.attachInternals(), this.appearance = "default", this.expanded = !1, this.menuPlacement = "bottom", this.menuConstrainPlacements = ["bottom", "top"], this.#e = m(), this.handleSelectionChange = (t) => {
       this.value = t.value, this.syncFormValue(t.value), this.onSelectionChange?.(t);
     }, this.handleDropdownFocusAndBlur = (t) => {
       this.hostElement.dispatchEvent(new FocusEvent(t.type, { relatedTarget: t.relatedTarget }));
@@ -19,6 +20,12 @@ const i = n(class extends d {
   handleValueChange(e) {
     this.syncFormValue(e);
   }
+  menuPlacementChanged(e) {
+    this.menuPlacement = e;
+  }
+  menuConstrainPlacementsChanged(e) {
+    this.menuConstrainPlacements = e;
+  }
   syncFormValue(e) {
     this.internals.setFormValue(e ?? "");
   }
@@ -51,7 +58,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: "2b1c115bfc0d826fff61b1a6af00e670c06faffc", 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: "ad124b57aed7f03b844a75f2fcf043cb87195792", 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: "be64253e8780c045b16ee268bc2a9032259fdfad", name: "leadingIconDropdown" }), s("slot", { key: "281185f172cccae8a87fba6d62db56a5e95f8796", name: "leadingAccessoryDropdown" }), s("slot", { key: "c3f6ff2bb50363e0d5d165d41f9280b862dbc892" })));
+    return a("gids-field", { key: "c7225a7a06c8e2e7afef5863d3095fc775a65c22", disabled: this.disabled, helperText: this.helperText, statusText: this.statusText, status: this.status }, this.label !== void 0 ? a(r, { slot: "label", disabled: this.disabled, htmlFor: e, fieldRequirement: this.required ? "required" : void 0 }, this.label) : null, a("gids-dropdown", { key: "65299431ff0ac0a67174b76878f2e356253a41e9", appearance: this.appearance, 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 }, a("slot", { key: "baf3a9444f1f3acd22cca6df2634589a54a272f0", name: "leadingIconDropdown" }), a("slot", { key: "825ce4c000c2958ca130932aa3855e5daa7024dc", name: "leadingAccessoryDropdown" }), a("slot", { key: "6eb411a20f7b61c0bf6d269a2ad0f9d73eba41f8" })));
   }
   static get formAssociated() {
     return !0;
@@ -60,29 +67,32 @@ const i = n(class extends d {
     return this;
   }
   static get watchers() {
-    return { value: [{ handleValueChange: 0 }] };
+    return { value: [{ handleValueChange: 0 }], menuPlacement: [{ menuPlacementChanged: 0 }], menuConstrainPlacements: [{ menuConstrainPlacementsChanged: 0 }] };
   }
-}, [324, "gids-dropdown-field", { label: [513], helperText: [513, "helper-text"], statusText: [513, "status-text"], status: [513], appearance: [513], expanded: [516], readOnly: [516, "readonly"], disabled: [516], loading: [516], inputProps: [16], value: [1025], name: [513], onSelectionChange: [16], required: [516], checkValidity: [64], reportValidity: [64], setCustomValidity: [64] }, void 0, { value: [{ handleValueChange: 0 }] }]);
-function o() {
-  typeof customElements < "u" && ["gids-dropdown-field", "gids-dropdown", "gids-field", "gids-input"].forEach(((e) => {
+}, [324, "gids-dropdown-field", { label: [513], helperText: [513, "helper-text"], statusText: [513, "status-text"], status: [513], appearance: [513], expanded: [516], readOnly: [516, "readonly"], disabled: [516], loading: [516], inputProps: [16], value: [1025], name: [513], menuPlacement: [1, "menu-placement"], menuConstrainPlacements: [16], onSelectionChange: [16], required: [516], checkValidity: [64], reportValidity: [64], setCustomValidity: [64] }, void 0, { value: [{ handleValueChange: 0 }], menuPlacement: [{ menuPlacementChanged: 0 }], menuConstrainPlacements: [{ menuConstrainPlacementsChanged: 0 }] }]);
+function i() {
+  typeof customElements < "u" && ["gids-dropdown-field", "gids-dropdown", "gids-field", "gids-flyout-panel", "gids-input"].forEach(((e) => {
     switch (e) {
       case "gids-dropdown-field":
-        customElements.get(a(e)) || customElements.define(a(e), i);
+        customElements.get(n(e)) || customElements.define(n(e), s);
         break;
       case "gids-dropdown":
-        customElements.get(a(e)) || l();
+        customElements.get(n(e)) || d();
         break;
       case "gids-field":
-        customElements.get(a(e)) || h();
+        customElements.get(n(e)) || u();
+        break;
+      case "gids-flyout-panel":
+        customElements.get(n(e)) || c();
         break;
       case "gids-input":
-        customElements.get(a(e)) || u();
+        customElements.get(n(e)) || h();
     }
   }));
 }
-o();
-const w = i, V = o;
+i();
+const P = s, V = i;
 export {
-  w as GidsDropdownField,
+  P as GidsDropdownField,
   V as defineCustomElement
 };

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

@@ -1,5 +1,5 @@
-import { r, h as o } from "./p-BQT5yy5L-C1C_zTi-.js";
-const s = r, t = o;
+import { a as o, h as e } from "./p-BGBsQSqM-DtooH-AA.js";
+const s = o, t = e;
 export {
   s as GidsDropdownPicker,
   t as defineCustomElement

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

@@ -1,6 +1,6 @@
-import { c as o, l as t } from "./p-tEbUT3n3-Byef6fQN.js";
-const s = o, m = t;
+import { l as o, u as e } from "./p-Bbw1WCO7-CJU0y0iF.js";
+const s = o, t = e;
 export {
   s as GidsDropdown,
-  m as defineCustomElement
+  t as defineCustomElement
 };

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

@@ -1,4 +1,4 @@
-import { r as s, d as o } from "./p-CIjK3iHM-DEW8PRM5.js";
+import { r as s, d as o } from "./p-Bi-yBBYT-CC0Ktxng.js";
 const e = s, r = o;
 export {
   e as GidsExpansionBodyListItem,

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

@@ -1,5 +1,5 @@
 import { L as r, u as L, D as d, P as y, q as p } from "./p-B4hcsDH0-CPqEc-vc.js";
-import { d as h } from "./p-CIjK3iHM-DEW8PRM5.js";
+import { d as h } from "./p-Bi-yBBYT-CC0Ktxng.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,
@@ -47,7 +47,7 @@ const u = (e) => m("gids-expansion-body-list", e), E = /* @__PURE__ */ Object.fr
   }
   render() {
     const e = B();
-    return d(y, { key: "8c95ded7b64c791bdb7543582116f2f3ae1bb457", 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 }) }))));
+    return d(y, { key: "a9749d9ab5dc88635a18bfd0889118aec86b5115", 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;

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

@@ -9,7 +9,7 @@ const d = (e) => c("gids-expansion-group", e), p = /* @__PURE__ */ Object.freeze
   }
   render() {
     const e = u();
-    return s(a, { key: "bd9ab34b85c72d3eb25e12219e8391fb0b14fb8f", class: e }, s("slot", { key: "2bb1df42f132e294678dc6fb5c61f48d7886b8a7" }));
+    return s(a, { key: "28cfdc0e7dacf5499e0b3ccbef4676ce9a5d98d6", class: e }, s("slot", { key: "01c84e55897cd33a225fb56e335f475a5100b67f" }));
   }
   static get style() {
     return ".gids-expansion-group{display:flex;flex-direction:column;width:100%}";

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

@@ -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: _ } = x, s = o(class extends r {
+}, Symbol.toStringTag, { value: "Module" })), { getGidsExpansionClassNames: b } = x, s = o(class extends r {
   constructor(e) {
     super(), e !== !1 && this.__registerHost(), this.labelLevel = "h1", this.hasContent = !1, this.handleExpansionClick = () => {
       if (this.isInteractive()) {
@@ -31,8 +31,8 @@ const c = ({ expanded: e }, n) => h("gids-expansion", {
   checkSlotContent() {
     const e = this.hostElement.querySelector(".gids-expansion__content");
     if (e) {
-      const n = e.children.length > 0, d = !!e.textContent && e.textContent.trim().length > 0;
-      this.hasContent = n || d;
+      const n = e.children.length > 0, t = !!e.textContent && e.textContent.trim().length > 0;
+      this.hasContent = n || t;
     }
   }
   isInteractive() {
@@ -64,8 +64,8 @@ const c = ({ expanded: e }, n) => h("gids-expansion", {
     }
   }
   render() {
-    const e = _({ expanded: this.isExpanded() && this.isInteractive() }), n = this.label;
-    return i(l, { key: "ec044548a6049de30e8f3eee1924f7327377836c", class: e }, i("button", { key: "44d9b4c26f944efc59a099f58c1e3e04afac06ff", 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: "f18f30b0f5d12c43c0a61b9e8da3b70c0f398983", class: "gids-expansion__body", "aria-hidden": this.isExpanded() ? "false" : "true" }, i("div", { key: "01b2e0dce79f7ea9307a85911a1e202d8b6d8bc1", class: "gids-expansion__content" }, i("slot", { key: "2bf8f08b26fa388c112e4c3f2f714c604fba307d" }))));
+    const e = b({ expanded: this.isExpanded() && this.isInteractive() }), n = this.label;
+    return i(l, { key: "2674e892c665dcb72788d9790b6e8bf7ce02f8fd", class: e }, i("button", { key: "2cf1838662c3994a9dfe1170feda6bebd64d7700", 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: "6e9ab762b25ed2544d4edf094aee7e8f803ba1fe", class: "gids-expansion__body", "aria-hidden": this.isExpanded() ? "false" : "true" }, i("div", { key: "2eb2156283f0aa5988c185c56cdb59194992a5eb", class: "gids-expansion__content" }, i("slot", { key: "81beea39113c2be81b764da61f794f4100dfdb39" }))));
   }
   get hostElement() {
     return this;
@@ -77,13 +77,13 @@ const c = ({ expanded: e }, n) => h("gids-expansion", {
     return '.gids-expansion{display:flex;align-items:center;position:relative;padding:var(--gids-padding-vertical-edge-to-element-300) 0}.gids-expansion:not(.gids-expansion--expanded):not([expanded])::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:var(--gids-color-border-default);transition:background 0.3s ease-in-out;z-index:1}.gids-expansion:not(.gids-expansion--expanded):not([expanded])::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(to right, transparent 0%, transparent 25%, var(--gids-color-background-selected-pressed) 45%, var(--gids-color-background-selected-pressed) 55%, transparent 75%, transparent 100%);opacity:0;transition:opacity 0.3s ease-in-out;z-index:2}.gids-expansion:not(.gids-expansion--expanded):not([expanded]):has(.gids-expansion__container:hover):not([disabled=true]):not([disabled]):not(.gids-expansion__disabled)::after{background:linear-gradient(to right, var(--gids-color-border-default) 0%, var(--gids-color-border-default) 15%, var(--gids-color-background-selected-pressed) 45%, var(--gids-color-background-selected-pressed) 70%, var(--gids-color-border-default) 90%, var(--gids-color-border-default) 100%)}.gids-expansion:not(.gids-expansion--expanded):not([expanded]):has(.gids-expansion__container:hover):not([disabled=true]):not([disabled]):not(.gids-expansion__disabled)::before{opacity:1}.gids-expansion:not(.gids-expansion--expanded):not([expanded]):has(.gids-expansion__container:hover):not([disabled=true]):not([disabled]):not(.gids-expansion__disabled) .gids-expansion__level-h1{color:var(--gids-color-background-brand-bold-default)}.gids-expansion:not(.gids-expansion--expanded):not([expanded]):has(.gids-expansion__container:hover):not([disabled=true]):not([disabled]):not(.gids-expansion__disabled) .gids-expansion__level-h2{color:var(--gids-color-background-brand-bold-default)}.gids-expansion:not(.gids-expansion--expanded):not([expanded]):has(.gids-expansion__container:hover):not([disabled=true]):not([disabled]):not(.gids-expansion__disabled) .gids-expansion__level-h3{color:var(--gids-color-background-brand-bold-default)}.gids-expansion:not(.gids-expansion--expanded):not([expanded]):has(.gids-expansion__container:hover):not([disabled=true]):not([disabled]):not(.gids-expansion__disabled) .gids-icon{--gidsIcon-color:var(--gids-color-background-brand-bold-default)}.gids-expansion__container{margin:0;padding:0;appearance:none;border:none;background:none;cursor:pointer;display:flex;align-items:center;gap:var(--gids-gap-050);white-space:nowrap;color:var(--gids-color-text-default)}.gids-expansion__container gids-icon,.gids-expansion__container .gids-icon,.gids-expansion__container GidsIcon,.gids-expansion__container svg{display:inline-block;transform:rotate3d(0, 0, 1, 0deg);transition:transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);transform-origin:center center;backface-visibility:hidden}.gids-expansion__level-h1{font-family:var(--gids-typography-heading-medium__font-family);font-size:var(--gids-typography-heading-medium__font-size);font-weight:var(--gids-typography-heading-medium__font-weight);letter-spacing:var(--gids-typography-heading-medium__letter-spacing);line-height:var(--gids-typography-heading-medium__line-height);text-transform:var(--gids-typography-heading-medium__text-transform, inherit);font-variant-caps:var(--gids-typography-heading-medium__font-variant-caps, inherit)}.gids-expansion__level-h2{font-family:var(--gids-typography-heading-small__font-family);font-size:var(--gids-typography-heading-small__font-size);font-weight:var(--gids-typography-heading-small__font-weight);letter-spacing:var(--gids-typography-heading-small__letter-spacing);line-height:var(--gids-typography-heading-small__line-height);text-transform:var(--gids-typography-heading-small__text-transform, inherit);font-variant-caps:var(--gids-typography-heading-small__font-variant-caps, inherit)}.gids-expansion__level-h3{font-family:var(--gids-typography-heading-x-small__font-family);font-size:var(--gids-typography-heading-x-small__font-size);font-weight:var(--gids-typography-heading-x-small__font-weight);letter-spacing:var(--gids-typography-heading-x-small__letter-spacing);line-height:var(--gids-typography-heading-x-small__line-height);text-transform:var(--gids-typography-heading-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-heading-x-small__font-variant-caps, inherit)}.gids-expansion__body{position:absolute;top:100%;left:0;width:100%;z-index:10;transform:scaleY(0);transform-origin:top center;opacity:0;visibility:hidden;transition:transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s ease, visibility 0.4s;overflow:hidden}.gids-expansion--expanded{position:relative;display:block}.gids-expansion--expanded .gids-expansion__container gids-icon,.gids-expansion--expanded .gids-expansion__container .gids-icon,.gids-expansion--expanded .gids-expansion__container GidsIcon,.gids-expansion--expanded .gids-expansion__container svg{transform:rotate3d(0, 0, 1, -180deg)}.gids-expansion--expanded .gids-expansion__body{position:relative;top:auto;transform:scaleY(1);opacity:1;visibility:visible}.gids-expansion__content{min-height:0;padding:var(--gids-padding-vertical-edge-to-element-500) 0 var(--gids-padding-horizontal-edge-to-element-500)}.gids-expansion__disabled{color:var(--gids-color-text-disabled);cursor:not-allowed}.gids-expansion__disabled .gids-icon{--gidsIcon-color:var(--gids-color-icon-disabled)}';
   }
 }, [260, "gids-expansion", { expansionId: [1, "expansion-id"], label: [1], labelLevel: [1, "label-level"], expanded: [516], disabled: [516], onExpand: [16], hasContent: [32] }, void 0, { disabled: [{ handleDisabledChange: 0 }], expanded: [{ handleExpandedChange: 0 }], labelLevel: [{ handleLabelLevelChange: 0 }] }]);
-function t() {
+function d() {
   typeof customElements < "u" && ["gids-expansion"].forEach(((e) => {
     e === "gids-expansion" && (customElements.get(a(e)) || customElements.define(a(e), s));
   }));
 }
-t();
-const u = s, y = t;
+d();
+const u = s, y = d;
 export {
   u as GidsExpansion,
   y as defineCustomElement

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

@@ -1,6 +1,6 @@
-import { d as e, h as m } from "./p-mv_7K1EM-U3yKC45e.js";
-const s = e, t = m;
+import { d as e, h as s } from "./p-peMqbYbz-BnWVSfKD.js";
+const t = e, d = s;
 export {
-  s as GidsField,
-  t as defineCustomElement
+  t as GidsField,
+  d as defineCustomElement
 };

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

@@ -1,4 +1,4 @@
-import { r, a as e } from "./p-BAqWcL0K-DNkV1R_C.js";
+import { r, a as e } from "./p-DHOvFnv4-DZQmbUn3.js";
 const t = r, o = e;
 export {
   t as GidsFilter,

package/dist-bundled/es/gids-flyout-panel.js

@@ -1,4 +1,4 @@
-import { l as e, h as o } from "./p-DpvdbdZ--C7QlXxK2.js";
+import { l as e, c as o } from "./p-CS2U2Mro-6wGJ-t9P.js";
 const t = e, l = o;
 export {
   t as GidsFlyoutPanel,

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

@@ -1,73 +1,89 @@
-import { L as u, u as y, D as e, P as b, q as n } from "./p-B4hcsDH0-CPqEc-vc.js";
-import { r as _ } from "./p-BRNvHMdK-CqGtfAsn.js";
+import { L as b, u as _, D as r, P as y, q as g } from "./p-B4hcsDH0-CPqEc-vc.js";
+import { r as h } from "./p-BRNvHMdK-CqGtfAsn.js";
 import { c as w } from "./clsx-OuTLNxxd.js";
-const x = ({ appearance: r, hasBorder: o, shadow: d, borderRadius: a, height: i, width: t }, s) => w("gids-form", {
+const x = ({ appearance: e, hasBorder: o, shadow: i, borderRadius: d, height: a, width: t }, s) => w("gids-form", {
   // Appearances
   // 'gids-form--appearance-default': appearance === 'default', // By Default so not needed
-  "gids-form--appearance-subtle": r === "subtle",
+  "gids-form--appearance-subtle": e === "subtle",
   // Shadows
   // 'gids-form--shadow-none': shadow === 'none', // By default so not needed
-  "gids-form--shadow-overflow": d === "overflow",
-  "gids-form--shadow-overlay": d === "overlay",
-  "gids-form--shadow-raised": d === "raised",
+  "gids-form--shadow-overflow": i === "overflow",
+  "gids-form--shadow-overlay": i === "overlay",
+  "gids-form--shadow-raised": i === "raised",
   // Border Radius
   // 'gids-form--border-radius-none': borderRadius === 'none', // By default so not needed
-  "gids-form--border-radius-sm": a === "sm",
-  "gids-form--border-radius-md": a === "md",
-  "gids-form--border-radius-lg": a === "lg",
+  "gids-form--border-radius-sm": d === "sm",
+  "gids-form--border-radius-md": d === "md",
+  "gids-form--border-radius-lg": d === "lg",
   // Settings
   "gids-form--has-border": o,
   // Sizes
-  "gids-form--height-full": i === "full",
+  "gids-form--height-full": a === "full",
   "gids-form--width-full": t === "full"
 }, s), C = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getGidsFormClassNames: x
-}, Symbol.toStringTag, { value: "Module" })), { getGidsFormClassNames: F } = C, h = u(class extends y {
-  constructor(r) {
-    super(), r !== !1 && this.__registerHost(), this.appearance = "default", this.hasBorder = !0, this.shadow = "none", this.borderRadius = "none", this.height = "intrinsic", this.width = "intrinsic", this.divider = !0;
+}, Symbol.toStringTag, { value: "Module" })), { getGidsFormClassNames: F } = C, l = b(class extends _ {
+  constructor(e) {
+    super(), e !== !1 && this.__registerHost(), this.appearance = "default", this.hasBorder = !0, this.shadow = "none", this.borderRadius = "none", this.height = "intrinsic", this.width = "intrinsic", this.divider = !0, this.footerDividerVisible = !0, this.hasFooterChildren = !1, this.setupObserver = () => {
+      this.checkFooterNodes(), this.observer = new MutationObserver((() => {
+        this.checkFooterNodes();
+      })), this.observer.observe(this.hostElement, { childList: !0, subtree: !0 });
+    }, this.handleFooterSlotChange = () => {
+      this.checkFooterNodes();
+    }, this.checkFooterNodes = () => {
+      const o = this.hostElement?.querySelectorAll('[slot="formFooterChildren"]');
+      let i = !1;
+      o && o.length > 0 && (i = Array.from(o).some(((d) => d.nodeType === Node.ELEMENT_NODE || !!d.textContent?.trim().length))), this.hasFooterChildren = i;
+    };
   }
-  idChanged(r) {
-    this.id = r;
+  idChanged(e) {
+    this.id = e;
   }
-  appearanceChanged(r) {
-    this.appearance = r;
+  appearanceChanged(e) {
+    this.appearance = e;
   }
-  headingChanged(r) {
-    this.heading = r;
+  headingChanged(e) {
+    this.heading = e;
   }
-  supportingTextChanged(r) {
-    this.supportingText = r;
+  supportingTextChanged(e) {
+    this.supportingText = e;
   }
-  descriptionChanged(r) {
-    this.description = r;
+  descriptionChanged(e) {
+    this.description = e;
   }
-  hasBorderChanged(r) {
-    this.hasBorder = r;
+  hasBorderChanged(e) {
+    this.hasBorder = e;
   }
-  shadowChanged(r) {
-    this.shadow = r;
+  shadowChanged(e) {
+    this.shadow = e;
   }
-  borderColorChanged(r) {
-    this.borderColor = r;
+  borderColorChanged(e) {
+    this.borderColor = e;
   }
-  borderRadiusChanged(r) {
-    this.borderRadius = r;
+  borderRadiusChanged(e) {
+    this.borderRadius = e;
   }
-  heightChanged(r) {
-    this.height = r;
+  heightChanged(e) {
+    this.height = e;
   }
-  widthChanged(r) {
-    this.width = r;
+  widthChanged(e) {
+    this.width = e;
   }
-  dividerChanged(r) {
-    this.divider = r;
+  dividerChanged(e) {
+    this.divider = e;
   }
   connectedCallback() {
   }
+  componentDidLoad() {
+    this.setupObserver();
+  }
+  disconnectedCallback() {
+    this.observer && this.observer.disconnect();
+  }
   render() {
-    const r = this?.id, o = this?.appearance ?? "default", d = this?.heading ?? void 0, a = this?.supportingText ?? void 0, i = this?.description ?? void 0, t = this?.hasBorder ?? !0, s = this?.shadow ?? "none", g = this?.borderColor ?? void 0, p = this?.borderRadius ?? "md", m = this?.height ?? "intrinsic", f = this?.width ?? "intrinsic", c = this?.divider ?? !0, v = F({ appearance: o, hasBorder: t, shadow: s, borderRadius: p, height: m, width: f });
-    return e(b, { key: "ecac7fa5b56967978f783a9ac0c230d93fac2a21", class: v, "data-appearance": o, id: r, style: g && g !== "" ? { "--gidsFormBorder-color": g } : {} }, e("div", { key: "175e6350f8963b0b61ee5837a340559a5cac13f2", class: "gids-form__header" }, e("slot", { key: "550c63b8bafc6a3601dad6e4ac1ebd240d20759e", name: "formIcon" }), e("div", { key: "fdcf331ed74023cb82fd45b2c9f4fa8ea96f2fd8", class: "gids-form__header-text-content" }, d && d !== "" ? e("label", null, d) : void 0, a && a !== "" ? e("span", null, a) : void 0, i && i !== "" ? e("p", null, i) : void 0)), c ? e("div", { class: "gids-form__divider-container" }, e(_, null)) : void 0, e("div", { key: "812f6accd9c8442d45dd6e940b0872918ba0629c", class: "gids-form__content" }, e("slot", { key: "78a11643da76c77bbf5a875e707605782ec5c78b" })));
+    const e = this?.id, o = this?.appearance ?? "default", i = this?.heading ?? void 0, d = this?.supportingText ?? void 0, a = this?.description ?? void 0, t = this?.hasBorder ?? !0, s = this?.shadow ?? "none", n = this?.borderColor ?? void 0, c = this?.borderRadius ?? "md", m = this?.height ?? "intrinsic", p = this?.width ?? "intrinsic", v = this?.divider ?? !0, u = F({ appearance: o, hasBorder: t, shadow: s, borderRadius: c, height: m, width: p });
+    return r(y, { key: "ad0436f79cd14b0ecd7e7e1b7c07eb649f1fdc42", class: u, "data-appearance": o, id: e, style: n && n !== "" ? { "--gidsFormBorder-color": n } : {} }, r("div", { key: "2989297735ad11d51bdaa27b133fc4b059f5d1b8", class: "gids-form__container" }, r("div", { key: "2002edd6e6dae79b92d5ca65587ddb3a1c8ce9be", class: "gids-form__header" }, r("slot", { key: "44d865f5e1f3ce8fe9b1d206d38956eebfe716b8", name: "formIcon" }), r("div", { key: "218a32be099cd5621afd1f4699ffdf3e23f69e44", class: "gids-form__header-text-content" }, i && i !== "" ? r("label", null, i) : void 0, d && d !== "" ? r("span", null, d) : void 0, a && a !== "" ? r("p", null, a) : void 0), r("div", { key: "c0d3e2fa472e7337cb26e19d90df26c06afa8863", class: "gids-form__header-children" }, r("slot", { key: "ca9b4aa9c71cfb3b234af23469fcfa2d55f29c91", name: "formHeaderChildren" }))), v ? r("div", { class: "gids-form__divider-container" }, r(h, null)) : void 0, r("div", { key: "c77a747782c0827906d9a854d48b9e7e50c618b1", class: "gids-form__content" }, r("slot", { key: "c139faf0107cd27d0b7d3ef913812c45a413d50a" }))), r("div", { key: "45c8e3db9d844c801a57965af093970a25489197", class: "gids-form__footer " + (this.hasFooterChildren ? "gids-form__footer--has-content" : "gids-form__footer--is-empty") }, this.hasFooterChildren && this.footerDividerVisible ? r("div", { class: "gids-form__footer-divider" }, r(h, null)) : void 0, r("div", { key: "63454a7c736afc1bec546f3409638b1e023b2a51", class: "gids-form__footer-wrapper" }, r("slot", { key: "186abfd3402c7c02e7a50fb993583c8c852a6ddb", name: "formFooterChildren", onSlotchange: this.handleFooterSlotChange }))));
   }
   get hostElement() {
     return this;
@@ -76,17 +92,17 @@ const x = ({ appearance: r, hasBorder: o, shadow: d, borderRadius: a, height: i,
     return { id: [{ idChanged: 0 }], appearance: [{ appearanceChanged: 0 }], heading: [{ headingChanged: 0 }], supportingText: [{ supportingTextChanged: 0 }], description: [{ descriptionChanged: 0 }], hasBorder: [{ hasBorderChanged: 0 }], shadow: [{ shadowChanged: 0 }], borderColor: [{ borderColorChanged: 0 }], borderRadius: [{ borderRadiusChanged: 0 }], height: [{ heightChanged: 0 }], width: [{ widthChanged: 0 }], divider: [{ dividerChanged: 0 }] };
   }
   static get style() {
-    return ".gids-form{--gidsFormBorder-color:var(--gids-color-border-default);--gidsFormBg-color:var(--gids-color-background-neutral-default);--gidsForm-shadow:none;--gidsForm-border-radius:var(--gids-border-radius-none);--gidsForm-border:none;--gidsFormPrimaryText-color:var(--gids-color-text-default);--gidsFormSecondaryText-color:var(--gids-color-text-subtle);--gidsFormTertiaryText-color:var(--gids-color-text-subtlest);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;align-self:flex-start;justify-self:flex-start;padding:var(--gids-padding-vertical-edge-to-element-250) var(--gids-padding-horizontal-edge-to-element-300);background-color:var(--gidsFormBg-color);box-shadow:var(--gidsForm-shadow);border-radius:var(--gidsForm-border-radius);border:var(--gidsForm-border);overflow:hidden}.gids-form__header{display:flex;align-items:flex-start;justify-content:flex-start;gap:var(--gids-gap-100)}.gids-form__header-text-content{display:flex;flex-direction:column;gap:var(--gids-gap-050)}.gids-form__header-text-content label{font-family:var(--gids-typography-heading-small__font-family);font-size:var(--gids-typography-heading-small__font-size);font-weight:var(--gids-typography-heading-small__font-weight);letter-spacing:var(--gids-typography-heading-small__letter-spacing);line-height:var(--gids-typography-heading-small__line-height);text-transform:var(--gids-typography-heading-small__text-transform, inherit);font-variant-caps:var(--gids-typography-heading-small__font-variant-caps, inherit);color:var(--gidsFormPrimaryText-color)}.gids-form__header-text-content span{font-family:var(--gids-typography-label-medium__font-family);font-size:var(--gids-typography-label-medium__font-size);font-weight:var(--gids-typography-label-medium__font-weight);letter-spacing:var(--gids-typography-label-medium__letter-spacing);line-height:var(--gids-typography-label-medium__line-height);text-transform:var(--gids-typography-label-medium__text-transform, inherit);font-variant-caps:var(--gids-typography-label-medium__font-variant-caps, inherit);color:var(--gidsFormSecondaryText-color)}.gids-form__header-text-content p{margin:0;font-family:var(--gids-typography-paragraph-small__font-family);font-size:var(--gids-typography-paragraph-small__font-size);font-weight:var(--gids-typography-paragraph-small__font-weight);letter-spacing:var(--gids-typography-paragraph-small__letter-spacing);line-height:var(--gids-typography-paragraph-small__line-height);text-transform:var(--gids-typography-paragraph-small__text-transform, inherit);font-variant-caps:var(--gids-typography-paragraph-small__font-variant-caps, inherit);color:var(--gidsFormTertiaryText-color)}.gids-form__content{display:flex;flex-direction:column;width:100%;padding:var(--gids-padding-vertical-edge-to-element-300) 0;overflow-x:hidden;overflow-y:auto}.gids-form__divider-container{display:flex;flex-direction:column;width:100%;padding:var(--gids-padding-vertical-edge-to-element-250) 0}.gids-form--appearance-subtle{--gidsFormBg-color:transparent}.gids-form--shadow-overflow{--gidsForm-shadow:var(--gids-elevation-shadow-overflow)}.gids-form--shadow-overlay{--gidsForm-shadow:var(--gids-elevation-shadow-overlay)}.gids-form--shadow-raised{--gidsForm-shadow:var(--gids-elevation-shadow-raised)}.gids-form--border-radius-sm{--gidsForm-border-radius:var(--gids-border-radius-sm)}.gids-form--border-radius-md{--gidsForm-border-radius:var(--gids-border-radius-md)}.gids-form--border-radius-lg{--gidsForm-border-radius:var(--gids-border-radius-lg)}.gids-form--has-border{--gidsForm-border:var(--gids-border-width-thin) solid    var(--gidsFormBorder-color)}.gids-form--height-full{height:100vh !important;overflow:hidden}.gids-form--width-full{width:100%}";
+    return ".gids-form{--gidsFormBorder-color:var(--gids-color-border-default);--gidsFormBg-color:var(--gids-color-background-neutral-default);--gidsForm-shadow:none;--gidsForm-border-radius:var(--gids-border-radius-none);--gidsForm-border:none;--gidsFormPrimaryText-color:var(--gids-color-text-default);--gidsFormSecondaryText-color:var(--gids-color-text-subtle);--gidsFormTertiaryText-color:var(--gids-color-text-subtlest);display:flex;flex-direction:column;background-color:var(--gidsFormBg-color);box-shadow:var(--gidsForm-shadow);border-radius:var(--gidsForm-border-radius);border:var(--gidsForm-border)}.gids-form__container{display:flex;flex-direction:column;width:100%;align-items:flex-start;justify-content:flex-start;align-self:flex-start;justify-self:flex-start;padding-top:var(--gids-padding-vertical-edge-to-element-250);padding-left:var(--gids-padding-horizontal-edge-to-element-300);padding-right:var(--gids-padding-horizontal-edge-to-element-300);overflow:hidden}.gids-form__header{display:flex;width:100%;align-items:flex-start;justify-content:flex-start;gap:var(--gids-gap-100)}.gids-form__header-text-content{display:flex;flex-direction:column;flex:1;gap:var(--gids-gap-050)}.gids-form__header-text-content label{font-family:var(--gids-typography-heading-small__font-family);font-size:var(--gids-typography-heading-small__font-size);font-weight:var(--gids-typography-heading-small__font-weight);letter-spacing:var(--gids-typography-heading-small__letter-spacing);line-height:var(--gids-typography-heading-small__line-height);text-transform:var(--gids-typography-heading-small__text-transform, inherit);font-variant-caps:var(--gids-typography-heading-small__font-variant-caps, inherit);color:var(--gidsFormPrimaryText-color)}.gids-form__header-text-content span{font-family:var(--gids-typography-label-medium__font-family);font-size:var(--gids-typography-label-medium__font-size);font-weight:var(--gids-typography-label-medium__font-weight);letter-spacing:var(--gids-typography-label-medium__letter-spacing);line-height:var(--gids-typography-label-medium__line-height);text-transform:var(--gids-typography-label-medium__text-transform, inherit);font-variant-caps:var(--gids-typography-label-medium__font-variant-caps, inherit);color:var(--gidsFormSecondaryText-color)}.gids-form__header-text-content p{margin:0;font-family:var(--gids-typography-paragraph-small__font-family);font-size:var(--gids-typography-paragraph-small__font-size);font-weight:var(--gids-typography-paragraph-small__font-weight);letter-spacing:var(--gids-typography-paragraph-small__letter-spacing);line-height:var(--gids-typography-paragraph-small__line-height);text-transform:var(--gids-typography-paragraph-small__text-transform, inherit);font-variant-caps:var(--gids-typography-paragraph-small__font-variant-caps, inherit);color:var(--gidsFormTertiaryText-color)}.gids-form__content{display:flex;flex-direction:column;width:100%;padding:var(--gids-padding-vertical-edge-to-element-300) 0;overflow-x:hidden;overflow-y:auto}.gids-form__divider-container{display:flex;flex-direction:column;width:100%;padding:var(--gids-padding-vertical-edge-to-element-250) 0}.gids-form--appearance-subtle{--gidsFormBg-color:transparent}.gids-form--shadow-overflow{--gidsForm-shadow:var(--gids-elevation-shadow-overflow)}.gids-form--shadow-overlay{--gidsForm-shadow:var(--gids-elevation-shadow-overlay)}.gids-form--shadow-raised{--gidsForm-shadow:var(--gids-elevation-shadow-raised)}.gids-form--border-radius-sm{--gidsForm-border-radius:var(--gids-border-radius-sm)}.gids-form--border-radius-md{--gidsForm-border-radius:var(--gids-border-radius-md)}.gids-form--border-radius-lg{--gidsForm-border-radius:var(--gids-border-radius-lg)}.gids-form--has-border{--gidsForm-border:var(--gids-border-width-thin) solid    var(--gidsFormBorder-color)}.gids-form--height-full{height:100vh !important;overflow:hidden}.gids-form--width-full{width:100%}.gids-form__footer{width:100%}.gids-form__footer--is-empty{display:none}.gids-form__footer--has-content{display:flex;flex-direction:column}.gids-form__footer-divider{display:flex;flex-direction:column;width:100%}.gids-form__footer-wrapper{display:flex;flex-direction:column;width:100%;padding:var(--gids-padding-vertical-edge-to-element-200) var(--gids-padding-horizontal-edge-to-element-300)}.gids-form__header-children{display:flex;flex-direction:column;align-self:center;justify-content:center;align-items:flex-end}";
   }
-}, [260, "gids-form", { id: [1], appearance: [1], heading: [1], supportingText: [1, "supporting-text"], description: [1], hasBorder: [4, "has-border"], shadow: [1], borderColor: [1, "border-color"], borderRadius: [1, "border-radius"], height: [1], width: [1], divider: [4] }, void 0, { id: [{ idChanged: 0 }], appearance: [{ appearanceChanged: 0 }], heading: [{ headingChanged: 0 }], supportingText: [{ supportingTextChanged: 0 }], description: [{ descriptionChanged: 0 }], hasBorder: [{ hasBorderChanged: 0 }], shadow: [{ shadowChanged: 0 }], borderColor: [{ borderColorChanged: 0 }], borderRadius: [{ borderRadiusChanged: 0 }], height: [{ heightChanged: 0 }], width: [{ widthChanged: 0 }], divider: [{ dividerChanged: 0 }] }]);
-function l() {
-  typeof customElements < "u" && ["gids-form"].forEach(((r) => {
-    r === "gids-form" && (customElements.get(n(r)) || customElements.define(n(r), h));
+}, [260, "gids-form", { id: [1], appearance: [1], heading: [1], supportingText: [1, "supporting-text"], description: [1], hasBorder: [4, "has-border"], shadow: [1], borderColor: [1, "border-color"], borderRadius: [1, "border-radius"], height: [1], width: [1], divider: [4], footerDividerVisible: [4, "footer-divider-visible"], hasFooterChildren: [32] }, void 0, { id: [{ idChanged: 0 }], appearance: [{ appearanceChanged: 0 }], heading: [{ headingChanged: 0 }], supportingText: [{ supportingTextChanged: 0 }], description: [{ descriptionChanged: 0 }], hasBorder: [{ hasBorderChanged: 0 }], shadow: [{ shadowChanged: 0 }], borderColor: [{ borderColorChanged: 0 }], borderRadius: [{ borderRadiusChanged: 0 }], height: [{ heightChanged: 0 }], width: [{ widthChanged: 0 }], divider: [{ dividerChanged: 0 }] }]);
+function f() {
+  typeof customElements < "u" && ["gids-form"].forEach(((e) => {
+    e === "gids-form" && (customElements.get(g(e)) || customElements.define(g(e), l));
   }));
 }
-l();
-const z = h, R = l;
+f();
+const E = l, z = f;
 export {
-  z as GidsForm,
-  R as defineCustomElement
+  E as GidsForm,
+  z as defineCustomElement
 };