@trintel/zooy 1.0.20 → 1.1.2

package/dist/chunks/menu-DG7s9yXJ.js

@@ -1,682 +0,0 @@
-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
-};