@privyid/persona 1.1.1 → 1.2.0

package/dist/components/pspdfkit/PspdfHelipad.vue.d.ts

@@ -0,0 +1,68 @@
+import '../pdf-object/PdfObject.vue';
+import type { PdfHelipadResult } from '../pdf-helipad';
+import type { InteractEvent } from '@interactjs/types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {
+        object: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue-demi").DefineComponent<import("vue-demi").ExtractPropTypes<{
+    scale: {
+        type: NumberConstructor;
+        default: number;
+    };
+    width: {
+        type: NumberConstructor;
+        default: number;
+    };
+    height: {
+        type: NumberConstructor;
+        default: number;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {
+    click: (args_0: InteractEvent) => void;
+    landed: (args_0: PdfHelipadResult) => void;
+}, string, import("vue-demi").PublicProps, Readonly<import("vue-demi").ExtractPropTypes<{
+    scale: {
+        type: NumberConstructor;
+        default: number;
+    };
+    width: {
+        type: NumberConstructor;
+        default: number;
+    };
+    height: {
+        type: NumberConstructor;
+        default: number;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onClick?: ((args_0: InteractEvent) => any) | undefined;
+    onLanded?: ((args_0: PdfHelipadResult) => any) | undefined;
+}>, {
+    width: number;
+    height: number;
+    disabled: boolean;
+    scale: number;
+}, {}, {}, {}, string, import("vue-demi").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/pspdfkit/PspdfObject.vue

@@ -16,113 +16,100 @@
   </div>
 </template>
 
-<script lang="ts" setup>
+<script setup>
 import {
   ref,
   provide,
   watch,
   onMounted,
   onBeforeUnmount,
-  inject,
-} from 'vue-demi'
-import PdfObjectDebugger from '../pdf-object/PdfObjectDebugger.vue'
+  inject
+} from "vue-demi";
+import PdfObjectDebugger from "../pdf-object/PdfObjectDebugger.vue";
 import {
   syncRef,
   useVModel,
-  watchIgnorable,
-} from '@vueuse/core'
+  watchIgnorable
+} from "@vueuse/core";
 import {
   PDF_OBJECTS_CONTEXT,
   PDF_OBJECT_CONTEXT,
-  useObjectModel,
-} from '../pdf-object'
-import type { List, AnnotationsUnion } from 'pspdfkit'
-import { usePspdf } from '.'
-import type { ObjectPosition } from '../pdf-object/utils/overlap'
-import { getEmptyPosition } from '../pdf-object/utils/overlap'
+  useObjectModel
+} from "../pdf-object";
+import { usePspdf } from ".";
+import { getEmptyPosition } from "../pdf-object/utils/overlap";
 import {
   createRect,
   generateInstantId,
   createRectangleAnnotation,
   createColor,
-  importList,
-} from './utils/pspdfkit'
-
+  importList
+} from "./utils/pspdfkit";
 const props = defineProps({
   x: {
-    type   : Number,
-    default: undefined,
+    type: Number,
+    default: void 0
   },
   y: {
-    type   : Number,
-    default: undefined,
+    type: Number,
+    default: void 0
   },
   page: {
-    type   : Number,
-    default: undefined,
+    type: Number,
+    default: void 0
   },
   width: {
-    type   : Number,
-    default: 198,
+    type: Number,
+    default: 198
   },
   height: {
-    type   : Number,
-    default: 106,
+    type: Number,
+    default: 106
   },
   minWidth: {
-    type   : Number,
-    default: undefined,
+    type: Number,
+    default: void 0
   },
   minHeight: {
-    type   : Number,
-    default: undefined,
+    type: Number,
+    default: void 0
   },
   maxWidth: {
-    type   : Number,
-    default: undefined,
+    type: Number,
+    default: void 0
   },
   maxHeight: {
-    type   : Number,
-    default: undefined,
+    type: Number,
+    default: void 0
   },
   moveable: {
-    type   : Boolean,
-    default: true,
+    type: Boolean,
+    default: true
   },
   resizable: {
-    type   : Boolean,
-    default: true,
+    type: Boolean,
+    default: true
   },
   autofocus: {
-    type   : Boolean,
-    default: false,
+    type: Boolean,
+    default: false
   },
   debug: {
-    type   : Boolean,
-    default: false,
-  },
-})
-
-defineEmits<{
-  'update:x': [number],
-  'update:y': [number],
-  'update:page': [number],
-  'update:width': [number],
-  'update:height': [number],
-}>()
-
-const content = ref<HTMLDivElement>()
-const vX      = useVModel(props, 'x')
-const vY      = useVModel(props, 'y')
-const vPage   = useVModel(props, 'page')
-const vWidth  = useVModel(props, 'width')
-const vHeight = useVModel(props, 'height')
-
-const { instance, contents } = usePspdf()
-const { objects }            = inject(PDF_OBJECTS_CONTEXT)
-const objectId               = ref<string>()
-const isSelected             = ref(false)
-
+    type: Boolean,
+    default: false
+  }
+});
+defineEmits(["update:x", "update:y", "update:page", "update:width", "update:height"]);
+const content = ref();
+const vX = useVModel(props, "x");
+const vY = useVModel(props, "y");
+const vPage = useVModel(props, "page");
+const vWidth = useVModel(props, "width");
+const vHeight = useVModel(props, "height");
+const { instance, contents } = usePspdf();
+const { objects } = inject(PDF_OBJECTS_CONTEXT);
+const objectId = ref();
+const isSelected = ref(false);
 const {
   id,
   x: objectX,
@@ -134,204 +121,167 @@ const {
   minWidth,
   maxHeight,
   maxWidth,
-  ratio,
-} = useObjectModel(props)
-
+  ratio
+} = useObjectModel(props);
 const { ignoreUpdates } = watchIgnorable([
   objectX,
   objectY,
   objectWidth,
-  objectHeight,
+  objectHeight
 ], async () => {
-  await updateAnnotation()
-})
-
+  await updateAnnotation();
+});
 watch(objectPage, async (value, oldValue) => {
   if (value !== oldValue) {
-    await removeAnnotation()
-    await createAnnotation()
+    await removeAnnotation();
+    await createAnnotation();
   }
-})
-
+});
 watch(() => props.moveable, async (moveable) => {
   if (objectId.value) {
-    const objects = await instance.value.getAnnotations(objectPage.value - 1)
-    const object  = objects.find((o) => o.id === objectId.value)
-
+    const objects2 = await instance.value.getAnnotations(objectPage.value - 1);
+    const object = objects2.find((o) => o.id === objectId.value);
     if (object)
-      await instance.value.update(object.set('readOnly', !moveable))
+      await instance.value.update(object.set("readOnly", !moveable));
   }
-})
-
-async function createAnnotation () {
+});
+async function createAnnotation() {
   if (objectPage.value > 0 && objectPage.value <= instance.value.totalPageCount) {
-    objectId.value = await generateInstantId()
-
-    contents.set(objectId.value, content.value)
-
+    objectId.value = await generateInstantId();
+    contents.set(objectId.value, content.value);
     await instance.value.create(
       await createRectangleAnnotation({
-        id         : objectId.value,
-        pageIndex  : objectPage.value - 1,
+        id: objectId.value,
+        pageIndex: objectPage.value - 1,
         boundingBox: await createRect({
-          left  : objectX.value * 0.75,
-          top   : objectY.value * 0.75,
-          width : objectWidth.value * 0.75,
-          height: objectHeight.value * 0.75,
+          left: objectX.value * 0.75,
+          top: objectY.value * 0.75,
+          width: objectWidth.value * 0.75,
+          height: objectHeight.value * 0.75
         }),
         strokeColor: await createColor({ transparent: true }),
-        fillColor  : await createColor({ transparent: true }),
-        customData : {
-          minWidth : minWidth.value * 0.75,
+        fillColor: await createColor({ transparent: true }),
+        customData: {
+          minWidth: minWidth.value * 0.75,
           minHeight: minHeight.value * 0.75,
-          maxWidth : maxWidth.value * 0.75,
-          maxHeight: maxHeight.value * 0.75,
+          maxWidth: maxWidth.value * 0.75,
+          maxHeight: maxHeight.value * 0.75
         },
-        readOnly: !props.moveable,
-      }),
-    )
+        readOnly: !props.moveable
+      })
+    );
   }
 }
-
-async function updateAnnotation () {
-  const objects = await instance.value.getAnnotations(objectPage.value - 1)
-  const object  = objects.find((o) => o.id === objectId.value)
-
+async function updateAnnotation() {
+  const objects2 = await instance.value.getAnnotations(objectPage.value - 1);
+  const object = objects2.find((o) => o.id === objectId.value);
   if (object) {
     await instance.value.update(
-      object.set('boundingBox', object.boundingBox.merge({
-        left  : objectX.value * 0.75,
-        top   : objectY.value * 0.75,
-        width : objectWidth.value * 0.75,
-        height: objectHeight.value * 0.75,
-      })),
-    )
+      object.set("boundingBox", object.boundingBox.merge({
+        left: objectX.value * 0.75,
+        top: objectY.value * 0.75,
+        width: objectWidth.value * 0.75,
+        height: objectHeight.value * 0.75
+      }))
+    );
   }
 }
-
-async function removeAnnotation () {
+async function removeAnnotation() {
   if (objectId.value) {
-    await instance.value.delete(objectId.value)
-
-    contents.delete(objectId.value)
-
-    objectId.value = undefined
+    await instance.value.delete(objectId.value);
+    contents.delete(objectId.value);
+    objectId.value = void 0;
   }
 }
-
-function autoPosition () {
+function autoPosition() {
   const otherObjects = [...objects.values()].filter((obj) => {
-    return obj.id !== id
-      && Number.isFinite(obj.x)
-      && Number.isFinite(obj.y)
-      && obj.page === objectPage.value
-  })
-
+    return obj.id !== id && Number.isFinite(obj.x) && Number.isFinite(obj.y) && obj.page === objectPage.value;
+  });
   const size = {
-    width : objectWidth.value,
-    height: objectHeight.value,
-  }
-
-  const pageInfo = instance.value.pageInfoForIndex(objectPage.value - 1)
-  const offside  = {
-    width : pageInfo.width / 0.75,
-    height: pageInfo.height / 0.75,
-  }
-
+    width: objectWidth.value,
+    height: objectHeight.value
+  };
+  const pageInfo = instance.value.pageInfoForIndex(objectPage.value - 1);
+  const offside = {
+    width: pageInfo.width / 0.75,
+    height: pageInfo.height / 0.75
+  };
   const center = getEmptyPosition({
-    size   : size,
-    offside: offside,
-    objects: otherObjects as ObjectPosition[],
-  })
-
-  objectX.value = center.x
-  objectY.value = center.y
+    size,
+    offside,
+    objects: otherObjects
+  });
+  objectX.value = center.x;
+  objectY.value = center.y;
 }
-
-function onAnnotationChange (annotations: List<AnnotationsUnion>) {
-  const object = annotations.find((i) => i.id === objectId.value)
-
+function onAnnotationChange(annotations) {
+  const object = annotations.find((i) => i.id === objectId.value);
   if (object) {
     ignoreUpdates(() => {
-      objectX.value      = object.boundingBox.left / 0.75
-      objectY.value      = object.boundingBox.top / 0.75
-      objectWidth.value  = object.boundingBox.width / 0.75
-      objectHeight.value = object.boundingBox.height / 0.75
-    })
+      objectX.value = object.boundingBox.left / 0.75;
+      objectY.value = object.boundingBox.top / 0.75;
+      objectWidth.value = object.boundingBox.width / 0.75;
+      objectHeight.value = object.boundingBox.height / 0.75;
+    });
   }
 }
-
-async function onAnnotationMounted (annotations: List<AnnotationsUnion>) {
+async function onAnnotationMounted(annotations) {
   if (props.autofocus && objectId.value) {
-    const object = annotations.find((i) => i.id === objectId.value)
-
+    const object = annotations.find((i) => i.id === objectId.value);
     if (object) {
-      const List = await importList()
-
-      instance.value.setSelectedAnnotations(List([objectId.value]))
-      instance.value.jumpToRect(objectPage.value - 1, object.boundingBox)
+      const List = await importList();
+      instance.value.setSelectedAnnotations(List([objectId.value]));
+      instance.value.jumpToRect(objectPage.value - 1, object.boundingBox);
     }
   }
 }
-
-async function onAnnotationSelected (annotations: List<AnnotationsUnion>) {
-  const object = annotations.find((i) => i.id === objectId.value)
-
+async function onAnnotationSelected(annotations) {
+  const object = annotations.find((i) => i.id === objectId.value);
   if (object) {
-    const root = instance.value.contentDocument.querySelector('.PSPDFKit-Root')
-
+    const root = instance.value.contentDocument.querySelector(".PSPDFKit-Root");
     if (root) {
-      root.setAttribute('resizable', `${props.resizable}`)
-      root.setAttribute('moveable', `${props.moveable}`)
+      root.setAttribute("resizable", `${props.resizable}`);
+      root.setAttribute("moveable", `${props.moveable}`);
     }
   }
-
-  isSelected.value = !!object
+  isSelected.value = !!object;
 }
-
 onMounted(async () => {
   if (instance.value && content.value) {
     if (!Number.isFinite(objectX.value) || !Number.isFinite(objectY.value))
-      autoPosition()
-
-    instance.value.addEventListener('annotations.update', onAnnotationChange)
-    instance.value.addEventListener('annotations.create', onAnnotationMounted)
-    instance.value.addEventListener('annotationSelection.change', onAnnotationSelected as any)
-
-    await createAnnotation()
+      autoPosition();
+    instance.value.addEventListener("annotations.update", onAnnotationChange);
+    instance.value.addEventListener("annotations.create", onAnnotationMounted);
+    instance.value.addEventListener("annotationSelection.change", onAnnotationSelected);
+    await createAnnotation();
   }
-})
-
+});
 onBeforeUnmount(async () => {
   if (instance.value) {
-    await removeAnnotation()
-
-    instance.value.removeEventListener('annotations.update', onAnnotationChange)
-    instance.value.removeEventListener('annotations.create', onAnnotationMounted)
-    instance.value.removeEventListener('annotationSelection.change', onAnnotationSelected as any)
+    await removeAnnotation();
+    instance.value.removeEventListener("annotations.update", onAnnotationChange);
+    instance.value.removeEventListener("annotations.create", onAnnotationMounted);
+    instance.value.removeEventListener("annotationSelection.change", onAnnotationSelected);
   }
-})
-
-syncRef(objectX, vX)
-syncRef(objectY, vY)
-syncRef(objectPage, vPage)
-syncRef(objectWidth, vWidth)
-syncRef(objectHeight, vHeight)
-
-// Provide some data for debug
+});
+syncRef(objectX, vX);
+syncRef(objectY, vY);
+syncRef(objectPage, vPage);
+syncRef(objectWidth, vWidth);
+syncRef(objectHeight, vHeight);
 provide(PDF_OBJECT_CONTEXT, {
   id,
-  x     : objectX,
-  y     : objectY,
-  page  : objectPage,
-  width : objectWidth,
+  x: objectX,
+  y: objectY,
+  page: objectPage,
+  width: objectWidth,
   height: objectHeight,
   minHeight,
   minWidth,
   maxHeight,
   maxWidth,
-  ratio,
-})
+  ratio
+});
 </script>
 
 <style lang="postcss">

package/dist/components/pspdfkit/PspdfObject.vue.d.ts

@@ -0,0 +1,151 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        content: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue-demi").DefineComponent<import("vue-demi").ExtractPropTypes<{
+    x: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    y: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    page: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    width: {
+        type: NumberConstructor;
+        default: number;
+    };
+    height: {
+        type: NumberConstructor;
+        default: number;
+    };
+    minWidth: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    minHeight: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    maxWidth: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    maxHeight: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    moveable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    resizable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autofocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    debug: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {
+    "update:x": (args_0: number) => void;
+    "update:y": (args_0: number) => void;
+    "update:page": (args_0: number) => void;
+    "update:width": (args_0: number) => void;
+    "update:height": (args_0: number) => void;
+}, string, import("vue-demi").PublicProps, Readonly<import("vue-demi").ExtractPropTypes<{
+    x: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    y: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    page: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    width: {
+        type: NumberConstructor;
+        default: number;
+    };
+    height: {
+        type: NumberConstructor;
+        default: number;
+    };
+    minWidth: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    minHeight: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    maxWidth: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    maxHeight: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    moveable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    resizable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autofocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    debug: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    "onUpdate:x"?: ((args_0: number) => any) | undefined;
+    "onUpdate:y"?: ((args_0: number) => any) | undefined;
+    "onUpdate:page"?: ((args_0: number) => any) | undefined;
+    "onUpdate:width"?: ((args_0: number) => any) | undefined;
+    "onUpdate:height"?: ((args_0: number) => any) | undefined;
+}>, {
+    width: number;
+    height: number;
+    x: number;
+    y: number;
+    page: number;
+    autofocus: boolean;
+    maxHeight: number;
+    maxWidth: number;
+    minWidth: number;
+    minHeight: number;
+    moveable: boolean;
+    resizable: boolean;
+    debug: boolean;
+}, {}, {}, {}, string, import("vue-demi").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};