yuyeon 0.3.6-beta.4 → 0.3.6-beta.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (23) hide show
  1. package/dist/yuyeon.js +3099 -3537
  2. package/dist/yuyeon.umd.cjs +3 -3
  3. package/lib/components/layer/YLayer.js +3 -1
  4. package/lib/components/layer/YLayer.js.map +1 -1
  5. package/lib/components/pagination/YPagination.js +10 -10
  6. package/lib/components/pagination/YPagination.js.map +1 -1
  7. package/lib/components/snackbar/YSnackbar.js +15 -10
  8. package/lib/components/snackbar/YSnackbar.js.map +1 -1
  9. package/lib/components/table/YDataTableHead.js +4 -4
  10. package/lib/components/table/YDataTableHead.js.map +1 -1
  11. package/lib/components/table/YDataTableRow.js +0 -1
  12. package/lib/components/table/YDataTableRow.js.map +1 -1
  13. package/lib/util/animation/index.js +6 -0
  14. package/lib/util/animation/index.js.map +1 -0
  15. package/package.json +2 -5
  16. package/types/components/dialog/YDialog.d.ts +2 -0
  17. package/types/components/layer/YLayer.d.ts +1 -0
  18. package/types/components/menu/YMenu.d.ts +2 -0
  19. package/types/components/pagination/YPagination.d.ts +6 -0
  20. package/types/components/table/YDataTable.d.ts +2 -2
  21. package/types/components/table/YDataTableServer.d.ts +2 -2
  22. package/types/components/table/composables/selection.d.ts +2 -2
  23. package/types/util/animation/index.d.ts +1 -0
package/lib/components/table/YDataTableRow.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"YDataTableRow.js","names":["computed","getCurrentInstance","createVNode","_createVNode","mergeProps","_mergeProps","YButton","useExpand","useHeader","useSelection","useRender","getPropertyFromItem","defineComponent","propsFactory","YIconCheckbox","YDataTableCell","pressYDataTableRowProps","index","Number","onHover","Function","onMousedown","onClick","onDblclick","onContextmenu","onKeydown","YDataTableRow","name","props","item","Object","cellProps","emits","setup","_ref","emit","slots","vm","columns","isSelected","toggleSelect","isExpanded","toggleExpand","selected","arrayClasses","classes","ret","push","Array","isArray","forEach","c","event","proxy","$el","value","map","column","colIndex","slotProps","raw","internalItem","key","el","result","call","align","fixed","lastFixed","undefined","fixedOffset","rightOffset","width","maxWidth","default","slotName","selectable","e","stopPropagation"],"sources":["../../../src/components/table/YDataTableRow.tsx"],"sourcesContent":["import { type PropType, computed, getCurrentInstance } from 'vue';\n\nimport { YButton } from '@/components/button/YButton';\nimport { useExpand } from '@/components/table/composables/expand';\nimport { useHeader } from '@/components/table/composables/header';\nimport { useSelection } from '@/components/table/composables/selection';\nimport { useRender } from '@/composables/component';\nimport { getPropertyFromItem } from '@/util/common';\nimport { defineComponent } from '@/util/component';\nimport { propsFactory } from '@/util/component';\n\nimport { YIconCheckbox } from '../icons';\nimport { YDataTableCell } from './YDataTableCell';\nimport { CellProps, DataTableItem, type FixedPropType } from './types';\n\nexport const pressYDataTableRowProps = propsFactory(\n {\n index: Number as PropType<number>,\n onHover: Function as PropType<(...args: any[]) => void>,\n onMousedown: Function as PropType<(...args: any[]) => void>,\n onClick: Function as PropType<(...args: any[]) => void>,\n onDblclick: Function as PropType<(...args: any[]) => void>,\n onContextmenu: Function as PropType<(...args: any[]) => void>,\n onKeydown: Function as PropType<(...args: any[]) => void>,\n },\n 'YDataTableRow',\n);\n\nexport const YDataTableRow = defineComponent({\n name: 'YDataTableRow',\n props: {\n item: Object as PropType<DataTableItem>,\n cellProps: [Object, Function] as PropType<CellProps>,\n ...pressYDataTableRowProps(),\n },\n emits: ['hover', 'mousedown', 'click', 'dblclick', 'contextmenu'],\n setup(props, { emit, slots }) {\n const vm = getCurrentInstance();\n const { columns } = useHeader();\n const { isSelected, toggleSelect } = useSelection();\n const { isExpanded, toggleExpand } = useExpand();\n\n const selected = computed(() => props.item && isSelected(props.item));\n\n function arrayClasses(classes: string | string[]) {\n const ret: string[] = [];\n if (typeof classes === 'string') {\n ret.push(classes);\n }\n if (Array.isArray(classes)) {\n classes.forEach((c) => {\n if (typeof c === 'string') ret.push(c);\n });\n }\n return ret;\n }\n\n function onMousedown(event: MouseEvent) {\n props.onMousedown?.(event, vm?.proxy?.$el);\n }\n\n function onClick(event: MouseEvent) {\n props.onClick?.(event, vm?.proxy?.$el);\n }\n\n function onContextmenu(event: MouseEvent) {\n props.onContextmenu?.(event, vm?.proxy?.$el);\n }\n\n function onDblclick(event: MouseEvent) {\n props.onDblclick?.(event, vm?.proxy?.$el);\n }\n\n function onKeydown(event: KeyboardEvent) {\n props.onKeydown?.(event, vm?.proxy?.$el);\n }\n\n useRender(() => {\n return (\n <tr\n class={[\n 'y-data-table__row',\n {\n 'y-data-table__row--selected': selected.value,\n 'y-data-table__row--expanded': isExpanded(props.item!),\n },\n ]}\n onClick={props.onClick && onClick}\n onContextmenu={props.onContextmenu && onContextmenu}\n onDblclick={props.onDblclick && onDblclick}\n onMousedown={props.onMousedown && onMousedown}\n onKeydown={props.onKeydown && onKeydown}\n >\n {props.item &&\n columns.value.map((column, colIndex) => {\n const item = props.item!;\n const slotProps = {\n index: props.index!,\n item: props.item!.raw,\n internalItem: props.item!,\n columns: columns.value,\n value: getPropertyFromItem(item.columns, column.key),\n selected: selected.value,\n toggleSelect,\n isExpanded,\n toggleExpand,\n el: vm?.proxy?.$el,\n };\n\n const classes = computed(() => {\n const ret: string[] = [];\n if (typeof column.classes === 'function') {\n const result = column.classes.call(\n null,\n slotProps.item,\n slotProps.index,\n column,\n );\n if (result) {\n ret.push(...arrayClasses(result));\n }\n } else if (column.classes) {\n ret.push(...arrayClasses(column.classes));\n }\n\n return ret;\n });\n\n const cellProps =\n typeof props.cellProps === 'function'\n ? props.cellProps({\n index: slotProps.index,\n column,\n internalItem: slotProps.internalItem,\n item: slotProps.item,\n value: slotProps.value,\n selected: slotProps.selected,\n })\n : props.cellProps;\n\n return (\n <YDataTableCell\n align={column.align}\n fixed={\n column.fixed\n ? (((column.fixed === 'right' ? 'trail' : 'lead') +\n (column.lastFixed ? '-last' : '')) as FixedPropType)\n : undefined\n }\n fixedOffset={column.fixedOffset}\n rightOffset={column.rightOffset}\n width={column.width}\n maxWidth={column.maxWidth}\n class={[\n 'y-data-table-data',\n {\n 'y-data-table-data--select':\n column.key === 'data-table-select',\n },\n ...classes.value,\n ]}\n {...cellProps}\n >\n {{\n default: () => {\n const slotName = `item.${column.key}`;\n\n if (slots[slotName]) {\n return slots[slotName]?.(slotProps);\n }\n\n if (column.key === 'data-table-select') {\n return (\n slots['item.data-table-select']?.(slotProps) ?? (\n <YButton\n variation={'text,small'}\n disabled={!item.selectable}\n onClick={(e: MouseEvent) => {\n e.stopPropagation();\n if (item.selectable) toggleSelect(item);\n }}\n >\n <YIconCheckbox\n checked={isSelected(item)}\n disabled={!item.selectable}\n ></YIconCheckbox>\n </YButton>\n )\n );\n }\n\n return slotProps.value;\n },\n }}\n </YDataTableCell>\n );\n })}\n </tr>\n );\n });\n },\n});\n\nexport type YDataTableRow = InstanceType<typeof YDataTableRow>;\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"YDataTableRow.js","names":["computed","getCurrentInstance","createVNode","_createVNode","mergeProps","_mergeProps","YButton","useExpand","useHeader","useSelection","useRender","getPropertyFromItem","defineComponent","propsFactory","YIconCheckbox","YDataTableCell","pressYDataTableRowProps","index","Number","onHover","Function","onMousedown","onClick","onDblclick","onContextmenu","onKeydown","YDataTableRow","name","props","item","Object","cellProps","emits","setup","_ref","slots","vm","columns","isSelected","toggleSelect","isExpanded","toggleExpand","selected","arrayClasses","classes","ret","push","Array","isArray","forEach","c","event","proxy","$el","value","map","column","colIndex","slotProps","raw","internalItem","key","el","result","call","align","fixed","lastFixed","undefined","fixedOffset","rightOffset","width","maxWidth","default","slotName","selectable","e","stopPropagation"],"sources":["../../../src/components/table/YDataTableRow.tsx"],"sourcesContent":["import { type PropType, computed, getCurrentInstance } from 'vue';\n\nimport { YButton } from '@/components/button/YButton';\nimport { useExpand } from '@/components/table/composables/expand';\nimport { useHeader } from '@/components/table/composables/header';\nimport { useSelection } from '@/components/table/composables/selection';\nimport { useRender } from '@/composables/component';\nimport { getPropertyFromItem } from '@/util/common';\nimport { defineComponent } from '@/util/component';\nimport { propsFactory } from '@/util/component';\n\nimport { YIconCheckbox } from '../icons';\nimport { YDataTableCell } from './YDataTableCell';\nimport { CellProps, DataTableItem, type FixedPropType } from './types';\n\nexport const pressYDataTableRowProps = propsFactory(\n {\n index: Number as PropType<number>,\n onHover: Function as PropType<(...args: any[]) => void>,\n onMousedown: Function as PropType<(...args: any[]) => void>,\n onClick: Function as PropType<(...args: any[]) => void>,\n onDblclick: Function as PropType<(...args: any[]) => void>,\n onContextmenu: Function as PropType<(...args: any[]) => void>,\n onKeydown: Function as PropType<(...args: any[]) => void>,\n },\n 'YDataTableRow',\n);\n\nexport const YDataTableRow = defineComponent({\n name: 'YDataTableRow',\n props: {\n item: Object as PropType<DataTableItem>,\n cellProps: [Object, Function] as PropType<CellProps>,\n ...pressYDataTableRowProps(),\n },\n emits: ['hover', 'mousedown', 'click', 'dblclick', 'contextmenu'],\n setup(props, { slots }) {\n const vm = getCurrentInstance();\n const { columns } = useHeader();\n const { isSelected, toggleSelect } = useSelection();\n const { isExpanded, toggleExpand } = useExpand();\n\n const selected = computed(() => props.item && isSelected(props.item));\n\n function arrayClasses(classes: string | string[]) {\n const ret: string[] = [];\n if (typeof classes === 'string') {\n ret.push(classes);\n }\n if (Array.isArray(classes)) {\n classes.forEach((c) => {\n if (typeof c === 'string') ret.push(c);\n });\n }\n return ret;\n }\n\n function onMousedown(event: MouseEvent) {\n props.onMousedown?.(event, vm?.proxy?.$el);\n }\n\n function onClick(event: MouseEvent) {\n props.onClick?.(event, vm?.proxy?.$el);\n }\n\n function onContextmenu(event: MouseEvent) {\n props.onContextmenu?.(event, vm?.proxy?.$el);\n }\n\n function onDblclick(event: MouseEvent) {\n props.onDblclick?.(event, vm?.proxy?.$el);\n }\n\n function onKeydown(event: KeyboardEvent) {\n props.onKeydown?.(event, vm?.proxy?.$el);\n }\n\n useRender(() => {\n return (\n <tr\n class={[\n 'y-data-table__row',\n {\n 'y-data-table__row--selected': selected.value,\n 'y-data-table__row--expanded': isExpanded(props.item!),\n },\n ]}\n onClick={props.onClick && onClick}\n onContextmenu={props.onContextmenu && onContextmenu}\n onDblclick={props.onDblclick && onDblclick}\n onMousedown={props.onMousedown && onMousedown}\n onKeydown={props.onKeydown && onKeydown}\n >\n {props.item &&\n columns.value.map((column, colIndex) => {\n const item = props.item!;\n const slotProps = {\n index: props.index!,\n item: props.item!.raw,\n internalItem: props.item!,\n columns: columns.value,\n value: getPropertyFromItem(item.columns, column.key),\n selected: selected.value,\n toggleSelect,\n isExpanded,\n toggleExpand,\n el: vm?.proxy?.$el,\n };\n\n const classes = computed(() => {\n const ret: string[] = [];\n if (typeof column.classes === 'function') {\n const result = column.classes.call(\n null,\n slotProps.item,\n slotProps.index,\n column,\n );\n if (result) {\n ret.push(...arrayClasses(result));\n }\n } else if (column.classes) {\n ret.push(...arrayClasses(column.classes));\n }\n\n return ret;\n });\n\n const cellProps =\n typeof props.cellProps === 'function'\n ? props.cellProps({\n index: slotProps.index,\n column,\n internalItem: slotProps.internalItem,\n item: slotProps.item,\n value: slotProps.value,\n selected: slotProps.selected,\n })\n : props.cellProps;\n\n return (\n <YDataTableCell\n align={column.align}\n fixed={\n column.fixed\n ? (((column.fixed === 'right' ? 'trail' : 'lead') +\n (column.lastFixed ? '-last' : '')) as FixedPropType)\n : undefined\n }\n fixedOffset={column.fixedOffset}\n rightOffset={column.rightOffset}\n width={column.width}\n maxWidth={column.maxWidth}\n class={[\n 'y-data-table-data',\n {\n 'y-data-table-data--select':\n column.key === 'data-table-select',\n },\n ...classes.value,\n ]}\n {...cellProps}\n >\n {{\n default: () => {\n const slotName = `item.${column.key}`;\n\n if (slots[slotName]) {\n return slots[slotName]?.(slotProps);\n }\n\n if (column.key === 'data-table-select') {\n return (\n slots['item.data-table-select']?.(slotProps) ?? (\n <YButton\n variation={'text,small'}\n disabled={!item.selectable}\n onClick={(e: MouseEvent) => {\n e.stopPropagation();\n if (item.selectable) toggleSelect(item);\n }}\n >\n <YIconCheckbox\n checked={isSelected(item)}\n disabled={!item.selectable}\n ></YIconCheckbox>\n </YButton>\n )\n );\n }\n\n return slotProps.value;\n },\n }}\n </YDataTableCell>\n );\n })}\n </tr>\n );\n });\n },\n});\n\nexport type YDataTableRow = InstanceType<typeof YDataTableRow>;\n"],"mappings":"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","ignoreList":[]}
package/lib/util/animation/index.js ADDED
@@ -0,0 +1,6 @@
1
+ export function animate(el, keyframes, options) {
2
+ return new Promise(() => {
3
+ el.animate(keyframes, options);
4
+ });
5
+ }
6
+ //# sourceMappingURL=index.js.map
package/lib/util/animation/index.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","names":["animate","el","keyframes","options","Promise"],"sources":["../../../src/util/animation/index.ts"],"sourcesContent":["export function animate(el: Element, keyframes: any, options?: any) {\r\n return new Promise(() => {\r\n el.animate(keyframes, options);\r\n });\r\n}\r\n"],"mappings":"AAAA,OAAO,SAASA,OAAOA,CAACC,EAAW,EAAEC,SAAc,EAAEC,OAAa,EAAE;EAClE,OAAO,IAAIC,OAAO,CAAC,MAAM;IACvBH,EAAE,CAACD,OAAO,CAACE,SAAS,EAAEC,OAAO,CAAC;EAChC,CAAC,CAAC;AACJ","ignoreList":[]}
package/package.json CHANGED
@@ -1,13 +1,13 @@
1
1
  {
2
2
  "name": "yuyeon",
3
- "version": "0.3.6-beta.4",
3
+ "version": "0.3.6-beta.6",
4
4
  "keywords": [
5
5
  "UI Library",
6
6
  "Vue"
7
7
  ],
8
8
  "repository": {
9
9
  "type": "git",
10
- "url": "https://github.com/yuyeonUI/yuyeon",
10
+ "url": "git+https://github.com/yuyeonUI/yuyeon.git",
11
11
  "directory": "packages/yuyeon"
12
12
  },
13
13
  "author": "yeonyew",
@@ -80,9 +80,6 @@
80
80
  "build": "vue-tsc && vite build && pnpm run build:lib",
81
81
  "build:lib": "cross-env NODE_ENV=lib babel src --out-dir lib --source-maps --extensions \".ts\",\".tsx\" --copy-files --no-copy-ignored --out-file-extension .js"
82
82
  },
83
- "dependencies": {
84
- "motion": "^10.15.5"
85
- },
86
83
  "devDependencies": {
87
84
  "@babel/cli": "^7.21.0",
88
85
  "@babel/core": "^7.21.3",
package/types/components/dialog/YDialog.d.ts CHANGED
@@ -582,6 +582,7 @@ export declare const YDialog: import('vue').DefineComponent<{
582
582
  "update:modelValue": (value: boolean) => true;
583
583
  "click:complement": (mouseEvent: MouseEvent) => true;
584
584
  afterLeave: () => true;
585
+ afterEnter: () => true;
585
586
  }, string> | undefined, import('vue').DefineComponent<{
586
587
  minWidth: PropType<number | string>;
587
588
  width: PropType<number | string>;
@@ -710,6 +711,7 @@ export declare const YDialog: import('vue').DefineComponent<{
710
711
  "update:modelValue": (value: boolean) => true;
711
712
  "click:complement": (mouseEvent: MouseEvent) => true;
712
713
  afterLeave: () => true;
714
+ afterEnter: () => true;
713
715
  }, string> | undefined>;
714
716
  classes: import('vue').ComputedRef<{
715
717
  "y-dialog": boolean;
package/types/components/layer/YLayer.d.ts CHANGED
@@ -434,5 +434,6 @@ export declare const YLayer: import('vue').DefineComponent<{
434
434
  "update:modelValue": (value: boolean) => true;
435
435
  "click:complement": (mouseEvent: MouseEvent) => true;
436
436
  afterLeave: () => true;
437
+ afterEnter: () => true;
437
438
  }, string>;
438
439
  export type YLayer = InstanceType<typeof YLayer>;
package/types/components/menu/YMenu.d.ts CHANGED
@@ -378,6 +378,7 @@ export declare const YMenu: import('vue').DefineComponent<{
378
378
  "update:modelValue": (value: boolean) => true;
379
379
  "click:complement": (mouseEvent: MouseEvent) => true;
380
380
  afterLeave: () => true;
381
+ afterEnter: () => true;
381
382
  }, string> | undefined, import('vue').DefineComponent<{
382
383
  minWidth: PropType<number | string>;
383
384
  width: PropType<number | string>;
@@ -506,6 +507,7 @@ export declare const YMenu: import('vue').DefineComponent<{
506
507
  "update:modelValue": (value: boolean) => true;
507
508
  "click:complement": (mouseEvent: MouseEvent) => true;
508
509
  afterLeave: () => true;
510
+ afterEnter: () => true;
509
511
  }, string> | undefined>;
510
512
  baseEl: import('vue').ComputedRef<any>;
511
513
  classes: import('vue').ComputedRef<{
package/types/components/pagination/YPagination.d.ts CHANGED
@@ -12,6 +12,7 @@ export declare const pressYPaginationProps: <Defaults extends {
12
12
  color?: unknown;
13
13
  activeColor?: unknown;
14
14
  buttonVariation?: unknown;
15
+ activeButtonVariation?: unknown;
15
16
  align?: unknown;
16
17
  } = {}>(defaults?: Defaults | undefined) => {
17
18
  start: unknown extends Defaults["start"] ? {
@@ -84,6 +85,10 @@ export declare const pressYPaginationProps: <Defaults extends {
84
85
  type: PropType<unknown extends Defaults["buttonVariation"] ? string : string | Defaults["buttonVariation"]>;
85
86
  default: unknown extends Defaults["buttonVariation"] ? string : string | Defaults["buttonVariation"];
86
87
  };
88
+ activeButtonVariation: unknown extends Defaults["activeButtonVariation"] ? StringConstructor[] : {
89
+ type: PropType<unknown extends Defaults["activeButtonVariation"] ? string : string | Defaults["activeButtonVariation"]>;
90
+ default: unknown extends Defaults["activeButtonVariation"] ? string : string | Defaults["activeButtonVariation"];
91
+ };
87
92
  align: unknown extends Defaults["align"] ? {
88
93
  type: PropType<"start" | "center" | "end">;
89
94
  default: string;
@@ -120,6 +125,7 @@ export declare const YPagination: import('vue').DefineComponent<{
120
125
  color: StringConstructor;
121
126
  activeColor: StringConstructor;
122
127
  buttonVariation: StringConstructor[];
128
+ activeButtonVariation: StringConstructor[];
123
129
  align: {
124
130
  type: PropType<"start" | "center" | "end">;
125
131
  default: string;
package/types/components/table/YDataTable.d.ts CHANGED
@@ -133,8 +133,8 @@ export declare const pressDataTableProps: <Defaults extends {
133
133
  type: PropType<"single" | "page" | "all">;
134
134
  default: string;
135
135
  }, "type" | "default"> & {
136
- type: PropType<unknown extends Defaults["selectStrategy"] ? "all" | "page" | "single" : NonNullable<"all" | "page" | "single"> | Defaults["selectStrategy"]>;
137
- default: unknown extends Defaults["selectStrategy"] ? "all" | "page" | "single" : NonNullable<"all" | "page" | "single"> | Defaults["selectStrategy"];
136
+ type: PropType<unknown extends Defaults["selectStrategy"] ? "single" | "page" | "all" : NonNullable<"single" | "page" | "all"> | Defaults["selectStrategy"]>;
137
+ default: unknown extends Defaults["selectStrategy"] ? "single" | "page" | "all" : NonNullable<"single" | "page" | "all"> | Defaults["selectStrategy"];
138
138
  };
139
139
  modelValue: unknown extends Defaults["modelValue"] ? {
140
140
  type: PropType<readonly any[]>;
package/types/components/table/YDataTableServer.d.ts CHANGED
@@ -137,8 +137,8 @@ export declare const pressDataTableServerProps: <Defaults extends {
137
137
  type: PropType<"single" | "page" | "all">;
138
138
  default: string;
139
139
  }, "type" | "default"> & {
140
- type: PropType<unknown extends Defaults["selectStrategy"] ? "all" | "page" | "single" : NonNullable<"all" | "page" | "single"> | Defaults["selectStrategy"]>;
141
- default: unknown extends Defaults["selectStrategy"] ? "all" | "page" | "single" : NonNullable<"all" | "page" | "single"> | Defaults["selectStrategy"];
140
+ type: PropType<unknown extends Defaults["selectStrategy"] ? "single" | "page" | "all" : NonNullable<"single" | "page" | "all"> | Defaults["selectStrategy"]>;
141
+ default: unknown extends Defaults["selectStrategy"] ? "single" | "page" | "all" : NonNullable<"single" | "page" | "all"> | Defaults["selectStrategy"];
142
142
  };
143
143
  modelValue: unknown extends Defaults["modelValue"] ? {
144
144
  type: PropType<readonly any[]>;
package/types/components/table/composables/selection.d.ts CHANGED
@@ -43,8 +43,8 @@ export declare const pressDataTableSelectionProps: <Defaults extends {
43
43
  type: PropType<"single" | "page" | "all">;
44
44
  default: string;
45
45
  }, "type" | "default"> & {
46
- type: PropType<unknown extends Defaults["selectStrategy"] ? "all" | "page" | "single" : Defaults["selectStrategy"] | NonNullable<"all" | "page" | "single">>;
47
- default: unknown extends Defaults["selectStrategy"] ? "all" | "page" | "single" : Defaults["selectStrategy"] | NonNullable<"all" | "page" | "single">;
46
+ type: PropType<unknown extends Defaults["selectStrategy"] ? "single" | "page" | "all" : Defaults["selectStrategy"] | NonNullable<"single" | "page" | "all">>;
47
+ default: unknown extends Defaults["selectStrategy"] ? "single" | "page" | "all" : Defaults["selectStrategy"] | NonNullable<"single" | "page" | "all">;
48
48
  };
49
49
  modelValue: unknown extends Defaults["modelValue"] ? {
50
50
  type: PropType<readonly any[]>;
package/types/util/animation/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export declare function animate(el: Element, keyframes: any, options?: any): Promise<unknown>;