@trintel/zooy 1.0.14 → 1.0.20

package/dist/chunks/menu-DG7s9yXJ.js

@@ -0,0 +1,682 @@
+import { _ as V } from "./component-library-registry-CJ1Yb_8E.js";
+import { o as m, t as y, u as X } from "./lit-uyM4-HrV.js";
+import { t as n } from "./decorate-DT052P_1.js";
+import { t as b } from "./carbon-element-Z5iEnFdr.js";
+import { i as r, r as x } from "./decorators-CK8kfuyw.js";
+import { t as A } from "./icon-loader-B9uu2SkP.js";
+import { t as F } from "./class-map-qeLb1IA_.js";
+import { t as z } from "./host-listener-DJEakRMM.js";
+import { t as I } from "./host-listener-BBI7oAFw.js";
+import { t as K } from "./16-CinLDpNC.js";
+import { n as W, t as H } from "./16-DoCnqtvj.js";
+var N = class extends Event {
+  constructor(o, i, e, t) {
+    super("context-request", {
+      bubbles: !0,
+      composed: !0
+    }), this.context = o, this.contextTarget = i, this.callback = e, this.subscribe = t ?? !1;
+  }
+};
+var q = class {
+  constructor(o, i, e, t) {
+    if (this.subscribe = !1, this.provided = !1, this.value = void 0, this.t = (s, c) => {
+      this.unsubscribe && (this.unsubscribe !== c && (this.provided = !1, this.unsubscribe()), this.subscribe || this.unsubscribe()), this.value = s, this.host.requestUpdate(), this.provided && !this.subscribe || (this.provided = !0, this.callback && this.callback(s, c)), this.unsubscribe = c;
+    }, this.host = o, i.context !== void 0) {
+      const s = i;
+      this.context = s.context, this.callback = s.callback, this.subscribe = s.subscribe ?? !1;
+    } else this.context = i, this.callback = e, this.subscribe = t ?? !1;
+    this.host.addController(this);
+  }
+  hostConnected() {
+    this.dispatchRequest();
+  }
+  hostDisconnected() {
+    this.unsubscribe && (this.unsubscribe(), this.unsubscribe = void 0);
+  }
+  dispatchRequest() {
+    this.host.dispatchEvent(new N(this.context, this.host, this.t, this.subscribe));
+  }
+}, j = class {
+  get value() {
+    return this.o;
+  }
+  set value(o) {
+    this.setValue(o);
+  }
+  setValue(o, i = !1) {
+    const e = i || !Object.is(o, this.o);
+    this.o = o, e && this.updateObservers();
+  }
+  constructor(o) {
+    this.subscriptions = /* @__PURE__ */ new Map(), this.updateObservers = () => {
+      for (const [i, { disposer: e }] of this.subscriptions) i(this.o, e);
+    }, o !== void 0 && (this.value = o);
+  }
+  addCallback(o, i, e) {
+    if (!e) return void o(this.value);
+    this.subscriptions.has(o) || this.subscriptions.set(o, {
+      disposer: () => {
+        this.subscriptions.delete(o);
+      },
+      consumerHost: i
+    });
+    const { disposer: t } = this.subscriptions.get(o);
+    o(this.value, t);
+  }
+  clearCallbacks() {
+    this.subscriptions.clear();
+  }
+}, Y = class extends Event {
+  constructor(o, i) {
+    super("context-provider", {
+      bubbles: !0,
+      composed: !0
+    }), this.context = o, this.contextTarget = i;
+  }
+}, B = class extends j {
+  constructor(o, i, e) {
+    super(i.context !== void 0 ? i.initialValue : e), this.onContextRequest = (t) => {
+      if (t.context !== this.context) return;
+      const s = t.contextTarget ?? t.composedPath()[0];
+      s !== this.host && (t.stopPropagation(), this.addCallback(t.callback, s, t.subscribe));
+    }, this.onProviderRequest = (t) => {
+      if (t.context !== this.context || (t.contextTarget ?? t.composedPath()[0]) === this.host) return;
+      const s = /* @__PURE__ */ new Set();
+      for (const [c, { consumerHost: l }] of this.subscriptions) s.has(c) || (s.add(c), l.dispatchEvent(new N(this.context, l, c, !0)));
+      t.stopPropagation();
+    }, this.host = o, i.context !== void 0 ? this.context = i.context : this.context = i, this.attachListeners(), this.host.addController?.(this);
+  }
+  attachListeners() {
+    this.host.addEventListener("context-request", this.onContextRequest), this.host.addEventListener("context-provider", this.onProviderRequest);
+  }
+  hostConnected() {
+    this.host.dispatchEvent(new Y(this.context, this.host));
+  }
+};
+function J({ context: o }) {
+  return (i, e) => {
+    const t = /* @__PURE__ */ new WeakMap();
+    if (typeof e == "object") return {
+      get() {
+        return i.get.call(this);
+      },
+      set(s) {
+        return t.get(this).setValue(s), i.set.call(this, s);
+      },
+      init(s) {
+        return t.set(this, new B(this, {
+          context: o,
+          initialValue: s
+        })), s;
+      }
+    };
+    {
+      i.constructor.addInitializer(((l) => {
+        t.set(l, new B(l, { context: o }));
+      }));
+      const s = Object.getOwnPropertyDescriptor(i, e);
+      let c;
+      if (s === void 0) {
+        const l = /* @__PURE__ */ new WeakMap();
+        c = {
+          get() {
+            return l.get(this);
+          },
+          set(u) {
+            t.get(this).setValue(u), l.set(this, u);
+          },
+          configurable: !0,
+          enumerable: !0
+        };
+      } else {
+        const l = s.set;
+        c = {
+          ...s,
+          set(u) {
+            t.get(this).setValue(u), l?.call(this, u);
+          }
+        };
+      }
+      Object.defineProperty(i, e, c);
+      return;
+    }
+  };
+}
+function E({ context: o, subscribe: i }) {
+  return (e, t) => {
+    typeof t == "object" ? t.addInitializer((function() {
+      new q(this, {
+        context: o,
+        callback: (s) => {
+          e.set.call(this, s);
+        },
+        subscribe: i
+      });
+    })) : e.constructor.addInitializer(((s) => {
+      new q(s, {
+        context: o,
+        callback: (c) => {
+          s[t] = c;
+        },
+        subscribe: i
+      });
+    }));
+  };
+}
+var Q = {
+  isRoot: !0,
+  hasSelectableItems: !1,
+  size: null,
+  updateFromChild: () => {
+  }
+}, f = "myData", _ = X(["@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--assistive-text,.cds--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds--layer-one.cds--layer__with-background,.cds--layer-three.cds--layer__with-background,.cds--layer-two.cds--layer__with-background{background-color:var(--cds-layer-background)}.cds--menu{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--menu *,.cds--menu :after,.cds--menu :before{box-sizing:inherit}.cds--menu{background-color:var(--cds-layer);box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));max-inline-size:18rem;min-inline-size:10rem;opacity:0;overflow-y:auto;padding:.25rem 0;position:fixed;visibility:hidden;z-index:9000}.cds--menu--border{outline:1px solid var(--cds-border-subtle)}.cds--menu--background-token__background{background-color:var(--cds-background,#fff)}.cds--menu--with-icons{min-inline-size:12rem}.cds--menu--open{visibility:visible}.cds--menu--open:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--menu--open:focus{outline-style:dotted}}.cds--menu:not(.cds--menu--open) .cds--menu--open{visibility:hidden}.cds--menu--shown{opacity:1;overflow:visible}.cds--menu-item{align-items:center;block-size:2rem;color:var(--cds-text-secondary,#525252);-moz-column-gap:.5rem;column-gap:.5rem;cursor:pointer;display:grid;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);grid-template-columns:1fr max-content;letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);padding-inline:1rem;transition:background-color 70ms cubic-bezier(.2,0,.38,.9)}.cds--menu-item:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--menu-item:focus{outline-style:dotted}}.cds--menu-item:hover{background-color:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}.cds--menu--xs .cds--menu-item{block-size:1.5rem}.cds--menu--sm .cds--menu-item{block-size:2rem}.cds--menu--md .cds--menu-item{block-size:2.5rem}.cds--menu--lg .cds--menu-item{block-size:3rem}.cds--menu-item-group>ul,.cds--menu-item-radio-group>ul{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--menu-item-group>ul *,.cds--menu-item-group>ul :after,.cds--menu-item-group>ul :before,.cds--menu-item-radio-group>ul *,.cds--menu-item-radio-group>ul :after,.cds--menu-item-radio-group>ul :before{box-sizing:inherit}.cds--menu--with-icons>.cds--menu-item,.cds--menu--with-icons>.cds--menu-item-group>ul>.cds--menu-item,.cds--menu--with-icons>.cds--menu-item-radio-group>ul>.cds--menu-item,.cds--menu--with-selectable-items>.cds--menu-item,.cds--menu--with-selectable-items>.cds--menu-item-group>ul>.cds--menu-item,.cds--menu--with-selectable-items>.cds--menu-item-radio-group>ul>.cds--menu-item{grid-template-columns:1rem 1fr max-content}.cds--menu--with-icons>.cds--menu-item-group>ul>.cds--menu-item>.cds--menu-item__icon,.cds--menu--with-icons>.cds--menu-item-radio-group>ul>.cds--menu-item>.cds--menu-item__icon,.cds--menu--with-icons>.cds--menu-item>.cds--menu-item__icon,.cds--menu--with-selectable-items>.cds--menu-item-group>ul>.cds--menu-item>.cds--menu-item__selection-icon,.cds--menu--with-selectable-items>.cds--menu-item-radio-group>ul>.cds--menu-item>.cds--menu-item__selection-icon,.cds--menu--with-selectable-items>.cds--menu-item>.cds--menu-item__selection-icon{display:flex}.cds--menu--with-icons.cds--menu--with-selectable-items>.cds--menu-item,.cds--menu--with-icons.cds--menu--with-selectable-items>.cds--menu-item-group>ul>.cds--menu-item,.cds--menu--with-icons.cds--menu--with-selectable-items>.cds--menu-item-radio-group>ul>.cds--menu-item{grid-template-columns:1rem 1rem 1fr max-content}.cds--menu-item--disabled{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds--menu-item--disabled.cds--menu-item--danger:hover,.cds--menu-item--disabled:hover{background-color:var(--cds-layer);color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--menu-item--danger:focus,.cds--menu-item--danger:hover{background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--menu-item-divider,:host(cds-menu-item-divider){background-color:var(--cds-border-subtle);block-size:.0625rem;display:block;inline-size:100%;margin-block:.25rem}:host(cds-menu-item){align-items:center;block-size:2rem;color:var(--cds-text-secondary,#525252);-moz-column-gap:.5rem;column-gap:.5rem;cursor:pointer;display:grid;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);grid-template-columns:1fr max-content;letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);padding-inline:1rem;transition:background-color 70ms cubic-bezier(.2,0,.38,.9)}:host(cds-menu-item) svg{color:var(--cds-icon-secondary,#525252)}:host(cds-menu-item:focus){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){:host(cds-menu-item:focus){outline-style:dotted}}:host(cds-menu-item:hover){background-color:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}:host(cds-menu-item:hover) svg{color:var(--cds-icon-primary,#161616)}:host(cds-menu-item-group)>ul,:host(cds-menu-item-radio-group)>ul{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}:host(cds-menu-item-group)>ul *,:host(cds-menu-item-group)>ul :after,:host(cds-menu-item-group)>ul :before,:host(cds-menu-item-radio-group)>ul *,:host(cds-menu-item-radio-group)>ul :after,:host(cds-menu-item-radio-group)>ul :before{box-sizing:inherit}.cds--menu-item__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds--menu-item__shortcut{display:flex}.cds--menu-item__icon{display:var(--child-icon-property,none)}:host([aria-disabled=true]) *{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}:host([aria-disabled=true].cds--menu-item--danger:hover),:host([aria-disabled=true]:hover){background-color:var(--cds-layer);color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}:host(.cds--menu-item--danger:focus),:host(.cds--menu-item--danger:hover){background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--menu-item__icon,.cds--menu-item__selection-icon{display:none}:host(cds-menu-item){block-size:var(--block-size-value);grid-template-columns:var(--grid-template)}:host(cds-menu-item) .cds--menu-item__icon{display:var(--display-icon-item)}.cds--menu-item__selection-icon{display:var(--display-selection-icon)}span[slot=render-icon]{display:flex}"]), G = /* @__PURE__ */ (function(o) {
+  return o.EXTRA_SMALL = "xs", o.SMALL = "sm", o.MEDIUM = "md", o.LARGE = "lg", o;
+})({}), R = /* @__PURE__ */ (function(o) {
+  return o.DEFAULT = "default", o.DANGER = "danger", o;
+})({}), P = /* @__PURE__ */ (function(o) {
+  return o.LAYER = "layer", o.BACKGROUND = "background", o;
+})({}), D = "cds-menu-close-root-request", a = class extends I(I(y)) {
+  constructor(...i) {
+    super(...i), this.hoverIntentDelay = 150, this._parentMenu = null, this.dangerDescription = "danger", this.submenuOpen = !1, this.kind = R.DEFAULT, this.boundaries = {
+      x: -1,
+      y: -1
+    }, this.ariaChecked = this.getAttribute("selected") ?? "false", this.isRtl = !1, this.hasSubmenu = !1, this._handleClick = (e) => {
+      if (this.hasSubmenu) {
+        this._openSubmenu();
+        return;
+      }
+      if (e.type === "keydown") {
+        this.click();
+        return;
+      }
+      this.dispatchEvent(new CustomEvent(D, {
+        bubbles: !0,
+        composed: !0,
+        detail: { triggerEvent: e }
+      }));
+    }, this._handleMouseEnter = () => {
+      this.hoverIntentTimeout = setTimeout(() => {
+        this._openSubmenu();
+      }, this.hoverIntentDelay);
+    }, this._handleMouseLeave = () => {
+      this.hoverIntentTimeout && (clearTimeout(this.hoverIntentTimeout), this._closeSubmenu(), this.focus());
+    }, this._openSubmenu = () => {
+      const { x: e, y: t, width: s, height: c } = this.getBoundingClientRect();
+      this.isRtl ? this.boundaries = {
+        x: [-e, e - s],
+        y: [t, t + c]
+      } : this.boundaries = {
+        x: [e, e + s],
+        y: [t, t + c]
+      }, this.submenuOpen = !0;
+    }, this._registerSubMenuItems = () => {
+      new MutationObserver((e) => {
+        for (const t of e) if (t.type === "childList") {
+          const s = this.shadowRoot?.querySelector('slot[name="submenu"]')?.assignedElements?.()?.[0];
+          if (s) switch (s.tagName) {
+            case "CDS-MENU-ITEM-RADIO-GROUP":
+              this.submenuEntry = s.querySelector("cds-menu-item");
+              break;
+            case "CDS-MENU-ITEM-GROUP": {
+              const c = s.shadowRoot?.querySelector("slot")?.assignedElements();
+              this.submenuEntry = c?.length && c[0];
+              break;
+            }
+            case "CDS-MENU-ITEM":
+              this.submenuEntry = s;
+              break;
+          }
+        }
+      }).observe(this.shadowRoot, {
+        childList: !0,
+        subtree: !0
+      });
+    }, this._closeSubmenu = () => {
+      this.boundaries = {
+        x: -1,
+        y: -1
+      }, this.submenuOpen = !1, this.shadowRoot?.querySelector(".cds--menu-item")?.focus();
+    }, this._handleKeyDown = (e) => {
+      this.hasSubmenu && [
+        "ArrowRight",
+        "Enter",
+        " "
+      ].includes(e.key) ? (this._openSubmenu(), setTimeout(() => {
+        this.submenuEntry.focus();
+      }), e.stopPropagation()) : (e.key === "Enter" || e.key === " ") && this._handleClick(e);
+    };
+  }
+  async dispatchIconDetect() {
+    this.querySelector('[slot="render-icon"]') && (await void 0, this.dispatchEvent(new CustomEvent("icon-detect", {
+      bubbles: !0,
+      composed: !0
+    })));
+  }
+  _updateAttributes() {
+    this.disabled && !this.hasSubmenu ? (this.setAttribute("aria-disabled", this.disabled), this.setAttribute("tabindex", "-1")) : this._parentMenu && !this._parentMenu.open ? (this.removeAttribute("aria-disabled"), this.setAttribute("tabindex", "-1")) : (this.removeAttribute("aria-disabled"), this.setAttribute("tabindex", "0")), this.hasSubmenu ? this.setAttribute("aria-haspopup", this.hasSubmenu + "") : this.removeAttribute("aria-haspopup"), this.closest("cds-menu-item-radio-group") ? (this.setAttribute("role", "menuitemradio"), this.setAttribute("aria-checked", this.ariaChecked + "")) : this.getAttribute("role") || this.setAttribute("role", "menuitem");
+  }
+  firstUpdated() {
+    this.hasSubmenu = !!this.querySelector('[slot="submenu"]'), this.dispatchIconDetect(), this.isRtl = document.dir === "rtl", this._registerSubMenuItems(), this._parentMenu = this.closest("cds-menu"), this._updateAttributes(), this.addEventListener("cds-menu-closed", () => {
+      this.focus(), this._closeSubmenu();
+    }), this._parentMenu && (this._parentMenuObserver = new MutationObserver(() => {
+      this._updateAttributes();
+    }), this._parentMenuObserver.observe(this._parentMenu, {
+      attributes: !0,
+      attributeFilter: ["open"]
+    }));
+  }
+  disconnectedCallback() {
+    this._parentMenuObserver?.disconnect();
+  }
+  updated() {
+    this.hasSubmenu ? this.setAttribute("aria-expanded", this.hasSubmenu + "") : this.removeAttribute("aria-expanded"), this.kind === R.DANGER && this.classList.toggle("cds--menu-item--danger");
+  }
+  handleClick(i) {
+    this._handleClick(i);
+  }
+  handleMouseEnter() {
+    this.hasSubmenu && this._handleMouseEnter();
+  }
+  handleMouseLeave() {
+    this.hasSubmenu && this._handleMouseLeave();
+  }
+  handleKeyDown(i) {
+    this._handleKeyDown(i);
+  }
+  render() {
+    const { label: i, shortcut: e, submenuOpen: t, boundaries: s, isRtl: c, kind: l, dangerDescription: u } = this, h = l === R.DANGER && !this.hasSubmenu, w = this.context?.hasSelectableItems ? "cds--menu--with-selectable-items" : "";
+    return m`
+      <div class="${"cds"}--menu-item__selection-icon">
+        ${this.ariaChecked === "true" ? A(K) : void 0}
+      </div>
+
+      <div class="${"cds"}--menu-item__icon">
+        <slot name="render-icon"></slot>
+      </div>
+      <div class="${"cds"}--menu-item__label">${i}</div>
+      ${h ? m`<span id="danger-description" class="${"cds"}--visually-hidden"
+            >${u}</span
+          >` : m``}
+      ${e && !this.hasSubmenu ? m` <div class="${"cds"}--menu-item__shortcut">${e}</div> ` : m``}
+      ${this.hasSubmenu ? m`
+            <div class="${"cds"}--menu-item__shortcut">
+              ${c ? A(W) : A(H)}
+            </div>
+            <cds-menu
+              className=${w}
+              size=${this.parentElement?.getAttribute("size") ?? G.LARGE}
+              ?isChild="${this.hasSubmenu}"
+              label="${i}"
+              .open="${t}"
+              .x="${s.x}"
+              .y="${s.y}">
+              <slot name="submenu"></slot>
+            </cds-menu>
+          ` : m``}
+    `;
+  }
+  static {
+    this.styles = _;
+  }
+};
+n([E({ context: f })], a.prototype, "context", void 0);
+n([r({ type: String })], a.prototype, "label", void 0);
+n([r({ type: String })], a.prototype, "shortcut", void 0);
+n([r({ type: Boolean })], a.prototype, "disabled", void 0);
+n([r({
+  type: String,
+  attribute: "danger-description"
+})], a.prototype, "dangerDescription", void 0);
+n([r({ type: Boolean })], a.prototype, "submenuOpen", void 0);
+n([r()], a.prototype, "kind", void 0);
+n([r()], a.prototype, "boundaries", void 0);
+n([r({ attribute: "aria-checked" })], a.prototype, "ariaChecked", void 0);
+n([x()], a.prototype, "submenuEntry", void 0);
+n([x()], a.prototype, "isRtl", void 0);
+n([x()], a.prototype, "hasSubmenu", void 0);
+n([z("click", { capture: !0 })], a.prototype, "handleClick", null);
+n([z("mouseenter")], a.prototype, "handleMouseEnter", null);
+n([z("mouseleave")], a.prototype, "handleMouseLeave", null);
+n([z("keydown")], a.prototype, "handleKeyDown", null);
+a = n([b("cds-menu-item")], a);
+var Z = X(["@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--assistive-text,.cds--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds--layer-one.cds--layer__with-background,.cds--layer-three.cds--layer__with-background,.cds--layer-two.cds--layer__with-background{background-color:var(--cds-layer-background)}.cds--menu{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--menu *,.cds--menu :after,.cds--menu :before{box-sizing:inherit}.cds--menu{background-color:var(--cds-layer);box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));max-inline-size:18rem;min-inline-size:10rem;padding:.25rem 0;position:fixed;z-index:9000}.cds--menu--border{outline:1px solid var(--cds-border-subtle)}.cds--menu--background-token__background{background-color:var(--cds-background,#fff)}.cds--menu:not(.cds--menu--open) .cds--menu--open{visibility:hidden}.cds--menu--shown{overflow:visible}.cds--menu-item{align-items:center;block-size:2rem;color:var(--cds-text-secondary,#525252);-moz-column-gap:.5rem;column-gap:.5rem;cursor:pointer;display:grid;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);grid-template-columns:1fr max-content;letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);padding-inline:1rem;transition:background-color 70ms cubic-bezier(.2,0,.38,.9)}.cds--menu-item:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--menu-item:focus{outline-style:dotted}}.cds--menu-item:hover{background-color:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}.cds--menu--xs .cds--menu-item{block-size:1.5rem}.cds--menu--sm .cds--menu-item{block-size:2rem}.cds--menu--md .cds--menu-item{block-size:2.5rem}.cds--menu--lg .cds--menu-item{block-size:3rem}.cds--menu-item__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds--menu-item__shortcut{display:flex}.cds--menu-item-group>ul,.cds--menu-item-radio-group>ul{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--menu-item-group>ul *,.cds--menu-item-group>ul :after,.cds--menu-item-group>ul :before,.cds--menu-item-radio-group>ul *,.cds--menu-item-radio-group>ul :after,.cds--menu-item-radio-group>ul :before{box-sizing:inherit}.cds--menu-item__icon,.cds--menu-item__selection-icon{display:none}.cds--menu--with-icons>.cds--menu-item,.cds--menu--with-icons>.cds--menu-item-group>ul>.cds--menu-item,.cds--menu--with-icons>.cds--menu-item-radio-group>ul>.cds--menu-item,.cds--menu--with-selectable-items>.cds--menu-item,.cds--menu--with-selectable-items>.cds--menu-item-group>ul>.cds--menu-item,.cds--menu--with-selectable-items>.cds--menu-item-radio-group>ul>.cds--menu-item{grid-template-columns:1rem 1fr max-content}.cds--menu--with-icons>.cds--menu-item-group>ul>.cds--menu-item>.cds--menu-item__icon,.cds--menu--with-icons>.cds--menu-item-radio-group>ul>.cds--menu-item>.cds--menu-item__icon,.cds--menu--with-icons>.cds--menu-item>.cds--menu-item__icon,.cds--menu--with-selectable-items>.cds--menu-item-group>ul>.cds--menu-item>.cds--menu-item__selection-icon,.cds--menu--with-selectable-items>.cds--menu-item-radio-group>ul>.cds--menu-item>.cds--menu-item__selection-icon,.cds--menu--with-selectable-items>.cds--menu-item>.cds--menu-item__selection-icon{display:flex}.cds--menu--with-icons.cds--menu--with-selectable-items>.cds--menu-item,.cds--menu--with-icons.cds--menu--with-selectable-items>.cds--menu-item-group>ul>.cds--menu-item,.cds--menu--with-icons.cds--menu--with-selectable-items>.cds--menu-item-radio-group>ul>.cds--menu-item{grid-template-columns:1rem 1rem 1fr max-content}.cds--menu-item--disabled{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds--menu-item--disabled.cds--menu-item--danger:hover,.cds--menu-item--disabled:hover{background-color:var(--cds-layer);color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--menu-item--danger:focus,.cds--menu-item--danger:hover{background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--menu-item-divider{background-color:var(--cds-border-subtle);block-size:.0625rem;display:block;inline-size:100%;margin-block:.25rem}.cds--menu--with-icons{--child-icon-property:flex;--child-grid-template-columns:1rem 1fr max-content}:host(cds-menu){position:fixed;z-index:9000;--grid-template:1fr max-content;--display-icon-item:none;--display-selection-icon:none;--block-size-value:2rem}:host(cds-menu):not([open]){pointer-events:none}.cds--menu--with-icons{--grid-template:1rem 1fr max-content;--display-icon-item:flex}.cds--menu--with-selectable-items{--grid-template:1rem 1fr max-content;--display-selection-icon:flex}.cds--menu--with-icons.cds--menu--with-selectable-items{--grid-template:1rem 1rem 1fr max-content}.cds--menu{opacity:0;overflow-y:auto;pointer-events:none;visibility:hidden}.cds--menu--shown{opacity:1}.cds--menu--open{visibility:visible}.cds--menu--open:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--menu--open:focus{outline-style:dotted}}.cds--menu--open.cds--menu--shown{pointer-events:auto}.cds--menu--with-icons{min-inline-size:12rem}.cds--menu--xs{--block-size-value:1.5rem}.cds--menu--sm{--block-size-value:2rem}.cds--menu--md{--block-size-value:2.5rem}.cds--menu--lg{--block-size-value:3rem}"]), d = class extends I(y) {
+  constructor(...i) {
+    super(...i), this.context = {
+      ...Q,
+      updateFromChild: (e) => {
+        this.context = {
+          ...this.context,
+          ...e
+        };
+      }
+    }, this.spacing = 8, this.items = [], this.activeitems = [], this.isChild = !1, this.isRtl = !1, this.isRoot = !0, this.direction = "ltr", this.open = !0, this.position = [-1, -1], this.size = G.SMALL, this.backgroundToken = P.LAYER, this.border = !1, this.x = 0, this.y = 0, this._handleBlur = (e) => {
+      const { isRoot: t } = this.context;
+      this.open && t && !this.contains(e.relatedTarget) && this.dispatchCloseEvent(e);
+    }, this._handleKeyDown = (e) => {
+      const { isRoot: t } = this.context;
+      e.stopPropagation(), e.key === "Escape" || !t && e.key === "ArrowLeft" ? this.dispatchCloseEvent(e) : ((e.key === "ArrowUp" || e.key === "ArrowDown") && e.preventDefault(), this._focusItem(e));
+    }, this._focusItem = (e) => {
+      let t;
+      if (document.activeElement?.tagName !== "CDS-MENU") {
+        const c = this._findActiveElementInShadowRoot(document);
+        t = this.activeitems.findIndex((l) => c == l.item || l.item.shadowRoot?.activeElement === c);
+      } else t = 0;
+      let s = t;
+      t === -1 ? s = 0 : e && (e.key === "ArrowUp" && (s = s - 1), e.key === "ArrowDown" && (s = s + 1)), s < 0 && (s = this.activeitems.length - 1), s >= this.activeitems.length && (s = 0), s !== t && this.activeitems[s]?.item?.focus();
+    }, this._findActiveElementInShadowRoot = (e) => {
+      if (e === null) return null;
+      let t = e.activeElement;
+      for (; t && t.shadowRoot && t.shadowRoot.activeElement; ) t = t.shadowRoot.activeElement;
+      return t;
+    }, this._notEmpty = (e) => e != null, this._fitValue = (e, t) => {
+      const { isRoot: s } = this.context, { width: c, height: l } = (this.shadowRoot?.querySelector(".cds--menu") ?? this).getBoundingClientRect(), u = s ? "vertical" : "horizontal", h = {
+        x: {
+          max: window.innerWidth,
+          size: c,
+          anchor: u === "horizontal" ? e[1] : e[0],
+          reversedAnchor: u === "horizontal" ? e[0] : e[1],
+          offset: 0
+        },
+        y: {
+          max: window.innerHeight,
+          size: l,
+          anchor: u === "horizontal" ? e[0] : e[1],
+          reversedAnchor: u === "horizontal" ? e[1] : e[0],
+          offset: s ? 0 : 4
+        }
+      };
+      if (this.actionButtonWidth && this.actionButtonWidth < h.x.size && (this.menuAlignment === "bottom" || this.menuAlignment === "top") && (h.x.size = this.actionButtonWidth), this.actionButtonWidth && (this.menuAlignment === "bottom-end" || this.menuAlignment === "top-end") && h.x.anchor >= 87 && this.actionButtonWidth < h.x.size) {
+        const $ = h.x.anchor + h.x.reversedAnchor;
+        h.x.anchor = h.x.anchor + $;
+      }
+      const { max: w, size: k, anchor: C, reversedAnchor: O, offset: S } = h[t], g = [
+        w - this.spacing - k - C >= 0 ? C - S : !1,
+        O - k >= 0 ? O - k + S : !1,
+        w - this.spacing - k
+      ], L = this.menuAlignment === "top" || this.menuAlignment === "top-end" || this.menuAlignment === "top-start";
+      typeof g[0] == "number" && L && g[0] >= 0 && !g[1] && t === "y" ? this.style.transform = "translate(0)" : L && !g[0] && t === "y" && (g[0] = C - S);
+      const T = g.find(($) => $ !== !1);
+      return T >= this.spacing ? T : this.spacing;
+    }, this._getPosition = (e) => {
+      if (Array.isArray(e)) {
+        const t = e.filter(this._notEmpty);
+        return t.length === 2 ? t : void 0;
+      } else return [e, e];
+    }, this._calculatePosition = () => {
+      const e = {
+        x: this._getPosition(this.x),
+        y: this._getPosition(this.y)
+      };
+      return !e.x || !e.y ? [-1, -1] : [this._fitValue(e.x, "x") ?? -1, this._fitValue(e.y, "y") ?? -1];
+    }, this._handleOpen = async () => {
+      const e = this._calculatePosition();
+      this.isRtl ? (this.style.insetInlineStart = "initial", this.style.insetInlineEnd = `${e[0]}px`) : (this.style.insetInlineStart = `${e[0]}px`, this.style.insetInlineEnd = "initial"), this.style.insetBlockStart = `${e[1]}px`, this.position = e, await this.updateComplete, this._registerMenuItems(), this._setActiveItems();
+      const t = {
+        bubbles: !0,
+        cancelable: !0,
+        composed: !0
+      };
+      this.dispatchEvent(new CustomEvent(this.constructor.eventOnOpen, t)) && this.dispatchEvent(new CustomEvent(this.constructor.eventOnOpen, t));
+    }, this.dispatchCloseEvent = (e) => {
+      const t = {
+        bubbles: !0,
+        cancelable: !0,
+        composed: !0,
+        detail: {
+          triggeredBy: e?.target,
+          triggerEventType: e?.type
+        }
+      };
+      this.dispatchEvent(new CustomEvent(this.constructor.eventOnClose, t)) && this.dispatchEvent(new CustomEvent(this.constructor.eventOnClose, t));
+    }, this._handleClose = () => {
+      this.position = [-1, -1], this.style.removeProperty("inset-inline-start"), this.style.removeProperty("inset-inline-end"), this.style.removeProperty("inset-block-start");
+    }, this._handleRootCloseRequest = (e) => {
+      this.context?.isRoot && this.dispatchCloseEvent(e.detail?.triggerEvent ?? e);
+    }, this._newContextCreate = () => {
+      this.context = {
+        ...this.context,
+        isRoot: !1,
+        size: this.size
+      };
+    }, this._registerMenuItems = () => {
+      let e;
+      this.isChild ? e = this.querySelector('slot[name="submenu"]')?.assignedElements() ?? [] : e = this.shadowRoot?.querySelector("slot")?.assignedElements() ?? [], this.items = e?.filter((t) => t.tagName === "CDS-MENU-ITEM" ? !t.disabled : t.tagName !== "CDS-MENU-ITEM-DIVIDER");
+    }, this._setActiveItems = () => {
+      this.activeitems = [], this.items?.map((e) => {
+        let t;
+        switch (e.tagName) {
+          case "CDS-MENU-ITEM-RADIO-GROUP": {
+            const s = e.querySelectorAll("cds-menu-item");
+            if (s?.length) for (const c of s.entries())
+              t = {
+                item: c[1],
+                parent: e
+              }, this.activeitems = [...this.activeitems, t];
+            break;
+          }
+          case "CDS-MENU-ITEM-GROUP":
+            e.shadowRoot?.querySelector("slot")?.assignedElements()?.map((s) => {
+              t = {
+                item: s,
+                parent: s
+              }, this.activeitems = [...this.activeitems, t];
+            });
+            break;
+          case "CDS-MENU-ITEM-SELECTABLE":
+            t = {
+              item: e.shadowRoot?.querySelector("cds-menu-item"),
+              parent: e
+            }, this.activeitems = [...this.activeitems, t];
+            break;
+          default:
+            t = {
+              item: e,
+              parent: null
+            }, this.activeitems = [...this.activeitems, t];
+        }
+      }), (this.activeitems[0]?.item ?? document.activeElement).focus();
+    };
+  }
+  static get eventOnClose() {
+    return "cds-menu-closed";
+  }
+  static get eventOnOpen() {
+    return "cds-menu-opened";
+  }
+  updated(i) {
+    i.has("open") && (this.open ? this._handleOpen() : this._handleClose());
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.addEventListener("icon-detect", () => {
+      this.shadowRoot?.querySelector(".cds--menu")?.classList.add("cds--menu--with-icons");
+    }), this.addEventListener(D, this._handleRootCloseRequest);
+  }
+  disconnectedCallback() {
+    this.removeEventListener(D, this._handleRootCloseRequest), super.disconnectedCallback();
+  }
+  async firstUpdated() {
+    this.isRtl = this.direction === "rtl", this.isRoot = this.context.isRoot, this.isChild && this._newContextCreate(), await this.updateComplete, this._registerMenuItems(), this._setActiveItems(), this.shadowRoot?.querySelector("slot")?.addEventListener("slotchange", () => {
+      this._registerMenuItems(), this._setActiveItems();
+    });
+  }
+  render() {
+    const { open: i, menuAlignment: e, label: t, position: s, _handleKeyDown: c } = this;
+    return m`
+      <ul
+        class="${F({
+      "cds--menu": !0,
+      [`cds--menu--${this.size}`]: this.size,
+      "cds--menu--box-shadow-top": e && e.slice(0, 3) === "top",
+      "cds--menu--open": i,
+      "cds--menu--shown": s[0] >= 0 && s[1] >= 0,
+      "cds--menu--with-selectable-items": this.context.hasSelectableItems,
+      "cds--menu--border": this.border,
+      "cds--menu--background-token__background": this.backgroundToken === P.BACKGROUND
+    })}"
+        aria-label="${t}"
+        tabindex="-1"
+        @keydown="${c}"
+        role="menu">
+        <slot></slot>
+      </ul>
+    `;
+  }
+  static {
+    this.styles = Z;
+  }
+};
+n([J({ context: f }), E({ context: f })], d.prototype, "context", void 0);
+n([x()], d.prototype, "items", void 0);
+n([x()], d.prototype, "activeitems", void 0);
+n([r({ type: String })], d.prototype, "label", void 0);
+n([r({ type: Boolean })], d.prototype, "isChild", void 0);
+n([r()], d.prototype, "actionButtonWidth", void 0);
+n([r({ type: Boolean })], d.prototype, "isRtl", void 0);
+n([r({ type: Boolean })], d.prototype, "isRoot", void 0);
+n([r({ type: String })], d.prototype, "direction", void 0);
+n([r({
+  type: Boolean,
+  reflect: !0
+})], d.prototype, "open", void 0);
+n([r({ type: HTMLElement })], d.prototype, "focusreturn", void 0);
+n([r()], d.prototype, "position", void 0);
+n([r({ attribute: !0 })], d.prototype, "size", void 0);
+n([r()], d.prototype, "mode", void 0);
+n([r({
+  type: String,
+  attribute: "background-token"
+})], d.prototype, "backgroundToken", void 0);
+n([r({ type: Boolean })], d.prototype, "border", void 0);
+n([r({ type: String })], d.prototype, "menuAlignment", void 0);
+n([r()], d.prototype, "x", void 0);
+n([r()], d.prototype, "y", void 0);
+n([z("focusout")], d.prototype, "_handleBlur", void 0);
+d = n([b("cds-menu")], d);
+var U = class extends y {
+  connectedCallback() {
+    this.hasAttribute("role") || this.setAttribute("role", "separator"), super.connectedCallback();
+  }
+  static {
+    this.styles = _;
+  }
+};
+U = n([b("cds-menu-item-divider")], U);
+var M = class extends y {
+  render() {
+    const { label: i } = this;
+    return m`
+      <ul role="group" aria-label="${i}">
+        <slot></slot>
+      </ul>
+    `;
+  }
+  static {
+    this.styles = _;
+  }
+};
+n([r({ type: String })], M.prototype, "label", void 0);
+M = n([b("cds-menu-item-group")], M);
+var v = class extends y {
+  constructor(...i) {
+    super(...i), this.selected = !1, this._handleClick = (e) => {
+      this.selected = !this.selected;
+      const t = {
+        bubbles: !0,
+        cancelable: !0,
+        composed: !0,
+        detail: { triggeredBy: e.target }
+      };
+      this.dispatchEvent(new CustomEvent(this.constructor.eventOnChange, t)) && this.dispatchEvent(new CustomEvent(this.constructor.eventOnChange, t));
+    }, this._handleKeydown = (e) => {
+      (e.key === "Enter" || e.key === " ") && this._handleClick(e);
+    };
+  }
+  static get eventOnChange() {
+    return "cds-item-changed";
+  }
+  static {
+    this.shadowRootOptions = {
+      ...y.shadowRootOptions,
+      delegatesFocus: !0
+    };
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.addEventListener("keydown", this._handleKeydown);
+  }
+  firstUpdated() {
+    const i = this.shadowRoot?.querySelector("cds-menu-item");
+    i && i.addEventListener("keydown", this._handleKeydown), this.context.updateFromChild({ hasSelectableItems: !0 });
+  }
+  render() {
+    const { label: i, selected: e, _handleClick: t } = this;
+    return m`
+      <cds-menu-item
+        label="${i}"
+        class="${"cds"}--menu-item-selectable--selected"
+        role="menuitemcheckbox"
+        shortcut=${this.shortcut}
+        aria-checked="${e}"
+        @click="${t}">
+        <slot slot="render-icon" name="render-icon"></slot>
+      </cds-menu-item>
+    `;
+  }
+  static {
+    this.styles = _;
+  }
+};
+n([E({ context: f })], v.prototype, "context", void 0);
+n([r({ type: String })], v.prototype, "label", void 0);
+n([r({ type: Boolean })], v.prototype, "selected", void 0);
+n([r()], v.prototype, "renderIcon", void 0);
+n([r()], v.prototype, "shortcut", void 0);
+v = n([b("cds-menu-item-selectable")], v);
+var p = class extends y {
+  constructor(...i) {
+    super(...i), this.items = [];
+  }
+  static get eventOnChange() {
+    return "cds-item-changed";
+  }
+  firstUpdated() {
+    this.context.updateFromChild({ hasSelectableItems: !0 }), this.addEventListener("click", (i) => {
+      this.selectedItem = i.target;
+      const e = {
+        bubbles: !0,
+        cancelable: !0,
+        composed: !0,
+        detail: { triggeredBy: i.target }
+      };
+      this.dispatchEvent(new CustomEvent(this.constructor.eventOnChange, e)) && this.dispatchEvent(new CustomEvent(this.constructor.eventOnChange, e));
+    });
+  }
+  updated(i) {
+    i.has("selectedItem") && this.querySelectorAll("cds-menu-item").forEach((e) => {
+      e === this.selectedItem ? e.setAttribute("aria-checked", "true") : e.setAttribute("aria-checked", "false");
+    });
+  }
+  render() {
+    const { label: i } = this;
+    return m`
+      <ul role="group" aria-label="${i}">
+        <slot></slot>
+      </ul>
+    `;
+  }
+  static {
+    this.styles = _;
+  }
+};
+n([E({ context: f })], p.prototype, "context", void 0);
+n([r({ type: String })], p.prototype, "label", void 0);
+n([r({ type: Array })], p.prototype, "items", void 0);
+n([r({
+  type: String,
+  attribute: !0
+})], p.prototype, "selectedItem", void 0);
+n([r()], p.prototype, "itemToString", void 0);
+p = n([b("cds-menu-item-radio-group")], p);
+var ge = /* @__PURE__ */ V({});
+export {
+  ge as t
+};