@privyid/persona 0.21.0 → 0.23.0

package/dist/components/pagination/Pagination.vue

@@ -9,6 +9,8 @@
       {{ pageLabel }}
       <Select
         v-model="model"
+        :size="selectSize"
+        data-testid="pagination-select"
         :options="pageOptions"
         @change="({ value }) => selectPage(value)" />
       <slot
@@ -111,6 +113,7 @@
       {{ showRowsLabel }}
       <Select
         v-model="rowPerPage"
+        :size="selectSize"
         :options="rowPerPageOptions" />
     </div>
   </div>
@@ -212,6 +215,10 @@ export default defineComponent({
     showRowsLabel: {
       type: String,
       default: "Show rows"
+    },
+    selectSize: {
+      type: String,
+      default: "md"
     }
   },
   models: {
@@ -361,6 +368,8 @@ export default defineComponent({
   }
 
   .dropdown {
+    --p-select-min-width: auto;
+
     @apply max-w-[80px];
 
     &__menu {

package/dist/components/pagination/Pagination.vue.d.ts

@@ -1,5 +1,6 @@
 import { PropType } from 'vue-demi';
 import { SelectItem } from '../select';
+import { SizeVariant } from '../button';
 type NavigationVariant = 'none' | 'short' | 'far';
 declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
@@ -87,6 +88,10 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    selectSize: {
+        type: PropType<SizeVariant>;
+        default: string;
+    };
 }, {
     model: import("vue-demi").Ref<number>;
     classNames: import("vue-demi").ComputedRef<string[]>;
@@ -187,6 +192,10 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    selectSize: {
+        type: PropType<SizeVariant>;
+        default: string;
+    };
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
@@ -210,5 +219,6 @@ declare const _default: import("vue-demi").DefineComponent<{
     firstNavLabel: string;
     lastNavLabel: string;
     showRowsLabel: string;
+    selectSize: SizeVariant;
 }, {}>;
 export default _default;

package/dist/components/pdf-helipad/PdfHelipad.vue

@@ -22,99 +22,115 @@
   </div>
 </template>
 
-<script>
-import { templateRef } from "@vueuse/core";
+<script lang="ts" setup>
+import '../pdf-object/PdfObject.vue'
+import { templateRef } from '@vueuse/core'
 import {
   computed,
-  defineComponent,
   ref,
   toRef,
   watch,
-  watchEffect
-} from "vue-demi";
-import { getPosition } from "../pdf-object/utils/position";
-import useDrag from "./utils/use-drag";
-export default defineComponent({
-  props: {
-    scale: {
-      type: Number,
-      default: 1
-    },
-    width: {
-      type: Number,
-      default: 198
-    },
-    height: {
-      type: Number,
-      default: 106
-    },
-    disabled: {
-      type: Boolean,
-      default: false
+  watchEffect,
+} from 'vue-demi'
+import { getPosition } from '../pdf-object/utils/position'
+import useDrag from './utils/use-drag'
+import type { PdfHelipadResult } from '.'
+import type { InteractEvent } from '@interactjs/types'
+
+const props = defineProps({
+  scale: {
+    type   : Number,
+    default: 1,
+  },
+  width: {
+    type   : Number,
+    default: 198,
+  },
+  height: {
+    type   : Number,
+    default: 106,
+  },
+  disabled: {
+    type   : Boolean,
+    default: false,
+  },
+})
+
+const emit = defineEmits<{
+  'landed': [PdfHelipadResult],
+  'click': [InteractEvent],
+}>()
+
+const object = templateRef<HTMLDivElement>('object')
+const scale  = toRef(props, 'scale')
+const width  = toRef(props, 'width')
+const height = toRef(props, 'height')
+
+const isDragged = ref(false)
+const x         = ref(0)
+const y         = ref(0)
+
+const classNames = computed(() => {
+  const result: string[] = []
+
+  if (props.disabled)
+    result.push('pdf-helipad--disabled')
+
+  return result
+})
+
+const draggable = useDrag(object, {
+  onstart () {
+    const { left, top } = object.value.getBoundingClientRect()
+
+    isDragged.value = true
+    x.value         = left
+    y.value         = top
+  },
+  onmove (event) {
+    x.value = event.clientX - (event.rect.width * scale.value / 2)
+    y.value = event.clientY - (event.rect.height * scale.value / 2)
+  },
+  onend (event) {
+    if (event.relatedTarget) {
+      const reference = event.relatedTarget
+      const result    = getPosition({
+        reference: reference as HTMLDivElement,
+        object   : object.value,
+        scale    : scale.value,
+      })
+
+      emit('landed', {
+        ...result,
+        width : width.value,
+        height: height.value,
+      })
     }
+
+    isDragged.value = false
+  },
+  ontap (event) {
+    emit('click', event)
   },
-  emits: ["landed"],
-  setup(props, { emit }) {
-    const object = templateRef("object");
-    const scale = toRef(props, "scale");
-    const width = toRef(props, "width");
-    const height = toRef(props, "height");
-    const isDragged = ref(false);
-    const x = ref(0);
-    const y = ref(0);
-    const classNames = computed(() => {
-      const result = [];
-      if (props.disabled)
-        result.push("pdf-helipad--disabled");
-      return result;
-    });
-    const draggable = useDrag(object, {
-      onstart() {
-        const { left, top } = object.value.getBoundingClientRect();
-        isDragged.value = true;
-        x.value = left;
-        y.value = top;
-      },
-      onmove(event) {
-        x.value = event.clientX - event.rect.width * scale.value / 2;
-        y.value = event.clientY - event.rect.height * scale.value / 2;
-      },
-      onend(event) {
-        if (event.relatedTarget) {
-          const reference = event.relatedTarget;
-          const result = getPosition({
-            reference,
-            object: object.value,
-            scale: scale.value
-          });
-          emit("landed", {
-            ...result,
-            width: width.value,
-            height: height.value
-          });
-        }
-        isDragged.value = false;
-      }
-    });
-    watchEffect(() => {
-      if (object.value) {
-        if (isDragged.value) {
-          object.value.style.position = "fixed";
-          object.value.style.transform = `translate(${x.value}px, ${y.value}px) scale(${scale.value})`;
-          object.value.style.zIndex = "50";
-        } else {
-          object.value.style.position = "absolute";
-          object.value.style.transform = "translate(0px, 0px)";
-          object.value.style.zIndex = "2";
-        }
-      }
-    });
-    watch(() => props.disabled, (isDisabled) => {
-      draggable.value = !isDisabled;
-    }, { immediate: true });
-    return { classNames };
+})
+
+watchEffect(() => {
+  if (object.value) {
+    if (isDragged.value) {
+      object.value.style.position  = 'fixed'
+      object.value.style.transform = `translate(${x.value}px, ${y.value}px) scale(${scale.value})`
+      object.value.style.zIndex    = '50'
+    } else {
+      object.value.style.position  = 'absolute'
+      object.value.style.transform = 'translate(0px, 0px)'
+      object.value.style.zIndex    = '2'
+    }
   }
-});
+})
+
+watch(() => props.disabled, (isDisabled) => {
+  draggable.value = !isDisabled
+}, { immediate: true })
 </script>
 
 <style lang="postcss">

package/dist/components/pdf-helipad/utils/use-drag.d.ts

@@ -1,8 +1,3 @@
-import type { InteractEvent } from '@interactjs/types';
 import { Ref } from 'vue-demi';
-export interface DragOptions {
-    onstart?: (event: InteractEvent) => void;
-    onmove?: (event: InteractEvent) => void;
-    onend?: (event: InteractEvent) => void;
-}
-export default function useDrag(target: Ref<HTMLElement>, options?: DragOptions): import("vue-demi").ShallowRef<boolean>;
+import { DragHooks } from '../../pdf-object/utils/use-drag';
+export default function useDrag(target: Ref<HTMLElement>, options?: DragHooks): import("vue-demi").ShallowRef<boolean>;

package/dist/components/pdf-helipad/utils/use-drag.mjs

@@ -17,7 +17,7 @@ export default function useDrag(target, options = {}) {
         onstart: options.onstart,
         onmove: options.onmove,
         onend: options.onend
-      });
+      }).on("tap", options.ontap);
     }
   }
   function destroy() {

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

@@ -55,7 +55,7 @@ declare const _default: import("vue-demi").DefineComponent<{
 }, {
     move: (event: KeyboardEvent, dx: number, dy: number) => void;
     focus: import("lodash").DebouncedFunc<typeof import("../tour/utils/focus").focus>;
-}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:x" | "update:y" | "update:page" | "update:width" | "update:height")[], "update:x" | "update:y" | "update:page" | "update:width" | "update:height", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:page" | "update:x" | "update:y" | "update:width" | "update:height")[], "update:page" | "update:x" | "update:y" | "update:width" | "update:height", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     x: {
         type: NumberConstructor;
         default: undefined;
@@ -109,16 +109,16 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: boolean;
     };
 }>> & {
+    "onUpdate:page"?: ((...args: any[]) => any) | undefined;
     "onUpdate:x"?: ((...args: any[]) => any) | undefined;
     "onUpdate:y"?: ((...args: any[]) => any) | undefined;
-    "onUpdate:page"?: ((...args: any[]) => any) | undefined;
     "onUpdate:width"?: ((...args: any[]) => any) | undefined;
     "onUpdate:height"?: ((...args: any[]) => any) | undefined;
 }, {
     y: number;
+    x: number;
     width: number;
     height: number;
-    x: number;
     autofocus: boolean;
     maxHeight: number;
     maxWidth: number;

package/dist/components/pdf-object/index.d.ts

@@ -52,6 +52,13 @@ export declare function useObjectModel(props: PdfObjectProp): {
     maxHeight: Ref<number>;
     ratio: import("vue-demi").ComputedRef<number>;
 };
+/**
+ * Reactive page element
+ * @param page page number
+ */
 export declare function usePage(page: MaybeRef<number>): Readonly<Ref<HTMLElement>>;
+/**
+ * focus with debounce
+ */
 export declare const focus: import("lodash").DebouncedFunc<typeof focus_>;
 export type AddonPositionVariant = 'top' | 'left' | 'right' | 'bottom';

package/dist/components/pdf-object/utils/use-drag.d.ts

@@ -4,5 +4,6 @@ export interface DragHooks {
     onstart?: (event: InteractEvent) => void;
     onmove?: (event: InteractEvent) => void;
     onend?: (event: InteractEvent) => void;
+    ontap?: (event: InteractEvent) => void;
 }
 export default function useDrag(target: Ref<HTMLElement>, hooks?: DragHooks): import("vue-demi").ShallowRef<boolean>;

package/dist/components/pdf-object/utils/use-drag.mjs

@@ -48,7 +48,7 @@ export default function useDrag(target, hooks) {
             }
           })
         ]
-      });
+      }).on("tap", hooks.ontap);
     }
   }
   function destroy() {

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

@@ -148,17 +148,17 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: number;
     };
 }>>, {
-    color: string;
     size: number;
+    color: string;
     text: string;
-    label: string;
     modelValue: string | File;
+    label: string;
     modelModifiers: ModelModifier;
-    width: number;
-    height: number;
     font: string;
     padding: number;
     lineHeight: number;
+    width: number;
+    height: number;
     labelColor: string;
     minSize: number;
     maxSize: number;

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

@@ -22,11 +22,11 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: string;
     };
     ratio: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     offsetTop: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
 }, {
@@ -44,7 +44,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     zoomOut: () => void;
     next: () => void;
     prev: () => void;
-}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("error" | "ready" | "update:page" | "loaded" | "error-password" | "update:scale")[], "error" | "ready" | "update:page" | "loaded" | "error-password" | "update:scale", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("error" | "ready" | "loaded" | "error-password" | "update:page" | "update:scale")[], "error" | "ready" | "loaded" | "error-password" | "update:page" | "update:scale", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     src: {
         type: StringConstructor;
         default: string;
@@ -66,19 +66,19 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: string;
     };
     ratio: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     offsetTop: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
 }>> & {
     onLoaded?: ((...args: any[]) => any) | undefined;
     onError?: ((...args: any[]) => any) | undefined;
-    "onUpdate:page"?: ((...args: any[]) => any) | undefined;
     onReady?: ((...args: any[]) => any) | undefined;
     "onError-password"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:page"?: ((...args: any[]) => any) | undefined;
     "onUpdate:scale"?: ((...args: any[]) => any) | undefined;
 }, {
     src: string;

package/dist/components/progress-indicator/ProgressIndicator.vue.d.ts

@@ -10,7 +10,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: string;
     };
     length: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
 }, {
@@ -28,7 +28,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: string;
     };
     length: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
 }>> & {

package/dist/components/progressbar/Progressbar.vue.d.ts

@@ -1,14 +1,14 @@
 declare const _default: import("vue-demi").DefineComponent<{
     value: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     min: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     max: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     success: {
@@ -29,15 +29,15 @@ declare const _default: import("vue-demi").DefineComponent<{
     classNames: import("vue-demi").ComputedRef<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<{
     value: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     min: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     max: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     success: {
@@ -53,9 +53,9 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: boolean;
     };
 }>>, {
+    error: boolean;
     value: string | number;
     success: boolean;
-    error: boolean;
     min: string | number;
     max: string | number;
     indeterminate: boolean;

package/dist/components/radio/Radio.vue.d.ts

@@ -10,11 +10,11 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: string;
     };
     modelValue: {
-        type: (NumberConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor)[];
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor | NumberConstructor)[];
         default: boolean;
     };
     value: {
-        type: (NumberConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor)[];
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor | NumberConstructor)[];
         default: boolean;
     };
     checked: {
@@ -43,11 +43,11 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: string;
     };
     modelValue: {
-        type: (NumberConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor)[];
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor | NumberConstructor)[];
         default: boolean;
     };
     value: {
-        type: (NumberConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor)[];
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor | NumberConstructor)[];
         default: boolean;
     };
     checked: {
@@ -75,7 +75,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     modelValue: string | number | boolean | Record<string, any> | unknown[] | Date;
     disabled: boolean;
     readonly: boolean;
-    checked: boolean;
     appearance: AppearanceType;
+    checked: boolean;
 }, {}>;
 export default _default;

package/dist/components/ringbar/Ringbar.vue.d.ts

@@ -13,15 +13,15 @@ import { type SizeVariant } from '../button';
  */
 declare const _default: import("vue-demi").DefineComponent<{
     value: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     min: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     max: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     size: {
@@ -37,15 +37,15 @@ declare const _default: import("vue-demi").DefineComponent<{
     classNames: import("vue-demi").ComputedRef<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<{
     value: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     min: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     max: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     size: {