@privyid/persona 0.19.0 → 0.21.0

package/dist/components/input/utils/accept.d.ts

@@ -1,24 +1,24 @@
 import { LiteralUnion } from 'type-fest';
 export declare const AcceptPresets: {
-    readonly num: string;
-    readonly numeric: string;
-    readonly digit: string;
-    readonly alpha: string;
-    readonly 'alpha-num': string;
-    readonly 'alpha-num-space': string;
-    readonly 'alpha-num-space-symbol': string;
-    readonly 'alpha-numeric': string;
-    readonly 'alpha-numeric-space': string;
-    readonly 'alpha-numeric-space-symbol': string;
-    readonly 'alpha-space': string;
-    readonly 'alpha-space-symbol': string;
-    readonly 'num-space': string;
-    readonly 'num-space-symbol': string;
-    readonly 'numeric-space': string;
-    readonly 'numeric-space-symbol': string;
-    readonly 'non-numeric': string;
-    readonly 'non-alpha': string;
-    readonly text: string;
+    readonly num: "\\d";
+    readonly numeric: "\\d";
+    readonly digit: "\\d";
+    readonly alpha: "A-Za-z";
+    readonly 'alpha-num': "A-Za-z\\d";
+    readonly 'alpha-num-space': "A-Za-z\\d\\s";
+    readonly 'alpha-num-space-symbol': "A-Za-z\\d\\s!\"#$%&'()*+,./:;<=>?@[\\\\\\]^_`{|}~-";
+    readonly 'alpha-numeric': "A-Za-z\\d";
+    readonly 'alpha-numeric-space': "A-Za-z\\d\\s";
+    readonly 'alpha-numeric-space-symbol': "A-Za-z\\d\\s!\"#$%&'()*+,./:;<=>?@[\\\\\\]^_`{|}~-";
+    readonly 'alpha-space': "A-Za-z\\s";
+    readonly 'alpha-space-symbol': "A-Za-z\\s!\"#$%&'()*+,./:;<=>?@[\\\\\\]^_`{|}~-";
+    readonly 'num-space': "\\d\\s";
+    readonly 'num-space-symbol': "\\d\\s!\"#$%&'()*+,./:;<=>?@[\\\\\\]^_`{|}~-";
+    readonly 'numeric-space': "\\d\\s";
+    readonly 'numeric-space-symbol': "\\d\\s!\"#$%&'()*+,./:;<=>?@[\\\\\\]^_`{|}~-";
+    readonly 'non-numeric': "A-Za-z\\s!\"#$%&'()*+,./:;<=>?@[\\\\\\]^_`{|}~-";
+    readonly 'non-alpha': "\\d\\s!\"#$%&'()*+,./:;<=>?@[\\\\\\]^_`{|}~-";
+    readonly text: "A-Za-z\\d\\s!\"#$%&'()*+,./:;<=>?@[\\\\\\]^_`{|}~-";
 };
 export type AcceptVariant = LiteralUnion<keyof typeof AcceptPresets, string>;
 export declare function isAccepted(accept: AcceptVariant | undefined, text: string): boolean;

package/dist/components/input-file/InputFile.vue.d.ts

@@ -113,17 +113,17 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: string;
     };
 }>> & {
+    onCancel?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onCancel?: ((...args: any[]) => any) | undefined;
     onClear?: ((...args: any[]) => any) | undefined;
 }, {
     error: boolean;
     size: SizeVariant;
     modelValue: string | string[] | File | File[];
+    modelModifiers: ModelModifier;
     disabled: boolean;
     readonly: boolean;
-    modelModifiers: ModelModifier;
     multiple: boolean | MultipleType;
     placeholder: string;
     maxlength: string | number;

package/dist/components/input-password/InputPassword.vue.d.ts

@@ -3,7 +3,5 @@ type Bindings = {
     isShow: Ref<boolean>;
     toggle: () => void;
 };
-declare const _default: import("vue-demi").DefineComponent<any, Bindings, {}, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<any>, {} | {
-    [x: string]: any;
-}, {}>;
+declare const _default: import("vue-demi").DefineComponent<any, Bindings, {}, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, any, any, {}>;
 export default _default;

package/dist/components/input-pin/InputPin.vue.d.ts

@@ -72,8 +72,8 @@ declare const _default: import("vue-demi").DefineComponent<{
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    error: boolean;
     length: string | number;
+    error: boolean;
     size: SizeVariant;
     modelValue: string;
     disabled: boolean;

package/dist/components/input-range/InputRange.vue.d.ts

@@ -95,11 +95,11 @@ declare const _default: import("vue-demi").DefineComponent<{
     "onUpdate:end"?: ((...args: any[]) => any) | undefined;
 }, {
     error: boolean;
+    modelValue: number | [number, number];
     start: number;
     end: number;
     min: string | number;
     max: string | number;
-    modelValue: number | [number, number];
     disabled: boolean;
     readonly: boolean;
     step: string | number;

package/dist/components/label/Label.vue.d.ts

@@ -42,9 +42,9 @@ declare const _default: import("vue-demi").DefineComponent<{
 }>> & {
     onDismissed?: ((...args: any[]) => any) | undefined;
 }, {
+    color: ColorVariant;
     variant: StyleVariant;
     size: SizeVariant;
-    color: ColorVariant;
     dismissable: boolean;
 }, {}>;
 export default _default;

package/dist/components/list-group/ListGroupItem.vue

@@ -76,7 +76,7 @@ export default defineComponent({
     }
 
     a& {
-      @apply cursor-pointer text-default hover:bg-default-alpha;
+      @apply no-underline hover:no-underline cursor-pointer text-default hover:bg-default-alpha;
       @apply dark:text-dark-default dark:hover:bg-dark-default-alpha;
     }
 

package/dist/components/main/Main.vue

@@ -5,56 +5,59 @@
 </template>
 
 <style lang="postcss">
-:root {
+.main {
   --p-spacer: 1rem;
-}
 
-/**
-* Heading
-*/
-h1, h2, h3, h4, h5, h6 {
-  --p-heading-margin-bottom: calc(var(--p-spacer) * .5);
-  @apply mb-[var(--p-heading-margin-bottom)];
-}
+  /**
+  * Heading
+  */
+  h1, h2, h3, h4, h5, h6 {
+    --p-heading-margin-bottom: calc(var(--p-spacer) * .5);
+    @apply mb-[var(--p-heading-margin-bottom)];
+  }
 
-/**
-* Permalink
-*/
-a {
-  --p-color-link-hover: darken(theme(textColor.link), 5%);
-  --p-color-dark-link-hover: darken(theme(textColor.link), 5%);
-  @apply underline text-link hover:text-[color:var(--p-color-link-hover)];
-  @apply dark:text-dark-link hover:dark:text-[color:var(--p-color-dark-link-hover)];
-}
+  /**
+  * Permalink
+  */
+  a {
+    &:not(.navbar__brand, .sidebar__brand, .dropdown__item, .list-group__item, .btn, .nav__link, .breadcrumbs__item__link) {
+      --p-color-link-hover: darken(theme(textColor.link), 5%);
+      --p-color-dark-link-hover: darken(theme(textColor.link), 5%);
+      @apply underline text-link hover:text-[color:var(--p-color-link-hover)];
+      @apply dark:text-dark-link hover:dark:text-[color:var(--p-color-dark-link-hover)];
+    }
+  }
 
-/**
-* Paragraph
-*/
-p {
-  --p-paragraph-margin-bottom: var(--p-spacer);
-  @apply mt-0 mb-[var(--p-paragraph-margin-bottom)] text-base text-default;
-  @apply dark:text-dark-default;
-}
+  /**
+  * Paragraph
+  */
+  p {
+    --p-paragraph-margin-bottom: var(--p-spacer);
+    @apply mt-0 mb-[var(--p-paragraph-margin-bottom)] text-base text-default;
+    @apply dark:text-dark-default;
+  }
 
-/**
-* Small
-*/
-small {
-  @apply text-tn;
-}
+  /**
+  * Small
+  */
+  small {
+    @apply text-tn;
+  }
 
-/**
-* Strong
-*/
-strong {
-  @apply font-bold;
-}
+  /**
+  * Strong
+  */
+  strong {
+    @apply font-bold;
+  }
 
-/**
-* Caption
-*/
-caption {
-  @apply text-xs text-muted;
-  @apply dark:text-dark-muted;
+  /**
+  * Caption
+  */
+  caption {
+    @apply text-xs text-muted;
+    @apply dark:text-dark-muted;
+  }
 }
+
 </style>

package/dist/components/modal/Modal.vue

@@ -147,7 +147,7 @@ export default defineComponent({
     watch(model, (value) => {
       if (value === false) {
         nextTick(() => {
-          emit("close");
+          emit("close", new CustomEvent("close"));
         });
       }
     });

package/dist/components/modal/Modal.vue.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue-demi';
-export type SizeVariant = 'sm' | 'md' | 'lg' | 'xl';
+import { SizeVariant } from '.';
 declare const _default: import("vue-demi").DefineComponent<{
     title: {
         type: StringConstructor;
@@ -95,9 +95,9 @@ declare const _default: import("vue-demi").DefineComponent<{
     dismissable: boolean;
     banner: boolean;
     text: string;
-    modelValue: boolean;
     title: string;
     centered: boolean;
+    modelValue: boolean;
     noCloseOnEsc: boolean;
     noCloseOnBackdrop: boolean;
     modalBodyScrollable: boolean;

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

@@ -0,0 +1 @@
+export type SizeVariant = 'sm' | 'md' | 'lg' | 'xl';

package/dist/components/nav/Nav.vue

@@ -3,10 +3,12 @@
     data-testid="nav"
     :class="classNames">
     <li
-      v-if="title"
       class="nav__title">
-      <span class="nav__title__item">
+      <span
+        class="nav__title__item"
+        :class="[ (!title && titleActionLabel) ? 'justify-end' : 'justify-between' ]">
         <Caption
+          v-if="title"
           weight="bold"
           transform="capitalize">
           {{ title }}
@@ -84,7 +86,7 @@ export default defineComponent({
         result.push(`nav--align-${props.align}`);
       if (props.vertical)
         result.push("nav--vertical");
-      if (props.title)
+      if (props.title || props.titleActionLabel)
         result.push("nav--has-title");
       if (props.condensed)
         result.push("nav--condensed");
@@ -385,7 +387,7 @@ export default defineComponent({
     @apply absolute left-5 top-0 text-base w-[calc(100%-1.75rem)]; /* 1.25rem + 0.75rem (padding) */
 
     &__item {
-      @apply flex items-center w-full justify-between space-x-2;
+      @apply flex items-center w-full space-x-2;
     }
 
     .caption {

package/dist/components/nav/NavItem.vue

@@ -118,7 +118,7 @@ export default defineComponent({
   }
 
   &__link {
-    @apply block relative py-[10px] px-3 -mb-[1px] border border-transparent rounded-t text-base font-normal cursor-pointer hover:no-underline text-subtle hover:text-default;
+    @apply block relative py-[10px] px-3 -mb-[1px] border border-transparent rounded-t text-base font-normal cursor-pointer no-underline hover:no-underline text-subtle hover:text-default;
     @apply dark:text-dark-subtle hover:dark:text-dark-default;
 
     &&--active {

package/dist/components/nav/NavItem.vue.d.ts

@@ -18,7 +18,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: string;
     };
     linkClass: {
-        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
         default: undefined;
     };
     exact: {
@@ -47,7 +47,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: string;
     };
     linkClass: {
-        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
         default: undefined;
     };
     exact: {

package/dist/components/nav/NavItemDropdown.vue.d.ts

@@ -32,7 +32,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: string;
     };
     menuClass: {
-        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
         default: undefined;
     };
     menuSize: {
@@ -75,7 +75,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: string;
     };
     menuClass: {
-        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
         default: undefined;
     };
     menuSize: {

package/dist/components/navbar/NavbarBrand.vue

@@ -22,7 +22,7 @@ export default defineComponent({
 <style lang="postcss">
   .navbar {
     &__brand {
-      @apply inline-block mr-4 text-xl py-1 font-medium text-default;
+      @apply inline-block mr-4 text-xl py-1 font-medium text-default no-underline cursor-pointer hover:no-underline;
       @apply dark:text-dark-default;
 
       img {

package/dist/components/navbar-menu/NavbarNavMenu.vue

@@ -46,7 +46,7 @@
 </template>
 
 <script>
-import { defineComponent } from "vue";
+import { defineComponent } from "vue-demi";
 import NavbarNav from "../navbar/NavbarNav.vue";
 export default defineComponent({
   components: { NavbarNav },

package/dist/components/navbar-menu/NavbarNavMenu.vue.d.ts

@@ -1,11 +1,11 @@
-import { PropType } from 'vue';
+import { PropType } from 'vue-demi';
 import { Menu } from '../sidebar-menu';
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue-demi").DefineComponent<{
     menus: {
         type: PropType<Menu[]>;
         default: () => Menu[];
     };
-}, void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, void, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     menus: {
         type: PropType<Menu[]>;
         default: () => Menu[];

package/dist/components/pagination/index.mjs

@@ -13,7 +13,9 @@ export function usePagination(props) {
     return total.value <= 0 ? 0 : Math.ceil(total.value / perPage.value);
   });
   const rowRange = computed(() => {
-    return [total.value === 0 ? 0 : (page.value - 1) * perPage.value + 1, page.value * perPage.value > total.value ? total.value : page.value * perPage.value];
+    const start = Math.max((page.value - 1) * perPage.value + 1, 0);
+    const end = Math.min(page.value * perPage.value, total.value);
+    return [start, end];
   });
   const pageItems = computed(() => {
     if (totalPageCount.value === 0 || displayLimit.value < PAGE_PADDING)

package/dist/components/pdf-object/PdfObject.vue

@@ -216,7 +216,7 @@ export default defineComponent({
               object.value.style.position = "absolute";
               object.value.style.transform = `translate(${left}px, ${top}px) scale(${scale.value})`;
               object.value.style.zIndex = "10";
-            }, { ancestorScroll: false });
+            }, { ancestorScroll: false, animationFrame: true });
             onCleanup(cleanup);
           }
         } else

package/dist/components/pdf-text/PdfText.vue

@@ -4,13 +4,15 @@
     :width="width"
     :height="height"
     :src="preview"
+    :srcset="srcset"
     :alt="text">
 </template>
 
 <script>
 import {
   defineComponent,
-  onMounted
+  onMounted,
+  ref
 } from "vue-demi";
 import { createSpinner } from "../avatar/utils/create-image";
 import { usePreview } from "../cropper";
@@ -92,6 +94,7 @@ export default defineComponent({
   setup(props) {
     const model = useVModel(props);
     const preview = usePreview(model, createSpinner(props.width, props.height));
+    const srcset = ref("");
     watchDebounced(() => [
       props.text,
       props.width,
@@ -116,8 +119,9 @@ export default defineComponent({
       const result = await generate(props);
       const value = props.modelModifiers.base64 ? result : fromBase64(result);
       model.value = value;
+      srcset.value = `${await generate(props, 2)} 2x`;
     }
-    return { preview };
+    return { preview, srcset };
   }
 });
 </script>

package/dist/components/pdf-text/PdfText.vue.d.ts

@@ -74,6 +74,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
 }, {
     preview: import("vue-demi").Ref<string>;
+    srcset: import("vue-demi").Ref<string>;
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     modelValue: {
         type: (StringConstructor | {
@@ -147,11 +148,11 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: number;
     };
 }>>, {
-    size: number;
     color: string;
+    size: number;
     text: string;
-    modelValue: string | File;
     label: string;
+    modelValue: string | File;
     modelModifiers: ModelModifier;
     width: number;
     height: number;

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

@@ -64,5 +64,5 @@ interface GenerateOptions {
      */
     labelSize?: number;
 }
-export default function generate(options: GenerateOptions): Promise<string>;
+export default function generate(options: GenerateOptions, dpi?: number): Promise<string>;
 export {};

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

@@ -1,7 +1,7 @@
 import { createCanvas } from "../../signature-draw/utils/canvas.mjs";
 import loadFont from "../../signature-text/utils/load-font.mjs";
 import { clamp } from "lodash-es";
-function wrapText(context, text, fontSize, lineHeight, fontFamily, maxWidth) {
+function wrapText(context, text, fontSize, fontFamily, maxWidth) {
   const lines = [];
   context.font = `${fontSize}px ${JSON.stringify(fontFamily)}`;
   context.textBaseline = "top";
@@ -35,7 +35,7 @@ function wrapText(context, text, fontSize, lineHeight, fontFamily, maxWidth) {
   }
   return lines;
 }
-export default async function generate(options) {
+export default async function generate(options, dpi = 1) {
   const {
     text,
     color,
@@ -47,33 +47,41 @@ export default async function generate(options) {
     minSize,
     maxSize,
     fixedSize,
-    label
+    label,
+    lineHeight
   } = options;
   await loadFont(font);
-  const canvas = options.canvas ?? createCanvas(width, height);
+  const canvas = options.canvas ?? createCanvas(width, height, dpi);
   const context = canvas.getContext("2d");
+  const maxWidth = width - padding * 2;
   let y = padding;
   if (label) {
     const labelSize = options.labelSize ?? size;
     const labelFont = options.labelFont ?? font;
     const labelColor = options.labelColor ?? color;
+    const labelLines = wrapText(
+      context,
+      label,
+      labelSize,
+      labelFont,
+      maxWidth
+    );
     context.font = `${labelSize}px ${JSON.stringify(labelFont)}`;
     context.textBaseline = "top";
     context.textAlign = "start";
     context.fillStyle = labelColor;
-    context.fillText(label, padding, y);
-    y += labelSize * options.lineHeight;
+    for (const line of labelLines) {
+      context.fillText(line, padding, y);
+      y += labelSize * lineHeight;
+    }
   }
   if (text) {
-    const maxWidth = width - padding * 2;
     const maxHeight = height - (y + padding);
     let fontSize = size;
-    let lineHeight = fontSize * options.lineHeight;
     let lines = wrapText(
       context,
       text,
       fontSize,
-      lineHeight,
       font,
       maxWidth
     );
@@ -89,29 +97,23 @@ export default async function generate(options) {
         if (newFontSize === fontSize)
           break;
         fontSize = newFontSize;
-        lineHeight = fontSize * options.lineHeight;
         lines = wrapText(
           context,
           text,
           fontSize,
-          lineHeight,
           font,
           maxWidth
         );
-        textHeight = lines.length * lineHeight;
+        textHeight = lines.length * lineHeight * fontSize;
       } while (textHeight > maxHeight && ++count < 5);
     }
     context.font = `${fontSize}px ${JSON.stringify(font)}`;
     context.textBaseline = "top";
     context.textAlign = "start";
     context.fillStyle = color;
-    context.font = `${fontSize}px ${JSON.stringify(font)}`;
-    context.textBaseline = "top";
-    context.textAlign = "start";
-    context.fillStyle = color;
     for (const line of lines) {
       context.fillText(line, padding, y);
-      y += lineHeight;
+      y += fontSize * lineHeight;
     }
   }
   return canvas.toDataURL("image/png");

package/dist/components/pdf-viewer/PdfError.vue

@@ -22,15 +22,20 @@
       <dt>
         PDFJS Version:
       </dt>
-      <dd><code>{{ pdfJs.version }}</code></dd>
+      <dd><code>{{ version }}</code></dd>
     </dl>
   </div>
 </template>
 
 <script>
 import { pAspectRatio } from "../aspect-ratio";
-import { defineComponent } from "vue-demi";
+import {
+  defineComponent,
+  onMounted,
+  ref
+} from "vue-demi";
 import Heading from "../heading/Heading.vue";
+import { getVersion } from "./utils/pdfjs";
 export default defineComponent({
   directives: { pAspectRatio },
   components: { Heading },
@@ -39,17 +44,17 @@ export default defineComponent({
       type: String,
       default: ""
     },
-    pdfJs: {
-      type: Object,
-      default: () => ({})
-    },
     error: {
       type: Object,
       default: () => ({})
     }
   },
   setup() {
-    return {};
+    const version = ref("");
+    onMounted(async () => {
+      version.value = await getVersion();
+    });
+    return { version };
   }
 });
 </script>

package/dist/components/pdf-viewer/PdfError.vue.d.ts

@@ -1,27 +1,20 @@
-import type * as PDFJS from 'pdfjs-dist';
 import { PropType } from 'vue-demi';
 declare const _default: import("vue-demi").DefineComponent<{
     url: {
         type: StringConstructor;
         default: string;
     };
-    pdfJs: {
-        type: PropType<typeof PDFJS>;
-        default: () => {};
-    };
     error: {
         type: PropType<Error>;
         default: () => Error;
     };
-}, {}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+}, {
+    version: import("vue-demi").Ref<string>;
+}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     url: {
         type: StringConstructor;
         default: string;
     };
-    pdfJs: {
-        type: PropType<typeof PDFJS>;
-        default: () => {};
-    };
     error: {
         type: PropType<Error>;
         default: () => Error;
@@ -29,6 +22,5 @@ declare const _default: import("vue-demi").DefineComponent<{
 }>>, {
     error: Error;
     url: string;
-    pdfJs: typeof PDFJS;
 }, {}>;
 export default _default;