@seed-ship/mcp-ui-solid 6.3.1 → 6.4.0

package/dist/components/PortalDropdownMenu.cjs

@@ -0,0 +1,82 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const web = require("solid-js/web");
+const solidJs = require("solid-js");
+var _tmpl$ = /* @__PURE__ */ web.template(`<div role=menu style=position:fixed;z-index:9999>`);
+const PortalDropdownMenu = (props) => {
+  const [position, setPosition] = solidJs.createSignal({
+    top: 0,
+    left: 0
+  });
+  let menuRef;
+  const updatePosition = () => {
+    const t = props.trigger;
+    if (!t) return;
+    const rect = t.getBoundingClientRect();
+    const w = props.width ?? 144;
+    setPosition({
+      top: rect.bottom + 4,
+      left: rect.right - w
+    });
+  };
+  solidJs.createEffect(() => {
+    if (!props.open) return;
+    updatePosition();
+    const onDown = (e) => {
+      var _a;
+      const target = e.target;
+      if ((menuRef == null ? void 0 : menuRef.contains(target)) || ((_a = props.trigger) == null ? void 0 : _a.contains(target))) return;
+      props.onClose();
+    };
+    const onKey = (e) => {
+      if (e.key === "Escape") props.onClose();
+    };
+    const onScrollOrResize = () => updatePosition();
+    document.addEventListener("mousedown", onDown);
+    document.addEventListener("keydown", onKey);
+    window.addEventListener("scroll", onScrollOrResize, {
+      capture: true,
+      passive: true
+    });
+    window.addEventListener("resize", onScrollOrResize);
+    solidJs.onCleanup(() => {
+      document.removeEventListener("mousedown", onDown);
+      document.removeEventListener("keydown", onKey);
+      window.removeEventListener("scroll", onScrollOrResize, {
+        capture: true
+      });
+      window.removeEventListener("resize", onScrollOrResize);
+    });
+  });
+  return web.createComponent(solidJs.Show, {
+    get when() {
+      return props.open;
+    },
+    get children() {
+      return web.createComponent(web.Portal, {
+        get children() {
+          var _el$ = web.getNextElement(_tmpl$);
+          var _ref$ = menuRef;
+          typeof _ref$ === "function" ? web.use(_ref$, _el$) : menuRef = _el$;
+          web.insert(_el$, () => props.children);
+          web.effect((_p$) => {
+            var _v$ = `${position().top}px`, _v$2 = `${position().left}px`, _v$3 = `${props.width ?? 144}px`, _v$4 = `bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-600 rounded-lg shadow-lg py-1 text-sm ${props.class ?? ""}`;
+            _v$ !== _p$.e && web.setStyleProperty(_el$, "top", _p$.e = _v$);
+            _v$2 !== _p$.t && web.setStyleProperty(_el$, "left", _p$.t = _v$2);
+            _v$3 !== _p$.a && web.setStyleProperty(_el$, "width", _p$.a = _v$3);
+            _v$4 !== _p$.o && web.className(_el$, _p$.o = _v$4);
+            return _p$;
+          }, {
+            e: void 0,
+            t: void 0,
+            a: void 0,
+            o: void 0
+          });
+          return _el$;
+        }
+      });
+    }
+  });
+};
+exports.PortalDropdownMenu = PortalDropdownMenu;
+//# sourceMappingURL=PortalDropdownMenu.cjs.map

package/dist/components/PortalDropdownMenu.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PortalDropdownMenu.cjs","sources":["../../src/components/PortalDropdownMenu.tsx"],"sourcesContent":["/**\n * PortalDropdownMenu (v6.4.0) — generic dropdown that mounts via\n * `<Portal>` on `document.body` instead of an in-tree `position: absolute`\n * sibling. Eliminates two pain points around the legacy in-tree pattern :\n *\n *   1. **`overflow: hidden` clipping** — when the trigger lives inside a\n *      chat bubble or a card with `overflow: hidden`, an absolutely\n *      positioned menu sibling gets clipped at the ancestor's boundary.\n *      Mounting on `document.body` escapes the clip stack entirely.\n *   2. **`z-index` wars** — chat surfaces stack composer / message rails\n *      above the message list, and ancestor `z-index` creates a new\n *      stacking context that captures the in-tree menu. A portal is a\n *      sibling of the document, so a single `z-index: 9999` wins.\n *\n * The menu is positioned with `position: fixed` from the trigger's\n * `getBoundingClientRect()`. We re-measure on `scroll` (capture phase, so\n * nested scrollables also fire) and `resize` to keep the menu pinned\n * while the user interacts with surrounding chrome.\n *\n * Close affordances : click outside, Escape, programmatic via `onClose`.\n */\n\nimport { Component, JSX, Show, createSignal, createEffect, onCleanup } from 'solid-js'\nimport { Portal } from 'solid-js/web'\n\nexport interface PortalDropdownMenuProps {\n  /**\n   * Whether the menu is currently open. Controlled by the parent.\n   */\n  open: boolean\n\n  /**\n   * Called when the menu wants to close (outside click / Escape / item\n   * click — it's the parent's job to actually flip `open` to false).\n   */\n  onClose: () => void\n\n  /**\n   * Trigger element used as the positioning anchor. The menu's right\n   * edge is aligned to the trigger's right edge, top to its bottom + 4px.\n   */\n  trigger: HTMLElement | undefined\n\n  /**\n   * Menu width in pixels. Used to compute the left coordinate so the menu's\n   * right edge aligns with the trigger's right edge. Default : `144` (the\n   * legacy table menu width — `w-36`).\n   */\n  width?: number\n\n  /**\n   * Menu content. Wrapped in the rounded / shadowed container — keep\n   * children minimal (just the items).\n   */\n  children: JSX.Element\n\n  /**\n   * Optional additional class names for the menu container, appended after\n   * the default Tailwind classes. Useful to override width or padding.\n   */\n  class?: string\n}\n\nexport const PortalDropdownMenu: Component<PortalDropdownMenuProps> = (props) => {\n  const [position, setPosition] = createSignal({ top: 0, left: 0 })\n  let menuRef: HTMLDivElement | undefined\n\n  const updatePosition = () => {\n    const t = props.trigger\n    if (!t) return\n    const rect = t.getBoundingClientRect()\n    const w = props.width ?? 144\n    setPosition({\n      top: rect.bottom + 4,\n      left: rect.right - w,\n    })\n  }\n\n  // Measure once when the menu opens, then react to viewport changes.\n  createEffect(() => {\n    if (!props.open) return\n    updatePosition()\n\n    const onDown = (e: MouseEvent) => {\n      const target = e.target as Node\n      if (menuRef?.contains(target) || props.trigger?.contains(target)) return\n      props.onClose()\n    }\n    const onKey = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') props.onClose()\n    }\n    const onScrollOrResize = () => updatePosition()\n\n    document.addEventListener('mousedown', onDown)\n    document.addEventListener('keydown', onKey)\n    // Capture phase so scrolls inside nested containers (e.g. chat virtual\n    // list) also re-position the menu. `passive: true` because we never\n    // preventDefault here.\n    window.addEventListener('scroll', onScrollOrResize, { capture: true, passive: true })\n    window.addEventListener('resize', onScrollOrResize)\n\n    onCleanup(() => {\n      document.removeEventListener('mousedown', onDown)\n      document.removeEventListener('keydown', onKey)\n      window.removeEventListener('scroll', onScrollOrResize, { capture: true })\n      window.removeEventListener('resize', onScrollOrResize)\n    })\n  })\n\n  return (\n    <Show when={props.open}>\n      <Portal>\n        <div\n          ref={menuRef}\n          role=\"menu\"\n          style={{\n            position: 'fixed',\n            top: `${position().top}px`,\n            left: `${position().left}px`,\n            'z-index': 9999,\n            width: `${props.width ?? 144}px`,\n          }}\n          class={`bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-600 rounded-lg shadow-lg py-1 text-sm ${props.class ?? ''}`}\n        >\n          {props.children}\n        </div>\n      </Portal>\n    </Show>\n  )\n}\n"],"names":["PortalDropdownMenu","props","position","setPosition","createSignal","top","left","menuRef","updatePosition","t","trigger","rect","getBoundingClientRect","w","width","bottom","right","createEffect","open","onDown","e","target","contains","onClose","onKey","key","onScrollOrResize","document","addEventListener","window","capture","passive","onCleanup","removeEventListener","_$createComponent","Show","when","children","Portal","_el$","_$getNextElement","_tmpl$","_ref$","_$use","_$insert","_$effect","_p$","_v$","_v$2","_v$3","_v$4","class","_$setStyleProperty","a","o","_$className","undefined"],"mappings":"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"}

package/dist/components/PortalDropdownMenu.d.ts

@@ -0,0 +1,56 @@
+/**
+ * PortalDropdownMenu (v6.4.0) — generic dropdown that mounts via
+ * `<Portal>` on `document.body` instead of an in-tree `position: absolute`
+ * sibling. Eliminates two pain points around the legacy in-tree pattern :
+ *
+ *   1. **`overflow: hidden` clipping** — when the trigger lives inside a
+ *      chat bubble or a card with `overflow: hidden`, an absolutely
+ *      positioned menu sibling gets clipped at the ancestor's boundary.
+ *      Mounting on `document.body` escapes the clip stack entirely.
+ *   2. **`z-index` wars** — chat surfaces stack composer / message rails
+ *      above the message list, and ancestor `z-index` creates a new
+ *      stacking context that captures the in-tree menu. A portal is a
+ *      sibling of the document, so a single `z-index: 9999` wins.
+ *
+ * The menu is positioned with `position: fixed` from the trigger's
+ * `getBoundingClientRect()`. We re-measure on `scroll` (capture phase, so
+ * nested scrollables also fire) and `resize` to keep the menu pinned
+ * while the user interacts with surrounding chrome.
+ *
+ * Close affordances : click outside, Escape, programmatic via `onClose`.
+ */
+import { Component, JSX } from 'solid-js';
+export interface PortalDropdownMenuProps {
+    /**
+     * Whether the menu is currently open. Controlled by the parent.
+     */
+    open: boolean;
+    /**
+     * Called when the menu wants to close (outside click / Escape / item
+     * click — it's the parent's job to actually flip `open` to false).
+     */
+    onClose: () => void;
+    /**
+     * Trigger element used as the positioning anchor. The menu's right
+     * edge is aligned to the trigger's right edge, top to its bottom + 4px.
+     */
+    trigger: HTMLElement | undefined;
+    /**
+     * Menu width in pixels. Used to compute the left coordinate so the menu's
+     * right edge aligns with the trigger's right edge. Default : `144` (the
+     * legacy table menu width — `w-36`).
+     */
+    width?: number;
+    /**
+     * Menu content. Wrapped in the rounded / shadowed container — keep
+     * children minimal (just the items).
+     */
+    children: JSX.Element;
+    /**
+     * Optional additional class names for the menu container, appended after
+     * the default Tailwind classes. Useful to override width or padding.
+     */
+    class?: string;
+}
+export declare const PortalDropdownMenu: Component<PortalDropdownMenuProps>;
+//# sourceMappingURL=PortalDropdownMenu.d.ts.map

package/dist/components/PortalDropdownMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PortalDropdownMenu.d.ts","sourceRoot":"","sources":["../../src/components/PortalDropdownMenu.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,OAAO,EAAE,SAAS,EAAE,GAAG,EAA+C,MAAM,UAAU,CAAA;AAGtF,MAAM,WAAW,uBAAuB;IACtC;;OAEG;IACH,IAAI,EAAE,OAAO,CAAA;IAEb;;;OAGG;IACH,OAAO,EAAE,MAAM,IAAI,CAAA;IAEnB;;;OAGG;IACH,OAAO,EAAE,WAAW,GAAG,SAAS,CAAA;IAEhC;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;OAGG;IACH,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAA;IAErB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,eAAO,MAAM,kBAAkB,EAAE,SAAS,CAAC,uBAAuB,CAkEjE,CAAA"}

package/dist/components/PortalDropdownMenu.js

@@ -0,0 +1,82 @@
+import { createComponent, Portal, getNextElement, template, insert, effect, setStyleProperty, className, use } from "solid-js/web";
+import { createSignal, createEffect, onCleanup, Show } from "solid-js";
+var _tmpl$ = /* @__PURE__ */ template(`<div role=menu style=position:fixed;z-index:9999>`);
+const PortalDropdownMenu = (props) => {
+  const [position, setPosition] = createSignal({
+    top: 0,
+    left: 0
+  });
+  let menuRef;
+  const updatePosition = () => {
+    const t = props.trigger;
+    if (!t) return;
+    const rect = t.getBoundingClientRect();
+    const w = props.width ?? 144;
+    setPosition({
+      top: rect.bottom + 4,
+      left: rect.right - w
+    });
+  };
+  createEffect(() => {
+    if (!props.open) return;
+    updatePosition();
+    const onDown = (e) => {
+      var _a;
+      const target = e.target;
+      if ((menuRef == null ? void 0 : menuRef.contains(target)) || ((_a = props.trigger) == null ? void 0 : _a.contains(target))) return;
+      props.onClose();
+    };
+    const onKey = (e) => {
+      if (e.key === "Escape") props.onClose();
+    };
+    const onScrollOrResize = () => updatePosition();
+    document.addEventListener("mousedown", onDown);
+    document.addEventListener("keydown", onKey);
+    window.addEventListener("scroll", onScrollOrResize, {
+      capture: true,
+      passive: true
+    });
+    window.addEventListener("resize", onScrollOrResize);
+    onCleanup(() => {
+      document.removeEventListener("mousedown", onDown);
+      document.removeEventListener("keydown", onKey);
+      window.removeEventListener("scroll", onScrollOrResize, {
+        capture: true
+      });
+      window.removeEventListener("resize", onScrollOrResize);
+    });
+  });
+  return createComponent(Show, {
+    get when() {
+      return props.open;
+    },
+    get children() {
+      return createComponent(Portal, {
+        get children() {
+          var _el$ = getNextElement(_tmpl$);
+          var _ref$ = menuRef;
+          typeof _ref$ === "function" ? use(_ref$, _el$) : menuRef = _el$;
+          insert(_el$, () => props.children);
+          effect((_p$) => {
+            var _v$ = `${position().top}px`, _v$2 = `${position().left}px`, _v$3 = `${props.width ?? 144}px`, _v$4 = `bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-600 rounded-lg shadow-lg py-1 text-sm ${props.class ?? ""}`;
+            _v$ !== _p$.e && setStyleProperty(_el$, "top", _p$.e = _v$);
+            _v$2 !== _p$.t && setStyleProperty(_el$, "left", _p$.t = _v$2);
+            _v$3 !== _p$.a && setStyleProperty(_el$, "width", _p$.a = _v$3);
+            _v$4 !== _p$.o && className(_el$, _p$.o = _v$4);
+            return _p$;
+          }, {
+            e: void 0,
+            t: void 0,
+            a: void 0,
+            o: void 0
+          });
+          return _el$;
+        }
+      });
+    }
+  });
+};
+export {
+  PortalDropdownMenu
+};
+//# sourceMappingURL=PortalDropdownMenu.js.map

package/dist/components/PortalDropdownMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PortalDropdownMenu.js","sources":["../../src/components/PortalDropdownMenu.tsx"],"sourcesContent":["/**\n * PortalDropdownMenu (v6.4.0) — generic dropdown that mounts via\n * `<Portal>` on `document.body` instead of an in-tree `position: absolute`\n * sibling. Eliminates two pain points around the legacy in-tree pattern :\n *\n *   1. **`overflow: hidden` clipping** — when the trigger lives inside a\n *      chat bubble or a card with `overflow: hidden`, an absolutely\n *      positioned menu sibling gets clipped at the ancestor's boundary.\n *      Mounting on `document.body` escapes the clip stack entirely.\n *   2. **`z-index` wars** — chat surfaces stack composer / message rails\n *      above the message list, and ancestor `z-index` creates a new\n *      stacking context that captures the in-tree menu. A portal is a\n *      sibling of the document, so a single `z-index: 9999` wins.\n *\n * The menu is positioned with `position: fixed` from the trigger's\n * `getBoundingClientRect()`. We re-measure on `scroll` (capture phase, so\n * nested scrollables also fire) and `resize` to keep the menu pinned\n * while the user interacts with surrounding chrome.\n *\n * Close affordances : click outside, Escape, programmatic via `onClose`.\n */\n\nimport { Component, JSX, Show, createSignal, createEffect, onCleanup } from 'solid-js'\nimport { Portal } from 'solid-js/web'\n\nexport interface PortalDropdownMenuProps {\n  /**\n   * Whether the menu is currently open. Controlled by the parent.\n   */\n  open: boolean\n\n  /**\n   * Called when the menu wants to close (outside click / Escape / item\n   * click — it's the parent's job to actually flip `open` to false).\n   */\n  onClose: () => void\n\n  /**\n   * Trigger element used as the positioning anchor. The menu's right\n   * edge is aligned to the trigger's right edge, top to its bottom + 4px.\n   */\n  trigger: HTMLElement | undefined\n\n  /**\n   * Menu width in pixels. Used to compute the left coordinate so the menu's\n   * right edge aligns with the trigger's right edge. Default : `144` (the\n   * legacy table menu width — `w-36`).\n   */\n  width?: number\n\n  /**\n   * Menu content. Wrapped in the rounded / shadowed container — keep\n   * children minimal (just the items).\n   */\n  children: JSX.Element\n\n  /**\n   * Optional additional class names for the menu container, appended after\n   * the default Tailwind classes. Useful to override width or padding.\n   */\n  class?: string\n}\n\nexport const PortalDropdownMenu: Component<PortalDropdownMenuProps> = (props) => {\n  const [position, setPosition] = createSignal({ top: 0, left: 0 })\n  let menuRef: HTMLDivElement | undefined\n\n  const updatePosition = () => {\n    const t = props.trigger\n    if (!t) return\n    const rect = t.getBoundingClientRect()\n    const w = props.width ?? 144\n    setPosition({\n      top: rect.bottom + 4,\n      left: rect.right - w,\n    })\n  }\n\n  // Measure once when the menu opens, then react to viewport changes.\n  createEffect(() => {\n    if (!props.open) return\n    updatePosition()\n\n    const onDown = (e: MouseEvent) => {\n      const target = e.target as Node\n      if (menuRef?.contains(target) || props.trigger?.contains(target)) return\n      props.onClose()\n    }\n    const onKey = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') props.onClose()\n    }\n    const onScrollOrResize = () => updatePosition()\n\n    document.addEventListener('mousedown', onDown)\n    document.addEventListener('keydown', onKey)\n    // Capture phase so scrolls inside nested containers (e.g. chat virtual\n    // list) also re-position the menu. `passive: true` because we never\n    // preventDefault here.\n    window.addEventListener('scroll', onScrollOrResize, { capture: true, passive: true })\n    window.addEventListener('resize', onScrollOrResize)\n\n    onCleanup(() => {\n      document.removeEventListener('mousedown', onDown)\n      document.removeEventListener('keydown', onKey)\n      window.removeEventListener('scroll', onScrollOrResize, { capture: true })\n      window.removeEventListener('resize', onScrollOrResize)\n    })\n  })\n\n  return (\n    <Show when={props.open}>\n      <Portal>\n        <div\n          ref={menuRef}\n          role=\"menu\"\n          style={{\n            position: 'fixed',\n            top: `${position().top}px`,\n            left: `${position().left}px`,\n            'z-index': 9999,\n            width: `${props.width ?? 144}px`,\n          }}\n          class={`bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-600 rounded-lg shadow-lg py-1 text-sm ${props.class ?? ''}`}\n        >\n          {props.children}\n        </div>\n      </Portal>\n    </Show>\n  )\n}\n"],"names":["PortalDropdownMenu","props","position","setPosition","createSignal","top","left","menuRef","updatePosition","t","trigger","rect","getBoundingClientRect","w","width","bottom","right","createEffect","open","onDown","e","target","contains","onClose","onKey","key","onScrollOrResize","document","addEventListener","window","capture","passive","onCleanup","removeEventListener","_$createComponent","Show","when","children","Portal","_el$","_$getNextElement","_tmpl$","_ref$","_$use","_$insert","_$effect","_p$","_v$","_v$2","_v$3","_v$4","class","_$setStyleProperty","a","o","_$className","undefined"],"mappings":";;;AA+DO,MAAMA,qBAA0DC,CAAAA,UAAU;AAC/E,QAAM,CAACC,UAAUC,WAAW,IAAIC,aAAa;AAAA,IAAEC,KAAK;AAAA,IAAGC,MAAM;AAAA,EAAA,CAAG;AAChE,MAAIC;AAEJ,QAAMC,iBAAiBA,MAAM;AAC3B,UAAMC,IAAIR,MAAMS;AAChB,QAAI,CAACD,EAAG;AACR,UAAME,OAAOF,EAAEG,sBAAAA;AACf,UAAMC,IAAIZ,MAAMa,SAAS;AACzBX,gBAAY;AAAA,MACVE,KAAKM,KAAKI,SAAS;AAAA,MACnBT,MAAMK,KAAKK,QAAQH;AAAAA,IAAAA,CACpB;AAAA,EACH;AAGAI,eAAa,MAAM;AACjB,QAAI,CAAChB,MAAMiB,KAAM;AACjBV,mBAAAA;AAEA,UAAMW,SAASA,CAACC,MAAkB;;AAChC,YAAMC,SAASD,EAAEC;AACjB,WAAId,mCAASe,SAASD,cAAWpB,WAAMS,YAANT,mBAAeqB,SAASD,SAAS;AAClEpB,YAAMsB,QAAAA;AAAAA,IACR;AACA,UAAMC,QAAQA,CAACJ,MAAqB;AAClC,UAAIA,EAAEK,QAAQ,SAAUxB,OAAMsB,QAAAA;AAAAA,IAChC;AACA,UAAMG,mBAAmBA,MAAMlB,eAAAA;AAE/BmB,aAASC,iBAAiB,aAAaT,MAAM;AAC7CQ,aAASC,iBAAiB,WAAWJ,KAAK;AAI1CK,WAAOD,iBAAiB,UAAUF,kBAAkB;AAAA,MAAEI,SAAS;AAAA,MAAMC,SAAS;AAAA,IAAA,CAAM;AACpFF,WAAOD,iBAAiB,UAAUF,gBAAgB;AAElDM,cAAU,MAAM;AACdL,eAASM,oBAAoB,aAAad,MAAM;AAChDQ,eAASM,oBAAoB,WAAWT,KAAK;AAC7CK,aAAOI,oBAAoB,UAAUP,kBAAkB;AAAA,QAAEI,SAAS;AAAA,MAAA,CAAM;AACxED,aAAOI,oBAAoB,UAAUP,gBAAgB;AAAA,IACvD,CAAC;AAAA,EACH,CAAC;AAED,SAAAQ,gBACGC,MAAI;AAAA,IAAA,IAACC,OAAI;AAAA,aAAEnC,MAAMiB;AAAAA,IAAI;AAAA,IAAA,IAAAmB,WAAA;AAAA,aAAAH,gBACnBI,QAAM;AAAA,QAAA,IAAAD,WAAA;AAAA,cAAAE,OAAAC,eAAAC,MAAA;AAAA,cAAAC,QAEEnC;AAAO,iBAAAmC,UAAA,aAAAC,IAAAD,OAAAH,IAAA,IAAPhC,UAAOgC;AAAAK,iBAAAL,MAAA,MAWXtC,MAAMoC,QAAQ;AAAAQ,iBAAAC,CAAAA,QAAA;AAAA,gBAAAC,MAPR,GAAG7C,SAAAA,EAAWG,GAAG,MAAI2C,OACpB,GAAG9C,SAAAA,EAAWI,IAAI,MAAI2C,OAErB,GAAGhD,MAAMa,SAAS,GAAG,MAAIoC,OAE3B,2GAA2GjD,MAAMkD,SAAS,EAAE;AAAEJ,oBAAAD,IAAA1B,KAAAgC,iBAAAb,MAAA,OAAAO,IAAA1B,IAAA2B,GAAA;AAAAC,qBAAAF,IAAArC,KAAA2C,iBAAAb,MAAA,QAAAO,IAAArC,IAAAuC,IAAA;AAAAC,qBAAAH,IAAAO,KAAAD,iBAAAb,MAAA,SAAAO,IAAAO,IAAAJ,IAAA;AAAAC,qBAAAJ,IAAAQ,KAAAC,UAAAhB,MAAAO,IAAAQ,IAAAJ,IAAA;AAAA,mBAAAJ;AAAAA,UAAA,GAAA;AAAA,YAAA1B,GAAAoC;AAAAA,YAAA/C,GAAA+C;AAAAA,YAAAH,GAAAG;AAAAA,YAAAF,GAAAE;AAAAA,UAAAA,CAAA;AAAA,iBAAAjB;AAAAA,QAAA;AAAA,MAAA,CAAA;AAAA,IAAA;AAAA,EAAA,CAAA;AAO/I;"}