@ganpatiinfo/gids-core-web 8.2.0 → 10.0.0

package/dist/types/index.d.ts

@@ -1,3 +1,5 @@
 export * from './utils/constructedGidsStylesheet.js';
 export * from './utils/assets.js';
+export * from './utils/childrenValidityUtils.js';
+export { GidsFloatingElementType } from './components/shared/GidsFloatingElementTypes.js';
 export type * from './components.d.ts';

package/dist/types/utils/childrenValidityUtils.d.ts

@@ -0,0 +1,8 @@
+import type { FunctionalComponent, VNode } from '../stencil-public-runtime';
+export interface TestHtmlChildrenValidity<T = Record<string, unknown>> {
+    children?: VNode | VNode[];
+    classNameToBeValidated?: string;
+    childrenToBeValidated?: FunctionalComponent<T>;
+    currentComponentName?: string;
+}
+export declare const testHtmlChildrenValidity: <T>({ children, classNameToBeValidated, childrenToBeValidated, currentComponentName, }: TestHtmlChildrenValidity<T>) => void;

package/dist-bundled/es/gids-activity-gauge.js

@@ -0,0 +1,6 @@
+import { o as t, d as e } from "./p-h6alWGT8-CSY2g3c8.js";
+const i = t, s = e;
+export {
+  i as GidsActivityGauge,
+  s as defineCustomElement
+};

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

@@ -0,0 +1,6 @@
+import { d as t, g as e } from "./p-CPSHPtGE-C7baJgXR.js";
+const r = t, s = e;
+export {
+  r as GidsBarChart,
+  s as defineCustomElement
+};

package/dist-bundled/es/gids-calendar-header-panel.js

@@ -0,0 +1,6 @@
+import { u as e, g as a } from "./p-CIP0xyhD-D6y5soLj.js";
+const n = e, o = a;
+export {
+  n as GidsCalendarHeaderPanel,
+  o as defineCustomElement
+};

package/dist-bundled/es/gids-calendar-month-list.js

@@ -0,0 +1,6 @@
+import { c as t, l as e } from "./p-Bmb-HiXg-MyHWdhpw.js";
+const s = t, m = e;
+export {
+  s as GidsCalendarMonthList,
+  m as defineCustomElement
+};

package/dist-bundled/es/gids-calendar-year-list.js

@@ -0,0 +1,6 @@
+import { l as e, u as s } from "./p-CJzporPT-I_OdjJsQ.js";
+const t = e, a = s;
+export {
+  t as GidsCalendarYearList,
+  a as defineCustomElement
+};

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

@@ -0,0 +1,153 @@
+import { _ as P, P as c, u as D, T as d } from "./p-Ct3Ixgvf-CNP_PKwP.js";
+import { g as S, n as M } from "./p-CIP0xyhD-D6y5soLj.js";
+import { l as N } from "./p-Bmb-HiXg-MyHWdhpw.js";
+import { u as Y } from "./p-CJzporPT-I_OdjJsQ.js";
+import { g as k } from "./p-9_mrQ7ac-If6e6cvJ.js";
+import { r as w } from "./p-BFHWXEeg-ByjSjz8i.js";
+import { d as x } from "./p-BiPAgxAQ-BtMBQpJY.js";
+import { c as b } from "./clsx-OuTLNxxd.js";
+const _ = ({ disabled: e, selected: t, today: a, cellType: n, dot: r }, l) => b("gids-calendar-cell", {
+  "gids-calendar-cell--selected": t && !e && !a,
+  "gids-calendar-cell--today": a && !e && !r,
+  "gids-calendar-cell--label-non-effective": n === "non-effective",
+  "gids-calendar-cell--default-effective": n === "effective" && !e && !a && !t,
+  "gids-calendar-cell--selected-effective": t && n === "effective" && !e && !a,
+  "gids-calendar-cell--today-effective": a && n === "effective" && !e && !r,
+  "gids-calendar-cell--default-disabled": e && !a && !t,
+  "gids-calendar-cell--selected-disabled": e && t && !a,
+  "gids-calendar-cell--today-disabled": e && a && !r,
+  "gids-calendar-cell--today-dot": a && !e && r,
+  "gids-calendar-cell--today-dot-effective": a && n === "effective" && !e && r,
+  "gids-calendar-cell--today-dot-disabled": e && a && r
+}, l), E = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsCalendarCellClassNames: _
+}, Symbol.toStringTag, { value: "Module" })), A = (e) => b("gids-calendar-day-cell", e), O = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsCalendarDayCellClassNames: A
+}, Symbol.toStringTag, { value: "Module" })), $ = ({ width: e }, t) => b("gids-calendar", {
+  "gids-calendar--width-fixed": e === "fixed",
+  "gids-calendar--width-intrinsic": e === "intrinsic"
+}, t), T = ({ currentMonth: e, currentYear: t }) => {
+  if (!t || !e)
+    return [];
+  const a = t, n = e - 1, r = new Date(a, n, 1).getDay(), l = new Date(a, n + 1, 0).getDate(), g = new Date(a, n, 0).getDate(), o = [], h = (/* @__PURE__ */ new Date()).toISOString().split("T")[0];
+  for (let s = r - 1; s >= 0; s--) {
+    const i = g - s, u = n === 0 ? 12 : n, f = `${n === 0 ? a - 1 : a}-${String(u).padStart(2, "0")}-${String(i).padStart(2, "0")}`;
+    o.push({
+      day: i,
+      isCurrentMonth: !1,
+      dateString: f,
+      isToday: h === f
+    });
+  }
+  for (let s = 1; s <= l; s++) {
+    const i = `${a}-${String(e).padStart(2, "0")}-${String(s).padStart(2, "0")}`;
+    o.push({
+      day: s,
+      isCurrentMonth: !0,
+      dateString: i,
+      isToday: h === i
+    });
+  }
+  const m = 42 - o.length;
+  for (let s = 1; s <= m; s++) {
+    const i = n === 11 ? 1 : n + 2, p = `${n === 11 ? a + 1 : a}-${String(i).padStart(2, "0")}-${String(s).padStart(2, "0")}`;
+    o.push({
+      day: s,
+      isCurrentMonth: !1,
+      dateString: p,
+      isToday: h === p
+    });
+  }
+  return o;
+}, H = () => ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], V = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  generateCalendarDays: T,
+  generateCalendarWeekdays: H,
+  getGidsCalendarClassNames: $
+}, Symbol.toStringTag, { value: "Module" })), { getGidsCalendarCellClassNames: j } = E, C = ({ label: e, dot: t, disabled: a, selected: n, today: r, onPressCalendarCell: l, class: g, role: o = "gridcell", cellType: h = "effective", ...m }) => {
+  const s = !a && h === "effective";
+  return d("button", { class: j({ disabled: a, selected: n, today: r, cellType: h, dot: t }, g), type: "button", role: o, "aria-selected": n ? "true" : "false", disabled: a, onClick: (i) => {
+    if (i.defaultPrevented || a || !s) return;
+    const u = new CustomEvent("onPressCalendarCell", { bubbles: !0, composed: !0, detail: { cellValue: e, selected: n, disabled: a, dot: t, today: r } });
+    l && l(u);
+  }, ...m }, e ? d("span", null, e) : null, t ? d("gids-dot", { appearance: (() => {
+    let i = "subtle";
+    return n && !a && (i = "static-inverse"), i;
+  })(), disabled: a, size: "xs" }) : null);
+}, { getGidsCalendarDayCellClassNames: G } = O, z = ({ id: e, label: t, class: a, ...n }) => d(C, { ...n, id: e, label: t, name: t, dot: !1, disabled: !1, selected: !1, today: !1, cellType: "non-effective", class: G(a) }), { getGidsCalendarClassNames: L, generateCalendarDays: I, generateCalendarWeekdays: W } = V, { getCalendarMonthNameViaMonthNumber: F } = M, v = P(class extends D {
+  constructor(e) {
+    super(), e !== !1 && this.__registerHost(), this.width = "intrinsic", this.panelActionsAppearance = "primary", this.dotVisibleDates = [], this.monthPickerDisabled = !1, this.yearPickerDisabled = !1, this.previousDisabled = !1, this.nextDisabled = !1, this.panelDisabled = !1, this.currentMonth = (/* @__PURE__ */ new Date()).getMonth() + 1, this.currentYear = (/* @__PURE__ */ new Date()).getFullYear(), this.handleCHPOnPreviousActionEvent = (t) => {
+      t && (this.setLocalStates({ monthNumber: t.monthNumber, year: t.year }), this.onPreviousChange && this.onPreviousChange(t));
+    }, this.handleCHPOnNextActionEvent = (t) => {
+      t && (this.setLocalStates({ monthNumber: t.monthNumber, year: t.year }), this.onNextChange && this.onNextChange(t));
+    }, this.handleCHPOnPanelMonthChangeEvent = (t) => {
+      t && (this.setLocalStates({ monthNumber: t.monthNumber, year: t.year }), this.onPanelMonthChange && this.onPanelMonthChange(t));
+    }, this.handleCHPOnPanelYearChangeEvent = (t) => {
+      t && (this.setLocalStates({ monthNumber: t.monthNumber, year: t.year }), this.onPanelYearChange && this.onPanelYearChange(t));
+    }, this.setLocalStates = (t) => {
+      const { monthNumber: a, year: n } = t;
+      a && (this.currentMonth = Number(a)), n && (this.currentYear = Number(n));
+    };
+  }
+  handleActiveMonthPropChange(e) {
+    e != null && (this.currentMonth = Number(e));
+  }
+  handleActiveYearPropChange(e) {
+    e != null && (this.currentYear = Number(e));
+  }
+  componentWillLoad() {
+    this.activeMonthNumber != null && (this.currentMonth = Number(this.activeMonthNumber)), this.activeYear != null && (this.currentYear = Number(this.activeYear));
+  }
+  handleDateCellClick({ event: e, dateStr: t, isCurrentMonth: a }) {
+    if (e?.detail?.disabled) return;
+    const r = (/* @__PURE__ */ new Date()).toISOString().split("T")[0], l = F(this.currentMonth);
+    this.onSelectionCalendarCell && this.onSelectionCalendarCell({ currentActivePanelState: { monthNumber: this.currentMonth, year: this.currentYear, month: l, panelValue: `${l} ${this.currentYear}` }, date: t, isCurrentMonth: a, selected: !0, today: r === t, dotVisibleDates: this.dotVisibleDates ?? [] });
+  }
+  render() {
+    const e = I({ currentYear: this.currentYear, currentMonth: this.currentMonth }), t = W(), a = L({ width: this.width });
+    return d("div", { key: "aff90d6c0767654bc26a6d8d50af709d9aa8cdb9", class: a }, d("gids-calendar-header-panel", { key: "c3aba25935a89601684765269f5b4c51c7060519", appearance: this.panelActionsAppearance, startYear: this.startYear, endYear: this.endYear, monthPickerDisabled: this.monthPickerDisabled, yearPickerDisabled: this.yearPickerDisabled, previousDisabled: this.previousDisabled, nextDisabled: this.nextDisabled, panelDisabled: this.panelDisabled, selectedMonthNumber: this.currentMonth, selectedYear: this.currentYear, onPanelMonthChange: this.handleCHPOnPanelMonthChangeEvent, onPanelYearChange: this.handleCHPOnPanelYearChangeEvent, onNextChange: this.handleCHPOnNextActionEvent, onPreviousChange: this.handleCHPOnPreviousActionEvent }), d("div", { key: "de085679ec28367ad327d87e69ff5a8aa69739cc", class: "gids-calendar__weekdays-grid" }, t.map(((n) => d(z, { label: n })))), d("div", { key: "e538630d3e1084de6b76be7c4eea40ab835267c4", class: "gids-calendar__days-grid" }, e.map(((n) => {
+      const r = this.selectedDate === n.dateString, l = this.dotVisibleDates?.includes(n.dateString);
+      return d(C, { label: n.day + "", today: n.isToday, selected: r, dot: l, cellType: "effective", disabled: !n.isCurrentMonth, onPressCalendarCell: (g) => this.handleDateCellClick({ event: g, dateStr: n.dateString, isCurrentMonth: n.isCurrentMonth }) });
+    }))));
+  }
+  static get watchers() {
+    return { activeMonthNumber: [{ handleActiveMonthPropChange: 0 }], activeYear: [{ handleActiveYearPropChange: 0 }] };
+  }
+  static get style() {
+    return ".gids-calendar{display:flex;flex-direction:column;background-color:transparent;box-sizing:border-box;padding:var(--gids-padding-vertical-edge-to-element-300) var(--gids-padding-horizontal-edge-to-element-300);gap:var(--gids-gap-200)}.gids-calendar--width-fixed{width:100%;max-width:var(--gids-width-xs)}.gids-calendar--width-intrinsic{width:100%;max-width:100%}.gids-calendar--width-intrinsic .gids-calendar-cell{--cell-width:100%;--cell-aspect-ratio:1 / 1}.gids-calendar__weekdays-grid{display:grid;grid-template-columns:repeat(7, 1fr);text-align:center;align-items:center;width:100%}.gids-calendar__days-grid{display:grid;grid-template-columns:repeat(7, 1fr);gap:var(--gids-gap-050);justify-items:center;align-items:center;width:100%}";
+  }
+}, [0, "gids-calendar", { width: [1], panelActionsAppearance: [1, "panel-actions-appearance"], selectedDate: [1, "selected-date"], dotVisibleDates: [16], startYear: [2, "start-year"], endYear: [2, "end-year"], monthPickerDisabled: [4, "month-picker-disabled"], yearPickerDisabled: [4, "year-picker-disabled"], previousDisabled: [4, "previous-disabled"], nextDisabled: [4, "next-disabled"], panelDisabled: [4, "panel-disabled"], activeMonthNumber: [2, "active-month-number"], activeYear: [2, "active-year"], onNextChange: [16], onPreviousChange: [16], onPanelMonthChange: [16], onPanelYearChange: [16], onSelectionCalendarCell: [16], currentMonth: [32], currentYear: [32] }, void 0, { activeMonthNumber: [{ handleActiveMonthPropChange: 0 }], activeYear: [{ handleActiveYearPropChange: 0 }] }]);
+function y() {
+  typeof customElements < "u" && ["gids-calendar", "gids-calendar-header-panel", "gids-calendar-month-list", "gids-calendar-year-list", "gids-dot", "gids-dropdown-picker", "gids-icon"].forEach(((e) => {
+    switch (e) {
+      case "gids-calendar":
+        customElements.get(c(e)) || customElements.define(c(e), v);
+        break;
+      case "gids-calendar-header-panel":
+        customElements.get(c(e)) || S();
+        break;
+      case "gids-calendar-month-list":
+        customElements.get(c(e)) || N();
+        break;
+      case "gids-calendar-year-list":
+        customElements.get(c(e)) || Y();
+        break;
+      case "gids-dot":
+        customElements.get(c(e)) || k();
+        break;
+      case "gids-dropdown-picker":
+        customElements.get(c(e)) || w();
+        break;
+      case "gids-icon":
+        customElements.get(c(e)) || x();
+    }
+  }));
+}
+y();
+const Z = v, ee = y;
+export {
+  Z as GidsCalendar,
+  ee as defineCustomElement
+};

package/dist-bundled/es/gids-chart-legend-item.js

@@ -0,0 +1,6 @@
+import { d as e, l as t } from "./p-B81J5HCC-Bkt2yXKi.js";
+const o = e, r = t;
+export {
+  o as GidsChartLegendItem,
+  r as defineCustomElement
+};

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

@@ -0,0 +1,6 @@
+import { r as e, d as s } from "./p-B_HaXpJZ-a2SDgQ0E.js";
+const o = e, r = s;
+export {
+  o as GidsChartLegend,
+  r as defineCustomElement
+};

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

@@ -0,0 +1,108 @@
+import { _ as u, u as m, T as a, P as n } from "./p-Ct3Ixgvf-CNP_PKwP.js";
+import { r as o, c as y, b as T, a as b, C } from "./p-D_wcwB7E-d3jYxfod.js";
+import { d as v } from "./p-h6alWGT8-CSY2g3c8.js";
+import { g as _ } from "./p-CPSHPtGE-C7baJgXR.js";
+import { d as f } from "./p-B_HaXpJZ-a2SDgQ0E.js";
+import { l as k } from "./p-B81J5HCC-Bkt2yXKi.js";
+import { h as P } from "./p-uqSjmNkw-Cz2T86sC.js";
+import { g as A } from "./p-D93TNeOt-Vvshbux8.js";
+import { c as E } from "./p-tyIgTtUC-C8jR4A5G.js";
+import { d as D } from "./p-quZYWCxU-CPyWW0nv.js";
+import { c as x } from "./clsx-OuTLNxxd.js";
+const G = (r) => x("gids-chart", r), I = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsChartClassNames: G
+}, Symbol.toStringTag, { value: "Module" })), { getGidsChartClassNames: N } = I, c = u(class extends m {
+  constructor(r) {
+    super(), r !== !1 && this.__registerHost(), this.breakpoint = "desktop", this.chartType = "line-chart", this.getChartTypes = () => ["line-chart", "bar-chart", "pie-chart", "activity-gauge", "level-gauge", "progress-circle", "radar-chart"], this.isChartTypeValid = () => {
+      const i = this.getChartTypes(), e = this.chartType;
+      return !(!e || !i.includes(e));
+    }, this.isChartDataValid = () => {
+      const i = this.chartType;
+      if (i === "line-chart") {
+        const e = this.lineChartProps, t = e?.chartData ?? [], s = t?.[0]?.data ?? [];
+        return Array.isArray(t) && t.length > 0 && Array.isArray(s) && s.length > 0;
+      }
+      if (i === "bar-chart") {
+        const e = this.barChartProps, t = e?.chartData ?? [], s = t?.[0]?.data ?? [];
+        return Array.isArray(t) && t.length > 0 && Array.isArray(s) && s.length > 0;
+      }
+      if (i === "pie-chart") {
+        const e = this.pieChartProps, t = e?.chartData ?? [];
+        return Array.isArray(t) && t.length > 0;
+      }
+      if (i === "activity-gauge") {
+        const e = this.activityGaugeProps, t = e?.chartData ?? [];
+        return Array.isArray(t) && t.length > 0;
+      }
+      return i === "radar-chart";
+    }, this.getChartTypeText = () => {
+      const i = this.chartType;
+      if (i) {
+        const e = i.split("-");
+        let t = "";
+        return e.map(((s, h) => {
+          t = h === 0 ? "" + s : `${t} ${s}`;
+        })), t;
+      }
+      return "";
+    };
+  }
+  handleBreakpointChange(r) {
+    this.breakpoint = r;
+  }
+  handleChartTypeChange(r) {
+    this.chartType = r;
+  }
+  render() {
+    if (!this.isChartTypeValid()) return a("div", { class: "gids-chart__no-data" }, a(o, { title: y, supportingText: T(this.getChartTypes().join(", ")) }));
+    const r = this.isChartDataValid(), i = this.getChartTypeText();
+    if (!r) return a("div", { class: "gids-activity-gauge__no-data" }, a(o, { title: b, supportingText: C(i) }));
+    const e = N(), t = this.chartType, s = this.barChartProps, h = this.pieChartProps, l = this.activityGaugeProps, d = this.levelGaugeProps, p = this.progressCircleProps;
+    return a("div", { class: e }, t === "line-chart" ? a("gids-line-chart", { ...this.lineChartProps, breakpoint: this.breakpoint }) : null, t === "bar-chart" ? a("gids-bar-chart", { ...s, breakpoint: this.breakpoint }) : null, t === "pie-chart" ? a("gids-pie-chart", { ...h, breakpoint: this.breakpoint }) : null, t === "activity-gauge" ? a("gids-activity-gauge", { ...l, breakpoint: this.breakpoint }) : null, t === "level-gauge" ? a("gids-level-gauge", { ...d, breakpoint: this.breakpoint }) : null, t === "progress-circle" ? a("gids-progress-circle", { ...p, breakpoint: this.breakpoint }) : null, t === "radar-chart" ? a("div", { class: "gids-chart__no-data" }, a(o, { title: "Coming Soon!", supportingText: "Radar chart is under progress. This will be available in next major version of GIDS." })) : null);
+  }
+  static get watchers() {
+    return { breakpoint: [{ handleBreakpointChange: 0 }], chartType: [{ handleChartTypeChange: 0 }] };
+  }
+  static get style() {
+    return ".gids-chart__no-data{display:flex;align-items:center;justify-content:center;padding:var(--gids-padding-vertical-edge-to-element-300) var(--gids-padding-horizontal-edge-to-element-100);width:100%;height:100%;min-height:200px;color:var(--gids-color-text-subtlest);border:var(--gids-border-width-thin) dashed var(--gids-color-border-default);border-radius:var(--gids-border-radius-md)}";
+  }
+}, [0, "gids-chart", { breakpoint: [1], chartType: [1, "chart-type"], lineChartProps: [16], barChartProps: [16], pieChartProps: [16], activityGaugeProps: [16], levelGaugeProps: [16], progressCircleProps: [16] }, void 0, { breakpoint: [{ handleBreakpointChange: 0 }], chartType: [{ handleChartTypeChange: 0 }] }]);
+function g() {
+  typeof customElements < "u" && ["gids-chart", "gids-activity-gauge", "gids-bar-chart", "gids-chart-legend", "gids-chart-legend-item", "gids-level-gauge", "gids-line-chart", "gids-pie-chart", "gids-progress-circle"].forEach(((r) => {
+    switch (r) {
+      case "gids-chart":
+        customElements.get(n(r)) || customElements.define(n(r), c);
+        break;
+      case "gids-activity-gauge":
+        customElements.get(n(r)) || v();
+        break;
+      case "gids-bar-chart":
+        customElements.get(n(r)) || _();
+        break;
+      case "gids-chart-legend":
+        customElements.get(n(r)) || f();
+        break;
+      case "gids-chart-legend-item":
+        customElements.get(n(r)) || k();
+        break;
+      case "gids-level-gauge":
+        customElements.get(n(r)) || P();
+        break;
+      case "gids-line-chart":
+        customElements.get(n(r)) || A();
+        break;
+      case "gids-pie-chart":
+        customElements.get(n(r)) || E();
+        break;
+      case "gids-progress-circle":
+        customElements.get(n(r)) || D();
+    }
+  }));
+}
+g();
+const z = c, F = g;
+export {
+  z as GidsChart,
+  F as defineCustomElement
+};

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

@@ -0,0 +1,56 @@
+import { _ as r, u as d, q as l, T as s, P as a } from "./p-Ct3Ixgvf-CNP_PKwP.js";
+import { i as c } from "./p-B2zUuNXz-BLBgQDu7.js";
+import { d as h } from "./p-BnL97lOW-BO0p4EdC.js";
+import { c as g } from "./clsx-OuTLNxxd.js";
+const u = ({ size: e }, o) => g("gids-chevron-button", {
+  // 'gids-chevron-button--xs': size === 'xs', // By default xs
+  "gids-chevron-button--sm": e === "sm",
+  "gids-chevron-button--md": e === "md",
+  "gids-chevron-button--lg": e === "lg"
+}, o), b = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsChevronButtonClassNames: u
+}, Symbol.toStringTag, { value: "Module" })), { getGidsChevronButtonClassNames: t } = b, i = r(class extends d {
+  constructor(e) {
+    super(), e !== !1 && this.__registerHost(), this.__attachShadow(), this.gidsChevronButton = l(this, "gidsChevronButton"), this.activeClasses = "", this.size = "xs";
+  }
+  handleExtraClassesAndSizeChange(e) {
+    this.activeClasses = t({ size: this.size }, e);
+  }
+  handleSizeChange(e) {
+    this.size = e;
+  }
+  handleDisabledChange(e) {
+    this.disabled = e;
+  }
+  connectedCallback() {
+    const e = c();
+    e !== void 0 && this._el.shadowRoot?.adoptedStyleSheets.push(e), this.activeClasses = t({ size: this.size }, this.extraClasses);
+  }
+  componentDidLoad() {
+    this.activeClasses = t({ size: this.size }, this.extraClasses);
+  }
+  render() {
+    return s("button", { key: "b2c4dce0b1b731f18f7bc51d4f2dc3b2bc4814e0", class: this.activeClasses, slot: "trailingAccessory", type: "button", onClick: (e) => this.gidsChevronButton.emit(e), "aria-label": this?.ariaLabel ?? "", "aria-expanded": this?.ariaExpanded ?? "", "aria-haspopup": this?.ariaHaspopup ?? "", "aria-controls": this?.ariaControls ?? "", disabled: this.disabled, tabIndex: -1 }, s("span", { key: "42f01ac64723aa9195d2f36b0b02e0a36811f19e", class: "gids-button__content" }, s(h, { key: "a78239b33647d4f4653f8c7660ae7cf69f9a1307", name: "chevron-vertical", alt: "" })));
+  }
+  get _el() {
+    return this;
+  }
+  static get watchers() {
+    return { extraClasses: [{ handleExtraClassesAndSizeChange: 0 }], size: [{ handleExtraClassesAndSizeChange: 0 }, { handleSizeChange: 0 }], disabled: [{ handleDisabledChange: 0 }] };
+  }
+  static get style() {
+    return ".gids-chevron-button{color:inherit;background-color:transparent;border:none;margin:0;padding:0;text-align:inherit;font:inherit;border-radius:0;appearance:none;display:inline-flex;justify-content:center;align-self:center;border-radius:var(--gids-border-radius-full);--gidsIcon-color:var(--gids-color-icon-default);--gidsIcon-height:var(--gidsChevronButtonIcon-height);--gidsChevronButtonIcon-height:var(--gids-size-120)}.gids-chevron-button--sm{--gidsIcon-height:var(--gids-size-160)}.gids-chevron-button--md{--gidsIcon-height:var(--gids-size-200)}.gids-chevron-button--lg{--gidsIcon-height:var(--gids-size-240)}.gids-chevron-button:hover{background-color:var(--gids-color-background-neutral-subtle-hovered)}.gids-chevron-button:active{background-color:var(--gids-color-background-neutral-subtle-pressed)}.gids-chevron-button:disabled .gids-icon{--gidsIcon-color:var(--gids-color-icon-disabled)}.gids-chevron-button:disabled:hover{background-color:transparent}.gids-chevron-button:disabled:active{background-color:transparent}";
+  }
+}, [1, "gids-chevron-button", { extraClasses: [513, "extra-classes"], size: [513], disabled: [516], ariaLabel: [513, "aria-label"], ariaHaspopup: [513, "aria-haspopup"], ariaExpanded: [513, "aria-expanded"], ariaControls: [513, "aria-controls"], activeClasses: [32] }, void 0, { extraClasses: [{ handleExtraClassesAndSizeChange: 0 }], size: [{ handleExtraClassesAndSizeChange: 0 }, { handleSizeChange: 0 }], disabled: [{ handleDisabledChange: 0 }] }]);
+function n() {
+  typeof customElements < "u" && ["gids-chevron-button"].forEach(((e) => {
+    e === "gids-chevron-button" && (customElements.get(a(e)) || customElements.define(a(e), i));
+  }));
+}
+n();
+const m = i, x = n;
+export {
+  m as GidsChevronButton,
+  x as defineCustomElement
+};

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

@@ -0,0 +1,6 @@
+import { h as o, g as s } from "./p-9_mrQ7ac-If6e6cvJ.js";
+const e = o, m = s;
+export {
+  e as GidsDot,
+  m as defineCustomElement
+};

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

@@ -0,0 +1,88 @@
+import { _ as n, u as d, T as s, P as a } from "./p-Ct3Ixgvf-CNP_PKwP.js";
+import { a as r } from "./p-CRngHsR7-DL9wz3Z3.js";
+import { l } from "./p-BaO-kEWS-ZITkeP-j.js";
+import { h } from "./p-BvYnawkJ-DohV9UNG.js";
+import { r as u } from "./p-DfFqFdmS-DjI2pk-0.js";
+import { g as c } from "./p-BnL97lOW-BO0p4EdC.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 = c(), 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 }));
+    };
+  }
+  #e;
+  componentWillLoad() {
+    this.syncFormValue(this.value);
+  }
+  handleValueChange(e) {
+    this.syncFormValue(e);
+  }
+  syncFormValue(e) {
+    this.internals.setFormValue(e ?? "");
+  }
+  getDropdownControl() {
+    return this.hostElement.querySelector("gids-dropdown");
+  }
+  get form() {
+    return this.getDropdownControl()?.form ?? null;
+  }
+  get validity() {
+    return this.getDropdownControl()?.validity ?? {};
+  }
+  get validationMessage() {
+    return this.getDropdownControl()?.validationMessage ?? "";
+  }
+  get willValidate() {
+    return this.getDropdownControl()?.willValidate ?? !1;
+  }
+  async checkValidity() {
+    const e = this.getDropdownControl();
+    return !e?.checkValidity || await e.checkValidity();
+  }
+  async reportValidity() {
+    const e = this.getDropdownControl();
+    return !e?.reportValidity || await e.reportValidity();
+  }
+  async setCustomValidity(e) {
+    const t = this.getDropdownControl();
+    if (t?.setCustomValidity) return await t.setCustomValidity(e);
+  }
+  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: "9d896c1a60c010c49f17578133b1f593637ee25a", 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: "cb5e873f42af870aec073f553a660aea8f61ffcb", 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: "fbdd00ab717487697bc705af19c6e304ff77bd82", name: "leadingIconDropdown" }), s("slot", { key: "1f6ffc78105de5a1e2e4f8906271e8e2c5ca385d", name: "leadingAccessoryDropdown" }), s("slot", { key: "04404c104113d9b83afbe594bd7b9381864b526f" })));
+  }
+  static get formAssociated() {
+    return !0;
+  }
+  get hostElement() {
+    return this;
+  }
+  static get watchers() {
+    return { value: [{ handleValueChange: 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) => {
+    switch (e) {
+      case "gids-dropdown-field":
+        customElements.get(a(e)) || customElements.define(a(e), i);
+        break;
+      case "gids-dropdown":
+        customElements.get(a(e)) || l();
+        break;
+      case "gids-field":
+        customElements.get(a(e)) || h();
+        break;
+      case "gids-input":
+        customElements.get(a(e)) || u();
+    }
+  }));
+}
+o();
+const b = i, V = o;
+export {
+  b as GidsDropdownField,
+  V as defineCustomElement
+};

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

@@ -0,0 +1,6 @@
+import { h as r, r as o } from "./p-BFHWXEeg-ByjSjz8i.js";
+const s = r, t = o;
+export {
+  s as GidsDropdownPicker,
+  t as defineCustomElement
+};

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

@@ -0,0 +1,6 @@
+import { c as o, l as e } from "./p-BaO-kEWS-ZITkeP-j.js";
+const t = o, m = e;
+export {
+  t as GidsDropdown,
+  m as defineCustomElement
+};

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

@@ -1,4 +1,4 @@
-import { d as e, h as o } from "./p-DjvDBWCb-C9js0PPL.js";
+import { d as e, h as o } from "./p-BvYnawkJ-DohV9UNG.js";
 const t = e, d = o;
 export {
   t as GidsField,

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

@@ -1,32 +1,6 @@
-import { C as o, H as e, f as n, R as d } from "./p-ibikYq-w-BsGxk8ro.js";
-import { i as a } from "./p-B2zUuNXz-BLBgQDu7.js";
-import { d as c } from "./p-veoOgDXg-DElc87c0.js";
-const t = o(class extends n {
-  constructor(i) {
-    super(), i !== !1 && this.__registerHost(), this.__attachShadow();
-  }
-  connectedCallback() {
-    const i = a();
-    i !== void 0 && this._el.shadowRoot?.adoptedStyleSheets.push(i);
-  }
-  render() {
-    return d(c, { key: "55114b6e5f7f440dcb4a892c0a25b234509b884e", name: this.name, size: this.size, appearance: this.appearance, alt: this.alt, titleId: this.titleId });
-  }
-  get _el() {
-    return this;
-  }
-  static get style() {
-    return ".gids-icon{fill:var(--gidsIcon-color, var(--gids-color-icon-default));width:auto;height:var(--gidsIcon-height, 100%);flex-shrink:0}.gids-icon--xs{--gidsIcon-height:var(--gids-size-120)}.gids-icon--sm{--gidsIcon-height:var(--gids-size-160)}.gids-icon--md{--gidsIcon-height:var(--gids-size-240)}.gids-icon--lg{--gidsIcon-height:var(--gids-size-320)}";
-  }
-}, [1, "gids-icon", { name: [1], size: [1], appearance: [1], alt: [1], titleId: [1, "title-id"] }]);
-function s() {
-  typeof customElements < "u" && ["gids-icon"].forEach(((i) => {
-    i === "gids-icon" && (customElements.get(e(i)) || customElements.define(e(i), t));
-  }));
-}
-s();
-const l = t, m = s;
+import { n as o, d as e } from "./p-BiPAgxAQ-BtMBQpJY.js";
+const s = o, t = e;
 export {
-  l as GidsIcon,
-  m as defineCustomElement
+  s as GidsIcon,
+  t as defineCustomElement
 };

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

@@ -1,6 +1,6 @@
-import { c as t, f as e } from "./p-Bg3lw2Ae-CkC8nUqv.js";
-const s = t, m = e;
+import { c as t, r as e } from "./p-DfFqFdmS-DjI2pk-0.js";
+const o = t, s = e;
 export {
-  s as GidsInput,
-  m as defineCustomElement
+  o as GidsInput,
+  s as defineCustomElement
 };

package/dist-bundled/es/gids-level-gauge.js

@@ -0,0 +1,6 @@
+import { d as e, h as m } from "./p-uqSjmNkw-Cz2T86sC.js";
+const s = e, t = m;
+export {
+  s as GidsLevelGauge,
+  t as defineCustomElement
+};

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

@@ -0,0 +1,6 @@
+import { d as t, g as e } from "./p-D93TNeOt-Vvshbux8.js";
+const s = t, i = e;
+export {
+  s as GidsLineChart,
+  i as defineCustomElement
+};

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

@@ -1,4 +1,4 @@
-import { C as e, f as s, H as i } from "./p-ibikYq-w-BsGxk8ro.js";
+import { _ as e, u as s, P as i } from "./p-Ct3Ixgvf-CNP_PKwP.js";
 import { e as a } from "./p-CVtNa0cL-sSVeJsR3.js";
 const o = e(class extends s {
   constructor(t) {

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

@@ -1,10 +1,10 @@
-import { C as i, f as n, R as e, H as o } from "./p-ibikYq-w-BsGxk8ro.js";
+import { _ as a, u as n, T as e, P as o } from "./p-Ct3Ixgvf-CNP_PKwP.js";
 import { i as l } from "./p-B2zUuNXz-BLBgQDu7.js";
-const c = (t) => t === "top" || t === "top-bottom", h = (t) => t === "bottom" || t === "top-bottom", d = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const h = (t) => t === "top" || t === "top-bottom", c = (t) => t === "bottom" || t === "top-bottom", d = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  showGidsOverflowContainerBottomShadow: h,
-  showGidsOverflowContainerTopShadow: c
-}, Symbol.toStringTag, { value: "Module" })), { showGidsOverflowContainerBottomShadow: s, showGidsOverflowContainerTopShadow: f } = d, r = i(class extends n {
+  showGidsOverflowContainerBottomShadow: c,
+  showGidsOverflowContainerTopShadow: h
+}, Symbol.toStringTag, { value: "Module" })), { showGidsOverflowContainerBottomShadow: s, showGidsOverflowContainerTopShadow: f } = d, r = a(class extends n {
   constructor(t) {
     super(), t !== !1 && this.__registerHost(), this.__attachShadow(), this.shadowLocation = "bottom";
   }
@@ -20,19 +20,19 @@ 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: "6ec89d7178cf344a3127aa5913df8ff65c523592", class: "gids-overflow-container__text-area", onScroll: this.calculateShadows.bind(this) }, e("slot", { key: "0cf9630efe8337aa0c7a239fa5f09ca30d368513" }));
+    return e("div", { key: "fbc4a9851c77e92b2261392c6d8f00664f8adb94", class: "gids-overflow-container__text-area", onScroll: this.calculateShadows.bind(this) }, e("slot", { key: "a825b7f435064d06a22f751e507c8a765817abec" }));
   }
   get _el() {
     return this;
   }
 }, [257, "gids-overflow-container", { shadowLocation: [513, "shadow-location"] }]);
-function a() {
+function i() {
   typeof customElements < "u" && ["gids-overflow-container"].forEach(((t) => {
     t === "gids-overflow-container" && (customElements.get(o(t)) || customElements.define(o(t), r));
   }));
 }
-a();
-const p = r, m = a;
+i();
+const p = r, m = i;
 export {
   p as GidsOverflowContainer,
   m as defineCustomElement