@inkbar/vue 0.0.0-stage → 0.2.0

package/dist/components/annotation-element.d.ts

@@ -0,0 +1,5 @@
+import { InkContext } from '../context';
+import { Ref, ShallowRef } from 'vue';
+/** The overlay element core draws for an annotation, for anchoring a popover to it. */
+export declare function useAnnotationElement(ctx: InkContext, id: Readonly<Ref<string | null>>): Readonly<ShallowRef<HTMLElement | null>>;
+//# sourceMappingURL=annotation-element.d.ts.map

package/dist/components/annotation-element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"annotation-element.d.ts","sourceRoot":"","sources":["../../src/components/annotation-element.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAC5C,OAAO,KAAK,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAE1C,uFAAuF;AACvF,wBAAgB,oBAAoB,CAClC,GAAG,EAAE,UAAU,EACf,EAAE,EAAE,QAAQ,CAAC,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,GAC/B,QAAQ,CAAC,UAAU,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC,CAoB1C"}

package/dist/components/annotation-element.js

@@ -0,0 +1,18 @@
+import { onBeforeUnmount as e, shallowRef as t, watch as n } from "vue";
+import { observeAnnotationElement as r } from "@inkbar/core/dom";
+//#region src/components/annotation-element.ts
+function i(i, a) {
+	let o = t(null), s;
+	return n([a, () => i.rootEl.value], ([e, t]) => {
+		s?.(), s = void 0, !e || !t ? o.value = null : s = r(t, e, (e) => {
+			o.value = e;
+		});
+	}, {
+		immediate: !0,
+		flush: "post"
+	}), e(() => s?.()), o;
+}
+//#endregion
+export { i as useAnnotationElement };
+
+//# sourceMappingURL=annotation-element.js.map

package/dist/components/annotation-element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"annotation-element.js","names":["useAnnotationElement","element","shallowRef","stop","watch","id","ctx","want","root","observeAnnotationElement","el","onBeforeUnmount"],"sources":["../../src/components/annotation-element.ts"],"sourcesContent":["import { observeAnnotationElement } from '@inkbar/core/dom'\nimport { onBeforeUnmount, shallowRef, watch } from 'vue'\n\nimport type { InkContext } from '../context'\nimport type { Ref, ShallowRef } from 'vue'\n\n/** The overlay element core draws for an annotation, for anchoring a popover to it. */\nexport function useAnnotationElement(\n  ctx: InkContext,\n  id: Readonly<Ref<string | null>>\n): Readonly<ShallowRef<HTMLElement | null>> {\n  const element = shallowRef<HTMLElement | null>(null)\n  let stop: (() => void) | undefined\n  watch(\n    [id, () => ctx.rootEl.value],\n    ([want, root]) => {\n      stop?.()\n      stop = undefined\n      if (!want || !root) {\n        element.value = null\n        return\n      }\n      stop = observeAnnotationElement(root, want, (el) => {\n        element.value = el\n      })\n    },\n    { immediate: true, flush: 'post' }\n  )\n  onBeforeUnmount(() => stop?.())\n  return element\n}\n"],"mappings":";;;AAOA,SAAgBA,EACd,GACA,GAC0C;CAC1C,IAAMC,IAAUC,EAA+B,IAAI,GAC/CC;CAiBJ,OAhBAC,EACE,CAACC,SAAUC,EAAI,OAAO,KAAK,IAC1B,CAACC,GAAMC,OAAU;EAGhB,AAFAL,IAAO,GACP,IAAO,KAAA,GACH,CAACI,KAAQ,CAACC,IACZ,EAAQ,QAAQ,OAGlB,IAAOC,EAAyBD,GAAMD,IAAO,MAAO;GAClD,EAAQ,QAAQG;EAClB,CAAC;CACH,GACA;EAAE,WAAW;EAAM,OAAO;CAAO,CACnC,GACAC,QAAsBR,IAAO,CAAC,GACvBF;AACT"}

package/dist/components/annotation-slot.d.ts

@@ -0,0 +1,2 @@
+export type { AnnotationSlotProps, AnnotationState } from '@inkbar/core/dom';
+//# sourceMappingURL=annotation-slot.d.ts.map

package/dist/components/annotation-slot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"annotation-slot.d.ts","sourceRoot":"","sources":["../../src/components/annotation-slot.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA"}

package/dist/components/popover-focus.d.ts

@@ -0,0 +1,9 @@
+import { FocusReturn } from '@inkbar/core/dom';
+import { InkContext } from '../context';
+export type { FocusReturn };
+/** Reka's `interact-outside` handler: a press that will activate an annotation keeps the popover open. */
+export declare function keepOpenOnAnnotation(event: CustomEvent<{
+    originalEvent: Event;
+}>): void;
+export declare function useFocusReturn(ctx: InkContext): FocusReturn;
+//# sourceMappingURL=popover-focus.d.ts.map

package/dist/components/popover-focus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-focus.d.ts","sourceRoot":"","sources":["../../src/components/popover-focus.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,WAAW,EACjB,MAAM,kBAAkB,CAAA;AAEzB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAE5C,YAAY,EAAE,WAAW,EAAE,CAAA;AAE3B,0GAA0G;AAC1G,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,WAAW,CAAC;IAAE,aAAa,EAAE,KAAK,CAAA;CAAE,CAAC,GAAG,IAAI,CAGvF;AAED,wBAAgB,cAAc,CAAC,GAAG,EAAE,UAAU,GAAG,WAAW,CAK3D"}

package/dist/components/popover-focus.js

@@ -0,0 +1,15 @@
+import { createFocusReturn as e, shouldKeepOpenOnAnnotation as t } from "@inkbar/core/dom";
+//#region src/components/popover-focus.ts
+function n(e) {
+	t(e.detail.originalEvent.target) && e.preventDefault();
+}
+function r(t) {
+	return e({
+		root: () => t.rootEl.value,
+		activated: () => t.activated.value
+	});
+}
+//#endregion
+export { n as keepOpenOnAnnotation, r as useFocusReturn };
+
+//# sourceMappingURL=popover-focus.js.map

package/dist/components/popover-focus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-focus.js","names":["keepOpenOnAnnotation","shouldKeepOpenOnAnnotation","event","useFocusReturn","createFocusReturn","ctx"],"sources":["../../src/components/popover-focus.ts"],"sourcesContent":["import {\n  createFocusReturn,\n  shouldKeepOpenOnAnnotation,\n  type FocusReturn,\n} from '@inkbar/core/dom'\n\nimport type { InkContext } from '../context'\n\nexport type { FocusReturn }\n\n/** Reka's `interact-outside` handler: a press that will activate an annotation keeps the popover open. */\nexport function keepOpenOnAnnotation(event: CustomEvent<{ originalEvent: Event }>): void {\n  if (shouldKeepOpenOnAnnotation(event.detail.originalEvent.target))\n    event.preventDefault()\n}\n\nexport function useFocusReturn(ctx: InkContext): FocusReturn {\n  return createFocusReturn({\n    root: () => ctx.rootEl.value,\n    activated: () => ctx.activated.value,\n  })\n}\n"],"mappings":";;AAWA,SAAgBA,EAAqB,GAAoD;CACvF,AAAIC,EAA2BC,EAAM,OAAO,cAAc,MAAM,KAC9DA,EAAM,eAAe;AACzB;AAEA,SAAgBC,EAAe,GAA8B;CAC3D,OAAOC,EAAkB;EACvB,YAAYC,EAAI,OAAO;EACvB,iBAAiBA,EAAI,UAAU;CACjC,CAAC;AACH"}