@trintel/zooy 1.0.1-beta.0

package/dist/chunks/index-CByffhPq.js

@@ -0,0 +1,762 @@
+import { _ as o } from "./tslib.es6-C5gLNDSD.js";
+import { a as P, i as _, p as d, x as p } from "./settings-BPOpwVkr.js";
+import { n as r } from "./property-pT1z5CCa.js";
+import { r as E } from "./state-Bpmgn27B.js";
+import { c as w } from "./carbon-element-DzDuXiyl.js";
+import { H as C } from "./host-listener-DD3oGxvg.js";
+import { H as M } from "./host-listener-CN245INl.js";
+import { e as N } from "./class-map-DEHG4tmw.js";
+import { _ as j } from "./16-CSWwhDUY.js";
+import { _ as G, a as V } from "./16-BFJN6B6d.js";
+import { i as O } from "./icon-loader-Dk_AU26w.js";
+var K = P(["@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{background-color:var(--cds-layer);border:0;box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;max-inline-size:18rem;min-inline-size:10rem;opacity:0;padding:.25rem 0;position:fixed;vertical-align:baseline;visibility:hidden;z-index:9000}.cds--menu *,.cds--menu :after,.cds--menu :before{box-sizing:inherit}.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;--grid-template:1fr max-content;--display-icon-item:none;--display-selection-icon:none;--block-size-value:2rem}.cds--menu--with-icons{--grid-template:1rem 1fr max-content;--display-icon-item:flex}.cds--menu--with-selectable-items{--display-selection-icon:flex}.cds--menu--with-icons.cds--menu--with-selectable-items{--grid-template:1rem 1rem 1fr max-content}.cds--menu{overflow-y:auto}.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:not(.cds--menu--open) .cds--menu--open{visibility:hidden}.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}"]);
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+let X = class extends Event {
+  constructor(e, t, s, i) {
+    super("context-request", { bubbles: !0, composed: !0 }), this.context = e, this.contextTarget = t, this.callback = s, this.subscribe = i ?? !1;
+  }
+};
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+let B = class {
+  constructor(e, t, s, i) {
+    if (this.subscribe = !1, this.provided = !1, this.value = void 0, this.t = (n, c) => {
+      this.unsubscribe && (this.unsubscribe !== c && (this.provided = !1, this.unsubscribe()), this.subscribe || this.unsubscribe()), this.value = n, this.host.requestUpdate(), this.provided && !this.subscribe || (this.provided = !0, this.callback && this.callback(n, c)), this.unsubscribe = c;
+    }, this.host = e, t.context !== void 0) {
+      const n = t;
+      this.context = n.context, this.callback = n.callback, this.subscribe = n.subscribe ?? !1;
+    } else this.context = t, this.callback = s, this.subscribe = i ?? !1;
+    this.host.addController(this);
+  }
+  hostConnected() {
+    this.dispatchRequest();
+  }
+  hostDisconnected() {
+    this.unsubscribe && (this.unsubscribe(), this.unsubscribe = void 0);
+  }
+  dispatchRequest() {
+    this.host.dispatchEvent(new X(this.context, this.host, this.t, this.subscribe));
+  }
+};
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+class W {
+  get value() {
+    return this.o;
+  }
+  set value(e) {
+    this.setValue(e);
+  }
+  setValue(e, t = !1) {
+    const s = t || !Object.is(e, this.o);
+    this.o = e, s && this.updateObservers();
+  }
+  constructor(e) {
+    this.subscriptions = /* @__PURE__ */ new Map(), this.updateObservers = () => {
+      for (const [t, { disposer: s }] of this.subscriptions) t(this.o, s);
+    }, e !== void 0 && (this.value = e);
+  }
+  addCallback(e, t, s) {
+    if (!s) return void e(this.value);
+    this.subscriptions.has(e) || this.subscriptions.set(e, { disposer: () => {
+      this.subscriptions.delete(e);
+    }, consumerHost: t });
+    const { disposer: i } = this.subscriptions.get(e);
+    e(this.value, i);
+  }
+  clearCallbacks() {
+    this.subscriptions.clear();
+  }
+}
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+let F = class extends Event {
+  constructor(e, t) {
+    super("context-provider", { bubbles: !0, composed: !0 }), this.context = e, this.contextTarget = t;
+  }
+};
+class U extends W {
+  constructor(e, t, s) {
+    super(t.context !== void 0 ? t.initialValue : s), this.onContextRequest = (i) => {
+      if (i.context !== this.context) return;
+      const n = i.contextTarget ?? i.composedPath()[0];
+      n !== this.host && (i.stopPropagation(), this.addCallback(i.callback, n, i.subscribe));
+    }, this.onProviderRequest = (i) => {
+      if (i.context !== this.context || (i.contextTarget ?? i.composedPath()[0]) === this.host) return;
+      const n = /* @__PURE__ */ new Set();
+      for (const [c, { consumerHost: a }] of this.subscriptions) n.has(c) || (n.add(c), a.dispatchEvent(new X(this.context, a, c, !0)));
+      i.stopPropagation();
+    }, this.host = e, t.context !== void 0 ? this.context = t.context : this.context = t, 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 F(this.context, this.host));
+  }
+}
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+function H({ context: l }) {
+  return (e, t) => {
+    const s = /* @__PURE__ */ new WeakMap();
+    if (typeof t == "object") return { get() {
+      return e.get.call(this);
+    }, set(i) {
+      return s.get(this).setValue(i), e.set.call(this, i);
+    }, init(i) {
+      return s.set(this, new U(this, { context: l, initialValue: i })), i;
+    } };
+    {
+      e.constructor.addInitializer(((c) => {
+        s.set(c, new U(c, { context: l }));
+      }));
+      const i = Object.getOwnPropertyDescriptor(e, t);
+      let n;
+      if (i === void 0) {
+        const c = /* @__PURE__ */ new WeakMap();
+        n = { get() {
+          return c.get(this);
+        }, set(a) {
+          s.get(this).setValue(a), c.set(this, a);
+        }, configurable: !0, enumerable: !0 };
+      } else {
+        const c = i.set;
+        n = { ...i, set(a) {
+          s.get(this).setValue(a), c?.call(this, a);
+        } };
+      }
+      return void Object.defineProperty(e, t, n);
+    }
+  };
+}
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+function R({ context: l, subscribe: e }) {
+  return (t, s) => {
+    typeof s == "object" ? s.addInitializer((function() {
+      new B(this, { context: l, callback: (i) => {
+        t.set.call(this, i);
+      }, subscribe: e });
+    })) : t.constructor.addInitializer(((i) => {
+      new B(i, { context: l, callback: (n) => {
+        i[s] = n;
+      }, subscribe: e });
+    }));
+  };
+}
+const J = {
+  isRoot: !0,
+  hasSelectableItems: !1,
+  size: null,
+  updateFromChild: () => {
+  }
+}, k = "myData";
+var $;
+(function(l) {
+  l.EXTRA_SMALL = "xs", l.SMALL = "sm", l.MEDIUM = "md", l.LARGE = "lg";
+})($ || ($ = {}));
+var A;
+(function(l) {
+  l.DEFAULT = "default", l.DANGER = "danger";
+})(A || (A = {}));
+let m = class extends M(_) {
+  constructor() {
+    super(...arguments), this.context = Object.assign(Object.assign({}, J), { updateFromChild: (e) => {
+      this.context = Object.assign(Object.assign({}, 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 = $.SMALL, 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) => {
+      var t, s, i;
+      let n;
+      if (((t = document.activeElement) === null || t === void 0 ? void 0 : t.tagName) !== "CDS-MENU") {
+        const a = this._findActiveElementInShadowRoot(document);
+        n = this.activeitems.findIndex((v) => {
+          var u;
+          return a == v.item || ((u = v.item.shadowRoot) === null || u === void 0 ? void 0 : u.activeElement) === a;
+        });
+      } else
+        n = 0;
+      let c = n;
+      n === -1 ? c = 0 : e && (e.key === "ArrowUp" && (c = c - 1), e.key === "ArrowDown" && (c = c + 1)), c < 0 && (c = this.activeitems.length - 1), c >= this.activeitems.length && (c = 0), c !== n && ((i = (s = this.activeitems[c]) === null || s === void 0 ? void 0 : s.item) === null || i === void 0 || i.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: i, height: n } = this.getBoundingClientRect(), c = s ? "vertical" : "horizontal", a = {
+        x: {
+          max: window.innerWidth,
+          size: i,
+          anchor: c === "horizontal" ? e[1] : e[0],
+          reversedAnchor: c === "horizontal" ? e[0] : e[1],
+          offset: 0
+        },
+        y: {
+          max: window.innerHeight,
+          size: n,
+          anchor: c === "horizontal" ? e[0] : e[1],
+          reversedAnchor: c === "horizontal" ? e[1] : e[0],
+          offset: s ? 0 : 4
+          // top padding in menu, used to align the menu items
+        }
+      };
+      if (this.actionButtonWidth && this.actionButtonWidth < a.x.size && (this.menuAlignment === "bottom" || this.menuAlignment === "top") && (a.x.size = this.actionButtonWidth), this.actionButtonWidth && (this.menuAlignment === "bottom-end" || this.menuAlignment === "top-end") && a.x.anchor >= 87 && this.actionButtonWidth < a.x.size) {
+        const D = a.x.anchor + a.x.reversedAnchor;
+        a.x.anchor = a.x.anchor + D;
+      }
+      const { max: v, size: u, anchor: y, reversedAnchor: g, offset: f } = a[t], x = [
+        // towards max (preferred)
+        v - this.spacing - u - y >= 0 ? y - f : !1,
+        // towards min / reversed (first fallback)
+        g - u >= 0 ? g - u + f : !1,
+        // align at max (second fallback)
+        v - this.spacing - u
+      ], T = this.menuAlignment === "top" || this.menuAlignment === "top-end" || this.menuAlignment === "top-start";
+      typeof x[0] == "number" && T && x[0] >= 0 && !x[1] && t === "y" ? this.style.transform = "translate(0)" : T && !x[0] && t === "y" && (x[0] = y - f);
+      const q = x.find((D) => D !== !1);
+      return q >= this.spacing ? q : 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 = () => {
+      var e, t;
+      const s = {
+        x: this._getPosition(this.x),
+        y: this._getPosition(this.y)
+      };
+      return !s.x || !s.y ? [-1, -1] : [
+        (e = this._fitValue(s.x, "x")) !== null && e !== void 0 ? e : -1,
+        (t = this._fitValue(s.y, "y")) !== null && t !== void 0 ? t : -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
+        }
+      };
+      this.dispatchEvent(new CustomEvent(this.constructor.eventOnClose, t)) && this.dispatchEvent(new CustomEvent(this.constructor.eventOnClose, t));
+    }, this._newContextCreate = () => {
+      this.context = Object.assign(Object.assign({}, this.context), { isRoot: !1, size: this.size });
+    }, this._registerMenuItems = () => {
+      var e, t;
+      let s;
+      this.isChild ? s = this.querySelector('slot[name="submenu"]').assignedElements() : s = (t = (e = this.shadowRoot) === null || e === void 0 ? void 0 : e.querySelector("slot")) === null || t === void 0 ? void 0 : t.assignedElements(), this.items = s?.filter((i) => i.tagName === "CDS-MENU-ITEM" ? !i.disabled : i.tagName !== "CDS-MENU-ITEM-DIVIDER");
+    }, this._setActiveItems = () => {
+      var e, t, s;
+      this.activeitems = [], (e = this.items) === null || e === void 0 || e.map((n) => {
+        var c, a, v;
+        let u;
+        switch (n.tagName) {
+          case "CDS-MENU-ITEM-RADIO-GROUP": {
+            const y = n.querySelectorAll(`${d}-menu-item`);
+            if (y?.length)
+              for (const g of y.entries())
+                u = {
+                  item: g[1],
+                  parent: n
+                }, this.activeitems = [...this.activeitems, u];
+            break;
+          }
+          case "CDS-MENU-ITEM-GROUP": {
+            const y = (a = (c = n.shadowRoot) === null || c === void 0 ? void 0 : c.querySelector("slot")) === null || a === void 0 ? void 0 : a.assignedElements();
+            y?.map((g) => {
+              u = {
+                item: g,
+                parent: g
+              }, this.activeitems = [...this.activeitems, u];
+            });
+            break;
+          }
+          case "CDS-MENU-ITEM-SELECTABLE": {
+            u = {
+              item: (v = n.shadowRoot) === null || v === void 0 ? void 0 : v.querySelector(`${d}-menu-item`),
+              parent: n
+            }, this.activeitems = [...this.activeitems, u];
+            break;
+          }
+          default:
+            u = {
+              item: n,
+              parent: null
+            }, this.activeitems = [...this.activeitems, u];
+        }
+      }), ((s = (t = this.activeitems[0]) === null || t === void 0 ? void 0 : t.item) !== null && s !== void 0 ? s : document.activeElement).focus();
+    };
+  }
+  /**
+   * The name of the custom event fired when the the Menu should be closed.
+   */
+  static get eventOnClose() {
+    return `${d}-menu-closed`;
+  }
+  /**
+   * The name of the custom event fired when the the Menu should be opened.
+   */
+  static get eventOnOpen() {
+    return `${d}-menu-opened`;
+  }
+  updated(e) {
+    e.has("open") && this.open && this._handleOpen();
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.addEventListener("icon-detect", () => {
+      var e, t;
+      (t = (e = this.shadowRoot) === null || e === void 0 ? void 0 : e.querySelector(".cds--menu")) === null || t === void 0 || t.classList.add(`${d}--menu--with-icons`);
+    });
+  }
+  async firstUpdated() {
+    var e;
+    this.isRtl = this.direction === "rtl", this.isRoot = this.context.isRoot, this.isChild && this._newContextCreate(), await this.updateComplete, this._registerMenuItems(), this._setActiveItems();
+    const t = (e = this.shadowRoot) === null || e === void 0 ? void 0 : e.querySelector("slot");
+    t?.addEventListener("slotchange", () => {
+      this._registerMenuItems(), this._setActiveItems();
+    });
+  }
+  render() {
+    const { open: e, menuAlignment: t, label: s, position: i, _handleKeyDown: n } = this, c = N({
+      [`${d}--menu`]: !0,
+      [`${d}--menu--${this.size}`]: this.size,
+      [`${d}--menu--box-shadow-top`]: t && t.slice(0, 3) === "top",
+      [`${d}--menu--open`]: e,
+      [`${d}--menu--shown`]: i[0] >= 0 && i[1] >= 0,
+      [`${d}--menu--with-selectable-items`]: this.context.hasSelectableItems
+    });
+    return p`
+      <ul
+        class="${c}"
+        aria-label="${s}"
+        tabindex="-1"
+        @keydown="${n}"
+        role="menu">
+        <slot></slot>
+      </ul>
+    `;
+  }
+};
+m.styles = K;
+o([
+  H({ context: k }),
+  R({ context: k })
+], m.prototype, "context", void 0);
+o([
+  E()
+], m.prototype, "items", void 0);
+o([
+  E()
+], m.prototype, "activeitems", void 0);
+o([
+  r({ type: String })
+], m.prototype, "label", void 0);
+o([
+  r({ type: Boolean })
+], m.prototype, "isChild", void 0);
+o([
+  r()
+], m.prototype, "actionButtonWidth", void 0);
+o([
+  r({ type: Boolean })
+], m.prototype, "isRtl", void 0);
+o([
+  r({ type: Boolean })
+], m.prototype, "isRoot", void 0);
+o([
+  r({ type: String })
+], m.prototype, "direction", void 0);
+o([
+  r({ type: Boolean, reflect: !0 })
+], m.prototype, "open", void 0);
+o([
+  r({ type: HTMLElement })
+], m.prototype, "focusreturn", void 0);
+o([
+  r()
+], m.prototype, "position", void 0);
+o([
+  r({ attribute: !0 })
+], m.prototype, "size", void 0);
+o([
+  r()
+], m.prototype, "mode", void 0);
+o([
+  r({ type: String })
+], m.prototype, "menuAlignment", void 0);
+o([
+  r()
+], m.prototype, "x", void 0);
+o([
+  r()
+], m.prototype, "y", void 0);
+o([
+  C("focusout")
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452
+  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to
+], m.prototype, "_handleBlur", void 0);
+m = o([
+  w(`${d}-menu`)
+], m);
+var S = P(["@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{background-color:var(--cds-layer);border:0;box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;max-inline-size:18rem;min-inline-size:10rem;opacity:0;overflow-y:auto;padding:.25rem 0;position:fixed;vertical-align:baseline;visibility:hidden;z-index:9000}.cds--menu *,.cds--menu :after,.cds--menu :before{box-sizing:inherit}.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}"]);
+let h = class extends M(M(_)) {
+  constructor() {
+    var e;
+    super(...arguments), this.hoverIntentDelay = 150, this.submenuOpen = !1, this.kind = A.DEFAULT, this.boundaries = { x: -1, y: -1 }, this.ariaChecked = (e = this.getAttribute("selected")) !== null && e !== void 0 ? e : "false", this.isRtl = !1, this.hasSubmenu = !1, this._handleClick = (t) => {
+      this.hasSubmenu ? this._openSubmenu() : t.type === "keydown" && this.click();
+    }, this._handleMouseEnter = () => {
+      this.hoverIntentTimeout = setTimeout(() => {
+        this._openSubmenu();
+      }, this.hoverIntentDelay);
+    }, this._handleMouseLeave = () => {
+      this.hoverIntentTimeout && (clearTimeout(this.hoverIntentTimeout), this._closeSubmenu(), this.focus());
+    }, this._openSubmenu = () => {
+      const { x: t, y: s, width: i, height: n } = this.getBoundingClientRect();
+      this.isRtl ? this.boundaries = {
+        x: [-t, t - i],
+        y: [s, s + n]
+      } : this.boundaries = {
+        x: [t, t + i],
+        y: [s, s + n]
+      }, this.submenuOpen = !0;
+    }, this._registerSubMenuItems = () => {
+      new MutationObserver((s) => {
+        var i, n, c, a, v;
+        for (const u of s)
+          if (u.type === "childList") {
+            const y = (i = this.shadowRoot) === null || i === void 0 ? void 0 : i.querySelector('slot[name="submenu"]'), g = (c = (n = y?.assignedElements) === null || n === void 0 ? void 0 : n.call(y)) === null || c === void 0 ? void 0 : c[0];
+            if (g)
+              switch (g.tagName) {
+                case "CDS-MENU-ITEM-RADIO-GROUP":
+                  this.submenuEntry = g.querySelector(`${d}-menu-item`);
+                  break;
+                case "CDS-MENU-ITEM-GROUP": {
+                  const f = (v = (a = g.shadowRoot) === null || a === void 0 ? void 0 : a.querySelector("slot")) === null || v === void 0 ? void 0 : v.assignedElements(), x = f?.length && f[0];
+                  this.submenuEntry = x;
+                  break;
+                }
+                case "CDS-MENU-ITEM":
+                  this.submenuEntry = g;
+                  break;
+              }
+          }
+      }).observe(this.shadowRoot, {
+        childList: !0,
+        subtree: !0
+      });
+    }, this._closeSubmenu = () => {
+      var t, s;
+      this.boundaries = {
+        x: -1,
+        y: -1
+      }, this.submenuOpen = !1, (s = (t = this.shadowRoot) === null || t === void 0 ? void 0 : t.querySelector(`.${d}--menu-item`)) === null || s === void 0 || s.focus();
+    }, this._handleKeyDown = (t) => {
+      this.hasSubmenu && ["ArrowRight", "Enter", " "].includes(t.key) ? (this._openSubmenu(), setTimeout(() => {
+        this.submenuEntry.focus();
+      }), t.stopPropagation()) : (t.key === "Enter" || t.key === " ") && this._handleClick(t);
+    };
+  }
+  async dispatchIconDetect() {
+    !!this.querySelector('[slot="render-icon"]') && (await void 0, this.dispatchEvent(new CustomEvent("icon-detect", {
+      bubbles: !0,
+      // Allows event to bubble up the DOM
+      composed: !0
+      // Allows event to cross shadow DOM boundary
+    })));
+  }
+  _updateAttributes() {
+    this.disabled && !this.hasSubmenu ? (this.setAttribute("aria-disabled", this.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(`${d}-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._updateAttributes(), this.addEventListener(`${d}-menu-closed`, () => {
+      this.focus(), this._closeSubmenu();
+    });
+  }
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20452
+  updated(e) {
+    this.hasSubmenu ? this.setAttribute("aria-expanded", this.hasSubmenu + "") : this.removeAttribute("aria-expanded"), this.kind === A.DANGER && this.classList.toggle(`${d}--menu-item--danger`);
+  }
+  handleClick(e) {
+    this._handleClick(e);
+  }
+  handleMouseEnter() {
+    this.hasSubmenu && this._handleMouseEnter();
+  }
+  handleMouseLeave() {
+    this.hasSubmenu && this._handleMouseLeave();
+  }
+  handleKeyDown(e) {
+    this._handleKeyDown(e);
+  }
+  render() {
+    var e, t, s;
+    const { label: i, shortcut: n, submenuOpen: c, boundaries: a, isRtl: v } = this, u = !((e = this.context) === null || e === void 0) && e.hasSelectableItems ? `${d}--menu--with-selectable-items` : "";
+    return p`
+      <div class="${d}--menu-item__selection-icon">
+        ${this.ariaChecked === "true" ? O(j) : void 0}
+      </div>
+
+      <div class="${d}--menu-item__icon">
+        <slot name="render-icon"></slot>
+      </div>
+      <div class="${d}--menu-item__label">${i}</div>
+      ${n && !this.hasSubmenu ? p` <div class="${d}--menu-item__shortcut">${n}</div> ` : p``}
+      ${this.hasSubmenu ? p`
+            <div class="${d}--menu-item__shortcut">
+              ${v ? O(G) : O(V)}
+            </div>
+            <cds-menu
+              className=${u}
+              size=${(s = (t = this.parentElement) === null || t === void 0 ? void 0 : t.getAttribute("size")) !== null && s !== void 0 ? s : $.LARGE}
+              ?isChild="${this.hasSubmenu}"
+              label="${i}"
+              .open="${c}"
+              .x="${a.x}"
+              .y="${a.y}">
+              <slot name="submenu"></slot>
+            </cds-menu>
+          ` : p``}
+    `;
+  }
+};
+h.styles = S;
+o([
+  R({ context: k })
+], h.prototype, "context", void 0);
+o([
+  r({ type: String })
+], h.prototype, "label", void 0);
+o([
+  r({ type: String })
+], h.prototype, "shortcut", void 0);
+o([
+  r({ type: Boolean })
+], h.prototype, "disabled", void 0);
+o([
+  r({ type: Boolean })
+], h.prototype, "submenuOpen", void 0);
+o([
+  r()
+], h.prototype, "kind", void 0);
+o([
+  r()
+], h.prototype, "boundaries", void 0);
+o([
+  r({ attribute: "aria-checked" })
+], h.prototype, "ariaChecked", void 0);
+o([
+  E()
+], h.prototype, "submenuEntry", void 0);
+o([
+  E()
+], h.prototype, "isRtl", void 0);
+o([
+  E()
+], h.prototype, "hasSubmenu", void 0);
+o([
+  C("click", { capture: !0 })
+], h.prototype, "handleClick", null);
+o([
+  C("mouseenter")
+], h.prototype, "handleMouseEnter", null);
+o([
+  C("mouseleave")
+], h.prototype, "handleMouseLeave", null);
+o([
+  C("keydown")
+], h.prototype, "handleKeyDown", null);
+h = o([
+  w(`${d}-menu-item`)
+], h);
+let L = class extends _ {
+  connectedCallback() {
+    this.hasAttribute("role") || this.setAttribute("role", "separator"), super.connectedCallback();
+  }
+};
+L.styles = S;
+L = o([
+  w(`${d}-menu-item-divider`)
+], L);
+let I = class extends _ {
+  render() {
+    const { label: e } = this;
+    return p`
+      <ul role="group" aria-label="${e}">
+        <slot></slot>
+      </ul>
+    `;
+  }
+};
+I.styles = S;
+o([
+  r({ type: String })
+], I.prototype, "label", void 0);
+I = o([
+  w(`${d}-menu-item-group`)
+], I);
+let b = class extends _ {
+  constructor() {
+    super(...arguments), 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);
+    };
+  }
+  /**
+   * The name of the custom event fired when the selection state changes.
+   */
+  static get eventOnChange() {
+    return `${d}-item-changed`;
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.addEventListener("keydown", this._handleKeydown);
+  }
+  firstUpdated() {
+    var e;
+    const t = (e = this.shadowRoot) === null || e === void 0 ? void 0 : e.querySelector(`${d}-menu-item`);
+    t && t.addEventListener("keydown", this._handleKeydown), this.context.updateFromChild({ hasSelectableItems: !0 });
+  }
+  render() {
+    const { label: e, selected: t, _handleClick: s } = this;
+    return p`
+      <cds-menu-item
+        label="${e}"
+        class="${d}--menu-item-selectable--selected"
+        role="menuitemcheckbox"
+        shortcut=${this.shortcut}
+        aria-checked="${t}"
+        @click="${s}">
+        <slot slot="render-icon" name="render-icon"></slot>
+      </cds-menu-item>
+    `;
+  }
+};
+b.shadowRootOptions = Object.assign(Object.assign({}, _.shadowRootOptions), { delegatesFocus: !0 });
+b.styles = S;
+o([
+  R({ context: k })
+], b.prototype, "context", void 0);
+o([
+  r({ type: String })
+], b.prototype, "label", void 0);
+o([
+  r({ type: Boolean })
+], b.prototype, "selected", void 0);
+o([
+  r()
+], b.prototype, "renderIcon", void 0);
+o([
+  r()
+], b.prototype, "shortcut", void 0);
+b = o([
+  w(`${d}-menu-item-selectable`)
+], b);
+let z = class extends _ {
+  constructor() {
+    super(...arguments), this.items = [];
+  }
+  /**
+   * The name of the custom event fired when the selection state changes.
+   */
+  static get eventOnChange() {
+    return `${d}-item-changed`;
+  }
+  firstUpdated() {
+    this.context.updateFromChild({ hasSelectableItems: !0 }), this.addEventListener("click", (e) => {
+      this.selectedItem = e.target;
+      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));
+    });
+  }
+  updated(e) {
+    e.has("selectedItem") && this.querySelectorAll(`${d}-menu-item`).forEach((t) => {
+      t === this.selectedItem ? t.setAttribute("aria-checked", "true") : t.setAttribute("aria-checked", "false");
+    });
+  }
+  render() {
+    const { label: e } = this;
+    return p`
+      <ul role="group" aria-label="${e}">
+        <slot></slot>
+      </ul>
+    `;
+  }
+};
+z.styles = S;
+o([
+  R({ context: k })
+], z.prototype, "context", void 0);
+o([
+  r({ type: String })
+], z.prototype, "label", void 0);
+o([
+  r({ type: Array })
+], z.prototype, "items", void 0);
+o([
+  r({ type: String, attribute: !0 })
+], z.prototype, "selectedItem", void 0);
+o([
+  r()
+], z.prototype, "itemToString", void 0);
+z = o([
+  w(`${d}-menu-item-radio-group`)
+], z);