@orangelogic/design-system 2.91.0 → 2.93.0

package/library/components/menu-item.js

@@ -1,7 +1,7 @@
 import { n as a, C as w } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as C } from "../chunks/component.styles.CRO4Odto.js";
 import { c as _ } from "../chunks/custom-element.L4WJXn1j.js";
-import { d as g, L } from "../chunks/i18n.CgwQHLcP.js";
+import { d as g, L } from "../chunks/i18n.W6czbRms.js";
 import { H as M, g as P } from "../chunks/slot.j5oheLJC.js";
 import { w as v } from "../chunks/watch.BCJD77bD.js";
 import { i as E, x as h, E as y } from "../chunks/lit-element.jLBm65_O.js";
@@ -12,8 +12,8 @@ import z from "./icon.js";
 import D from "./popup.js";
 import $ from "./spinner.js";
 import { e as R, n as T } from "../chunks/ref.bzeTdX0K.js";
-var d = /* @__PURE__ */ ((n) => (n.Prefix = "prefix", n.Suffix = "suffix", n))(d || {});
-const O = E`:host{--submenu-offset:-2px;--prefix-font-size:var(--cx-font-size-small);--prefix-color:var(--cx-color-neutral-500);--label-color:var(--cx-color-neutral);--suffix-color:var(--cx-color-neutral);--font-weight:var(--cx-font-weight-regular);display:block}:host([inert]){display:none}.menu-item{font-family:var(--cx-font-sans);font-size:var(--cx-font-size-small);font-weight:var(--font-weight,var(--cx-font-weight-regular));line-height:var(--cx-line-height-large);letter-spacing:var(--cx-letter-spacing-normal);color:var(--cx-color-neutral);padding:var(--cx-spacing-x-small) var(--cx-spacing-small);transition:var(--cx-transition-fast) fill;background-color:var(--cx-menu-item-background-color,unset);-webkit-user-select:none;user-select:none;white-space:nowrap;cursor:pointer;align-items:stretch;text-decoration:none;display:flex;position:relative}.menu-item.menu-item--disabled{cursor:default;outline:none}.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__check{opacity:.5}.menu-item.menu-item--disabled .menu-item__suffix:not(:slotted(cx-tooltip)){opacity:.5}.menu-item.menu-item--loading{cursor:wait;outline:none}.menu-item.menu-item--loading :not(cx-spinner){opacity:.5}.menu-item--loading cx-spinner{--indicator-color:currentColor;--track-width:1px;opacity:1;font-size:.75em;position:absolute;top:calc(50% - .5em);left:.65rem}.menu-item .menu-item__label{color:var(--label-color,var(--cx-color-neutral));text-overflow:ellipsis;flex:auto;margin:auto;display:inline-block;overflow:hidden}.menu-item--checked .menu-item__label{color:var(--cx-color-primary)}.menu-item .menu-item__prefix{color:var(--prefix-color,var(--cx-color-neutral-500));font-size:var(--prefix-font-size,var(--cx-font-size-small));flex:none;align-items:center;display:flex}.menu-item--checked{--prefix-color:var(--cx-color-primary);--suffix-color:var(--cx-color-primary)}.menu-item--checked .menu-item__check{color:var(--cx-color-primary)}.menu-item .menu-item__prefix::slotted(*){margin-inline-end:var(--cx-spacing-x-small)}.menu-item .menu-item__suffix{color:var(--suffix-color);flex:none;align-items:center;display:flex}.menu-item .menu-item__suffix::slotted(*){margin-inline-start:var(--cx-spacing-x-small)}.menu-item--submenu-expanded:after{content:"";z-index:calc(var(--cx-z-index-dropdown) - 1);clip-path:polygon(var(--safe-triangle-cursor-x,0) var(--safe-triangle-cursor-y,0), var(--safe-triangle-submenu-start-x,0) var(--safe-triangle-submenu-start-y,0), var(--safe-triangle-submenu-end-x,0) var(--safe-triangle-submenu-end-y,0));position:fixed;inset:0}@media (pointer:none),(pointer:coarse){.menu-item--submenu-expanded:after{display:none}}:host(:focus-visible){outline:var(--cx-focus-ring);outline-offset:calc(-1 * var(--cx-focus-ring-width))}:host(:hover:not([aria-disabled=true],:focus-visible,.disable-hover)) .menu-item,.menu-item--submenu-expanded{background-color:var(--cx-menu-item-background-color-hover);color:var(--cx-color-neutral-1000)}:host(:not([aria-disabled=true])) .menu-item--active{background-color:var(--cx-menu-item-background-color-active,var(--cx-menu-item-background-color-hover));color:var(--cx-color-neutral-1000)}:host(:hover:not([aria-disabled=true],:focus-visible,.disable-hover)) .menu-item--active{background-color:var(--cx-menu-item-background-color-active-hover,var(--cx-menu-item-background-color-active,var(--cx-menu-item-background-color-hover)))}:host(:focus-visible) .menu-item{background-color:var(--cx-menu-item-background-color-hover);opacity:1;outline:none}.menu-item .menu-item__check,.menu-item .menu-item__chevron{visibility:hidden;flex:none;justify-content:center;align-items:center;width:1.5em}.menu-item .menu-item__check{display:var(--checked-icon-display,flex);margin-inline-end:var(--cx-spacing-2x-small)}.menu-item .menu-item__check--suffix{margin-inline:auto 0;padding-inline-start: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)}.menu-item--checked .menu-item__check,.menu-item--has-submenu .menu-item__chevron{visibility:visible}cx-popup::part(popup){border:var(--cx-panel-border-width) solid var(--cx-popup-border-color);border-radius:var(--cx-border-radius-large);box-shadow:var(--cx-shadow-large);z-index:var(--cx-z-index-dropdown);margin-left:var(--submenu-offset,-2px);overflow:hidden}.menu-item--rtl cx-popup::part(popup){margin-left:calc(-1 * var(--submenu-offset))}@media (forced-colors:active){:host(:hover:not([aria-disabled=true])) .menu-item,:host(:focus-visible) .menu-item{outline-offset:-1px;outline:1px dashed selecteditem}}::slotted(cx-menu){max-width:var(--auto-size-available-width)!important;max-height:var(--auto-size-available-height)!important}`;
+var d = /* @__PURE__ */ ((o) => (o.Prefix = "prefix", o.Suffix = "suffix", o))(d || {});
+const O = E`:host{--submenu-offset:0px;--prefix-font-size:var(--cx-font-size-small);--prefix-color:var(--cx-color-neutral-500);--label-color:var(--cx-color-neutral);--suffix-color:var(--cx-color-neutral);--font-weight:var(--cx-font-weight-regular);display:block}:host([inert]){display:none}.menu-item{font-family:var(--cx-font-sans);font-size:var(--cx-font-size-small);font-weight:var(--font-weight,var(--cx-font-weight-regular));line-height:var(--cx-line-height-large);letter-spacing:var(--cx-letter-spacing-normal);color:var(--cx-color-neutral);padding:var(--cx-spacing-x-small) var(--cx-spacing-small);transition:var(--cx-transition-fast) fill;background-color:var(--cx-menu-item-background-color,unset);-webkit-user-select:none;user-select:none;white-space:nowrap;cursor:pointer;align-items:stretch;text-decoration:none;display:flex;position:relative}.menu-item.menu-item--disabled{cursor:default;outline:none}.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__check{opacity:.5}.menu-item.menu-item--disabled .menu-item__suffix:not(:slotted(cx-tooltip)){opacity:.5}.menu-item.menu-item--loading{cursor:wait;outline:none}.menu-item.menu-item--loading :not(cx-spinner){opacity:.5}.menu-item--loading cx-spinner{--indicator-color:currentColor;--track-width:1px;opacity:1;font-size:.75em;position:absolute;top:calc(50% - .5em);left:.65rem}.menu-item .menu-item__label{color:var(--label-color,var(--cx-color-neutral));text-overflow:ellipsis;flex:auto;margin:auto;display:inline-block;overflow:hidden}.menu-item--checked .menu-item__label{color:var(--cx-color-primary)}.menu-item .menu-item__prefix{color:var(--prefix-color,var(--cx-color-neutral-500));font-size:var(--prefix-font-size,var(--cx-font-size-small));flex:none;align-items:center;display:flex}.menu-item--checked{--prefix-color:var(--cx-color-primary);--suffix-color:var(--cx-color-primary)}.menu-item--checked .menu-item__check{color:var(--cx-color-primary)}.menu-item .menu-item__prefix::slotted(*){margin-inline-end:var(--cx-spacing-x-small)}.menu-item .menu-item__suffix{color:var(--suffix-color);flex:none;align-items:center;display:flex}.menu-item .menu-item__suffix::slotted(*){margin-inline-start:var(--cx-spacing-medium)}.menu-item--submenu-expanded:after{content:"";z-index:calc(var(--cx-z-index-dropdown) - 1);clip-path:polygon(var(--safe-triangle-cursor-x,0) var(--safe-triangle-cursor-y,0), var(--safe-triangle-submenu-start-x,0) var(--safe-triangle-submenu-start-y,0), var(--safe-triangle-submenu-end-x,0) var(--safe-triangle-submenu-end-y,0));position:fixed;inset:0}@media (pointer:none),(pointer:coarse){.menu-item--submenu-expanded:after{display:none}}:host(:focus-visible){outline:var(--cx-focus-ring);outline-offset:calc(-1 * var(--cx-focus-ring-width))}:host(:hover:not([aria-disabled=true],:focus-visible,.disable-hover)) .menu-item,.menu-item--submenu-expanded{background-color:var(--cx-menu-item-background-color-hover);color:var(--cx-color-neutral-1000)}:host(:not([aria-disabled=true])) .menu-item--active{background-color:var(--cx-menu-item-background-color-active,var(--cx-menu-item-background-color-hover));color:var(--cx-color-neutral-1000)}:host(:hover:not([aria-disabled=true],:focus-visible,.disable-hover)) .menu-item--active{background-color:var(--cx-menu-item-background-color-active-hover,var(--cx-menu-item-background-color-active,var(--cx-menu-item-background-color-hover)))}:host(:focus-visible) .menu-item{background-color:var(--cx-menu-item-background-color-hover);opacity:1;outline:none}.menu-item .menu-item__check,.menu-item .menu-item__chevron{visibility:hidden;flex:none;justify-content:center;align-items:center;width:1.5em}.menu-item .menu-item__check{display:var(--checked-icon-display,flex);margin-inline-end:var(--cx-spacing-2x-small)}.menu-item .menu-item__check--suffix{margin-inline:auto 0;padding-inline-start: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)}.menu-item--checked .menu-item__check,.menu-item--has-submenu .menu-item__chevron{visibility:visible}cx-popup::part(popup){border:var(--cx-panel-border-width) solid var(--cx-popup-border-color);border-radius:var(--cx-border-radius-large);box-shadow:var(--cx-shadow-large);z-index:var(--cx-z-index-dropdown);margin-left:var(--submenu-offset,0px);overflow:hidden}.menu-item--rtl cx-popup::part(popup){margin-left:calc(-1 * var(--submenu-offset))}@media (forced-colors:active){:host(:hover:not([aria-disabled=true])) .menu-item,:host(:focus-visible) .menu-item{outline-offset:-1px;outline:1px dashed selecteditem}}::slotted(cx-menu){max-width:var(--auto-size-available-width)!important;max-height:var(--auto-size-available-height)!important}`;
 class I {
   constructor(e, s) {
     this.popupRef = R(), 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);
@@ -203,23 +203,23 @@ class I {
     return h`<cx-popup ${T(this.popupRef)} placement=${s} anchor="anchor" part="submenu-popup" flip flip-fallback-strategy="best-fit" skidding=${this.skidding} strategy="overlay" auto-size="both" auto-size-padding="10" ?shift=${!!this.host.shiftBoundary} .flipBoundary=${this.host.flipBoundary} .shiftBoundary=${this.host.shiftBoundary}><slot name="submenu"></slot></cx-popup>`;
   }
 }
-var H = Object.defineProperty, B = Object.getOwnPropertyDescriptor, o = (n, e, s, t) => {
-  for (var r = t > 1 ? void 0 : t ? B(e, s) : e, l = n.length - 1, u; l >= 0; l--)
-    (u = n[l]) && (r = (t ? u(e, s, r) : u(r)) || r);
+var H = Object.defineProperty, B = Object.getOwnPropertyDescriptor, n = (o, e, s, t) => {
+  for (var r = t > 1 ? void 0 : t ? B(e, s) : e, l = o.length - 1, u; l >= 0; l--)
+    (u = o[l]) && (r = (t ? u(e, s, r) : u(r)) || r);
   return t && r && H(e, s, r), r;
 };
 let i = class extends w {
   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.alwaysShowCheckedIcon = !1, this.checkPlacement = d.Suffix, this.lazy = !1, this.localize = new L(this), this.hasSlotController = new M(
+    super(), this.type = "normal", this.submenuTrigger = "both", this.checked = !1, this.noUncheck = !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.checkPlacement = d.Suffix, this.lazy = !1, this.localize = new L(this), this.hasSlotController = new M(
       this,
       "submenu",
       "submenu-icon"
     ), this.submenuController = new I(
       this,
       this.hasSlotController
-    ), this.handleDocumentWheel = (n) => {
-      const e = n.composedPath();
-      this.submenuController.isExpanded() && (!this.submenuController.popup || !e.includes(this.submenuController.popup)) && (n.preventDefault(), this.submenuController.disableSubmenu());
+    ), this.handleDocumentWheel = (o) => {
+      const e = o.composedPath();
+      this.submenuController.isExpanded() && (!this.submenuController.popup || !e.includes(this.submenuController.popup)) && (o.preventDefault(), this.submenuController.disableSubmenu());
     }, this.handleHostClick = this.handleHostClick.bind(this), this.handleMouseOver = this.handleMouseOver.bind(this);
   }
   runConnectedCallback() {
@@ -231,25 +231,25 @@ let i = class extends w {
     super.disconnectedCallback(), this.removeEventListener("click", this.handleHostClick), this.removeEventListener("mouseover", this.handleMouseOver), document.removeEventListener("wheel", this.handleDocumentWheel);
   }
   handleDefaultSlotChange() {
-    const n = this.getTextLabel();
+    const o = this.getTextLabel();
     if (typeof this.cachedTextLabel > "u") {
-      this.cachedTextLabel = n;
+      this.cachedTextLabel = o;
       return;
     }
-    n !== this.cachedTextLabel && (this.cachedTextLabel = n, this.emit("slotchange", {
+    o !== this.cachedTextLabel && (this.cachedTextLabel = o, this.emit("slotchange", {
       bubbles: !0,
       cancelable: !1,
       composed: !1
     }));
   }
-  handleHostClick(n) {
-    (this.disabled || this.readonly) && (n.target === this && n.preventDefault(), n.stopImmediatePropagation()), this.href && this.anchor && this.anchor.click();
+  handleHostClick(o) {
+    (this.disabled || this.readonly) && (o.target === this && o.preventDefault(), o.stopImmediatePropagation()), this.href && this.anchor && this.anchor.click();
   }
-  handleMouseOver(n) {
-    n.stopPropagation();
+  handleMouseOver(o) {
+    o.stopPropagation();
   }
-  handleAnchorClick(n) {
-    n.stopPropagation();
+  handleAnchorClick(o) {
+    o.stopPropagation();
   }
   handleCheckedChange() {
     if (this.checked && this.type !== "checkbox") {
@@ -274,7 +274,7 @@ let i = class extends w {
   isSubmenu() {
     return this.hasSlotController.test("submenu") || !!this.menu.trim();
   }
-  renderBase(n) {
+  renderBase(o) {
     const e = !!this.href, s = this.localize.dir() === "rtl", t = this.submenuController.isExpanded();
     return e ? h`<a id="anchor" part="base" class=${b({
       "menu-item": !0,
@@ -286,7 +286,7 @@ let i = class extends w {
       "menu-item--loading": this.loading,
       "menu-item--rtl": s,
       "menu-item--submenu-expanded": t
-    })} aria-haspopup=${this.isSubmenu()} href=${m(this.href)} target=${m(this.target)} download=${m(this.download)} rel=${m(this.rel)} aria-label=${this.getTextLabel()} ?inert=${this.disabled} @click=${this.handleAnchorClick}>${n}</a>` : h`<div id="anchor" part="base" class=${b({
+    })} aria-haspopup=${this.isSubmenu()} href=${m(this.href)} target=${m(this.target)} download=${m(this.download)} rel=${m(this.rel)} aria-label=${this.getTextLabel()} ?inert=${this.disabled} @click=${this.handleAnchorClick}>${o}</a>` : h`<div id="anchor" part="base" class=${b({
       "menu-item": !0,
       "menu-item--active": this.active,
       "menu-item--checkbox": this.type === "checkbox",
@@ -296,12 +296,12 @@ let i = class extends w {
       "menu-item--loading": this.loading,
       "menu-item--rtl": s,
       "menu-item--submenu-expanded": t
-    })} aria-haspopup=${this.isSubmenu()} aria-label=${this.getTextLabel()}>${n}</div>`;
+    })} aria-haspopup=${this.isSubmenu()} aria-label=${this.getTextLabel()}>${o}</div>`;
   }
   render() {
-    const n = this.localize.dir() === "rtl";
+    const o = this.localize.dir() === "rtl";
     let e;
-    this.submenuPlacement && (this.submenuPlacement.startsWith("top") || this.submenuPlacement.startsWith("bottom")) ? e = "keyboard_arrow_down" : e = n ? "chevron_left" : "chevron_right";
+    this.submenuPlacement && (this.submenuPlacement.startsWith("top") || this.submenuPlacement.startsWith("bottom")) ? e = "keyboard_arrow_down" : e = o ? "chevron_left" : "chevron_right";
     const s = h`<slot part="checked-icon" name="checked-icon" class=${b({
       "menu-item__check": !0,
       "menu-item__check--always-show": this.alwaysShowCheckedIcon,
@@ -321,85 +321,88 @@ i.dependencies = {
   "cx-popup": D,
   "cx-spinner": $
 };
-o([
+n([
   p("slot:not([name])")
 ], i.prototype, "defaultSlot", 2);
-o([
+n([
   p("a#anchor", !0)
 ], i.prototype, "anchor", 2);
-o([
+n([
   p(".menu-item")
 ], i.prototype, "menuItem", 2);
-o([
+n([
   p(".menu-item__chevron")
 ], i.prototype, "submenuIcon", 2);
-o([
+n([
   a()
 ], i.prototype, "type", 2);
-o([
-  a({ attribute: "submenu-trigger" })
+n([
+  a({ attribute: "submenu-trigger", type: String })
 ], i.prototype, "submenuTrigger", 2);
-o([
+n([
   a({ reflect: !0, type: Boolean })
 ], i.prototype, "checked", 2);
-o([
+n([
+  a({ attribute: "no-uncheck", reflect: !0, type: Boolean })
+], i.prototype, "noUncheck", 2);
+n([
   a()
 ], i.prototype, "value", 2);
-o([
+n([
   a()
 ], i.prototype, "href", 2);
-o([
+n([
   a()
 ], i.prototype, "target", 2);
-o([
+n([
   a()
 ], i.prototype, "rel", 2);
-o([
+n([
   a()
 ], i.prototype, "download", 2);
-o([
+n([
   a({ reflect: !0, type: Boolean })
 ], i.prototype, "loading", 2);
-o([
+n([
   a({ reflect: !0, type: Boolean })
 ], i.prototype, "disabled", 2);
-o([
+n([
   a({ reflect: !0, type: Boolean })
 ], i.prototype, "active", 2);
-o([
+n([
   a({ reflect: !0, type: Boolean })
 ], i.prototype, "readonly", 2);
-o([
+n([
   a({ attribute: "flip-boundary", type: Object })
 ], i.prototype, "flipBoundary", 2);
-o([
+n([
   a({ attribute: "shift-boundary", type: Object })
 ], i.prototype, "shiftBoundary", 2);
-o([
+n([
   a({ reflect: !0 })
 ], i.prototype, "menu", 2);
-o([
+n([
   a({ attribute: "always-show-checked-icon", reflect: !0, type: Boolean })
 ], i.prototype, "alwaysShowCheckedIcon", 2);
-o([
-  a({ attribute: "check-placement", reflect: !0 })
+n([
+  a({ attribute: "check-placement", reflect: !0, type: String })
 ], i.prototype, "checkPlacement", 2);
-o([
+n([
   a({ attribute: "submenu-placement" })
 ], i.prototype, "submenuPlacement", 2);
-o([
+n([
   a({ reflect: !0, type: Boolean })
 ], i.prototype, "lazy", 2);
-o([
+n([
   v("checked")
 ], i.prototype, "handleCheckedChange", 1);
-o([
+n([
   v("disabled")
 ], i.prototype, "handleDisabledChange", 1);
-o([
+n([
   v("type")
 ], i.prototype, "handleTypeChange", 1);
-i = o([
+i = n([
   _("cx-menu-item")
 ], i);
 export {

package/library/components/menu.js

@@ -1,12 +1,12 @@
 import { n as c, C as p } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as b } from "../chunks/component.styles.CRO4Odto.js";
 import { c as g } from "../chunks/custom-element.L4WJXn1j.js";
-import { L as v } from "../chunks/i18n.CgwQHLcP.js";
+import { L as v } from "../chunks/i18n.W6czbRms.js";
 import { i as y, x as f } from "../chunks/lit-element.jLBm65_O.js";
 import { r as w } from "../chunks/state.CSDxrqLd.js";
 import { e as x } from "../chunks/query.BBf1UFkC.js";
-import { n as M } from "../chunks/when.Dr1es41R.js";
-import k from "./menu-item.js";
+import { n as k } from "../chunks/when.Dr1es41R.js";
+import M from "./menu-item.js";
 var d = /* @__PURE__ */ ((e) => (e.Default = "default", e.Multiple = "multiple", e))(d || {});
 const A = y`:host{background:var(--cx-panel-background-color);border:solid var(--cx-panel-border-width) var(--cx-panel-border-color);border-radius:var(--cx-border-radius-large);padding:var(--cx-spacing-x-small) 0;--divider-color:var(--cx-panel-border-color);--divider-width:var(--cx-panel-border-width);--divider-spacing:var(--cx-spacing-x-small);display:block;position:relative;overflow:auto}:host([horizontal]){padding:0 var(--cx-spacing-x-small);flex-wrap:wrap;justify-content:space-between;display:flex}::slotted(cx-divider){--color:var(--divider-color);--width:var(--divider-width);--spacing:var(--divider-spacing)}::slotted([data-alternating-grouping]):before{content:" ";background-color:var(--divider-color);margin:var(--divider-spacing) 0;height:var(--divider-width);display:block}::slotted([data-alternating-grouping=horizontal]):before{height:100%;margin:0 var(--divider-spacing);width:var(--divider-width);display:inline-block}:host([horizontal]) ::slotted(cx-menu-section){flex-wrap:wrap;justify-content:space-between;display:flex}:host([horizontal]) ::slotted(cx-menu-item){display:flex}:host([variant=multiple]){position:relative;overflow:hidden}:host([variant=multiple]) ::slotted(cx-menu[name]){opacity:0;pointer-events:none;transition:opacity var(--cx-transition-fast) ease-in-out, transform var(--cx-transition-medium) ease-in-out;border:none;top:0;left:0;transform:translate(-50%);position:absolute!important}:host([variant=multiple]) ::slotted(cx-menu[active]){opacity:1;pointer-events:auto;transform:translate(0)}.back__button::part(checked-icon),.back__button::part(submenu-icon){display:none}.back__divider{--spacing:var(--cx-spacing-x-small)}`;
 var I = Object.defineProperty, C = Object.getOwnPropertyDescriptor, u = (e, t, r, i) => {
@@ -19,7 +19,7 @@ function m(e) {
 }
 let l = class extends p {
   constructor() {
-    super(...arguments), this.localize = new v(this), this.horizontal = !1, this.variant = d.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 v(this), this.horizontal = !1, this.variant = d.Default, this.active = !1, this.name = "", this.back = "", this.default = !1, this.bubbleKeyDown = !1, this.ignoredKeys = [], this.disabledTabLoop = !1, this.noUncheck = !1, this.resizeObserver = null, this.slotMutationObserver = null;
   }
   connectedCallback() {
     super.connectedCallback(), this.setAttribute("role", "menu"), this.slotMutationObserver = new MutationObserver(() => this.handleSlotChange()), this.slotMutationObserver.observe(this, {
@@ -55,7 +55,7 @@ let l = class extends p {
     ) !== this)
       return;
     const s = i;
-    s.type === "checkbox" && (s.checked = !s.checked), this.emit("cx-select", { detail: { item: s } });
+    s.type === "checkbox" && (s.checked && (this.noUncheck || s.noUncheck) || (s.checked = !s.checked)), this.emit("cx-select", { detail: { item: s } });
   }
   handleKeyDown(e) {
     if (!this.ignoredKeys.includes(e.key)) {
@@ -73,7 +73,7 @@ let l = class extends p {
       ].includes(e.key)) {
         const t = this.getAllItems(), r = this.getCurrentItem();
         let i = r ? t.indexOf(r) : 0;
-        if (["ArrowLeft", "ArrowRight"].includes(e.key) && !this.bubbleKeyDown && !(this.parentElement instanceof l) && !(this.parentElement instanceof k) && e.stopPropagation(), t.length > 0) {
+        if (["ArrowLeft", "ArrowRight"].includes(e.key) && !this.bubbleKeyDown && !(this.parentElement instanceof l) && !(this.parentElement instanceof M) && e.stopPropagation(), t.length > 0) {
           const o = this.horizontal ? e.key === "ArrowRight" || i === t.length - 1 && e.key === "ArrowDown" : e.key === "ArrowDown", h = this.horizontal ? e.key === "ArrowLeft" || i === 0 && e.key === "ArrowUp" : e.key === "ArrowUp";
           if (["ArrowRight", "ArrowDown", "ArrowLeft", "ArrowUp"].includes(
             e.key
@@ -266,7 +266,7 @@ let l = class extends p {
     });
   }
   render() {
-    const e = M(
+    const e = k(
       this.back,
       () => f`<slot name="back-button" role="menuitem" menu=${this.back}><cx-menu-item part="back-button" class="back__button" menu=${this.back}><cx-icon slot="prefix" name="chevron_left"></cx-icon>${this.localize.term("back")}</cx-menu-item><cx-divider class="back__divider"></cx-divider></slot>`
     );
@@ -311,6 +311,9 @@ u([
 u([
   c({ attribute: "disabled-tab-loop", reflect: !0, type: Boolean })
 ], l.prototype, "disabledTabLoop", 2);
+u([
+  c({ attribute: "no-uncheck", reflect: !0, type: Boolean })
+], l.prototype, "noUncheck", 2);
 u([
   w()
 ], l.prototype, "resizeObserver", 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.hsIcIXE-.js";
-import { C } from "../chunks/confirm-popover.Bk0_yxOs.js";
+import { C as p } from "../chunks/color-swatch.CbL_TpRZ.js";
+import { C } from "../chunks/confirm-popover.bBo9aPlX.js";
 import { default as u } from "./corner-position-input-group.js";
-import { C as m } from "../chunks/cropper.DTokTzP9.js";
+import { C as m } from "../chunks/cropper.BRKVzJDb.js";
 import { default as i } from "./dynamic-select.js";
-import { C as c } from "../chunks/folder-select.D6NkbExX.js";
-import { C as P } from "../chunks/list-editor.T0Lrm0Yo.js";
+import { C as c } from "../chunks/folder-select.DxBOSyvo.js";
+import { C as P } from "../chunks/list-editor.BnIOuHUQ.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";

package/library/components/option.js

@@ -1,8 +1,8 @@
 import "../chunks/lib-cortex-element.CVMmyPMC.js";
 import "../chunks/component.styles.CRO4Odto.js";
-import { C } from "../chunks/option.T4KSh5qy.js";
+import { C } from "../chunks/option.Cx54zrJq.js";
 import "../chunks/custom-element.L4WJXn1j.js";
-import "../chunks/i18n.CgwQHLcP.js";
+import "../chunks/i18n.W6czbRms.js";
 import "../chunks/watch.BCJD77bD.js";
 import "../chunks/lit-element.jLBm65_O.js";
 import "../chunks/state.CSDxrqLd.js";

package/library/components/organisms.js

@@ -1,6 +1,6 @@
 import { default as a } from "./asset-link-format.js";
-import { C as t } from "../chunks/color-swatch-group.CpuPC0u3.js";
-import { C } from "../chunks/file-on-demand.CTJQ6P_F.js";
+import { C as t } from "../chunks/color-swatch-group.DRKpTlyp.js";
+import { C } from "../chunks/file-on-demand.Z7nx9v2R.js";
 export {
   a as CxAssetLinkFormat,
   t as CxColorSwatchGroup,

package/library/components/pagination.js

@@ -1,9 +1,9 @@
 import "./space.js";
 import "../chunks/lib-cortex-element.CVMmyPMC.js";
-import "../chunks/icon-button.BpwPU4Vg.js";
-import { C as k } from "../chunks/pagination.DC9JIt4s.js";
+import "../chunks/icon-button.MqA-pNw8.js";
+import { C as k } from "../chunks/pagination.CG5odPWi.js";
 import "../chunks/custom-element.L4WJXn1j.js";
-import "../chunks/i18n.CgwQHLcP.js";
+import "../chunks/i18n.W6czbRms.js";
 import "../chunks/math.DqTA6ya4.js";
 import "../chunks/watch.BCJD77bD.js";
 import "../chunks/lit-element.jLBm65_O.js";
@@ -11,9 +11,9 @@ import "../chunks/state.CSDxrqLd.js";
 import "../chunks/class-map.BiVq-cVR.js";
 import "../chunks/repeat.DbF2p5ae.js";
 import "../chunks/when.Dr1es41R.js";
-import "../chunks/button.BrIJPc2a.js";
+import "../chunks/button.BZjbVq8t.js";
 import "./input.js";
-import "../chunks/option.T4KSh5qy.js";
+import "../chunks/option.Cx54zrJq.js";
 import "./select.js";
 import "./tooltip.js";
 import "../chunks/typography.DJC_UXgs.js";

package/library/components/popup.js

@@ -10,7 +10,7 @@ import { i as gt, p as ne, f as Ie, a as We } from "../chunks/browser.BHOCIF_A.j
 import { c as ye } from "../chunks/component.styles.CRO4Odto.js";
 import { c as qe } from "../chunks/custom-element.L4WJXn1j.js";
 import { d as Ve } from "../chunks/debounce.DaHuiSGU.js";
-import { L as je } from "../chunks/i18n.CgwQHLcP.js";
+import { L as je } from "../chunks/i18n.W6czbRms.js";
 import { n as Ue } from "../chunks/when.Dr1es41R.js";
 /**
  * @license
@@ -2762,54 +2762,41 @@ let b = class extends Be {
         ({ rects: t }) => -t.reference.height / 2 - t.floating.height / 2
       ) : It({ crossAxis: this.skidding, mainAxis: this.distance })
     ];
-    if (this.sync ? e.push(
+    this.sync ? e.push(
       qt({
         apply: ({ rects: t }) => {
           const o = this.sync === "width" || this.sync === "both", i = this.sync === "height" || this.sync === "both", s = this.syncElement ? this.syncElement.getBoundingClientRect() : t.reference;
           this.popup.style.width = o ? `${s.width}px` : "", this.popup.style.height = i ? `${s.height}px` : "";
         }
       })
-    ) : (this.popup.style.width = "", this.popup.style.height = ""), this.flip) {
-      let t = this.flipBoundary;
-      !t && ["fixed", "overlay"].includes(this.strategy) && (t = document.body), e.push(
-        Wt({
-          boundary: t,
-          // @ts-expect-error - We're converting a string attribute to an array here
-          fallbackPlacements: this.flipFallbackPlacements,
-          fallbackStrategy: this.flipFallbackStrategy === "best-fit" ? "bestFit" : "initialPlacement",
-          padding: this.flipPadding
-        })
-      );
-    }
-    if (this.shift) {
-      let t = this.shiftBoundary;
-      !t && ["fixed", "overlay"].includes(this.strategy) && (t = document.body), e.push(
-        Te({
-          boundary: t,
-          padding: this.shiftPadding
-        })
-      );
-    }
-    if (this.autoSize) {
-      let t = this.autoSizeBoundary;
-      !t && ["fixed", "overlay"].includes(this.strategy) && (t = document.body), e.push(
-        qt({
-          apply: ({ availableHeight: o, availableWidth: i }) => {
-            this.autoSize === "vertical" || this.autoSize === "both" ? this.style.setProperty(
-              "--auto-size-available-height",
-              `${o}px`
-            ) : this.style.removeProperty("--auto-size-available-height"), this.autoSize === "horizontal" || this.autoSize === "both" ? this.style.setProperty(
-              "--auto-size-available-width",
-              `${i * this.autoWidthFactor}px`
-            ) : this.style.removeProperty("--auto-size-available-width");
-          },
-          boundary: t,
-          padding: this.autoSizePadding
-        })
-      );
-    } else
-      this.style.removeProperty("--auto-size-available-width"), this.style.removeProperty("--auto-size-available-height");
-    this.arrow && e.push(
+    ) : (this.popup.style.width = "", this.popup.style.height = ""), this.flip && e.push(
+      Wt({
+        boundary: this.flipBoundary,
+        // @ts-expect-error - We're converting a string attribute to an array here
+        fallbackPlacements: this.flipFallbackPlacements,
+        fallbackStrategy: this.flipFallbackStrategy === "best-fit" ? "bestFit" : "initialPlacement",
+        padding: this.flipPadding
+      })
+    ), this.shift && e.push(
+      Te({
+        boundary: this.shiftBoundary,
+        padding: this.shiftPadding
+      })
+    ), this.autoSize ? e.push(
+      qt({
+        apply: ({ availableHeight: t, availableWidth: o }) => {
+          this.autoSize === "vertical" || this.autoSize === "both" ? this.style.setProperty(
+            "--auto-size-available-height",
+            `${t}px`
+          ) : this.style.removeProperty("--auto-size-available-height"), this.autoSize === "horizontal" || this.autoSize === "both" ? this.style.setProperty(
+            "--auto-size-available-width",
+            `${o * this.autoWidthFactor}px`
+          ) : this.style.removeProperty("--auto-size-available-width");
+        },
+        boundary: this.autoSizeBoundary,
+        padding: this.autoSizePadding
+      })
+    ) : (this.style.removeProperty("--auto-size-available-width"), this.style.removeProperty("--auto-size-available-height")), this.arrow && e.push(
       De({
         element: this.arrowEl,
         padding: this.arrowPadding

package/library/components/position-picker.js

@@ -5,7 +5,7 @@ import x from "./radio-group.js";
 import { n as h, C as u } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as g } from "../chunks/component.styles.CRO4Odto.js";
 import { c as _ } from "../chunks/custom-element.L4WJXn1j.js";
-import { L as f } from "../chunks/i18n.CgwQHLcP.js";
+import { L as f } from "../chunks/i18n.W6czbRms.js";
 import { i as v, x as C } from "../chunks/lit-element.jLBm65_O.js";
 var r = /* @__PURE__ */ ((e) => (e.BottomCenter = "bottom-center", e.BottomLeft = "bottom-left", e.BottomRight = "bottom-right", e.CenterCenter = "center-center", e.CenterLeft = "center-left", e.CenterRight = "center-right", e.TopCenter = "top-center", e.TopLeft = "top-left", e.TopRight = "top-right", e))(r || {});
 const b = v`.position-picker__column{width:fit-content}.position-picker__column::part(base){justify-content:center;align-items:center;gap:var(--cx-spacing-x-small);flex-direction:column;display:flex}.position-picker__radio{--checked-color:var(--cx-color-neutral-0);--checked-border-color:var(--cx-color-neutral-0);--checked-background-color:var(--cx-color-primary);--checked-hover-border-color:var(--cx-color-neutral-0);--checked-hover-background-color:var(--cx-color-primary)}`;

package/library/components/progress-bar.js

@@ -1,7 +1,7 @@
 import { n as i, C as d } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as h } from "../chunks/component.styles.CRO4Odto.js";
 import { c as m } from "../chunks/custom-element.L4WJXn1j.js";
-import { L as b } from "../chunks/i18n.CgwQHLcP.js";
+import { L as b } from "../chunks/i18n.W6czbRms.js";
 import { i as g, x as c } from "../chunks/lit-element.jLBm65_O.js";
 import { e as u } from "../chunks/class-map.BiVq-cVR.js";
 import { o as v } from "../chunks/if-defined.BRoBj_Rp.js";

package/library/components/progress-ring.js

@@ -1,7 +1,7 @@
 import { n as l, C as p } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as d } from "../chunks/component.styles.CRO4Odto.js";
 import { c as g } from "../chunks/custom-element.L4WJXn1j.js";
-import { L as u } from "../chunks/i18n.CgwQHLcP.js";
+import { L as u } from "../chunks/i18n.W6czbRms.js";
 import { i as f, x as v } from "../chunks/lit-element.jLBm65_O.js";
 import { r as m } from "../chunks/state.CSDxrqLd.js";
 import { e as h } from "../chunks/query.BBf1UFkC.js";

package/library/components/radio-button.js

@@ -9,7 +9,7 @@ import { e as y } from "../chunks/class-map.BiVq-cVR.js";
 import { o as h } from "../chunks/if-defined.BRoBj_Rp.js";
 import { u as _ } from "../chunks/static.UA3G1Deq.js";
 import { i as C } from "../chunks/lit-element.jLBm65_O.js";
-import { b as v } from "../chunks/button.styles.CKqn956w.js";
+import { b as v } from "../chunks/button.styles.Cz4EELcL.js";
 const w = C`
   ${v}
 

package/library/components/radio-group.js

@@ -3,7 +3,7 @@ import { c as g } from "../chunks/component.styles.CRO4Odto.js";
 import { f as y } from "../chunks/form-control.styles.CaGWmeAS.js";
 import { c as v } from "../chunks/custom-element.L4WJXn1j.js";
 import { d as x } from "../chunks/default-value.COZopaet.js";
-import { F as b, c as C, a as w, v as R } from "../chunks/form.Bi8x0jbW.js";
+import { F as b, c as C, a as w, v as R } from "../chunks/form.nRqYei4e.js";
 import { H as V } from "../chunks/slot.j5oheLJC.js";
 import { w as h } from "../chunks/watch.BCJD77bD.js";
 import { i as E, x as u } from "../chunks/lit-element.jLBm65_O.js";

package/library/components/range.js

@@ -6,8 +6,8 @@ import { c as U } from "../chunks/custom-element.L4WJXn1j.js";
 import { d as $ } from "../chunks/debounce.DaHuiSGU.js";
 import { d as O } from "../chunks/default-value.COZopaet.js";
 import { d as w } from "../chunks/drag.DXEXVXPv.js";
-import { F as N } from "../chunks/form.Bi8x0jbW.js";
-import { L as S } from "../chunks/i18n.CgwQHLcP.js";
+import { F as N } from "../chunks/form.nRqYei4e.js";
+import { L as S } from "../chunks/i18n.W6czbRms.js";
 import { c as d } from "../chunks/math.DqTA6ya4.js";
 import { H as A } from "../chunks/slot.j5oheLJC.js";
 import { w as v } from "../chunks/watch.BCJD77bD.js";

package/library/components/rating.js

@@ -1,7 +1,7 @@
 import { n as l, C as g } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as y } from "../chunks/component.styles.CRO4Odto.js";
 import { c as b } from "../chunks/custom-element.L4WJXn1j.js";
-import { L as f } from "../chunks/i18n.CgwQHLcP.js";
+import { L as f } from "../chunks/i18n.W6czbRms.js";
 import { c as _ } from "../chunks/math.DqTA6ya4.js";
 import { w as p } from "../chunks/watch.BCJD77bD.js";
 import { i as x, x as c } from "../chunks/lit-element.jLBm65_O.js";

package/library/components/relative-time.js

@@ -1,7 +1,7 @@
 import { n as l, C as h } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as p } from "../chunks/component.styles.CRO4Odto.js";
 import { c as v } from "../chunks/custom-element.L4WJXn1j.js";
-import { L as d } from "../chunks/i18n.CgwQHLcP.js";
+import { L as d } from "../chunks/i18n.W6czbRms.js";
 import { i as f, x as y } from "../chunks/lit-element.jLBm65_O.js";
 import { r as c } from "../chunks/state.CSDxrqLd.js";
 const T = f`:host{display:contents}.relative-time{color:var(--cx-relative-time-color,inherit);font-size:var(--cx-relative-time-font-size,inherit);font-weight:var(--cx-relative-time-font-weight,inherit)}`;

package/library/components/select.js

@@ -7,8 +7,8 @@ import { s as x, a as y } from "../chunks/animate.El-MpOws.js";
 import { c as z } from "../chunks/custom-element.L4WJXn1j.js";
 import { d as L } from "../chunks/default-value.COZopaet.js";
 import { w as v } from "../chunks/event.mFzZi4sr.js";
-import { F as $ } from "../chunks/form.Bi8x0jbW.js";
-import { L as I } from "../chunks/i18n.CgwQHLcP.js";
+import { F as $ } from "../chunks/form.nRqYei4e.js";
+import { L as I } from "../chunks/i18n.W6czbRms.js";
 import { s as F } from "../chunks/scroll.xtO5yojm.js";
 import { H as V } from "../chunks/slot.j5oheLJC.js";
 import { i as E } from "../chunks/user-agent.D9aPuOyL.js";
@@ -21,7 +21,7 @@ import { o as A } from "../chunks/unsafe-html.Dff7-rCx.js";
 import { n as f } from "../chunks/when.Dr1es41R.js";
 import { s as O, g as _ } from "../chunks/animation-registry.HmpwNuGH.js";
 import P from "./icon.js";
-import { C as d } from "../chunks/option.T4KSh5qy.js";
+import { C as d } from "../chunks/option.Cx54zrJq.js";
 import U from "./popup.js";
 import M from "./spinner.js";
 import N from "./tag.js";

package/library/components/share-option-list.js

@@ -4,10 +4,10 @@ import { n as h, C as P } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as C } from "../chunks/component.styles.CRO4Odto.js";
 import { c as O } from "../chunks/animate.El-MpOws.js";
 import { c as w } from "../chunks/custom-element.L4WJXn1j.js";
-import { L as E } from "../chunks/i18n.CgwQHLcP.js";
+import { L as E } from "../chunks/i18n.W6czbRms.js";
 import { c as b } from "../chunks/math.DqTA6ya4.js";
 import { w as m } from "../chunks/watch.BCJD77bD.js";
-import { c as x } from "../chunks/dom.Dd4Wh-Mt.js";
+import { c as x } from "../chunks/dom.DURaLV1d.js";
 import { i as z, x as g } from "../chunks/lit-element.jLBm65_O.js";
 import { r as v } from "../chunks/state.CSDxrqLd.js";
 import { t as L } from "../chunks/event-options.CYHYGOd8.js";

package/library/components/sidebar.js

@@ -1,6 +1,6 @@
 import b from "./divider.js";
 import v from "./icon.js";
-import { C as u } from "../chunks/icon-button.BpwPU4Vg.js";
+import { C as u } from "../chunks/icon-button.MqA-pNw8.js";
 import _ from "./resize-observer.js";
 import { n as d, C as m } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as f } from "../chunks/component.styles.CRO4Odto.js";