@orangelogic/design-system 2.60.0 → 2.61.0

package/library/components/menu-item.js

@@ -1,16 +1,18 @@
-import { i as k, x as h, n as r, C as S, c as C } from "../chunks/custom-element.vnXBMQxc.js";
-import { c as w } from "../chunks/component.styles.CI-v8BZa.js";
-import { d as v, L as _ } from "../chunks/i18n.BP2FRO1v.js";
-import { H as M, g as L } from "../chunks/slot.DJLm4Dig.js";
-import { w as b } from "../chunks/watch.BCJD77bD.js";
+import { n as a, C as k } from "../chunks/lib-cortex-element.CVMmyPMC.js";
+import { c as S } from "../chunks/component.styles.DMSLciL5.js";
+import { c as w } from "../chunks/custom-element.L4WJXn1j.js";
+import { d as x, L as C } from "../chunks/i18n.DrzK7TPf.js";
+import { H as _, g as M } from "../chunks/slot.j5oheLJC.js";
+import { w as f } from "../chunks/watch.q1sEjPWL.js";
+import { i as L, x as h } from "../chunks/lit-element.jLBm65_O.js";
 import { e as d } from "../chunks/query.BBf1UFkC.js";
-import { e as x } from "../chunks/class-map.CoZTSvbM.js";
-import { o as m } from "../chunks/if-defined.MfEgpxEN.js";
+import { e as b } from "../chunks/class-map.BiVq-cVR.js";
+import { o as m } from "../chunks/if-defined.BRoBj_Rp.js";
 import P from "./icon.js";
-import { C as E } from "../chunks/popup._w5T7x8f.js";
+import E from "./popup.js";
 import z from "./spinner.js";
-import { e as D, n as R } from "../chunks/ref.BaCjlzLO.js";
-const $ = k`
+import { e as D, n as R } from "../chunks/ref.bzeTdX0K.js";
+const $ = L`
   :host {
     --submenu-offset: -2px;
     --prefix-font-size: var(--cx-font-size-small);
@@ -53,7 +55,8 @@ const $ = k`
 
   .menu-item.menu-item--disabled .menu-item__label,
   .menu-item.menu-item--disabled .menu-item__prefix,
-  .menu-item.menu-item--disabled .menu-item__chevron {
+  .menu-item.menu-item--disabled .menu-item__chevron,
+  .menu-item.menu-item--disabled .menu-item__check {
     opacity: 0.5;
   }
 
@@ -197,6 +200,10 @@ const $ = k`
     margin-right: var(--cx-spacing-2x-small);
   }
 
+  .menu-item .menu-item__check--always-show {
+    visibility: visible;
+  }
+
   .menu-item .menu-item__chevron {
     display: var(--submenu-icon-display, flex);
   }
@@ -235,8 +242,8 @@ const $ = k`
   }
 `;
 class T {
-  constructor(e, s) {
-    this.popupRef = D(), this.parent = null, this.enableSubmenuTimer = -1, this.isHorizontalMenu = !1, this.isConnected = !1, this.isPopupConnected = !1, this.skidding = 0, this.submenuOpenDelay = 100, (this.host = e).addController(this), this.hasSlotController = s, this.handleMouseMove = this.handleMouseMove.bind(this), this.handleMouseOver = this.handleMouseOver.bind(this), this.handleKeyDown = this.handleKeyDown.bind(this), this.handleClick = this.handleClick.bind(this), this.handleSubmenuIconClick = this.handleSubmenuIconClick.bind(this), this.handleDocumentMouseDown = this.handleDocumentMouseDown.bind(this), this.handleMouseLeave = this.handleMouseLeave.bind(this), this.handlePopupMouseover = this.handlePopupMouseover.bind(this), this.handlePopupReposition = this.handlePopupReposition.bind(this);
+  constructor(e, n) {
+    this.popupRef = D(), this.parent = null, this.enableSubmenuTimer = -1, this.isHorizontalMenu = !1, this.isConnected = !1, this.isPopupConnected = !1, this.skidding = 0, this.submenuOpenDelay = 100, (this.host = e).addController(this), this.hasSlotController = n, this.handleMouseMove = this.handleMouseMove.bind(this), this.handleMouseOver = this.handleMouseOver.bind(this), this.handleKeyDown = this.handleKeyDown.bind(this), this.handleClick = this.handleClick.bind(this), this.handleSubmenuIconClick = this.handleSubmenuIconClick.bind(this), this.handleDocumentMouseDown = this.handleDocumentMouseDown.bind(this), this.handleMouseLeave = this.handleMouseLeave.bind(this), this.handlePopupMouseover = this.handlePopupMouseover.bind(this), this.handlePopupReposition = this.handlePopupReposition.bind(this);
   }
   get popup() {
     return this.popupRef.value;
@@ -283,10 +290,10 @@ class T {
   }
   // Set the safe triangle cursor position
   handleMouseMove(e) {
-    const s = getComputedStyle(this.host).direction === "rtl" || this.popupRef.value?.dataset.currentPlacement?.startsWith("left");
+    const n = getComputedStyle(this.host).direction === "rtl" || this.popupRef.value?.dataset.currentPlacement?.startsWith("left");
     this.host.style.setProperty(
       "--safe-triangle-cursor-x",
-      `${e.clientX + (s ? 1 : 0)}px`
+      `${e.clientX + (n ? 1 : 0)}px`
     ), this.host.style.setProperty(
       "--safe-triangle-cursor-y",
       `${e.clientY}px`
@@ -296,32 +303,32 @@ class T {
     this.hasSlotController.test("submenu") && this.enableSubmenu();
   }
   handleSubmenuEntry(e) {
-    const s = this.host.renderRoot.querySelector("slot[name='submenu']");
-    if (!s) {
+    const n = this.host.renderRoot.querySelector("slot[name='submenu']");
+    if (!n) {
       console.error(
         "Cannot activate a submenu if no corresponding menuitem can be found.",
         this
       );
       return;
     }
-    let t = null;
-    for (const a of s.assignedElements())
-      if (t = a.querySelectorAll("cx-menu-item, [role^='menuitem']"), t.length !== 0)
+    let i = null;
+    for (const r of n.assignedElements())
+      if (i = r.querySelectorAll("cx-menu-item, [role^='menuitem']"), i.length !== 0)
         break;
-    if (!t || t.length === 0) {
+    if (!i || i.length === 0) {
       this.host.lazy && (e.preventDefault(), e.stopPropagation(), this.enableSubmenu(!1));
       return;
     }
-    t[0].setAttribute("tabindex", "0");
-    for (let a = 1; a !== t.length; ++a)
-      t[a].setAttribute("tabindex", "-1");
-    this.popupRef.value && (e.preventDefault(), e.stopPropagation(), this.popupRef.value.active ? t[0] instanceof HTMLElement && t[0].focus() : (this.enableSubmenu(!1), this.popupRef.value.addEventListener("cx-opened", () => {
-      t[0] instanceof HTMLElement && t[0].focus();
+    i[0].setAttribute("tabindex", "0");
+    for (let r = 1; r !== i.length; ++r)
+      i[r].setAttribute("tabindex", "-1");
+    this.popupRef.value && (e.preventDefault(), e.stopPropagation(), this.popupRef.value.active ? i[0] instanceof HTMLElement && i[0].focus() : (this.enableSubmenu(!1), this.popupRef.value.addEventListener("cx-opened", () => {
+      i[0] instanceof HTMLElement && i[0].focus();
     }), this.host.requestUpdate()));
   }
   // Focus on the first menu-item of a submenu.
   handleKeyDown(e) {
-    const s = () => {
+    const n = () => {
       e.preventDefault(), e.stopPropagation(), this.host.focus(), this.disableSubmenu();
     };
     switch (e.key) {
@@ -334,11 +341,11 @@ class T {
         break;
       }
       case "ArrowLeft": {
-        e.target !== this.host && !this.isHorizontalMenu && s();
+        e.target !== this.host && !this.isHorizontalMenu && n();
         break;
       }
       case "ArrowUp": {
-        e.target !== this.host && this.isHorizontalMenu && s();
+        e.target !== this.host && this.isHorizontalMenu && n();
         break;
       }
       case "ArrowRight": {
@@ -358,8 +365,8 @@ class T {
     e.preventDefault(), e.stopPropagation(), this.isExpanded() ? this.disableSubmenu() : this.enableSubmenu();
   }
   handleDocumentMouseDown(e) {
-    const s = e.composedPath();
-    this.host && !s.includes(this.host) && this.disableSubmenu();
+    const n = e.composedPath();
+    this.host && !n.includes(this.host) && this.disableSubmenu();
   }
   // Close this submenu on focus outside of the parent or any descendants.
   handleMouseLeave(e) {
@@ -371,19 +378,19 @@ class T {
   }
   // Set the safe triangle values for the submenu when the position changes
   handlePopupReposition() {
-    const s = this.host.renderRoot.querySelector("slot[name='submenu']")?.assignedElements({ flatten: !0 }).filter((p) => p.localName === "cx-menu")[0], t = getComputedStyle(this.host).direction === "rtl" || this.popupRef.value?.dataset.currentPlacement?.startsWith("left");
-    if (!s)
+    const n = this.host.renderRoot.querySelector("slot[name='submenu']")?.assignedElements({ flatten: !0 }).filter((p) => p.localName === "cx-menu")[0], i = getComputedStyle(this.host).direction === "rtl" || this.popupRef.value?.dataset.currentPlacement?.startsWith("left");
+    if (!n)
       return;
-    const { height: a, left: l, top: u, width: c } = s.getBoundingClientRect();
+    const { height: r, left: l, top: u, width: c } = n.getBoundingClientRect();
     this.host.style.setProperty(
       "--safe-triangle-submenu-start-x",
-      `${t ? l + c : l}px`
+      `${i ? l + c : l}px`
     ), this.host.style.setProperty("--safe-triangle-submenu-start-y", `${u}px`), this.host.style.setProperty(
       "--safe-triangle-submenu-end-x",
-      `${t ? l + c : l}px`
+      `${i ? l + c : l}px`
     ), this.host.style.setProperty(
       "--safe-triangle-submenu-end-y",
-      `${u + a}px`
+      `${u + r}px`
     );
   }
   setSubmenuState(e) {
@@ -403,11 +410,11 @@ class T {
   updateSkidding() {
     if (!this.host.parentElement?.computedStyleMap)
       return;
-    const e = this.host.parentElement.computedStyleMap(), s = v(this.host) === "rtl", t = this.host.submenuPlacement ?? (s ? "left-start" : "right-start"), a = t.startsWith("left") || t.startsWith("right");
+    const e = this.host.parentElement.computedStyleMap(), n = x(this.host) === "rtl", i = this.host.submenuPlacement ?? (n ? "left-start" : "right-start"), r = i.startsWith("left") || i.startsWith("right");
     let l = [];
-    a && (t.endsWith("-start") ? l = ["padding-top", "border-top-width", "margin-top"] : t.endsWith("-end") && (l = ["padding-bottom", "border-bottom-width", "margin-bottom"]));
+    r && (i.endsWith("-start") ? l = ["padding-top", "border-top-width", "margin-top"] : i.endsWith("-end") && (l = ["padding-bottom", "border-bottom-width", "margin-bottom"]));
     const u = l.reduce((c, p) => {
-      const f = e.get(p) ?? new CSSUnitValue(0, "px"), g = (f instanceof CSSUnitValue ? f : new CSSUnitValue(0, "px")).to("px"), y = t.endsWith("-end") ? 1 : -1;
+      const v = e.get(p) ?? new CSSUnitValue(0, "px"), g = (v instanceof CSSUnitValue ? v : new CSSUnitValue(0, "px")).to("px"), y = i.endsWith("-end") ? 1 : -1;
       return c + g.value * y;
     }, 0);
     this.skidding = u;
@@ -416,14 +423,14 @@ class T {
     return this.popupRef.value ? this.popupRef.value.active : !1;
   }
   renderSubmenu() {
-    const e = v(this.host) === "rtl";
+    const e = x(this.host) === "rtl";
     if (!this.hasSlotController.test("submenu"))
       return null;
-    const s = this.host.submenuPlacement ?? (e ? "left-start" : "right-start");
+    const n = this.host.submenuPlacement ?? (e ? "left-start" : "right-start");
     return h`
       <cx-popup
         ${R(this.popupRef)}
-        placement=${s}
+        placement=${n}
         anchor="anchor"
         part="submenu-popup"
         flip
@@ -441,14 +448,14 @@ class T {
     `;
   }
 }
-var O = Object.defineProperty, H = Object.getOwnPropertyDescriptor, n = (o, e, s, t) => {
-  for (var a = t > 1 ? void 0 : t ? H(e, s) : e, l = o.length - 1, u; l >= 0; l--)
-    (u = o[l]) && (a = (t ? u(e, s, a) : u(a)) || a);
-  return t && a && O(e, s, a), a;
+var O = Object.defineProperty, I = Object.getOwnPropertyDescriptor, s = (o, e, n, i) => {
+  for (var r = i > 1 ? void 0 : i ? I(e, n) : e, l = o.length - 1, u; l >= 0; l--)
+    (u = o[l]) && (r = (i ? u(e, n, r) : u(r)) || r);
+  return i && r && O(e, n, r), r;
 };
-let i = class extends S {
+let t = class extends k {
   constructor() {
-    super(), this.type = "normal", this.submenuTrigger = "both", this.checked = !1, this.value = "", this.href = "", this.rel = "noreferrer noopener", this.loading = !1, this.disabled = !1, this.active = !1, this.readonly = !1, this.menu = "", this.lazy = !1, this.localize = new _(this), this.hasSlotController = new M(
+    super(), this.type = "normal", this.submenuTrigger = "both", this.checked = !1, this.value = "", this.href = "", this.rel = "noreferrer noopener", this.loading = !1, this.disabled = !1, this.active = !1, this.readonly = !1, this.menu = "", this.alwaysShowCheckedIcon = !1, this.lazy = !1, this.localize = new C(this), this.hasSlotController = new _(
       this,
       "submenu",
       "submenu-icon"
@@ -466,9 +473,7 @@ let i = class extends S {
     });
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this.removeEventListener("click", this.handleHostClick), this.removeEventListener("mouseover", this.handleMouseOver), document.removeEventListener("wheel", this.handleDocumentWheel, {
-      passive: !1
-    });
+    super.disconnectedCallback(), this.removeEventListener("click", this.handleHostClick), this.removeEventListener("mouseover", this.handleMouseOver), document.removeEventListener("wheel", this.handleDocumentWheel);
   }
   handleDefaultSlotChange() {
     const o = this.getTextLabel();
@@ -509,18 +514,18 @@ let i = class extends S {
   }
   /** Returns a text label based on the contents of the menu item's default slot. */
   getTextLabel() {
-    return L(this.defaultSlot);
+    return M(this.defaultSlot);
   }
   isSubmenu() {
     return this.hasSlotController.test("submenu") || !!this.menu.trim();
   }
   renderBase(o) {
-    const e = !!this.href, s = this.localize.dir() === "rtl", t = this.submenuController.isExpanded();
+    const e = !!this.href, n = this.localize.dir() === "rtl", i = this.submenuController.isExpanded();
     return e ? h`
         <a
           id="anchor"
           part="base"
-          class=${x({
+          class=${b({
       "menu-item": !0,
       "menu-item--active": this.active,
       "menu-item--checkbox": this.type === "checkbox",
@@ -528,8 +533,8 @@ let i = class extends S {
       "menu-item--disabled": this.disabled,
       "menu-item--has-submenu": this.isSubmenu(),
       "menu-item--loading": this.loading,
-      "menu-item--rtl": s,
-      "menu-item--submenu-expanded": t
+      "menu-item--rtl": n,
+      "menu-item--submenu-expanded": i
     })}
           aria-haspopup=${this.isSubmenu()}
           href=${m(this.href)}
@@ -546,7 +551,7 @@ let i = class extends S {
       <div
         id="anchor"
         part="base"
-        class=${x({
+        class=${b({
       "menu-item": !0,
       "menu-item--active": this.active,
       "menu-item--checkbox": this.type === "checkbox",
@@ -554,8 +559,8 @@ let i = class extends S {
       "menu-item--disabled": this.disabled,
       "menu-item--has-submenu": this.isSubmenu(),
       "menu-item--loading": this.loading,
-      "menu-item--rtl": s,
-      "menu-item--submenu-expanded": t
+      "menu-item--rtl": n,
+      "menu-item--submenu-expanded": i
     })}
         aria-haspopup=${this.isSubmenu()}
         aria-label=${this.getTextLabel()}
@@ -568,9 +573,16 @@ let i = class extends S {
     const o = this.localize.dir() === "rtl";
     let e;
     return this.submenuPlacement && (this.submenuPlacement.startsWith("top") || this.submenuPlacement.startsWith("bottom")) ? e = "keyboard_arrow_down" : e = o ? "chevron_left" : "chevron_right", this.renderBase(h`
-      <span part="checked-icon" class="menu-item__check">
+      <slot
+        part="checked-icon"
+        name="checked-icon"
+        class=${b({
+      "menu-item__check": !0,
+      "menu-item__check--always-show": this.alwaysShowCheckedIcon
+    })}
+      >
         <cx-icon name="check"></cx-icon>
-      </span>
+      </slot>
 
       <slot name="prefix" part="prefix" class="menu-item__prefix"></slot>
 
@@ -596,87 +608,90 @@ let i = class extends S {
     `);
   }
 };
-i.styles = [w, $];
-i.dependencies = {
+t.styles = [S, $];
+t.dependencies = {
   "cx-icon": P,
   "cx-popup": E,
   "cx-spinner": z
 };
-n([
+s([
   d("slot:not([name])")
-], i.prototype, "defaultSlot", 2);
-n([
+], t.prototype, "defaultSlot", 2);
+s([
   d("a#anchor", !0)
-], i.prototype, "anchor", 2);
-n([
+], t.prototype, "anchor", 2);
+s([
   d(".menu-item")
-], i.prototype, "menuItem", 2);
-n([
+], t.prototype, "menuItem", 2);
+s([
   d(".menu-item__chevron")
-], i.prototype, "submenuIcon", 2);
-n([
-  r()
-], i.prototype, "type", 2);
-n([
-  r({ attribute: "submenu-trigger" })
-], i.prototype, "submenuTrigger", 2);
-n([
-  r({ reflect: !0, type: Boolean })
-], i.prototype, "checked", 2);
-n([
-  r()
-], i.prototype, "value", 2);
-n([
-  r()
-], i.prototype, "href", 2);
-n([
-  r()
-], i.prototype, "target", 2);
-n([
-  r()
-], i.prototype, "rel", 2);
-n([
-  r()
-], i.prototype, "download", 2);
-n([
-  r({ reflect: !0, type: Boolean })
-], i.prototype, "loading", 2);
-n([
-  r({ reflect: !0, type: Boolean })
-], i.prototype, "disabled", 2);
-n([
-  r({ reflect: !0, type: Boolean })
-], i.prototype, "active", 2);
-n([
-  r({ reflect: !0, type: Boolean })
-], i.prototype, "readonly", 2);
-n([
-  r({ attribute: "flip-boundary", type: Object })
-], i.prototype, "flipBoundary", 2);
-n([
-  r({ attribute: "shift-boundary", type: Object })
-], i.prototype, "shiftBoundary", 2);
-n([
-  r({ reflect: !0 })
-], i.prototype, "menu", 2);
-n([
-  r({ attribute: "submenu-placement" })
-], i.prototype, "submenuPlacement", 2);
-n([
-  r({ reflect: !0, type: Boolean })
-], i.prototype, "lazy", 2);
-n([
-  b("checked")
-], i.prototype, "handleCheckedChange", 1);
-n([
-  b("disabled")
-], i.prototype, "handleDisabledChange", 1);
-n([
-  b("type")
-], i.prototype, "handleTypeChange", 1);
-i = n([
-  C("cx-menu-item")
-], i);
+], t.prototype, "submenuIcon", 2);
+s([
+  a()
+], t.prototype, "type", 2);
+s([
+  a({ attribute: "submenu-trigger" })
+], t.prototype, "submenuTrigger", 2);
+s([
+  a({ reflect: !0, type: Boolean })
+], t.prototype, "checked", 2);
+s([
+  a()
+], t.prototype, "value", 2);
+s([
+  a()
+], t.prototype, "href", 2);
+s([
+  a()
+], t.prototype, "target", 2);
+s([
+  a()
+], t.prototype, "rel", 2);
+s([
+  a()
+], t.prototype, "download", 2);
+s([
+  a({ reflect: !0, type: Boolean })
+], t.prototype, "loading", 2);
+s([
+  a({ reflect: !0, type: Boolean })
+], t.prototype, "disabled", 2);
+s([
+  a({ reflect: !0, type: Boolean })
+], t.prototype, "active", 2);
+s([
+  a({ reflect: !0, type: Boolean })
+], t.prototype, "readonly", 2);
+s([
+  a({ attribute: "flip-boundary", type: Object })
+], t.prototype, "flipBoundary", 2);
+s([
+  a({ attribute: "shift-boundary", type: Object })
+], t.prototype, "shiftBoundary", 2);
+s([
+  a({ reflect: !0 })
+], t.prototype, "menu", 2);
+s([
+  a({ attribute: "always-show-checked-icon", reflect: !0, type: Boolean })
+], t.prototype, "alwaysShowCheckedIcon", 2);
+s([
+  a({ attribute: "submenu-placement" })
+], t.prototype, "submenuPlacement", 2);
+s([
+  a({ reflect: !0, type: Boolean })
+], t.prototype, "lazy", 2);
+s([
+  f("checked")
+], t.prototype, "handleCheckedChange", 1);
+s([
+  f("disabled")
+], t.prototype, "handleDisabledChange", 1);
+s([
+  f("type")
+], t.prototype, "handleTypeChange", 1);
+t = s([
+  w("cx-menu-item")
+], t);
 export {
-  i as default
+  t as default
 };

package/library/components/menu-label.js

@@ -1,6 +1,8 @@
-import { i as c, C as i, x as m, c as p } from "../chunks/custom-element.vnXBMQxc.js";
-import { c as x } from "../chunks/component.styles.CI-v8BZa.js";
-const u = c`
+import { C as c } from "../chunks/lib-cortex-element.CVMmyPMC.js";
+import { c as i } from "../chunks/component.styles.DMSLciL5.js";
+import { c as m } from "../chunks/custom-element.L4WJXn1j.js";
+import { i as p, x } from "../chunks/lit-element.jLBm65_O.js";
+const f = p`
   :host {
     display: block;
   }
@@ -18,20 +20,20 @@ const u = c`
     -webkit-user-select: none;
   }
 `;
-var v = Object.getOwnPropertyDescriptor, f = (s, a, o, n) => {
-  for (var e = n > 1 ? void 0 : n ? v(a, o) : a, l = s.length - 1, r; l >= 0; l--)
-    (r = s[l]) && (e = r(e) || e);
+var u = Object.getOwnPropertyDescriptor, v = (r, s, o, a) => {
+  for (var e = a > 1 ? void 0 : a ? u(s, o) : s, t = r.length - 1, n; t >= 0; t--)
+    (n = r[t]) && (e = n(e) || e);
   return e;
 };
-let t = class extends i {
+let l = class extends c {
   render() {
-    return m` <slot part="base" class="menu-label"></slot> `;
+    return x` <slot part="base" class="menu-label"></slot> `;
   }
 };
-t.styles = [x, u];
-t = f([
-  p("cx-menu-label")
-], t);
+l.styles = [i, f];
+l = v([
+  m("cx-menu-label")
+], l);
 export {
-  t as default
+  l as default
 };

package/library/components/menu-section.js

@@ -1,8 +1,10 @@
-import { i as u, n as b, C as h, E as m, x as c, c as p } from "../chunks/custom-element.vnXBMQxc.js";
-import { c as d } from "../chunks/component.styles.CI-v8BZa.js";
-import { e as v } from "../chunks/query.BBf1UFkC.js";
-import f from "./menu-label.js";
-const C = u`
+import { n as u, C as b } from "../chunks/lib-cortex-element.CVMmyPMC.js";
+import { c as m } from "../chunks/component.styles.DMSLciL5.js";
+import { c as h } from "../chunks/custom-element.L4WJXn1j.js";
+import { i as p, E as d, x as c } from "../chunks/lit-element.jLBm65_O.js";
+import { e as f } from "../chunks/query.BBf1UFkC.js";
+import v from "./menu-label.js";
+const C = p`
   :host {
     display: block;
   }
@@ -15,12 +17,12 @@ const C = u`
     display: none;
   }
 `;
-var y = Object.defineProperty, x = Object.getOwnPropertyDescriptor, a = (r, t, n, l) => {
-  for (var e = l > 1 ? void 0 : l ? x(t, n) : t, i = r.length - 1, o; i >= 0; i--)
-    (o = r[i]) && (e = (l ? o(t, n, e) : o(e)) || e);
-  return l && e && y(t, n, e), e;
+var y = Object.defineProperty, x = Object.getOwnPropertyDescriptor, a = (n, t, r, l) => {
+  for (var e = l > 1 ? void 0 : l ? x(t, r) : t, i = n.length - 1, o; i >= 0; i--)
+    (o = n[i]) && (e = (l ? o(t, r, e) : o(e)) || e);
+  return l && e && y(t, r, e), e;
 };
-let s = class extends h {
+let s = class extends b {
   constructor() {
     super(...arguments), this.label = "", this.mutationObserver = null;
   }
@@ -41,23 +43,23 @@ let s = class extends h {
   }
   render() {
     return c`
-      ${this.label.length > 0 ? c`<cx-menu-label part="label">${this.label}</cx-menu-label>` : m}
+      ${this.label.length > 0 ? c`<cx-menu-label part="label">${this.label}</cx-menu-label>` : d}
       <slot @slotchange=${this.handleSlotChange}></slot>
     `;
   }
 };
-s.styles = [d, C];
+s.styles = [m, C];
 s.dependencies = {
-  "cx-menu-label": f
+  "cx-menu-label": v
 };
 a([
-  v("slot")
+  f("slot")
 ], s.prototype, "defaultSlot", 2);
 a([
-  b({ type: String })
+  u({ type: String })
 ], s.prototype, "label", 2);
 s = a([
-  p("cx-menu-section")
+  h("cx-menu-section")
 ], s);
 export {
   s as default

package/library/components/menu.js

@@ -1,11 +1,13 @@
-import { i as f, n as c, C as p, x as d, c as b } from "../chunks/custom-element.vnXBMQxc.js";
-import { c as g } from "../chunks/component.styles.CI-v8BZa.js";
-import { L as v } from "../chunks/i18n.BP2FRO1v.js";
-import { r as y } from "../chunks/state.Cw55xXlb.js";
+import { n as c, C as f } from "../chunks/lib-cortex-element.CVMmyPMC.js";
+import { c as p } from "../chunks/component.styles.DMSLciL5.js";
+import { c as b } from "../chunks/custom-element.L4WJXn1j.js";
+import { L as g } from "../chunks/i18n.DrzK7TPf.js";
+import { i as v, x as d } from "../chunks/lit-element.jLBm65_O.js";
+import { r as y } from "../chunks/state.CSDxrqLd.js";
 import { e as w } from "../chunks/query.BBf1UFkC.js";
 import { n as x } from "../chunks/when.Dr1es41R.js";
 import M from "./menu-item.js";
-const k = f`
+const k = v`
   :host {
     display: block;
     position: relative;
@@ -100,9 +102,9 @@ var A = Object.defineProperty, I = Object.getOwnPropertyDescriptor, u = (e, t, r
 function m(e) {
   return e.tagName.toLowerCase() === "cx-menu" && e instanceof l && e.getAttribute("role") === "menu";
 }
-let l = class extends p {
+let l = class extends f {
   constructor() {
-    super(...arguments), this.localize = new v(this), this.horizontal = !1, this.variant = "default", this.active = !1, this.name = "", this.back = "", this.default = !1, this.bubbleKeyDown = !1, this.ignoredKeys = [], this.disabledTabLoop = !1, this.resizeObserver = null, this.slotMutationObserver = null;
+    super(...arguments), this.localize = new g(this), this.horizontal = !1, this.variant = "default", this.active = !1, this.name = "", this.back = "", this.default = !1, this.bubbleKeyDown = !1, this.ignoredKeys = [], this.disabledTabLoop = !1, this.resizeObserver = null, this.slotMutationObserver = null;
   }
   connectedCallback() {
     super.connectedCallback(), this.setAttribute("role", "menu"), this.slotMutationObserver = new MutationObserver(() => this.handleSlotChange()), this.slotMutationObserver.observe(this, {
@@ -378,7 +380,7 @@ let l = class extends p {
       ></slot>`;
   }
 };
-l.styles = [g, k];
+l.styles = [p, k];
 u([
   w("slot")
 ], l.prototype, "defaultSlot", 2);

package/library/components/molecules.js

@@ -1,12 +1,12 @@
 import { default as e } from "./bicolor-picker.js";
 import { default as a } from "./border-input-group.js";
-import { C as p } from "../chunks/color-swatch.DUe3iLLo.js";
-import { C } from "../chunks/confirm-popover.D2TF1x6K.js";
+import { C as p } from "../chunks/color-swatch.Bpb_hW2H.js";
+import { C } from "../chunks/confirm-popover.C1uA36JR.js";
 import { default as u } from "./corner-position-input-group.js";
-import { C as m } from "../chunks/cropper.aA0v16xS.js";
+import { C as m } from "../chunks/cropper.BraEEykE.js";
 import { default as i } from "./dynamic-select.js";
-import { C as c } from "../chunks/folder-select.DiWCwR-T.js";
-import { C as P } from "../chunks/list-editor.COkw5JKG.js";
+import { C as c } from "../chunks/folder-select.CSEQxIXF.js";
+import { C as P } from "../chunks/list-editor.CrLntuM7.js";
 import { default as I } from "./masonry.js";
 import { default as y } from "./padding-input-group.js";
 import { default as w } from "./position-picker.js";