@privyid/persona 1.1.2 → 1.2.0

package/dist/components/accordion/AccordionItem.vue

@@ -55,130 +55,104 @@
   </div>
 </template>
 
-<script lang="ts" setup>
-import { useVModel } from '../input'
-import type {
-  VNode,
-  PropType,
-  Component,
-} from 'vue-demi'
+<script setup>
+import { useVModel } from "../input";
 import {
   computed,
   watch,
-  h,
-} from 'vue-demi'
-import Subheading from '../subheading/Subheading.vue'
-import pCollapse from '../collapse/Collapse.vue'
-import ChevronUp from '@privyid/persona-icon/vue/chevron-up/16.vue'
-import ChevronDown from '@privyid/persona-icon/vue/chevron-down/16.vue'
-
-defineOptions({ name: 'AccordionItem' })
-
+  h
+} from "vue-demi";
+import Subheading from "../subheading/Subheading.vue";
+import pCollapse from "../collapse/Collapse.vue";
+import ChevronUp from "@privyid/persona-icon/vue/chevron-up/16.vue";
+import ChevronDown from "@privyid/persona-icon/vue/chevron-down/16.vue";
+defineOptions({ name: "AccordionItem" });
 const props = defineProps({
   modelValue: {
-    type   : Boolean,
-    default: false,
+    type: Boolean,
+    default: false
   },
   title: {
-    type   : String,
-    default: '',
+    type: String,
+    default: ""
   },
   disabled: {
-    type   : Boolean,
-    default: false,
+    type: Boolean,
+    default: false
   },
   noCaret: {
-    type   : Boolean,
-    default: false,
+    type: Boolean,
+    default: false
   },
   icon: {
     type: [
       String,
       Object,
-      Function,
-    ] as PropType<string | Component>,
-    default: undefined,
+      Function
+    ],
+    default: void 0
   },
   titleClass: {
     type: [
       String,
       Array,
-      Object,
+      Object
     ],
-    default: undefined,
+    default: void 0
   },
   contentClass: {
     type: [
       String,
       Array,
-      Object,
+      Object
     ],
-    default: undefined,
+    default: void 0
   },
   iconClass: {
     type: [
       String,
       Array,
-      Object,
+      Object
     ],
-    default: undefined,
-  },
-})
-
-const emit = defineEmits<{
-  'update:modelValue': [boolean],
-  'expand': [],
-  'collapse': [],
-}>()
-
-const model = useVModel(props)
-
+    default: void 0
+  }
+});
+const emit = defineEmits(["update:modelValue", "expand", "collapse"]);
+const model = useVModel(props);
 const classNames = computed(() => {
-  const result: string[] = ['accordion__item']
-
+  const result = ["accordion__item"];
   if (props.disabled)
-    result.push('accordion__item--disabled')
-
+    result.push("accordion__item--disabled");
   if (model.value)
-    result.push('expanded')
+    result.push("expanded");
   else
-    result.push('collapsed')
-
-  return result
-})
-
+    result.push("collapsed");
+  return result;
+});
 const accordionIcon = computed(() => {
   if (props.icon) {
-    if (typeof props.icon === 'string') {
-      return () => h('img', {
-        'src'        : props.icon,
-        'max-width'  : '100%',
-        'height'     : 'auto',
-        'data-testid': 'accordion-item-icon-image',
-      })
+    if (typeof props.icon === "string") {
+      return () => h("img", {
+        "src": props.icon,
+        "max-width": "100%",
+        "height": "auto",
+        "data-testid": "accordion-item-icon-image"
+      });
     }
-
-    return props.icon
+    return props.icon;
   }
-})
-
-function toggle () {
+});
+function toggle() {
   if (!props.disabled)
-    model.value = !model.value
+    model.value = !model.value;
 }
-
 watch(model, (value) => {
   if (value)
-    emit('expand')
+    emit("expand");
   else
-    emit('collapse')
-})
-
-defineSlots<{
-  'activator'(props: { toggle: () => void, expanded: boolean }): VNode[],
-  'caret'(props: { expanded: boolean }): VNode[],
-  'default'(props: { expanded: boolean }): VNode[],
-}>()
+    emit("collapse");
+});
+defineSlots();
 </script>
 
 <style lang="postcss">

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

@@ -0,0 +1,121 @@
+import type { VNode, PropType, Component } from 'vue-demi';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        activator(props: {
+            toggle: () => void;
+            expanded: boolean;
+        }): VNode[];
+        caret(props: {
+            expanded: boolean;
+        }): VNode[];
+        default(props: {
+            expanded: boolean;
+        }): VNode[];
+    }> & {
+        activator(props: {
+            toggle: () => void;
+            expanded: boolean;
+        }): VNode[];
+        caret(props: {
+            expanded: boolean;
+        }): VNode[];
+        default(props: {
+            expanded: boolean;
+        }): VNode[];
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue-demi").DefineComponent<import("vue-demi").ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    noCaret: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    icon: {
+        type: PropType<string | Component>;
+        default: undefined;
+    };
+    titleClass: {
+        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+        default: undefined;
+    };
+    contentClass: {
+        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+        default: undefined;
+    };
+    iconClass: {
+        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+        default: undefined;
+    };
+}>, {}, {}, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {
+    "update:modelValue": (args_0: boolean) => void;
+    collapse: () => void;
+    expand: () => void;
+}, string, import("vue-demi").PublicProps, Readonly<import("vue-demi").ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    noCaret: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    icon: {
+        type: PropType<string | Component>;
+        default: undefined;
+    };
+    titleClass: {
+        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+        default: undefined;
+    };
+    contentClass: {
+        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+        default: undefined;
+    };
+    iconClass: {
+        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+        default: undefined;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((args_0: boolean) => any) | undefined;
+    onCollapse?: (() => any) | undefined;
+    onExpand?: (() => any) | undefined;
+}>, {
+    title: string;
+    modelValue: boolean;
+    disabled: boolean;
+    noCaret: boolean;
+    icon: string | Component;
+    titleClass: string | unknown[] | Record<string, any>;
+    contentClass: string | unknown[] | Record<string, any>;
+    iconClass: string | unknown[] | Record<string, any>;
+}, {}, {}, {}, string, import("vue-demi").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/accordion/AccordionItems.vue.d.ts

@@ -35,7 +35,7 @@ declare const _default: import("vue-demi").DefineComponent<import("vue-demi").Ex
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
     modelValue: number | number[];
-    multiple: boolean;
     noCaret: boolean;
+    multiple: boolean;
 }, {}, {}, {}, string, import("vue-demi").ComponentProvideOptions, true, {}, any>;
 export default _default;