@privyid/persona 0.9.0 → 0.11.0

package/dist/components/pdf-object-text/PdfObjectText.vue

@@ -1,170 +0,0 @@
-<template>
-  <PdfObject
-    v-model:x="vX"
-    v-model:y="vY"
-    v-model:page="vPage"
-    v-model:width="vWidth"
-    v-model:height="vHeight"
-    class="pdf-object-text"
-    :moveable="!isEdit"
-    :min-width="minWidth"
-    :max-width="maxWidth"
-    :min-height="minHeight"
-    :max-height="maxHeight">
-    <p-textarea
-      v-if="isEdit"
-      v-model="vText"
-      :placeholder="placeholder"
-      @blur="isEdit = false"
-      @keydown.esc.passive="isEdit = false" />
-    <img
-      v-else
-      class="pdf-object-text__result"
-      :src="image"
-      alt="pdf-object-text result">
-  </PdfObject>
-</template>
-
-<script>
-import { useVModel } from "@vueuse/core";
-import {
-  defineComponent,
-  inject,
-  ref,
-  watch
-} from "vue-demi";
-import { PDF_OBJECTS_CONTEXT, useSizeModel } from "../pdf-object";
-import PdfObject from "../pdf-object/PdfObject.vue";
-import pTextarea from "../textarea/Textarea.vue";
-import { getTextWidth, toImage } from "./utils/text-to-image";
-const OBJECT_PADDING = 12 + 1;
-export default defineComponent({
-  components: { PdfObject, pTextarea },
-  props: {
-    x: {
-      type: Number,
-      default: void 0
-    },
-    y: {
-      type: Number,
-      default: void 0
-    },
-    page: {
-      type: Number,
-      default: void 0
-    },
-    width: {
-      type: Number,
-      default: 198
-    },
-    height: {
-      type: Number,
-      default: 106
-    },
-    minWidth: {
-      type: Number,
-      default: void 0
-    },
-    minHeight: {
-      type: Number,
-      default: void 0
-    },
-    maxWidth: {
-      type: Number,
-      default: void 0
-    },
-    maxHeight: {
-      type: Number,
-      default: void 0
-    },
-    text: {
-      type: String,
-      default: ""
-    },
-    src: {
-      type: String,
-      default: ""
-    },
-    placeholder: {
-      type: String,
-      default: "(Double Click To Edit)"
-    },
-    editable: {
-      type: Boolean,
-      default: true
-    }
-  },
-  emits: [
-    "update:x",
-    "update:y",
-    "update:page",
-    "update:width",
-    "update:height",
-    "update:text",
-    "update:src"
-  ],
-  setup(props) {
-    const vX = useVModel(props, "x");
-    const vY = useVModel(props, "y");
-    const vPage = useVModel(props, "page");
-    const vText = useVModel(props, "text");
-    const { scale } = inject(PDF_OBJECTS_CONTEXT);
-    const {
-      ratio,
-      width: vWidth,
-      height: vHeight
-    } = useSizeModel(props);
-    const isEdit = ref(true);
-    const image = ref("");
-    watch(vText, (text) => {
-      const textWidth = getTextWidth({
-        width: vWidth.value,
-        height: vHeight.value,
-        text
-      });
-      if (vWidth.value - OBJECT_PADDING * 2 <= textWidth) {
-        const width = textWidth + OBJECT_PADDING * 2;
-        const height = width / ratio.value;
-        vWidth.value = width;
-        vHeight.value = height;
-      }
-    });
-    watch([vWidth, vHeight, vText], ([width, height, text]) => {
-      image.value = toImage({
-        text: text || props.placeholder,
-        height,
-        width,
-        scale: scale.value,
-        padding: OBJECT_PADDING,
-        fontSize: 16,
-        lineHeight: 1.5
-      });
-    }, { immediate: true });
-    function edit() {
-      if (props.editable)
-        isEdit.value = true;
-    }
-    return {
-      isEdit,
-      vX,
-      vY,
-      vPage,
-      vWidth,
-      vHeight,
-      vText,
-      image,
-      edit
-    };
-  }
-});
-</script>
-
-<style lang="postcss">
-.pdf-object-text {
-  &__result,
-  .textarea,
-  .textarea__input {
-    @apply w-full h-full border-0;
-  }
-}
-</style>

package/dist/components/pdf-object-text/PdfObjectText.vue.d.ts

@@ -1,140 +0,0 @@
-declare const _default: import("vue-demi").DefineComponent<{
-    x: {
-        type: NumberConstructor;
-        default: any;
-    };
-    y: {
-        type: NumberConstructor;
-        default: any;
-    };
-    page: {
-        type: NumberConstructor;
-        default: any;
-    };
-    width: {
-        type: NumberConstructor;
-        default: number;
-    };
-    height: {
-        type: NumberConstructor;
-        default: number;
-    };
-    minWidth: {
-        type: NumberConstructor;
-        default: any;
-    };
-    minHeight: {
-        type: NumberConstructor;
-        default: any;
-    };
-    maxWidth: {
-        type: NumberConstructor;
-        default: any;
-    };
-    maxHeight: {
-        type: NumberConstructor;
-        default: any;
-    };
-    text: {
-        type: StringConstructor;
-        default: string;
-    };
-    src: {
-        type: StringConstructor;
-        default: string;
-    };
-    placeholder: {
-        type: StringConstructor;
-        default: string;
-    };
-    editable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}, {
-    isEdit: import("vue-demi").Ref<boolean>;
-    vX: import("vue-demi").Ref<number> | import("vue-demi").WritableComputedRef<number>;
-    vY: import("vue-demi").Ref<number> | import("vue-demi").WritableComputedRef<number>;
-    vPage: import("vue-demi").Ref<number> | import("vue-demi").WritableComputedRef<number>;
-    vWidth: import("vue-demi").Ref<number>;
-    vHeight: import("vue-demi").Ref<number>;
-    vText: import("vue-demi").Ref<string> | import("vue-demi").WritableComputedRef<string>;
-    image: import("vue-demi").Ref<string>;
-    edit: () => void;
-}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:x" | "update:y" | "update:page" | "update:width" | "update:height" | "update:text" | "update:src")[], "update:x" | "update:y" | "update:page" | "update:width" | "update:height" | "update:text" | "update:src", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
-    x: {
-        type: NumberConstructor;
-        default: any;
-    };
-    y: {
-        type: NumberConstructor;
-        default: any;
-    };
-    page: {
-        type: NumberConstructor;
-        default: any;
-    };
-    width: {
-        type: NumberConstructor;
-        default: number;
-    };
-    height: {
-        type: NumberConstructor;
-        default: number;
-    };
-    minWidth: {
-        type: NumberConstructor;
-        default: any;
-    };
-    minHeight: {
-        type: NumberConstructor;
-        default: any;
-    };
-    maxWidth: {
-        type: NumberConstructor;
-        default: any;
-    };
-    maxHeight: {
-        type: NumberConstructor;
-        default: any;
-    };
-    text: {
-        type: StringConstructor;
-        default: string;
-    };
-    src: {
-        type: StringConstructor;
-        default: string;
-    };
-    placeholder: {
-        type: StringConstructor;
-        default: string;
-    };
-    editable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & {
-    "onUpdate:x"?: (...args: any[]) => any;
-    "onUpdate:y"?: (...args: any[]) => any;
-    "onUpdate:page"?: (...args: any[]) => any;
-    "onUpdate:width"?: (...args: any[]) => any;
-    "onUpdate:height"?: (...args: any[]) => any;
-    "onUpdate:text"?: (...args: any[]) => any;
-    "onUpdate:src"?: (...args: any[]) => any;
-}, {
-    src: string;
-    text: string;
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-    maxHeight: number;
-    maxWidth: number;
-    page: number;
-    minHeight: number;
-    minWidth: number;
-    placeholder: string;
-    editable: boolean;
-}>;
-export default _default;

package/dist/components/pdf-object-text/utils/text-to-image.d.ts

@@ -1,51 +0,0 @@
-interface ToImage {
-    /**
-     * Canvas's element
-     */
-    canvas?: HTMLCanvasElement;
-    /**
-     * Text to be generated
-     */
-    text: string;
-    /**
-     * Image width
-     */
-    width: number;
-    /**
-     * Image height
-     */
-    height: number;
-    /**
-     * Text color
-     * @default '#4a5362'
-     */
-    color?: string;
-    /**
-     * Text font size
-     * @default 16
-     */
-    fontSize?: number;
-    /**
-     * Text font family
-     * @default 'DM Sans'
-     */
-    fontFamily?: string;
-    /**
-     * Text line height
-     * @default 1.65
-     */
-    lineHeight?: number;
-    /**
-     * Text box padding
-     * @default 12
-     */
-    padding?: number;
-    /**
-     * Render scale
-     * @default 1
-     */
-    scale?: number;
-}
-export declare function toImage(options: ToImage): string;
-export declare function getTextWidth(options: ToImage): number;
-export {};

package/dist/components/pdf-object-text/utils/text-to-image.mjs

@@ -1,77 +0,0 @@
-import { createCanvas } from "../../signature-draw/utils/canvas.mjs";
-function wrapText(context, text, x0, y0, maxWidth, lineHeight) {
-  const x = x0;
-  let line = "";
-  let lineCount = 0;
-  let y = y0;
-  let i;
-  let test;
-  let metrics;
-  for (const paragraph of text.split("\n")) {
-    const words = paragraph.split(" ");
-    for (i = 0; i < words.length; i++) {
-      test = words[i];
-      metrics = context.measureText(test);
-      while (metrics.width > maxWidth) {
-        test = test.slice(0, Math.max(0, test.length - 1));
-        metrics = context.measureText(test);
-      }
-      if (words[i] !== test) {
-        words.splice(i + 1, 0, words[i].slice(test.length));
-        words[i] = test;
-      }
-      test = `${line + words[i]} `;
-      metrics = context.measureText(test);
-      if (metrics.width > maxWidth && i > 0) {
-        context.fillText(line, x, y);
-        line = `${words[i]} `;
-        y += lineHeight;
-        lineCount += 1;
-      } else
-        line = test;
-    }
-    context.fillText(line, x, y);
-    y += lineHeight;
-    lineCount += 1;
-    line = "";
-  }
-  return {
-    height: y,
-    count: lineCount
-  };
-}
-export function toImage(options) {
-  const canvas = options.canvas ?? createCanvas(options.width, options.height);
-  const context = canvas.getContext("2d");
-  const text = options.text;
-  const width = options.width;
-  const fontFamily = options.fontFamily ?? "DM Sans";
-  const fontSize = options.fontSize ?? 16;
-  const lineHeight = options.lineHeight ?? 1.65;
-  const padding = options.padding ?? 12;
-  const color = options.color ?? "#0D1117";
-  context.font = `${fontSize}px ${JSON.stringify(fontFamily)}`;
-  context.fillStyle = color;
-  context.textBaseline = "top";
-  wrapText(
-    context,
-    text,
-    padding,
-    padding,
-    width - padding * 2 - 2,
-    fontSize * lineHeight
-  );
-  return canvas.toDataURL("image/png");
-}
-export function getTextWidth(options) {
-  const canvas = options.canvas ?? createCanvas(options.width, options.height);
-  const context = canvas.getContext("2d");
-  const text = options.text;
-  const fontFamily = options.fontFamily ?? "DM Sans";
-  const fontSize = options.fontSize ?? 16;
-  const color = options.color ?? "#0D1117";
-  context.font = `${fontSize}px ${JSON.stringify(fontFamily)}`;
-  context.fillStyle = color;
-  context.textBaseline = "top";
-  return Math.max(...text.split("\n").map((p) => context.measureText(p).width));
-}