@trintel/zooy 1.0.16 → 1.1.1

package/dist/chunks/index-a_56_OA-.js

@@ -1,776 +0,0 @@
-import { _ as o } from "./tslib.es6-C5gLNDSD.js";
-import { a as G, i as z, x as p } from "./main-CXPn-jnk.js";
-import { p as c } from "./settings-jvP7vP60.js";
-import { n as r } from "./property-CTp3Zz2M.js";
-import { r as E } from "./state-4XYw1ZN5.js";
-import { c as w } from "./carbon-element-DzDuXiyl.js";
-import { H as C } from "./host-listener-DD3oGxvg.js";
-import { H as q } from "./host-listener-CN245INl.js";
-import { e as K } from "./class-map-CgGieoOz.js";
-import { _ as V } from "./16-CSWwhDUY.js";
-import { _ as W, a as F } from "./16-BFJN6B6d.js";
-import { i as T } from "./icon-loader-CTCoE5GC.js";
-var H = G(["@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;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--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 j = 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 X = class {
-  constructor(e, t, s, i) {
-    if (this.subscribe = !1, this.provided = !1, this.value = void 0, this.t = (n, d) => {
-      this.unsubscribe && (this.unsubscribe !== d && (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, d)), this.unsubscribe = d;
-    }, 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 j(this.context, this.host, this.t, this.subscribe));
-  }
-};
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-class Y {
-  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 J = class extends Event {
-  constructor(e, t) {
-    super("context-provider", { bubbles: !0, composed: !0 }), this.context = e, this.contextTarget = t;
-  }
-};
-class N extends Y {
-  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 [d, { consumerHost: u }] of this.subscriptions) n.has(d) || (n.add(d), u.dispatchEvent(new j(this.context, u, d, !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 J(this.context, this.host));
-  }
-}
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-function Q({ context: a }) {
-  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 N(this, { context: a, initialValue: i })), i;
-    } };
-    {
-      e.constructor.addInitializer(((d) => {
-        s.set(d, new N(d, { context: a }));
-      }));
-      const i = Object.getOwnPropertyDescriptor(e, t);
-      let n;
-      if (i === void 0) {
-        const d = /* @__PURE__ */ new WeakMap();
-        n = { get() {
-          return d.get(this);
-        }, set(u) {
-          s.get(this).setValue(u), d.set(this, u);
-        }, configurable: !0, enumerable: !0 };
-      } else {
-        const d = i.set;
-        n = { ...i, set(u) {
-          s.get(this).setValue(u), d?.call(this, u);
-        } };
-      }
-      return void Object.defineProperty(e, t, n);
-    }
-  };
-}
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-function O({ context: a, subscribe: e }) {
-  return (t, s) => {
-    typeof s == "object" ? s.addInitializer((function() {
-      new X(this, { context: a, callback: (i) => {
-        t.set.call(this, i);
-      }, subscribe: e });
-    })) : t.constructor.addInitializer(((i) => {
-      new X(i, { context: a, callback: (n) => {
-        i[s] = n;
-      }, subscribe: e });
-    }));
-  };
-}
-const Z = {
-  isRoot: !0,
-  hasSelectableItems: !1,
-  size: null,
-  updateFromChild: () => {
-  }
-}, k = "myData";
-var A;
-(function(a) {
-  a.EXTRA_SMALL = "xs", a.SMALL = "sm", a.MEDIUM = "md", a.LARGE = "lg";
-})(A || (A = {}));
-var R;
-(function(a) {
-  a.DEFAULT = "default", a.DANGER = "danger";
-})(R || (R = {}));
-var I;
-(function(a) {
-  a.LAYER = "layer", a.BACKGROUND = "background";
-})(I || (I = {}));
-let m = class extends q(z) {
-  constructor() {
-    super(...arguments), this.context = Object.assign(Object.assign({}, Z), { 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 = A.SMALL, this.backgroundToken = I.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) => {
-      var t, s, i;
-      let n;
-      if (((t = document.activeElement) === null || t === void 0 ? void 0 : t.tagName) !== "CDS-MENU") {
-        const u = this._findActiveElementInShadowRoot(document);
-        n = this.activeitems.findIndex((y) => {
-          var l;
-          return u == y.item || ((l = y.item.shadowRoot) === null || l === void 0 ? void 0 : l.activeElement) === u;
-        });
-      } else
-        n = 0;
-      let d = n;
-      n === -1 ? d = 0 : e && (e.key === "ArrowUp" && (d = d - 1), e.key === "ArrowDown" && (d = d + 1)), d < 0 && (d = this.activeitems.length - 1), d >= this.activeitems.length && (d = 0), d !== n && ((i = (s = this.activeitems[d]) === 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) => {
-      var s;
-      const { isRoot: i } = this.context, n = (s = this.shadowRoot) === null || s === void 0 ? void 0 : s.querySelector(`.${c}--menu`), { width: d, height: u } = (n ?? this).getBoundingClientRect(), y = i ? "vertical" : "horizontal", l = {
-        x: {
-          max: window.innerWidth,
-          size: d,
-          anchor: y === "horizontal" ? e[1] : e[0],
-          reversedAnchor: y === "horizontal" ? e[0] : e[1],
-          offset: 0
-        },
-        y: {
-          max: window.innerHeight,
-          size: u,
-          anchor: y === "horizontal" ? e[0] : e[1],
-          reversedAnchor: y === "horizontal" ? e[1] : e[0],
-          offset: i ? 0 : 4
-          // top padding in menu, used to align the menu items
-        }
-      };
-      if (this.actionButtonWidth && this.actionButtonWidth < l.x.size && (this.menuAlignment === "bottom" || this.menuAlignment === "top") && (l.x.size = this.actionButtonWidth), this.actionButtonWidth && (this.menuAlignment === "bottom-end" || this.menuAlignment === "top-end") && l.x.anchor >= 87 && this.actionButtonWidth < l.x.size) {
-        const L = l.x.anchor + l.x.reversedAnchor;
-        l.x.anchor = l.x.anchor + L;
-      }
-      const { max: v, size: g, anchor: f, reversedAnchor: $, offset: M } = l[t], _ = [
-        // towards max (preferred)
-        v - this.spacing - g - f >= 0 ? f - M : !1,
-        // towards min / reversed (first fallback)
-        $ - g >= 0 ? $ - g + M : !1,
-        // align at max (second fallback)
-        v - this.spacing - g
-      ], U = this.menuAlignment === "top" || this.menuAlignment === "top-end" || this.menuAlignment === "top-start";
-      typeof _[0] == "number" && U && _[0] >= 0 && !_[1] && t === "y" ? this.style.transform = "translate(0)" : U && !_[0] && t === "y" && (_[0] = f - M);
-      const P = _.find((L) => L !== !1);
-      return P >= this.spacing ? P : 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 d, u, y;
-        let l;
-        switch (n.tagName) {
-          case "CDS-MENU-ITEM-RADIO-GROUP": {
-            const v = n.querySelectorAll(`${c}-menu-item`);
-            if (v?.length)
-              for (const g of v.entries())
-                l = {
-                  item: g[1],
-                  parent: n
-                }, this.activeitems = [...this.activeitems, l];
-            break;
-          }
-          case "CDS-MENU-ITEM-GROUP": {
-            const v = (u = (d = n.shadowRoot) === null || d === void 0 ? void 0 : d.querySelector("slot")) === null || u === void 0 ? void 0 : u.assignedElements();
-            v?.map((g) => {
-              l = {
-                item: g,
-                parent: g
-              }, this.activeitems = [...this.activeitems, l];
-            });
-            break;
-          }
-          case "CDS-MENU-ITEM-SELECTABLE": {
-            l = {
-              item: (y = n.shadowRoot) === null || y === void 0 ? void 0 : y.querySelector(`${c}-menu-item`),
-              parent: n
-            }, this.activeitems = [...this.activeitems, l];
-            break;
-          }
-          default:
-            l = {
-              item: n,
-              parent: null
-            }, this.activeitems = [...this.activeitems, l];
-        }
-      }), ((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 `${c}-menu-closed`;
-  }
-  /**
-   * The name of the custom event fired when the the Menu should be opened.
-   */
-  static get eventOnOpen() {
-    return `${c}-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(`${c}--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, d = K({
-      [`${c}--menu`]: !0,
-      [`${c}--menu--${this.size}`]: this.size,
-      [`${c}--menu--box-shadow-top`]: t && t.slice(0, 3) === "top",
-      [`${c}--menu--open`]: e,
-      [`${c}--menu--shown`]: i[0] >= 0 && i[1] >= 0,
-      [`${c}--menu--with-selectable-items`]: this.context.hasSelectableItems,
-      [`${c}--menu--border`]: this.border,
-      [`${c}--menu--background-token__background`]: this.backgroundToken === I.BACKGROUND
-    });
-    return p`
-      <ul
-        class="${d}"
-        aria-label="${s}"
-        tabindex="-1"
-        @keydown="${n}"
-        role="menu">
-        <slot></slot>
-      </ul>
-    `;
-  }
-};
-m.styles = H;
-o([
-  Q({ context: k }),
-  O({ 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, attribute: "background-token" })
-], m.prototype, "backgroundToken", void 0);
-o([
-  r({ type: Boolean })
-], m.prototype, "border", 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(`${c}-menu`)
-], m);
-var S = G(["@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}"]);
-let h = class extends q(q(z)) {
-  constructor() {
-    var e;
-    super(...arguments), this.hoverIntentDelay = 150, this.submenuOpen = !1, this.kind = R.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, d, u, y;
-        for (const l of s)
-          if (l.type === "childList") {
-            const v = (i = this.shadowRoot) === null || i === void 0 ? void 0 : i.querySelector('slot[name="submenu"]'), g = (d = (n = v?.assignedElements) === null || n === void 0 ? void 0 : n.call(v)) === null || d === void 0 ? void 0 : d[0];
-            if (g)
-              switch (g.tagName) {
-                case "CDS-MENU-ITEM-RADIO-GROUP":
-                  this.submenuEntry = g.querySelector(`${c}-menu-item`);
-                  break;
-                case "CDS-MENU-ITEM-GROUP": {
-                  const f = (y = (u = g.shadowRoot) === null || u === void 0 ? void 0 : u.querySelector("slot")) === null || y === void 0 ? void 0 : y.assignedElements(), $ = f?.length && f[0];
-                  this.submenuEntry = $;
-                  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(`.${c}--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(`${c}-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(`${c}-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 === R.DANGER && this.classList.toggle(`${c}--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: d, boundaries: u, isRtl: y } = this, l = !((e = this.context) === null || e === void 0) && e.hasSelectableItems ? `${c}--menu--with-selectable-items` : "";
-    return p`
-      <div class="${c}--menu-item__selection-icon">
-        ${this.ariaChecked === "true" ? T(V) : void 0}
-      </div>
-
-      <div class="${c}--menu-item__icon">
-        <slot name="render-icon"></slot>
-      </div>
-      <div class="${c}--menu-item__label">${i}</div>
-      ${n && !this.hasSubmenu ? p` <div class="${c}--menu-item__shortcut">${n}</div> ` : p``}
-      ${this.hasSubmenu ? p`
-            <div class="${c}--menu-item__shortcut">
-              ${y ? T(W) : T(F)}
-            </div>
-            <cds-menu
-              className=${l}
-              size=${(s = (t = this.parentElement) === null || t === void 0 ? void 0 : t.getAttribute("size")) !== null && s !== void 0 ? s : A.LARGE}
-              ?isChild="${this.hasSubmenu}"
-              label="${i}"
-              .open="${d}"
-              .x="${u.x}"
-              .y="${u.y}">
-              <slot name="submenu"></slot>
-            </cds-menu>
-          ` : p``}
-    `;
-  }
-};
-h.styles = S;
-o([
-  O({ 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(`${c}-menu-item`)
-], h);
-let B = class extends z {
-  connectedCallback() {
-    this.hasAttribute("role") || this.setAttribute("role", "separator"), super.connectedCallback();
-  }
-};
-B.styles = S;
-B = o([
-  w(`${c}-menu-item-divider`)
-], B);
-let D = class extends z {
-  render() {
-    const { label: e } = this;
-    return p`
-      <ul role="group" aria-label="${e}">
-        <slot></slot>
-      </ul>
-    `;
-  }
-};
-D.styles = S;
-o([
-  r({ type: String })
-], D.prototype, "label", void 0);
-D = o([
-  w(`${c}-menu-item-group`)
-], D);
-let b = class extends z {
-  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 `${c}-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(`${c}-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="${c}--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({}, z.shadowRootOptions), { delegatesFocus: !0 });
-b.styles = S;
-o([
-  O({ 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(`${c}-menu-item-selectable`)
-], b);
-let x = class extends z {
-  constructor() {
-    super(...arguments), this.items = [];
-  }
-  /**
-   * The name of the custom event fired when the selection state changes.
-   */
-  static get eventOnChange() {
-    return `${c}-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(`${c}-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>
-    `;
-  }
-};
-x.styles = S;
-o([
-  O({ context: k })
-], x.prototype, "context", void 0);
-o([
-  r({ type: String })
-], x.prototype, "label", void 0);
-o([
-  r({ type: Array })
-], x.prototype, "items", void 0);
-o([
-  r({ type: String, attribute: !0 })
-], x.prototype, "selectedItem", void 0);
-o([
-  r()
-], x.prototype, "itemToString", void 0);
-x = o([
-  w(`${c}-menu-item-radio-group`)
-], x);