@privyid/persona 1.2.1 → 1.2.2-dev.1

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").DefineComponent<import("vue").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").ComponentOptionsMixin, import("vue").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").PublicProps, Readonly<import("vue").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").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/PspdfObjectAddon.vue

@@ -0,0 +1,24 @@
+<template>
+  <div
+    data-testid="pdf-object-addon"
+    class="pdf-object__addon"
+    :class="classNames">
+    <slot />
+  </div>
+</template>
+
+<script setup>
+import { computed } from "vue";
+const props = defineProps({
+  position: {
+    type: String,
+    default: "right"
+  }
+});
+const classNames = computed(() => {
+  const result = [];
+  if (props.position)
+    result.push(`pdf-object__addon--${props.position}`);
+  return result;
+});
+</script>

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

@@ -0,0 +1,31 @@
+import type { PropType } from 'vue';
+import type { AddonPositionVariant } from '../pdf-object';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    position: {
+        type: PropType<AddonPositionVariant>;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    position: {
+        type: PropType<AddonPositionVariant>;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    position: AddonPositionVariant;
+}, {}, {}, {}, string, import("vue").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/PspdfObjects.vue

@@ -0,0 +1,27 @@
+<template>
+  <div
+    ref="root"
+    class="pdf-objects"
+    data-testid="pdf-objects">
+    <slot />
+  </div>
+</template>
+
+<script setup>
+import {
+  ref,
+  provide
+} from "vue";
+import { PDF_OBJECTS_CONTEXT } from "../pdf-object/";
+import { usePdfContext } from "../pdf-viewer";
+import useDrop from "./utils/use-drop";
+const objects = /* @__PURE__ */ new Map();
+const root = ref();
+const pdfContext = usePdfContext();
+useDrop(root);
+provide(PDF_OBJECTS_CONTEXT, {
+  ...pdfContext,
+  objects,
+  root
+});
+</script>

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

@@ -0,0 +1,19 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        root: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").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/PspdfViewer.vue

@@ -0,0 +1,223 @@
+<template>
+  <div
+    ref="root"
+    v-p-aspect-ratio="layout === 'fixed' ? Number(ratio) : 0"
+    data-testid="pdf-viewer"
+    class="pdf"
+    :class="classNames">
+    <div
+      class="pdf__header">
+      <slot
+        name="header"
+        :page="pdfPage"
+        :scale="pdfScale"
+        :total-page="totalPage"
+        :zoom-in="zoomIn"
+        :zoom-out="zoomOut"
+        :next="next"
+        :prev="prev"
+        :instance="instance" />
+    </div>
+
+    <PdfObjects
+      class="pdf__wrapper">
+      <!-- Minimum PDFJS Viewer -->
+      <div
+        ref="container"
+        class="pdf__container pdfContainer" />
+
+      <div v-if="instance">
+        <slot />
+      </div>
+
+      <!-- Minimum PDFJS Viewer end -->
+      <transition name="slide-up">
+        <PdfNavigation
+          v-show="!idle && !loading && !error" />
+      </transition>
+    </PdfObjects>
+  </div>
+</template>
+
+<script setup>
+import { vPAspectRatio } from "../aspect-ratio";
+import {
+  onMounted,
+  ref,
+  toRef,
+  watch,
+  provide,
+  computed
+} from "vue";
+import PdfObjects from "./PspdfObjects.vue";
+import PdfNavigation from "../pdf-viewer/PdfNavigation.vue";
+import { PDF_VIEWER_CONTEXT } from "../pdf-viewer";
+import { useSticky } from "../pdf-viewer/utils/use-sticky";
+import {
+  syncRef,
+  useToNumber,
+  useVModel,
+  watchDebounced
+} from "@vueuse/core";
+import { useViewer } from "./utils/use-viewer";
+import { useIdle } from "../pdf-viewer/utils/use-idle";
+const props = defineProps({
+  src: {
+    type: String,
+    default: ""
+  },
+  page: {
+    type: Number,
+    default: 1
+  },
+  scale: {
+    type: Number,
+    default: 1
+  },
+  password: {
+    type: String,
+    default: void 0
+  },
+  layout: {
+    type: String,
+    default: "fixed"
+  },
+  ratio: {
+    type: [Number, String],
+    default: 210 / 297
+  },
+  offsetTop: {
+    type: [Number, String],
+    default: 0
+  },
+  config: {
+    type: [Object],
+    default: () => ({})
+  }
+});
+const emit = defineEmits(["ready", "loaded", "error", "error-password", "update:page", "update:scale"]);
+const root = ref();
+const container = ref();
+const viewer = ref();
+const idle = useIdle(container);
+const vPage = useVModel(props, "page");
+const vScale = useVModel(props, "scale");
+const offsetTop = useToNumber(toRef(props, "offsetTop"), { nanToZero: true });
+const enableSticky = useSticky(root, { offsetTop });
+const classNames = computed(() => {
+  const result = [];
+  if (props.layout)
+    result.push(`pdf-viewer--layout-${props.layout}`);
+  return result;
+});
+const {
+  instance,
+  page: pdfPage,
+  scale: pdfScale,
+  totalPage,
+  openDoc,
+  closeDoc,
+  loading,
+  error,
+  onLoaded,
+  onError,
+  onReady
+} = useViewer(container);
+watchDebounced(() => [props.src, props.password], ([src, password]) => {
+  openDoc(src, password, props.config);
+}, { debounce: 500 });
+watch(() => props.layout, (layout) => {
+  enableSticky.value = layout === "fit";
+}, { immediate: true });
+onMounted(async () => {
+  if (props.src)
+    openDoc(props.src, props.password, props.config);
+});
+onLoaded((doc) => {
+  emit("loaded", doc);
+});
+onError((error_) => {
+  if (error_.message === "INVALID_PASSWORD")
+    emit("error-password", error_);
+  emit("error", error_);
+});
+onReady((pdfViewer) => {
+  emit("ready", pdfViewer);
+});
+function zoomIn() {
+  pdfScale.value = Math.round(pdfScale.value / 0.1) * 0.1 + 0.1;
+}
+function zoomOut() {
+  pdfScale.value = Math.round(pdfScale.value / 0.1) * 0.1 - 0.1;
+}
+function next() {
+  pdfPage.value++;
+}
+function prev() {
+  pdfPage.value--;
+}
+function first() {
+  pdfPage.value = 1;
+}
+function last() {
+  pdfPage.value = totalPage.value;
+}
+provide(PDF_VIEWER_CONTEXT, {
+  page: pdfPage,
+  scale: pdfScale,
+  totalPage,
+  zoomIn,
+  zoomOut,
+  next,
+  prev,
+  first,
+  last
+});
+syncRef(pdfPage, vPage);
+syncRef(pdfScale, vScale);
+defineExpose({
+  page: pdfPage,
+  scale: pdfScale,
+  root,
+  container,
+  viewer,
+  loading,
+  totalPage,
+  zoomIn,
+  zoomOut,
+  next,
+  prev,
+  openDoc,
+  closeDoc,
+  instance
+});
+</script>
+
+<style lang="postcss">
+.pdf {
+  --p-pdf-container-width: 793px;
+
+  @apply relative overflow-hidden w-full flex flex-col bg-base z-1;
+  @apply dark:bg-dark-base;
+
+  &__wrapper {
+    @apply relative h-full w-full grow;
+  }
+
+  &__container {
+    -webkit-overflow-scrolling: touch;
+
+    @apply absolute inset-0 h-full w-full overflow-auto shadow-inner;
+  }
+
+  &__header {
+    @apply z-1 bg-default shadow-lg;
+    @apply dark:bg-dark-default;
+  }
+
+  &__footer {
+    @apply z-1 bg-default shadow-lg-top;
+    @apply dark:bg-dark-default;
+  }
+}
+</style>

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

@@ -0,0 +1,142 @@
+import type { Instance } from 'pspdfkit';
+import { type PropType } from 'vue';
+import { type LayoutVariant } from '../pdf-viewer';
+import { type OpenDocConfig } from './utils/use-viewer';
+declare function zoomIn(): void;
+declare function zoomOut(): void;
+declare function next(): void;
+declare function prev(): void;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        header?(_: {
+            page: number;
+            scale: number;
+            totalPage: number;
+            zoomIn: typeof zoomIn;
+            zoomOut: typeof zoomOut;
+            next: typeof next;
+            prev: typeof prev;
+            instance: Instance | undefined;
+        }): any;
+        default?(_: {}): any;
+    };
+    refs: {
+        root: HTMLDivElement;
+        container: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    src: {
+        type: StringConstructor;
+        default: string;
+    };
+    page: {
+        type: NumberConstructor;
+        default: number;
+    };
+    scale: {
+        type: NumberConstructor;
+        default: number;
+    };
+    password: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    layout: {
+        type: PropType<LayoutVariant>;
+        default: string;
+    };
+    ratio: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    offsetTop: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    config: {
+        type: PropType<OpenDocConfig>;
+        default: () => {};
+    };
+}>, {
+    page: import("vue").Ref<number, number>;
+    scale: import("vue").Ref<number, number>;
+    root: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+    container: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+    viewer: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+    loading: import("vue").WritableComputedRef<boolean, boolean>;
+    totalPage: import("vue").ShallowRef<number, number>;
+    zoomIn: typeof zoomIn;
+    zoomOut: typeof zoomOut;
+    next: typeof next;
+    prev: typeof prev;
+    openDoc: (url: string, password?: string, config?: OpenDocConfig) => Promise<void>;
+    closeDoc: () => Promise<void>;
+    instance: import("vue").ShallowRef<Instance | undefined, Instance | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    error: (args_0: Error) => void;
+    ready: (args_0: Instance) => void;
+    "update:page": (args_0: number) => void;
+    loaded: (args_0: Instance) => void;
+    "error-password": (args_0: Error) => void;
+    "update:scale": (args_0: number) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    src: {
+        type: StringConstructor;
+        default: string;
+    };
+    page: {
+        type: NumberConstructor;
+        default: number;
+    };
+    scale: {
+        type: NumberConstructor;
+        default: number;
+    };
+    password: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    layout: {
+        type: PropType<LayoutVariant>;
+        default: string;
+    };
+    ratio: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    offsetTop: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    config: {
+        type: PropType<OpenDocConfig>;
+        default: () => {};
+    };
+}>> & Readonly<{
+    onError?: ((args_0: Error) => any) | undefined;
+    onReady?: ((args_0: Instance) => any) | undefined;
+    "onUpdate:page"?: ((args_0: number) => any) | undefined;
+    onLoaded?: ((args_0: Instance) => any) | undefined;
+    "onError-password"?: ((args_0: Error) => any) | undefined;
+    "onUpdate:scale"?: ((args_0: number) => any) | undefined;
+}>, {
+    src: string;
+    page: number;
+    layout: LayoutVariant;
+    offsetTop: string | number;
+    password: string;
+    scale: number;
+    ratio: string | number;
+    config: OpenDocConfig;
+}, {}, {}, {}, string, import("vue").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/css/custom.css

@@ -0,0 +1 @@
+@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-Bottom,.PSPDFKit-Resize-Anchor-Bottom-Left,.PSPDFKit-Resize-Anchor-Left,.PSPDFKit-Resize-Anchor-Right,.PSPDFKit-Resize-Anchor-Top,.PSPDFKit-Resize-Anchor-Top-Left,.PSPDFKit-Resize-Anchor-Top-Right,[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}.pdf-object__container{@apply relative w-full h-full overflow-visible rounded cursor-pointer;@apply dark:border-dark-subtle}.pdf-object__container,.pdf-object__container>*{@apply pointer-events-none touch-none}.pdf-object__container a,.pdf-object__container button,.pdf-object__container input,.pdf-object__container textarea{@apply pointer-events-auto}.pdf-object{--p-pdf-debugger-size:198px}.pdf-object__debugger{@apply grid grid-cols-1 p-4 bg-inverse text-on-emphasis absolute rounded w-[var(--p-pdf-debugger-size)]}.pdf-object__debugger>pre{@apply truncate text-[1em] text-left}.pdf-object__addon{@apply absolute;@apply dark:text-default}.pdf-object__addon--right{@apply top-0 pl-2 left-full}.pdf-object__addon--left{@apply top-0 pr-2 right-full}.pdf-object__addon--top{@apply left-0 pb-2 bottom-full}.pdf-object__addon--bottom{@apply left-0 pt-2 top-full}.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}.btn>svg{@apply self-center}.btn>*{@apply relative z-[2]}.btn.btn--xs{@apply px-[var(--p-button-xs-padding-x)] py-[2px] gap-1 text-sm rounded-xs}.btn.btn--sm{@apply px-[var(--p-button-sm-padding-x)] py-1 gap-2 text-base tracking-wider rounded-sm}.btn.btn--md{@apply px-[var(--p-button-md-padding-x)] py-[10px] gap-3 text-base tracking-wider rounded}.btn.btn--lg{@apply px-[var(--p-button-lg-padding-x)] py-4 gap-4 text-base tracking-wider rounded}.btn.btn--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.btn--variant-solid.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}.btn.btn--variant-solid.btn--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)]}.btn.btn--variant-solid.btn--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)]}.btn.btn--variant-solid.btn--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)]}.btn.btn--variant-solid.btn--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)]}.btn.btn--variant-solid.btn--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)]}.btn.btn--variant-ghost,.btn.btn--variant-outline{@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}.btn.btn--variant-outline.btn--default,.btn.btn--variant-solid.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}.btn.btn--variant-outline.btn--primary,.btn.btn--variant-solid.btn--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)]}.btn.btn--variant-outline.btn--info,.btn.btn--variant-solid.btn--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)]}.btn.btn--variant-outline.btn--success,.btn.btn--variant-solid.btn--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)]}.btn.btn--variant-outline.btn--warning,.btn.btn--variant-solid.btn--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)]}.btn.btn--variant-outline.btn--danger,.btn.btn--variant-solid.btn--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)]}.btn.btn--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}.btn.btn--variant-link{@apply font-normal border border-transparent hover:underline}.btn.btn--variant-link.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}.btn.btn--variant-link.btn--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)]}.btn.btn--variant-link.btn--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)]}.btn.btn--variant-link.btn--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)]}.btn.btn--variant-link.btn--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)]}.btn.btn--variant-link.btn--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)]}.btn.btn--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 .btn.btn--variant-input{@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 .btn.btn--variant-input{@apply border-danger-emphasis;@apply dark:border-dark-danger-emphasis}.state--error .btn.btn--variant-input:focus{@apply ring-danger border-danger-emphasis;@apply dark:ring-dark-danger dark:border-dark-danger-emphasis}.btn.btn--icon.btn--xs{@apply px-[2px]}.btn.btn--icon.btn--sm{@apply px-1}.btn.btn--icon.btn--md{@apply px-[10px]}.btn.btn--icon.btn--lg{@apply px-4}.btn.btn--pill{@apply rounded-full}.btn--loading .spinner{@apply h-6}

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

@@ -0,0 +1,8 @@
+import type { Instance } from 'pspdfkit';
+import { type InjectionKey, type Ref } from 'vue';
+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

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

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

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

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

@@ -0,0 +1,5 @@
+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;
+}