@privyid/persona 1.1.2 → 1.2.1-rc.0

package/dist/components/pspdfkit/css/custom.css

@@ -1,345 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-:host, :root {
-  --PSPDFKit-fontFamily-1: theme('fontFamily.sans');
-  --PSPDFKit-App-background: theme('backgroundColor.base.DEFAULT');
-}
-
-.PSPDFKit-Selection-Outline-Border {
-  stroke-dasharray: 4px;
-  rx: theme('borderRadius.DEFAULT');
-  ry: theme('borderRadius.DEFAULT');
-  stroke: theme('borderColor.subtle.DEFAULT');
-}
-
-.PSPDFKit-Resize-Anchor-Left,
-.PSPDFKit-Resize-Anchor-Top,
-.PSPDFKit-Resize-Anchor-Top-Left,
-.PSPDFKit-Resize-Anchor-Top-Right,
-.PSPDFKit-Resize-Anchor-Right,
-.PSPDFKit-Resize-Anchor-Bottom-Left,
-.PSPDFKit-Resize-Anchor-Bottom,
-[resizable="false"] .PSPDFKit-Resize-Anchor-Bottom-Right {
-  @apply hidden;
-}
-
-[moveable="false"] .PSPDFKit-Rectangle-Annotation-Selected {
-  @apply pointer-events-none;
-}
-
-.PSPDFKit-Resize-Anchor {
-  @apply fill-base;
-}
-
-/**
-* Source: ../../pdf-object/PdfObject.vue
-*/
-.pdf-object {
-  &__container {
-    @apply relative w-full h-full overflow-visible rounded cursor-pointer;
-    @apply dark:border-dark-subtle;
-
-    &,
-    & > * {
-      @apply pointer-events-none touch-none;
-    }
-
-    button,
-    input,
-    textarea,
-    a {
-      @apply pointer-events-auto;
-    }
-  }
-}
-
-/**
-* Source: ../../pdf-object/PdfObjectDebugger.vue
-*/
-.pdf-object {
-  --p-pdf-debugger-size: 198px;
-
-  &__debugger {
-    @apply grid grid-cols-1 p-4 bg-inverse text-on-emphasis absolute rounded w-[var(--p-pdf-debugger-size)];
-    /* @apply dark:bg-dark-inverse dark:text-dark-on-emphasis; */
-
-    > pre {
-      @apply truncate text-[1em] text-left;
-    }
-  }
-}
-
-/**
-* Source: ../../pdf-object/PdfObjectAddon.vue
-*/
-.pdf-object {
-  &__addon {
-    @apply absolute;
-    @apply dark:text-default;
-
-    &--right {
-      @apply top-0 pl-2 left-full;
-    }
-
-    &--left {
-      @apply top-0 pr-2 right-full;
-    }
-
-    &--top {
-      @apply left-0 pb-2 bottom-full;
-    }
-
-    &--bottom {
-      @apply left-0 pt-2 top-full;
-    }
-  }
-}
-
-/**
-* Source: ../../button/Button.vue
-*/
-.btn {
-  --p-color-primary-hover: darken(theme(colors.brand.action), 5%);
-  --p-color-dark-primary-hover: darken(theme(colors.dark.brand.action), 5%);
-  --p-color-primary-focus: darken(theme(colors.brand.action), 10%);
-  --p-color-dark-primary-focus: darken(theme(colors.dark.brand.action), 10%);
-  --p-color-info-hover: darken(theme(backgroundColor.info.emphasis), 5%);
-  --p-color-dark-info-hover: darken(theme(backgroundColor.dark.info.emphasis), 5%);
-  --p-color-info-focus: darken(theme(backgroundColor.info.emphasis), 10%);
-  --p-color-dark-info-focus: darken(theme(backgroundColor.dark.info.emphasis), 10%);
-  --p-color-success-hover: darken(theme(backgroundColor.success.emphasis), 5%);
-  --p-color-dark-success-hover: darken(theme(backgroundColor.dark.success.emphasis), 5%);
-  --p-color-success-focus: darken(theme(backgroundColor.success.emphasis), 10%);
-  --p-color-dark-success-focus: darken(theme(backgroundColor.dark.success.emphasis), 10%);
-  --p-color-warning-hover: darken(theme(backgroundColor.warning.emphasis), 5%);
-  --p-color-dark-warning-hover: darken(theme(backgroundColor.dark.warning.emphasis), 5%);
-  --p-color-warning-focus: darken(theme(backgroundColor.warning.emphasis), 10%);
-  --p-color-dark-warning-focus: darken(theme(backgroundColor.dark.warning.emphasis), 10%);
-  --p-color-danger-hover: darken(theme(backgroundColor.danger.emphasis), 5%);
-  --p-color-dark-danger-hover: darken(theme(backgroundColor.dark.danger.emphasis), 5%);
-  --p-color-danger-focus: darken(theme(backgroundColor.danger.emphasis), 10%);
-  --p-color-dark-danger-focus: darken(theme(backgroundColor.dark.danger.emphasis), 10%);
-  --p-button-xs-padding-x: theme(spacing.2);
-  --p-button-sm-padding-x: theme(spacing.4);
-  --p-button-md-padding-x: theme(spacing.5);
-  --p-button-lg-padding-x: theme(spacing.8);
-
-  @apply inline-flex justify-center font-medium no-underline align-middle transition-all duration-200 ease-in-out hover:no-underline disabled:opacity-50 disabled:pointer-events-none;
-
-  > svg {
-    @apply self-center;
-  }
-
-  > * {
-    @apply relative z-[2];
-  }
-
-  /*
-  * Button has 4 different sizing
-  * eg: xs, sm, md, and lg
-  */
-  &&--xs {
-    @apply px-[var(--p-button-xs-padding-x)] py-[2px] gap-1 text-sm rounded-xs;
-  }
-
-  &&--sm {
-    @apply px-[var(--p-button-sm-padding-x)] py-1 gap-2 text-base tracking-wider rounded-sm;
-  }
-
-  &&--md {
-    @apply px-[var(--p-button-md-padding-x)] py-[10px] gap-3 text-base tracking-wider rounded;
-  }
-
-  &&--lg {
-    @apply px-[var(--p-button-lg-padding-x)] py-4 gap-4 text-base tracking-wider rounded;
-  }
-
-  /*
-  * Button solid is the
-  * default style variant
-  */
-  &&--variant-solid {
-    @apply border border-solid hover:shadow-lg focus:shadow-none active:shadow-none text-state-emphasis hover:text-state-emphasis;
-    @apply dark:text-dark-state-emphasis dark:hover:text-dark-state-emphasis;
-
-    &.btn {
-      &--default {
-        @apply bg-default-alpha focus:bg-emphasis-alpha active:bg-emphasis-alpha hover:text-default focus:text-default;
-        @apply dark:bg-dark-default-alpha focus:dark:bg-dark-emphasis-alpha active:dark:bg-dark-emphasis-alpha hover:dark:text-dark-default focus:dark:text-dark-default;
-      }
-
-      &--primary {
-        @apply bg-brand-action hover:bg-[color:var(--p-color-primary-hover)] focus:bg-[color:var(--p-color-primary-focus)] active:bg-[color:var(--p-color-primary-focus)];
-        @apply dark:bg-dark-brand-action hover:dark:bg-[color:var(--p-color-dark-primary-hover)] focus:dark:bg-[color:var(--p-color-dark-primary-focus)] active:dark:bg-[color:var(--p-color-dark-primary-focus)];
-      }
-
-      &--info {
-        @apply bg-info-emphasis hover:bg-[color:var(--p-color-info-hover)] focus:bg-[color:var(--p-color-info-focus)] active:bg-[color:var(--p-color-info-focus)];
-        @apply dark:bg-dark-info-emphasis hover:dark:bg-[color:var(--p-color-dark-info-hover)] focus:dark:bg-[color:var(--p-color-dark-info-focus)] active:dark:bg-[color:var(--p-color-dark-info-focus)];
-      }
-
-      &--success {
-        @apply bg-success-emphasis hover:bg-[color:var(--p-color-success-hover)] focus:bg-[color:var(--p-color-success-focus)] active:bg-[color:var(--p-color-success-focus)];
-        @apply dark:bg-dark-success-emphasis hover:dark:bg-[color:var(--p-color-dark-success-hover)] focus:dark:bg-[color:var(--p-color-dark-success-focus)] active:dark:bg-[color:var(--p-color-dark-success-focus)]
-      }
-
-      &--warning {
-        @apply bg-warning-emphasis hover:bg-[color:var(--p-color-warning-hover)] focus:bg-[color:var(--p-color-warning-focus)] active:bg-[color:var(--p-color-warning-focus)];
-        @apply dark:bg-dark-warning-emphasis hover:dark:bg-[color:var(--p-color-dark-warning-hover)] focus:dark:bg-[color:var(--p-color-dark-warning-focus)] active:dark:bg-[color:var(--p-color-dark-warning-focus)];
-      }
-
-      &--danger {
-        @apply bg-danger-emphasis hover:bg-[color:var(--p-color-danger-hover)] focus:bg-[color:var(--p-color-danger-focus)] active:bg-[color:var(--p-color-danger-focus)];
-        @apply dark:bg-dark-danger-emphasis hover:dark:bg-[color:var(--p-color-dark-danger-hover)] focus:dark:bg-[color:var(--p-color-dark-danger-focus)] active:dark:bg-[color:var(--p-color-dark-danger-focus)]
-      }
-    }
-  }
-
-  &&--variant-outline,
-  &&--variant-ghost {
-    @apply border border-solid text-default hover:text-default hover:shadow-lg focus:shadow-none active:shadow-none focus:text-default active:text-default;
-    @apply dark:text-dark-default hover:dark:text-dark-default focus:dark:text-dark-default active:dark:text-dark-default;
-  }
-
-  /**
-  * Provide colors in
-  * button outline variant
-  * and border colors for
-  * solid variant
-  */
-  &&--variant-solid,
-  &&--variant-outline {
-    &.btn {
-      &--default {
-        @apply text-default border-default-alpha hover:border-subtle-alpha active:border-subtle-alpha focus:border-subtle-alpha;
-        @apply dark:text-dark-default dark:border-dark-default-alpha hover:dark:border-dark-subtle-alpha active:dark:border-dark-subtle-alpha focus:dark:border-dark-subtle-alpha;
-      }
-
-      &--primary {
-        @apply border-brand-action hover:border-[color:var(--p-color-primary-hover)] focus:border-[color:var(--p-color-primary-focus)] active:border-[color:var(--p-color-primary-focus)];
-        @apply dark:border-dark-brand-action border-brand-action hover:dark:border-[color:var(--p-color-dark-primary-hover)] focus:dark:border-[color:var(--p-color-dark-primary-focus)] active:dark:border-[color:var(--p-color-dark-primary-focus)];
-      }
-
-      &--info {
-        @apply border-info-emphasis hover:border-[color:var(--p-color-info-hover)] focus:border-[color:var(--p-color-info-focus)] active:border-[color:var(--p-color-info-focus)];
-        @apply dark:border-dark-info-emphasis hover:dark:border-[color:var(--p-color-dark-info-hover)] focus:dark:border-[color:var(--p-color-dark-info-focus)] active:dark:border-[color:var(--p-color-dark-info-focus)];
-      }
-
-      &--success {
-        @apply border-success-emphasis hover:border-[color:var(--p-color-success-hover)] focus:border-[color:var(--p-color-success-focus)] active:border-[color:var(--p-color-success-focus)];
-        @apply dark:border-dark-success-emphasis hover:dark:border-[color:var(--p-color-dark-success-hover)] focus:dark:border-[color:var(--p-color-dark-success-focus)] active:dark:border-[color:var(--p-color-dark-success-fucus)];
-      }
-
-      &--warning {
-        @apply border-warning-emphasis hover:border-[color:var(--p-color-warning-hover)] focus:border-[color:var(--p-color-warning-focus)] active:border-[color:var(--p-color-warning-focus)];
-        @apply dark:border-dark-warning-emphasis hover:dark:border-[color:var(--p-color-dark-warning-hover)] focus:dark:border-[color:var(--p-color-dark-warning-focus)] active:dark:border-[color:var(--p-color-dark-warning-focus)]
-      }
-
-      &--danger {
-        @apply border-danger-emphasis hover:border-[color:var(--p-color-danger-hover)] focus:border-[color:var(--p-color-danger-focus)] active:border-[color:var(--p-color-danger-focus)];
-        @apply dark:border-dark-danger-emphasis hover:dark:border-[color:var(--p-color-dark-danger-hover)] focus:dark:border-[color:var(--p-color-dark-danger-focus)] active:dark:border-[color:var(--p-color-dark-danger-focus)];
-      }
-    }
-  }
-
-  /**
-  * Button ghost variant
-  */
-  &&--variant-ghost {
-    @apply bg-transparent border-transparent hover:border-default-alpha hover:bg-default-alpha active:bg-default-alpha focus:bg-default-alpha active:border-default-alpha focus:border-default-alpha ;
-    @apply dark:border-transparent dark:bg-transparent hover:dark:border-dark-default-alpha hover:dark:bg-dark-default-alpha active:dark:bg-dark-default-alpha focus:dark:bg-dark-default-alpha active:dark:border-dark-default-alpha focus:dark:border-dark-default-alpha;
-  }
-
-  /**
-  * Provide text colors
-  * in button link variant
-  */
-  &&--variant-link {
-    @apply font-normal border border-transparent hover:underline;
-
-    &.btn {
-      &--default {
-        @apply text-default hover:text-default focus:text-default active:text-default ;
-        @apply dark:text-dark-default hover:dark:text-dark-default focus:dark:text-dark-default active:dark:text-dark-default;
-      }
-
-      &--primary {
-        @apply text-brand-action hover:text-[color:var(--p-color-primary-hover)] focus:text-[color:var(--p-color-primary-focus)] active:text-[color:var(--p-color-primary-focus)];
-        @apply dark:text-dark-brand-action hover:dark:text-[color:var(--p-color-dark-primary-hover)] focus:dark:text-[color:var(--p-color-dark-primary-focus)] active:dark:text-[color:var(--p-color-dark-primary-focus)];
-      }
-
-      &--info {
-        @apply text-info hover:text-[color:var(--p-color-info-hover)] focus:text-[color:var(--p-color-info-focus)] active:text-[color:var(--p-color-info-focus)];
-        @apply dark:text-dark-info hover:dark:text-[color:var(--p-color-dark-info-hover)] focus:dark:text-[color:var(--p-color-dark-info-focus)] active:dark:text-[color:var(--p-color-dark-info-focus)];
-      }
-
-      &--success {
-        @apply text-success hover:text-[color:var(--p-color-success-hover)] focus:text-[color:var(--p-color-success-focus)] active:text-[color:var(--p-color-success-focus)];
-        @apply dark:text-dark-success hover:dark:text-[color:var(--p-color-dark-success-hover)] focus:dark:text-[color:var(--p-color-dark-success-focus)] active:dark:text-[color:var(--p-color-dark-success-focus)];
-      }
-
-      &--warning {
-        @apply text-warning hover:text-[color:var(--p-color-warning-hover)] focus:text-[color:var(--p-color-warning-focus)] active:text-[color:var(--p-color-warning-focus)];
-        @apply dark:text-dark-warning hover:dark:text-[color:var(--p-color-dark-warning-hover)] focus:dark:text-[color:var(--p-color-dark-warning-focus)] active:dark:text-[color:var(--p-color-dark-warning-focus)];
-      }
-
-      &--danger {
-        @apply text-danger hover:text-[color:var(--p-color-danger-hover)] focus:text-[color:var(--p-color-danger-focus)] active:text-[color:var(--p-color-danger-focus)];
-        @apply dark:text-dark-danger hover:dark:text-[color:var(--p-color-dark-danger-hover)] focus:dark:text-[color:var(--p-color-dark-danger-focus)] active:dark:text-[color:var(--p-color-dark-danger-focus)];
-      }
-    }
-  }
-
-  &&--variant-input {
-    @apply font-normal border border-solid border-subtlest text-subtle bg-default hover:border-subtle focus:border-subtle active:outline-default;
-    @apply dark:border-dark-subtlest dark:text-dark-subtle dark:bg-dark-default hover:dark:border-dark-subtle focus:dark:border-dark-subtle active:dark:outline-dark-default;
-
-    .state--disabled & {
-      @apply pointer-events-none bg-base border-subtlest text-muted;
-      @apply dark:bg-dark-base dark:border-dark-subtlest dark:text-dark-muted;
-    }
-
-    .state--error & {
-      @apply border-danger-emphasis;
-      @apply dark:border-dark-danger-emphasis;
-
-      &:focus {
-        @apply ring-danger border-danger-emphasis;
-        @apply dark:ring-dark-danger dark:border-dark-danger-emphasis;
-      }
-    }
-  }
-
-  /**
-  * Button icon variant
-  */
-  &&--icon {
-    &.btn--xs {
-      @apply px-[2px];
-    }
-
-    &.btn--sm {
-      @apply px-1;
-    }
-
-    &.btn--md {
-      @apply px-[10px];
-    }
-
-    &.btn--lg {
-      @apply px-4;
-    }
-  }
-
-  &&--pill {
-    @apply rounded-full;
-  }
-
-  &--loading {
-    .spinner {
-      @apply h-6;
-    }
-  }
-}

package/dist/components/pspdfkit/index.d.ts

@@ -1,8 +0,0 @@
-import type { Instance } from 'pspdfkit';
-import { type InjectionKey, type Ref } from 'vue-demi';
-export interface PSPDFContext {
-    instance: Ref<Instance>;
-    contents: Map<string, HTMLElement>;
-}
-export declare const PSPDF_INSTANCE: InjectionKey<PSPDFContext>;
-export declare function usePspdf(): PSPDFContext | undefined;

package/dist/components/pspdfkit/index.mjs

@@ -1,7 +0,0 @@
-import {
-  inject
-} from "vue-demi";
-export const PSPDF_INSTANCE = Symbol("PdfViewer");
-export function usePspdf() {
-  return inject(PSPDF_INSTANCE);
-}

package/dist/components/pspdfkit/utils/position.d.ts

@@ -1 +0,0 @@
-export declare function isInside(target: HTMLDivElement, reference: HTMLDivElement): boolean;

package/dist/components/pspdfkit/utils/position.mjs

@@ -1,5 +0,0 @@
-export function isInside(target, reference) {
-  const inner = target.getBoundingClientRect();
-  const outer = reference.getBoundingClientRect();
-  return inner.top >= outer.top && inner.bottom <= outer.bottom && inner.right <= outer.right && inner.left >= outer.left;
-}

package/dist/components/pspdfkit/utils/pspdfkit.d.ts

@@ -1,17 +0,0 @@
-import type PSPDFKIT from 'pspdfkit';
-type RectangleAnnotation = typeof PSPDFKIT.Annotations.RectangleAnnotation;
-type Rect = typeof PSPDFKIT.Geometry.Rect;
-type ViewState = typeof PSPDFKIT.ViewState;
-type Color = typeof PSPDFKIT.Color;
-export declare function importPSPDFKit(): Promise<typeof PSPDFKIT>;
-export declare function importRectangleAnnotation(): Promise<typeof PSPDFKIT.Annotations.RectangleAnnotation>;
-export declare function importList(): Promise<typeof PSPDFKIT.Immutable.List>;
-export declare function getVersion(): Promise<string>;
-export declare function createViewer(...params: Parameters<typeof PSPDFKIT.load>): Promise<import("pspdfkit").Instance>;
-export declare function destroyViewer(...params: Parameters<typeof PSPDFKIT.unload>): Promise<boolean>;
-export declare function generateInstantId(): Promise<string>;
-export declare function createRectangleAnnotation(...params: ConstructorParameters<RectangleAnnotation>): Promise<InstanceType<RectangleAnnotation>>;
-export declare function createRect(...params: ConstructorParameters<Rect>): Promise<InstanceType<Rect>>;
-export declare function createViewState(...params: ConstructorParameters<ViewState>): Promise<InstanceType<ViewState>>;
-export declare function createColor(...params: ConstructorParameters<Color>): Promise<InstanceType<Color>>;
-export {};

package/dist/components/pspdfkit/utils/pspdfkit.mjs

@@ -1,53 +0,0 @@
-let pspdfkitLib;
-export async function importPSPDFKit() {
-  if (!pspdfkitLib) {
-    const { default: PSPDFKit } = await import("pspdfkit");
-    if (!Object.isFrozen(PSPDFKit.Options)) {
-      PSPDFKit.Options.SELECTION_OUTLINE_PADDING = () => 0;
-      PSPDFKit.Options.SELECTION_STROKE_WIDTH = 2;
-      PSPDFKit.Options.DISABLE_KEYBOARD_SHORTCUTS = true;
-    }
-    pspdfkitLib = PSPDFKit;
-  }
-  return pspdfkitLib;
-}
-export async function importRectangleAnnotation() {
-  await importPSPDFKit();
-  return pspdfkitLib.Annotations.RectangleAnnotation;
-}
-export async function importList() {
-  await importPSPDFKit();
-  return pspdfkitLib.Immutable.List;
-}
-export async function getVersion() {
-  await importPSPDFKit();
-  return pspdfkitLib.version;
-}
-export async function createViewer(...params) {
-  await importPSPDFKit();
-  return await pspdfkitLib.load(...params);
-}
-export async function destroyViewer(...params) {
-  await importPSPDFKit();
-  return pspdfkitLib.unload(...params);
-}
-export async function generateInstantId() {
-  await importPSPDFKit();
-  return pspdfkitLib.generateInstantId();
-}
-export async function createRectangleAnnotation(...params) {
-  await importPSPDFKit();
-  return new pspdfkitLib.Annotations.RectangleAnnotation(...params);
-}
-export async function createRect(...params) {
-  await importPSPDFKit();
-  return new pspdfkitLib.Geometry.Rect(...params);
-}
-export async function createViewState(...params) {
-  await importPSPDFKit();
-  return new pspdfkitLib.ViewState(...params);
-}
-export async function createColor(...params) {
-  await importPSPDFKit();
-  return new pspdfkitLib.Color(...params);
-}

package/dist/components/pspdfkit/utils/use-drop.d.ts

@@ -1,2 +0,0 @@
-import type { Ref } from 'vue-demi';
-export default function useDrop(target: Ref<HTMLElement>): import("vue-demi").ShallowRef<boolean, boolean>;

package/dist/components/pspdfkit/utils/use-drop.mjs

@@ -1,41 +0,0 @@
-import {
-  onScopeDispose,
-  shallowRef,
-  watch
-} from "vue-demi";
-import { usePspdf } from "../index.mjs";
-export default function useDrop(target) {
-  const enable = shallowRef(true);
-  const instance = shallowRef();
-  const { instance: pspdf } = usePspdf();
-  async function init() {
-    destroy();
-    if (target.value) {
-      const { default: Interact } = await import("interactjs");
-      Interact.dynamicDrop(true);
-      instance.value = Interact(target.value).dropzone({
-        accept: ".pdf-object",
-        overlap: 0.95,
-        enabled: enable.value,
-        checker(dragEvent, event, dropped, dropzone, dropzoneElement, draggable, draggableElement) {
-          return dropped && (target.value?.contains(draggableElement) || draggableElement.classList.contains("pdf-object--external"));
-        },
-        ondrop(event) {
-          if (event.relatedTarget)
-            event.relatedTarget.instance = pspdf.value;
-        }
-      });
-    }
-  }
-  watch(target, async () => {
-    await init();
-  });
-  function destroy() {
-    if (instance.value)
-      instance.value.unset();
-  }
-  onScopeDispose(() => {
-    destroy();
-  });
-  return enable;
-}

package/dist/components/pspdfkit/utils/use-viewer.d.ts

@@ -1,17 +0,0 @@
-import { type Ref } from 'vue-demi';
-import type { Configuration, Instance } from 'pspdfkit';
-export type OpenDocConfig = Omit<Configuration, 'document' | 'password' | 'container'>;
-export declare function useViewer(container: Ref<HTMLDivElement>): {
-    instance: import("vue-demi").ShallowRef<Instance | undefined, Instance | undefined>;
-    page: Ref<number, number>;
-    totalPage: import("vue-demi").ShallowRef<number, number>;
-    scale: Ref<number, number>;
-    loading: import("vue-demi").WritableComputedRef<boolean, boolean>;
-    ready: import("vue-demi").ShallowRef<boolean, boolean>;
-    error: import("vue-demi").ShallowRef<Error | undefined, Error | undefined>;
-    openDoc: (url: string, password?: string, config?: OpenDocConfig) => Promise<void>;
-    closeDoc: () => Promise<void>;
-    onLoaded: import("@vueuse/core").EventHookOn<Instance>;
-    onError: import("@vueuse/core").EventHookOn<Error>;
-    onReady: import("@vueuse/core").EventHookOn<Instance>;
-};

package/dist/components/pspdfkit/utils/use-viewer.mjs

@@ -1,167 +0,0 @@
-import {
-  shallowRef,
-  watch,
-  provide,
-  onBeforeUnmount
-} from "vue-demi";
-import { useClamp, useMax } from "@vueuse/math";
-import useLoading from "../../overlay/utils/use-loading.mjs";
-import { createEventHook } from "@vueuse/core";
-import { useLang, getCDN } from "../../../core";
-import { defuFn } from "defu";
-import { PSPDF_INSTANCE } from "../index.mjs";
-import {
-  withBase,
-  joinURL,
-  hasProtocol
-} from "ufo";
-import Style from "../css/custom.css?inline";
-import {
-  createViewState,
-  createViewer,
-  destroyViewer,
-  getVersion,
-  importList,
-  importRectangleAnnotation
-} from "./pspdfkit.mjs";
-let styleURL;
-function getStyleURL() {
-  if (!styleURL)
-    styleURL = window.URL.createObjectURL(new Blob([Style], { type: "text/css" }));
-  return styleURL;
-}
-export function useViewer(container) {
-  const lang = useLang();
-  const instance = shallowRef();
-  const contents = /* @__PURE__ */ new Map();
-  const totalPage = shallowRef(0);
-  const scale = useClamp(1, 0.5, 2);
-  const page = useClamp(1, 1, useMax(totalPage, 1));
-  const loading = useLoading();
-  const ready = shallowRef(false);
-  const error = shallowRef();
-  const loadEvent = createEventHook();
-  const errorEvent = createEventHook();
-  const readyEvent = createEventHook();
-  async function openDoc(url, password, config = {}) {
-    loading.value = true;
-    if (instance.value)
-      await closeDoc();
-    try {
-      const RectangleAnnotation = await importRectangleAnnotation();
-      const baseUrl = joinURL(getCDN(), `pspdfkit@${await getVersion()}/dist/`);
-      const instance_ = await createViewer(defuFn(config, {
-        container: container.value,
-        document: url,
-        password,
-        styleSheets: [getStyleURL()],
-        maxPasswordRetries: 0,
-        locale: lang.value,
-        baseUrl: hasProtocol(baseUrl) ? baseUrl : withBase(baseUrl, location.origin),
-        initialViewState: await createViewState({
-          showToolbar: false,
-          allowExport: false,
-          allowPrinting: false,
-          enableAnnotationToolbar: false
-        }),
-        customRenderers: {
-          Annotation({ annotation }) {
-            if (annotation instanceof RectangleAnnotation && contents.has(annotation.id)) {
-              const node = contents.get(annotation.id);
-              node.dataset.annotationId = annotation.id;
-              node.style.width = `${annotation.boundingBox.width}px`;
-              node.style.height = `${annotation.boundingBox.height}px`;
-              return {
-                node,
-                append: false
-              };
-            }
-          }
-        },
-        onAnnotationResizeStart: (event) => {
-          if (event.annotation instanceof RectangleAnnotation && contents.has(event.annotation.id)) {
-            return {
-              maintainAspectRatio: true,
-              minHeight: event.annotation.customData?.minHeight,
-              minWidth: event.annotation.customData?.minWidth,
-              maxHeight: event.annotation.customData?.maxHeight,
-              maxWidth: event.annotation.customData?.maxWidth
-            };
-          }
-        },
-        inlineTextSelectionToolbarItems: () => [],
-        isEditableAnnotation: (annotation) => {
-          return contents.has(annotation.id);
-        }
-      }));
-      instance_.addEventListener("viewState.zoom.change", (zoom) => {
-        scale.value = zoom * 0.75;
-      });
-      instance_.addEventListener("viewState.currentPageIndex.change", (pageIndex) => {
-        page.value = pageIndex + 1;
-      });
-      instance_.contentDocument.addEventListener("pointerdown", (event) => {
-        const target = event.target;
-        if (target?.matches(".pdf-object") && target.dataset.annotationId) {
-          void importList().then((List) => {
-            event.stopImmediatePropagation();
-            instance_.setSelectedAnnotations(List([target.dataset.annotationId]));
-          });
-        }
-      }, { capture: true });
-      instance.value = instance_;
-      totalPage.value = instance_.totalPageCount;
-      page.value = instance_.viewState.currentPageIndex + 1;
-      scale.value = instance_.currentZoomLevel * 0.75;
-      void loadEvent.trigger(instance.value);
-      void readyEvent.trigger(instance.value);
-    } catch (error_) {
-      if (error_ instanceof Error) {
-        error.value = error_;
-        void errorEvent.trigger(error_);
-      }
-    } finally {
-      loading.value = false;
-    }
-  }
-  watch(page, (value) => {
-    const pageIndex = value - 1;
-    if (instance.value.viewState.currentPageIndex !== pageIndex)
-      instance.value.setViewState((viewState) => viewState.set("currentPageIndex", pageIndex));
-  });
-  watch(scale, (value) => {
-    const zoom = value / 0.75;
-    if (instance.value.currentZoomLevel !== zoom)
-      instance.value.setViewState((viewState) => viewState.set("zoom", zoom));
-  });
-  watch(lang, async (value) => {
-    await instance.value.setLocale(value);
-  });
-  async function closeDoc() {
-    if (container.value) {
-      await destroyViewer(container.value);
-      instance.value = void 0;
-    }
-  }
-  onBeforeUnmount(async () => {
-    await closeDoc();
-  });
-  provide(PSPDF_INSTANCE, {
-    instance,
-    contents
-  });
-  return {
-    instance,
-    page,
-    totalPage,
-    scale,
-    loading,
-    ready,
-    error,
-    openDoc,
-    closeDoc,
-    onLoaded: loadEvent.on,
-    onError: errorEvent.on,
-    onReady: readyEvent.on
-  };
-}