@pinia/colada-devtools 0.1.8 → 0.2.0

package/dist-panel/braces-B9tH-Qp5.js

@@ -0,0 +1,294 @@
+import { getValueTypeClass as _, formatValue as $, isPlainObject as k } from "@pinia/colada-devtools/shared";
+import { m as l, c as s, o as r, a as o, d as y, j, b as w, n as d, T as V, f as b, e as m, t as v, g as f, F as C, h as M, r as z, X as S, I as A, J as E, Y as H, P as g, q as O, Z as T, _ as J } from "./index-CTwvPt67.js";
+const L = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+function N(e, t) {
+  return r(), s("svg", L, [...t[0] || (t[0] = [
+    o("path", {
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "2",
+      d: "m9 18l6-6l-6-6"
+    }, null, -1)
+  ])]);
+}
+const P = l({ name: "lucide-chevron-right", render: N }), Y = ["title"], D = /* @__PURE__ */ y({
+  __name: "JsonItem",
+  props: {
+    itemKey: {},
+    value: { type: [String, Number, Boolean, null, Array, Object, Map, Set] },
+    depth: {}
+  },
+  setup(e) {
+    const t = e, c = j(!1), a = w(() => {
+      const { value: n } = t;
+      return Array.isArray(n) && n.length > 0 || k(n) && Object.keys(n).length > 0 || n instanceof Map && n.size > 0 || n instanceof Set && n.size > 0;
+    }), i = w(() => {
+      const { value: n } = t;
+      return Array.isArray(n) ? n.map((h, u) => [u, h]) : k(n) ? Object.entries(n) : n instanceof Map ? n.entries() : n instanceof Set ? Array.from(n).map((h, u) => [u, h]) : [];
+    });
+    function p() {
+      a.value && (c.value = !c.value);
+    }
+    return (n, h) => {
+      const u = P, B = z("JsonItem", !0);
+      return r(), s("div", {
+        style: V({ paddingLeft: `${e.depth * 0.35}em` }),
+        class: d(["ring-(--ui-bg-muted)", {
+          "hover:ring": a.value,
+          "rounded-tl": e.depth > 0
+        }])
+      }, [
+        o("div", {
+          class: d(["flex items-center gap-2 py-0.5 bg-transparent hover:bg-(--ui-bg-muted) duration-200 transition-colors", e.depth > 0 && "rounded-l"])
+        }, [
+          a.value ? (r(), m(u, {
+            key: 0,
+            class: d(["size-3 text-(--ui-text-dimmed) transition-transform duration-200 cursor-pointer", { "rotate-90": c.value }]),
+            onClick: p
+          }, null, 8, ["class"])) : b("", !0),
+          o("span", {
+            class: d(["text-(--devtools-syntax-gray)", !a.value && "ml-5"])
+          }, v(e.itemKey) + ": ", 3),
+          o("span", {
+            class: d([f(_)(e.value), a.value && "cursor-pointer"]),
+            title: a.value ? "Click to expand" : void 0,
+            onClick: p
+          }, v(f($)(e.value)), 11, Y)
+        ], 2),
+        a.value && c.value ? (r(!0), s(C, { key: 0 }, M(i.value, ([x, I]) => (r(), m(B, {
+          key: x,
+          "item-key": String(x),
+          value: I,
+          depth: e.depth + 1
+        }, null, 8, ["item-key", "value", "depth"]))), 128)) : b("", !0)
+      ], 6);
+    };
+  }
+});
+function F(e) {
+  return !!e && (Array.isArray(e) || k(e) || e instanceof Map || e instanceof Set);
+}
+const pe = /* @__PURE__ */ y({
+  __name: "JsonViewer",
+  props: {
+    data: {}
+  },
+  setup(e) {
+    return (t, c) => F(e.data) ? (r(!0), s(C, { key: 0 }, M(Object.entries(e.data), ([a, i]) => (r(), m(D, {
+      key: a,
+      "item-key": a,
+      value: i,
+      depth: 0
+    }, null, 8, ["item-key", "value"]))), 128)) : (r(), s("span", {
+      key: 1,
+      class: d(f(_)(e.data))
+    }, v(f($)(e.data)), 3));
+  }
+}), R = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+function U(e, t) {
+  return r(), s("svg", R, [...t[0] || (t[0] = [
+    o("path", {
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "2",
+      d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6M3 6h18M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"
+    }, null, -1)
+  ])]);
+}
+const he = l({ name: "lucide-trash", render: U }), X = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+function q(e, t) {
+  return r(), s("svg", X, [...t[0] || (t[0] = [
+    o("g", {
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "2"
+    }, [
+      o("path", { d: "M3 12a9 9 0 1 0 9-9a9.75 9.75 0 0 0-6.74 2.74L3 8" }),
+      o("path", { d: "M3 3v5h5" })
+    ], -1)
+  ])]);
+}
+const me = l({ name: "lucide-rotate-ccw", render: q }), G = { class: "collapse collapse-arrow" }, K = { class: "collapse-title px-2 py-0.5 bg-neutral-200 dark:bg-neutral-800 theme-neutral" }, W = { class: "font-semibold text-sm flex gap-x-1 items-center" }, Z = /* @__PURE__ */ y({
+  __name: "UCollapse.ce",
+  props: /* @__PURE__ */ S({
+    title: { type: String },
+    icon: { type: null },
+    noPadding: { type: Boolean }
+  }, {
+    open: { type: Boolean, default: !0 },
+    openModifiers: {}
+  }),
+  emits: ["update:open"],
+  setup(e) {
+    const t = A(e, "open");
+    function c(a) {
+      if (a.target instanceof HTMLElement) {
+        const i = {
+          block: "nearest",
+          inline: "nearest",
+          behavior: "smooth"
+        };
+        a.target.scrollIntoView(i);
+      }
+    }
+    return (a, i) => (r(), s("div", G, [
+      E(o("input", {
+        "onUpdate:modelValue": i[0] || (i[0] = (p) => t.value = p),
+        type: "checkbox"
+      }, null, 512), [
+        [H, t.value]
+      ]),
+      o("div", K, [
+        g(a.$slots, "title", {
+          open: t.value,
+          title: e.title
+        }, () => [
+          o("h3", W, [
+            g(a.$slots, "icon", {}, () => [
+              e.icon ? (r(), m(T(e.icon), {
+                key: 0,
+                class: "size-4"
+              })) : b("", !0)
+            ], !0),
+            O(" " + v(e.title ?? "Group"), 1)
+          ])
+        ], !0)
+      ]),
+      o("div", {
+        class: d([!e.noPadding && "px-2", "collapse-content text-sm overflow-hidden"]),
+        onTransitionend: c
+      }, [
+        g(a.$slots, "default", { open: t.value }, void 0, !0)
+      ], 34)
+    ]));
+  }
+}), Q = '.collapse[data-v-46c2be51]:not(td,tr,colgroup){visibility:visible}.collapse[data-v-46c2be51]{position:relative;display:grid;overflow:hidden;width:100%;grid-template-rows:max-content 0fr;transition:grid-template-rows .2s;isolation:isolate}.collapse>input[data-v-46c2be51]:is([type=checkbox],[type=radio]){grid-column-start:1;grid-row-start:1;appearance:none;opacity:0}.collapse[data-v-46c2be51]:is([open],:focus),.collapse[data-v-46c2be51]:has(>input:is([type=checkbox],[type=radio]):checked){grid-template-rows:max-content 1fr}.collapse:is([open],:focus)>.collapse-content[data-v-46c2be51],.collapse[data-v-46c2be51]:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){visibility:visible;min-height:fit-content}.collapse[data-v-46c2be51]:focus-visible,.collapse[data-v-46c2be51]:has(>input:is([type=checkbox],[type=radio]):focus-visible){outline-color:var(--ui-text);outline-style:solid;outline-width:2px;outline-offset:2px}.collapse:not(.collapse-close)>input[type=checkbox][data-v-46c2be51],.collapse:not(.collapse-close)>input[type=radio][data-v-46c2be51]:not(:checked),.collapse:not(.collapse-close)>.collapse-title[data-v-46c2be51]{cursor:pointer}.collapse:focus:not(.collapse-close,.collapse[open])>.collapse-title[data-v-46c2be51]{cursor:unset}.collapse:is([open]).collapse-arrow>.collapse-title[data-v-46c2be51]:after{transform:translateY(-50%) rotate(225deg)}.collapse.collapse-arrow:focus>.collapse-title[data-v-46c2be51]:after{transform:translateY(-50%) rotate(225deg)}.collapse.collapse-arrow>input:is([type=checkbox],[type=radio]):checked~.collapse-title[data-v-46c2be51]:after{transform:translateY(-50%) rotate(225deg)}.collapse>input[data-v-46c2be51]:is([type=checkbox],[type=radio]){z-index:1;width:100%}.collapse-title[data-v-46c2be51],.collapse-content[data-v-46c2be51]{grid-column-start:1;grid-row-start:1}.collapse-content[data-v-46c2be51]{visibility:hidden;grid-column-start:1;grid-row-start:2;min-height:0;cursor:unset;transition:visibility .2s}.collapse-arrow>.collapse-title[data-v-46c2be51]:after{position:absolute;display:block;height:.5rem;width:.5rem;transform:translateY(-100%) rotate(45deg);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;top:50%;right:.8em;inset-inline-end:.75rem;content:"";transform-origin:75% 75%;box-shadow:2px 2px;pointer-events:none}.collapse-title[data-v-46c2be51]{position:relative;width:100%;transition:background-color .2s ease-out}', ve = /* @__PURE__ */ J(Z, [["styles", [Q]], ["__scopeId", "data-v-46c2be51"]]), ee = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+function te(e, t) {
+  return r(), s("svg", ee, [...t[0] || (t[0] = [
+    o("path", {
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "2",
+      d: "M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z"
+    }, null, -1)
+  ])]);
+}
+const fe = l({ name: "lucide-wrench", render: te }), oe = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+function ne(e, t) {
+  return r(), s("svg", oe, [...t[0] || (t[0] = [
+    o("g", {
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "2"
+    }, [
+      o("circle", {
+        cx: "12",
+        cy: "12",
+        r: "10"
+      }),
+      o("path", { d: "M12 16v-4m0-4h.01" })
+    ], -1)
+  ])]);
+}
+const ge = l({ name: "lucide-info", render: ne }), ae = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+function re(e, t) {
+  return r(), s("svg", ae, [...t[0] || (t[0] = [
+    o("g", {
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "2"
+    }, [
+      o("path", { d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z" }),
+      o("path", { d: "M14 2v5a1 1 0 0 0 1 1h5M10 9H8m8 4H8m8 4H8" })
+    ], -1)
+  ])]);
+}
+const ke = l({ name: "lucide-file-text", render: re }), se = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+function ie(e, t) {
+  return r(), s("svg", se, [...t[0] || (t[0] = [
+    o("g", {
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "2"
+    }, [
+      o("circle", {
+        cx: "12",
+        cy: "12",
+        r: "10"
+      }),
+      o("path", { d: "m15 9l-6 6m0-6l6 6" })
+    ], -1)
+  ])]);
+}
+const be = l({ name: "lucide-circle-x", render: ie }), le = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+function ce(e, t) {
+  return r(), s("svg", le, [...t[0] || (t[0] = [
+    o("path", {
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "2",
+      d: "M8 3H7a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2a2 2 0 0 1 2 2v5c0 1.1.9 2 2 2h1m8 0h1a2 2 0 0 0 2-2v-5c0-1.1.9-2 2-2a2 2 0 0 1-2-2V5a2 2 0 0 0-2-2h-1"
+    }, null, -1)
+  ])]);
+}
+const ye = l({ name: "lucide-braces", render: ce });
+export {
+  ge as I,
+  ve as _,
+  fe as a,
+  ke as b,
+  be as c,
+  ye as d,
+  me as e,
+  he as f,
+  pe as g
+};
+//# sourceMappingURL=braces-B9tH-Qp5.js.map

package/dist-panel/braces-B9tH-Qp5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"braces-B9tH-Qp5.js","sources":["../src/panel/components/editable-json/JsonItem.vue","../src/panel/components/editable-json/JsonViewer.vue","../src/panel/components/UCollapse.ce.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, computed } from 'vue'\nimport type { JSONValue } from '@pinia/colada-devtools/shared'\nimport { formatValue, getValueTypeClass, isPlainObject } from '@pinia/colada-devtools/shared'\n\nconst props = defineProps<{\n  itemKey: string\n  value: JSONValue | Map<PropertyKey, any> | Set<unknown>\n  depth: number\n}>()\n\nconst isExpanded = ref(false)\n\nconst isExpandable = computed(() => {\n  const { value } = props\n  return (\n    (Array.isArray(value) && value.length > 0) ||\n    (isPlainObject(value) && Object.keys(value).length > 0) ||\n    (value instanceof Map && value.size > 0) ||\n    (value instanceof Set && value.size > 0)\n  )\n})\n\nconst keyValuePairs = computed<Iterable<[PropertyKey, any]>>(() => {\n  const { value } = props\n  if (Array.isArray(value)) {\n    return value.map((v, i) => [i, v] as const)\n  } else if (isPlainObject(value)) {\n    return Object.entries(value)\n  } else if (value instanceof Map) {\n    return value.entries()\n  } else if (value instanceof Set) {\n    return Array.from(value).map((v, i) => [i, v] as const)\n  }\n  return []\n})\n\nfunction toggleExpansion() {\n  if (!isExpandable.value) return\n  isExpanded.value = !isExpanded.value\n}\n\n// TODO: rework the indentation of nested items, it's currently bugged: it increases too much and is too small at the beginning\n</script>\n\n<template>\n  <div\n    :style=\"{ paddingLeft: `${depth * 0.35}em` }\"\n    class=\"ring-(--ui-bg-muted)\"\n    :class=\"{\n      'hover:ring': isExpandable,\n      'rounded-tl': depth > 0,\n    }\"\n  >\n    <div\n      class=\"flex items-center gap-2 py-0.5 bg-transparent hover:bg-(--ui-bg-muted) duration-200 transition-colors\"\n      :class=\"depth > 0 && 'rounded-l'\"\n    >\n      <ILucideChevronRight\n        v-if=\"isExpandable\"\n        class=\"size-3 text-(--ui-text-dimmed) transition-transform duration-200 cursor-pointer\"\n        :class=\"{ 'rotate-90': isExpanded }\"\n        @click=\"toggleExpansion\"\n      />\n\n      <!-- Maintain alignment by adding left margin when chevron is absent -->\n      <span class=\"text-(--devtools-syntax-gray)\" :class=\"!isExpandable && 'ml-5'\">\n        {{ itemKey }}:\n      </span>\n\n      <!-- Value or Collection Label -->\n      <span\n        :class=\"[getValueTypeClass(value), isExpandable && 'cursor-pointer']\"\n        :title=\"isExpandable ? 'Click to expand' : undefined\"\n        @click=\"toggleExpansion\"\n      >\n        {{ formatValue(value) }}\n      </span>\n\n      <!-- Edit button -->\n      <!-- <UButton v-if=\"isHovered && !isExpandable\" size=\"xs\"> -->\n      <!--   Edit -->\n      <!-- </UButton> -->\n    </div>\n\n    <!-- Expanded children -->\n    <template v-if=\"isExpandable && isExpanded\">\n      <JsonItem\n        v-for=\"[childKey, childValue] of keyValuePairs\"\n        :key=\"childKey\"\n        :item-key=\"String(childKey)\"\n        :value=\"childValue\"\n        :depth=\"depth + 1\"\n      />\n    </template>\n  </div>\n</template>\n","<script lang=\"ts\">\nfunction isExpandable(\n  value: unknown,\n): value is unknown[] | Record<string, unknown> | Map<unknown, unknown> | Set<unknown> {\n  return (\n    !!value &&\n    (Array.isArray(value) || isPlainObject(value) || value instanceof Map || value instanceof Set)\n  )\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { formatValue, getValueTypeClass, isPlainObject } from '@pinia/colada-devtools/shared'\nimport JsonItem from './JsonItem.vue'\n\ndefineProps<{\n  data: unknown\n}>()\n</script>\n\n<template>\n  <!-- Handle expandable items -->\n  <template v-if=\"isExpandable(data)\">\n    <JsonItem\n      v-for=\"[key, value] in Object.entries(data)\"\n      :key=\"key\"\n      :item-key=\"key\"\n      :value=\"value\"\n      :depth=\"0\"\n    />\n  </template>\n  <!-- Handle primitive root values -->\n  <template v-else>\n    <span :class=\"getValueTypeClass(data)\">{{ formatValue(data) }}</span>\n  </template>\n</template>\n","<script setup lang=\"ts\">\nimport type { Component } from 'vue'\n\ndefineProps<{\n  title?: string\n  icon?: Component\n  noPadding?: boolean\n}>()\n\nconst open = defineModel<boolean>('open', {\n  default: true,\n})\n\nfunction scrollIfNeeded(event: TransitionEvent) {\n  if (event.target instanceof HTMLElement) {\n    const scrollOptions: ScrollIntoViewOptions = {\n      block: 'nearest',\n      inline: 'nearest',\n      behavior: 'smooth',\n    }\n    event.target.scrollIntoView(scrollOptions)\n  }\n}\n</script>\n\n<template>\n  <div class=\"collapse collapse-arrow\">\n    <input v-model=\"open\" type=\"checkbox\" />\n    <div class=\"collapse-title px-2 py-0.5 bg-neutral-200 dark:bg-neutral-800 theme-neutral\">\n      <slot name=\"title\" :open :title>\n        <h3 class=\"font-semibold text-sm flex gap-x-1 items-center\">\n          <slot name=\"icon\">\n            <component :is=\"icon\" v-if=\"icon\" class=\"size-4\" />\n          </slot>\n          {{ title ?? 'Group' }}\n        </h3>\n      </slot>\n    </div>\n    <div\n      :class=\"!noPadding && 'px-2'\"\n      class=\"collapse-content text-sm overflow-hidden\"\n      @transitionend=\"scrollIfNeeded\"\n    >\n      <slot :open />\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.collapse:not(td, tr, colgroup) {\n  visibility: visible;\n}\n\n.collapse {\n  position: relative;\n  display: grid;\n  overflow: hidden;\n  width: 100%;\n  grid-template-rows: max-content 0fr;\n  transition: grid-template-rows 0.2s;\n  isolation: isolate;\n\n  > input:is([type='checkbox'], [type='radio']) {\n    grid-column-start: 1;\n    grid-row-start: 1;\n    appearance: none;\n    opacity: 0;\n  }\n\n  &:is([open], :focus),\n  &:has(> input:is([type='checkbox'], [type='radio']):checked) {\n    grid-template-rows: max-content 1fr;\n  }\n\n  &:is([open], :focus) > .collapse-content,\n  &:not(.collapse-close)\n    > :where(input:is([type='checkbox'], [type='radio']):checked ~ .collapse-content) {\n    visibility: visible;\n    min-height: fit-content;\n  }\n  &:focus-visible,\n  &:has(> input:is([type='checkbox'], [type='radio']):focus-visible) {\n    outline-color: var(--ui-text);\n    outline-style: solid;\n    outline-width: 2px;\n    outline-offset: 2px;\n  }\n\n  &:not(.collapse-close) {\n    > input[type='checkbox'],\n    > input[type='radio']:not(:checked),\n    > .collapse-title {\n      cursor: pointer;\n    }\n  }\n\n  &:focus:not(.collapse-close, .collapse[open]) > .collapse-title {\n    cursor: unset;\n  }\n\n  &:is([open]) {\n    &.collapse-arrow {\n      > .collapse-title:after {\n        transform: translateY(-50%) rotate(225deg);\n      }\n    }\n  }\n\n  &.collapse-arrow:focus {\n    > .collapse-title:after {\n      transform: translateY(-50%) rotate(225deg);\n    }\n  }\n\n  &.collapse-arrow {\n    > input:is([type='checkbox'], [type='radio']):checked ~ .collapse-title:after {\n      transform: translateY(-50%) rotate(225deg);\n    }\n  }\n\n  > input:is([type='checkbox'], [type='radio']) {\n    z-index: 1;\n    width: 100%;\n  }\n}\n\n.collapse-title,\n.collapse-content {\n  grid-column-start: 1;\n  grid-row-start: 1;\n}\n\n.collapse-content {\n  visibility: hidden;\n  grid-column-start: 1;\n  grid-row-start: 2;\n  min-height: 0;\n  cursor: unset;\n  transition: visibility 0.2s;\n}\n\n.collapse-arrow {\n  > .collapse-title:after {\n    position: absolute;\n    display: block;\n    height: 0.5rem;\n    width: 0.5rem;\n    transform: translateY(-100%) rotate(45deg);\n    transition-property: all;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 0.2s;\n    top: 50%;\n    right: 0.8em;\n    inset-inline-end: 0.75rem;\n    content: '';\n    transform-origin: 75% 75%;\n    box-shadow: 2px 2px;\n    pointer-events: none;\n  }\n}\n\n.collapse-title {\n  position: relative;\n  width: 100%;\n  transition: background-color 0.2s ease-out;\n}\n</style>\n"],"names":["props","__props","isExpanded","ref","isExpandable","computed","value","isPlainObject","keyValuePairs","v","i","toggleExpansion","_createElementBlock","_createElementVNode","_normalizeClass","_createBlock","_component_ILucideChevronRight","_toDisplayString","_unref","getValueTypeClass","formatValue","_hoisted_1","_openBlock","_Fragment","_renderList","childKey","childValue","_component_JsonItem","key","JsonItem","open","_useModel","scrollIfNeeded","event","scrollOptions","$event","_hoisted_2","_renderSlot","_ctx","_hoisted_3","_resolveDynamicComponent","_createTextVNode"],"mappings":"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"}