@annotorious/svelte 3.0.0-rc.1 → 3.0.0-rc.10

package/dist/annotorious-svelte.es6.js

@@ -1,11 +1,112 @@
-const c = (e) => ({
-  ...e,
-  subscribe: (s) => {
-    const t = (r) => s(r.state);
-    return e.observe(t), s(e.all()), () => e.unobserve(t);
+import { SvelteComponent as g, init as b, safe_not_equal as h, empty as k, insert as w, transition_in as l, transition_out as c, check_outros as A, detach as O, create_slot as v, update_slot_base as C, get_all_dirty_from_scope as q, get_slot_changes as y, group_outros as D, setContext as m } from "./annotorious-svelte.es8.js";
+import { toSvelteStore as N } from "@annotorious/core";
+import { createOSDAnnotator as T } from "./annotorious-svelte.es9.js";
+function d(s) {
+  let n;
+  const o = (
+    /*#slots*/
+    s[4].default
+  ), t = v(
+    o,
+    s,
+    /*$$scope*/
+    s[3],
+    null
+  );
+  return {
+    c() {
+      t && t.c();
+    },
+    m(e, i) {
+      t && t.m(e, i), n = !0;
+    },
+    p(e, i) {
+      t && t.p && (!n || i & /*$$scope*/
+      8) && C(
+        t,
+        o,
+        e,
+        /*$$scope*/
+        e[3],
+        n ? y(
+          o,
+          /*$$scope*/
+          e[3],
+          i,
+          null
+        ) : q(
+          /*$$scope*/
+          e[3]
+        ),
+        null
+      );
+    },
+    i(e) {
+      n || (l(t, e), n = !0);
+    },
+    o(e) {
+      c(t, e), n = !1;
+    },
+    d(e) {
+      t && t.d(e);
+    }
+  };
+}
+function j(s) {
+  let n, o, t = (
+    /*viewer*/
+    s[0] && d(s)
+  );
+  return {
+    c() {
+      t && t.c(), n = k();
+    },
+    m(e, i) {
+      t && t.m(e, i), w(e, n, i), o = !0;
+    },
+    p(e, [i]) {
+      /*viewer*/
+      e[0] ? t ? (t.p(e, i), i & /*viewer*/
+      1 && l(t, 1)) : (t = d(e), t.c(), l(t, 1), t.m(n.parentNode, n)) : t && (D(), c(t, 1, 1, () => {
+        t = null;
+      }), A());
+    },
+    i(e) {
+      o || (l(t), o = !0);
+    },
+    o(e) {
+      c(t), o = !1;
+    },
+    d(e) {
+      t && t.d(e), e && O(n);
+    }
+  };
+}
+function z(s, n, o) {
+  let { $$slots: t = {}, $$scope: e } = n, { viewer: i } = n, { opts: f = {} } = n, { anno: a = void 0 } = n;
+  const S = (r) => {
+    if (r) {
+      const u = T(r, f), p = N(u.state.store), _ = {
+        ...u,
+        state: { ...u.state, store: p }
+      };
+      m("anno", _), m("viewer", r), o(1, a = _);
+    }
+  };
+  return s.$$set = (r) => {
+    "viewer" in r && o(0, i = r.viewer), "opts" in r && o(2, f = r.opts), "anno" in r && o(1, a = r.anno), "$$scope" in r && o(3, e = r.$$scope);
+  }, s.$$.update = () => {
+    s.$$.dirty & /*viewer*/
+    1 && S(i);
+  }, [i, a, f, e, t];
+}
+class B extends g {
+  constructor(n) {
+    super(), b(this, n, z, j, h, { viewer: 0, opts: 2, anno: 1 });
   }
-});
+}
+const H = B;
 export {
-  c as toSvelteStore
+  H as default
 };
 //# sourceMappingURL=annotorious-svelte.es6.js.map

package/dist/annotorious-svelte.es6.js.map

@@ -1 +1 @@
-{"version":3,"file":"annotorious-svelte.es6.js","sources":["../../annotorious-core/src/state/SvelteStore.ts"],"sourcesContent":["import type { Annotation, Annotator, AnnotatorState } from '../model';\nimport type { Store } from './Store';\nimport type { StoreChangeEvent } from './StoreObserver';\n\ntype Subscriber<T extends Annotation> = (annotation: T[]) => void; \n\nexport interface SvelteStore<T extends Annotation> extends Store<T> {\n\n  subscribe(onChange: Subscriber<T>): void;\n\n}\n\nexport interface SvelteAnnotatorState<T extends Annotation> extends AnnotatorState<T> {\n\n  store: SvelteStore<T>\n\n}\n\nexport interface SvelteAnnotator<T extends Annotation> extends Annotator<T> {\n\n  state: SvelteAnnotatorState<T>\n\n}\n\n/** \n * A simple wrapper around the event-based store implementation\n * that adds a Svelte shim, for use with the reactive '$' notation.\n * Other frameworks might not actually need this. But it's pretty\n * convenient for everyone using Svelte, as well as for the\n * basic (Svelte-based) Annotorious standard implementation.\n */\nexport const toSvelteStore = <T extends Annotation>(store: Store<T>): SvelteStore<T> => {\n\n  const subscribe = (onChange: Subscriber<T>) => {\n\n    // Register a store observer on behalf of the subscriber\n    const shim = (event: StoreChangeEvent<T>) => onChange(event.state);\n    store.observe(shim);\n\n    // Immediately call the subscriber function with the\n    // current store value, according to the Svelte contract.\n    // https://stackoverflow.com/questions/68220955/how-does-svelte-unsubscribe-actually-work\n    onChange(store.all());\n\n    // Return the unsubscribe function\n    return () => store.unobserve(shim);\n  }\n\n  return {\n    ...store,\n    subscribe\n  }\n\n}"],"names":["toSvelteStore","store","onChange","shim","event"],"mappings":"AA+Ba,MAAAA,IAAgB,CAAuBC,OAiB3C;AAAA,EACL,GAAGA;AAAA,EACH,WAjBgB,CAACC,MAA4B;AAG7C,UAAMC,IAAO,CAACC,MAA+BF,EAASE,EAAM,KAAK;AACjE,WAAAH,EAAM,QAAQE,CAAI,GAKTD,EAAAD,EAAM,KAAK,GAGb,MAAMA,EAAM,UAAUE,CAAI;AAAA,EAAA;AAKjC;"}
+{"version":3,"file":"annotorious-svelte.es6.js","sources":["../src/osd/OpenSeadragonAnnotator.svelte"],"sourcesContent":["<script lang=\"ts\">\n  import { setContext } from 'svelte';\n  import { SvelteAnnotator, SvelteAnnotatorState, toSvelteStore } from '@annotorious/core';\n  import { createOSDAnnotator, ImageAnnotation } from '@annotorious/openseadragon';\n  import type OpenSeadragon from 'openseadragon';\n\n  /** props **/\n  export let viewer: OpenSeadragon.Viewer;\n  export let opts = {};\n  export let anno: SvelteAnnotator<ImageAnnotation> = undefined;\n\n  $: init(viewer);\n\n  const init = (viewer: OpenSeadragon.Viewer) => {\n    if (viewer) {\n      const annotator = createOSDAnnotator(viewer, opts);\n\n      // Wrap the store for Svelte reactivity\n      const svelteStore = toSvelteStore(annotator.state.store);\n\n      const shim = {\n        ...annotator,\n        state: {\n          ...annotator.state,\n          store: svelteStore\n        } as SvelteAnnotatorState<ImageAnnotation>\n      } as SvelteAnnotator<ImageAnnotation>\n\n      setContext('anno', shim);\n      setContext('viewer', viewer);\n\n      anno = shim;\n    }\n  }\n</script>\n\n{#if viewer}\n  <slot />\n{/if}\n"],"names":["ctx","create_if_block","viewer","$$props","opts","anno","init","annotator","createOSDAnnotator","svelteStore","toSvelteStore","shim","setContext","$$invalidate"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAoCKA,EAAM,CAAA,KAAAC,EAAAD,CAAA;AAAA;;;;;;;;;;MAANA,EAAM,CAAA;;;;;;;;;;;;;;;;;6CA7BE,QAAAE,EAA4B,IAAAC,KAC5B,MAAAC,IAAI,GAAA,IAAAD,GACJ,EAAA,MAAAE,IAAyC,OAAS,IAAAF;AAIvD,QAAAG,IAAQ,CAAAJ,MAA4B;QACpCA,GAAM;AACF,YAAAK,IAAYC,EAAmBN,GAAQE,CAAI,GAG3CK,IAAcC,EAAcH,EAAU,MAAM,KAAK,GAEjDI,IAAI;AAAA,WACLJ;AAAA,QACH,YACKA,EAAU,OACb,OAAOE,EAAA;AAAA;AAIX,MAAAG,EAAW,QAAQD,CAAI,GACvBC,EAAW,UAAUV,CAAM,GAE3BW,EAAA,GAAAR,IAAOM,CAAI;AAAA;;;;;;SApBZL,EAAKJ,CAAM;AAAA;;;;;;;;"}

package/dist/annotorious-svelte.es7.js

@@ -1,3 +1,126 @@
-import { nanoid as o } from "./annotorious-svelte.es11.js";
-o();
+import { SvelteComponent as H, init as I, safe_not_equal as T, empty as X, insert as P, noop as v, detach as S, component_subscribe as Y, onMount as q, element as x, text as G, attr as L, append as R, action_destroyer as U, listen as _, set_data as z, is_function as B, run_all as F } from "./annotorious-svelte.es8.js";
+import { draggable as J } from "./annotorious-svelte.es10.js";
+import b from "openseadragon";
+import "./annotorious-svelte.es11.js";
+function w(n) {
+  let o, e = (
+    /*$selection*/
+    n[0].selected.map(y).join(", ") + ""
+  ), t, s, a, d;
+  return {
+    c() {
+      o = x("div"), t = G(e), L(o, "class", "a9s-popup a9s-osd-popup svelte-1xuxeat");
+    },
+    m(r, l) {
+      P(r, o, l), R(o, t), a || (d = [
+        U(s = J.call(null, o, {
+          position: { x: (
+            /*left*/
+            n[1]
+          ), y: (
+            /*top*/
+            n[2]
+          ) }
+        })),
+        _(
+          o,
+          "neodrag:start",
+          /*onDragStart*/
+          n[4]
+        ),
+        _(
+          o,
+          "neodrag:end",
+          /*onDragEnd*/
+          n[5]
+        )
+      ], a = !0);
+    },
+    p(r, l) {
+      l & /*$selection*/
+      1 && e !== (e = /*$selection*/
+      r[0].selected.map(y).join(", ") + "") && z(t, e), s && B(s.update) && l & /*left, top*/
+      6 && s.update.call(null, {
+        position: { x: (
+          /*left*/
+          r[1]
+        ), y: (
+          /*top*/
+          r[2]
+        ) }
+      });
+    },
+    d(r) {
+      r && S(o), a = !1, F(d);
+    }
+  };
+}
+function K(n) {
+  let o, e = (
+    /*$selection*/
+    n[0] && w(n)
+  );
+  return {
+    c() {
+      e && e.c(), o = X();
+    },
+    m(t, s) {
+      e && e.m(t, s), P(t, o, s);
+    },
+    p(t, [s]) {
+      /*$selection*/
+      t[0] ? e ? e.p(t, s) : (e = w(t), e.c(), e.m(o.parentNode, o)) : e && (e.d(1), e = null);
+    },
+    i: v,
+    o: v,
+    d(t) {
+      e && e.d(t), t && S(o);
+    }
+  };
+}
+const y = (n) => n.id;
+function Q(n, o, e) {
+  let t, { state: s } = o, { viewer: a } = o, d, r, l = !1, c;
+  const { selection: m, store: u } = s;
+  Y(n, m, (i) => e(0, t = i));
+  const g = (i) => {
+    var p;
+    return ((p = i.selected) == null ? void 0 : p.length) > 0;
+  }, E = () => {
+    l = !0, a.setMouseNavEnabled(!1);
+  }, D = () => {
+    a.setMouseNavEnabled(!0);
+  }, N = () => {
+    c && u.unobserve(c), g(t) && (l = !1, f(t), c = (i) => {
+      l || f(t);
+    }, u.observe(c, {
+      annotations: t.selected.map((i) => i.id)
+    }));
+  }, f = (i) => {
+    const p = i.selected[0].id, O = u.getAnnotation(p), { minX: h, minY: k, maxX: C, maxY: M } = O.target.selector.geometry.bounds, V = 14, j = a.viewport.imageToViewerElementCoordinates(new b.Point(h, k)), A = a.viewport.imageToViewerElementCoordinates(new b.Point(C, M));
+    e(1, d = A.x + V), e(2, r = j.y);
+  };
+  return q(() => {
+    const i = () => {
+      g(t) && !l && f(t);
+    };
+    return a.addHandler("update-viewport", i), () => {
+      a.removeHandler("update-viewport", i);
+    };
+  }), n.$$set = (i) => {
+    "state" in i && e(6, s = i.state), "viewer" in i && e(7, a = i.viewer);
+  }, n.$$.update = () => {
+    n.$$.dirty & /*$selection*/
+    1 && N();
+  }, [t, d, r, m, E, D, s, a];
+}
+class W extends H {
+  constructor(o) {
+    super(), I(this, o, Q, K, T, { state: 6, viewer: 7 });
+  }
+}
+const oe = W;
+export {
+  oe as default
+};
 //# sourceMappingURL=annotorious-svelte.es7.js.map

package/dist/annotorious-svelte.es7.js.map

@@ -1 +1 @@
-{"version":3,"file":"annotorious-svelte.es7.js","sources":["../../annotorious-core/src/presence/PresenceState.ts"],"sourcesContent":["import { nanoid } from 'nanoid';\nimport { createNanoEvents, type Unsubscribe } from 'nanoevents';\nimport type { User } from '../model';\nimport type { PresentUser } from './PresentUser';\nimport type { PresenceEvents } from './PresenceEvents';\nimport { createDefaultAppearenceProvider } from './AppearanceProvider';\nimport type { AppearanceProvider } from './AppearanceProvider';\n\nexport interface PresenceState {\n\n  // Get users currently present to this room\n  getPresentUsers(): PresentUser[];\n\n  // Notify of a given present user's activity on the given annotations\n  notifyActivity(presenceKey: string, annotationIds: string[]): void;\n\n  // Add a listener for the given presence event\n  on<E extends keyof PresenceEvents>(event: E, callback: PresenceEvents[E]): Unsubscribe;\n\n  // Initial sync - which users are present under which keys\n  syncUsers(state: { presenceKey: string, user: User }[]): void;\n\n  // Update the selection state for the given prresent user\n  updateSelection(presenceKey: string, selection: string[] | null): void;\n\n}\n\nconst isListEqual = (listA: any[], listB: any[]) => \n  listA.every(a => listA.includes(a)) && listB.every(b => listA.includes(b));\n\n// This client's presence key\nexport const PRESENCE_KEY = nanoid();\n\nexport const createPresenceState = (\n  appearanceProvider: AppearanceProvider = createDefaultAppearenceProvider()\n): PresenceState => {\n\n  const emitter = createNanoEvents<PresenceEvents>();\n\n  const presentUsers = new Map<string, PresentUser>();\n\n  const selectionStates = new Map<string, string[]>();\n\n  const addUser = (presenceKey: string, user: User) => {\n    if (presentUsers.has(presenceKey)) {\n      console.warn('Attempt to add user that is already present', presenceKey, user);\n      return;    \n    }\n\n    const appearance = appearanceProvider.addUser(presenceKey, user);\n\n    presentUsers.set(presenceKey, { \n      ...user,\n      presenceKey,\n      appearance\n    });\n  }\n\n  const removeUser = (presenceKey: string) => {\n    const user = presentUsers.get(presenceKey);\n    if (!user) {\n      console.warn('Attempt to remove user that is not present', presenceKey);\n      return;\n    }\n\n    appearanceProvider.removeUser(user);\n\n    presentUsers.delete(presenceKey);\n  }\n\n  const syncUsers = (state: { presenceKey: string, user: User }[]) => {\n    // const keys = new Set(others.map(s => s.presenceKey));\n    const keys = new Set(state.map(s => s.presenceKey));\n\n    // These users need to be added to the presentUsers list\n    // const toAdd = others.filter(({ presenceKey }) => !presentUsers.has(presenceKey));\n    const toAdd = state.filter(({ presenceKey }) => !presentUsers.has(presenceKey));\n\n    // These users need to be dropped from the list\n    const toRemove = Array.from(presentUsers.values()).filter(presentUser =>\n      !keys.has(presentUser.presenceKey));\n\n    toAdd.forEach(({ presenceKey, user }) => addUser(presenceKey, user));\n\n    toRemove.forEach(user => {\n      const { presenceKey } = user;\n\n      // If this user has a selection, fire deselect event\n      if (selectionStates.has(presenceKey))\n        emitter.emit('selectionChange', user, null);\n\n      removeUser(presenceKey)\n    });\n\n    if (toAdd.length > 0 || toRemove.length > 0)\n      emitter.emit('presence', getPresentUsers());\n  }\n\n  const notifyActivity = (presenceKey: string, annotationIds: string[]) => {    \n    const user = presentUsers.get(presenceKey);\n    \n    if (!user) {\n      console.warn('Activity notification from user that is not present');\n      return;\n    }\n\n    const currentSelection = selectionStates.get(presenceKey);\n\n    // Was there a selection change we might have missed?\n    if (!currentSelection || !isListEqual(currentSelection, annotationIds)) {\n      selectionStates.set(presenceKey, annotationIds);\n      emitter.emit('selectionChange', user, annotationIds);\n    }\n  }\n\n  const updateSelection = (presenceKey: string, selection: string[] | null) => {\n    const from = presentUsers.get(presenceKey);\n    if (!from) {\n      console.warn('Selection change for user that is not present', presenceKey);\n      return;\n    }\n\n    if (selection)\n      selectionStates.set(presenceKey, selection);\n    else \n      selectionStates.delete(presenceKey);\n\n    emitter.emit('selectionChange', from, selection);\n  }\n\n  const getPresentUsers = () =>\n    [...Array.from(presentUsers.values())];\n    \n  const on = <E extends keyof PresenceEvents>(event: E, callback: PresenceEvents[E]) =>\n    emitter.on(event, callback);\n\n  return {\n    getPresentUsers,\n    notifyActivity,\n    on,\n    syncUsers,\n    updateSelection\n  }\n\n}"],"names":["nanoid"],"mappings":";AA+B4BA,EAAO;"}
+{"version":3,"file":"annotorious-svelte.es7.js","sources":["../src/osd/OpenSeadragonPopup.svelte"],"sourcesContent":["<script lang=\"ts\">\n  import { onMount } from 'svelte';\n  import { draggable } from '@neodrag/svelte';\n  import OpenSeadragon from 'openseadragon';\n  import type { Selection, StoreChangeEvent, SvelteAnnotatorState } from '@annotorious/core';\n  import type { ImageAnnotation } from '@annotorious/annotorious';\n\n  export let state: SvelteAnnotatorState<ImageAnnotation>;\n\n  export let viewer: OpenSeadragon.Viewer;\n\n  let left: number;\n\n  let top: number;\n\n  let dragged = false;\n\n  let storeObserver: (event: StoreChangeEvent<ImageAnnotation>) => void;\n\n  const { selection, store } = state; \n\n  const isSelected = (selection: Selection) => selection.selected?.length > 0;\n\n  const onDragStart = () => {\n    dragged = true;\n    viewer.setMouseNavEnabled(false);\n  }\n\n  const onDragEnd = () => {\n    viewer.setMouseNavEnabled(true);\n  }\n\n  $: $selection, onSelect();\n\n  const onSelect = () => {\n    if (storeObserver)\n      store.unobserve(storeObserver);\n\n    if (isSelected($selection)) {\n      dragged = false;\n\n      setPosition($selection);\n\n      storeObserver = (event: StoreChangeEvent<ImageAnnotation>) => {\n        if (!dragged)\n          setPosition($selection);\n      }\n\n      store.observe(storeObserver, { annotations: $selection.selected.map(s => s.id) });\n    }\n  }\n\n  const setPosition = (selection: Selection) => {\n    // Note: this demo popup only supports a single selection\n    const selectedId = selection.selected[0].id;\n    const annotation = store.getAnnotation(selectedId);\n\n    const { minX, minY, maxX, maxY } = annotation.target.selector.geometry.bounds;\n\n    const PADDING = 14;\n\n    const topLeft = viewer.viewport.imageToViewerElementCoordinates(new OpenSeadragon.Point(minX, minY));\n    const bottomRight = viewer.viewport.imageToViewerElementCoordinates(new OpenSeadragon.Point(maxX, maxY));\n\n    // [left, top] = defaultStrategy(annotation, lastPointerDown);\n    left = bottomRight.x + PADDING;\n    top = topLeft.y;\n  }\n\n  onMount(() => {\n    const onUpdateViewport = () => {\n      if (isSelected($selection) && !dragged)\n        setPosition($selection);\n    }\n\n    viewer.addHandler('update-viewport', onUpdateViewport);\n\n    return () => {\n      viewer.removeHandler('update-viewport', onUpdateViewport);\n    }\n  });\n</script>\n\n{#if $selection}\n  <div \n    class=\"a9s-popup a9s-osd-popup\"\n    use:draggable={{ position: { x: left, y: top }}}\n    on:neodrag:start={onDragStart}\n    on:neodrag:end={onDragEnd}>\n    {$selection.selected.map(s => s.id).join(', ')}\n  </div>\n{/if}\n\n<style>\n  .a9s-osd-popup {\n    background-color: #fff;\n    border: 1px solid #a2a2a2;\n    height: 250px;\n    position: absolute;\n    width: 400px;\n    z-index: 1;\n  }\n</style>"],"names":["t_value","ctx","func","insert","target","div","anchor","dirty","set_data","create_if_block","s","state","$$props","viewer","left","top","dragged","storeObserver","selection","store","isSelected","_a","onDragStart","onDragEnd","onSelect","$selection","setPosition","event","selectedId","annotation","minX","minY","maxX","maxY","PADDING","topLeft","OpenSeadragon","bottomRight","$$invalidate","onMount","onUpdateViewport"],"mappings":";;;;;SAyFKA;AAAA;AAAA,IAAAC,KAAW,SAAS,IAAeC,CAAA,EAAA,KAAK,IAAI,IAAA;AAAA;;;;;;AAL/C,MAAAC,EAMKC,GAAAC,GAAAC,CAAA;;UAJc,YAAY;AAAA;AAAA,YAAGL,EAAM,CAAA;AAAA,aAAA;AAAA;AAAA,YAAGA,EAAG,CAAA;AAAA,YAAA;AAAA;;;;;UAC1BA,EAAW,CAAA;AAAA,QAAA;AAAA;;;;UACbA,EAAS,CAAA;AAAA,QAAA;AAAA;;;AACxB,MAAAM;AAAA,MAAA,KAAAP,OAAAA;AAAA,MAAAC,KAAW,SAAS,IAAeC,CAAA,EAAA,KAAK,IAAI,IAAA,OAAAM,EAAA,GAAAR,CAAA;;QAH5B,YAAY;AAAA;AAAA,UAAGC,EAAM,CAAA;AAAA,WAAA;AAAA;AAAA,UAAGA,EAAG,CAAA;AAAA,UAAA;AAAA;;;;;;;;;;IAH3CA,EAAU,CAAA,KAAAQ,EAAAR,CAAA;AAAA;;;;;;;;;;MAAVA,EAAU,CAAA;;;;;;;;;UAMc,CAAAS,MAAKA,EAAE;;WAlFvB,OAAAC,EAA4C,IAAAC,KAE5C,QAAAC,EAA4B,IAAAD,GAEnCE,GAEAC,GAEAC,IAAU,IAEVC;UAEI,WAAAC,GAAW,OAAAC,EAAK,IAAKR;;QAEvBS,IAAc,CAAAF,MAAyB;;AAAA,aAAAG,IAAAH,EAAU,aAAV,gBAAAG,EAAoB,UAAS;AAAA,KAEpEC,IAAW,MAAA;AACf,IAAAN,IAAU,IACVH,EAAO,mBAAmB,EAAK;AAAA,KAG3BU,IAAS,MAAA;AACb,IAAAV,EAAO,mBAAmB,EAAI;AAAA,KAK1BW,IAAQ,MAAA;AACR,IAAAP,KACFE,EAAM,UAAUF,CAAa,GAE3BG,EAAWK,CAAU,MACvBT,IAAU,IAEVU,EAAYD,CAAU,GAEtBR,IAAiB,CAAAU,MAAwC;MAClDX,KACHU,EAAYD,CAAU;AAAA,OAG1BN,EAAM,QAAQF,GAAa;AAAA,MAAI,aAAaQ,EAAW,SAAS,IAAI,CAAAf,MAAKA,EAAE,EAAE;AAAA;KAI3EgB,IAAe,CAAAR,MAAoB;AAEjC,UAAAU,IAAaV,EAAU,SAAS,CAAC,EAAE,IACnCW,IAAaV,EAAM,cAAcS,CAAU,GAEzC,EAAA,MAAAE,GAAM,MAAAC,GAAM,MAAAC,GAAM,MAAAC,EAAI,IAAKJ,EAAW,OAAO,SAAS,SAAS,QAEjEK,IAAU,IAEVC,IAAUtB,EAAO,SAAS,gCAAoC,IAAAuB,EAAc,MAAMN,GAAMC,CAAI,CAAA,GAC5FM,IAAcxB,EAAO,SAAS,gCAAoC,IAAAuB,EAAc,MAAMJ,GAAMC,CAAI,CAAA;AAGtG,IAAAK,EAAA,GAAAxB,IAAOuB,EAAY,IAAIH,CAAO,QAC9BnB,IAAMoB,EAAQ,CAAC;AAAA;AAGjB,SAAAI,EAAO,MAAA;UACCC,IAAgB,MAAA;AAChB,MAAApB,EAAWK,CAAU,KAAA,CAAMT,KAC7BU,EAAYD,CAAU;AAAA;AAG1B,WAAAZ,EAAO,WAAW,mBAAmB2B,CAAgB;AAGnD,MAAA3B,EAAO,cAAc,mBAAmB2B,CAAgB;AAAA;;;;;SA9C7ChB,EAAQ;AAAA;;;;;;;;"}