@fastkit/vui 0.7.46 → 0.7.49

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.
package/dist/vui.d.ts CHANGED
@@ -31,10 +31,12 @@ import { FormSelectorItemData } from '@fastkit/vue-kit';
31
31
  import { FormSelectorItemGroupControl } from '@fastkit/vue-kit';
32
32
  import { FormSelectorValue } from '@fastkit/vue-kit';
33
33
  import { HistoryOptions } from '@tiptap/extension-history';
34
+ import { HTMLAttributes } from 'vue';
34
35
  import { ICON_NAMES , IconName } from '@fastkit/icon-font';
35
36
  import { IconName } from '@fastkit/icon-font';
36
37
  import { IMaskEvent } from '@fastkit/vue-kit';
37
38
  import { IMaskTypedValue } from '@fastkit/vue-kit';
39
+ import { ImgHTMLAttributes } from 'vue';
38
40
  import { InjectionKey } from 'vue';
39
41
  import { ItalicOptions } from '@tiptap/extension-italic';
40
42
  import { LinkOptions } from '@tiptap/extension-link';
@@ -93,6 +95,10 @@ import { WritableComputedRef } from 'vue';
93
95
 
94
96
  declare type ARGS = Record<string, unknown> & VNodeProps;
95
97
 
98
+ export declare const AVATAR_SIZES: readonly ["sm", "md", "lg"];
99
+
100
+ export declare type AvatarSize = typeof AVATAR_SIZES[number];
101
+
96
102
  export declare interface BreadcrumbsItem extends Pick<NavigationableInheritProps, 'to' | 'disabled'> {
97
103
  /**
98
104
  * "正確なマッチモード" を強制する場合true
@@ -101,6 +107,24 @@ export declare interface BreadcrumbsItem extends Pick<NavigationableInheritProps
101
107
  text: VNodeChild | ((vui: VuiService) => VNodeChild);
102
108
  }
103
109
 
110
+ export declare type BusyImageLoadState = 'pending' | 'loading' | 'loaded' | 'error';
111
+
112
+ export declare interface BusyImageRect {
113
+ width?: string;
114
+ height?: string;
115
+ }
116
+
117
+ export declare interface BusyImageRects {
118
+ placeholder: BusyImageRect;
119
+ main: BusyImageRect;
120
+ }
121
+
122
+ export declare type BusyImageSizeValue = number | string;
123
+
124
+ export declare const CHIP_SIZES: readonly ["xs", "sm", "md", "lg", "xl"];
125
+
126
+ export declare type ChipSize = typeof CHIP_SIZES[number];
127
+
104
128
  export declare function configureDataTableDefaults(defaults: Partial<DataTableDefaults>): void;
105
129
 
106
130
  export declare interface ContentSwitcherSeeTopOptions {
@@ -137,6 +161,47 @@ export declare interface ControlProvider {
137
161
 
138
162
  export declare type ControlSize = typeof CONTROL_SIZES[number];
139
163
 
164
+ export declare function createAvatarProps(): {
165
+ size: {
166
+ type: PropType<number | "sm" | "md" | "lg">;
167
+ default: string;
168
+ };
169
+ tile: BooleanConstructor;
170
+ rounded: BooleanConstructor;
171
+ disabled: BooleanConstructor;
172
+ src: StringConstructor;
173
+ tag: PropType<string>;
174
+ class: PropType<any>;
175
+ style: PropType<CSSProperties>;
176
+ to: PropType<RouteLocationRaw>;
177
+ replace: PropType<boolean>;
178
+ activeClass: PropType<string>;
179
+ exactActiveClass: PropType<string>;
180
+ custom: PropType<boolean>;
181
+ ariaCurrentValue: {
182
+ type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false" | undefined>;
183
+ default: "page";
184
+ };
185
+ href: PropType<string>;
186
+ target: PropType<string>;
187
+ rel: PropType<string>;
188
+ name: PropType<string>;
189
+ charset: PropType<string>;
190
+ hreflang: PropType<string>;
191
+ download: PropType<string | boolean>;
192
+ media: PropType<string>;
193
+ ping: PropType<string>;
194
+ referrerpolicy: PropType<string>;
195
+ type: PropType<"submit" | "reset" | "button" | undefined>;
196
+ linkFallbackTag: PropType<string | (() => string | undefined)>;
197
+ onClick: PropType<(ev: MouseEvent) => any>;
198
+ variant: PropType<ColorVariant>;
199
+ theme: PropType<ThemeName>;
200
+ color: PropType<ScopeName>;
201
+ textColor: PropType<PaletteName>;
202
+ borderColor: PropType<PaletteName>;
203
+ };
204
+
140
205
  export declare function createCardProps(): {
141
206
  disabled: BooleanConstructor;
142
207
  tag: PropType<string>;
@@ -344,6 +409,47 @@ export declare function createCardProps(): {
344
409
  elevation: PropType<VuiElevationValue>;
345
410
  };
346
411
 
412
+ export declare function createChipProps(): {
413
+ size: {
414
+ type: PropType<"xs" | "sm" | "md" | "lg" | "xl">;
415
+ default: string;
416
+ };
417
+ startIcon: PropType<RawVChipIcon>;
418
+ endIcon: PropType<RawVChipIcon>;
419
+ label: BooleanConstructor;
420
+ disabled: BooleanConstructor;
421
+ tag: PropType<string>;
422
+ class: PropType<any>;
423
+ style: PropType<CSSProperties>;
424
+ to: PropType<RouteLocationRaw>;
425
+ replace: PropType<boolean>;
426
+ activeClass: PropType<string>;
427
+ exactActiveClass: PropType<string>;
428
+ custom: PropType<boolean>;
429
+ ariaCurrentValue: {
430
+ type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false" | undefined>;
431
+ default: "page";
432
+ };
433
+ href: PropType<string>;
434
+ target: PropType<string>;
435
+ rel: PropType<string>;
436
+ name: PropType<string>;
437
+ charset: PropType<string>;
438
+ hreflang: PropType<string>;
439
+ download: PropType<string | boolean>;
440
+ media: PropType<string>;
441
+ ping: PropType<string>;
442
+ referrerpolicy: PropType<string>;
443
+ type: PropType<"submit" | "reset" | "button" | undefined>;
444
+ linkFallbackTag: PropType<string | (() => string | undefined)>;
445
+ onClick: PropType<(ev: MouseEvent) => any>;
446
+ variant: PropType<ColorVariant>;
447
+ theme: PropType<ThemeName>;
448
+ color: PropType<ScopeName>;
449
+ textColor: PropType<PaletteName>;
450
+ borderColor: PropType<PaletteName>;
451
+ };
452
+
347
453
  export declare function createControlFieldProviderProps(): {
348
454
  variant: {
349
455
  type: PropType<"flat" | "outlined" | "filled">;
@@ -1228,6 +1334,10 @@ export declare const iconProps: {
1228
1334
  };
1229
1335
  };
1230
1336
 
1337
+ export declare type ImgHTMLAttributesPropOptions = {
1338
+ [K in keyof ImgHTMLAttributes]-?: PropType<ImgHTMLAttributes[K]>;
1339
+ };
1340
+
1231
1341
  declare interface InputBoxSlots {
1232
1342
  default: void;
1233
1343
  startAdornment: void;
@@ -1306,6 +1416,8 @@ export declare type RawVButtonIcon = IconName | VButtonIcon;
1306
1416
 
1307
1417
  export declare type RawVButtonSpacer = boolean | VButtonSpacer;
1308
1418
 
1419
+ export declare type RawVChipIcon = IconName | VChipIcon;
1420
+
1309
1421
  export declare interface RawVuiPluginOptions extends RawVuiServiceOptions {
1310
1422
  stack?: VuiPluginStackOptions;
1311
1423
  }
@@ -2130,6 +2242,11 @@ declare type ScrollYDirection = 'top' | 'bottom';
2130
2242
  */
2131
2243
  declare type ScrollYSide = 'top' | 'bottom';
2132
2244
 
2245
+ export declare function splitAttrs(attrs: ImgHTMLAttributes): {
2246
+ el: HTMLAttributes;
2247
+ img: ImgHTMLAttributes;
2248
+ };
2249
+
2133
2250
  export declare type TextFieldInput = ExtractPropInput<ReturnType<typeof createTextFieldProps>>;
2134
2251
 
2135
2252
  declare type ToggleableIconHook = (gen: IconGenerator, ctx: boolean) => VNodeChild;
@@ -2176,6 +2293,92 @@ declare const ValidationErrorSymbol = "ValidationError";
2176
2293
 
2177
2294
  export declare const VApp: DefineComponent<{}, () => JSX.Element, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, EmitsOptions, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{}>>, {}>;
2178
2295
 
2296
+ export declare const VAvatar: DefineComponent<{
2297
+ size: {
2298
+ type: PropType<number | "sm" | "md" | "lg">;
2299
+ default: string;
2300
+ };
2301
+ tile: BooleanConstructor;
2302
+ rounded: BooleanConstructor;
2303
+ disabled: BooleanConstructor;
2304
+ src: StringConstructor;
2305
+ tag: PropType<string>;
2306
+ class: PropType<any>;
2307
+ style: PropType<CSSProperties>;
2308
+ to: PropType<RouteLocationRaw>;
2309
+ replace: PropType<boolean>;
2310
+ activeClass: PropType<string>;
2311
+ exactActiveClass: PropType<string>;
2312
+ custom: PropType<boolean>;
2313
+ ariaCurrentValue: {
2314
+ type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false" | undefined>;
2315
+ default: "page";
2316
+ };
2317
+ href: PropType<string>;
2318
+ target: PropType<string>;
2319
+ rel: PropType<string>;
2320
+ name: PropType<string>;
2321
+ charset: PropType<string>;
2322
+ hreflang: PropType<string>;
2323
+ download: PropType<string | boolean>;
2324
+ media: PropType<string>;
2325
+ ping: PropType<string>;
2326
+ referrerpolicy: PropType<string>;
2327
+ type: PropType<"submit" | "reset" | "button" | undefined>;
2328
+ linkFallbackTag: PropType<string | (() => string | undefined)>;
2329
+ onClick: PropType<(ev: MouseEvent) => any>;
2330
+ variant: PropType<ColorVariant>;
2331
+ theme: PropType<ThemeName>;
2332
+ color: PropType<ScopeName>;
2333
+ textColor: PropType<PaletteName>;
2334
+ borderColor: PropType<PaletteName>;
2335
+ }, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
2336
+ size: {
2337
+ type: PropType<number | "sm" | "md" | "lg">;
2338
+ default: string;
2339
+ };
2340
+ tile: BooleanConstructor;
2341
+ rounded: BooleanConstructor;
2342
+ disabled: BooleanConstructor;
2343
+ src: StringConstructor;
2344
+ tag: PropType<string>;
2345
+ class: PropType<any>;
2346
+ style: PropType<CSSProperties>;
2347
+ to: PropType<RouteLocationRaw>;
2348
+ replace: PropType<boolean>;
2349
+ activeClass: PropType<string>;
2350
+ exactActiveClass: PropType<string>;
2351
+ custom: PropType<boolean>;
2352
+ ariaCurrentValue: {
2353
+ type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false" | undefined>;
2354
+ default: "page";
2355
+ };
2356
+ href: PropType<string>;
2357
+ target: PropType<string>;
2358
+ rel: PropType<string>;
2359
+ name: PropType<string>;
2360
+ charset: PropType<string>;
2361
+ hreflang: PropType<string>;
2362
+ download: PropType<string | boolean>;
2363
+ media: PropType<string>;
2364
+ ping: PropType<string>;
2365
+ referrerpolicy: PropType<string>;
2366
+ type: PropType<"submit" | "reset" | "button" | undefined>;
2367
+ linkFallbackTag: PropType<string | (() => string | undefined)>;
2368
+ onClick: PropType<(ev: MouseEvent) => any>;
2369
+ variant: PropType<ColorVariant>;
2370
+ theme: PropType<ThemeName>;
2371
+ color: PropType<ScopeName>;
2372
+ textColor: PropType<PaletteName>;
2373
+ borderColor: PropType<PaletteName>;
2374
+ }>>, {
2375
+ size: number | "sm" | "md" | "lg";
2376
+ tile: boolean;
2377
+ rounded: boolean;
2378
+ disabled: boolean;
2379
+ ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false" | undefined;
2380
+ }>;
2381
+
2179
2382
  export declare const VBreadcrumbs: DefineComponent<{
2180
2383
  items: {
2181
2384
  type: PropType<BreadcrumbsItem[]>;
@@ -2192,6 +2395,390 @@ export declare const VBreadcrumbs: DefineComponent<{
2192
2395
  items: BreadcrumbsItem[];
2193
2396
  }>;
2194
2397
 
2398
+ /**
2399
+ * 画像表示用コンポーネント
2400
+ * <img /> タグのように振る舞うが、ローディング表示や、表示サイズの調整など、ちょっといい感じにやるためのコンポーネント
2401
+ */
2402
+ export declare const VBusyImage: DefineComponent<{
2403
+ 'v-slots': PropType<ResolveRawSlots_2<{
2404
+ default: void;
2405
+ }>>;
2406
+ aspectRatio: StringConstructor;
2407
+ width: PropType<BusyImageSizeValue>;
2408
+ height: PropType<BusyImageSizeValue>;
2409
+ cover: BooleanConstructor;
2410
+ alt: PropType<string | undefined>;
2411
+ crossorigin: PropType<"" | "anonymous" | "use-credentials" | undefined>;
2412
+ decoding: PropType<"async" | "auto" | "sync" | undefined>;
2413
+ sizes: PropType<string | undefined>;
2414
+ src: PropType<string | undefined>;
2415
+ srcset: PropType<string | undefined>;
2416
+ usemap: PropType<string | undefined>;
2417
+ innerHTML: PropType<string | undefined>;
2418
+ class: PropType<any>;
2419
+ style: PropType<StyleValue | undefined>;
2420
+ accesskey: PropType<string | undefined>;
2421
+ contenteditable: PropType<(boolean | "true" | "false") | "inherit" | undefined>;
2422
+ contextmenu: PropType<string | undefined>;
2423
+ dir: PropType<string | undefined>;
2424
+ draggable: PropType<(boolean | "true" | "false") | undefined>;
2425
+ hidden: PropType<(boolean | "true" | "false") | undefined>;
2426
+ id: PropType<string | undefined>;
2427
+ lang: PropType<string | undefined>;
2428
+ placeholder: PropType<string | undefined>;
2429
+ spellcheck: PropType<(boolean | "true" | "false") | undefined>;
2430
+ tabindex: PropType<(string | number) | undefined>;
2431
+ title: PropType<string | undefined>;
2432
+ translate: PropType<"yes" | "no" | undefined>;
2433
+ radiogroup: PropType<string | undefined>;
2434
+ role: PropType<string | undefined>;
2435
+ about: PropType<string | undefined>;
2436
+ datatype: PropType<string | undefined>;
2437
+ inlist: PropType<any>;
2438
+ prefix: PropType<string | undefined>;
2439
+ property: PropType<string | undefined>;
2440
+ resource: PropType<string | undefined>;
2441
+ typeof: PropType<string | undefined>;
2442
+ vocab: PropType<string | undefined>;
2443
+ autocapitalize: PropType<string | undefined>;
2444
+ autocorrect: PropType<string | undefined>;
2445
+ autocave: PropType<string | undefined>;
2446
+ color: PropType<string | undefined>;
2447
+ itemprop: PropType<string | undefined>;
2448
+ itemscope: PropType<(boolean | "true" | "false") | undefined>;
2449
+ itemtype: PropType<string | undefined>;
2450
+ itemid: PropType<string | undefined>;
2451
+ itemref: PropType<string | undefined>;
2452
+ results: PropType<(string | number) | undefined>;
2453
+ security: PropType<string | undefined>;
2454
+ unselectable: PropType<"on" | "off" | undefined>;
2455
+ inputmode: PropType<"none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined>;
2456
+ is: PropType<string | undefined>;
2457
+ 'aria-activedescendant': PropType<string | undefined>;
2458
+ 'aria-atomic': PropType<(boolean | "true" | "false") | undefined>;
2459
+ 'aria-autocomplete': PropType<"none" | "inline" | "list" | "both" | undefined>;
2460
+ 'aria-busy': PropType<(boolean | "true" | "false") | undefined>;
2461
+ 'aria-checked': PropType<(boolean | "true" | "false") | "mixed" | undefined>;
2462
+ 'aria-colcount': PropType<(string | number) | undefined>;
2463
+ 'aria-colindex': PropType<(string | number) | undefined>;
2464
+ 'aria-colspan': PropType<(string | number) | undefined>;
2465
+ 'aria-controls': PropType<string | undefined>;
2466
+ 'aria-current': PropType<(boolean | "true" | "false") | "page" | "step" | "location" | "date" | "time" | undefined>;
2467
+ 'aria-describedby': PropType<string | undefined>;
2468
+ 'aria-details': PropType<string | undefined>;
2469
+ 'aria-disabled': PropType<(boolean | "true" | "false") | undefined>;
2470
+ 'aria-dropeffect': PropType<"none" | "copy" | "execute" | "link" | "move" | "popup" | undefined>;
2471
+ 'aria-errormessage': PropType<string | undefined>;
2472
+ 'aria-expanded': PropType<(boolean | "true" | "false") | undefined>;
2473
+ 'aria-flowto': PropType<string | undefined>;
2474
+ 'aria-grabbed': PropType<(boolean | "true" | "false") | undefined>;
2475
+ 'aria-haspopup': PropType<(boolean | "true" | "false") | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined>;
2476
+ 'aria-hidden': PropType<(boolean | "true" | "false") | undefined>;
2477
+ 'aria-invalid': PropType<(boolean | "true" | "false") | "grammar" | "spelling" | undefined>;
2478
+ 'aria-keyshortcuts': PropType<string | undefined>;
2479
+ 'aria-label': PropType<string | undefined>;
2480
+ 'aria-labelledby': PropType<string | undefined>;
2481
+ 'aria-level': PropType<(string | number) | undefined>;
2482
+ 'aria-live': PropType<"off" | "assertive" | "polite" | undefined>;
2483
+ 'aria-modal': PropType<(boolean | "true" | "false") | undefined>;
2484
+ 'aria-multiline': PropType<(boolean | "true" | "false") | undefined>;
2485
+ 'aria-multiselectable': PropType<(boolean | "true" | "false") | undefined>;
2486
+ 'aria-orientation': PropType<"horizontal" | "vertical" | undefined>;
2487
+ 'aria-owns': PropType<string | undefined>;
2488
+ 'aria-placeholder': PropType<string | undefined>;
2489
+ 'aria-posinset': PropType<(string | number) | undefined>;
2490
+ 'aria-pressed': PropType<(boolean | "true" | "false") | "mixed" | undefined>;
2491
+ 'aria-readonly': PropType<(boolean | "true" | "false") | undefined>;
2492
+ 'aria-relevant': PropType<"text" | "additions" | "additions text" | "all" | "removals" | undefined>;
2493
+ 'aria-required': PropType<(boolean | "true" | "false") | undefined>;
2494
+ 'aria-roledescription': PropType<string | undefined>;
2495
+ 'aria-rowcount': PropType<(string | number) | undefined>;
2496
+ 'aria-rowindex': PropType<(string | number) | undefined>;
2497
+ 'aria-rowspan': PropType<(string | number) | undefined>;
2498
+ 'aria-selected': PropType<(boolean | "true" | "false") | undefined>;
2499
+ 'aria-setsize': PropType<(string | number) | undefined>;
2500
+ 'aria-sort': PropType<"none" | "ascending" | "descending" | "other" | undefined>;
2501
+ 'aria-valuemax': PropType<(string | number) | undefined>;
2502
+ 'aria-valuemin': PropType<(string | number) | undefined>;
2503
+ 'aria-valuenow': PropType<(string | number) | undefined>;
2504
+ 'aria-valuetext': PropType<string | undefined>;
2505
+ onCopy: PropType<((payload: ClipboardEvent) => void) | undefined>;
2506
+ onCut: PropType<((payload: ClipboardEvent) => void) | undefined>;
2507
+ onPaste: PropType<((payload: ClipboardEvent) => void) | undefined>;
2508
+ onCompositionend: PropType<((payload: CompositionEvent) => void) | undefined>;
2509
+ onCompositionstart: PropType<((payload: CompositionEvent) => void) | undefined>;
2510
+ onCompositionupdate: PropType<((payload: CompositionEvent) => void) | undefined>;
2511
+ onDrag: PropType<((payload: DragEvent) => void) | undefined>;
2512
+ onDragend: PropType<((payload: DragEvent) => void) | undefined>;
2513
+ onDragenter: PropType<((payload: DragEvent) => void) | undefined>;
2514
+ onDragexit: PropType<((payload: DragEvent) => void) | undefined>;
2515
+ onDragleave: PropType<((payload: DragEvent) => void) | undefined>;
2516
+ onDragover: PropType<((payload: DragEvent) => void) | undefined>;
2517
+ onDragstart: PropType<((payload: DragEvent) => void) | undefined>;
2518
+ onDrop: PropType<((payload: DragEvent) => void) | undefined>;
2519
+ onFocus: PropType<((payload: FocusEvent) => void) | undefined>;
2520
+ onFocusin: PropType<((payload: FocusEvent) => void) | undefined>;
2521
+ onFocusout: PropType<((payload: FocusEvent) => void) | undefined>;
2522
+ onBlur: PropType<((payload: FocusEvent) => void) | undefined>;
2523
+ onChange: PropType<((payload: Event) => void) | undefined>;
2524
+ onBeforeinput: PropType<((payload: Event) => void) | undefined>;
2525
+ onInput: PropType<((payload: Event) => void) | undefined>;
2526
+ onReset: PropType<((payload: Event) => void) | undefined>;
2527
+ onSubmit: PropType<((payload: Event) => void) | undefined>;
2528
+ onInvalid: PropType<((payload: Event) => void) | undefined>;
2529
+ onLoad: PropType<((payload: Event) => void) | undefined>;
2530
+ onError: PropType<((payload: Event) => void) | undefined>;
2531
+ onKeydown: PropType<((payload: KeyboardEvent) => void) | undefined>;
2532
+ onKeypress: PropType<((payload: KeyboardEvent) => void) | undefined>;
2533
+ onKeyup: PropType<((payload: KeyboardEvent) => void) | undefined>;
2534
+ onAuxclick: PropType<((payload: MouseEvent) => void) | undefined>;
2535
+ onClick: PropType<((payload: MouseEvent) => void) | undefined>;
2536
+ onContextmenu: PropType<((payload: MouseEvent) => void) | undefined>;
2537
+ onDblclick: PropType<((payload: MouseEvent) => void) | undefined>;
2538
+ onMousedown: PropType<((payload: MouseEvent) => void) | undefined>;
2539
+ onMouseenter: PropType<((payload: MouseEvent) => void) | undefined>;
2540
+ onMouseleave: PropType<((payload: MouseEvent) => void) | undefined>;
2541
+ onMousemove: PropType<((payload: MouseEvent) => void) | undefined>;
2542
+ onMouseout: PropType<((payload: MouseEvent) => void) | undefined>;
2543
+ onMouseover: PropType<((payload: MouseEvent) => void) | undefined>;
2544
+ onMouseup: PropType<((payload: MouseEvent) => void) | undefined>;
2545
+ onAbort: PropType<((payload: Event) => void) | undefined>;
2546
+ onCanplay: PropType<((payload: Event) => void) | undefined>;
2547
+ onCanplaythrough: PropType<((payload: Event) => void) | undefined>;
2548
+ onDurationchange: PropType<((payload: Event) => void) | undefined>;
2549
+ onEmptied: PropType<((payload: Event) => void) | undefined>;
2550
+ onEncrypted: PropType<((payload: Event) => void) | undefined>;
2551
+ onEnded: PropType<((payload: Event) => void) | undefined>;
2552
+ onLoadeddata: PropType<((payload: Event) => void) | undefined>;
2553
+ onLoadedmetadata: PropType<((payload: Event) => void) | undefined>;
2554
+ onLoadstart: PropType<((payload: Event) => void) | undefined>;
2555
+ onPause: PropType<((payload: Event) => void) | undefined>;
2556
+ onPlay: PropType<((payload: Event) => void) | undefined>;
2557
+ onPlaying: PropType<((payload: Event) => void) | undefined>;
2558
+ onProgress: PropType<((payload: Event) => void) | undefined>;
2559
+ onRatechange: PropType<((payload: Event) => void) | undefined>;
2560
+ onSeeked: PropType<((payload: Event) => void) | undefined>;
2561
+ onSeeking: PropType<((payload: Event) => void) | undefined>;
2562
+ onStalled: PropType<((payload: Event) => void) | undefined>;
2563
+ onSuspend: PropType<((payload: Event) => void) | undefined>;
2564
+ onTimeupdate: PropType<((payload: Event) => void) | undefined>;
2565
+ onVolumechange: PropType<((payload: Event) => void) | undefined>;
2566
+ onWaiting: PropType<((payload: Event) => void) | undefined>;
2567
+ onSelect: PropType<((payload: Event) => void) | undefined>;
2568
+ onScroll: PropType<((payload: UIEvent) => void) | undefined>;
2569
+ onTouchcancel: PropType<((payload: TouchEvent) => void) | undefined>;
2570
+ onTouchend: PropType<((payload: TouchEvent) => void) | undefined>;
2571
+ onTouchmove: PropType<((payload: TouchEvent) => void) | undefined>;
2572
+ onTouchstart: PropType<((payload: TouchEvent) => void) | undefined>;
2573
+ onPointerdown: PropType<((payload: PointerEvent) => void) | undefined>;
2574
+ onPointermove: PropType<((payload: PointerEvent) => void) | undefined>;
2575
+ onPointerup: PropType<((payload: PointerEvent) => void) | undefined>;
2576
+ onPointercancel: PropType<((payload: PointerEvent) => void) | undefined>;
2577
+ onPointerenter: PropType<((payload: PointerEvent) => void) | undefined>;
2578
+ onPointerleave: PropType<((payload: PointerEvent) => void) | undefined>;
2579
+ onPointerover: PropType<((payload: PointerEvent) => void) | undefined>;
2580
+ onPointerout: PropType<((payload: PointerEvent) => void) | undefined>;
2581
+ onWheel: PropType<((payload: WheelEvent) => void) | undefined>;
2582
+ onAnimationstart: PropType<((payload: AnimationEvent) => void) | undefined>;
2583
+ onAnimationend: PropType<((payload: AnimationEvent) => void) | undefined>;
2584
+ onAnimationiteration: PropType<((payload: AnimationEvent) => void) | undefined>;
2585
+ onTransitionend: PropType<((payload: TransitionEvent) => void) | undefined>;
2586
+ onTransitionstart: PropType<((payload: TransitionEvent) => void) | undefined>;
2587
+ }, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
2588
+ load: (ev: Event) => true;
2589
+ error: (ev: Event) => true;
2590
+ }, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
2591
+ 'v-slots': PropType<ResolveRawSlots_2<{
2592
+ default: void;
2593
+ }>>;
2594
+ aspectRatio: StringConstructor;
2595
+ width: PropType<BusyImageSizeValue>;
2596
+ height: PropType<BusyImageSizeValue>;
2597
+ cover: BooleanConstructor;
2598
+ alt: PropType<string | undefined>;
2599
+ crossorigin: PropType<"" | "anonymous" | "use-credentials" | undefined>;
2600
+ decoding: PropType<"async" | "auto" | "sync" | undefined>;
2601
+ sizes: PropType<string | undefined>;
2602
+ src: PropType<string | undefined>;
2603
+ srcset: PropType<string | undefined>;
2604
+ usemap: PropType<string | undefined>;
2605
+ innerHTML: PropType<string | undefined>;
2606
+ class: PropType<any>;
2607
+ style: PropType<StyleValue | undefined>;
2608
+ accesskey: PropType<string | undefined>;
2609
+ contenteditable: PropType<(boolean | "true" | "false") | "inherit" | undefined>;
2610
+ contextmenu: PropType<string | undefined>;
2611
+ dir: PropType<string | undefined>;
2612
+ draggable: PropType<(boolean | "true" | "false") | undefined>;
2613
+ hidden: PropType<(boolean | "true" | "false") | undefined>;
2614
+ id: PropType<string | undefined>;
2615
+ lang: PropType<string | undefined>;
2616
+ placeholder: PropType<string | undefined>;
2617
+ spellcheck: PropType<(boolean | "true" | "false") | undefined>;
2618
+ tabindex: PropType<(string | number) | undefined>;
2619
+ title: PropType<string | undefined>;
2620
+ translate: PropType<"yes" | "no" | undefined>;
2621
+ radiogroup: PropType<string | undefined>;
2622
+ role: PropType<string | undefined>;
2623
+ about: PropType<string | undefined>;
2624
+ datatype: PropType<string | undefined>;
2625
+ inlist: PropType<any>;
2626
+ prefix: PropType<string | undefined>;
2627
+ property: PropType<string | undefined>;
2628
+ resource: PropType<string | undefined>;
2629
+ typeof: PropType<string | undefined>;
2630
+ vocab: PropType<string | undefined>;
2631
+ autocapitalize: PropType<string | undefined>;
2632
+ autocorrect: PropType<string | undefined>;
2633
+ autocave: PropType<string | undefined>;
2634
+ color: PropType<string | undefined>;
2635
+ itemprop: PropType<string | undefined>;
2636
+ itemscope: PropType<(boolean | "true" | "false") | undefined>;
2637
+ itemtype: PropType<string | undefined>;
2638
+ itemid: PropType<string | undefined>;
2639
+ itemref: PropType<string | undefined>;
2640
+ results: PropType<(string | number) | undefined>;
2641
+ security: PropType<string | undefined>;
2642
+ unselectable: PropType<"on" | "off" | undefined>;
2643
+ inputmode: PropType<"none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined>;
2644
+ is: PropType<string | undefined>;
2645
+ 'aria-activedescendant': PropType<string | undefined>;
2646
+ 'aria-atomic': PropType<(boolean | "true" | "false") | undefined>;
2647
+ 'aria-autocomplete': PropType<"none" | "inline" | "list" | "both" | undefined>;
2648
+ 'aria-busy': PropType<(boolean | "true" | "false") | undefined>;
2649
+ 'aria-checked': PropType<(boolean | "true" | "false") | "mixed" | undefined>;
2650
+ 'aria-colcount': PropType<(string | number) | undefined>;
2651
+ 'aria-colindex': PropType<(string | number) | undefined>;
2652
+ 'aria-colspan': PropType<(string | number) | undefined>;
2653
+ 'aria-controls': PropType<string | undefined>;
2654
+ 'aria-current': PropType<(boolean | "true" | "false") | "page" | "step" | "location" | "date" | "time" | undefined>;
2655
+ 'aria-describedby': PropType<string | undefined>;
2656
+ 'aria-details': PropType<string | undefined>;
2657
+ 'aria-disabled': PropType<(boolean | "true" | "false") | undefined>;
2658
+ 'aria-dropeffect': PropType<"none" | "copy" | "execute" | "link" | "move" | "popup" | undefined>;
2659
+ 'aria-errormessage': PropType<string | undefined>;
2660
+ 'aria-expanded': PropType<(boolean | "true" | "false") | undefined>;
2661
+ 'aria-flowto': PropType<string | undefined>;
2662
+ 'aria-grabbed': PropType<(boolean | "true" | "false") | undefined>;
2663
+ 'aria-haspopup': PropType<(boolean | "true" | "false") | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined>;
2664
+ 'aria-hidden': PropType<(boolean | "true" | "false") | undefined>;
2665
+ 'aria-invalid': PropType<(boolean | "true" | "false") | "grammar" | "spelling" | undefined>;
2666
+ 'aria-keyshortcuts': PropType<string | undefined>;
2667
+ 'aria-label': PropType<string | undefined>;
2668
+ 'aria-labelledby': PropType<string | undefined>;
2669
+ 'aria-level': PropType<(string | number) | undefined>;
2670
+ 'aria-live': PropType<"off" | "assertive" | "polite" | undefined>;
2671
+ 'aria-modal': PropType<(boolean | "true" | "false") | undefined>;
2672
+ 'aria-multiline': PropType<(boolean | "true" | "false") | undefined>;
2673
+ 'aria-multiselectable': PropType<(boolean | "true" | "false") | undefined>;
2674
+ 'aria-orientation': PropType<"horizontal" | "vertical" | undefined>;
2675
+ 'aria-owns': PropType<string | undefined>;
2676
+ 'aria-placeholder': PropType<string | undefined>;
2677
+ 'aria-posinset': PropType<(string | number) | undefined>;
2678
+ 'aria-pressed': PropType<(boolean | "true" | "false") | "mixed" | undefined>;
2679
+ 'aria-readonly': PropType<(boolean | "true" | "false") | undefined>;
2680
+ 'aria-relevant': PropType<"text" | "additions" | "additions text" | "all" | "removals" | undefined>;
2681
+ 'aria-required': PropType<(boolean | "true" | "false") | undefined>;
2682
+ 'aria-roledescription': PropType<string | undefined>;
2683
+ 'aria-rowcount': PropType<(string | number) | undefined>;
2684
+ 'aria-rowindex': PropType<(string | number) | undefined>;
2685
+ 'aria-rowspan': PropType<(string | number) | undefined>;
2686
+ 'aria-selected': PropType<(boolean | "true" | "false") | undefined>;
2687
+ 'aria-setsize': PropType<(string | number) | undefined>;
2688
+ 'aria-sort': PropType<"none" | "ascending" | "descending" | "other" | undefined>;
2689
+ 'aria-valuemax': PropType<(string | number) | undefined>;
2690
+ 'aria-valuemin': PropType<(string | number) | undefined>;
2691
+ 'aria-valuenow': PropType<(string | number) | undefined>;
2692
+ 'aria-valuetext': PropType<string | undefined>;
2693
+ onCopy: PropType<((payload: ClipboardEvent) => void) | undefined>;
2694
+ onCut: PropType<((payload: ClipboardEvent) => void) | undefined>;
2695
+ onPaste: PropType<((payload: ClipboardEvent) => void) | undefined>;
2696
+ onCompositionend: PropType<((payload: CompositionEvent) => void) | undefined>;
2697
+ onCompositionstart: PropType<((payload: CompositionEvent) => void) | undefined>;
2698
+ onCompositionupdate: PropType<((payload: CompositionEvent) => void) | undefined>;
2699
+ onDrag: PropType<((payload: DragEvent) => void) | undefined>;
2700
+ onDragend: PropType<((payload: DragEvent) => void) | undefined>;
2701
+ onDragenter: PropType<((payload: DragEvent) => void) | undefined>;
2702
+ onDragexit: PropType<((payload: DragEvent) => void) | undefined>;
2703
+ onDragleave: PropType<((payload: DragEvent) => void) | undefined>;
2704
+ onDragover: PropType<((payload: DragEvent) => void) | undefined>;
2705
+ onDragstart: PropType<((payload: DragEvent) => void) | undefined>;
2706
+ onDrop: PropType<((payload: DragEvent) => void) | undefined>;
2707
+ onFocus: PropType<((payload: FocusEvent) => void) | undefined>;
2708
+ onFocusin: PropType<((payload: FocusEvent) => void) | undefined>;
2709
+ onFocusout: PropType<((payload: FocusEvent) => void) | undefined>;
2710
+ onBlur: PropType<((payload: FocusEvent) => void) | undefined>;
2711
+ onChange: PropType<((payload: Event) => void) | undefined>;
2712
+ onBeforeinput: PropType<((payload: Event) => void) | undefined>;
2713
+ onInput: PropType<((payload: Event) => void) | undefined>;
2714
+ onReset: PropType<((payload: Event) => void) | undefined>;
2715
+ onSubmit: PropType<((payload: Event) => void) | undefined>;
2716
+ onInvalid: PropType<((payload: Event) => void) | undefined>;
2717
+ onLoad: PropType<((payload: Event) => void) | undefined>;
2718
+ onError: PropType<((payload: Event) => void) | undefined>;
2719
+ onKeydown: PropType<((payload: KeyboardEvent) => void) | undefined>;
2720
+ onKeypress: PropType<((payload: KeyboardEvent) => void) | undefined>;
2721
+ onKeyup: PropType<((payload: KeyboardEvent) => void) | undefined>;
2722
+ onAuxclick: PropType<((payload: MouseEvent) => void) | undefined>;
2723
+ onClick: PropType<((payload: MouseEvent) => void) | undefined>;
2724
+ onContextmenu: PropType<((payload: MouseEvent) => void) | undefined>;
2725
+ onDblclick: PropType<((payload: MouseEvent) => void) | undefined>;
2726
+ onMousedown: PropType<((payload: MouseEvent) => void) | undefined>;
2727
+ onMouseenter: PropType<((payload: MouseEvent) => void) | undefined>;
2728
+ onMouseleave: PropType<((payload: MouseEvent) => void) | undefined>;
2729
+ onMousemove: PropType<((payload: MouseEvent) => void) | undefined>;
2730
+ onMouseout: PropType<((payload: MouseEvent) => void) | undefined>;
2731
+ onMouseover: PropType<((payload: MouseEvent) => void) | undefined>;
2732
+ onMouseup: PropType<((payload: MouseEvent) => void) | undefined>;
2733
+ onAbort: PropType<((payload: Event) => void) | undefined>;
2734
+ onCanplay: PropType<((payload: Event) => void) | undefined>;
2735
+ onCanplaythrough: PropType<((payload: Event) => void) | undefined>;
2736
+ onDurationchange: PropType<((payload: Event) => void) | undefined>;
2737
+ onEmptied: PropType<((payload: Event) => void) | undefined>;
2738
+ onEncrypted: PropType<((payload: Event) => void) | undefined>;
2739
+ onEnded: PropType<((payload: Event) => void) | undefined>;
2740
+ onLoadeddata: PropType<((payload: Event) => void) | undefined>;
2741
+ onLoadedmetadata: PropType<((payload: Event) => void) | undefined>;
2742
+ onLoadstart: PropType<((payload: Event) => void) | undefined>;
2743
+ onPause: PropType<((payload: Event) => void) | undefined>;
2744
+ onPlay: PropType<((payload: Event) => void) | undefined>;
2745
+ onPlaying: PropType<((payload: Event) => void) | undefined>;
2746
+ onProgress: PropType<((payload: Event) => void) | undefined>;
2747
+ onRatechange: PropType<((payload: Event) => void) | undefined>;
2748
+ onSeeked: PropType<((payload: Event) => void) | undefined>;
2749
+ onSeeking: PropType<((payload: Event) => void) | undefined>;
2750
+ onStalled: PropType<((payload: Event) => void) | undefined>;
2751
+ onSuspend: PropType<((payload: Event) => void) | undefined>;
2752
+ onTimeupdate: PropType<((payload: Event) => void) | undefined>;
2753
+ onVolumechange: PropType<((payload: Event) => void) | undefined>;
2754
+ onWaiting: PropType<((payload: Event) => void) | undefined>;
2755
+ onSelect: PropType<((payload: Event) => void) | undefined>;
2756
+ onScroll: PropType<((payload: UIEvent) => void) | undefined>;
2757
+ onTouchcancel: PropType<((payload: TouchEvent) => void) | undefined>;
2758
+ onTouchend: PropType<((payload: TouchEvent) => void) | undefined>;
2759
+ onTouchmove: PropType<((payload: TouchEvent) => void) | undefined>;
2760
+ onTouchstart: PropType<((payload: TouchEvent) => void) | undefined>;
2761
+ onPointerdown: PropType<((payload: PointerEvent) => void) | undefined>;
2762
+ onPointermove: PropType<((payload: PointerEvent) => void) | undefined>;
2763
+ onPointerup: PropType<((payload: PointerEvent) => void) | undefined>;
2764
+ onPointercancel: PropType<((payload: PointerEvent) => void) | undefined>;
2765
+ onPointerenter: PropType<((payload: PointerEvent) => void) | undefined>;
2766
+ onPointerleave: PropType<((payload: PointerEvent) => void) | undefined>;
2767
+ onPointerover: PropType<((payload: PointerEvent) => void) | undefined>;
2768
+ onPointerout: PropType<((payload: PointerEvent) => void) | undefined>;
2769
+ onWheel: PropType<((payload: WheelEvent) => void) | undefined>;
2770
+ onAnimationstart: PropType<((payload: AnimationEvent) => void) | undefined>;
2771
+ onAnimationend: PropType<((payload: AnimationEvent) => void) | undefined>;
2772
+ onAnimationiteration: PropType<((payload: AnimationEvent) => void) | undefined>;
2773
+ onTransitionend: PropType<((payload: TransitionEvent) => void) | undefined>;
2774
+ onTransitionstart: PropType<((payload: TransitionEvent) => void) | undefined>;
2775
+ }>> & {
2776
+ onLoad?: ((ev: Event) => any) | undefined;
2777
+ onError?: ((ev: Event) => any) | undefined;
2778
+ }, {
2779
+ cover: boolean;
2780
+ }>;
2781
+
2195
2782
  export declare const VButton: DefineComponent<{
2196
2783
  size: {
2197
2784
  type: PropType<"sm" | "md" | "lg">;
@@ -3418,6 +4005,93 @@ export declare const VCheckboxGroup: DefineComponent<{
3418
4005
  stacked: boolean;
3419
4006
  }>;
3420
4007
 
4008
+ export declare const VChip: DefineComponent<{
4009
+ size: {
4010
+ type: PropType<"xs" | "sm" | "md" | "lg" | "xl">;
4011
+ default: string;
4012
+ };
4013
+ startIcon: PropType<RawVChipIcon>;
4014
+ endIcon: PropType<RawVChipIcon>;
4015
+ label: BooleanConstructor;
4016
+ disabled: BooleanConstructor;
4017
+ tag: PropType<string>;
4018
+ class: PropType<any>;
4019
+ style: PropType<CSSProperties>;
4020
+ to: PropType<RouteLocationRaw>;
4021
+ replace: PropType<boolean>;
4022
+ activeClass: PropType<string>;
4023
+ exactActiveClass: PropType<string>;
4024
+ custom: PropType<boolean>;
4025
+ ariaCurrentValue: {
4026
+ type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false" | undefined>;
4027
+ default: "page";
4028
+ };
4029
+ href: PropType<string>;
4030
+ target: PropType<string>;
4031
+ rel: PropType<string>;
4032
+ name: PropType<string>;
4033
+ charset: PropType<string>;
4034
+ hreflang: PropType<string>;
4035
+ download: PropType<string | boolean>;
4036
+ media: PropType<string>;
4037
+ ping: PropType<string>;
4038
+ referrerpolicy: PropType<string>;
4039
+ type: PropType<"submit" | "reset" | "button" | undefined>;
4040
+ linkFallbackTag: PropType<string | (() => string | undefined)>;
4041
+ onClick: PropType<(ev: MouseEvent) => any>;
4042
+ variant: PropType<ColorVariant>;
4043
+ theme: PropType<ThemeName>;
4044
+ color: PropType<ScopeName>;
4045
+ textColor: PropType<PaletteName>;
4046
+ borderColor: PropType<PaletteName>;
4047
+ }, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
4048
+ size: {
4049
+ type: PropType<"xs" | "sm" | "md" | "lg" | "xl">;
4050
+ default: string;
4051
+ };
4052
+ startIcon: PropType<RawVChipIcon>;
4053
+ endIcon: PropType<RawVChipIcon>;
4054
+ label: BooleanConstructor;
4055
+ disabled: BooleanConstructor;
4056
+ tag: PropType<string>;
4057
+ class: PropType<any>;
4058
+ style: PropType<CSSProperties>;
4059
+ to: PropType<RouteLocationRaw>;
4060
+ replace: PropType<boolean>;
4061
+ activeClass: PropType<string>;
4062
+ exactActiveClass: PropType<string>;
4063
+ custom: PropType<boolean>;
4064
+ ariaCurrentValue: {
4065
+ type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false" | undefined>;
4066
+ default: "page";
4067
+ };
4068
+ href: PropType<string>;
4069
+ target: PropType<string>;
4070
+ rel: PropType<string>;
4071
+ name: PropType<string>;
4072
+ charset: PropType<string>;
4073
+ hreflang: PropType<string>;
4074
+ download: PropType<string | boolean>;
4075
+ media: PropType<string>;
4076
+ ping: PropType<string>;
4077
+ referrerpolicy: PropType<string>;
4078
+ type: PropType<"submit" | "reset" | "button" | undefined>;
4079
+ linkFallbackTag: PropType<string | (() => string | undefined)>;
4080
+ onClick: PropType<(ev: MouseEvent) => any>;
4081
+ variant: PropType<ColorVariant>;
4082
+ theme: PropType<ThemeName>;
4083
+ color: PropType<ScopeName>;
4084
+ textColor: PropType<PaletteName>;
4085
+ borderColor: PropType<PaletteName>;
4086
+ }>>, {
4087
+ size: "xs" | "sm" | "md" | "lg" | "xl";
4088
+ label: boolean;
4089
+ disabled: boolean;
4090
+ ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false" | undefined;
4091
+ }>;
4092
+
4093
+ export declare type VChipIcon = () => VNodeChild;
4094
+
3421
4095
  export declare const VContentSwitcher: DefineComponent<{
3422
4096
  modelValue: StringConstructor;
3423
4097
  order: {
@@ -6775,6 +7449,20 @@ export declare const VSelect: DefineComponent<{
6775
7449
  errors: FormNodeError[];
6776
7450
  }>;
6777
7451
 
7452
+ export declare const VSkeltonLoaderBone: DefineComponent<{
7453
+ tag: {
7454
+ type: StringConstructor;
7455
+ default: string;
7456
+ };
7457
+ }, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
7458
+ tag: {
7459
+ type: StringConstructor;
7460
+ default: string;
7461
+ };
7462
+ }>>, {
7463
+ tag: string;
7464
+ }>;
7465
+
6778
7466
  export { VSnackbar }
6779
7467
 
6780
7468
  export declare const VSwitch: DefineComponent<{