@fastkit/vui 1.2.0 → 1.3.0

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 (12) hide show
  1. package/dist/vui.css +37 -0
  2. package/dist/vui.d.ts +321 -2
  3. package/dist/vui.mjs +455 -334
  4. package/dist/vui.mjs.map +1 -1
  5. package/package.json +12 -12
  6. package/src/components/VControlField/VControlField.scss +1 -0
  7. package/src/components/VFileInput/VFileInput.scss +42 -0
  8. package/src/components/VFileInput/VFileInput.tsx +178 -0
  9. package/src/components/VFileInput/index.ts +1 -0
  10. package/src/components/index.ts +1 -0
  11. package/src/injections.ts +1 -0
  12. package/src/service.tsx +1 -0
package/dist/vui.mjs CHANGED
@@ -20,7 +20,7 @@ import { VAppContainer, VueAppLayout, VAppLayout, installVueAppLayout } from '@f
20
20
  export * from '@fastkit/vue-app-layout';
21
21
  import { colorSchemeProps, useColorClasses, useScopeColorClass, toScopeColorClass, useInjectTheme, VueColorSchemePlugin } from '@fastkit/vue-color-scheme';
22
22
  export * from '@fastkit/vue-color-scheme';
23
- import { createFormNodeWrapperSettings, useFormNodeWrapper, useParentFormNode, createFormSelectorItemSettings, useFormSelectorItemControl, createFormSelectorItemGroupProps, useFormSelectorItemGroupControl, createFormSelectorSettings, createFormNodeWrapperProps, useFormSelectorControl, createTextInputNodeSettings, useTextInputNodeControl, createTextareaNodeSettings, useTextareaNodeControl, createFormGroupSettings, useFormGroup, createFormSettings, useForm, installVueFormPlugin } from '@fastkit/vue-form-control';
23
+ import { createFormNodeWrapperSettings, useFormNodeWrapper, useParentFormNode, createFormSelectorItemSettings, useFormSelectorItemControl, createFormSelectorItemGroupProps, useFormSelectorItemGroupControl, createFormSelectorSettings, createFormNodeWrapperProps, useFormSelectorControl, createTextInputNodeSettings, useTextInputNodeControl, createTextareaNodeSettings, useTextareaNodeControl, createFileInputNodeSettings, useFileInputNodeControl, createFormGroupSettings, useFormGroup, createFormSettings, useForm, installVueFormPlugin } from '@fastkit/vue-form-control';
24
24
  export * from '@fastkit/vue-form-control';
25
25
  import { VScroller, getDocumentScroller } from '@fastkit/vue-scroller';
26
26
  export * from '@fastkit/vue-scroller';
@@ -90,6 +90,7 @@ __export(src_exports, {
90
90
  VDialog: () => VDialog,
91
91
  VDisabledReason: () => VDisabledReason,
92
92
  VDrawerLayout: () => VDrawerLayout,
93
+ VFileInput: () => VFileInput,
93
94
  VForm: () => VForm,
94
95
  VFormControl: () => VFormControl,
95
96
  VFormGroup: () => VFormGroup,
@@ -126,6 +127,7 @@ __export(src_exports, {
126
127
  VTooltip: () => VTooltip,
127
128
  VUI_CHECKBOX_GROUP_SYMBOL: () => VUI_CHECKBOX_GROUP_SYMBOL,
128
129
  VUI_CHECKBOX_SYMBOL: () => VUI_CHECKBOX_SYMBOL,
130
+ VUI_FILE_INPUT_SYMBOL: () => VUI_FILE_INPUT_SYMBOL,
129
131
  VUI_FORM_GROUP_SYMBOL: () => VUI_FORM_GROUP_SYMBOL,
130
132
  VUI_FORM_SYMBOL: () => VUI_FORM_SYMBOL,
131
133
  VUI_OPTION_SYMBOL: () => VUI_OPTION_SYMBOL,
@@ -206,6 +208,7 @@ var VUI_RADIO_GROUP_SYMBOL = "vui-radio-group";
206
208
  var VUI_RADIO_SYMBOL = "vui-radio";
207
209
  var VUI_SWITCH_GROUP_SYMBOL = "vui-switch-group";
208
210
  var VUI_SWITCH_SYMBOL = "vui-switch";
211
+ var VUI_FILE_INPUT_SYMBOL = "vui-file-input";
209
212
  var VUI_FORM_GROUP_SYMBOL = "vui-form-group";
210
213
  var VUI_FORM_SYMBOL = "vui-form";
211
214
  function useVui() {
@@ -248,11 +251,11 @@ function createControlProps() {
248
251
  loading: Boolean
249
252
  });
250
253
  }
251
- function useControl(props12, opts = {}) {
254
+ function useControl(props13, opts = {}) {
252
255
  const { defaultSize = "md" } = opts;
253
256
  const parentControl = inject(VuiControlInjectionKey, null);
254
257
  const size = computed(() => {
255
- const propSize = props12.size;
258
+ const propSize = props13.size;
256
259
  return propSize || (parentControl ? parentControl.size.value : defaultSize);
257
260
  });
258
261
  const classes = computed(() => ["v-control", `v-control--${size.value}`]);
@@ -275,11 +278,11 @@ function createControlFieldProviderProps() {
275
278
  }
276
279
  });
277
280
  }
278
- function useControlField(props12, opts = {}) {
281
+ function useControlField(props13, opts = {}) {
279
282
  const { defaultVariant = "flat" } = opts;
280
283
  const parentControlField = inject(VuiControlFieldInjectionKey, null);
281
284
  const variant = computed(() => {
282
- const propVariant = props12.variant;
285
+ const propVariant = props13.variant;
283
286
  return propVariant || (parentControlField ? parentControlField.variant.value : defaultVariant);
284
287
  });
285
288
  const provider = {
@@ -314,8 +317,8 @@ var VIcon = defineComponent({
314
317
  ...iconProps
315
318
  },
316
319
  emits: {},
317
- setup(props12, ctx) {
318
- const iconName = computed(() => props12.name);
320
+ setup(props13, ctx) {
321
+ const iconName = computed(() => props13.name);
319
322
  const clickable = computed(() => typeof ctx.attrs.onClick !== "undefined");
320
323
  const classes = computed(() => [{
321
324
  "v-icon--clickable": clickable.value
@@ -326,7 +329,7 @@ var VIcon = defineComponent({
326
329
  };
327
330
  const {
328
331
  rotate
329
- } = props12;
332
+ } = props13;
330
333
  if (rotate) {
331
334
  attrs.style = {
332
335
  transform: `rotate(${rotate}deg)`
@@ -398,13 +401,13 @@ var {
398
401
  props,
399
402
  emits
400
403
  } = createFormNodeWrapperSettings();
401
- function createRequiredChipRenderer(required, props12, vui = useVui()) {
404
+ function createRequiredChipRenderer(required, props13, vui = useVui()) {
402
405
  return () => {
403
406
  if (!required()) return;
404
407
  let chip;
405
408
  const {
406
409
  requiredChip
407
- } = props12;
410
+ } = props13;
408
411
  if (requiredChip === false) return;
409
412
  if (requiredChip) {
410
413
  if (typeof requiredChip === "string") {
@@ -429,9 +432,9 @@ var VFormControl = defineComponent({
429
432
  },
430
433
  emits,
431
434
  slots,
432
- setup(props12, ctx) {
435
+ setup(props13, ctx) {
433
436
  const vui = useVui();
434
- const control = useFormNodeWrapper(props12, ctx, {
437
+ const control = useFormNodeWrapper(props13, ctx, {
435
438
  hinttipPrepend: () => createVNode(VIcon, {
436
439
  "class": "v-form-control__label__hinttip__icon",
437
440
  "name": vui.icon("hinttip")
@@ -465,8 +468,8 @@ var VFormControl = defineComponent({
465
468
  "v-form-control--untouched": control.untouched,
466
469
  "v-form-control--invalid": control.invalid,
467
470
  "v-form-control--valid": control.valid
468
- }, colorProvider.className(props12.error ? "error" : control.invalid && !control.isReadonly ? "error" : "primary")]);
469
- const getRequiredChip = createRequiredChipRenderer(() => control.isRequired, props12, vui);
471
+ }, colorProvider.className(props13.error ? "error" : control.invalid && !control.isReadonly ? "error" : "primary")]);
472
+ const getRequiredChip = createRequiredChipRenderer(() => control.isRequired, props13, vui);
470
473
  const handleClick = (ev) => ctx.emit("clickLabel", ev, control);
471
474
  return () => {
472
475
  const label = control.renderLabel();
@@ -495,7 +498,7 @@ var VFormControl = defineComponent({
495
498
  })
496
499
  })]), createVNode("div", {
497
500
  "class": "v-form-control__body"
498
- }, [ctx.slots.default?.(control), !props12.hiddenInfo && createVNode("div", {
501
+ }, [ctx.slots.default?.(control), !props13.hiddenInfo && createVNode("div", {
499
502
  "class": "v-form-control__info"
500
503
  }, [!!message && createVNode("div", {
501
504
  "class": "v-form-control__message"
@@ -520,15 +523,15 @@ function defineFormSelectorComponent(opts) {
520
523
  className
521
524
  } = opts;
522
525
  const {
523
- props: props12,
524
- emits: emits12
526
+ props: props13,
527
+ emits: emits13
525
528
  } = createFormSelectorSettings({
526
529
  defaultMultiple
527
530
  });
528
531
  return defineComponent({
529
532
  name: opts.name,
530
533
  props: {
531
- ...props12,
534
+ ...props13,
532
535
  ...createFormNodeWrapperProps(),
533
536
  ...createControlProps(),
534
537
  stacked: {
@@ -541,25 +544,25 @@ function defineFormSelectorComponent(opts) {
541
544
  failedToLoadItemsMessage: {},
542
545
  ...slots2()
543
546
  },
544
- emits: emits12,
547
+ emits: emits13,
545
548
  slots: slots2,
546
- setup(props13, ctx) {
547
- const selectorControl = useFormSelectorControl(props13, ctx, {
549
+ setup(props14, ctx) {
550
+ const selectorControl = useFormSelectorControl(props14, ctx, {
548
551
  nodeType,
549
552
  defaultMultiple
550
553
  });
551
- const control = useControl(props13);
554
+ const control = useControl(props14);
552
555
  const classes = computed(() => ["v-form-selector", className, {
553
556
  ...control.classes.value,
554
- "v-form-selector--stacked": props13.stacked
557
+ "v-form-selector--stacked": props14.stacked
555
558
  }]);
556
559
  const vui = useVui();
557
560
  const loadingMessageRef = computed(() => {
558
- const slot = resolveVNodeChildOrSlots(props13.loadingMessage, vui.setting("loadingMessage"), "Loading...");
561
+ const slot = resolveVNodeChildOrSlots(props14.loadingMessage, vui.setting("loadingMessage"), "Loading...");
559
562
  return slot && slot(vui);
560
563
  });
561
564
  const failedToLoadItemsMessageRef = computed(() => {
562
- const slot = resolveVNodeChildOrSlots(props13.failedToLoadItemsMessage, vui.setting("failedToLoadDataMessage"), "Failed to load data.");
565
+ const slot = resolveVNodeChildOrSlots(props14.failedToLoadItemsMessage, vui.setting("failedToLoadDataMessage"), "Failed to load data.");
563
566
  return slot && slot(vui);
564
567
  });
565
568
  const defaultSlot = () => createVNode("div", {
@@ -599,12 +602,12 @@ function defineFormSelectorComponent(opts) {
599
602
  });
600
603
  return () => createVNode(VFormControl, {
601
604
  "nodeControl": selectorControl,
602
- "hiddenInfo": props13.hiddenInfo,
605
+ "hiddenInfo": props14.hiddenInfo,
603
606
  "class": classes.value,
604
- "label": props13.label,
605
- "hint": props13.hint,
606
- "hinttip": props13.hinttip,
607
- "requiredChip": props13.requiredChip,
607
+ "label": props14.label,
608
+ "hint": props14.hint,
609
+ "hinttip": props14.hinttip,
610
+ "requiredChip": props14.requiredChip,
608
611
  "error": selectorControl.itemsLoadFailed
609
612
  }, {
610
613
  ...ctx.slots,
@@ -618,9 +621,9 @@ function createElevationProps() {
618
621
  elevation: Number
619
622
  });
620
623
  }
621
- function useElevation(props12, opts = {}) {
624
+ function useElevation(props13, opts = {}) {
622
625
  const elevationValue = computed(
623
- () => props12.elevation == null ? opts.defaultValue : props12.elevation
626
+ () => props13.elevation == null ? opts.defaultValue : props13.elevation
624
627
  );
625
628
  const elevationClassName = computed(() => {
626
629
  const v = elevationValue.value;
@@ -662,6 +665,7 @@ __export(components_exports, {
662
665
  VDialog: () => VDialog,
663
666
  VDisabledReason: () => VDisabledReason,
664
667
  VDrawerLayout: () => VDrawerLayout,
668
+ VFileInput: () => VFileInput,
665
669
  VForm: () => VForm,
666
670
  VFormControl: () => VFormControl,
667
671
  VFormGroup: () => VFormGroup,
@@ -733,11 +737,11 @@ var VDialog = defineDialogComponent({
733
737
  },
734
738
  setup(ctx) {
735
739
  const {
736
- props: props12,
740
+ props: props13,
737
741
  control
738
742
  } = ctx;
739
743
  const vui = useVui();
740
- const actionControl = useStackAction(props12, control, {
744
+ const actionControl = useStackAction(props13, control, {
741
745
  resolver: (actions) => {
742
746
  if (actions.length === 0) {
743
747
  return [vui.stackAction("close")];
@@ -745,7 +749,7 @@ var VDialog = defineDialogComponent({
745
749
  return actions;
746
750
  }
747
751
  });
748
- const color = useColorClasses(props12, {
752
+ const color = useColorClasses(props13, {
749
753
  useRootThemeDefault: true
750
754
  });
751
755
  return (children) => {
@@ -753,7 +757,7 @@ var VDialog = defineDialogComponent({
753
757
  $actions
754
758
  } = actionControl;
755
759
  return createVNode("div", {
756
- "class": ["v-dialog", color.colorClasses.value, props12.dense && "v-dialog--dense"]
760
+ "class": ["v-dialog", color.colorClasses.value, props13.dense && "v-dialog--dense"]
757
761
  }, [createVNode("div", {
758
762
  "class": "v-dialog__body"
759
763
  }, [children]), $actions.length > 0 && createVNode("div", {
@@ -771,11 +775,11 @@ var VSnackbar = defineSnackbarComponent({
771
775
  },
772
776
  setup(ctx) {
773
777
  const {
774
- props: props12,
778
+ props: props13,
775
779
  control
776
780
  } = ctx;
777
781
  const vui = useVui();
778
- const actionControl = useStackAction(props12, control, {
782
+ const actionControl = useStackAction(props13, control, {
779
783
  resolver: (actions) => {
780
784
  if (actions.length === 0) {
781
785
  return [vui.stackAction("close")];
@@ -783,7 +787,7 @@ var VSnackbar = defineSnackbarComponent({
783
787
  return actions;
784
788
  }
785
789
  });
786
- const color = useColorClasses(props12, {
790
+ const color = useColorClasses(props13, {
787
791
  useRootThemeDefault: true
788
792
  });
789
793
  return (children) => {
@@ -822,8 +826,8 @@ var VSheetModal = defineComponent({
822
826
  inheritAttrs: false,
823
827
  props: sheetModalProps,
824
828
  emits: emits2,
825
- setup(props12, ctx) {
826
- const stackControl = useStackControl(props12, ctx, {
829
+ setup(props13, ctx) {
830
+ const stackControl = useStackControl(props13, ctx, {
827
831
  stackType: SHEET_STACK_TYPE
828
832
  });
829
833
  const hasActiveChild = computed(() => {
@@ -862,9 +866,9 @@ var VSkeltonLoaderBone = defineComponent({
862
866
  default: "div"
863
867
  }
864
868
  },
865
- setup(props12, ctx) {
869
+ setup(props13, ctx) {
866
870
  return () => {
867
- const TagName = props12.tag;
871
+ const TagName = props13.tag;
868
872
  return createVNode(TagName, mergeProps(ctx.attrs, {
869
873
  "class": "v-skelton-loader-bone"
870
874
  }), {
@@ -978,15 +982,15 @@ var VBusyImage = defineComponent({
978
982
  error: (ev) => true
979
983
  },
980
984
  slots: slots3,
981
- setup(props12, ctx) {
982
- const loadStateRef = ref(props12.cover && isAvailableSrc(ctx.attrs.src) ? "loading" : "pending");
985
+ setup(props13, ctx) {
986
+ const loadStateRef = ref(props13.cover && isAvailableSrc(ctx.attrs.src) ? "loading" : "pending");
983
987
  const attrsRef = computed(() => splitAttrs(ctx.attrs));
984
988
  const isPendingRef = computed(() => loadStateRef.value === "pending");
985
989
  const isLoadingRef = computed(() => loadStateRef.value === "loading");
986
990
  const isLoadedRef = computed(() => loadStateRef.value === "loaded");
987
991
  const isErrorRef = computed(() => loadStateRef.value === "error");
988
992
  const classesRef = computed(() => [`v-busy-image--${loadStateRef.value}`, {
989
- "v-busy-image--cover": props12.cover,
993
+ "v-busy-image--cover": props13.cover,
990
994
  "v-busy-image--clickable": typeof ctx.attrs.onClick === "function"
991
995
  }]);
992
996
  const nodeRef = ref();
@@ -996,11 +1000,11 @@ var VBusyImage = defineComponent({
996
1000
  const main = {};
997
1001
  const {
998
1002
  cover
999
- } = props12;
1003
+ } = props13;
1000
1004
  let {
1001
1005
  width,
1002
1006
  height
1003
- } = props12;
1007
+ } = props13;
1004
1008
  if (height == null && cover) {
1005
1009
  height = DEFAULT_HEIGHT;
1006
1010
  }
@@ -1042,11 +1046,11 @@ var VBusyImage = defineComponent({
1042
1046
  const mounted = ref(false);
1043
1047
  watch(() => [ctx.attrs.src, mounted.value], ([src, _mounted], before) => {
1044
1048
  if (!_mounted) return;
1045
- if (src === before?.[0] && !props12.cover && !isPendingRef.value) return;
1049
+ if (src === before?.[0] && !props13.cover && !isPendingRef.value) return;
1046
1050
  coverImageRef.value = void 0;
1047
1051
  if (isAvailableSrc(src)) {
1048
1052
  loadStateRef.value = "loading";
1049
- if (props12.cover) {
1053
+ if (props13.cover) {
1050
1054
  loadImage(src).then((image) => {
1051
1055
  coverImageRef.value = image;
1052
1056
  setManualState("load");
@@ -1072,7 +1076,7 @@ var VBusyImage = defineComponent({
1072
1076
  };
1073
1077
  onMounted(() => {
1074
1078
  mounted.value = true;
1075
- if (booted || props12.cover) return;
1079
+ if (booted || props13.cover) return;
1076
1080
  const image = nodeRef.value;
1077
1081
  if (!image) return;
1078
1082
  const loadType = imageIsReady(image);
@@ -1111,7 +1115,7 @@ var VBusyImage = defineComponent({
1111
1115
  "class": ["v-busy-image", classesRef.value]
1112
1116
  }, elAttrs, {
1113
1117
  "style": styles
1114
- }), [!props12.cover && createVNode("img", mergeProps({
1118
+ }), [!props13.cover && createVNode("img", mergeProps({
1115
1119
  "key": "img",
1116
1120
  "ref": nodeRef,
1117
1121
  "class": "v-busy-image__node"
@@ -1156,7 +1160,7 @@ var VGridItem = defineComponent({
1156
1160
  justify: void 0,
1157
1161
  order: void 0
1158
1162
  },
1159
- setup(props12, ctx) {
1163
+ setup(props13, ctx) {
1160
1164
  const data = computed(() => {
1161
1165
  const classes = [];
1162
1166
  const attrs = {
@@ -1167,7 +1171,7 @@ var VGridItem = defineComponent({
1167
1171
  align,
1168
1172
  justify,
1169
1173
  order
1170
- } = props12;
1174
+ } = props13;
1171
1175
  delete attrs.size;
1172
1176
  delete attrs.align;
1173
1177
  delete attrs.justify;
@@ -1182,7 +1186,7 @@ var VGridItem = defineComponent({
1182
1186
  };
1183
1187
  });
1184
1188
  return () => {
1185
- const TagName = props12.tag;
1189
+ const TagName = props13.tag;
1186
1190
  const {
1187
1191
  classes,
1188
1192
  attrs
@@ -1216,7 +1220,7 @@ var VGridContainer = defineComponent({
1216
1220
  alignContent: void 0,
1217
1221
  justifyContent: void 0
1218
1222
  },
1219
- setup(props12, ctx) {
1223
+ setup(props13, ctx) {
1220
1224
  const data = computed(() => {
1221
1225
  const classes = [];
1222
1226
  const attrs = {
@@ -1230,7 +1234,7 @@ var VGridContainer = defineComponent({
1230
1234
  wrap,
1231
1235
  alignContent,
1232
1236
  justifyContent
1233
- } = props12;
1237
+ } = props13;
1234
1238
  const wrapperClass = attrs.class;
1235
1239
  const wrapperStyle = attrs.style;
1236
1240
  delete attrs.class;
@@ -1257,8 +1261,8 @@ var VGridContainer = defineComponent({
1257
1261
  };
1258
1262
  });
1259
1263
  return () => {
1260
- const WrapperTag = props12.wrapperTag;
1261
- const TagName = props12.tag;
1264
+ const WrapperTag = props13.wrapperTag;
1265
+ const TagName = props13.tag;
1262
1266
  const {
1263
1267
  wrapperClass,
1264
1268
  wrapperStyle,
@@ -1303,20 +1307,20 @@ var VPaper = defineComponent({
1303
1307
  inheritAttrs: false,
1304
1308
  props: createPaperProps(),
1305
1309
  slots: paperBaseSlots,
1306
- setup(props12, ctx) {
1307
- const tag = computed(() => props12.tag);
1308
- const elevation = useElevation(props12, {
1310
+ setup(props13, ctx) {
1311
+ const tag = computed(() => props13.tag);
1312
+ const elevation = useElevation(props13, {
1309
1313
  defaultValue: 1
1310
1314
  });
1311
- const scope = useScopeColorClass(props12);
1315
+ const scope = useScopeColorClass(props13);
1312
1316
  const classes = computed(() => [elevation.elevationClassName.value, scope.value.className, {
1313
1317
  "v-paper--plain": !scope.value.value,
1314
1318
  "v-paper--has-color": !!scope.value.value || !!ctx.attrs.disabled,
1315
- "v-paper--square": props12.square
1319
+ "v-paper--square": props13.square
1316
1320
  }]);
1317
- const headerProps = computed(() => props12.headerProps);
1318
- const bodyProps = computed(() => props12.bodyProps);
1319
- const footerProps = computed(() => props12.footerProps);
1321
+ const headerProps = computed(() => props13.headerProps);
1322
+ const bodyProps = computed(() => props13.bodyProps);
1323
+ const footerProps = computed(() => props13.footerProps);
1320
1324
  return () => {
1321
1325
  const TagName = tag.value;
1322
1326
  const header = renderSlotOrEmpty(ctx.slots, "header");
@@ -1325,7 +1329,7 @@ var VPaper = defineComponent({
1325
1329
  "class": ["v-paper", classes.value]
1326
1330
  }, ctx.attrs), {
1327
1331
  default: () => [createVNode("div", {
1328
- "class": ["v-paper__inner", props12.innerClass]
1332
+ "class": ["v-paper__inner", props13.innerClass]
1329
1333
  }, [header && createVNode("div", mergeProps({
1330
1334
  "class": "v-paper__header"
1331
1335
  }, headerProps.value), [header]), createVNode("div", mergeProps({
@@ -1356,26 +1360,26 @@ var VAvatar = defineComponent({
1356
1360
  name: "VAvatar",
1357
1361
  inheritAttrs: false,
1358
1362
  props: createAvatarProps(),
1359
- setup(props12, ctx) {
1363
+ setup(props13, ctx) {
1360
1364
  const vui = useVui();
1361
1365
  const defaults = vui.setting("buttonDefault");
1362
1366
  const color = useColorClasses({
1363
- color: () => props12.color || defaults.color,
1364
- variant: () => props12.variant || defaults.variant
1367
+ color: () => props13.color || defaults.color,
1368
+ variant: () => props13.variant || defaults.variant
1365
1369
  });
1366
1370
  const classes = computed(() => {
1367
1371
  const {
1368
1372
  size
1369
- } = props12;
1373
+ } = props13;
1370
1374
  return [{
1371
- "v-avatar--tile": props12.tile,
1372
- "v-avatar--rounded": props12.rounded
1375
+ "v-avatar--tile": props13.tile,
1376
+ "v-avatar--rounded": props13.rounded
1373
1377
  }, typeof size === "string" && `v-avatar--${size}`];
1374
1378
  });
1375
1379
  const styles = computed(() => {
1376
1380
  const {
1377
1381
  size
1378
- } = props12;
1382
+ } = props13;
1379
1383
  if (typeof size !== "number") return;
1380
1384
  return {
1381
1385
  "--avatar-size": `${size}px`
@@ -1392,7 +1396,7 @@ var VAvatar = defineComponent({
1392
1396
  return () => {
1393
1397
  const {
1394
1398
  src
1395
- } = props12;
1399
+ } = props13;
1396
1400
  return actionable.render(!!src && createVNode(VBusyImage, {
1397
1401
  "class": "v-avatar__image",
1398
1402
  "src": src,
@@ -1436,27 +1440,27 @@ var VChip = defineComponent({
1436
1440
  name: "VChip",
1437
1441
  inheritAttrs: false,
1438
1442
  props: createChipProps(),
1439
- setup(props12, ctx) {
1443
+ setup(props13, ctx) {
1440
1444
  const vui = useVui();
1441
1445
  const defaults = vui.setting("buttonDefault");
1442
1446
  const color = useColorClasses({
1443
- color: () => props12.color || defaults.color,
1444
- variant: () => props12.variant || defaults.variant
1447
+ color: () => props13.color || defaults.color,
1448
+ variant: () => props13.variant || defaults.variant
1445
1449
  });
1446
1450
  const startIcon = computed(() => {
1447
- const _icon = resolveRawVChipIcon(props12.startIcon, "start");
1451
+ const _icon = resolveRawVChipIcon(props13.startIcon, "start");
1448
1452
  return _icon && _icon();
1449
1453
  });
1450
1454
  const endIcon = computed(() => {
1451
- const _icon = resolveRawVChipIcon(props12.endIcon, "end");
1455
+ const _icon = resolveRawVChipIcon(props13.endIcon, "end");
1452
1456
  return _icon && _icon();
1453
1457
  });
1454
1458
  const classes = computed(() => {
1455
1459
  const {
1456
1460
  size
1457
- } = props12;
1461
+ } = props13;
1458
1462
  return [{
1459
- "v-chip--label": props12.label
1463
+ "v-chip--label": props13.label
1460
1464
  }, typeof size === "string" && `v-chip--${size}`];
1461
1465
  });
1462
1466
  const actionable = useActionable(ctx, {
@@ -1482,8 +1486,8 @@ var VCard = defineComponent({
1482
1486
  name: "VCard",
1483
1487
  inheritAttrs: false,
1484
1488
  props: createCardProps(),
1485
- setup(props12, ctx) {
1486
- const _props = computed(() => props12);
1489
+ setup(props13, ctx) {
1490
+ const _props = computed(() => props13);
1487
1491
  const data = computed(() => {
1488
1492
  const attrs = {
1489
1493
  ..._props.value,
@@ -1492,7 +1496,7 @@ var VCard = defineComponent({
1492
1496
  tag: VAction,
1493
1497
  linkFallbackTag: "div"
1494
1498
  };
1495
- if (props12.disabled) {
1499
+ if (props13.disabled) {
1496
1500
  attrs.disabled = "disabled";
1497
1501
  delete attrs.onClick;
1498
1502
  delete attrs.href;
@@ -1554,37 +1558,37 @@ var VButton = defineComponent({
1554
1558
  name: "VButton",
1555
1559
  inheritAttrs: false,
1556
1560
  props: vueButtonProps,
1557
- setup(props12, ctx) {
1561
+ setup(props13, ctx) {
1558
1562
  const vui = useVui();
1559
- const control = useControl(props12);
1563
+ const control = useControl(props13);
1560
1564
  const defaults = vui.setting("buttonDefault");
1561
1565
  const icon = computed(() => {
1562
- const _icon = resolveRawVButtonIcon(props12.icon);
1566
+ const _icon = resolveRawVButtonIcon(props13.icon);
1563
1567
  return _icon && _icon();
1564
1568
  });
1565
1569
  const startIcon = computed(() => {
1566
- const _icon = resolveRawVButtonIcon(props12.startIcon, "start");
1570
+ const _icon = resolveRawVButtonIcon(props13.startIcon, "start");
1567
1571
  return _icon && _icon();
1568
1572
  });
1569
1573
  const endIcon = computed(() => {
1570
- const _icon = resolveRawVButtonIcon(props12.endIcon, "end");
1574
+ const _icon = resolveRawVButtonIcon(props13.endIcon, "end");
1571
1575
  return _icon && _icon();
1572
1576
  });
1573
1577
  const color = useColorClasses({
1574
- color: () => props12.color || defaults.color,
1575
- variant: () => props12.variant || (icon.value ? vui.setting("plainVariant") : defaults.variant)
1578
+ color: () => props13.color || defaults.color,
1579
+ variant: () => props13.variant || (icon.value ? vui.setting("plainVariant") : defaults.variant)
1576
1580
  });
1577
1581
  const isPlain = computed(() => color.variant.value.value === vui.setting("plainVariant") && color.color.value.value === defaults.color);
1578
- const isLoading = computed(() => props12.loading);
1582
+ const isLoading = computed(() => props13.loading);
1579
1583
  const spacer = computed(() => {
1580
- const _spacer = props12.spacer;
1584
+ const _spacer = props13.spacer;
1581
1585
  if (!_spacer) return;
1582
1586
  return _spacer === true ? "left" : _spacer;
1583
1587
  });
1584
- const classes = computed(() => [color.colorClasses.value, spacer.value ? `v-button--spacer-${spacer.value}` : void 0, `v-button--${control.size.value}`, `v-button--align-${props12.align}`, {
1588
+ const classes = computed(() => [color.colorClasses.value, spacer.value ? `v-button--spacer-${spacer.value}` : void 0, `v-button--${control.size.value}`, `v-button--align-${props13.align}`, {
1585
1589
  "v-button--loading": isLoading.value,
1586
1590
  "v-button--icon": !!icon.value,
1587
- "v-button--rounded": props12.rounded,
1591
+ "v-button--rounded": props13.rounded,
1588
1592
  "v-button--plain": isPlain.value
1589
1593
  }]);
1590
1594
  return () => createVNode(VAction, mergeProps(ctx.attrs, {
@@ -1608,7 +1612,7 @@ var VButtonGroup = defineComponent({
1608
1612
  ...createControlProps(),
1609
1613
  disabled: Boolean
1610
1614
  },
1611
- setup(props12, ctx) {
1615
+ setup(props13, ctx) {
1612
1616
  return () => {
1613
1617
  let hasIcon = false;
1614
1618
  let buttonLength = 0;
@@ -1640,7 +1644,7 @@ var VButtonGroup = defineComponent({
1640
1644
  const hasRight = buttonIndex < buttonLength;
1641
1645
  const childProps = child.node.props;
1642
1646
  return cloneVNode(child.node, {
1643
- ...props12,
1647
+ ...props13,
1644
1648
  ...childProps,
1645
1649
  rounded: false,
1646
1650
  class: ["v-button-group__item", {
@@ -1708,7 +1712,7 @@ var VPagination = defineComponent({
1708
1712
  change: (page) => true,
1709
1713
  "update:modelValue": (page) => true
1710
1714
  },
1711
- setup(props12, ctx) {
1715
+ setup(props13, ctx) {
1712
1716
  const vui = useVui();
1713
1717
  const elRef = ref(null);
1714
1718
  const router = useRouter();
@@ -1721,15 +1725,15 @@ var VPagination = defineComponent({
1721
1725
  return Math.floor(containerWidth.value / _itemSize);
1722
1726
  });
1723
1727
  const colorScope = useScopeColorClass({
1724
- color: () => props12.color || vui.setting("primaryScope")
1728
+ color: () => props13.color || vui.setting("primaryScope")
1725
1729
  });
1726
- const computedLength = computed(() => resolveNumberish(props12.length));
1727
- const computedTotalVisible = computed(() => resolveNumberish(props12.totalVisible));
1730
+ const computedLength = computed(() => resolveNumberish(props13.length));
1731
+ const computedTotalVisible = computed(() => resolveNumberish(props13.totalVisible));
1728
1732
  const computedNumbersLength = computed(() => capacityLength.value - 2 - 2);
1729
1733
  const computedPage = computed(() => {
1730
1734
  const {
1731
1735
  routeQuery
1732
- } = props12;
1736
+ } = props13;
1733
1737
  if (routeQuery) {
1734
1738
  return vui.location.getQuery(routeQuery, Number, 1);
1735
1739
  }
@@ -1774,21 +1778,21 @@ var VPagination = defineComponent({
1774
1778
  const isTransitioning = computed(() => {
1775
1779
  const {
1776
1780
  routeQuery
1777
- } = props12;
1781
+ } = props13;
1778
1782
  return vui.location.isQueryOnlyTransitioning(routeQuery);
1779
1783
  });
1780
- const isDisabled = computed(() => props12.disabled || isTransitioning.value);
1784
+ const isDisabled = computed(() => props13.disabled || isTransitioning.value);
1781
1785
  const classes = computed(() => [{
1782
1786
  "v-pagination--disabled": isDisabled.value,
1783
- "v-pagination--dense": props12.dense,
1784
- [`v-pagination--${props12.align}`]: true
1787
+ "v-pagination--dense": props13.dense,
1788
+ [`v-pagination--${props13.align}`]: true
1785
1789
  }, colorScope.value.className]);
1786
1790
  async function setPage(value) {
1787
1791
  if (isDisabled.value) return;
1788
1792
  const {
1789
1793
  beforeChange,
1790
1794
  routeQuery
1791
- } = props12;
1795
+ } = props13;
1792
1796
  const newPage = resolveNumberish(value);
1793
1797
  if (computedPage.value === newPage) return;
1794
1798
  if (beforeChange) {
@@ -1876,7 +1880,7 @@ var VPagination = defineComponent({
1876
1880
  const key = `${source}-${index}`;
1877
1881
  const {
1878
1882
  routeQuery
1879
- } = props12;
1883
+ } = props13;
1880
1884
  if (page !== void 0 && routeQuery) {
1881
1885
  const to = createRoutableLocationByPage(page, routeQuery);
1882
1886
  return createVNode(RouterLink, {
@@ -1895,7 +1899,7 @@ var VPagination = defineComponent({
1895
1899
  "key": key
1896
1900
  }, [children]);
1897
1901
  }
1898
- watch(() => props12.modelValue, (modelValue) => {
1902
+ watch(() => props13.modelValue, (modelValue) => {
1899
1903
  internalValue.value = resolveNumberish(modelValue);
1900
1904
  }, {
1901
1905
  immediate: true
@@ -1949,25 +1953,25 @@ var VListTile = defineComponent({
1949
1953
  emits: {
1950
1954
  ...listTileEmits
1951
1955
  },
1952
- setup(props12, ctx) {
1956
+ setup(props13, ctx) {
1953
1957
  const vui = useVui();
1954
1958
  const startIcon = computed(() => {
1955
- let icon = resolveRawIconProp(false, props12.startIcon);
1956
- if (!icon && props12.startIconEmptySpace) {
1959
+ let icon = resolveRawIconProp(false, props13.startIcon);
1960
+ if (!icon && props13.startIconEmptySpace) {
1957
1961
  icon = resolveRawIconProp(false, "$empty");
1958
1962
  }
1959
1963
  return icon;
1960
1964
  });
1961
- const endIcon = computed(() => resolveRawIconProp(false, props12.endIcon));
1965
+ const endIcon = computed(() => resolveRawIconProp(false, props13.endIcon));
1962
1966
  const hasTo = computed(() => !!ctx.attrs.to);
1963
1967
  const link = vui.useLink({
1964
1968
  to: ctx.attrs.to || ""
1965
1969
  });
1966
1970
  const isActive = computed(() => {
1967
1971
  if (!hasTo.value) return false;
1968
- return props12.exactMatch ? link.isExactActive.value : link.isActive.value;
1972
+ return props13.exactMatch ? link.isExactActive.value : link.isActive.value;
1969
1973
  });
1970
- const color = useScopeColorClass(props12);
1974
+ const color = useScopeColorClass(props13);
1971
1975
  const classes = computed(() => {
1972
1976
  const _color = color.value;
1973
1977
  const hasColor = !!_color.value;
@@ -2006,11 +2010,11 @@ var VDrawerLayout = defineComponent({
2006
2010
  ...createPaperBaseProps()
2007
2011
  },
2008
2012
  slots: paperBaseSlots,
2009
- setup(props12, ctx) {
2013
+ setup(props13, ctx) {
2010
2014
  return () => {
2011
2015
  const paperProps = computed(() => ({
2012
- color: props12.color,
2013
- tag: props12.tag
2016
+ color: props13.color,
2017
+ tag: props13.tag
2014
2018
  }));
2015
2019
  return createVNode(VPaper, mergeProps({
2016
2020
  "class": "v-drawer-layout",
@@ -2049,16 +2053,16 @@ var VHero = defineComponent({
2049
2053
  ...slots4()
2050
2054
  },
2051
2055
  slots: slots4,
2052
- setup(props12, ctx) {
2056
+ setup(props13, ctx) {
2053
2057
  return () => {
2054
- const TagName = props12.tag;
2055
- const HTagName = props12.hTag;
2058
+ const TagName = props13.tag;
2059
+ const HTagName = props13.hTag;
2056
2060
  const adornment = ctx.slots.adornment?.();
2057
2061
  return createVNode(VAppContainer, {
2058
2062
  "pulled": true
2059
2063
  }, {
2060
2064
  default: () => [createVNode(TagName, {
2061
- "class": ["v-hero", toScopeColorClass(props12.color)]
2065
+ "class": ["v-hero", toScopeColorClass(props13.color)]
2062
2066
  }, {
2063
2067
  default: () => [createVNode(HTagName, {
2064
2068
  "class": "v-hero__title"
@@ -2091,25 +2095,25 @@ function resolveNavigationItemInput(input) {
2091
2095
  let {
2092
2096
  label
2093
2097
  } = input;
2094
- const props12 = {
2098
+ const props13 = {
2095
2099
  ...input
2096
2100
  };
2097
2101
  if (typeof label === "function") {
2098
2102
  label = label();
2099
2103
  }
2100
- delete props12.label;
2104
+ delete props13.label;
2101
2105
  return {
2102
2106
  label,
2103
- props: props12
2107
+ props: props13
2104
2108
  };
2105
2109
  }
2106
2110
  function renderNavigationItemInput(input, extraProps) {
2107
2111
  const {
2108
2112
  label,
2109
- props: props12
2113
+ props: props13
2110
2114
  } = resolveNavigationItemInput(input);
2111
2115
  return createVNode(VNavigationItem, {
2112
- ...props12,
2116
+ ...props13,
2113
2117
  ...extraProps
2114
2118
  }, _isSlot3(label) ? label : {
2115
2119
  default: () => [label]
@@ -2129,18 +2133,18 @@ var VNavigationItem = defineComponent({
2129
2133
  emits: {
2130
2134
  ...listTileEmits
2131
2135
  },
2132
- setup(props12, ctx) {
2136
+ setup(props13, ctx) {
2133
2137
  const vui = useVui();
2134
2138
  const opened = ref(false);
2135
2139
  const children = computed(() => {
2136
- const c = props12.children;
2140
+ const c = props13.children;
2137
2141
  return c && c.length ? c : void 0;
2138
2142
  });
2139
2143
  const to = computed(() => ctx.attrs.to);
2140
2144
  const match = computed(() => {
2141
2145
  const {
2142
2146
  match: match2
2143
- } = props12;
2147
+ } = props13;
2144
2148
  const {
2145
2149
  to: to2
2146
2150
  } = ctx.attrs;
@@ -2154,7 +2158,7 @@ var VNavigationItem = defineComponent({
2154
2158
  });
2155
2159
  const classes = computed(() => [{
2156
2160
  "v-navigation-item--opened": opened.value,
2157
- [`v-navigation-item--depth-${props12.depth}`]: props12.depth > 0
2161
+ [`v-navigation-item--depth-${props13.depth}`]: props13.depth > 0
2158
2162
  }]);
2159
2163
  const route = useRoute();
2160
2164
  watch(() => route.path, (newPath) => {
@@ -2176,7 +2180,7 @@ var VNavigationItem = defineComponent({
2176
2180
  const c = children.value;
2177
2181
  let {
2178
2182
  endIcon
2179
- } = props12;
2183
+ } = props13;
2180
2184
  if (c && !endIcon) {
2181
2185
  endIcon = vui.icon("navigationExpand");
2182
2186
  if (typeof endIcon === "string") {
@@ -2188,7 +2192,7 @@ var VNavigationItem = defineComponent({
2188
2192
  }
2189
2193
  }
2190
2194
  const __props = {
2191
- ...props12,
2195
+ ...props13,
2192
2196
  endIcon
2193
2197
  };
2194
2198
  delete __props.children;
@@ -2232,11 +2236,11 @@ var VNavigationItem = defineComponent({
2232
2236
  default: () => [withDirectives(createVNode("div", {
2233
2237
  "class": "v-navigation-item__expand"
2234
2238
  }, [_children.map((child) => renderNavigationItemInput({
2235
- color: props12.color,
2239
+ color: props13.color,
2236
2240
  ...child
2237
2241
  }, {
2238
2242
  startIconEmptySpace: _props.value.startIconEmptySpace,
2239
- depth: props12.nested ? props12.depth + 1 : props12.depth
2243
+ depth: props13.nested ? props13.depth + 1 : props13.depth
2240
2244
  }))]), [[vShow, opened.value]])]
2241
2245
  })]);
2242
2246
  };
@@ -2259,13 +2263,13 @@ function createNavigationProps() {
2259
2263
  var VNavigation = defineComponent({
2260
2264
  name: "VNavigation",
2261
2265
  props: createNavigationProps(),
2262
- setup(props12, ctx) {
2263
- const items = computed(() => props12.items);
2264
- const color = useScopeColorClass(props12);
2266
+ setup(props13, ctx) {
2267
+ const items = computed(() => props13.items);
2268
+ const color = useScopeColorClass(props13);
2265
2269
  const classes = computed(() => [color.value.className]);
2266
- const startIconEmptySpace = computed(() => props12.startIconEmptySpace);
2270
+ const startIconEmptySpace = computed(() => props13.startIconEmptySpace);
2267
2271
  const caption = computed(() => {
2268
- const c = props12.caption;
2272
+ const c = props13.caption;
2269
2273
  return typeof c === "function" ? c() : c;
2270
2274
  });
2271
2275
  const itemsRef = ref([]);
@@ -2337,40 +2341,40 @@ var VControlField = defineComponent({
2337
2341
  click: (ev) => true
2338
2342
  },
2339
2343
  slots: slots5,
2340
- setup(props12, ctx) {
2344
+ setup(props13, ctx) {
2341
2345
  const parentNode = useParentFormNode();
2342
- const control = useControl(props12);
2343
- const inputBox = useControlField(props12);
2346
+ const control = useControl(props13);
2347
+ const inputBox = useControlField(props13);
2344
2348
  const hostElRef = ref(null);
2345
2349
  const disabled = computed(() => !!parentNode && parentNode.isDisabled);
2346
2350
  const invalid = computed(() => !!parentNode && parentNode.invalid);
2347
- const autoHeight = computed(() => props12.autoHeight);
2351
+ const autoHeight = computed(() => props13.autoHeight);
2348
2352
  const readonly = computed(() => !!parentNode && parentNode.isReadonly);
2349
2353
  const colorProvider = useVuiColorProvider();
2350
2354
  const classes = computed(() => {
2351
2355
  const _classes = ["v-control-field", `v-control-field--${inputBox.variant.value}`, {
2352
2356
  "v-control-field--disabled": disabled.value,
2353
- "v-control-field--invalid": invalid.value || props12.error,
2357
+ "v-control-field--invalid": invalid.value || props13.error,
2354
2358
  "v-control-field--readonly": readonly.value,
2355
- "v-control-field--focused": props12.focused,
2359
+ "v-control-field--focused": props13.focused,
2356
2360
  "v-control-field--auto-height": autoHeight.value
2357
- }, control.classes.value, colorProvider.className(props12.error ? "error" : invalid.value && !readonly.value ? "error" : "primary")];
2361
+ }, control.classes.value, colorProvider.className(props13.error ? "error" : invalid.value && !readonly.value ? "error" : "primary")];
2358
2362
  return _classes;
2359
2363
  });
2360
2364
  const resolvedSlots = computed(() => {
2361
2365
  const _slots = {};
2362
2366
  ADORNMENT_POSITIONS.forEach((position) => {
2363
2367
  const key = `${position}Adornment`;
2364
- _slots[position] = resolveVNodeChildOrSlots(props12[key], ctx.slots[key]);
2368
+ _slots[position] = resolveVNodeChildOrSlots(props13[key], ctx.slots[key]);
2365
2369
  });
2366
2370
  return _slots;
2367
2371
  });
2368
2372
  const renderAdornment = (position) => {
2369
2373
  let child;
2370
- if (position === "end" && props12.loading) {
2374
+ if (position === "end" && props13.loading) {
2371
2375
  child = createVNode(loading_exports.VProgressCircular, {
2372
2376
  "indeterminate": true,
2373
- "size": CONTROL_LOADING_SPINNER_SIZES[props12.size || "md"]
2377
+ "size": CONTROL_LOADING_SPINNER_SIZES[props13.size || "md"]
2374
2378
  }, null);
2375
2379
  } else {
2376
2380
  child = resolvedSlots.value[position]?.();
@@ -2420,12 +2424,12 @@ var VCheckable = defineComponent({
2420
2424
  // autoWidth: Boolean,
2421
2425
  },
2422
2426
  slots: CHECKABLE_SLOTS,
2423
- setup(props12, ctx) {
2427
+ setup(props13, ctx) {
2424
2428
  const colorProvider = useVuiColorProvider();
2425
- const invalid = computed(() => props12.invalid);
2426
- const disabled = computed(() => props12.disabled);
2427
- const readonly = computed(() => props12.readonly);
2428
- const checked = computed(() => props12.checked);
2429
+ const invalid = computed(() => props13.invalid);
2430
+ const disabled = computed(() => props13.disabled);
2431
+ const readonly = computed(() => props13.readonly);
2432
+ const checked = computed(() => props13.checked);
2429
2433
  const classes = computed(() => [{
2430
2434
  "v-checkable--invalid": invalid.value,
2431
2435
  "v-checkable--disabled": disabled.value,
@@ -2459,13 +2463,13 @@ var VCheckbox = defineComponent({
2459
2463
  indeterminate: Boolean
2460
2464
  },
2461
2465
  emits: emits3,
2462
- setup(props12, ctx) {
2463
- const nodeControl = useFormSelectorItemControl(props12, ctx, {
2466
+ setup(props13, ctx) {
2467
+ const nodeControl = useFormSelectorItemControl(props13, ctx, {
2464
2468
  nodeType: VUI_CHECKBOX_SYMBOL,
2465
2469
  parentNodeType: VUI_CHECKBOX_GROUP_SYMBOL
2466
2470
  });
2467
- const control = useControl(props12);
2468
- const isIndeterminate = computed(() => props12.indeterminate);
2471
+ const control = useControl(props13);
2472
+ const isIndeterminate = computed(() => props13.indeterminate);
2469
2473
  const classes = computed(() => ["v-checkbox", {
2470
2474
  "v-checkbox--selected": nodeControl.selected,
2471
2475
  "v-checkbox--indeterminate": isIndeterminate.value
@@ -2478,7 +2482,7 @@ var VCheckbox = defineComponent({
2478
2482
  ctx.expose({
2479
2483
  control: api
2480
2484
  });
2481
- const slots12 = {
2485
+ const slots13 = {
2482
2486
  input: () => nodeControl.createInputElement({
2483
2487
  type: "checkbox"
2484
2488
  }),
@@ -2493,7 +2497,7 @@ var VCheckbox = defineComponent({
2493
2497
  "invalid": nodeControl.invalid,
2494
2498
  "disabled": nodeControl.isDisabled,
2495
2499
  "readonly": nodeControl.isReadonly
2496
- }, withCtxForSlots(slots12));
2500
+ }, withCtxForSlots(slots13));
2497
2501
  }
2498
2502
  });
2499
2503
  function _isSlot4(s) {
@@ -2506,9 +2510,9 @@ var VCheckboxGroup = defineFormSelectorComponent({
2506
2510
  className: "v-checkbox-group",
2507
2511
  itemRenderer: ({
2508
2512
  attrs,
2509
- slots: slots12
2510
- }) => createVNode(VCheckbox, attrs, _isSlot4(slots12) ? slots12 : {
2511
- default: () => [slots12]
2513
+ slots: slots13
2514
+ }) => createVNode(VCheckbox, attrs, _isSlot4(slots13) ? slots13 : {
2515
+ default: () => [slots13]
2512
2516
  })
2513
2517
  });
2514
2518
  var {
@@ -2522,16 +2526,16 @@ var VRadio = defineComponent({
2522
2526
  ...createControlProps()
2523
2527
  },
2524
2528
  emits: emits4,
2525
- setup(props12, ctx) {
2526
- const nodeControl = useFormSelectorItemControl(props12, ctx, {
2529
+ setup(props13, ctx) {
2530
+ const nodeControl = useFormSelectorItemControl(props13, ctx, {
2527
2531
  nodeType: VUI_RADIO_SYMBOL,
2528
2532
  parentNodeType: VUI_RADIO_GROUP_SYMBOL
2529
2533
  });
2530
- const control = useControl(props12);
2534
+ const control = useControl(props13);
2531
2535
  const classes = computed(() => ["v-radio", {
2532
2536
  "v-radio--selected": nodeControl.selected
2533
2537
  }, control.classes.value]);
2534
- const slots12 = {
2538
+ const slots13 = {
2535
2539
  input: () => nodeControl.createInputElement({
2536
2540
  type: "radio"
2537
2541
  }),
@@ -2546,7 +2550,7 @@ var VRadio = defineComponent({
2546
2550
  "invalid": nodeControl.invalid,
2547
2551
  "disabled": nodeControl.isDisabled,
2548
2552
  "readonly": nodeControl.isReadonly
2549
- }, withCtxForSlots(slots12));
2553
+ }, withCtxForSlots(slots13));
2550
2554
  }
2551
2555
  });
2552
2556
  function _isSlot5(s) {
@@ -2558,9 +2562,9 @@ var VRadioGroup = defineFormSelectorComponent({
2558
2562
  className: "v-radio-group",
2559
2563
  itemRenderer: ({
2560
2564
  attrs,
2561
- slots: slots12
2562
- }) => createVNode(VRadio, attrs, _isSlot5(slots12) ? slots12 : {
2563
- default: () => [slots12]
2565
+ slots: slots13
2566
+ }) => createVNode(VRadio, attrs, _isSlot5(slots13) ? slots13 : {
2567
+ default: () => [slots13]
2564
2568
  })
2565
2569
  });
2566
2570
  var {
@@ -2574,12 +2578,12 @@ var VSwitch = defineComponent({
2574
2578
  ...createControlProps()
2575
2579
  },
2576
2580
  emits: emits5,
2577
- setup(props12, ctx) {
2578
- const nodeControl = useFormSelectorItemControl(props12, ctx, {
2581
+ setup(props13, ctx) {
2582
+ const nodeControl = useFormSelectorItemControl(props13, ctx, {
2579
2583
  nodeType: VUI_SWITCH_SYMBOL,
2580
2584
  parentNodeType: VUI_SWITCH_GROUP_SYMBOL
2581
2585
  });
2582
- const control = useControl(props12);
2586
+ const control = useControl(props13);
2583
2587
  if (typeof window !== "undefined") {
2584
2588
  window.yy = {};
2585
2589
  window.yy[String(Date.now())] = nodeControl;
@@ -2588,7 +2592,7 @@ var VSwitch = defineComponent({
2588
2592
  "v-switch--selected": nodeControl.selected,
2589
2593
  "v-switch--disabled": nodeControl.isDisabled
2590
2594
  }, control.classes.value]);
2591
- const slots12 = {
2595
+ const slots13 = {
2592
2596
  input: () => nodeControl.createInputElement({
2593
2597
  type: "checkbox"
2594
2598
  }),
@@ -2608,7 +2612,7 @@ var VSwitch = defineComponent({
2608
2612
  "invalid": nodeControl.invalid,
2609
2613
  "disabled": nodeControl.isDisabled,
2610
2614
  "readonly": nodeControl.isReadonly
2611
- }, withCtxForSlots(slots12));
2615
+ }, withCtxForSlots(slots13));
2612
2616
  }
2613
2617
  });
2614
2618
  function _isSlot6(s) {
@@ -2621,9 +2625,9 @@ var VSwitchGroup = defineFormSelectorComponent({
2621
2625
  className: "v-switch-group",
2622
2626
  itemRenderer: ({
2623
2627
  attrs,
2624
- slots: slots12
2625
- }) => createVNode(VSwitch, attrs, _isSlot6(slots12) ? slots12 : {
2626
- default: () => [slots12]
2628
+ slots: slots13
2629
+ }) => createVNode(VSwitch, attrs, _isSlot6(slots13) ? slots13 : {
2630
+ default: () => [slots13]
2627
2631
  })
2628
2632
  });
2629
2633
  var {
@@ -2637,12 +2641,12 @@ var VOption = defineComponent({
2637
2641
  ...createControlProps()
2638
2642
  },
2639
2643
  emits: emits6,
2640
- setup(props12, ctx) {
2641
- const nodeControl = useFormSelectorItemControl(props12, ctx, {
2644
+ setup(props13, ctx) {
2645
+ const nodeControl = useFormSelectorItemControl(props13, ctx, {
2642
2646
  nodeType: VUI_OPTION_SYMBOL,
2643
2647
  parentNodeType: VUI_SELECT_SYMBOL
2644
2648
  });
2645
- const control = useControl(props12);
2649
+ const control = useControl(props13);
2646
2650
  const classes = computed(() => ["v-option", {
2647
2651
  "v-option--selected": nodeControl.selected,
2648
2652
  "v-option--has-not-value": !nodeControl.hasValue,
@@ -2669,11 +2673,11 @@ var VOptionGroup = defineComponent({
2669
2673
  ...slots6()
2670
2674
  },
2671
2675
  slots: slots6,
2672
- setup(props12, ctx) {
2673
- const groupControl = useFormSelectorItemGroupControl(props12, ctx, {
2676
+ setup(props13, ctx) {
2677
+ const groupControl = useFormSelectorItemGroupControl(props13, ctx, {
2674
2678
  parentNodeType: VUI_SELECT_SYMBOL
2675
2679
  });
2676
- const labelSlot = computed(() => resolveVNodeChildOrSlots(props12.label, ctx.slots.label));
2680
+ const labelSlot = computed(() => resolveVNodeChildOrSlots(props13.label, ctx.slots.label));
2677
2681
  const classes = computed(() => ["v-option-group", {
2678
2682
  "v-option-group--disabled": groupControl.isDisabled
2679
2683
  }]);
@@ -2721,7 +2725,7 @@ var VSelect = defineComponent({
2721
2725
  },
2722
2726
  emits: emits7,
2723
2727
  slots: slots7,
2724
- setup(props12, ctx) {
2728
+ setup(props13, ctx) {
2725
2729
  const menuRef = ref(null);
2726
2730
  const menuOpened = ref(false);
2727
2731
  const showMenu = () => {
@@ -2730,23 +2734,23 @@ var VSelect = defineComponent({
2730
2734
  const closeMenu = () => {
2731
2735
  menuOpened.value = false;
2732
2736
  };
2733
- const inputControl = useFormSelectorControl(props12, ctx, {
2737
+ const inputControl = useFormSelectorControl(props13, ctx, {
2734
2738
  nodeType: VUI_SELECT_SYMBOL,
2735
2739
  onSelectItem: (item) => {
2736
2740
  closeMenu();
2737
2741
  }
2738
2742
  });
2739
- const control = useControl(props12);
2740
- useControlField(props12);
2743
+ const control = useControl(props13);
2744
+ useControlField(props13);
2741
2745
  const vui = useVui();
2742
2746
  const iconName = vui.icon("menuDown");
2743
2747
  const fieldRef = ref(null);
2744
2748
  const loadingMessageRef = computed(() => {
2745
- const slot = resolveVNodeChildOrSlots(props12.loadingMessage, vui.setting("loadingMessage"), "Loading...");
2749
+ const slot = resolveVNodeChildOrSlots(props13.loadingMessage, vui.setting("loadingMessage"), "Loading...");
2746
2750
  return slot && slot(vui);
2747
2751
  });
2748
2752
  const failedToLoadItemsMessageRef = computed(() => {
2749
- const slot = resolveVNodeChildOrSlots(props12.failedToLoadItemsMessage, vui.setting("failedToLoadDataMessage"), "Failed to load data.");
2753
+ const slot = resolveVNodeChildOrSlots(props13.failedToLoadItemsMessage, vui.setting("failedToLoadDataMessage"), "Failed to load data.");
2750
2754
  return slot && slot(vui);
2751
2755
  });
2752
2756
  const focus = (opts) => {
@@ -2774,10 +2778,10 @@ var VSelect = defineComponent({
2774
2778
  }) : item.renderDefaultSlot();
2775
2779
  children.push(child);
2776
2780
  });
2777
- } else if (props12.placeholder != null) {
2781
+ } else if (props13.placeholder != null) {
2778
2782
  children.push(createVNode("span", {
2779
2783
  "class": "v-select__placeholder"
2780
- }, [props12.placeholder]));
2784
+ }, [props13.placeholder]));
2781
2785
  }
2782
2786
  return children;
2783
2787
  };
@@ -2935,7 +2939,7 @@ var VSelect = defineComponent({
2935
2939
  }
2936
2940
  }, null);
2937
2941
  }
2938
- if (props12.clearable && inputControl.value != null) {
2942
+ if (props13.clearable && inputControl.value != null) {
2939
2943
  return createVNode(VButton, {
2940
2944
  "key": "clear",
2941
2945
  "icon": vui.icon("clear"),
@@ -2959,8 +2963,8 @@ var VSelect = defineComponent({
2959
2963
  "ref": fieldRef,
2960
2964
  "loading": inputControl.itemsLoading,
2961
2965
  "error": inputControl.itemsLoadFailed,
2962
- "startAdornment": props12.startAdornment,
2963
- "endAdornment": props12.endAdornment,
2966
+ "startAdornment": props13.startAdornment,
2967
+ "endAdornment": props13.endAdornment,
2964
2968
  "size": control.size.value,
2965
2969
  "focused": menuOpened.value,
2966
2970
  "autoHeight": inputControl.multiple,
@@ -2993,7 +2997,7 @@ var VSelect = defineComponent({
2993
2997
  const defaultSlot = () => createVNode(VMenu, {
2994
2998
  "width": "fit",
2995
2999
  "maxWidth": "fit",
2996
- "closeOnNavigation": props12.closeOnNavigation,
3000
+ "closeOnNavigation": props13.closeOnNavigation,
2997
3001
  "distance": 0,
2998
3002
  "alwaysRender": true,
2999
3003
  "modelValue": menuOpened.value,
@@ -3004,11 +3008,11 @@ var VSelect = defineComponent({
3004
3008
  return createVNode(VFormControl, {
3005
3009
  "nodeControl": inputControl,
3006
3010
  "class": classes.value,
3007
- "label": props12.label,
3008
- "hint": props12.hint,
3009
- "hinttip": props12.hinttip,
3010
- "hiddenInfo": props12.hiddenInfo,
3011
- "requiredChip": props12.requiredChip,
3011
+ "label": props13.label,
3012
+ "hint": props13.hint,
3013
+ "hinttip": props13.hinttip,
3014
+ "hiddenInfo": props13.hiddenInfo,
3015
+ "requiredChip": props13.requiredChip,
3012
3016
  "onClickLabel": handleClickLabel
3013
3017
  }, {
3014
3018
  ...ctx.slots,
@@ -3037,20 +3041,20 @@ var VTextField = defineComponent({
3037
3041
  props: createTextFieldProps(),
3038
3042
  emits: emits8,
3039
3043
  slots: slots8,
3040
- setup(props12, ctx) {
3041
- const inputControl = useTextInputNodeControl(props12, ctx, {
3044
+ setup(props13, ctx) {
3045
+ const inputControl = useTextInputNodeControl(props13, ctx, {
3042
3046
  nodeType: VUI_TEXT_FIELD_SYMBOL
3043
3047
  });
3044
- const control = useControl(props12);
3045
- useControlField(props12);
3048
+ const control = useControl(props13);
3049
+ useControlField(props13);
3046
3050
  const classes = computed(() => ["v-text-field", control.classes.value]);
3047
3051
  const handleClickLabel = (ev) => {
3048
3052
  inputControl.focus();
3049
3053
  };
3050
3054
  const defaultSlot = () => createVNode(VControlField, {
3051
3055
  "class": "v-text-field__input",
3052
- "startAdornment": props12.startAdornment,
3053
- "endAdornment": props12.endAdornment,
3056
+ "startAdornment": props13.startAdornment,
3057
+ "endAdornment": props13.endAdornment,
3054
3058
  "size": control.size.value
3055
3059
  }, {
3056
3060
  ...ctx.slots,
@@ -3070,12 +3074,12 @@ var VTextField = defineComponent({
3070
3074
  });
3071
3075
  return () => createVNode(VFormControl, {
3072
3076
  "nodeControl": inputControl,
3073
- "hiddenInfo": props12.hiddenInfo,
3077
+ "hiddenInfo": props13.hiddenInfo,
3074
3078
  "class": classes.value,
3075
- "label": props12.label,
3076
- "hint": props12.hint,
3077
- "hinttip": props12.hinttip,
3078
- "requiredChip": props12.requiredChip,
3079
+ "label": props13.label,
3080
+ "hint": props13.hint,
3081
+ "hinttip": props13.hinttip,
3082
+ "requiredChip": props13.requiredChip,
3079
3083
  "onClickLabel": handleClickLabel
3080
3084
  }, {
3081
3085
  ...ctx.slots,
@@ -3108,7 +3112,7 @@ var VNumberField = defineComponent({
3108
3112
  "update:modelValue": (value) => true,
3109
3113
  change: (value) => true
3110
3114
  },
3111
- setup(props12, ctx) {
3115
+ setup(props13, ctx) {
3112
3116
  const hasNumberMask = computed(() => {
3113
3117
  const {
3114
3118
  mask
@@ -3132,7 +3136,7 @@ var VNumberField = defineComponent({
3132
3136
  "type": hasNumberMask.value ? "text" : "number",
3133
3137
  "inputmode": inputmode.value,
3134
3138
  "maskModel": "typed",
3135
- "modelValue": toString(props12.modelValue),
3139
+ "modelValue": toString(props13.modelValue),
3136
3140
  "onUpdate:modelValue": onUpdateModelValue,
3137
3141
  "onChange": onChange
3138
3142
  }), ctx.slots);
@@ -3154,14 +3158,14 @@ var VTextarea = defineComponent({
3154
3158
  ...slots9()
3155
3159
  },
3156
3160
  emits: emits9,
3157
- setup(props12, ctx) {
3161
+ setup(props13, ctx) {
3158
3162
  const vui = useVui();
3159
- const inputControl = useTextareaNodeControl(props12, ctx, {
3163
+ const inputControl = useTextareaNodeControl(props13, ctx, {
3160
3164
  nodeType: VUI_TEXTAREA_SYMBOL,
3161
3165
  defaultRows: vui.textareaRows
3162
3166
  });
3163
- const control = useControl(props12);
3164
- useControlField(props12);
3167
+ const control = useControl(props13);
3168
+ useControlField(props13);
3165
3169
  ctx.expose({
3166
3170
  control: inputControl
3167
3171
  });
@@ -3169,8 +3173,8 @@ var VTextarea = defineComponent({
3169
3173
  "class": "v-textarea__input",
3170
3174
  "size": control.size.value,
3171
3175
  "autoHeight": true,
3172
- "startAdornment": props12.startAdornment,
3173
- "endAdornment": props12.endAdornment
3176
+ "startAdornment": props13.startAdornment,
3177
+ "endAdornment": props13.endAdornment
3174
3178
  }, {
3175
3179
  ...ctx.slots,
3176
3180
  default: withCtx(() => inputControl.createInputElement({
@@ -3187,11 +3191,11 @@ var VTextarea = defineComponent({
3187
3191
  return () => createVNode(VFormControl, {
3188
3192
  "nodeControl": inputControl,
3189
3193
  "class": ["v-textarea", control.classes.value],
3190
- "label": props12.label,
3191
- "hint": props12.hint,
3192
- "hinttip": props12.hinttip,
3193
- "hiddenInfo": props12.hiddenInfo,
3194
- "requiredChip": props12.requiredChip,
3194
+ "label": props13.label,
3195
+ "hint": props13.hint,
3196
+ "hinttip": props13.hinttip,
3197
+ "hiddenInfo": props13.hiddenInfo,
3198
+ "requiredChip": props13.requiredChip,
3195
3199
  "onClickLabel": (ev) => {
3196
3200
  inputControl.focus();
3197
3201
  }
@@ -3205,11 +3209,128 @@ var VTextarea = defineComponent({
3205
3209
  var {
3206
3210
  props: props10,
3207
3211
  emits: emits10
3212
+ } = createFileInputNodeSettings();
3213
+ var slots10 = defineSlots();
3214
+ function createFileInputProps() {
3215
+ return {
3216
+ ...props10,
3217
+ ...colorSchemeProps(),
3218
+ ...createFormNodeWrapperProps(),
3219
+ ...createControlFieldProps(),
3220
+ ...createControlFieldProviderProps(),
3221
+ ...createControlProps(),
3222
+ ...slots10(),
3223
+ buttonText: {
3224
+ type: String,
3225
+ default: "Choose File"
3226
+ },
3227
+ truncateLength: {
3228
+ type: [Number, String],
3229
+ default: 22
3230
+ }
3231
+ };
3232
+ }
3233
+ var VFileInput = defineComponent({
3234
+ name: "VFileInput",
3235
+ props: createFileInputProps(),
3236
+ emits: emits10,
3237
+ slots: slots10,
3238
+ setup(props13, ctx) {
3239
+ const vui = useVui();
3240
+ const inputControl = useFileInputNodeControl(props13, ctx, {
3241
+ nodeType: VUI_FILE_INPUT_SYMBOL
3242
+ });
3243
+ const control = useControl(props13);
3244
+ useControlField(props13);
3245
+ const classes = computed(() => ["v-file-input", control.classes.value]);
3246
+ const handleClickLabel = (ev) => {
3247
+ inputControl.focus();
3248
+ };
3249
+ const endAdornmentSlot = () => {
3250
+ if (props13.clearable && inputControl.value.length) {
3251
+ return createVNode(VButton, {
3252
+ "key": "clear",
3253
+ "icon": vui.icon("clear"),
3254
+ "rounded": true,
3255
+ "onClick": (ev) => {
3256
+ ev.stopPropagation();
3257
+ inputControl.clear();
3258
+ }
3259
+ }, null);
3260
+ }
3261
+ };
3262
+ const showDialog = () => {
3263
+ if (inputControl.canOperation) {
3264
+ inputControl.inputElement?.click();
3265
+ }
3266
+ };
3267
+ const renderSelections = () => {
3268
+ if (ctx.slots.selections) {
3269
+ return ctx.slots.selections(inputControl);
3270
+ }
3271
+ const {
3272
+ files
3273
+ } = inputControl.selectionContext;
3274
+ if (!files.length) return createVNode("span", {
3275
+ "class": "v-file-input__placeholder"
3276
+ }, [inputControl.placeholder || "No file chosen"]);
3277
+ return files.map((file) => file.truncatedName).join(", ");
3278
+ };
3279
+ const defaultSlot = () => createVNode("div", {
3280
+ "class": "v-file-input__inner"
3281
+ }, [createVNode(VButton, {
3282
+ "key": "open",
3283
+ "class": "v-file-input__button",
3284
+ "color": "base",
3285
+ "size": props13.size,
3286
+ "startIcon": vui.icon("fileUpload"),
3287
+ "variant": vui.setting("containedVariant"),
3288
+ "onClick": showDialog
3289
+ }, {
3290
+ default: () => [props13.buttonText]
3291
+ }), createVNode(VControlField, {
3292
+ "class": "v-file-input__input",
3293
+ "startAdornment": props13.startAdornment,
3294
+ "endAdornment": props13.endAdornment,
3295
+ "size": control.size.value,
3296
+ "onClick": showDialog,
3297
+ "autoHeight": true
3298
+ }, {
3299
+ ...ctx.slots,
3300
+ default: withCtx(() => [inputControl.createInputElement({
3301
+ class: "v-file-input__input__element"
3302
+ }), createVNode("div", {
3303
+ "class": "v-file-input__selections"
3304
+ }, [renderSelections()])]),
3305
+ endAdornment: withCtx(endAdornmentSlot)
3306
+ })]);
3307
+ ctx.expose({
3308
+ control: inputControl
3309
+ });
3310
+ return () => createVNode(VFormControl, {
3311
+ "nodeControl": inputControl,
3312
+ "hiddenInfo": props13.hiddenInfo,
3313
+ "class": classes.value,
3314
+ "label": props13.label,
3315
+ "hint": props13.hint,
3316
+ "hinttip": props13.hinttip,
3317
+ "requiredChip": props13.requiredChip,
3318
+ "onClickLabel": handleClickLabel
3319
+ }, {
3320
+ ...ctx.slots,
3321
+ default: withCtx(defaultSlot)
3322
+ // infoAppends: withCtx(infoAppendsSlot),
3323
+ });
3324
+ }
3325
+ });
3326
+ var {
3327
+ props: props11,
3328
+ emits: emits11
3208
3329
  } = createFormGroupSettings();
3209
3330
  var formGroupSlots = defineSlots();
3210
3331
  function createVFormGroupProps() {
3211
3332
  return {
3212
- ...props10,
3333
+ ...props11,
3213
3334
  ...createControlProps(),
3214
3335
  ...formGroupSlots()
3215
3336
  };
@@ -3218,13 +3339,13 @@ var VFormGroup = defineComponent({
3218
3339
  name: "VFormGroup",
3219
3340
  inheritAttrs: false,
3220
3341
  props: createVFormGroupProps(),
3221
- emits: emits10,
3342
+ emits: emits11,
3222
3343
  slots: formGroupSlots,
3223
- setup(props12, ctx) {
3224
- const nodeControl = useFormGroup(props12, ctx, {
3344
+ setup(props13, ctx) {
3345
+ const nodeControl = useFormGroup(props13, ctx, {
3225
3346
  nodeType: VUI_FORM_GROUP_SYMBOL
3226
3347
  });
3227
- useControl(props12);
3348
+ useControl(props13);
3228
3349
  ctx.expose({
3229
3350
  control: nodeControl
3230
3351
  });
@@ -3232,8 +3353,8 @@ var VFormGroup = defineComponent({
3232
3353
  }
3233
3354
  });
3234
3355
  var {
3235
- props: props11,
3236
- emits: emits11
3356
+ props: props12,
3357
+ emits: emits12
3237
3358
  } = createFormSettings({
3238
3359
  nodeType: VUI_FORM_SYMBOL
3239
3360
  });
@@ -3244,7 +3365,7 @@ function useRender(render) {
3244
3365
  var formSlots = defineSlots();
3245
3366
  function createVFormProps() {
3246
3367
  return {
3247
- ...props11,
3368
+ ...props12,
3248
3369
  ...createControlProps(),
3249
3370
  ...formSlots()
3250
3371
  };
@@ -3252,10 +3373,10 @@ function createVFormProps() {
3252
3373
  var VForm = defineComponent({
3253
3374
  name: "VForm",
3254
3375
  props: createVFormProps(),
3255
- emits: emits11,
3376
+ emits: emits12,
3256
3377
  slots: formSlots,
3257
- setup(props12, ctx) {
3258
- const nodeControl = useForm(props12, ctx, {
3378
+ setup(props13, ctx) {
3379
+ const nodeControl = useForm(props13, ctx, {
3259
3380
  nodeType: VUI_FORM_SYMBOL
3260
3381
  });
3261
3382
  const classes = computed(() => ["v-form", {
@@ -3266,7 +3387,7 @@ var VForm = defineComponent({
3266
3387
  "v-form--pending": nodeControl.pending,
3267
3388
  "v-form--sending": nodeControl.sending
3268
3389
  }]);
3269
- useControl(props12);
3390
+ useControl(props13);
3270
3391
  useRender(() => createVNode("form", mergeProps({
3271
3392
  "class": classes.value
3272
3393
  }, nodeControl.formAttrs), [ctx.slots.default?.(nodeControl)]));
@@ -3292,13 +3413,13 @@ var VTab = defineComponent({
3292
3413
  emits: {
3293
3414
  click: (ev) => true
3294
3415
  },
3295
- setup(props12, ctx) {
3416
+ setup(props13, ctx) {
3296
3417
  const classesRef = computed(() => ({
3297
- "v-tab--active": props12.active
3418
+ "v-tab--active": props13.active
3298
3419
  }));
3299
3420
  const exposeValues = {
3300
- value: props12.value,
3301
- active: props12.active
3421
+ value: props13.value,
3422
+ active: props13.active
3302
3423
  };
3303
3424
  ctx.expose(exposeValues);
3304
3425
  return () => {
@@ -3307,7 +3428,7 @@ var VTab = defineComponent({
3307
3428
  value,
3308
3429
  icon,
3309
3430
  active
3310
- } = props12;
3431
+ } = props13;
3311
3432
  const classes = ["v-tab", classesRef.value];
3312
3433
  const children = createVNode("span", {
3313
3434
  "class": "v-tab__content"
@@ -3340,7 +3461,7 @@ var VTab = defineComponent({
3340
3461
  function _isSlot9(s) {
3341
3462
  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
3342
3463
  }
3343
- var slots10 = defineSlots();
3464
+ var slots11 = defineSlots();
3344
3465
  var VTabs = defineComponent({
3345
3466
  name: "VTabs",
3346
3467
  props: {
@@ -3367,14 +3488,14 @@ var VTabs = defineComponent({
3367
3488
  withQuery: Boolean,
3368
3489
  color: String,
3369
3490
  onBeforeChange: Function,
3370
- ...slots10()
3491
+ ...slots11()
3371
3492
  },
3372
3493
  emits: {
3373
3494
  "update:modelValue": (newValue) => true,
3374
3495
  change: (newValue) => true
3375
3496
  },
3376
- slots: slots10,
3377
- setup(props12, ctx) {
3497
+ slots: slots11,
3498
+ setup(props13, ctx) {
3378
3499
  const vui = useVui();
3379
3500
  const internalValueRef = ref(null);
3380
3501
  const ScrollerRef = VScroller.$ref();
@@ -3392,15 +3513,15 @@ var VTabs = defineComponent({
3392
3513
  }
3393
3514
  });
3394
3515
  const colorScope = useScopeColorClass({
3395
- color: () => props12.color || vui.setting("tabDefault").color
3516
+ color: () => props13.color || vui.setting("tabDefault").color
3396
3517
  });
3397
3518
  const classes = computed(() => [colorScope.value.className]);
3398
3519
  const computedItemsRef = computed(() => {
3399
3520
  const current = currentRef.value;
3400
3521
  const {
3401
3522
  router
3402
- } = props12;
3403
- return props12.items.map((item) => {
3523
+ } = props13;
3524
+ return props13.items.map((item) => {
3404
3525
  const {
3405
3526
  value
3406
3527
  } = item;
@@ -3425,9 +3546,9 @@ var VTabs = defineComponent({
3425
3546
  tabRefs.value.push(ref10);
3426
3547
  };
3427
3548
  function setupInternalValue(routable) {
3428
- let value = props12.modelValue;
3549
+ let value = props13.modelValue;
3429
3550
  if (value == null || value === "") {
3430
- const firstItem = props12.items[0];
3551
+ const firstItem = props13.items[0];
3431
3552
  if (!firstItem) return;
3432
3553
  value = firstItem.value;
3433
3554
  }
@@ -3436,7 +3557,7 @@ var VTabs = defineComponent({
3436
3557
  if (routable) {
3437
3558
  const {
3438
3559
  router
3439
- } = props12;
3560
+ } = props13;
3440
3561
  if (!router) return;
3441
3562
  const hit = computedItemsRef.value.find((item) => item.value === value);
3442
3563
  if (!hit) return;
@@ -3450,7 +3571,7 @@ var VTabs = defineComponent({
3450
3571
  } = location;
3451
3572
  if (route.fullPath === vui.location.currentRoute.fullPath) return;
3452
3573
  vui.router[to2.replace ? "replace" : "push"](to2);
3453
- } else if (!props12.router && props12.modelValue !== value) {
3574
+ } else if (!props13.router && props13.modelValue !== value) {
3454
3575
  ctx.emit("update:modelValue", value);
3455
3576
  ctx.emit("change", value);
3456
3577
  }
@@ -3465,7 +3586,7 @@ var VTabs = defineComponent({
3465
3586
  }
3466
3587
  const {
3467
3588
  onBeforeChange
3468
- } = props12;
3589
+ } = props13;
3469
3590
  if (onBeforeChange) {
3470
3591
  let result = onBeforeChange(value, currentRef.value);
3471
3592
  if (isPromise(result)) {
@@ -3495,7 +3616,7 @@ var VTabs = defineComponent({
3495
3616
  if (!container) return;
3496
3617
  const {
3497
3618
  autoScrollOffset
3498
- } = props12;
3619
+ } = props13;
3499
3620
  const tabLeft = $tab.offsetLeft;
3500
3621
  const tabWidth = $tab.offsetWidth;
3501
3622
  const tabRight = tabLeft + tabWidth;
@@ -3523,16 +3644,16 @@ var VTabs = defineComponent({
3523
3644
  });
3524
3645
  }
3525
3646
  }
3526
- watch(() => props12.modelValue, () => setupInternalValue(true));
3527
- watch(() => props12.items, () => setupInternalValue(), {
3647
+ watch(() => props13.modelValue, () => setupInternalValue(true));
3648
+ watch(() => props13.items, () => setupInternalValue(), {
3528
3649
  deep: true
3529
3650
  });
3530
3651
  watch(() => internalValueRef.value, (newValue) => {
3531
3652
  scrollToTab(newValue);
3532
3653
  });
3533
3654
  vui.location.watchRoute((route) => {
3534
- if (!props12.router) return;
3535
- const path = props12.withQuery ? route.fullPath : route.path;
3655
+ if (!props13.router) return;
3656
+ const path = props13.withQuery ? route.fullPath : route.path;
3536
3657
  const hit = computedItemsRef.value.find(({
3537
3658
  location
3538
3659
  }) => location && location.route.fullPath === path);
@@ -3613,10 +3734,10 @@ var VBreadcrumbs = defineComponent({
3613
3734
  },
3614
3735
  divider: [String, Function]
3615
3736
  },
3616
- setup(props12, ctx) {
3737
+ setup(props13, ctx) {
3617
3738
  const vui = useVui();
3618
3739
  const computedItemsRef = computed(() => {
3619
- const items = props12.items.map((rawItem) => typeof rawItem === "string" ? {
3740
+ const items = props13.items.map((rawItem) => typeof rawItem === "string" ? {
3620
3741
  text: rawItem
3621
3742
  } : rawItem);
3622
3743
  return items.map((item) => {
@@ -3641,7 +3762,7 @@ var VBreadcrumbs = defineComponent({
3641
3762
  return () => {
3642
3763
  if (lengthRef.value < 1) return;
3643
3764
  let dividerSlot;
3644
- const propDivider = props12.divider;
3765
+ const propDivider = props13.divider;
3645
3766
  if (propDivider) {
3646
3767
  dividerSlot = typeof propDivider === "function" ? propDivider : () => propDivider;
3647
3768
  } else {
@@ -3712,12 +3833,12 @@ var VContentSwitcher = defineComponent({
3712
3833
  emits: {
3713
3834
  "update:modelValue": (modelValue) => true
3714
3835
  },
3715
- setup(props12, ctx) {
3836
+ setup(props13, ctx) {
3716
3837
  const internalValueRef = ref("");
3717
3838
  const transitionRef = ref("");
3718
3839
  const elRef = ref(null);
3719
3840
  const anchorRef = ref(null);
3720
- const computedOrderRef = computed(() => props12.order.map((row) => typeof row === "string" ? row : row.value));
3841
+ const computedOrderRef = computed(() => props13.order.map((row) => typeof row === "string" ? row : row.value));
3721
3842
  const currentRef = computed({
3722
3843
  get: () => internalValueRef.value,
3723
3844
  set: (current) => {
@@ -3730,7 +3851,7 @@ var VContentSwitcher = defineComponent({
3730
3851
  const autotopSettingsRef = computed(() => {
3731
3852
  let {
3732
3853
  autotop: settings
3733
- } = props12;
3854
+ } = props13;
3734
3855
  if (settings === true) settings = {};
3735
3856
  if (!settings) return;
3736
3857
  return {
@@ -3753,7 +3874,7 @@ var VContentSwitcher = defineComponent({
3753
3874
  }
3754
3875
  return el;
3755
3876
  }
3756
- watch(() => props12.modelValue, (value, beforeValue) => {
3877
+ watch(() => props13.modelValue, (value, beforeValue) => {
3757
3878
  if (value == null) return;
3758
3879
  internalValueRef.value = value;
3759
3880
  if (beforeValue == null) return;
@@ -3771,7 +3892,7 @@ var VContentSwitcher = defineComponent({
3771
3892
  });
3772
3893
  watch(currentRef, () => {
3773
3894
  const autotopSettings = autotopSettingsRef.value;
3774
- if (autotopSettings && props12.modelValue != null) {
3895
+ if (autotopSettings && props13.modelValue != null) {
3775
3896
  seeTop(autotopSettings);
3776
3897
  }
3777
3898
  });
@@ -3930,26 +4051,26 @@ var VDataTable = defineComponent({
3930
4051
  emits: {
3931
4052
  input: (selectedValues) => true
3932
4053
  },
3933
- setup(props12, ctx) {
4054
+ setup(props13, ctx) {
3934
4055
  const vui = useVui();
3935
4056
  const bootedRef = ref(false);
3936
4057
  const footerHeightRef = ref(0);
3937
- const internalValues = ref(props12.modelValue.slice());
4058
+ const internalValues = ref(props13.modelValue.slice());
3938
4059
  const rowSettings = computed(() => {
3939
4060
  const {
3940
4061
  rowSettings: rowSettings2
3941
- } = props12;
4062
+ } = props13;
3942
4063
  if (!rowSettings2) return () => ({});
3943
4064
  return typeof rowSettings2 === "function" ? rowSettings2 : () => rowSettings2;
3944
4065
  });
3945
4066
  const containedVariant = vui.setting("containedVariant");
3946
- const sortedItemKeysRef = computed(() => props12.items.map((item) => item[props12.itemKey]));
3947
- const isEmptyRef = computed(() => props12.items.length === 0);
4067
+ const sortedItemKeysRef = computed(() => props13.items.map((item) => item[props13.itemKey]));
4068
+ const isEmptyRef = computed(() => props13.items.length === 0);
3948
4069
  const headersRef = computed(() => {
3949
4070
  const {
3950
4071
  headers,
3951
4072
  selectable
3952
- } = props12;
4073
+ } = props13;
3953
4074
  const ret = [];
3954
4075
  if (selectable) {
3955
4076
  ret.push({
@@ -3964,7 +4085,7 @@ var VDataTable = defineComponent({
3964
4085
  const searchQueryValues = computed(() => {
3965
4086
  let {
3966
4087
  searchQuery
3967
- } = props12;
4088
+ } = props13;
3968
4089
  if (!searchQuery) {
3969
4090
  return [];
3970
4091
  }
@@ -3987,14 +4108,14 @@ var VDataTable = defineComponent({
3987
4108
  const emptyMessage = computed(() => {
3988
4109
  let message;
3989
4110
  if (searchQueryValues.value.length) {
3990
- message = props12.noResultsMessage || vui.setting("noResultsMessage") || "No search results found.";
4111
+ message = props13.noResultsMessage || vui.setting("noResultsMessage") || "No search results found.";
3991
4112
  } else {
3992
- message = props12.noDataMessage || vui.setting("noDataMessage") || "No data was available.";
4113
+ message = props13.noDataMessage || vui.setting("noDataMessage") || "No data was available.";
3993
4114
  }
3994
4115
  return typeof message === "function" ? message(vui) : message;
3995
4116
  });
3996
4117
  const classesRef = computed(() => [{
3997
- "v-data-table--fixed-header": props12.fixedHeader
4118
+ "v-data-table--fixed-header": props13.fixedHeader
3998
4119
  }]);
3999
4120
  const layout = VueAppLayout.use();
4000
4121
  const bodyInnerStylesRef = computed(() => {
@@ -4002,7 +4123,7 @@ var VDataTable = defineComponent({
4002
4123
  const {
4003
4124
  fixedHeader,
4004
4125
  maxHeight
4005
- } = props12;
4126
+ } = props13;
4006
4127
  const footerHeight = footerHeightRef.value;
4007
4128
  const _maxHeight = maxHeight || (fixedHeader ? "100%" : maxHeight);
4008
4129
  if (!_maxHeight) {
@@ -4012,24 +4133,24 @@ var VDataTable = defineComponent({
4012
4133
  maxHeight: layout.calculateViewHeight(_maxHeight, -footerHeight - 100, 200)
4013
4134
  };
4014
4135
  });
4015
- const defaultOrderQueryRef = computed(() => props12.defaultOrder === props12.ascQueryValue ? props12.ascQueryValue : props12.descQueryValue);
4016
- const isTransitioningRef = computed(() => vui.location.isQueryOnlyTransitioning([props12.pageQuery, props12.sortQuery, props12.orderQuery, props12.limitQuery]));
4017
- const pageRef = computed(() => vui.location.getQuery(props12.pageQuery, Number, 1));
4018
- const needShowHeaderControlRef = computed(() => props12.items.length > props12.controlThreshold);
4136
+ const defaultOrderQueryRef = computed(() => props13.defaultOrder === props13.ascQueryValue ? props13.ascQueryValue : props13.descQueryValue);
4137
+ const isTransitioningRef = computed(() => vui.location.isQueryOnlyTransitioning([props13.pageQuery, props13.sortQuery, props13.orderQuery, props13.limitQuery]));
4138
+ const pageRef = computed(() => vui.location.getQuery(props13.pageQuery, Number, 1));
4139
+ const needShowHeaderControlRef = computed(() => props13.items.length > props13.controlThreshold);
4019
4140
  const sortByRef = computed({
4020
- get: () => vui.location.getQuery(props12.sortQuery),
4141
+ get: () => vui.location.getQuery(props13.sortQuery),
4021
4142
  set(value) {
4022
4143
  vui.location.pushQuery({
4023
- [props12.sortQuery]: value || null,
4024
- [props12.pageQuery]: 1
4144
+ [props13.sortQuery]: value || null,
4145
+ [props13.pageQuery]: 1
4025
4146
  });
4026
4147
  }
4027
4148
  });
4028
- const ordersRef = computed(() => [props12.ascQueryValue, props12.descQueryValue]);
4029
- const usePagingRef = computed(() => props12.limits.length > 0);
4149
+ const ordersRef = computed(() => [props13.ascQueryValue, props13.descQueryValue]);
4150
+ const usePagingRef = computed(() => props13.limits.length > 0);
4030
4151
  const orderByRef = computed({
4031
4152
  get: () => {
4032
- const value = vui.location.getQuery(props12.orderQuery);
4153
+ const value = vui.location.getQuery(props13.orderQuery);
4033
4154
  if (typeof value !== "string" || !ordersRef.value.includes(value)) {
4034
4155
  return;
4035
4156
  }
@@ -4037,32 +4158,32 @@ var VDataTable = defineComponent({
4037
4158
  },
4038
4159
  set(value) {
4039
4160
  vui.location.pushQuery({
4040
- [props12.orderQuery]: value || null,
4041
- [props12.pageQuery]: 1
4161
+ [props13.orderQuery]: value || null,
4162
+ [props13.pageQuery]: 1
4042
4163
  });
4043
4164
  }
4044
4165
  });
4045
4166
  const offsetRef = computed(() => (pageRef.value - 1) * limitRef.value);
4046
4167
  const limitRef = computed({
4047
- get: () => vui.location.getQuery(props12.limitQuery, Number, props12.limitDefault),
4168
+ get: () => vui.location.getQuery(props13.limitQuery, Number, props13.limitDefault),
4048
4169
  set: (value) => {
4049
4170
  const page = Math.floor(offsetRef.value / value) + 1;
4050
4171
  vui.location.pushQuery({
4051
- [props12.limitQuery]: value,
4052
- [props12.pageQuery]: page
4172
+ [props13.limitQuery]: value,
4173
+ [props13.pageQuery]: page
4053
4174
  });
4054
4175
  }
4055
4176
  });
4056
4177
  const pageLengthRef = computed(() => {
4057
4178
  const {
4058
4179
  total
4059
- } = props12;
4180
+ } = props13;
4060
4181
  const _limit = limitRef.value;
4061
4182
  if (!total) return 0;
4062
4183
  return Math.ceil(total / _limit);
4063
4184
  });
4064
- const lengthRef = computed(() => props12.items.length);
4065
- const isASCRef = computed(() => orderByRef.value === props12.ascQueryValue);
4185
+ const lengthRef = computed(() => props13.items.length);
4186
+ const isASCRef = computed(() => orderByRef.value === props13.ascQueryValue);
4066
4187
  const sortIconRef = computed(() => {
4067
4188
  let icon = vui.icon("sort");
4068
4189
  if (typeof icon === "string") {
@@ -4089,21 +4210,21 @@ var VDataTable = defineComponent({
4089
4210
  if ((sort === void 0 || sortByRef.value === sort) && (order === void 0 || orderByRef.value === order)) return;
4090
4211
  const queries = {};
4091
4212
  if (sort) {
4092
- queries[props12.sortQuery] = sort;
4213
+ queries[props13.sortQuery] = sort;
4093
4214
  }
4094
4215
  if (order) {
4095
- queries[props12.orderQuery] = order;
4216
+ queries[props13.orderQuery] = order;
4096
4217
  }
4097
4218
  vui.location.pushQuery({
4098
4219
  ...queries,
4099
4220
  ...usePagingRef.value ? {
4100
- [props12.pageQuery]: 1
4221
+ [props13.pageQuery]: 1
4101
4222
  } : void 0
4102
4223
  });
4103
4224
  }
4104
4225
  function toggleOrderBy() {
4105
4226
  return setSort({
4106
- order: orderByRef.value === props12.ascQueryValue ? props12.descQueryValue : props12.ascQueryValue
4227
+ order: orderByRef.value === props13.ascQueryValue ? props13.descQueryValue : props13.ascQueryValue
4107
4228
  });
4108
4229
  }
4109
4230
  function isSelected(key) {
@@ -4166,7 +4287,7 @@ var VDataTable = defineComponent({
4166
4287
  "class": "v-data-table__pagination",
4167
4288
  "dense": true,
4168
4289
  "align": "right",
4169
- "routeQuery": props12.pageQuery,
4290
+ "routeQuery": props13.pageQuery,
4170
4291
  "modelValue": pageRef.value,
4171
4292
  "length": pageLengthRef.value
4172
4293
  }, null);
@@ -4174,7 +4295,7 @@ var VDataTable = defineComponent({
4174
4295
  function genControls() {
4175
4296
  const {
4176
4297
  total
4177
- } = props12;
4298
+ } = props13;
4178
4299
  const offset = offsetRef.value;
4179
4300
  const length = lengthRef.value;
4180
4301
  return createVNode("div", {
@@ -4192,7 +4313,7 @@ var VDataTable = defineComponent({
4192
4313
  "size": "sm",
4193
4314
  "hiddenInfo": true,
4194
4315
  "disabled": isTransitioningRef.value,
4195
- "items": props12.limits.map((limit) => ({
4316
+ "items": props13.limits.map((limit) => ({
4196
4317
  label: `${limit}\u4EF6`,
4197
4318
  value: limit
4198
4319
  })),
@@ -4209,7 +4330,7 @@ var VDataTable = defineComponent({
4209
4330
  const {
4210
4331
  defaultOrder,
4211
4332
  ascQueryValue
4212
- } = props12;
4333
+ } = props13;
4213
4334
  const children = headersRef.value.map((header) => {
4214
4335
  const {
4215
4336
  label,
@@ -4357,7 +4478,7 @@ var VDataTable = defineComponent({
4357
4478
  const {
4358
4479
  items,
4359
4480
  itemKey
4360
- } = props12;
4481
+ } = props13;
4361
4482
  const {
4362
4483
  item: itemSlot = defaultItemSlot
4363
4484
  } = ctx.slots;
@@ -4374,10 +4495,10 @@ var VDataTable = defineComponent({
4374
4495
  "class": "v-data-table__table__body"
4375
4496
  }, [children]);
4376
4497
  }
4377
- watch(() => props12.modelValue, (modelValue) => {
4498
+ watch(() => props13.modelValue, (modelValue) => {
4378
4499
  internalValues.value = modelValue.slice();
4379
4500
  });
4380
- watch(() => props12.items, (items) => {
4501
+ watch(() => props13.items, (items) => {
4381
4502
  internalValues.value = internalValues.value.filter((key) => sortedItemKeysRef.value.includes(key));
4382
4503
  });
4383
4504
  onMounted(() => {
@@ -4437,15 +4558,15 @@ var VToolbar = defineComponent({
4437
4558
  ...colorSchemeProps(),
4438
4559
  dense: Boolean
4439
4560
  },
4440
- setup(props12, ctx) {
4561
+ setup(props13, ctx) {
4441
4562
  const vui = useVui();
4442
- const elevation = useElevation(props12, {
4563
+ const elevation = useElevation(props13, {
4443
4564
  defaultValue: 4
4444
4565
  });
4445
- const dense = computed(() => props12.dense);
4566
+ const dense = computed(() => props13.dense);
4446
4567
  const color = useColorClasses({
4447
- color: () => props12.color,
4448
- variant: () => props12.variant || vui.setting("containedVariant")
4568
+ color: () => props13.color,
4569
+ variant: () => props13.variant || vui.setting("containedVariant")
4449
4570
  });
4450
4571
  const classes = computed(() => [elevation.elevationClassName.value, color.colorClasses.value, {
4451
4572
  "v-toolbar--plain": !color.color.value.value,
@@ -4460,11 +4581,11 @@ var VToolbarMenu = defineComponent({
4460
4581
  name: "VToolbarMenu",
4461
4582
  inheritAttrs: false,
4462
4583
  props: {},
4463
- setup(props12, ctx) {
4584
+ setup(props13, ctx) {
4464
4585
  const vui = useVui();
4465
4586
  const plain = vui.setting("plainVariant");
4466
4587
  return () => {
4467
- const variant = props12.variant || plain;
4588
+ const variant = props13.variant || plain;
4468
4589
  return createVNode(VButton, mergeProps(ctx.attrs, {
4469
4590
  "variant": variant,
4470
4591
  "class": ["v-toolbar-menu"]
@@ -4482,8 +4603,8 @@ var VToolbarEdge = defineComponent({
4482
4603
  required: true
4483
4604
  }
4484
4605
  },
4485
- setup(props12, ctx) {
4486
- const edge = computed(() => props12.edge);
4606
+ setup(props13, ctx) {
4607
+ const edge = computed(() => props13.edge);
4487
4608
  return () => {
4488
4609
  const children = renderSlotOrEmpty(ctx.slots, "default");
4489
4610
  const hasChildren = !!children && children.length > 0;
@@ -4495,7 +4616,7 @@ var VToolbarEdge = defineComponent({
4495
4616
  };
4496
4617
  }
4497
4618
  });
4498
- var slots11 = defineSlots();
4619
+ var slots12 = defineSlots();
4499
4620
  var VToolbarTitle = defineComponent({
4500
4621
  name: "VToolbarTitle",
4501
4622
  props: {
@@ -4503,11 +4624,11 @@ var VToolbarTitle = defineComponent({
4503
4624
  type: String,
4504
4625
  default: "span"
4505
4626
  },
4506
- ...slots11()
4627
+ ...slots12()
4507
4628
  },
4508
- slots: slots11,
4509
- setup(props12, ctx) {
4510
- const _TagName = computed(() => props12.tag);
4629
+ slots: slots12,
4630
+ setup(props13, ctx) {
4631
+ const _TagName = computed(() => props13.tag);
4511
4632
  return () => {
4512
4633
  const TagName = _TagName.value;
4513
4634
  return createVNode(TagName, {
@@ -4612,26 +4733,26 @@ var VuiService = class {
4612
4733
  })
4613
4734
  };
4614
4735
  this.dialog = this.stack.createLauncher(VDialog);
4615
- this.alert = this.stack.createLauncher(VDialog, (props12) => {
4616
- const actions = [...props12?.actions || []];
4736
+ this.alert = this.stack.createLauncher(VDialog, (props13) => {
4737
+ const actions = [...props13?.actions || []];
4617
4738
  if (!actions.length) {
4618
4739
  actions.push(this.stackAction("ok"));
4619
4740
  }
4620
- const backdrop = props12?.backdrop == null ? true : props12?.backdrop;
4741
+ const backdrop = props13?.backdrop == null ? true : props13?.backdrop;
4621
4742
  return {
4622
- ...props12,
4743
+ ...props13,
4623
4744
  backdrop,
4624
4745
  actions
4625
4746
  };
4626
4747
  });
4627
- this.confirm = this.stack.createLauncher(VDialog, (props12) => {
4628
- const actions = [...props12?.actions || []];
4748
+ this.confirm = this.stack.createLauncher(VDialog, (props13) => {
4749
+ const actions = [...props13?.actions || []];
4629
4750
  if (!actions.length) {
4630
4751
  actions.push(this.stackAction("cancel"), this.stackAction("ok"));
4631
4752
  }
4632
- const backdrop = props12?.backdrop == null ? true : props12?.backdrop;
4753
+ const backdrop = props13?.backdrop == null ? true : props13?.backdrop;
4633
4754
  return {
4634
- ...props12,
4755
+ ...props13,
4635
4756
  backdrop,
4636
4757
  actions
4637
4758
  };
@@ -4832,6 +4953,6 @@ function installVuiPlugin(app, opts) {
4832
4953
  return app.use(VuiPlugin, opts);
4833
4954
  }
4834
4955
 
4835
- export { ARROW_KEY_TYPES, AVATAR_SIZES, BUTTON_ALIGNS, CHIP_SIZES, CHOICE_KEY_TYPES, CONTROL_FIELD_VARIANTS, CONTROL_LOADING_SPINNER_SIZES, CONTROL_SIZES, DISABLED_REASON_PROPS, KEYBOARD_EVENT_TYPES, PAGINATION_ALIGNS, VApp, VAvatar, VBreadcrumbs, VBusyImage, VButton, VButtonGroup, VCard, VCardActions, VCardContent, VCheckbox, VCheckboxGroup, VChip, VContentSwitcher, VControlField, VDataTable, VDialog, VDisabledReason, VDrawerLayout, VForm, VFormControl, VFormGroup, VGridContainer, VGridItem, VHero, VIcon, VListTile, VMenu, VNavigation, VNavigationItem, VNumberField, VOption, VOptionGroup, VPagination, VPaper, VRadio, VRadioGroup, VSelect, VSheetModal, VSkeltonLoaderBone, VSnackbar, VSwitch, VSwitchGroup, VTabs, VTextCounter, VTextField, VTextarea, VToolbar, VToolbarEdge, VToolbarMenu, VToolbarTitle, VTooltip, VUI_CHECKBOX_GROUP_SYMBOL, VUI_CHECKBOX_SYMBOL, VUI_FORM_GROUP_SYMBOL, VUI_FORM_SYMBOL, VUI_OPTION_SYMBOL, VUI_RADIO_GROUP_SYMBOL, VUI_RADIO_SYMBOL, VUI_SELECT_SYMBOL, VUI_SWITCH_GROUP_SYMBOL, VUI_SWITCH_SYMBOL, VUI_TEXTAREA_SYMBOL, VUI_TEXT_FIELD_SYMBOL, VuiColorProviderInjectionKey, VuiControlFieldInjectionKey, VuiControlInjectionKey, VuiInjectionKey, VuiPlugin, VuiService, configureDataTableDefaults, createAvatarProps, createCardProps, createChipProps, createControlFieldProps, createControlFieldProviderProps, createControlProps, createElevationProps, createListTileProps, createNavigationItemProps, createNavigationProps, createPaperBaseProps, createPaperProps, createRequiredChipRenderer, createVFormGroupProps, createVFormProps, defineFormSelectorComponent, formGroupSlots, formSlots, iconProps, installVuiPlugin, listTileEmits, mergeVuiPluginOptions, mergeVuiServiceIconSettings, mergeVuiServiceOptions, mergeVuiServiceUISettings, paginationProps, paperBaseSlots, rawIconProp, renderNavigationItemInput, resolveNavigationItemInput, resolveRawIconProp, sheetModalProps, splitAttrs, useControl, useControlField, useElevation, useVui, useVuiColorProvider, vueButtonProps };
4956
+ export { ARROW_KEY_TYPES, AVATAR_SIZES, BUTTON_ALIGNS, CHIP_SIZES, CHOICE_KEY_TYPES, CONTROL_FIELD_VARIANTS, CONTROL_LOADING_SPINNER_SIZES, CONTROL_SIZES, DISABLED_REASON_PROPS, KEYBOARD_EVENT_TYPES, PAGINATION_ALIGNS, VApp, VAvatar, VBreadcrumbs, VBusyImage, VButton, VButtonGroup, VCard, VCardActions, VCardContent, VCheckbox, VCheckboxGroup, VChip, VContentSwitcher, VControlField, VDataTable, VDialog, VDisabledReason, VDrawerLayout, VFileInput, VForm, VFormControl, VFormGroup, VGridContainer, VGridItem, VHero, VIcon, VListTile, VMenu, VNavigation, VNavigationItem, VNumberField, VOption, VOptionGroup, VPagination, VPaper, VRadio, VRadioGroup, VSelect, VSheetModal, VSkeltonLoaderBone, VSnackbar, VSwitch, VSwitchGroup, VTabs, VTextCounter, VTextField, VTextarea, VToolbar, VToolbarEdge, VToolbarMenu, VToolbarTitle, VTooltip, VUI_CHECKBOX_GROUP_SYMBOL, VUI_CHECKBOX_SYMBOL, VUI_FILE_INPUT_SYMBOL, VUI_FORM_GROUP_SYMBOL, VUI_FORM_SYMBOL, VUI_OPTION_SYMBOL, VUI_RADIO_GROUP_SYMBOL, VUI_RADIO_SYMBOL, VUI_SELECT_SYMBOL, VUI_SWITCH_GROUP_SYMBOL, VUI_SWITCH_SYMBOL, VUI_TEXTAREA_SYMBOL, VUI_TEXT_FIELD_SYMBOL, VuiColorProviderInjectionKey, VuiControlFieldInjectionKey, VuiControlInjectionKey, VuiInjectionKey, VuiPlugin, VuiService, configureDataTableDefaults, createAvatarProps, createCardProps, createChipProps, createControlFieldProps, createControlFieldProviderProps, createControlProps, createElevationProps, createListTileProps, createNavigationItemProps, createNavigationProps, createPaperBaseProps, createPaperProps, createRequiredChipRenderer, createVFormGroupProps, createVFormProps, defineFormSelectorComponent, formGroupSlots, formSlots, iconProps, installVuiPlugin, listTileEmits, mergeVuiPluginOptions, mergeVuiServiceIconSettings, mergeVuiServiceOptions, mergeVuiServiceUISettings, paginationProps, paperBaseSlots, rawIconProp, renderNavigationItemInput, resolveNavigationItemInput, resolveRawIconProp, sheetModalProps, splitAttrs, useControl, useControlField, useElevation, useVui, useVuiColorProvider, vueButtonProps };
4836
4957
  //# sourceMappingURL=vui.mjs.map
4837
4958
  //# sourceMappingURL=vui.mjs.map