@ganpatiinfo/gids-core-web 13.0.0 → 15.0.0

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

@@ -4,7 +4,7 @@ import { c as n } from "./clsx-OuTLNxxd.js";
 const d = (s) => n("gids-scrim", s), m = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getGidsScrimClassNames: d
-}, Symbol.toStringTag, { value: "Module" })), { getGidsScrimClassNames: a } = m, r = o(class extends c {
+}, Symbol.toStringTag, { value: "Module" })), { getGidsScrimClassNames: a } = m, i = o(class extends c {
   constructor(s) {
     super(), s !== !1 && this.__registerHost(), this.__attachShadow(), this.activeClasses = "";
   }
@@ -16,7 +16,7 @@ const d = (s) => n("gids-scrim", s), m = /* @__PURE__ */ Object.freeze(/* @__PUR
     s !== void 0 && this._el.shadowRoot?.adoptedStyleSheets.push(s), this.activeClasses = a(this.extraClasses);
   }
   render() {
-    return e("div", { key: "8167fdb99ddda2dd4db8e27f9dc188586652385d", class: this.activeClasses, part: "root" }, e("slot", { key: "e93770f7b43713b32c964fc00492c31de9474e6e" }));
+    return e("div", { key: "6eb29ef0727480d68dde79ff61f76c2fe12ff1ac", class: this.activeClasses, part: "root" }, e("slot", { key: "97c7b27716ed3bd06a2746f5f5abd3b1983cfc85" }));
   }
   get _el() {
     return this;
@@ -28,14 +28,14 @@ const d = (s) => n("gids-scrim", s), m = /* @__PURE__ */ Object.freeze(/* @__PUR
     return ".gids-scrim{display:flex;flex-direction:column;background-color:var(--gids-color-background-scrim);height:100vh !important;position:absolute;top:0;bottom:0;left:0;right:0;z-index:1001;align-items:center;justify-content:center;backdrop-filter:blur(12)}";
   }
 }, [257, "gids-scrim", { extraClasses: [513, "extra-classes"], activeClasses: [32] }, void 0, { extraClasses: [{ handleExtraClassesChange: 0 }] }]);
-function i() {
+function r() {
   typeof customElements < "u" && ["gids-scrim"].forEach(((s) => {
-    s === "gids-scrim" && (customElements.get(t(s)) || customElements.define(t(s), r));
+    s === "gids-scrim" && (customElements.get(t(s)) || customElements.define(t(s), i));
   }));
 }
-i();
-const f = r, C = i;
+r();
+const g = i, C = r;
 export {
-  f as GidsScrim,
+  g as GidsScrim,
   C as defineCustomElement
 };

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

@@ -0,0 +1,41 @@
+import { L as o, u as r, D as d, P as l, q as i } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { c as g } from "./clsx-OuTLNxxd.js";
+const u = ({ variant: e, animation: t }) => g("gids-skeleton", {
+  "gids-skeleton--variant-circular": e === "circular",
+  "gids-skeleton--variant-rectangular": e === "rectangular",
+  "gids-skeleton--variant-rounded": e === "rounded",
+  "gids-skeleton--animation-pulse": t === "pulse",
+  "gids-skeleton--animation-wave": t === "wave"
+}), c = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getSkeletonBaseClassNames: u
+}, Symbol.toStringTag, { value: "Module" })), { getSkeletonBaseClassNames: m } = c, s = o(class extends r {
+  constructor(e) {
+    super(), e !== !1 && this.__registerHost(), this.variant = "text", this.animation = "none";
+  }
+  getDimension(e) {
+    if (e != null) return typeof e == "number" ? e + "px" : e;
+  }
+  getStyle() {
+    const e = {}, t = this.getDimension(this.width), n = this.getDimension(this.height);
+    return t !== void 0 && (e.width = t), n !== void 0 && (e.height = n), e;
+  }
+  render() {
+    const e = m({ variant: this.variant ?? "text", animation: this.animation ?? "none" });
+    return d(l, { key: "c0ab347f9aa9073e5161f3737200c4e34e6be5d5", class: e, style: this.getStyle(), "aria-hidden": "true" });
+  }
+  static get style() {
+    return 'gids-skeleton,.gids-skeleton-host{--gidsSkeleton-background:var(    --gids-color-background-accent-9-subtle-default   );--gidsSkeleton-wave-background:linear-gradient(    90deg,    transparent 0%,    var(--gids-color-background-accent-9-subtler-default) 50%,    transparent 100%   );--gidsSkeleton-text-border-radius:var(--gids-border-radius-sm);--gidsSkeleton-border-radius:var(--gids-border-radius-md);display:inline-block;position:relative;vertical-align:middle;background-color:var(--gidsSkeleton-background);overflow:hidden;width:auto;height:auto}.gids-skeleton--variant-text{border-radius:var(--gidsSkeleton-text-border-radius);min-height:1.2em;transform:scaleY(0.6);transform-origin:0 50%}.gids-skeleton--variant-circular{border-radius:100% !important;aspect-ratio:1/1}.gids-skeleton--variant-rectangular{border-radius:0}.gids-skeleton--variant-rounded{border-radius:var(--gidsSkeleton-border-radius)}.gids-skeleton--animation-none{animation:none}.gids-skeleton--animation-pulse{animation:gids-skeleton-pulse 1.5s ease-in-out infinite}.gids-skeleton--animation-wave::after{content:"";position:absolute;inset:0;width:100%;height:100%;background:var(--gidsSkeleton-wave-background);transform:translateX(-100%);animation:gids-skeleton-wave 1.6s linear infinite}@keyframes gids-skeleton-pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}@keyframes gids-skeleton-wave{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@media (prefers-reduced-motion: reduce){.gids-skeleton--animation-pulse{animation:none}.gids-skeleton--animation-wave::after{animation:none}}';
+  }
+}, [0, "gids-skeleton", { variant: [1], animation: [1], width: [8], height: [8] }]);
+function a() {
+  typeof customElements < "u" && ["gids-skeleton"].forEach(((e) => {
+    e === "gids-skeleton" && (customElements.get(i(e)) || customElements.define(i(e), s));
+  }));
+}
+a();
+const v = s, f = a;
+export {
+  v as GidsSkeleton,
+  f as defineCustomElement
+};

package/dist-bundled/es/gids-tab-item.js

@@ -1,7 +1,12 @@
 import { L as m, u as p, D as r, P as f, q as c } from "./p-Bf3p-DY2-CPqEc-vc.js";
 import { n } from "./nonEmpty-B284_5ai.js";
 import { c as g } from "./clsx-OuTLNxxd.js";
-const y = ({ appearance: e, type: a, outline: i }, t) => g("gids-badge", {
+const o = 99, y = (e, a, i) => e === "dot" || a !== void 0 && a > o || i, k = (e, a) => e === void 0 ? a ?? "" : e > o ? `${o}+` : e.toString(), I = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getDisplayContent: k,
+  maxCount: o,
+  shouldIncludeA11yText: y
+}, Symbol.toStringTag, { value: "Module" })), C = ({ appearance: e, type: a, outline: i }, t) => g("gids-badge", {
   "gids-badge--danger": e === "danger",
   "gids-badge--positive": e === "positive",
   "gids-badge--warning": e === "warning",
@@ -10,14 +15,9 @@ const y = ({ appearance: e, type: a, outline: i }, t) => g("gids-badge", {
   "gids-badge--dot": a === "dot"
 }, {
   "gids-badge--outline": i
-}, t), k = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, t), _ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getGidsBadgeClassNames: y
-}, Symbol.toStringTag, { value: "Module" })), o = 99, I = (e, a, i) => e === "dot" || a !== void 0 && a > o || i, C = (e, a) => e === void 0 ? a ?? "" : e > o ? `${o}+` : e.toString(), _ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  getDisplayContent: C,
-  maxCount: o,
-  shouldIncludeA11yText: I
+  getGidsBadgeClassNames: C
 }, Symbol.toStringTag, { value: "Module" })), x = ({ appearance: e, width: a = "intrinsic", active: i }, t) => g("gids-tab-item", {
   // Widths
   // 'gids-tab-item--intrinsic': width === 'intrinsic', // By default so not needed
@@ -37,7 +37,7 @@ const y = ({ appearance: e, type: a, outline: i }, t) => g("gids-badge", {
 }, t), T = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getGidsTabItemClassNames: x
-}, Symbol.toStringTag, { value: "Module" })), { getDisplayContent: l, shouldIncludeA11yText: w } = _, { getGidsBadgeClassNames: A } = k, S = ({ appearance: e, type: a, count: i, accessibleText: t, outline: d, class: v, ...h }) => {
+}, Symbol.toStringTag, { value: "Module" })), { getDisplayContent: l, shouldIncludeA11yText: w } = I, { getGidsBadgeClassNames: A } = _, S = ({ appearance: e, type: a, count: i, accessibleText: t, outline: d, class: v, ...h }) => {
   const s = w(a, i, n(t));
   return r("span", { class: A({ appearance: e, type: a, outline: d }, v), ...h }, s && r("span", { class: "gids-visually-hidden" }, n(t) ? t : i), a === "notification" ? s ? r("span", { "aria-hidden": "true" }, l(i, t)) : l(i, t) : null);
 }, { getGidsTabItemClassNames: B } = T, b = m(class extends p {
@@ -75,7 +75,7 @@ const y = ({ appearance: e, type: a, outline: i }, t) => g("gids-badge", {
   }
   render() {
     const e = B({ appearance: this.appearance, width: this.width, active: this.active }), a = this.hasTrailingIcon, i = this.badgeVisible, t = this.appearance === "primary" && this.active ? "inverse" : this.badgeAppearance ?? "information", d = this.label;
-    return r(f, { key: "df04041b0085eba54f6347803d7dd5795cdcd412", class: e, onClick: this.handleHostClick }, this.hasLeadingIcon ? r("slot", { name: "leadingIconTabItem" }) : void 0, d && d !== "" ? r("span", { class: "gids-tab-item__label" }, d && d !== "" ? d : void 0, i ? r(S, { appearance: t, type: this.badgeType, count: this.badgeCount }) : void 0) : void 0, a ? r("slot", { name: "trailingIconTabItem" }) : void 0);
+    return r(f, { key: "6e13996c3a94e3386f759a0ea5b1c371f10d183a", class: e, onClick: this.handleHostClick }, this.hasLeadingIcon ? r("slot", { name: "leadingIconTabItem" }) : void 0, d && d !== "" ? r("span", { class: "gids-tab-item__label" }, d && d !== "" ? d : void 0, i ? r(S, { appearance: t, type: this.badgeType, count: this.badgeCount }) : void 0) : void 0, a ? r("slot", { name: "trailingIconTabItem" }) : void 0);
   }
   get hostElement() {
     return this;

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

@@ -4,10 +4,10 @@ const o = ({ width: e, appearance: t }, d) => l("gids-tab", {
   "gids-tab--full": e === "full",
   "gids-tab--item-subtle": t === "subtle",
   "gids-tab--item-underlined": t === "underlined"
-}, d), p = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, d), b = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getGidsTabClassNames: o
-}, Symbol.toStringTag, { value: "Module" })), { getGidsTabClassNames: b } = p, i = r(class extends h {
+}, Symbol.toStringTag, { value: "Module" })), { getGidsTabClassNames: p } = b, i = r(class extends h {
   constructor(e) {
     super(), e !== !1 && this.__registerHost(), this.width = "intrinsic", this.appearance = "default";
   }
@@ -37,8 +37,8 @@ const o = ({ width: e, appearance: t }, d) => l("gids-tab", {
     return e === this.activeTabId;
   }
   render() {
-    const e = b({ width: this.width, appearance: this.appearance });
-    return a(c, { key: "00bf73ca04f70d14966823cdd4d228c3d05222e3", class: e }, a("slot", { key: "9b693f9975560d559d972388fb15ca2407ff5d4c" }));
+    const e = p({ width: this.width, appearance: this.appearance });
+    return a(c, { key: "254190360af6a9e18b533a0742ee6ef38b4bca0e", class: e }, a("slot", { key: "47dc0c55f47de294481568beef3f02bbbe319104" }));
   }
   get hostElement() {
     return this;

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

@@ -1,9 +1,9 @@
-import { L as u, u as h, z as c, C as f, D as i, q as s } from "./p-Bf3p-DY2-CPqEc-vc.js";
-import { i as b } from "./p-B2zUuNXz-BLBgQDu7.js";
-import { a as m } from "./p-Dg2yoUxw-Cca8ROd_.js";
+import { L as u, u as c, z as h, C as b, D as i, q as s } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { i as f } from "./p-B2zUuNXz-BLBgQDu7.js";
+import { a as m } from "./p-Dg2yoUxw-DliMstZy.js";
 import { r as p } from "./p-UxDcM-C5-BJO4X0jM.js";
-import { h as g } from "./p-ub0GuVHb-C9vrhXyF.js";
-import { r as x } from "./p-BVAtja26-C16IjShX.js";
+import { h as g } from "./p-MnCDY1k9-CgbTyJ5R.js";
+import { r as x } from "./p-DGenc1qz-CMwVEtCm.js";
 import { g as _ } from "./p-D4Pimu_8-ARSuGBs4.js";
 const v = (e, t) => {
   if (!(e === void 0 || t === void 0))
@@ -24,9 +24,9 @@ const v = (e, t) => {
 }, Symbol.toStringTag, { value: "Module" })), { inputToGidsFieldStatus: y } = n, q = (e) => e === "implicit" || e === void 0 ? "implicit" : y(e), C = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   inputToGidsFieldStatus: q
-}, Symbol.toStringTag, { value: "Module" })), { formatCharCount: F } = n, { inputToGidsFieldStatus: O } = C, a = u(class extends h {
+}, Symbol.toStringTag, { value: "Module" })), { formatCharCount: F } = n, { inputToGidsFieldStatus: O } = C, a = u(class extends c {
   constructor(e) {
-    super(), e !== !1 && this.__registerHost(), this.gidsTextFieldClear = c(this, "gidsTextFieldClear"), this.#e = _(), this._handleDismiss = () => {
+    super(), e !== !1 && this.__registerHost(), this.gidsTextFieldClear = h(this, "gidsTextFieldClear"), this.#e = _(), this._handleDismiss = () => {
       const t = this.#t?.querySelector("input.gids-input__control");
       t && (t.value = "", t.dispatchEvent(new globalThis.Event("input", { bubbles: !0 }))), this.value = "", this.gidsTextFieldClear.emit();
     }, this._handleInput = (t) => {
@@ -37,11 +37,11 @@ const v = (e, t) => {
   }
   _startSlotContentObserver() {
     this._slotContentObserver = new MutationObserver((() => {
-      f(this);
+      b(this);
     })), this._slotContentObserver.observe(this._el, { childList: !0, subtree: !1, attributes: !0, attributeFilter: ["slot"] });
   }
   connectedCallback() {
-    const e = b();
+    const e = f();
     e !== void 0 && this._el.shadowRoot?.adoptedStyleSheets.push(e), this._startSlotContentObserver();
   }
   disconnectedCallback() {
@@ -51,7 +51,7 @@ const v = (e, t) => {
   #t;
   render() {
     const { id: e, ...t } = this.inputProps ?? {}, l = e ?? this.#e, d = this.showClearButton && this.value !== void 0 && this.value.length > 0;
-    return i("gids-field", { key: "31fd12bcfe97625c517a2e85734e01dbbd5b59b5", disabled: this.disabled, count: F(this.value?.length, this.maxLength), helperText: this.helperText, statusText: this.statusText, status: O(this.status) }, i(m, { key: "5dd9b4158a9262f88364d07788791f10a037d906", slot: "label", disabled: this.disabled, info: i("slot", { name: "info" }), fieldRequirement: this.fieldRequirement, fieldRequirementOptionalText: this.fieldRequirementOptionalText, fieldRequirementRequiredText: this.fieldRequirementRequiredText, isLabelSentence: this.isLabelSentence, htmlFor: l }, this.label), i("gids-input", { key: "45980a5df8d74d027f7d15fb3f2f1dffcfe35ea3", ref: (o) => this.#t = o, appearance: this.appearance, status: this.status, loading: this.loading, value: this.value, defaultValue: this.defaultValue, name: this.name, required: this.required, disabled: this.disabled, readOnly: this.readOnly, leadingLabel: this.leadingLabel, trailingLabel: this.trailingLabel, onFocus: this._handleInputFocusAndBlur, onBlur: this._handleInputFocusAndBlur, onInput: this._handleInput, inputProps: { ...t, type: this.type, id: l, maxLength: this.maxLength } }, i("slot", { key: "ca0f5b7206e450dc4223013a3bfa15922c3ea7ee", name: "leadingIcon" }), i("slot", { key: "2f9809ef064300e999f60fd34305232e2cdb5c97", name: "leadingAccessory" }), d && i(p, { key: "adcb2d1e5c9eedd94bb6d276333cdb30ff31147c", label: "clear text", slot: "trailingAccessory", size: "lg", onPressDismiss: this._handleDismiss }), i("slot", { key: "5633a1c325c3442044b31e925cda6654764fbb3f", name: "trailingIcon" })));
+    return i("gids-field", { key: "b682d22f46991610e365d7b2990f61328bbd9f94", disabled: this.disabled, count: F(this.value?.length, this.maxLength), helperText: this.helperText, statusText: this.statusText, status: O(this.status) }, i(m, { key: "e43e0ea57c0990cb5c91b49d3dd5d15143b91c12", slot: "label", disabled: this.disabled, info: i("slot", { name: "info" }), fieldRequirement: this.fieldRequirement, fieldRequirementOptionalText: this.fieldRequirementOptionalText, fieldRequirementRequiredText: this.fieldRequirementRequiredText, isLabelSentence: this.isLabelSentence, htmlFor: l }, this.label), i("gids-input", { key: "52aa35ac1be6645867d72a6f53383c379965efb3", ref: (o) => this.#t = o, appearance: this.appearance, status: this.status, loading: this.loading, value: this.value, defaultValue: this.defaultValue, name: this.name, required: this.required, disabled: this.disabled, readOnly: this.readOnly, leadingLabel: this.leadingLabel, trailingLabel: this.trailingLabel, onFocus: this._handleInputFocusAndBlur, onBlur: this._handleInputFocusAndBlur, onInput: this._handleInput, inputProps: { ...t, type: this.type, id: l, maxLength: this.maxLength } }, i("slot", { key: "46c3612586ecd8477f7cebf869a5d992ab031efb", name: "leadingIcon" }), i("slot", { key: "c32c58b4c81147cae7e60a8c578e8ce08fb811a7", name: "leadingAccessory" }), d && i(p, { key: "5eb55c20c60993b9bb72ab160bbd37bc7ea96390", label: "clear text", slot: "trailingAccessory", size: "lg", onPressDismiss: this._handleDismiss }), i("slot", { key: "6cbf55a7303ef56c392d40bff9b54e620b4134ff", name: "trailingIcon" })));
   }
   get _el() {
     return this;

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

@@ -1,4 +1,4 @@
-import { l as o, o as t } from "./p-_SIWct9h-jMYFZ-VO.js";
+import { l as o, o as t } from "./p-DLauG0q8-CCUuzYl9.js";
 const s = o, m = t;
 export {
   s as GidsToggleButton,

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

@@ -1,5 +1,5 @@
 import { L as n, u as l, D as e, F as s, q as i } from "./p-Bf3p-DY2-CPqEc-vc.js";
-import { g as r } from "./p-a3JfEYJp-DyhDK6VZ.js";
+import { l as r } from "./p-BBszCFSA-BN0-eWJX.js";
 import { i as d } from "./p-B2zUuNXz-BLBgQDu7.js";
 import { o as h } from "./p-B8kX8Vqv-trBz4jdS.js";
 const o = n(class extends l {
@@ -38,7 +38,7 @@ const o = n(class extends l {
     t && (t.removeEventListener("mouseenter", this.handleShowEvent), t.removeEventListener("focus", this.handleShowEvent), t.removeEventListener("mouseleave", this.handleHideEvent), t.removeEventListener("blur", this.handleHideEvent));
   }
   render() {
-    return e(s, { key: "956f6eced99b0c5e6e514a2a3f10976ca64e22c3" }, e("slot", { key: "082d3c166069a309c3ba5f6c1e3eb0519eb84b40" }), e("span", { key: "400f44983016138741b2c3a7b32d5d9f39c09241", id: "tooltip", part: "tooltip", role: "tooltip" }, e("span", { key: "1fcc94a2ab42662921470851bbad8fa46b7f0978", id: "arrow" }), this.tooltipText));
+    return e(s, { key: "2db5e111280a88c65cda2c3b700ce17f24189abb" }, e("slot", { key: "9298d0612cd63bfd490313ef0285474554ce4dce" }), e("span", { key: "fc3b147c2b003fe987eda62682c073d98b539437", id: "tooltip", part: "tooltip", role: "tooltip" }, e("span", { key: "e458a1c68930669a10360a4dedb2fb306fc1a3e3", id: "arrow" }), this.tooltipText));
   }
   disconnectedCallback() {
     this.cleanupEventListeners(), this.floatingElementManager?.destroy();

package/dist-bundled/es/gids-transfer-list.js

@@ -0,0 +1,196 @@
+import { L as b, u as _, D as a, P as x, q as p } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { p as T } from "./p-DMNS1d8v-BX8e_AsY.js";
+import { v as L, b as C, _ as H } from "./p-Iqbf3Pja-DuajY4uD.js";
+import { d as m } from "./p-D4Pimu_8-ARSuGBs4.js";
+import { o } from "./p-UVmSPzTd-CR1higgJ.js";
+import { c as f } from "./clsx-OuTLNxxd.js";
+const k = (t) => f("gids-checkbox-control", t), A = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsCheckboxControlClassNames: k
+}, Symbol.toStringTag, { value: "Module" })), M = ({ type: t }, e) => f("gids-menu-group", {
+  "gids-menu-group--default": t === "default",
+  // by default so no need to have this class
+  "gids-menu-group--no-options": t === "no-options",
+  "gids-menu-group--loading": t === "loading"
+}, e), R = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsMenuGroupClassNames: M
+}, Symbol.toStringTag, { value: "Module" })), w = (t) => f("gids-menu", t), z = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsMenuClassNames: w
+}, Symbol.toStringTag, { value: "Module" })), O = (t) => f("gids-transfer-list", t), D = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsTransferListClassNames: O
+}, Symbol.toStringTag, { value: "Module" })), { getGidsMenuGroupClassNames: G } = R, I = ({ type: t = "no-options", supportingText: e = "No options", class: s, ...n }, l) => a("div", { class: G({ type: t }, s), ...n }, t === "loading" ? a(T, { indeterminate: !0, size: "md" }) : null, t === "no-options" ? a("span", null, e) : null, t === "default" && l != null ? l : null), { getGidsMenuClassNames: V } = z, S = ({ heading: t, supportingText: e, level: s, supportingTextTypography: n, isHeaderDividerVisible: l = !1, class: i, ...r }, h) => a("div", { class: V(i), ...r }, t != null && t !== "" || e != null && e !== "" ? a(H, { heading: t, supportingText: e, level: s, supportingTextTypography: n ?? "eyebrow-medium" }) : null, l ? a("div", { class: "gids-menu__header-divider" }, a(C, { orientation: "horizontal" })) : void 0, h != null ? a("div", { class: "gids-menu__children" }, h) : null), { getGidsCheckboxControlClassNames: j } = A, c = ({ checked: t, defaultChecked: e, disabled: s, indeterminate: n, inputId: l, name: i, value: r, required: h, onChange: d, class: g, ...y }) => a("span", { class: j(g), ...y }, a("input", { class: "gids-checkbox-control__input", type: "checkbox", disabled: s, checked: t, defaultChecked: e, required: h, indeterminate: n, value: r, id: l, name: i, onChange: d }), a(m, { class: "gids-checkbox-control__check", name: "checkmark", alt: "", size: "sm" }), a(m, { class: "gids-checkbox-control__minus", name: "minus", alt: "", size: "sm" })), { getGidsTransferListClassNames: P } = D, u = b(class extends _ {
+  constructor(t) {
+    super(), t !== !1 && this.__registerHost(), this.leftListHeading = "Choices", this.rightListHeading = "Choosen", this.moveAllVisible = !1, this.transferListType = "basic", this.leftListItems = [], this.rightListItems = [], this.listsMaxHeight = "200px", this.leftListItemsState = [], this.rightListItemsState = [], this.tempLeftListItemsState = [], this.tempRightListItemsState = [];
+  }
+  handleListsMaxHeightChange(t) {
+    this.listsMaxHeight = t;
+  }
+  handleLeftListHeadingChange(t) {
+    this.leftListHeading = t;
+  }
+  handleRightListHeadingChange(t) {
+    this.rightListHeading = t;
+  }
+  handleMoveAllVisibilityChange(t) {
+    this.moveAllVisible = t;
+  }
+  handleTransferListTypeChange(t) {
+    this.transferListType = t;
+  }
+  handleLeftListItemsChange(t) {
+    this.leftListItems = t, this.setListItemsStates();
+  }
+  handleRightListItemsChange(t) {
+    this.rightListItems = t, this.setListItemsStates();
+  }
+  componentDidLoad() {
+    this.setListItemsStates();
+  }
+  setListItemsStates() {
+    this.leftListItemsState = this.leftListItems, this.rightListItemsState = this.rightListItems;
+  }
+  getListHeading(t) {
+    return t === "left" ? this.leftListHeading : this.rightListHeading;
+  }
+  getListSupportingText(t) {
+    let e = this?.tempLeftListItemsState ?? [], s = this?.leftListItemsState ?? [];
+    return t === "right" && (e = this?.tempRightListItemsState ?? [], s = this?.rightListItemsState ?? []), `${e.length} of ${s.length} selected`;
+  }
+  isAllItemsSelectedInList({ listSide: t }) {
+    const e = this.getStateListsItemsArr(t), s = this.getTempListsItemsArr(t);
+    return e.length > 0 && e.length === s.length;
+  }
+  isAtleastOneItemSelectedInList({ listSide: t }) {
+    const e = this.getStateListsItemsArr(t), s = this.getTempListsItemsArr(t);
+    return s.length > 0 && s.length < e.length;
+  }
+  renderListHeading(t) {
+    if ((this?.transferListType ?? "basic") !== "basic") {
+      const e = this.isAllItemsSelectedInList({ listSide: t }), s = this.isAtleastOneItemSelectedInList({ listSide: t });
+      return a("div", { class: "gids-transfer-list__menu-heading-container" }, a(c, { checked: e || s, onChange: (n) => this.selectUnselectAllItems({ event: n, listSide: t }), indeterminate: s }), a("div", { class: "gids-transfer-list__menu-heading-text-content-container" }, a("span", { class: "gids-transfer-list__heading-text" }, this.getListHeading(t)), a("span", { class: "gids-transfer-list__heading-support-text" }, this.getListSupportingText(t))));
+    }
+  }
+  listItemSelection({ event: t, pressedIndex: e, listSide: s }) {
+    this.selectUnselectListItem({ event: t, pressedIndex: e, listSide: s });
+  }
+  onPressingListItem({ event: t, pressedIndex: e, listSide: s }) {
+    this.listItemSelection({ event: t, pressedIndex: e, listSide: s });
+  }
+  selectUnselectListItem({ event: t, pressedIndex: e, listSide: s }) {
+    const n = this.getStateListsItemsArr(s)[e];
+    let l = !1;
+    if (s === "left" && n) {
+      const i = this?.tempLeftListItemsState ?? [], r = i.findIndex(((h) => h?.id === n?.id));
+      r != null && r !== -1 ? (i.splice(r, 1), l = !1) : (i.push(n), l = !0), this.tempLeftListItemsState = i, this.leftListItemsState = this?.leftListItemsState ? [...this.leftListItemsState] : [];
+    } else if (s === "right" && n) {
+      const i = this?.tempRightListItemsState ?? [], r = i.findIndex(((h) => h?.id === n?.id));
+      r != null && r !== -1 ? (i.splice(r, 1), l = !1) : (i.push(n), l = !0), this.tempRightListItemsState = i, this.rightListItemsState = this?.rightListItemsState ? [...this.rightListItemsState] : [];
+    }
+    this.callOnTransferListSelectFunc({ event: t, isSelected: l, listSide: s, selectedIndexes: [e], selectionType: "single" });
+  }
+  isItemSelected({ id: t, listSide: e }) {
+    const s = this.getTempListsItemsArr(e);
+    return s.length > 0 && !!s.find(((n) => n?.id === t));
+  }
+  getStateListsItemsArr(t) {
+    let e = this?.leftListItemsState ?? [];
+    return t === "right" && (e = this?.rightListItemsState ?? []), e;
+  }
+  getTempListsItemsArr(t) {
+    let e = this?.tempLeftListItemsState ?? [];
+    return t === "right" && (e = this?.tempRightListItemsState ?? []), e;
+  }
+  selectUnselectAllItems({ event: t, listSide: e }) {
+    const s = this.getStateListsItemsArr(e), n = this.isAllItemsSelectedInList({ listSide: e }), l = this.isAtleastOneItemSelectedInList({ listSide: e });
+    e === "left" ? this.tempLeftListItemsState = n || l ? [] : [...s] : this.tempRightListItemsState = n || l ? [] : [...s];
+    const i = [];
+    n || l || s.map(((r, h) => {
+      i.push(h);
+    })), this.callOnTransferListSelectFunc({ event: t, isSelected: !n && !l, listSide: e, selectedIndexes: i, selectionType: "all" });
+  }
+  callOnTransferListSelectFunc({ event: t, isSelected: e, listSide: s, selectedIndexes: n, selectionType: l }) {
+    this.onTransferListSelect && this.onTransferListSelect({ originalEvent: t, originalLeftListItems: this?.leftListItems ?? [], originalRightListItems: this?.rightListItems ?? [], currentLeftListItems: this?.leftListItemsState ?? [], currentRightListItems: this?.rightListItemsState ?? [], leftListSelectedItems: this?.tempLeftListItemsState ?? [], rightListSelectedItems: this?.tempRightListItemsState ?? [], selectedIndexes: n, selectionType: l, listSide: s, isSelected: e });
+  }
+  movementButtonDisabled({ listSide: t, movementType: e }) {
+    if (t === "left") {
+      const s = this?.leftListItemsState && this.leftListItemsState.length > 0 ? this.leftListItemsState.length : 0;
+      if (e === "move-single") return !(s > 0 && (this?.tempLeftListItemsState && this.tempLeftListItemsState.length > 0 ? this.tempLeftListItemsState.length : 0) > 0);
+      if (e === "move-all") return !(s > 0);
+    } else if (t === "right") {
+      const s = this?.rightListItemsState && this.rightListItemsState.length > 0 ? this.rightListItemsState.length : 0;
+      if (e === "move-single") return !(s > 0 && (this?.tempRightListItemsState && this.tempRightListItemsState.length > 0 ? this.tempRightListItemsState.length : 0) > 0);
+      if (e === "move-all") return !(s > 0);
+    }
+    return !0;
+  }
+  callOnTransferAction({ transferTo: t, transferFrom: e, movementType: s, newTransferredItems: n }) {
+    this.onTransferAction && this.onTransferAction({ transferTo: t, transferFrom: e, originalLeftListItems: this?.leftListItems ?? [], originalRightListItems: this?.rightListItems ?? [], currentLeftListItems: this?.leftListItemsState ?? [], currentRightListItems: this?.rightListItemsState ?? [], leftListSelectedItems: this?.tempLeftListItemsState ?? [], rightListSelectedItems: this?.tempRightListItemsState ?? [], newTransferredItems: n, movementType: s });
+  }
+  clearListSystem({ event: t, listSide: e, movementType: s }) {
+    if (console.log("event", t), console.log("listSide", e), console.log("movementType", s), !this.movementButtonDisabled({ listSide: e, movementType: s })) {
+      if (e === "left") if (s === "move-single") {
+        const n = this?.tempLeftListItemsState ?? [], l = this?.leftListItemsState ?? [];
+        if (l.length > 0) {
+          const i = [];
+          l.map(((r) => {
+            n.find(((h) => h?.id === r?.id)) || i.push(r);
+          })), this.leftListItemsState = [...i];
+        }
+        this.tempLeftListItemsState = [];
+      } else s === "move-all" && (this.leftListItemsState = [], this.tempLeftListItemsState = []);
+      else if (e === "right") if (s === "move-single") {
+        const n = this?.tempRightListItemsState ?? [], l = this?.rightListItemsState ?? [];
+        if (l.length > 0) {
+          const i = [];
+          l.map(((r) => {
+            n.find(((h) => h?.id === r?.id)) || i.push(r);
+          })), this.rightListItemsState = [...i];
+        }
+        this.tempRightListItemsState = [];
+      } else s === "move-all" && (this.rightListItemsState = [], this.tempRightListItemsState = []);
+    }
+  }
+  moveListItems({ event: t, listSide: e, movementType: s }) {
+    if (!this.movementButtonDisabled({ listSide: e, movementType: s })) {
+      const n = this?.leftListItemsState ?? [], l = this?.rightListItemsState ?? [], i = this?.tempLeftListItemsState ?? [], r = this?.tempRightListItemsState ?? [];
+      let h = [];
+      e === "left" ? s === "move-single" ? (this.rightListItemsState = [...i, ...l], h = [...i]) : s === "move-all" && (this.rightListItemsState = [...n, ...l], h = [...n]) : e === "right" && (s === "move-single" ? (this.leftListItemsState = [...r, ...n], h = [...r]) : s === "move-all" && (this.leftListItemsState = [...l, ...n], h = [...l])), this.clearListSystem({ event: t, listSide: e, movementType: s }), this.callOnTransferAction({ transferTo: e === "left" ? "right" : "left", transferFrom: e, movementType: s, newTransferredItems: h });
+    }
+  }
+  onItemsMovement({ event: t, listSide: e, movementType: s }) {
+    this.moveListItems({ event: t, listSide: e, movementType: s });
+  }
+  render() {
+    const t = P(), e = this?.leftListItemsState ?? [], s = this?.rightListItemsState ?? [], n = this.listsMaxHeight, l = this?.transferListType ?? "basic";
+    return a(x, { key: "aa8da731c2648ec4e359dbe5277fbf5947246276", class: t }, a("div", { key: "6dd5eefb717c7dea19165a218354e582a21ce11e", class: "gids-transfer-list__left-container" }, a(I, { key: "f89efe4c61e2b75b85b0038434b0424d23df354d", type: e.length > 0 ? "default" : "no-options" }, a(S, { key: "e3812b4b78c74daa2ed206c8a6928c1fb79984b1", heading: this.renderListHeading("left"), style: { "--gidsMenuChildren-max-height": n }, isHeaderDividerVisible: l !== "basic" }, e.map(((i, r) => {
+      const h = i?.id ? i.id : "" + (r + 1), d = this.isItemSelected({ id: h, listSide: "left" });
+      return a(L, { id: "" + h, index: r, leadingAccessory: a(c, { checked: d }), selected: d, onPressListItem: (g) => this.onPressingListItem({ event: g, pressedIndex: r, listSide: "left" }) }, i?.listLabel);
+    }))))), a("div", { key: "db9922210390697fbc27b061ec796d41cabdc430", class: "gids-transfer-list__middle-container" }, a(o, { key: "3ebb8dc86a3b549091303298aeb230935ca3d03d", leadingIcon: a(m, { name: "forward" }), appearance: "default", size: "sm", width: "full", disabled: this.movementButtonDisabled({ listSide: "left", movementType: "move-all" }), onClick: (i) => this.onItemsMovement({ event: i, listSide: "left", movementType: "move-all" }) }), a(o, { key: "56916d7cc482775f6071bbe18a0269efb65c487d", leadingIcon: a(m, { name: "chevron-right" }), appearance: "default", size: "sm", width: "full", disabled: this.movementButtonDisabled({ listSide: "left", movementType: "move-single" }), onClick: (i) => this.onItemsMovement({ event: i, listSide: "left", movementType: "move-single" }) }), a(o, { key: "7a6eb9be1734b750131d7ab22c8bdbc3dfeed0ca", leadingIcon: a(m, { name: "chevron-left" }), appearance: "default", size: "sm", width: "full", disabled: this.movementButtonDisabled({ listSide: "right", movementType: "move-single" }), onClick: (i) => this.onItemsMovement({ event: i, listSide: "right", movementType: "move-single" }) }), a(o, { key: "6dee55d6ee67c01d02e59b672f790261e4235445", leadingIcon: a(m, { name: "backward" }), appearance: "default", size: "sm", width: "full", disabled: this.movementButtonDisabled({ listSide: "right", movementType: "move-all" }), onClick: (i) => this.onItemsMovement({ event: i, listSide: "right", movementType: "move-all" }) })), a("div", { key: "f58004630c591ae4e776b34751a759b508218489", class: "gids-transfer-list__right-container" }, a(I, { key: "2fbdff5086fc1db0a6d7ef1373527f1d624dbdfb", type: s.length > 0 ? "default" : "no-options" }, a(S, { key: "851366bf08415c614931191b0aa4dee581a559d8", heading: this.renderListHeading("right"), style: { "--gidsMenuChildren-max-height": n }, isHeaderDividerVisible: l !== "basic" }, s.map(((i, r) => {
+      const h = i?.id ? i.id : "" + (r + 1), d = this.isItemSelected({ id: h, listSide: "right" });
+      return a(L, { id: "" + h, index: r, selected: d, leadingAccessory: a(c, { checked: d }), onPressListItem: (g) => this.onPressingListItem({ event: g, pressedIndex: r, listSide: "right" }) }, i?.listLabel);
+    }))))));
+  }
+  get hostElement() {
+    return this;
+  }
+  static get watchers() {
+    return { listsMaxHeight: [{ handleListsMaxHeightChange: 0 }], leftListHeading: [{ handleLeftListHeadingChange: 0 }], rightListHeading: [{ handleRightListHeadingChange: 0 }], moveAllVisible: [{ handleMoveAllVisibilityChange: 0 }], transferListType: [{ handleTransferListTypeChange: 0 }], leftListItems: [{ handleLeftListItemsChange: 0 }], rightListItems: [{ handleRightListItemsChange: 0 }] };
+  }
+  static get style() {
+    return ".gids-transfer-list{display:flex;align-items:center;justify-content:center;gap:var(--gids-gap-500)}.gids-transfer-list .gids-menu__children{max-height:var(--gidsMenuChildren-max-height);overflow:auto}.gids-transfer-list__left-container{display:flex;width:100%;flex-direction:column}.gids-transfer-list__middle-container{display:flex;width:15%;flex-direction:column;gap:var(--gids-gap-150)}.gids-transfer-list__right-container{display:flex;width:100%;flex-direction:column}.gids-transfer-list__menu-heading-container{display:flex;align-items:flex-start;justify-content:flex-start;gap:var(--gids-gap-100)}.gids-transfer-list__menu-heading-text-content-container{display:flex;flex-direction:column}.gids-transfer-list__heading-text{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);color:var(--gids-color-text-subtle)}.gids-transfer-list__heading-support-text{font-family:var(--gids-typography-paragraph-medium__font-family);font-size:var(--gids-typography-paragraph-medium__font-size);font-weight:var(--gids-typography-paragraph-medium__font-weight);letter-spacing:var(--gids-typography-paragraph-medium__letter-spacing);line-height:var(--gids-typography-paragraph-medium__line-height);text-transform:var(--gids-typography-paragraph-medium__text-transform, inherit);font-variant-caps:var(--gids-typography-paragraph-medium__font-variant-caps, inherit);color:var(--gids-color-text-subtlest)}";
+  }
+}, [0, "gids-transfer-list", { leftListHeading: [1, "left-list-heading"], rightListHeading: [1, "right-list-heading"], moveAllVisible: [4, "move-all-visible"], transferListType: [1, "transfer-list-type"], leftListItems: [16], rightListItems: [16], listsMaxHeight: [1, "lists-max-height"], onTransferAction: [16], onTransferListSelect: [16], leftListItemsState: [32], rightListItemsState: [32], tempLeftListItemsState: [32], tempRightListItemsState: [32] }, void 0, { listsMaxHeight: [{ handleListsMaxHeightChange: 0 }], leftListHeading: [{ handleLeftListHeadingChange: 0 }], rightListHeading: [{ handleRightListHeadingChange: 0 }], moveAllVisible: [{ handleMoveAllVisibilityChange: 0 }], transferListType: [{ handleTransferListTypeChange: 0 }], leftListItems: [{ handleLeftListItemsChange: 0 }], rightListItems: [{ handleRightListItemsChange: 0 }] }]);
+function v() {
+  typeof customElements < "u" && ["gids-transfer-list"].forEach(((t) => {
+    t === "gids-transfer-list" && (customElements.get(p(t)) || customElements.define(p(t), u));
+  }));
+}
+v();
+const U = u, J = v;
+export {
+  U as GidsTransferList,
+  J as defineCustomElement
+};

package/dist-bundled/es/p-474lVBcu-B1f8x2o1.js

@@ -0,0 +1,31 @@
+import { D as t } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { p as y } from "./p-DMNS1d8v-BX8e_AsY.js";
+import { _ as P, v as D } from "./p-Iqbf3Pja-DuajY4uD.js";
+import { c as l } from "./clsx-OuTLNxxd.js";
+const I = (e) => l("gids-dropdown-item", e), S = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsDropdownItemClassNames: I
+}, Symbol.toStringTag, { value: "Module" })), x = ({ type: e }, o) => l("gids-dropdown-menu-group", {
+  "gids-dropdown-menu-group--default": e === "default",
+  // by default so no need to have this class
+  "gids-dropdown-menu-group--no-options": e === "no-options",
+  "gids-dropdown-menu-group--loading": e === "loading"
+}, o), G = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsDropdownMenuGroupClassNames: x
+}, Symbol.toStringTag, { value: "Module" })), C = (e) => l("gids-dropdown-menu", e), M = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsDropdownMenuClassNames: C
+}, Symbol.toStringTag, { value: "Module" })), { getGidsDropdownMenuGroupClassNames: N } = G, L = ({ type: e = "no-options", supportingText: o = "No options", class: n, ...s }, d) => t("div", { class: N({ type: e }, n), ...s }, e === "loading" ? t(y, { indeterminate: !0, size: "md" }) : null, e === "no-options" ? t("span", null, o) : null, e === "default" && d != null ? d : null), { getGidsDropdownMenuClassNames: T } = M, E = ({ sectionLabel: e, class: o, ...n }, s) => t("div", { class: T(o), ...n }, e != null && e !== "" ? t(P, { supportingText: e, supportingTextTypography: "eyebrow-medium" }) : null, s != null ? t("div", { class: "gids-dropdown-menu__children" }, s) : null), { getGidsDropdownItemClassNames: j } = S, $ = ({ id: e, title: o, class: n, selected: s = !1, disabled: d = !1, role: p = "list-item-option", value: r, name: m, onPressDropdownItem: c, index: i, defaultSelected: u, leadingAccessory: g, divider: f, isPlaceholderItem: a, ...w }) => {
+  const b = j(typeof n == "string" ? n : void 0);
+  return t(D, { id: e, index: i ?? 0, defaultSelected: u, selected: s, disabled: d, role: p, value: r, name: m, leadingAccessory: g, class: b, onPressListItem: (v) => {
+    if (v.defaultPrevented) return;
+    const _ = new CustomEvent("onPressDropdownItem", { bubbles: !0, composed: !0, detail: { id: e, title: o, value: r, disabled: d, selectedIndex: i, defaultSelected: u, isPlaceholderItem: a } });
+    c?.(_);
+  }, divider: f, isPlaceholderItem: a, ...w }, o);
+};
+export {
+  L as a,
+  E as p,
+  $ as u
+};

package/dist-bundled/es/{p-DUojHltk-BQ0ryfLD.js → p-9NZjfY_u-CnjUEy1y.js}

@@ -1,6 +1,6 @@
 import { q as f, L as g, u as v, D as c } from "./p-Bf3p-DY2-CPqEc-vc.js";
 import { d as p } from "./p-D4Pimu_8-ARSuGBs4.js";
-import { o as I } from "./p-_SIWct9h-jMYFZ-VO.js";
+import { o as I } from "./p-DLauG0q8-CCUuzYl9.js";
 import { c as y } from "./clsx-OuTLNxxd.js";
 const S = ({ expanded: h }, e) => y("gids-filter", {
   "gids-filter--expanded": h
@@ -142,7 +142,7 @@ const F = g((s = class extends v {
   }
   render() {
     const e = this.expanded && this.isInteractive(), t = E({ expanded: e }), l = this.isMenuToggler(), i = typeof this.filterPickerId == "string" ? this.filterPickerId : void 0, n = i ? `${i}__menu` : void 0, r = this.selectedItemTitle ?? this.value ?? "", d = this.type === "more", a = this.type === "all", o = this.type === "none";
-    return c("div", { key: "0c7e5ffe45a9e1053e3c248801ff315e96afb70c", class: t, "aria-control": n ?? "" }, c("gids-toggle-button", { key: "7afda6023027219c4d1585bf535327b6ed1d0dee", id: i, name: this.name, expanded: e, value: r, disabled: this.disabled, size: this.size, loading: this.loading, tabIndex: this.filterIndex, defaultSelected: this.filterDefaultSelected, selected: this.filterSelected, onSelect: this.handleFilterButtonClickToggle }, d || a ? c(p, { name: d ? "options" : "filter", size: this.size, appearance: "regular", alt: "", slot: "leadingIcon" }) : void 0, o || a ? r : void 0, l && !d ? c(p, { name: "chevron-down", size: this.size, appearance: "regular", alt: "", slot: "trailingIcon" }) : void 0), c("div", { key: "f4ded16cd2c432b4361c32de414af31b4c7d44c5", class: "gids-filter__menu", id: n, role: "pickerbox", onClick: this.handleMenuClick }, c("slot", { key: "593ed13b9dab21531b9888534697f92e39bbed95", onSlotchange: () => this.evaluateSlottedMenuExistence() })));
+    return c("div", { key: "3a2470421791364621087eba33ee9464ad67902c", class: t, "aria-control": n ?? "" }, c("gids-toggle-button", { key: "15d270fd1fbbc2c65307431672b4561f30029ed4", id: i, name: this.name, expanded: e, value: r, disabled: this.disabled, size: this.size, loading: this.loading, tabIndex: this.filterIndex, defaultSelected: this.filterDefaultSelected, selected: this.filterSelected, onSelect: this.handleFilterButtonClickToggle }, d || a ? c(p, { name: d ? "options" : "filter", size: this.size, appearance: "regular", alt: "", slot: "leadingIcon" }) : void 0, o || a ? r : void 0, l && !d ? c(p, { name: "chevron-down", size: this.size, appearance: "regular", alt: "", slot: "trailingIcon" }) : void 0), c("div", { key: "e9625588f0a95d33f3b059fdeff5e8509d3c64b7", class: "gids-filter__menu", id: n, role: "pickerbox", onClick: this.handleMenuClick }, c("slot", { key: "0a0aedee0a69f6bff60883c6b8706ea34306ca57", onSlotchange: () => this.evaluateSlottedMenuExistence() })));
   }
   get hostElement() {
     return this;

package/dist-bundled/es/{p-C3w3wdCt-BTH-jYlI.js → p-B0Nc9rVM-SBit1KrF.js}

@@ -1,10 +1,10 @@
 import { q as l, L as d, u as o, D as n } from "./p-Bf3p-DY2-CPqEc-vc.js";
-import { o as h } from "./p-UVmSPzTd-6vjXok6h.js";
+import { o as h } from "./p-UVmSPzTd-CR1higgJ.js";
 import { d as c } from "./p-D4Pimu_8-ARSuGBs4.js";
 import { e as p } from "./p-ChV9xqsO-CJSPCx6p.js";
-import { l as u } from "./p-COHuQEfZ-DcUxD9TI.js";
-import { u as b } from "./p-Chqeexny-BuJ-PhNi.js";
-import { h as m } from "./p-BSbOhfLZ-BdEHhmFM.js";
+import { c as u } from "./p-D7qanqNO-Dby5jSjA.js";
+import { u as b } from "./p-CZxn31uZ-BBHM983b.js";
+import { h as m } from "./p-Db4qRSmH-B5pzOeve.js";
 import { c as k } from "./clsx-OuTLNxxd.js";
 const g = (e) => k("gids-calendar-header-panel", e), f = (e, a = "en-US") => {
   const t = new Date(2e3, e - 1, 1);
@@ -130,7 +130,7 @@ const g = (e) => k("gids-calendar-header-panel", e), f = (e, a = "en-US") => {
   }
   render() {
     const e = M(), a = this.expandedMonthPicker && this.isMonthPickerInteractive() && !this.expandedYearPicker, t = this.expandedYearPicker && this.isYearPickerInteractive() && !this.expandedMonthPicker, i = this.internalPreviousDisabled || this.previousDisabled, s = this.internalNextDisabled || this.nextDisabled;
-    return n("div", { key: "95eed567dae266c88b75c8fe606ef5dc1f72b8f2", class: e }, n(h, { key: "fcaa7636d1dddf0fe32ebeb70cdb6d0b726111ab", leadingIcon: n(c, { name: "arrow-left", size: "md", appearance: "regular" }), appearance: this.appearance, size: "sm", width: "intrinsic", onClick: this.handlePreviousActionClick, disabled: i }), n("div", { key: "91925ca2dc02cc964e58902f0d12a90a670b22fa", class: "gids-calendar-header-panel__main-container" }, n("gids-dropdown-picker", { key: "ae734185b01ab0ec8a5776fb7577ef0a051f94d5", expanded: a, appearance: this.appearance, size: "sm", value: `${this.panelMonthNumber}`, disabled: this.monthPickerDisabled }, n("gids-calendar-month-list", { key: "c3396d08af747adcba8b066bf750b5cf2194b4a9", type: "default", selectedMonthNumber: this.panelMonthNumber, onSelectionMonthChange: this.handleMonthPickerMenuClick })), n("span", { key: "2789e719ad1774484ce2359b85fc9d54a0f135f4", class: p("gids-calendar-header-panel__panel-value", { "gids-calendar-header-panel__panel-value-disabled": this.panelDisabled }) }, this.getPanelValue()), n("gids-dropdown-picker", { key: "330f4a4486f308fc2d4680da417dcf7c7a2e5ec3", expanded: t, appearance: this.appearance, size: "sm", value: `${this.panelYear}`, disabled: this.yearPickerDisabled }, n("gids-calendar-year-list", { key: "09f54b5d3b93d01595adbd30cf961354cb5e48fa", type: "default", selectedYear: this.panelYear, startYear: this.startYear ?? this.fallbackStartYear, endYear: this.endYear, onSelectionYearChange: this.handleYearPickerMenuClick }))), n(h, { key: "5f4ce2b0e4c8a55a5691b4c096955e05e49db919", leadingIcon: n(c, { name: "arrow-right", size: "md", appearance: "regular" }), appearance: this.appearance, size: "sm", width: "intrinsic", onClick: this.handleNextActionClick, disabled: s }));
+    return n("div", { key: "3e824f3aa58867e2d5f10edbfc79a9537ddef52e", class: e }, n(h, { key: "ee8399ff602d65712a281be09c21d2d9d23585cb", leadingIcon: n(c, { name: "arrow-left", size: "md", appearance: "regular" }), appearance: this.appearance, size: "sm", width: "intrinsic", onClick: this.handlePreviousActionClick, disabled: i }), n("div", { key: "2ca66adc5feb98e8dd05bf2275340edefa2557d3", class: "gids-calendar-header-panel__main-container" }, n("gids-dropdown-picker", { key: "9574b933eb6a46102bfc89afb30e3f530343ea0a", expanded: a, appearance: this.appearance, size: "sm", value: `${this.panelMonthNumber}`, disabled: this.monthPickerDisabled }, n("gids-calendar-month-list", { key: "89a7aa1c01cbd24e5c7fafb97adb6fe12c7cdcfe", type: "default", selectedMonthNumber: this.panelMonthNumber, onSelectionMonthChange: this.handleMonthPickerMenuClick })), n("span", { key: "94de66a163baadf939c8ea4a33534a811b01e0f3", class: p("gids-calendar-header-panel__panel-value", { "gids-calendar-header-panel__panel-value-disabled": this.panelDisabled }) }, this.getPanelValue()), n("gids-dropdown-picker", { key: "a59f257d0d7088d3325a77d824c765c72a026a05", expanded: t, appearance: this.appearance, size: "sm", value: `${this.panelYear}`, disabled: this.yearPickerDisabled }, n("gids-calendar-year-list", { key: "edc0cc39b60026360730d07447d6f1f28d9bfca0", type: "default", selectedYear: this.panelYear, startYear: this.startYear ?? this.fallbackStartYear, endYear: this.endYear, onSelectionYearChange: this.handleYearPickerMenuClick }))), n(h, { key: "3b5e2b20a5d896b0b9a91de1bc29c621ff306c4c", leadingIcon: n(c, { name: "arrow-right", size: "md", appearance: "regular" }), appearance: this.appearance, size: "sm", width: "intrinsic", onClick: this.handleNextActionClick, disabled: s }));
   }
   get hostElement() {
     return this;
@@ -161,7 +161,7 @@ function y() {
 }
 y();
 export {
+  P as d,
   v as m,
-  P as n,
   y as u
 };