@privyid/persona 1.0.0 → 1.1.1

package/dist/components/accordion/AccordionItems.vue.d.ts

@@ -3,7 +3,7 @@
  * https://github.com/vuejs/rfcs/discussions/585
  */
 import type { PropType } from 'vue-demi';
-declare const _default: import("vue-demi").DefineComponent<{
+declare const _default: import("vue-demi").DefineComponent<import("vue-demi").ExtractPropTypes<{
     modelValue: {
         type: PropType<number | number[]>;
         default: undefined;
@@ -16,9 +16,9 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, () => import("vue-demi").VNode<import("vue-demi").RendererNode, import("vue-demi").RendererElement, {
+}>, () => import("vue-demi").VNode<import("vue-demi").RendererNode, import("vue-demi").RendererElement, {
     [key: string]: any;
-}>[], unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue-demi").PublicProps, Readonly<import("vue-demi").ExtractPropTypes<{
+}>[], {}, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue-demi").PublicProps, Readonly<import("vue-demi").ExtractPropTypes<{
     modelValue: {
         type: PropType<number | number[]>;
         default: undefined;
@@ -31,11 +31,11 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & {
+}>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     modelValue: number | number[];
     multiple: boolean;
     noCaret: boolean;
-}, {}>;
+}, {}, {}, {}, string, import("vue-demi").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/aspect-ratio/index.d.ts

@@ -1,3 +1,3 @@
 import type { Directive } from 'vue-demi';
 export declare const pAspectRatio: Directive<HTMLElement, number>;
-export declare const vPAspectRatio: import("vue-demi").ObjectDirective<HTMLElement, number>;
+export declare const vPAspectRatio: import("vue-demi").ObjectDirective<HTMLElement, number, string, string>;

package/dist/components/avatar/AvatarTruncate.vue.d.ts

@@ -4,7 +4,7 @@
  */
 import type { PropType } from 'vue-demi';
 import type { SizeVariant } from '.';
-declare const _default: import("vue-demi").DefineComponent<{
+declare const _default: import("vue-demi").DefineComponent<import("vue-demi").ExtractPropTypes<{
     size: {
         type: PropType<SizeVariant>;
         default: string;
@@ -13,9 +13,9 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-}, () => import("vue-demi").VNode<import("vue-demi").RendererNode, import("vue-demi").RendererElement, {
+}>, () => import("vue-demi").VNode<import("vue-demi").RendererNode, import("vue-demi").RendererElement, {
     [key: string]: any;
-}>[], unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").PublicProps, Readonly<import("vue-demi").ExtractPropTypes<{
+}>[], {}, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").PublicProps, Readonly<import("vue-demi").ExtractPropTypes<{
     size: {
         type: PropType<SizeVariant>;
         default: string;
@@ -24,8 +24,8 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-}>>, {
+}>> & Readonly<{}>, {
     size: SizeVariant;
     length: string | number;
-}, {}>;
+}, {}, {}, {}, string, import("vue-demi").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/chart/Chart.vue

@@ -19,7 +19,7 @@ import type {
   ChartType,
   ChartOptions,
 } from 'chart.js/auto'
-import { watchPausable } from '@vueuse/core'
+import { watchIgnorable } from '@vueuse/core'
 import type { PropType, VNode } from 'vue-demi'
 import {
   onMounted,
@@ -119,20 +119,18 @@ async function initChart () {
   )
 }
 
-const dataWatcher = watchPausable(data, (newData) => {
+const { ignoreUpdates } = watchIgnorable(data, (newData) => {
   if (instance.value) {
     instance.value.data = newData
     instance.value.update()
   }
 })
 
-watch([variant, legend], async () => {
-  dataWatcher.pause()
-
-  await initChart()
-  await nextTick()
-
-  dataWatcher.resume()
+watch([variant, legend], () => {
+  ignoreUpdates(async () => {
+    await initChart()
+    await nextTick()
+  })
 }, { flush: 'pre' })
 
 onMounted(() => {

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

@@ -4,4 +4,4 @@ export interface CheckboxProps extends InputProps<unknown> {
     value: unknown;
     uncheckedValue: unknown;
 }
-export declare function useVModel(props: CheckboxProps): import("vue-demi").Ref<boolean>;
+export declare function useVModel(props: CheckboxProps): import("vue-demi").Ref<boolean, boolean>;

package/dist/components/dropzone/Dropzone.vue

@@ -1,7 +1,7 @@
 <template>
   <label
     class="dropzone"
-    :class="classNames"
+    :class="[classNames, containerClass]"
     data-testid="dropzone"
     @drop.prevent="onDrop"
     @dragover.prevent
@@ -43,8 +43,11 @@ import {
 import { useVModel } from '../input'
 import { toBase64 } from '../utils/base64'
 import { useToNumber } from '@vueuse/shared'
+import { watchIgnorable } from '@vueuse/core'
 import type { ModelModifier, MultipleType } from '.'
 
+defineOptions({ inheritAttrs: false })
+
 const props = defineProps({
   modelValue: {
     type: [
@@ -82,6 +85,14 @@ const props = defineProps({
     type   : Boolean,
     default: false,
   },
+  containerClass: {
+    type: [
+      String,
+      Array,
+      Object,
+    ],
+    default: undefined,
+  },
 })
 
 const emit = defineEmits<{
@@ -116,6 +127,17 @@ const classNames = computed(() => {
   return result
 })
 
+const { ignoreUpdates } = watchIgnorable(() => props.modelValue, (value) => {
+  if (value) {
+    if (Array.isArray(value))
+      rawModel.value = value.filter((item) => item instanceof globalThis.File)
+    else {
+      if (value instanceof globalThis.File)
+        rawModel.value = value
+    }
+  }
+}, { immediate: true })
+
 function browse () {
   input.value.value = ''
   input.value.click()
@@ -181,7 +203,10 @@ async function handleFiles (fileList: globalThis.FileList) {
     if (props.modelModifiers.base64)
       value = await filesToBase64(file)
 
-    model.value = value
+    ignoreUpdates(() => {
+      model.value = value
+    })
+
     emit('change', value)
   } else {
     if (props.clearOnCancel)

package/dist/components/filterbar/Filterbar.vue.d.ts

@@ -1,6 +1,6 @@
 import type { PropType } from 'vue-demi';
 import type { FilterItem } from '.';
-declare const _default: import("vue-demi").DefineComponent<{
+declare const _default: import("vue-demi").DefineComponent<import("vue-demi").ExtractPropTypes<{
     schema: {
         type: PropType<FilterItem[]>;
         default: () => never[];
@@ -9,13 +9,13 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: PropType<Record<string, unknown>>;
         default: () => {};
     };
-}, {
-    model: import("vue-demi").Ref<Record<string, unknown>>;
+}>, {
+    model: import("vue-demi").Ref<Record<string, unknown>, Record<string, unknown>>;
     pinnedItems: import("vue-demi").ComputedRef<FilterItem[]>;
     getValue: (key: string) => unknown;
     setValue: (key: string, value: unknown) => void;
     reset: () => void;
-}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue-demi").PublicProps, Readonly<import("vue-demi").ExtractPropTypes<{
+}, {}, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue-demi").PublicProps, Readonly<import("vue-demi").ExtractPropTypes<{
     schema: {
         type: PropType<FilterItem[]>;
         default: () => never[];
@@ -24,10 +24,17 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: PropType<Record<string, unknown>>;
         default: () => {};
     };
-}>> & {
+}>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     modelValue: Record<string, unknown>;
     schema: FilterItem[];
-}, {}>;
+}, {}, {
+    Button: any;
+    Dropdown: any;
+    Date: any;
+    Select: any;
+    Multiselect: any;
+    Toggle: any;
+}, {}, string, import("vue-demi").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/filterbar/pinned/PinnedDate.vue.d.ts

@@ -1,7 +1,7 @@
 import type { PropType } from 'vue-demi';
 import type { FilterDate } from '..';
 import type { CalendarMode } from '../../calendar/adapter/adapter';
-declare const _default: import("vue-demi").DefineComponent<{
+declare const _default: import("vue-demi").DefineComponent<import("vue-demi").ExtractPropTypes<{
     schema: {
         type: PropType<FilterDate>;
         required: true;
@@ -26,12 +26,12 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: PropType<CalendarMode>;
         default: string;
     };
-}, {
-    model: import("vue-demi").Ref<Date>;
+}>, {
+    model: import("vue-demi").Ref<Date, Date>;
     value: import("vue-demi").ComputedRef<string>;
-    isOpen: import("vue-demi").Ref<boolean>;
+    isOpen: import("vue-demi").Ref<boolean, boolean>;
     close: () => void;
-}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue-demi").PublicProps, Readonly<import("vue-demi").ExtractPropTypes<{
+}, {}, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue-demi").PublicProps, Readonly<import("vue-demi").ExtractPropTypes<{
     schema: {
         type: PropType<FilterDate>;
         required: true;
@@ -56,13 +56,17 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: PropType<CalendarMode>;
         default: string;
     };
-}>> & {
+}>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     modelValue: Date;
     mode: "date" | "month" | "year";
     min: Date;
     max: Date;
     format: string;
-}, {}>;
+}, {}, {
+    Dropdown: any;
+    DropdownHeader: any;
+    Calendar: any;
+}, {}, string, import("vue-demi").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/filterbar/pinned/PinnedMultiselect.vue.d.ts

@@ -1,7 +1,7 @@
 import type { PropType } from 'vue-demi';
 import type { FilterSelect } from '..';
 import type { SelectItem } from '../../select';
-declare const _default: import("vue-demi").DefineComponent<{
+declare const _default: import("vue-demi").DefineComponent<import("vue-demi").ExtractPropTypes<{
     schema: {
         type: PropType<FilterSelect>;
         required: true;
@@ -14,13 +14,13 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: ArrayConstructor;
         default: () => never[];
     };
-}, {
-    model: import("vue-demi").Ref<unknown[]>;
+}>, {
+    model: import("vue-demi").Ref<unknown[], unknown[]>;
     items: import("vue-demi").ComputedRef<SelectItem[]>;
-    isOpen: import("vue-demi").Ref<boolean>;
+    isOpen: import("vue-demi").Ref<boolean, boolean>;
     selected: import("vue-demi").ComputedRef<SelectItem[]>;
     close: () => void;
-}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue-demi").PublicProps, Readonly<import("vue-demi").ExtractPropTypes<{
+}, {}, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue-demi").PublicProps, Readonly<import("vue-demi").ExtractPropTypes<{
     schema: {
         type: PropType<FilterSelect>;
         required: true;
@@ -33,10 +33,16 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: ArrayConstructor;
         default: () => never[];
     };
-}>> & {
+}>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     modelValue: unknown[];
     options: string[] | SelectItem[];
-}, {}>;
+}, {}, {
+    Badge: any;
+    Dropdown: any;
+    DropdownItem: any;
+    DropdownHeader: any;
+    Checkbox: any;
+}, {}, string, import("vue-demi").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/filterbar/pinned/PinnedSelect.vue.d.ts

@@ -1,7 +1,7 @@
 import type { PropType } from 'vue-demi';
 import type { FilterSelect } from '..';
 import type { SelectItem } from '../../select';
-declare const _default: import("vue-demi").DefineComponent<{
+declare const _default: import("vue-demi").DefineComponent<import("vue-demi").ExtractPropTypes<{
     schema: {
         type: PropType<FilterSelect>;
         required: true;
@@ -11,16 +11,16 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: () => never[];
     };
     modelValue: {
-        type: (NumberConstructor | BooleanConstructor | ArrayConstructor | ObjectConstructor | DateConstructor | StringConstructor)[];
+        type: (BooleanConstructor | ArrayConstructor | NumberConstructor | ObjectConstructor | DateConstructor | StringConstructor)[];
         default: undefined;
     };
-}, {
-    model: import("vue-demi").Ref<string | number | boolean | Date | Record<string, any> | unknown[]>;
+}>, {
+    model: import("vue-demi").Ref<string | number | boolean | Date | Record<string, any> | unknown[], string | number | boolean | Date | Record<string, any> | unknown[]>;
     items: import("vue-demi").ComputedRef<SelectItem[]>;
-    isOpen: import("vue-demi").Ref<boolean>;
+    isOpen: import("vue-demi").Ref<boolean, boolean>;
     selected: import("vue-demi").ComputedRef<SelectItem | undefined>;
     close: () => void;
-}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue-demi").PublicProps, Readonly<import("vue-demi").ExtractPropTypes<{
+}, {}, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue-demi").PublicProps, Readonly<import("vue-demi").ExtractPropTypes<{
     schema: {
         type: PropType<FilterSelect>;
         required: true;
@@ -30,13 +30,18 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: () => never[];
     };
     modelValue: {
-        type: (NumberConstructor | BooleanConstructor | ArrayConstructor | ObjectConstructor | DateConstructor | StringConstructor)[];
+        type: (BooleanConstructor | ArrayConstructor | NumberConstructor | ObjectConstructor | DateConstructor | StringConstructor)[];
         default: undefined;
     };
-}>> & {
+}>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     modelValue: string | number | boolean | Date | Record<string, any> | unknown[];
     options: string[] | SelectItem[];
-}, {}>;
+}, {}, {
+    Dropdown: any;
+    DropdownItem: any;
+    DropdownHeader: any;
+    Radio: any;
+}, {}, string, import("vue-demi").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/filterbar/pinned/PinnedToggle.vue.d.ts

@@ -1,57 +1,59 @@
 import type { PropType } from 'vue-demi';
 import type { FilterToggle } from '..';
-declare const _default: import("vue-demi").DefineComponent<{
+declare const _default: import("vue-demi").DefineComponent<import("vue-demi").ExtractPropTypes<{
     schema: {
         type: PropType<FilterToggle>;
         required: true;
     };
     modelValue: {
-        type: (NumberConstructor | BooleanConstructor | ArrayConstructor | ObjectConstructor | DateConstructor | StringConstructor)[];
+        type: (BooleanConstructor | ArrayConstructor | NumberConstructor | ObjectConstructor | DateConstructor | StringConstructor)[];
         default: boolean;
     };
     value: {
-        type: (NumberConstructor | BooleanConstructor | ArrayConstructor | ObjectConstructor | DateConstructor | StringConstructor)[];
+        type: (BooleanConstructor | ArrayConstructor | NumberConstructor | ObjectConstructor | DateConstructor | StringConstructor)[];
         default: boolean;
     };
     uncheckedValue: {
-        type: (NumberConstructor | BooleanConstructor | ArrayConstructor | ObjectConstructor | DateConstructor | StringConstructor)[];
+        type: (BooleanConstructor | ArrayConstructor | NumberConstructor | ObjectConstructor | DateConstructor | StringConstructor)[];
         default: boolean;
     };
     checked: {
         type: BooleanConstructor;
         default: boolean;
     };
-}, {
-    model: import("vue-demi").Ref<boolean>;
+}>, {
+    model: import("vue-demi").Ref<boolean, boolean>;
     toggle: () => void;
-}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue-demi").PublicProps, Readonly<import("vue-demi").ExtractPropTypes<{
+}, {}, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue-demi").PublicProps, Readonly<import("vue-demi").ExtractPropTypes<{
     schema: {
         type: PropType<FilterToggle>;
         required: true;
     };
     modelValue: {
-        type: (NumberConstructor | BooleanConstructor | ArrayConstructor | ObjectConstructor | DateConstructor | StringConstructor)[];
+        type: (BooleanConstructor | ArrayConstructor | NumberConstructor | ObjectConstructor | DateConstructor | StringConstructor)[];
         default: boolean;
     };
     value: {
-        type: (NumberConstructor | BooleanConstructor | ArrayConstructor | ObjectConstructor | DateConstructor | StringConstructor)[];
+        type: (BooleanConstructor | ArrayConstructor | NumberConstructor | ObjectConstructor | DateConstructor | StringConstructor)[];
         default: boolean;
     };
     uncheckedValue: {
-        type: (NumberConstructor | BooleanConstructor | ArrayConstructor | ObjectConstructor | DateConstructor | StringConstructor)[];
+        type: (BooleanConstructor | ArrayConstructor | NumberConstructor | ObjectConstructor | DateConstructor | StringConstructor)[];
         default: boolean;
     };
     checked: {
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & {
+}>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
-}, {
-    value: string | number | boolean | Date | Record<string, any> | unknown[];
+}>, {
     modelValue: string | number | boolean | Date | Record<string, any> | unknown[];
+    value: string | number | boolean | Date | Record<string, any> | unknown[];
     checked: boolean;
     uncheckedValue: string | number | boolean | Date | Record<string, any> | unknown[];
-}, {}>;
+}, {}, {
+    Button: any;
+}, {}, string, import("vue-demi").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/global/store.d.ts

@@ -27,7 +27,7 @@ export declare function createStore(): Ref<State>;
 export declare function setStore(state: Ref<State>): void;
 export declare function initStore(): Ref<State>;
 export declare function destroyStore(): void;
-export declare function useStore(): Ref<State>;
+export declare function useStore(): Ref<State, State>;
 export declare function setLang(lang: Lang): void;
 export declare function getLang(): Lang;
 export declare function getCDN(): string;
@@ -45,5 +45,5 @@ export declare function setPSPDFLicenseKey(licenseKey: string): void;
  * // get lang
  * console.log(lang.value)
  */
-export declare function useLang(): Ref<Lang>;
+export declare function useLang(): Ref<Lang, Lang>;
 export {};

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

@@ -3,6 +3,7 @@
     ref="dropzone"
     v-model="model"
     class="input-file"
+    data-testid="input-file"
     :class="classNames"
     :model-modifiers="modelModifiers"
     :multiple="multiple"
@@ -29,14 +30,21 @@
           :clearable="clearable"
           :model-value="getFileNames(rawModel)"
           :placeholder="placeholder"
-          @clear.stop.prevent="clear" />
+          @clear.stop.prevent="clear">
+          <template
+            v-if="$slots.append"
+            #append>
+            <slot
+              name="append" />
+          </template>
+        </p-input>
       </p-input-group>
     </template>
   </p-dropzone>
 </template>
 
 <script lang="ts" setup>
-import type { PropType } from 'vue-demi'
+import type { PropType, VNode } from 'vue-demi'
 import { computed, ref } from 'vue-demi'
 import { useVModel } from '../input'
 import pDropzone from '../dropzone/Dropzone.vue'
@@ -150,6 +158,10 @@ defineExpose({
   dropzone,
   clear,
 })
+
+defineSlots<{
+  'append'(): VNode[],
+}>()
 </script>
 
 <style lang="postcss">

package/dist/components/input-password/index.d.ts

@@ -1,2 +1,2 @@
 import type { MaybeRef } from '@vueuse/core';
-export declare function usePasswordStrength(input: MaybeRef<string>): import("vue-demi").Ref<number>;
+export declare function usePasswordStrength(input: MaybeRef<string>): import("vue-demi").Ref<number, number>;

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

@@ -26,4 +26,4 @@ export interface MarkdownOption {
  */
 export declare function markdown(text?: string, _option?: Partial<MarkdownOption>): string;
 export declare const pMd: Directive<HTMLElement, string>;
-export declare const vPMd: import("vue-demi").FunctionDirective<HTMLElement, string>;
+export declare const vPMd: import("vue-demi").FunctionDirective<HTMLElement, string, string, string>;