@ganpatiinfo/gids-core-web 10.2.0 → 12.0.0

package/dist-bundled/es/p-DUojHltk-GyvsWoCM.js

@@ -0,0 +1,172 @@
+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-DfEGRQGf.js";
+import { o as I } from "./p-_SIWct9h-jMYFZ-VO.js";
+import { c as y } from "./clsx-OuTLNxxd.js";
+const S = ({ expanded: h }, e) => y("gids-filter", {
+  "gids-filter--expanded": h
+}, e), x = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsFilterClassNames: S
+}, Symbol.toStringTag, { value: "Module" })), { getGidsFilterClassNames: E } = x;
+var s;
+const F = g((s = class extends v {
+  constructor(e) {
+    super(), e !== !1 && this.__registerHost(), this.expanded = !1, this.type = "none", this.filterItemType = "primary", this.filterSelected = !1, this.filterDefaultSelected = !1, this.disabled = !1, this.size = "sm", this.loading = !1, this.filterIndex = 0, this.hasSlottedMenu = !1, this.hasItemListener = !1, this.suppressNextMenuClickSelection = !1, this.setupDefaultSelctedFilterEmission = () => {
+      this.setupDefaultSelectedNoneAllFilterEmission();
+    }, this.setupDefaultSelectedNoneAllFilterEmission = () => {
+      const t = `${this.filterId || "default"}_${this.value}`;
+      if (this.filterDefaultSelected && !s.emittedValuesTracker.has(t) && (this.type === "none" && this.filterItemType === "secondary" || this.type === "all")) {
+        s.emittedValuesTracker.add(t);
+        const l = { id: "1", filterId: this.filterId, value: this.value, title: this.value, disabled: this.disabled, selectedFilterMenuIndex: void 0, filterType: this.type, filterItemType: this.filterItemType, filterTitle: this.value, filterIndex: this.filterIndex, originalEvent: void 0, filterSelected: !0, filterDefaultSelected: this.filterDefaultSelected, hasFilterMenu: !1, isPlaceholderItem: !1 };
+        setTimeout((() => {
+          this.onFilterMenuItemChange?.(l);
+        }), 0);
+      }
+    }, this.handleFilterPickerItemSelect = (t) => {
+      const { value: l, title: i, disabled: n, id: r, selectedIndex: d, isPlaceholderItem: a, defaultSelected: o } = t.detail;
+      n || typeof l != "string" || (this.suppressNextMenuClickSelection = !0, queueMicrotask((() => {
+        this.suppressNextMenuClickSelection = !1;
+      })), this.applySelection({ id: r, filterId: this?.filterId, value: l, title: i, disabled: !1, selectedFilterMenuIndex: d, defaultSelected: o, filterType: this.type, filterItemType: this.filterItemType, filterTitle: i, filterIndex: this.filterIndex, hasFilterMenu: !0, originalEvent: t, filterSelected: !a, isPlaceholderItem: a || !1 }));
+    }, this.handleMenuClick = (t) => {
+      if (this.suppressNextMenuClickSelection) return;
+      const l = t.target;
+      if (!(l instanceof Element)) return;
+      const i = l.closest(".gids-dropdown-item");
+      if (!i || !this.hostElement.contains(i) || i.hasAttribute("disabled") || i.getAttribute("aria-disabled") === "true") return;
+      const n = i instanceof HTMLButtonElement ? i.value : i.getAttribute("value") ?? "";
+      if (typeof n != "string" || n.length === 0) return;
+      const r = i instanceof HTMLButtonElement ? i.id : i.getAttribute("id") ?? "";
+      if (typeof r != "string" || r.length === 0) return;
+      const d = i instanceof HTMLButtonElement ? i.tabIndex : i.getAttribute("tabIndex") ?? "", a = i.getAttribute("is-placeholder-item") ?? "", o = i.querySelector(".gids-dropdown-item__label") || i.querySelector("span"), u = o ? o.textContent?.trim() : i.firstChild?.textContent?.trim() || n, m = !(!a || a !== "true");
+      this.applySelection({ id: r, filterId: this.filterId, value: n, title: u, disabled: !1, selectedFilterMenuIndex: Number(d), defaultSelected: this.filterDefaultSelected, filterType: this.type, filterItemType: this.filterItemType, filterTitle: u, filterIndex: this.filterIndex, hasFilterMenu: !0, originalEvent: t, filterSelected: !m, isPlaceholderItem: m });
+    }, this.handleTriggerToggle = (t) => {
+      this.isInteractive() && this.setExpandedState(!this.expanded, t);
+    }, this.handleFilterButtonClickToggle = (t) => {
+      if (!t.defaultPrevented) if (t.stopPropagation(), this.isMenuToggler()) this.handleTriggerToggle(t);
+      else {
+        this.filterSelected = t.detail, t?.detail === !1 && this.handleFormReset(), this.applySelection({ id: "1", filterId: this.filterId, value: this.value, title: this.value, disabled: this.disabled, selectedFilterMenuIndex: void 0, filterType: this.type, filterItemType: this.filterItemType, filterTitle: this.value, filterIndex: this.filterIndex, originalEvent: t, filterSelected: t.detail, filterDefaultSelected: this.filterDefaultSelected, hasFilterMenu: !1, isPlaceholderItem: !1 });
+        const l = { expanded: !1, originalEvent: t };
+        this.onToggle?.(l);
+      }
+    }, this.handleFormReset = () => {
+      this.value = this.initialValue, this.selectedItemTitle = this.initialValue, this.filterSelected = !1, this.isMenuToggler() ? this.setExpandedState(!1) : this.expanded = !1;
+    }, this.setFilterDropdownPosition = () => {
+      if (!this.hostElement) return;
+      const t = this.hostElement.querySelector(".gids-filter__menu");
+      if (!t) return;
+      const l = window.innerWidth / 2, i = this.hostElement.getBoundingClientRect();
+      i.left + i.width / 2 > l ? t.classList.add("gids-filter__menu--align-right") : t.classList.remove("gids-filter__menu--align-right");
+    };
+  }
+  handleExpandedChange(e) {
+    e && !this.isInteractive() && (this.expanded = !1);
+  }
+  handleInteractivityChange() {
+    !this.isInteractive() && this.expanded && this.setExpandedState(!1);
+  }
+  handleFilterTypeChange(e) {
+    this.type = e;
+  }
+  handleFilterIdArrival(e) {
+    e != null && this.setupDefaultSelctedFilterEmission();
+  }
+  handleFilterSelectedChange(e) {
+    this.filterSelected = e;
+  }
+  handleFilterDefaultSelectedChange(e) {
+    const t = `${this.filterId || "default"}_${this.value}`;
+    e ? (s.emittedValuesTracker.delete(t), this.setupDefaultSelctedFilterEmission()) : s.emittedValuesTracker.delete(t);
+  }
+  connectedCallback() {
+    this.attachItemListener(), this.attachFormListener();
+  }
+  componentDidLoad() {
+    this.initialValue = this.value, this.evaluateSlottedMenuExistence(), this.filterId != null && this.setupDefaultSelctedFilterEmission();
+  }
+  disconnectedCallback() {
+    this.detachItemListener(), this.detachFormListener();
+  }
+  getFilterButtonControl() {
+    return this.hostElement.querySelector(".gids-button");
+  }
+  getItemElements() {
+    return Array.from(this.hostElement.querySelectorAll(".gids-dropdown-item"));
+  }
+  evaluateSlottedMenuExistence() {
+    const e = this.hostElement.querySelector(".gids-filter__menu");
+    if (!e) return void (this.hasSlottedMenu = !1);
+    const t = Array.from(e.childNodes).filter(((l) => l.nodeType !== Node.COMMENT_NODE && !(l.nodeType === Node.TEXT_NODE && !l.textContent?.trim())));
+    this.hasSlottedMenu = t.length > 0;
+  }
+  attachItemListener() {
+    this.hasItemListener || (this.hostElement.addEventListener("onPressDropdownItem", this.handleFilterPickerItemSelect), this.hasItemListener = !0);
+  }
+  detachItemListener() {
+    this.hasItemListener && (this.hostElement.removeEventListener("onPressDropdownItem", this.handleFilterPickerItemSelect), this.hasItemListener = !1);
+  }
+  applySelection(e) {
+    this.value = e.value, this.selectedItemTitle = typeof e.title == "string" ? e.title : void 0, this.clearActive(), this.isMenuToggler() ? this.setExpandedState(!1, this.coerceEvent(e.originalEvent)) : this.expanded = !1, this.onFilterMenuItemChange?.(e), this.hostElement.dispatchEvent(new CustomEvent("gidsFilterPickerChange", { bubbles: !0, composed: !0, detail: e }));
+  }
+  clearActive() {
+    this.getItemElements().forEach(((e) => e.classList.remove("gids-dropdown-item--active")));
+  }
+  setExpandedState(e, t) {
+    const l = !!e;
+    if (this.setFilterDropdownPosition(), l && !this.isInteractive() || this.expanded === l) return;
+    this.expanded = l, l || (this.clearActive(), this.syncFilterDisplayValue());
+    const i = { expanded: l, originalEvent: t };
+    this.onToggle?.(i);
+  }
+  syncFilterDisplayValue() {
+    const e = this.getFilterButtonControl();
+    e && e.value !== (this.selectedItemTitle ?? "") && (e.value = this.selectedItemTitle ?? "");
+  }
+  attachFormListener() {
+    const e = this.hostElement.closest("form");
+    this.patternForm !== e && (this.patternForm && this.patternForm.removeEventListener("reset", this.handleFormReset), this.patternForm = e ?? void 0, this.patternForm?.addEventListener("reset", this.handleFormReset));
+  }
+  detachFormListener() {
+    this.patternForm && (this.patternForm.removeEventListener("reset", this.handleFormReset), this.patternForm = void 0);
+  }
+  isInteractive() {
+    return !this.disabled;
+  }
+  coerceEvent(e) {
+    if (typeof Event < "u" && e !== null) return e instanceof Event ? e : void 0;
+  }
+  isMenuToggler() {
+    return (this.type === "none" || this.type === "more") && this.hasSlottedMenu;
+  }
+  handleWindowClick(e) {
+    this.expanded && (e.composedPath().includes(this.hostElement) || this.setExpandedState(!1, e));
+  }
+  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() })));
+  }
+  get hostElement() {
+    return this;
+  }
+  static get watchers() {
+    return { expanded: [{ handleExpandedChange: 0 }], disabled: [{ handleInteractivityChange: 0 }], type: [{ handleFilterTypeChange: 0 }], filterId: [{ handleFilterIdArrival: 0 }], filterSelected: [{ handleFilterSelectedChange: 0 }], filterDefaultSelected: [{ handleFilterDefaultSelectedChange: 0 }] };
+  }
+  static get style() {
+    return ".gids-filter{position:relative}.gids-filter__menu{position:absolute;inset-inline:0;top:calc(100% + var(--gids-gap-050));z-index:3;display:none;flex-direction:column;align-self:stretch;min-width:var(--gids-width-2-xs);min-height:55px;max-height:15rem;overflow-x:hidden;overflow-y:auto;background-color:var(--gids-elevation-surface-overlay-default);box-shadow:var(--gids-elevation-shadow-overlay);border-radius:var(--gids-border-radius-lg);left:0;right:auto}.gids-filter__menu--align-right{left:auto !important;right:0 !important}.gids-filter__menu>*{flex-shrink:0}.gids-filter--expanded .gids-filter__menu{display:flex}";
+  }
+}, s.emittedValuesTracker = /* @__PURE__ */ new Set(), s), [260, "gids-filter", { name: [1], filterId: [1025, "filter-id"], filterPickerId: [1, "filter-picker-id"], expanded: [4], type: [1], filterItemType: [1, "filter-item-type"], value: [1], filterSelected: [1540, "filter-selected"], filterDefaultSelected: [4, "filter-default-selected"], disabled: [4], size: [1], loading: [4], filterIndex: [2, "filter-index"], onFilterMenuItemChange: [16], onToggle: [16], selectedItemTitle: [32], hasSlottedMenu: [32] }, [[8, "click", "handleWindowClick"]], { expanded: [{ handleExpandedChange: 0 }], disabled: [{ handleInteractivityChange: 0 }], type: [{ handleFilterTypeChange: 0 }], filterId: [{ handleFilterIdArrival: 0 }], filterSelected: [{ handleFilterSelectedChange: 0 }], filterDefaultSelected: [{ handleFilterDefaultSelectedChange: 0 }] }]);
+function T() {
+  typeof customElements < "u" && ["gids-filter", "gids-toggle-button"].forEach(((h) => {
+    switch (h) {
+      case "gids-filter":
+        customElements.get(f(h)) || customElements.define(f(h), F);
+        break;
+      case "gids-toggle-button":
+        customElements.get(f(h)) || I();
+    }
+  }));
+}
+T();
+export {
+  T as a,
+  F as r
+};

package/dist-bundled/es/p-VJAcf53T-2X0vBJ1A.js

@@ -0,0 +1,106 @@
+import { q as d, L as c, u as h, D as s, P as b } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { c as p } from "./clsx-OuTLNxxd.js";
+const y = ({ size: t, appearance: e, color: i }, a) => p("gids-display-tag", {
+  "gids-display-tag--xsmall": t === "xs",
+  "gids-display-tag--small": t === "sm",
+  // 'gids-display-tag--medium': size === 'md',
+  "gids-display-tag--large": t === "lg",
+  "gids-display-tag--accent-1": e === "subtle" && i === "accent-1",
+  "gids-display-tag--accent-2": e === "subtle" && i === "accent-2",
+  "gids-display-tag--accent-3": e === "subtle" && i === "accent-3",
+  "gids-display-tag--accent-4": e === "subtle" && i === "accent-4",
+  "gids-display-tag--accent-5": e === "subtle" && i === "accent-5",
+  "gids-display-tag--bold-accent-1": e === "bold" && i === "accent-1",
+  "gids-display-tag--bold-accent-2": e === "bold" && i === "accent-2",
+  "gids-display-tag--bold-accent-3": e === "bold" && i === "accent-3",
+  "gids-display-tag--bold-accent-4": e === "bold" && i === "accent-4",
+  "gids-display-tag--bold-accent-5": e === "bold" && i === "accent-5"
+}, a), u = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsDisplaTagClassNames: y
+}, Symbol.toStringTag, { value: "Module" })), m = (t) => p("gids-expansion-body-list-item", t), x = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsExpansionBodyListItemClassNames: m
+}, Symbol.toStringTag, { value: "Module" })), { getGidsDisplaTagClassNames: f } = u, v = ({ label: t, appearance: e = "subtle", color: i, size: a = "md", icon: l, class: n, ...o }) => s("span", { class: f({ size: a, appearance: e, color: i }, n), ...o }, l, t), { getGidsExpansionBodyListItemClassNames: T } = x, _ = c(class extends h {
+  constructor(t) {
+    super(), t !== !1 && this.__registerHost(), this.displayTagVisible = !1, this.displayTagColor = "accent-5", this.displayTagSize = "xs", this.displayTagAppearance = "subtle", this.hasSubtitleItemListener = !1, this.hasSupportingTextItemListener = !1, this.handleSubtitleClick = (e) => {
+      this.applySubtitleSelection({ listItemId: this.listItemId, label: this.label, subtitle: this.subtitle, supportingText: this.supportingText, listItemPressedType: "subtitle", originalEvent: e });
+    }, this.handleSupportingTextClick = (e) => {
+      this.applySupportingTextSelection({ listItemId: this.listItemId, label: this.label, subtitle: this.subtitle, supportingText: this.supportingText, listItemPressedType: "supporting-text", originalEvent: e });
+    };
+  }
+  handleDisplayTagVisibilityChange(t) {
+    this.displayTagVisible = t;
+  }
+  handleDisplayTagColorChange(t) {
+    this.displayTagColor = t;
+  }
+  handleDisplayTagSizeChange(t) {
+    this.displayTagSize = t;
+  }
+  handleDisplayTagAppearanceChange(t) {
+    this.displayTagAppearance = t;
+  }
+  connectedCallback() {
+    this.attachSubtitleItemListener(), this.attachSupportingTextItemListener();
+  }
+  disconnectedCallback() {
+    this.detachSubtitleItemListener(), this.detachSupportingTextItemListener();
+  }
+  applySubtitleSelection(t) {
+    this.onSubtitlePress && this.onSubtitlePress(t);
+  }
+  applySupportingTextSelection(t) {
+    this.onSupportingTextPress && this.onSupportingTextPress(t);
+  }
+  attachSubtitleItemListener() {
+    this.hasSubtitleItemListener || (this.hostElement.addEventListener("onSubtitlePress", this.handleSubtitleClick), this.hasSubtitleItemListener = !0);
+  }
+  attachSupportingTextItemListener() {
+    this.hasSupportingTextItemListener || (this.hostElement.addEventListener("onSupportingTextPress", this.handleSupportingTextClick), this.hasSupportingTextItemListener = !0);
+  }
+  detachSubtitleItemListener() {
+    this.hasSubtitleItemListener && (this.hostElement.removeEventListener("onSubtitlePress", this.handleSubtitleClick), this.hasSubtitleItemListener = !1);
+  }
+  detachSupportingTextItemListener() {
+    this.hasSupportingTextItemListener && (this.hostElement.removeEventListener("onSupportingTextPress", this.handleSupportingTextClick), this.hasSupportingTextItemListener = !1);
+  }
+  isValidLabel() {
+    return !(!this?.label || this.label === "");
+  }
+  isValidSubtitle() {
+    return !(!this?.subtitle || this.subtitle === "");
+  }
+  isValidSupportingText() {
+    return !(!this?.supportingText || this.supportingText === "");
+  }
+  isDisplayTagVisible() {
+    return !(!this.displayTagVisible || !this?.displayTagLabel || this.displayTagLabel === "");
+  }
+  convertTextToUppercase(t) {
+    return t && t !== "" ? t.toUpperCase() : "";
+  }
+  render() {
+    const t = T(), e = this?.label, i = this?.subtitle, a = this?.supportingText, l = this.isValidLabel(), n = this.isValidSubtitle(), o = this.isValidSupportingText(), r = this.isDisplayTagVisible(), g = this?.displayTagLabel ?? "";
+    return s(b, { key: "f70f03c864cc5d3fe92f7f22a1772054636c1e9c", class: t }, l || n || r ? s("div", { class: "gids-expansion-body-list-item__primary-container" }, l || r ? s("div", { class: "gids-expansion-body-list-item__primary-content" }, l ? s("span", { class: "gids-expansion-body-list-item__label" }, this.convertTextToUppercase(e)) : void 0, r ? s(v, { color: this.displayTagColor || "accent-5", label: g, size: this.displayTagSize, appearance: this.displayTagAppearance }) : void 0) : void 0, n ? s("button", { type: "button", class: "gids-expansion-body-list-item__subtitle", onClick: this.handleSubtitleClick }, i) : void 0) : void 0, o ? s("div", { class: "gids-expansion-body-list-item__secondary-container" }, s("button", { type: "button", class: "gids-expansion-body-list-item__supporting-text", onClick: this.handleSupportingTextClick }, this.convertTextToUppercase(a))) : void 0);
+  }
+  get hostElement() {
+    return this;
+  }
+  static get watchers() {
+    return { displayTagVisible: [{ handleDisplayTagVisibilityChange: 0 }], displayTagColor: [{ handleDisplayTagColorChange: 0 }], displayTagSize: [{ handleDisplayTagSizeChange: 0 }], displayTagAppearance: [{ handleDisplayTagAppearanceChange: 0 }] };
+  }
+  static get style() {
+    return '.gids-expansion-body-list-item{display:flex;flex:1;gap:var(--gids-gap-400);padding-bottom:var(--gids-padding-vertical-edge-to-element-300);position:relative;cursor:default}.gids-expansion-body-list-item::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-body-list-item::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-body-list-item:has(.gids-expansion-body-list-item__subtitle:hover)::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-body-list-item:has(.gids-expansion-body-list-item__subtitle:hover)::before{opacity:1}.gids-expansion-body-list-item__primary-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;flex:1 0;gap:var(--gids-gap-150)}.gids-expansion-body-list-item__primary-content{display:flex;align-items:center;justify-content:center;gap:var(--gids-gap-200)}.gids-expansion-body-list-item__secondary-container{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end}.gids-expansion-body-list-item__label{font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtle);cursor:default}.gids-expansion-body-list-item__subtitle{margin:0;padding:0;appearance:none;border:none;background:none;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(--gids-color-text-default);cursor:pointer}.gids-expansion-body-list-item__supporting-text{margin:0;padding:0;appearance:none;border:none;background:none;font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtle);padding:var(--gids-padding-vertical-edge-to-element-050) var(--gids-padding-horizontal-edge-to-element-100);border-radius:var(--gids-border-radius-sm);cursor:pointer;transition:background-color 0.3s ease-in-out, color 0.3s ease-in-out}.gids-expansion-body-list-item__supporting-text:hover{background-color:var(--gids-color-background-brand-bold-hovered);color:var(--gids-color-text-inverse)}.gids-expansion-body-list-item__supporting-text:active{background-color:var(--gids-color-background-brand-bold-pressed);color:var(--gids-color-text-inverse)}';
+  }
+}, [0, "gids-expansion-body-list-item", { listItemId: [1, "list-item-id"], label: [1], subtitle: [1], supportingText: [1, "supporting-text"], displayTagVisible: [4, "display-tag-visible"], displayTagColor: [1, "display-tag-color"], displayTagSize: [1, "display-tag-size"], displayTagAppearance: [1, "display-tag-appearance"], displayTagLabel: [1, "display-tag-label"], onSubtitlePress: [16], onSupportingTextPress: [16] }, void 0, { displayTagVisible: [{ handleDisplayTagVisibilityChange: 0 }], displayTagColor: [{ handleDisplayTagColorChange: 0 }], displayTagSize: [{ handleDisplayTagSizeChange: 0 }], displayTagAppearance: [{ handleDisplayTagAppearanceChange: 0 }] }]);
+function S() {
+  typeof customElements < "u" && ["gids-expansion-body-list-item"].forEach(((t) => {
+    t === "gids-expansion-body-list-item" && (customElements.get(d(t)) || customElements.define(d(t), _));
+  }));
+}
+S();
+export {
+  S as g,
+  _ as p
+};

package/dist-bundled/es/{p-Bj28yqMD-Dz1SWSqM.js → p-_SIWct9h-jMYFZ-VO.js}

@@ -6,7 +6,7 @@ const a = l(class extends i {
     super(), e !== !1 && this.__registerHost(), this.__attachShadow(), this.select = d(this, "select"), this._toggle = this._toggle.bind(this);
   }
   handleSelctedChange(e) {
-    this.selected = e;
+    this.selected !== e && (this.selected = e);
   }
   connectedCallback() {
     const e = c();
@@ -14,12 +14,12 @@ const a = l(class extends i {
   }
   _toggle() {
     const e = !this.selected;
-    this._el.selected = this.selected, this.select?.emit(e), this.selected = this.selected;
+    this._el.selected = e, this.select?.emit(e), this.selected = e;
   }
   render() {
-    return t(n, { key: "60cd33c1303b2f0d79c359f79f77c5e0b2055c73" }, t("style", { key: "5780343ecee89c7f6df46aebae53895784314a71" }, `:host {
+    return t(n, { key: "510886303fd853bf5c24fb5f38fd8485f831e72c" }, t("style", { key: "8e431f50396bf87f0475788e2cd3615d28cc24c7" }, `:host {
                 display: ${this.width === "full" ? "block" : "inline-block"}
-                }`), t(o, { key: "03705a1d3fb0807af87d6e85083bf424c462f328", appearance: this.appearance, size: this.size, width: this.width, disabled: this.disabled, onClick: this._toggle, "aria-pressed": this.selected ? "true" : "false", leadingIcon: t("slot", { name: "leadingIcon" }), trailingIcon: t("slot", { name: "trailingIcon" }), forceIconOnly: this._onlyHasLeadingIcon() }, t("slot", { key: "05e75b6a46032ddfe7448b81f5ac929105d20383" })));
+                }`), t(o, { key: "e2292ad4d60014b8d412157fdb36e5a2fa9cfd79", appearance: this.appearance, size: this.size, width: this.width, disabled: this.disabled, onClick: this._toggle, "aria-pressed": this.selected ? "true" : "false", leadingIcon: t("slot", { name: "leadingIcon" }), trailingIcon: t("slot", { name: "trailingIcon" }), forceIconOnly: this._onlyHasLeadingIcon() }, t("slot", { key: "0f805e868de82ad388f4781bacf36e860395f3fa" })));
   }
   _onlyHasLeadingIcon() {
     const e = this._el.childNodes;

package/dist-bundled/es/{p-5VIPb1eU-MCAo8JCp.js → p-pSb81aE0-CNrq7SQW.js}

@@ -1,7 +1,7 @@
 import { q as l, L as f, u, D as t } from "./p-Bf3p-DY2-CPqEc-vc.js";
 import { p as b } from "./p-DMNS1d8v-CHF62UXm.js";
-import { d as x } from "./p-qb1aWgjh-CzmMPIME.js";
-import { l as z } from "./p-BYDimyG--DBCLrqDJ.js";
+import { o as x } from "./p-BCVFQSjK-CKrYrI4b.js";
+import { d as z } from "./p-C3xv7tfs-RodXvmql.js";
 import { c as w } from "./clsx-OuTLNxxd.js";
 const k = ({ breakpoint: a }, g) => w("gids-activity-gauge", {
   "gids-activity-gauge--breakpoint-mobile": a === "mobile"

package/dist-bundled/es/{p-C7ifjRCE-CRlorwoN.js → p-ub0GuVHb-C_PFTi1_.js}

@@ -1,4 +1,4 @@
-import { q as l, L as n, u as r, D as a, P as d } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { q as l, L as n, u as r, D as o, P as d } from "./p-Bf3p-DY2-CPqEc-vc.js";
 import { d as h } from "./p-D4Pimu_8-DfEGRQGf.js";
 import { i as c } from "./p-B2zUuNXz-BLBgQDu7.js";
 import { c as _ } from "./clsx-OuTLNxxd.js";
@@ -53,10 +53,10 @@ const g = (t) => _("gids-field", t), u = /* @__PURE__ */ Object.freeze(/* @__PUR
   render() {
     const t = this._hasStatusText(), e = this._controlValidationMessage !== void 0 ? this._controlValidationMessage : this._shouldRenderExplicitStatusText() ? this.statusText : void 0, s = this._getCurrentStatus(), i = ["gids-field__status-text"];
     if (t) {
-      const o = this._getStatusModifierClass(s, "gids-field__status-text");
-      o != null && i.push(o);
+      const a = this._getStatusModifierClass(s, "gids-field__status-text");
+      a != null && i.push(a);
     }
-    return a(d, { key: "55afcede8d0a565f98b1cdd20293c9f885997d6c" }, a("div", { key: "4c9ce99475a4c38e5b8c62b2bef588eb48fcec28", class: p() }, a("div", { key: "4c254203e9d4414e59c2564e86119280a7f89186", class: "gids-field__header", hidden: !this._hasLabelContent() }, a("slot", { key: "3f8c6df5ac4098e821490edf0699d002ee8ca430", ref: this._setLabelSlot, name: "label", onSlotchange: this._handleControlSlotChange }), a("div", { key: "c2da3ba663158c54514d959e98ad2861fc64bd57", class: "gids-field__count", "aria-live": "polite" }, this.count)), a("div", { key: "da5091c74fb3df1146b4eecb4d7ee6537a322f32", class: "gids-field__control" }, a("slot", { key: "bc49fb537279473305d616f900d5df696d9c2c3c", ref: this._setControlSlot, onSlotchange: this._handleControlSlotChange })), a("p", { key: "326849f878b531e4695368f1f112ce6d36c3ef4d", class: "gids-field__supporting-text", hidden: !this._shouldShowHelperText() }, this.helperText), t ? a("p", { class: i.join(" "), role: "status", "aria-live": "polite" }, this._renderStatusIcon(s), e !== void 0 ? a("span", null, e) : null) : null));
+    return o(d, { key: "b4c75ae8db2c6a526bca9abbdefa794697f79d6e" }, o("div", { key: "7f1d56122271224e78b84482bbd1aa31dee0d6b5", class: p() }, o("div", { key: "21986a7bc03029da85eeef02af059b175c208bb9", class: "gids-field__header", hidden: !this._hasLabelContent() }, o("slot", { key: "2c3e7e5e7ebc8b5b30157e755422267cffeb9333", ref: this._setLabelSlot, name: "label", onSlotchange: this._handleControlSlotChange }), o("div", { key: "db267881b537d312154b4b7b51c0816595b5c064", class: "gids-field__count", "aria-live": "polite" }, this.count)), o("div", { key: "34ee7450b5bce2c5ae58d151a6503f1079fdfc7e", class: "gids-field__control" }, o("slot", { key: "d5a7c20818abf658fd1651d90bc7fe552ff4366e", ref: this._setControlSlot, onSlotchange: this._handleControlSlotChange })), o("p", { key: "2859a75cb1f15eb4b998a8c9d0642b3a260967bc", class: "gids-field__supporting-text", hidden: !this._shouldShowHelperText() }, this.helperText), t ? o("p", { class: i.join(" "), role: "status", "aria-live": "polite" }, this._renderStatusIcon(s), e !== void 0 ? o("span", null, e) : null) : null));
   }
   _hasLabelContent() {
     return this._hasLabel;
@@ -79,8 +79,8 @@ const g = (t) => _("gids-field", t), u = /* @__PURE__ */ Object.freeze(/* @__PUR
     if (e === void 0) return;
     const s = ["gids-field__status-icon"], i = this._getStatusModifierClass(t, "gids-field__status-icon");
     i != null && s.push(i);
-    let o = t;
-    return t === "error" && (o = "danger"), t === "success" && (o = "positive"), a(h, { appearance: "filled", size: "sm", alt: "", name: e, class: s.join(" "), style: { "--gidsIcon-color": `var(--gids-color-icon-${o})` } });
+    let a = t;
+    return t === "error" && (a = "danger"), t === "success" && (a = "positive"), o(h, { appearance: "filled", size: "sm", alt: "", name: e, class: s.join(" "), style: { "--gidsIcon-color": `var(--gids-color-icon-${a})` } });
   }
   _getCurrentStatus() {
     return this._isImplicitStatus() && this._controlValidationMessage != null ? "error" : this.status ?? "implicit";
@@ -120,7 +120,7 @@ const g = (t) => _("gids-field", t), u = /* @__PURE__ */ Object.freeze(/* @__PUR
     if (e && t.name != null) {
       const s = e.elements.namedItem(t.name);
       if (s instanceof RadioNodeList) {
-        const i = Array.from(s).filter(((o) => o instanceof HTMLInputElement && o.type === "radio" && this._el.contains(o)));
+        const i = Array.from(s).filter(((a) => a instanceof HTMLInputElement && a.type === "radio" && this._el.contains(a)));
         if (i.length > 0) return i;
       }
     }
@@ -141,8 +141,8 @@ const g = (t) => _("gids-field", t), u = /* @__PURE__ */ Object.freeze(/* @__PUR
       if (e.nodeType !== Node.ELEMENT_NODE) continue;
       const s = e, i = this._asTextControl(s);
       if (i !== null) return i;
-      const o = s.querySelector("input, textarea");
-      if (o instanceof HTMLInputElement || o instanceof HTMLTextAreaElement) return o;
+      const a = s.querySelector("input, textarea");
+      if (a instanceof HTMLInputElement || a instanceof HTMLTextAreaElement) return a;
     }
     return null;
   }