@vuetify/nightly 4.0.0-dev-20230419.0 → 4.0.0-dev-20230421.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 (121) hide show
  1. package/CHANGELOG.md +7 -2
  2. package/dist/json/attributes.json +172 -108
  3. package/dist/json/importMap.json +34 -34
  4. package/dist/json/tags.json +16 -0
  5. package/dist/json/web-types.json +522 -220
  6. package/dist/vuetify-labs.css +293 -130
  7. package/dist/vuetify-labs.d.ts +620 -171
  8. package/dist/vuetify-labs.esm.js +867 -186
  9. package/dist/vuetify-labs.esm.js.map +1 -1
  10. package/dist/vuetify-labs.js +867 -185
  11. package/dist/vuetify-labs.min.css +2 -2
  12. package/dist/vuetify.css +166 -3
  13. package/dist/vuetify.d.ts +577 -160
  14. package/dist/vuetify.esm.js +809 -138
  15. package/dist/vuetify.esm.js.map +1 -1
  16. package/dist/vuetify.js +809 -137
  17. package/dist/vuetify.js.map +1 -1
  18. package/dist/vuetify.min.css +2 -2
  19. package/dist/vuetify.min.js +802 -736
  20. package/dist/vuetify.min.js.map +1 -1
  21. package/lib/adapters/date-adapter.mjs +2 -0
  22. package/lib/adapters/date-adapter.mjs.map +1 -0
  23. package/lib/adapters/vuetify.mjs +399 -0
  24. package/lib/adapters/vuetify.mjs.map +1 -0
  25. package/lib/blueprints/index.d.ts +34 -0
  26. package/lib/blueprints/md1.d.ts +34 -0
  27. package/lib/blueprints/md2.d.ts +34 -0
  28. package/lib/blueprints/md3.d.ts +34 -0
  29. package/lib/components/VAppBar/VAppBar.mjs +62 -10
  30. package/lib/components/VAppBar/VAppBar.mjs.map +1 -1
  31. package/lib/components/VAppBar/index.d.ts +26 -0
  32. package/lib/components/VAutocomplete/VAutocomplete.css +9 -0
  33. package/lib/components/VAutocomplete/VAutocomplete.mjs +50 -6
  34. package/lib/components/VAutocomplete/VAutocomplete.mjs.map +1 -1
  35. package/lib/components/VAutocomplete/VAutocomplete.sass +10 -0
  36. package/lib/components/VAutocomplete/index.d.ts +29 -17
  37. package/lib/components/VBtn/_mixins.scss +1 -1
  38. package/lib/components/VCard/VCard.mjs.map +1 -1
  39. package/lib/components/VCard/index.d.ts +21 -16
  40. package/lib/components/VCheckbox/VCheckbox.mjs +2 -2
  41. package/lib/components/VCheckbox/VCheckbox.mjs.map +1 -1
  42. package/lib/components/VCheckbox/index.d.ts +22 -1
  43. package/lib/components/VCombobox/VCombobox.css +1 -1
  44. package/lib/components/VCombobox/VCombobox.mjs +6 -4
  45. package/lib/components/VCombobox/VCombobox.mjs.map +1 -1
  46. package/lib/components/VCombobox/VCombobox.sass +1 -1
  47. package/lib/components/VCombobox/index.d.ts +29 -17
  48. package/lib/components/VField/index.d.ts +6 -0
  49. package/lib/components/VFileInput/VFileInput.mjs +13 -17
  50. package/lib/components/VFileInput/VFileInput.mjs.map +1 -1
  51. package/lib/components/VFileInput/index.d.ts +68 -23
  52. package/lib/components/VInput/VInput.mjs +14 -7
  53. package/lib/components/VInput/VInput.mjs.map +1 -1
  54. package/lib/components/VInput/index.d.ts +22 -1
  55. package/lib/components/VOverlay/locationStrategies.mjs +9 -4
  56. package/lib/components/VOverlay/locationStrategies.mjs.map +1 -1
  57. package/lib/components/VRadioGroup/VRadioGroup.mjs +2 -2
  58. package/lib/components/VRadioGroup/VRadioGroup.mjs.map +1 -1
  59. package/lib/components/VRadioGroup/index.d.ts +22 -1
  60. package/lib/components/VRangeSlider/VRangeSlider.mjs +33 -22
  61. package/lib/components/VRangeSlider/VRangeSlider.mjs.map +1 -1
  62. package/lib/components/VRangeSlider/index.d.ts +39 -6
  63. package/lib/components/VSelect/VSelect.mjs +6 -0
  64. package/lib/components/VSelect/VSelect.mjs.map +1 -1
  65. package/lib/components/VSelect/index.d.ts +32 -17
  66. package/lib/components/VSlider/VSlider.mjs +33 -15
  67. package/lib/components/VSlider/VSlider.mjs.map +1 -1
  68. package/lib/components/VSlider/index.d.ts +39 -6
  69. package/lib/components/VSlider/slider.mjs +47 -24
  70. package/lib/components/VSlider/slider.mjs.map +1 -1
  71. package/lib/components/VSwitch/VSwitch.mjs +5 -3
  72. package/lib/components/VSwitch/VSwitch.mjs.map +1 -1
  73. package/lib/components/VSwitch/index.d.ts +43 -1
  74. package/lib/components/VTextField/VTextField.mjs +4 -12
  75. package/lib/components/VTextField/VTextField.mjs.map +1 -1
  76. package/lib/components/VTextField/index.d.ts +70 -22
  77. package/lib/components/VTextarea/VTextarea.mjs +4 -12
  78. package/lib/components/VTextarea/VTextarea.mjs.map +1 -1
  79. package/lib/components/VTextarea/index.d.ts +61 -22
  80. package/lib/components/VToolbar/VToolbar.css +3 -1
  81. package/lib/components/VToolbar/VToolbar.sass +3 -1
  82. package/lib/components/VValidation/index.d.ts +10 -1
  83. package/lib/components/index.d.ts +525 -150
  84. package/lib/composables/date.mjs +39 -0
  85. package/lib/composables/date.mjs.map +1 -0
  86. package/lib/composables/focus.mjs +3 -2
  87. package/lib/composables/focus.mjs.map +1 -1
  88. package/lib/composables/index.mjs +1 -0
  89. package/lib/composables/index.mjs.map +1 -1
  90. package/lib/composables/items.mjs +7 -2
  91. package/lib/composables/items.mjs.map +1 -1
  92. package/lib/composables/scroll.mjs +3 -0
  93. package/lib/composables/scroll.mjs.map +1 -1
  94. package/lib/entry-bundler.mjs +1 -1
  95. package/lib/framework.mjs +8 -3
  96. package/lib/framework.mjs.map +1 -1
  97. package/lib/iconsets/mdi-svg.mjs +2 -2
  98. package/lib/iconsets/mdi-svg.mjs.map +1 -1
  99. package/lib/index.d.ts +52 -10
  100. package/lib/labs/VDataTable/VDataTable.mjs +2 -2
  101. package/lib/labs/VDataTable/VDataTable.mjs.map +1 -1
  102. package/lib/labs/VDataTable/VDataTableFooter.mjs.map +1 -1
  103. package/lib/labs/VDataTable/VDataTableHeaders.mjs.map +1 -1
  104. package/lib/labs/VDataTable/VDataTableRows.mjs +52 -44
  105. package/lib/labs/VDataTable/VDataTableRows.mjs.map +1 -1
  106. package/lib/labs/VDataTable/VDataTableServer.mjs +2 -1
  107. package/lib/labs/VDataTable/VDataTableServer.mjs.map +1 -1
  108. package/lib/labs/VDataTable/VDataTableVirtual.mjs +0 -1
  109. package/lib/labs/VDataTable/VDataTableVirtual.mjs.map +1 -1
  110. package/lib/labs/VDataTable/composables/options.mjs +2 -1
  111. package/lib/labs/VDataTable/composables/options.mjs.map +1 -1
  112. package/lib/labs/VDataTable/index.d.ts +44 -11
  113. package/lib/labs/VSkeletonLoader/VSkeletonLoader.mjs +1 -0
  114. package/lib/labs/VSkeletonLoader/VSkeletonLoader.mjs.map +1 -1
  115. package/lib/labs/VSkeletonLoader/index.d.ts +9 -9
  116. package/lib/labs/components.d.ts +53 -20
  117. package/lib/styles/main.css +152 -0
  118. package/lib/styles/settings/_utilities.scss +11 -1
  119. package/lib/util/helpers.mjs +4 -0
  120. package/lib/util/helpers.mjs.map +1 -1
  121. package/package.json +2 -2
package/lib/components/VAutocomplete/index.d.ts CHANGED
@@ -180,10 +180,10 @@ declare const VAutocomplete: {
180
180
  errorMessages: string | string[];
181
181
  maxErrors: string | number;
182
182
  rules: ValidationRule[];
183
+ persistentHint: boolean;
183
184
  clearable: boolean;
184
185
  persistentClear: boolean;
185
186
  singleLine: boolean;
186
- persistentHint: boolean;
187
187
  persistentPlaceholder: boolean;
188
188
  persistentCounter: boolean;
189
189
  valueComparator: typeof deepEqual;
@@ -276,6 +276,7 @@ declare const VAutocomplete: {
276
276
  'onClick:appendInner': vue.PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
277
277
  'onClick:prependInner': vue.PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
278
278
  focused: BooleanConstructor;
279
+ 'onUpdate:focused': vue.PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
279
280
  validateOn: vue.PropType<"input" | "blur" | "submit" | undefined>;
280
281
  errorMessages: {
281
282
  type: vue.PropType<string | string[]>;
@@ -289,12 +290,12 @@ declare const VAutocomplete: {
289
290
  type: vue.PropType<ValidationRule[]>;
290
291
  default: () => never[];
291
292
  };
293
+ hint: StringConstructor;
294
+ persistentHint: BooleanConstructor;
292
295
  hideDetails: vue.PropType<boolean | "auto">;
293
296
  clearable: BooleanConstructor;
294
297
  persistentClear: BooleanConstructor;
295
298
  singleLine: BooleanConstructor;
296
- hint: StringConstructor;
297
- persistentHint: BooleanConstructor;
298
299
  persistentPlaceholder: BooleanConstructor;
299
300
  persistentCounter: BooleanConstructor;
300
301
  suffix: StringConstructor;
@@ -672,9 +673,10 @@ declare const VAutocomplete: {
672
673
  noFilter: BooleanConstructor;
673
674
  search: StringConstructor;
674
675
  }, "multiple" | "$children" | "$slots" | "v-slots" | "items" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "onUpdate:modelValue" | "v-slot:loader" | "v-slot:details" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:item" | "returnObject" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">>> & {
676
+ "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
675
677
  "onUpdate:menu"?: ((val: boolean) => any) | undefined;
676
678
  "onUpdate:search"?: ((val: any) => any) | undefined;
677
- } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "flat" | "reverse" | "type" | "error" | "active" | "direction" | "transition" | "menu" | "autofocus" | "eager" | "disabled" | "readonly" | "noDataText" | "messages" | "rounded" | "density" | "variant" | "clearIcon" | "focused" | "errorMessages" | "maxErrors" | "rules" | "clearable" | "persistentClear" | "singleLine" | "persistentHint" | "persistentPlaceholder" | "persistentCounter" | "valueComparator" | "itemTitle" | "itemValue" | "itemChildren" | "itemProps" | "chips" | "closableChips" | "hideNoData" | "hideSelected" | "menuIcon" | "openOnClear" | "filterMode" | "noFilter" | "filterKeys">;
679
+ } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "flat" | "reverse" | "type" | "error" | "active" | "direction" | "transition" | "menu" | "autofocus" | "eager" | "disabled" | "readonly" | "noDataText" | "messages" | "rounded" | "density" | "variant" | "clearIcon" | "focused" | "errorMessages" | "maxErrors" | "rules" | "persistentHint" | "clearable" | "persistentClear" | "singleLine" | "persistentPlaceholder" | "persistentCounter" | "valueComparator" | "itemTitle" | "itemValue" | "itemChildren" | "itemProps" | "chips" | "closableChips" | "hideNoData" | "hideSelected" | "menuIcon" | "openOnClear" | "filterMode" | "noFilter" | "filterKeys">;
678
680
  $attrs: {
679
681
  [x: string]: unknown;
680
682
  };
@@ -686,7 +688,7 @@ declare const VAutocomplete: {
686
688
  }>;
687
689
  $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
688
690
  $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
689
- $emit: ((event: "update:menu", val: boolean) => void) & ((event: "update:search", val: any) => void);
691
+ $emit: ((event: "update:focused", focused: boolean) => void) & ((event: "update:menu", val: boolean) => void) & ((event: "update:search", val: any) => void);
690
692
  $el: any;
691
693
  $options: vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
692
694
  transition: Omit<{
@@ -764,6 +766,7 @@ declare const VAutocomplete: {
764
766
  'onClick:appendInner': vue.PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
765
767
  'onClick:prependInner': vue.PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
766
768
  focused: BooleanConstructor;
769
+ 'onUpdate:focused': vue.PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
767
770
  validateOn: vue.PropType<"input" | "blur" | "submit" | undefined>;
768
771
  errorMessages: {
769
772
  type: vue.PropType<string | string[]>;
@@ -777,12 +780,12 @@ declare const VAutocomplete: {
777
780
  type: vue.PropType<ValidationRule[]>;
778
781
  default: () => never[];
779
782
  };
783
+ hint: StringConstructor;
784
+ persistentHint: BooleanConstructor;
780
785
  hideDetails: vue.PropType<boolean | "auto">;
781
786
  clearable: BooleanConstructor;
782
787
  persistentClear: BooleanConstructor;
783
788
  singleLine: BooleanConstructor;
784
- hint: StringConstructor;
785
- persistentHint: BooleanConstructor;
786
789
  persistentPlaceholder: BooleanConstructor;
787
790
  persistentCounter: BooleanConstructor;
788
791
  suffix: StringConstructor;
@@ -1160,6 +1163,7 @@ declare const VAutocomplete: {
1160
1163
  noFilter: BooleanConstructor;
1161
1164
  search: StringConstructor;
1162
1165
  }, "multiple" | "$children" | "$slots" | "v-slots" | "items" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "onUpdate:modelValue" | "v-slot:loader" | "v-slot:details" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:item" | "returnObject" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">>> & {
1166
+ "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
1163
1167
  "onUpdate:menu"?: ((val: boolean) => any) | undefined;
1164
1168
  "onUpdate:search"?: ((val: any) => any) | undefined;
1165
1169
  }, {
@@ -1172,6 +1176,7 @@ declare const VAutocomplete: {
1172
1176
  filteredItems: vue.Ref<InternalItem<any>[]>;
1173
1177
  select: (item: InternalItem) => void;
1174
1178
  } & Omit<any, string | number | symbol>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
1179
+ 'update:focused': (focused: boolean) => boolean;
1175
1180
  'update:search': (val: any) => true;
1176
1181
  'update:modelValue': (val: any) => boolean;
1177
1182
  'update:menu': (val: boolean) => true;
@@ -1200,10 +1205,10 @@ declare const VAutocomplete: {
1200
1205
  errorMessages: string | string[];
1201
1206
  maxErrors: string | number;
1202
1207
  rules: ValidationRule[];
1208
+ persistentHint: boolean;
1203
1209
  clearable: boolean;
1204
1210
  persistentClear: boolean;
1205
1211
  singleLine: boolean;
1206
- persistentHint: boolean;
1207
1212
  persistentPlaceholder: boolean;
1208
1213
  persistentCounter: boolean;
1209
1214
  valueComparator: typeof deepEqual;
@@ -1316,6 +1321,7 @@ declare const VAutocomplete: {
1316
1321
  'onClick:appendInner': vue.PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
1317
1322
  'onClick:prependInner': vue.PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
1318
1323
  focused: BooleanConstructor;
1324
+ 'onUpdate:focused': vue.PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
1319
1325
  validateOn: vue.PropType<"input" | "blur" | "submit" | undefined>;
1320
1326
  errorMessages: {
1321
1327
  type: vue.PropType<string | string[]>;
@@ -1329,12 +1335,12 @@ declare const VAutocomplete: {
1329
1335
  type: vue.PropType<ValidationRule[]>;
1330
1336
  default: () => never[];
1331
1337
  };
1338
+ hint: StringConstructor;
1339
+ persistentHint: BooleanConstructor;
1332
1340
  hideDetails: vue.PropType<boolean | "auto">;
1333
1341
  clearable: BooleanConstructor;
1334
1342
  persistentClear: BooleanConstructor;
1335
1343
  singleLine: BooleanConstructor;
1336
- hint: StringConstructor;
1337
- persistentHint: BooleanConstructor;
1338
1344
  persistentPlaceholder: BooleanConstructor;
1339
1345
  persistentCounter: BooleanConstructor;
1340
1346
  suffix: StringConstructor;
@@ -1712,6 +1718,7 @@ declare const VAutocomplete: {
1712
1718
  noFilter: BooleanConstructor;
1713
1719
  search: StringConstructor;
1714
1720
  }, "multiple" | "$children" | "$slots" | "v-slots" | "items" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "onUpdate:modelValue" | "v-slot:loader" | "v-slot:details" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:item" | "returnObject" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">>> & {
1721
+ "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
1715
1722
  "onUpdate:menu"?: ((val: boolean) => any) | undefined;
1716
1723
  "onUpdate:search"?: ((val: any) => any) | undefined;
1717
1724
  } & vue.ShallowUnwrapRef<{
@@ -1803,6 +1810,7 @@ declare const VAutocomplete: {
1803
1810
  'onClick:appendInner': vue.PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
1804
1811
  'onClick:prependInner': vue.PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
1805
1812
  focused: BooleanConstructor;
1813
+ 'onUpdate:focused': vue.PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
1806
1814
  validateOn: vue.PropType<"input" | "blur" | "submit" | undefined>;
1807
1815
  errorMessages: {
1808
1816
  type: vue.PropType<string | string[]>;
@@ -1816,12 +1824,12 @@ declare const VAutocomplete: {
1816
1824
  type: vue.PropType<ValidationRule[]>;
1817
1825
  default: () => never[];
1818
1826
  };
1827
+ hint: StringConstructor;
1828
+ persistentHint: BooleanConstructor;
1819
1829
  hideDetails: vue.PropType<boolean | "auto">;
1820
1830
  clearable: BooleanConstructor;
1821
1831
  persistentClear: BooleanConstructor;
1822
1832
  singleLine: BooleanConstructor;
1823
- hint: StringConstructor;
1824
- persistentHint: BooleanConstructor;
1825
1833
  persistentPlaceholder: BooleanConstructor;
1826
1834
  persistentCounter: BooleanConstructor;
1827
1835
  suffix: StringConstructor;
@@ -2199,6 +2207,7 @@ declare const VAutocomplete: {
2199
2207
  noFilter: BooleanConstructor;
2200
2208
  search: StringConstructor;
2201
2209
  }, "multiple" | "$children" | "$slots" | "v-slots" | "items" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "onUpdate:modelValue" | "v-slot:loader" | "v-slot:details" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:item" | "returnObject" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">>> & {
2210
+ "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
2202
2211
  "onUpdate:menu"?: ((val: boolean) => any) | undefined;
2203
2212
  "onUpdate:search"?: ((val: any) => any) | undefined;
2204
2213
  }, {
@@ -2211,6 +2220,7 @@ declare const VAutocomplete: {
2211
2220
  filteredItems: vue.Ref<InternalItem<any>[]>;
2212
2221
  select: (item: InternalItem) => void;
2213
2222
  } & Omit<any, string | number | symbol>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
2223
+ 'update:focused': (focused: boolean) => boolean;
2214
2224
  'update:search': (val: any) => true;
2215
2225
  'update:modelValue': (val: any) => boolean;
2216
2226
  'update:menu': (val: boolean) => true;
@@ -2239,10 +2249,10 @@ declare const VAutocomplete: {
2239
2249
  errorMessages: string | string[];
2240
2250
  maxErrors: string | number;
2241
2251
  rules: ValidationRule[];
2252
+ persistentHint: boolean;
2242
2253
  clearable: boolean;
2243
2254
  persistentClear: boolean;
2244
2255
  singleLine: boolean;
2245
- persistentHint: boolean;
2246
2256
  persistentPlaceholder: boolean;
2247
2257
  persistentCounter: boolean;
2248
2258
  valueComparator: typeof deepEqual;
@@ -2451,6 +2461,7 @@ declare const VAutocomplete: {
2451
2461
  'onClick:appendInner': vue.PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
2452
2462
  'onClick:prependInner': vue.PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
2453
2463
  focused: BooleanConstructor;
2464
+ 'onUpdate:focused': vue.PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
2454
2465
  validateOn: vue.PropType<"input" | "blur" | "submit" | undefined>;
2455
2466
  errorMessages: {
2456
2467
  type: vue.PropType<string | string[]>;
@@ -2464,12 +2475,12 @@ declare const VAutocomplete: {
2464
2475
  type: vue.PropType<ValidationRule[]>;
2465
2476
  default: () => never[];
2466
2477
  };
2478
+ hint: StringConstructor;
2479
+ persistentHint: BooleanConstructor;
2467
2480
  hideDetails: vue.PropType<boolean | "auto">;
2468
2481
  clearable: BooleanConstructor;
2469
2482
  persistentClear: BooleanConstructor;
2470
2483
  singleLine: BooleanConstructor;
2471
- hint: StringConstructor;
2472
- persistentHint: BooleanConstructor;
2473
2484
  persistentPlaceholder: BooleanConstructor;
2474
2485
  persistentCounter: BooleanConstructor;
2475
2486
  suffix: StringConstructor;
@@ -2922,6 +2933,7 @@ declare const VAutocomplete: {
2922
2933
  'onClick:appendInner': vue.PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
2923
2934
  'onClick:prependInner': vue.PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
2924
2935
  focused: BooleanConstructor;
2936
+ 'onUpdate:focused': vue.PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
2925
2937
  validateOn: vue.PropType<"input" | "blur" | "submit" | undefined>;
2926
2938
  errorMessages: {
2927
2939
  type: vue.PropType<string | string[]>;
@@ -2935,12 +2947,12 @@ declare const VAutocomplete: {
2935
2947
  type: vue.PropType<ValidationRule[]>;
2936
2948
  default: () => never[];
2937
2949
  };
2950
+ hint: StringConstructor;
2951
+ persistentHint: BooleanConstructor;
2938
2952
  hideDetails: vue.PropType<boolean | "auto">;
2939
2953
  clearable: BooleanConstructor;
2940
2954
  persistentClear: BooleanConstructor;
2941
2955
  singleLine: BooleanConstructor;
2942
- hint: StringConstructor;
2943
- persistentHint: BooleanConstructor;
2944
2956
  persistentPlaceholder: BooleanConstructor;
2945
2957
  persistentCounter: BooleanConstructor;
2946
2958
  suffix: StringConstructor;
package/lib/components/VBtn/_mixins.scss CHANGED
@@ -8,7 +8,7 @@
8
8
  @mixin button-sizes ($map: $button-sizes, $immediate: false) {
9
9
  @each $sizeName, $multiplier in settings.$size-scales {
10
10
  $size: map.get($map, 'font-size') + math.div(2 * $multiplier, 16);
11
- $height: map.get($map, 'height') + (8 * $multiplier);
11
+ $height: map.get($map, 'height') + (settings.$size-scale * $multiplier);
12
12
 
13
13
  #{if($immediate, &, '')}.v-btn--size-#{$sizeName} {
14
14
  --v-btn-size: #{$size};
package/lib/components/VCard/VCard.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"VCard.mjs","names":["VCardActions","VCardItem","VCardText","VDefaultsProvider","VImg","Ripple","genOverlays","makeVariantProps","useVariant","IconValue","LoaderSlot","makeLoaderProps","useLoader","makeBorderProps","useBorder","makeDensityProps","useDensity","makeDimensionProps","useDimension","makeElevationProps","useElevation","makeLocationProps","useLocation","makePositionProps","usePosition","makeRoundedProps","useRounded","makeRouterProps","useLink","makeTagProps","makeThemeProps","provideTheme","computed","genericComponent","useRender","VCard","name","directives","props","appendAvatar","String","appendIcon","disabled","Boolean","flat","hover","image","link","type","default","undefined","prependAvatar","prependIcon","ripple","subtitle","text","title","variant","setup","_ref","attrs","slots","themeClasses","borderClasses","colorClasses","colorStyles","variantClasses","densityClasses","dimensionStyles","elevationClasses","loaderClasses","locationStyles","positionClasses","roundedClasses","isLink","value","isClickable","Tag","tag","hasTitle","hasSubtitle","hasHeader","hasAppend","append","hasPrepend","prepend","hasImage","hasCardItem","hasText","_withDirectives","_createVNode","href","navigate","cover","src","loading","loader","item","actions","_resolveDirective"],"sources":["../../../src/components/VCard/VCard.tsx"],"sourcesContent":["/* eslint-disable complexity */\n\n// Styles\nimport './VCard.sass'\n\n// Components\nimport { VCardActions } from './VCardActions'\nimport { VCardItem } from './VCardItem'\nimport { VCardText } from './VCardText'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VImg } from '@/components/VImg'\n\n// Directives\nimport { Ripple } from '@/directives/ripple'\n\n// Composables\nimport { genOverlays, makeVariantProps, useVariant } from '@/composables/variant'\nimport { IconValue } from '@/composables/icons'\nimport { LoaderSlot, makeLoaderProps, useLoader } from '@/composables/loader'\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makeLocationProps, useLocation } from '@/composables/location'\nimport { makePositionProps, usePosition } from '@/composables/position'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeRouterProps, useLink } from '@/composables/router'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\n\n// Utilities\nimport { computed } from 'vue'\nimport { genericComponent, useRender } from '@/util'\n\n// Types\nimport type { MakeSlots } from '@/util'\n\nexport type VCardSlots = MakeSlots<{\n default: []\n actions: []\n title: []\n subtitle: []\n text: []\n loader: []\n image: []\n prepend: []\n append: []\n}>\n\nexport const VCard = genericComponent<VCardSlots>()({\n name: 'VCard',\n\n directives: { Ripple },\n\n props: {\n appendAvatar: String,\n appendIcon: IconValue,\n disabled: Boolean,\n flat: Boolean,\n hover: Boolean,\n image: String,\n link: {\n type: Boolean,\n default: undefined,\n },\n prependAvatar: String,\n prependIcon: IconValue,\n ripple: {\n type: Boolean,\n default: true,\n },\n subtitle: String,\n text: String,\n title: String,\n\n ...makeThemeProps(),\n ...makeBorderProps(),\n ...makeDensityProps(),\n ...makeDimensionProps(),\n ...makeElevationProps(),\n ...makeLoaderProps(),\n ...makeLocationProps(),\n ...makePositionProps(),\n ...makeRoundedProps(),\n ...makeRouterProps(),\n ...makeTagProps(),\n ...makeVariantProps({ variant: 'elevated' } as const),\n },\n\n setup (props, { attrs, slots }) {\n const { themeClasses } = provideTheme(props)\n const { borderClasses } = useBorder(props)\n const { colorClasses, colorStyles, variantClasses } = useVariant(props)\n const { densityClasses } = useDensity(props)\n const { dimensionStyles } = useDimension(props)\n const { elevationClasses } = useElevation(props)\n const { loaderClasses } = useLoader(props)\n const { locationStyles } = useLocation(props)\n const { positionClasses } = usePosition(props)\n const { roundedClasses } = useRounded(props)\n const link = useLink(props, attrs)\n\n const isLink = computed(() => props.link !== false && link.isLink.value)\n const isClickable = computed(() =>\n !props.disabled &&\n props.link !== false &&\n (props.link || link.isClickable.value)\n )\n\n useRender(() => {\n const Tag = isLink.value ? 'a' : props.tag\n const hasTitle = !!(slots.title || props.title)\n const hasSubtitle = !!(slots.subtitle || props.subtitle)\n const hasHeader = hasTitle || hasSubtitle\n const hasAppend = !!(slots.append || props.appendAvatar || props.appendIcon)\n const hasPrepend = !!(slots.prepend || props.prependAvatar || props.prependIcon)\n const hasImage = !!(slots.image || props.image)\n const hasCardItem = hasHeader || hasPrepend || hasAppend\n const hasText = !!(slots.text || props.text)\n\n return (\n <Tag\n class={[\n 'v-card',\n {\n 'v-card--disabled': props.disabled,\n 'v-card--flat': props.flat,\n 'v-card--hover': props.hover && !(props.disabled || props.flat),\n 'v-card--link': isClickable.value,\n },\n themeClasses.value,\n borderClasses.value,\n colorClasses.value,\n densityClasses.value,\n elevationClasses.value,\n loaderClasses.value,\n positionClasses.value,\n roundedClasses.value,\n variantClasses.value,\n ]}\n style={[\n colorStyles.value,\n dimensionStyles.value,\n locationStyles.value,\n ]}\n href={ link.href.value }\n onClick={ isClickable.value && link.navigate }\n v-ripple={ isClickable.value && props.ripple }\n tabindex={ props.disabled ? -1 : undefined }\n >\n { hasImage && (\n <div key=\"image\" class=\"v-card__image\">\n { !slots.image ? (\n <VImg\n key=\"image-img\"\n cover\n src={ props.image }\n />\n ) : (\n <VDefaultsProvider\n key=\"image-defaults\"\n disabled={ !props.image }\n defaults={{\n VImg: {\n cover: true,\n src: props.image,\n },\n }}\n v-slots:default={ slots.image }\n />\n )}\n </div>\n )}\n\n <LoaderSlot\n name=\"v-card\"\n active={ !!props.loading }\n color={ typeof props.loading === 'boolean' ? undefined : props.loading }\n v-slots={{ default: slots.loader }}\n />\n\n { hasCardItem && (\n <VCardItem\n key=\"item\"\n prependAvatar={ props.prependAvatar }\n prependIcon={ props.prependIcon }\n title={ props.title }\n subtitle={ props.subtitle }\n appendAvatar={ props.appendAvatar }\n appendIcon={ props.appendIcon }\n >\n {{\n default: slots.item,\n prepend: slots.prepend,\n title: slots.title,\n subtitle: slots.subtitle,\n append: slots.append,\n }}\n </VCardItem>\n )}\n\n { hasText && (\n <VCardText key=\"text\">\n { slots.text?.() ?? props.text }\n </VCardText>\n )}\n\n { slots.default?.() }\n\n { slots.actions && (\n <VCardActions v-slots={{ default: slots.actions }} />\n )}\n\n { genOverlays(isClickable.value, 'v-card') }\n </Tag>\n )\n })\n\n return {}\n },\n})\n\nexport type VCard = InstanceType<typeof VCard>\n"],"mappings":"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"}
1
+ {"version":3,"file":"VCard.mjs","names":["VCardActions","VCardItem","VCardText","VDefaultsProvider","VImg","Ripple","genOverlays","makeVariantProps","useVariant","IconValue","LoaderSlot","makeLoaderProps","useLoader","makeBorderProps","useBorder","makeDensityProps","useDensity","makeDimensionProps","useDimension","makeElevationProps","useElevation","makeLocationProps","useLocation","makePositionProps","usePosition","makeRoundedProps","useRounded","makeRouterProps","useLink","makeTagProps","makeThemeProps","provideTheme","computed","genericComponent","useRender","VCard","name","directives","props","appendAvatar","String","appendIcon","disabled","Boolean","flat","hover","image","link","type","default","undefined","prependAvatar","prependIcon","ripple","subtitle","text","title","variant","setup","_ref","attrs","slots","themeClasses","borderClasses","colorClasses","colorStyles","variantClasses","densityClasses","dimensionStyles","elevationClasses","loaderClasses","locationStyles","positionClasses","roundedClasses","isLink","value","isClickable","Tag","tag","hasTitle","hasSubtitle","hasHeader","hasAppend","append","hasPrepend","prepend","hasImage","hasCardItem","hasText","_withDirectives","_createVNode","href","navigate","cover","src","loading","loader","item","actions","_resolveDirective"],"sources":["../../../src/components/VCard/VCard.tsx"],"sourcesContent":["/* eslint-disable complexity */\n\n// Styles\nimport './VCard.sass'\n\n// Components\nimport { VCardActions } from './VCardActions'\nimport { VCardItem } from './VCardItem'\nimport { VCardText } from './VCardText'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VImg } from '@/components/VImg'\n\n// Directives\nimport { Ripple } from '@/directives/ripple'\n\n// Composables\nimport { genOverlays, makeVariantProps, useVariant } from '@/composables/variant'\nimport { IconValue } from '@/composables/icons'\nimport { LoaderSlot, makeLoaderProps, useLoader } from '@/composables/loader'\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makeLocationProps, useLocation } from '@/composables/location'\nimport { makePositionProps, usePosition } from '@/composables/position'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeRouterProps, useLink } from '@/composables/router'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\n\n// Utilities\nimport { computed } from 'vue'\nimport { genericComponent, useRender } from '@/util'\n\n// Types\nimport type { MakeSlots } from '@/util'\nimport type { LoaderSlotProps } from '@/composables/loader'\n\nexport type VCardSlots = MakeSlots<{\n default: []\n actions: []\n title: []\n subtitle: []\n text: []\n loader: [LoaderSlotProps]\n image: []\n prepend: []\n append: []\n}>\n\nexport const VCard = genericComponent<VCardSlots>()({\n name: 'VCard',\n\n directives: { Ripple },\n\n props: {\n appendAvatar: String,\n appendIcon: IconValue,\n disabled: Boolean,\n flat: Boolean,\n hover: Boolean,\n image: String,\n link: {\n type: Boolean,\n default: undefined,\n },\n prependAvatar: String,\n prependIcon: IconValue,\n ripple: {\n type: Boolean,\n default: true,\n },\n subtitle: String,\n text: String,\n title: String,\n\n ...makeThemeProps(),\n ...makeBorderProps(),\n ...makeDensityProps(),\n ...makeDimensionProps(),\n ...makeElevationProps(),\n ...makeLoaderProps(),\n ...makeLocationProps(),\n ...makePositionProps(),\n ...makeRoundedProps(),\n ...makeRouterProps(),\n ...makeTagProps(),\n ...makeVariantProps({ variant: 'elevated' } as const),\n },\n\n setup (props, { attrs, slots }) {\n const { themeClasses } = provideTheme(props)\n const { borderClasses } = useBorder(props)\n const { colorClasses, colorStyles, variantClasses } = useVariant(props)\n const { densityClasses } = useDensity(props)\n const { dimensionStyles } = useDimension(props)\n const { elevationClasses } = useElevation(props)\n const { loaderClasses } = useLoader(props)\n const { locationStyles } = useLocation(props)\n const { positionClasses } = usePosition(props)\n const { roundedClasses } = useRounded(props)\n const link = useLink(props, attrs)\n\n const isLink = computed(() => props.link !== false && link.isLink.value)\n const isClickable = computed(() =>\n !props.disabled &&\n props.link !== false &&\n (props.link || link.isClickable.value)\n )\n\n useRender(() => {\n const Tag = isLink.value ? 'a' : props.tag\n const hasTitle = !!(slots.title || props.title)\n const hasSubtitle = !!(slots.subtitle || props.subtitle)\n const hasHeader = hasTitle || hasSubtitle\n const hasAppend = !!(slots.append || props.appendAvatar || props.appendIcon)\n const hasPrepend = !!(slots.prepend || props.prependAvatar || props.prependIcon)\n const hasImage = !!(slots.image || props.image)\n const hasCardItem = hasHeader || hasPrepend || hasAppend\n const hasText = !!(slots.text || props.text)\n\n return (\n <Tag\n class={[\n 'v-card',\n {\n 'v-card--disabled': props.disabled,\n 'v-card--flat': props.flat,\n 'v-card--hover': props.hover && !(props.disabled || props.flat),\n 'v-card--link': isClickable.value,\n },\n themeClasses.value,\n borderClasses.value,\n colorClasses.value,\n densityClasses.value,\n elevationClasses.value,\n loaderClasses.value,\n positionClasses.value,\n roundedClasses.value,\n variantClasses.value,\n ]}\n style={[\n colorStyles.value,\n dimensionStyles.value,\n locationStyles.value,\n ]}\n href={ link.href.value }\n onClick={ isClickable.value && link.navigate }\n v-ripple={ isClickable.value && props.ripple }\n tabindex={ props.disabled ? -1 : undefined }\n >\n { hasImage && (\n <div key=\"image\" class=\"v-card__image\">\n { !slots.image ? (\n <VImg\n key=\"image-img\"\n cover\n src={ props.image }\n />\n ) : (\n <VDefaultsProvider\n key=\"image-defaults\"\n disabled={ !props.image }\n defaults={{\n VImg: {\n cover: true,\n src: props.image,\n },\n }}\n v-slots:default={ slots.image }\n />\n )}\n </div>\n )}\n\n <LoaderSlot\n name=\"v-card\"\n active={ !!props.loading }\n color={ typeof props.loading === 'boolean' ? undefined : props.loading }\n v-slots={{ default: slots.loader }}\n />\n\n { hasCardItem && (\n <VCardItem\n key=\"item\"\n prependAvatar={ props.prependAvatar }\n prependIcon={ props.prependIcon }\n title={ props.title }\n subtitle={ props.subtitle }\n appendAvatar={ props.appendAvatar }\n appendIcon={ props.appendIcon }\n >\n {{\n default: slots.item,\n prepend: slots.prepend,\n title: slots.title,\n subtitle: slots.subtitle,\n append: slots.append,\n }}\n </VCardItem>\n )}\n\n { hasText && (\n <VCardText key=\"text\">\n { slots.text?.() ?? props.text }\n </VCardText>\n )}\n\n { slots.default?.() }\n\n { slots.actions && (\n <VCardActions v-slots={{ default: slots.actions }} />\n )}\n\n { genOverlays(isClickable.value, 'v-card') }\n </Tag>\n )\n })\n\n return {}\n },\n})\n\nexport type VCard = InstanceType<typeof VCard>\n"],"mappings":"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"}
package/lib/components/VCard/index.d.ts CHANGED
@@ -18,6 +18,11 @@ type Density = null | 'default' | 'comfortable' | 'compact';
18
18
  type IconValue = string | JSXComponent;
19
19
  declare const IconValue: PropType<IconValue>;
20
20
 
21
+ interface LoaderSlotProps {
22
+ color: string | undefined;
23
+ isActive: boolean;
24
+ }
25
+
21
26
  declare const VCard: {
22
27
  new (...args: any[]): {
23
28
  $: vue.ComponentInternalInstance;
@@ -77,7 +82,7 @@ declare const VCard: {
77
82
  title?: (() => vue.VNodeChild) | undefined;
78
83
  subtitle?: (() => vue.VNodeChild) | undefined;
79
84
  text?: (() => vue.VNodeChild) | undefined;
80
- loader?: (() => vue.VNodeChild) | undefined;
85
+ loader?: ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
81
86
  image?: (() => vue.VNodeChild) | undefined;
82
87
  prepend?: (() => vue.VNodeChild) | undefined;
83
88
  append?: (() => vue.VNodeChild) | undefined;
@@ -88,7 +93,7 @@ declare const VCard: {
88
93
  title?: (() => vue.VNodeChild) | undefined;
89
94
  subtitle?: (() => vue.VNodeChild) | undefined;
90
95
  text?: (() => vue.VNodeChild) | undefined;
91
- loader?: (() => vue.VNodeChild) | undefined;
96
+ loader?: ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
92
97
  image?: (() => vue.VNodeChild) | undefined;
93
98
  prepend?: (() => vue.VNodeChild) | undefined;
94
99
  append?: (() => vue.VNodeChild) | undefined;
@@ -99,7 +104,7 @@ declare const VCard: {
99
104
  title?: false | (() => vue.VNodeChild) | undefined;
100
105
  subtitle?: false | (() => vue.VNodeChild) | undefined;
101
106
  text?: false | (() => vue.VNodeChild) | undefined;
102
- loader?: false | (() => vue.VNodeChild) | undefined;
107
+ loader?: false | ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
103
108
  image?: false | (() => vue.VNodeChild) | undefined;
104
109
  prepend?: false | (() => vue.VNodeChild) | undefined;
105
110
  append?: false | (() => vue.VNodeChild) | undefined;
@@ -110,7 +115,7 @@ declare const VCard: {
110
115
  "v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
111
116
  "v-slot:subtitle"?: false | (() => vue.VNodeChild) | undefined;
112
117
  "v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
113
- "v-slot:loader"?: false | (() => vue.VNodeChild) | undefined;
118
+ "v-slot:loader"?: false | ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
114
119
  "v-slot:image"?: false | (() => vue.VNodeChild) | undefined;
115
120
  "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
116
121
  "v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
@@ -171,7 +176,7 @@ declare const VCard: {
171
176
  title?: (() => vue.VNodeChild) | undefined;
172
177
  subtitle?: (() => vue.VNodeChild) | undefined;
173
178
  text?: (() => vue.VNodeChild) | undefined;
174
- loader?: (() => vue.VNodeChild) | undefined;
179
+ loader?: ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
175
180
  image?: (() => vue.VNodeChild) | undefined;
176
181
  prepend?: (() => vue.VNodeChild) | undefined;
177
182
  append?: (() => vue.VNodeChild) | undefined;
@@ -182,7 +187,7 @@ declare const VCard: {
182
187
  title?: (() => vue.VNodeChild) | undefined;
183
188
  subtitle?: (() => vue.VNodeChild) | undefined;
184
189
  text?: (() => vue.VNodeChild) | undefined;
185
- loader?: (() => vue.VNodeChild) | undefined;
190
+ loader?: ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
186
191
  image?: (() => vue.VNodeChild) | undefined;
187
192
  prepend?: (() => vue.VNodeChild) | undefined;
188
193
  append?: (() => vue.VNodeChild) | undefined;
@@ -193,7 +198,7 @@ declare const VCard: {
193
198
  title?: false | (() => vue.VNodeChild) | undefined;
194
199
  subtitle?: false | (() => vue.VNodeChild) | undefined;
195
200
  text?: false | (() => vue.VNodeChild) | undefined;
196
- loader?: false | (() => vue.VNodeChild) | undefined;
201
+ loader?: false | ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
197
202
  image?: false | (() => vue.VNodeChild) | undefined;
198
203
  prepend?: false | (() => vue.VNodeChild) | undefined;
199
204
  append?: false | (() => vue.VNodeChild) | undefined;
@@ -204,7 +209,7 @@ declare const VCard: {
204
209
  "v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
205
210
  "v-slot:subtitle"?: false | (() => vue.VNodeChild) | undefined;
206
211
  "v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
207
- "v-slot:loader"?: false | (() => vue.VNodeChild) | undefined;
212
+ "v-slot:loader"?: false | ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
208
213
  "v-slot:image"?: false | (() => vue.VNodeChild) | undefined;
209
214
  "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
210
215
  "v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
@@ -283,7 +288,7 @@ declare const VCard: {
283
288
  title?: (() => vue.VNodeChild) | undefined;
284
289
  subtitle?: (() => vue.VNodeChild) | undefined;
285
290
  text?: (() => vue.VNodeChild) | undefined;
286
- loader?: (() => vue.VNodeChild) | undefined;
291
+ loader?: ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
287
292
  image?: (() => vue.VNodeChild) | undefined;
288
293
  prepend?: (() => vue.VNodeChild) | undefined;
289
294
  append?: (() => vue.VNodeChild) | undefined;
@@ -294,7 +299,7 @@ declare const VCard: {
294
299
  title?: (() => vue.VNodeChild) | undefined;
295
300
  subtitle?: (() => vue.VNodeChild) | undefined;
296
301
  text?: (() => vue.VNodeChild) | undefined;
297
- loader?: (() => vue.VNodeChild) | undefined;
302
+ loader?: ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
298
303
  image?: (() => vue.VNodeChild) | undefined;
299
304
  prepend?: (() => vue.VNodeChild) | undefined;
300
305
  append?: (() => vue.VNodeChild) | undefined;
@@ -305,7 +310,7 @@ declare const VCard: {
305
310
  title?: false | (() => vue.VNodeChild) | undefined;
306
311
  subtitle?: false | (() => vue.VNodeChild) | undefined;
307
312
  text?: false | (() => vue.VNodeChild) | undefined;
308
- loader?: false | (() => vue.VNodeChild) | undefined;
313
+ loader?: false | ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
309
314
  image?: false | (() => vue.VNodeChild) | undefined;
310
315
  prepend?: false | (() => vue.VNodeChild) | undefined;
311
316
  append?: false | (() => vue.VNodeChild) | undefined;
@@ -316,7 +321,7 @@ declare const VCard: {
316
321
  "v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
317
322
  "v-slot:subtitle"?: false | (() => vue.VNodeChild) | undefined;
318
323
  "v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
319
- "v-slot:loader"?: false | (() => vue.VNodeChild) | undefined;
324
+ "v-slot:loader"?: false | ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
320
325
  "v-slot:image"?: false | (() => vue.VNodeChild) | undefined;
321
326
  "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
322
327
  "v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
@@ -367,7 +372,7 @@ declare const VCard: {
367
372
  title?: (() => vue.VNodeChild) | undefined;
368
373
  subtitle?: (() => vue.VNodeChild) | undefined;
369
374
  text?: (() => vue.VNodeChild) | undefined;
370
- loader?: (() => vue.VNodeChild) | undefined;
375
+ loader?: ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
371
376
  image?: (() => vue.VNodeChild) | undefined;
372
377
  prepend?: (() => vue.VNodeChild) | undefined;
373
378
  append?: (() => vue.VNodeChild) | undefined;
@@ -378,7 +383,7 @@ declare const VCard: {
378
383
  title?: (() => vue.VNodeChild) | undefined;
379
384
  subtitle?: (() => vue.VNodeChild) | undefined;
380
385
  text?: (() => vue.VNodeChild) | undefined;
381
- loader?: (() => vue.VNodeChild) | undefined;
386
+ loader?: ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
382
387
  image?: (() => vue.VNodeChild) | undefined;
383
388
  prepend?: (() => vue.VNodeChild) | undefined;
384
389
  append?: (() => vue.VNodeChild) | undefined;
@@ -389,7 +394,7 @@ declare const VCard: {
389
394
  title?: false | (() => vue.VNodeChild) | undefined;
390
395
  subtitle?: false | (() => vue.VNodeChild) | undefined;
391
396
  text?: false | (() => vue.VNodeChild) | undefined;
392
- loader?: false | (() => vue.VNodeChild) | undefined;
397
+ loader?: false | ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
393
398
  image?: false | (() => vue.VNodeChild) | undefined;
394
399
  prepend?: false | (() => vue.VNodeChild) | undefined;
395
400
  append?: false | (() => vue.VNodeChild) | undefined;
@@ -400,7 +405,7 @@ declare const VCard: {
400
405
  "v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
401
406
  "v-slot:subtitle"?: false | (() => vue.VNodeChild) | undefined;
402
407
  "v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
403
- "v-slot:loader"?: false | (() => vue.VNodeChild) | undefined;
408
+ "v-slot:loader"?: false | ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
404
409
  "v-slot:image"?: false | (() => vue.VNodeChild) | undefined;
405
410
  "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
406
411
  "v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
package/lib/components/VCheckbox/VCheckbox.mjs CHANGED
@@ -3,7 +3,7 @@ import { createVNode as _createVNode, mergeProps as _mergeProps, resolveDirectiv
3
3
  import "./VCheckbox.css";
4
4
 
5
5
  // Components
6
- import { filterInputProps, makeVInputProps, VInput } from "../VInput/VInput.mjs";
6
+ import { makeVInputProps, VInput } from "../VInput/VInput.mjs";
7
7
  import { makeVCheckboxBtnProps, VCheckboxBtn } from "./VCheckboxBtn.mjs"; // Composables
8
8
  import { useFocus } from "../../composables/focus.mjs"; // Utilities
9
9
  import { computed } from 'vue';
@@ -32,7 +32,7 @@ export const VCheckbox = genericComponent()({
32
32
  const id = computed(() => props.id || `checkbox-${uid}`);
33
33
  useRender(() => {
34
34
  const [inputAttrs, controlAttrs] = filterInputAttrs(attrs);
35
- const [inputProps, _1] = filterInputProps(props);
35
+ const [inputProps, _1] = VInput.filterProps(props);
36
36
  const [checkboxProps, _2] = VCheckboxBtn.filterProps(props);
37
37
  return _createVNode(VInput, _mergeProps({
38
38
  "class": "v-checkbox"
package/lib/components/VCheckbox/VCheckbox.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"VCheckbox.mjs","names":["filterInputProps","makeVInputProps","VInput","makeVCheckboxBtnProps","VCheckboxBtn","useFocus","computed","filterInputAttrs","genericComponent","getUid","omit","useRender","VCheckbox","name","inheritAttrs","props","emits","focused","setup","_ref","attrs","slots","isFocused","focus","blur","uid","id","inputAttrs","controlAttrs","inputProps","_1","checkboxProps","_2","filterProps","_createVNode","_mergeProps","value","default","_ref2","messagesId","isDisabled","isReadonly"],"sources":["../../../src/components/VCheckbox/VCheckbox.tsx"],"sourcesContent":["// Styles\nimport './VCheckbox.sass'\n\n// Components\nimport type { VInputSlots } from '@/components/VInput/VInput'\nimport { filterInputProps, makeVInputProps, VInput } from '@/components/VInput/VInput'\nimport { makeVCheckboxBtnProps, VCheckboxBtn } from './VCheckboxBtn'\n\n// Composables\nimport { useFocus } from '@/composables/focus'\n\n// Utilities\nimport { computed } from 'vue'\nimport { filterInputAttrs, genericComponent, getUid, omit, useRender } from '@/util'\n\n// Types\nimport type { VSelectionControlSlots } from '../VSelectionControl/VSelectionControl'\n\nexport type VCheckboxSlots = VInputSlots & VSelectionControlSlots\n\nexport const VCheckbox = genericComponent<VCheckboxSlots>()({\n name: 'VCheckbox',\n\n inheritAttrs: false,\n\n props: {\n ...makeVInputProps(),\n ...omit(makeVCheckboxBtnProps(), ['inline']),\n },\n\n emits: {\n 'update:focused': (focused: boolean) => true,\n },\n\n setup (props, { attrs, slots }) {\n const { isFocused, focus, blur } = useFocus(props)\n\n const uid = getUid()\n const id = computed(() => props.id || `checkbox-${uid}`)\n\n useRender(() => {\n const [inputAttrs, controlAttrs] = filterInputAttrs(attrs)\n const [inputProps, _1] = filterInputProps(props)\n const [checkboxProps, _2] = VCheckboxBtn.filterProps(props)\n\n return (\n <VInput\n class=\"v-checkbox\"\n { ...inputAttrs }\n { ...inputProps }\n id={ id.value }\n focused={ isFocused.value }\n >\n {{\n ...slots,\n default: ({\n id,\n messagesId,\n isDisabled,\n isReadonly,\n }) => (\n <VCheckboxBtn\n { ...checkboxProps }\n id={ id.value }\n aria-describedby={ messagesId.value }\n disabled={ isDisabled.value }\n readonly={ isReadonly.value }\n { ...controlAttrs }\n onFocus={ focus }\n onBlur={ blur }\n v-slots={ slots }\n />\n ),\n }}\n </VInput>\n )\n })\n\n return {}\n },\n})\n\nexport type VCheckbox = InstanceType<typeof VCheckbox>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SAESA,gBAAgB,EAAEC,eAAe,EAAEC,MAAM;AAAA,SACzCC,qBAAqB,EAAEC,YAAY,8BAE5C;AAAA,SACSC,QAAQ,uCAEjB;AACA,SAASC,QAAQ,QAAQ,KAAK;AAAA,SACrBC,gBAAgB,EAAEC,gBAAgB,EAAEC,MAAM,EAAEC,IAAI,EAAEC,SAAS,gCAEpE;AAKA,OAAO,MAAMC,SAAS,GAAGJ,gBAAgB,EAAkB,CAAC;EAC1DK,IAAI,EAAE,WAAW;EAEjBC,YAAY,EAAE,KAAK;EAEnBC,KAAK,EAAE;IACL,GAAGd,eAAe,EAAE;IACpB,GAAGS,IAAI,CAACP,qBAAqB,EAAE,EAAE,CAAC,QAAQ,CAAC;EAC7C,CAAC;EAEDa,KAAK,EAAE;IACL,gBAAgB,EAAGC,OAAgB,IAAK;EAC1C,CAAC;EAEDC,KAAKA,CAAEH,KAAK,EAAAI,IAAA,EAAoB;IAAA,IAAlB;MAAEC,KAAK;MAAEC;IAAM,CAAC,GAAAF,IAAA;IAC5B,MAAM;MAAEG,SAAS;MAAEC,KAAK;MAAEC;IAAK,CAAC,GAAGnB,QAAQ,CAACU,KAAK,CAAC;IAElD,MAAMU,GAAG,GAAGhB,MAAM,EAAE;IACpB,MAAMiB,EAAE,GAAGpB,QAAQ,CAAC,MAAMS,KAAK,CAACW,EAAE,IAAK,YAAWD,GAAI,EAAC,CAAC;IAExDd,SAAS,CAAC,MAAM;MACd,MAAM,CAACgB,UAAU,EAAEC,YAAY,CAAC,GAAGrB,gBAAgB,CAACa,KAAK,CAAC;MAC1D,MAAM,CAACS,UAAU,EAAEC,EAAE,CAAC,GAAG9B,gBAAgB,CAACe,KAAK,CAAC;MAChD,MAAM,CAACgB,aAAa,EAAEC,EAAE,CAAC,GAAG5B,YAAY,CAAC6B,WAAW,CAAClB,KAAK,CAAC;MAE3D,OAAAmB,YAAA,CAAAhC,MAAA,EAAAiC,WAAA;QAAA,SAEU;MAAY,GACbR,UAAU,EACVE,UAAU;QAAA,MACVH,EAAE,CAACU,KAAK;QAAA,WACHd,SAAS,CAACc;MAAK;QAGvB,GAAGf,KAAK;QACRgB,OAAO,EAAEC,KAAA;UAAA,IAAC;YACRZ,EAAE;YACFa,UAAU;YACVC,UAAU;YACVC;UACF,CAAC,GAAAH,KAAA;UAAA,OAAAJ,YAAA,CAAA9B,YAAA,EAAA+B,WAAA,CAEQJ,aAAa;YAAA,MACbL,EAAE,CAACU,KAAK;YAAA,oBACMG,UAAU,CAACH,KAAK;YAAA,YACxBI,UAAU,CAACJ,KAAK;YAAA,YAChBK,UAAU,CAACL;UAAK,GACtBR,YAAY;YAAA,WACPL,KAAK;YAAA,UACNC;UAAI,IACHH,KAAK;QAAA;MAElB;IAIT,CAAC,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}
1
+ {"version":3,"file":"VCheckbox.mjs","names":["makeVInputProps","VInput","makeVCheckboxBtnProps","VCheckboxBtn","useFocus","computed","filterInputAttrs","genericComponent","getUid","omit","useRender","VCheckbox","name","inheritAttrs","props","emits","focused","setup","_ref","attrs","slots","isFocused","focus","blur","uid","id","inputAttrs","controlAttrs","inputProps","_1","filterProps","checkboxProps","_2","_createVNode","_mergeProps","value","default","_ref2","messagesId","isDisabled","isReadonly"],"sources":["../../../src/components/VCheckbox/VCheckbox.tsx"],"sourcesContent":["// Styles\nimport './VCheckbox.sass'\n\n// Components\nimport type { VInputSlots } from '@/components/VInput/VInput'\nimport { makeVInputProps, VInput } from '@/components/VInput/VInput'\nimport { makeVCheckboxBtnProps, VCheckboxBtn } from './VCheckboxBtn'\n\n// Composables\nimport { useFocus } from '@/composables/focus'\n\n// Utilities\nimport { computed } from 'vue'\nimport { filterInputAttrs, genericComponent, getUid, omit, useRender } from '@/util'\n\n// Types\nimport type { VSelectionControlSlots } from '../VSelectionControl/VSelectionControl'\n\nexport type VCheckboxSlots = VInputSlots & VSelectionControlSlots\n\nexport const VCheckbox = genericComponent<VCheckboxSlots>()({\n name: 'VCheckbox',\n\n inheritAttrs: false,\n\n props: {\n ...makeVInputProps(),\n ...omit(makeVCheckboxBtnProps(), ['inline']),\n },\n\n emits: {\n 'update:focused': (focused: boolean) => true,\n },\n\n setup (props, { attrs, slots }) {\n const { isFocused, focus, blur } = useFocus(props)\n\n const uid = getUid()\n const id = computed(() => props.id || `checkbox-${uid}`)\n\n useRender(() => {\n const [inputAttrs, controlAttrs] = filterInputAttrs(attrs)\n const [inputProps, _1] = VInput.filterProps(props)\n const [checkboxProps, _2] = VCheckboxBtn.filterProps(props)\n\n return (\n <VInput\n class=\"v-checkbox\"\n { ...inputAttrs }\n { ...inputProps }\n id={ id.value }\n focused={ isFocused.value }\n >\n {{\n ...slots,\n default: ({\n id,\n messagesId,\n isDisabled,\n isReadonly,\n }) => (\n <VCheckboxBtn\n { ...checkboxProps }\n id={ id.value }\n aria-describedby={ messagesId.value }\n disabled={ isDisabled.value }\n readonly={ isReadonly.value }\n { ...controlAttrs }\n onFocus={ focus }\n onBlur={ blur }\n v-slots={ slots }\n />\n ),\n }}\n </VInput>\n )\n })\n\n return {}\n },\n})\n\nexport type VCheckbox = InstanceType<typeof VCheckbox>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SAESA,eAAe,EAAEC,MAAM;AAAA,SACvBC,qBAAqB,EAAEC,YAAY,8BAE5C;AAAA,SACSC,QAAQ,uCAEjB;AACA,SAASC,QAAQ,QAAQ,KAAK;AAAA,SACrBC,gBAAgB,EAAEC,gBAAgB,EAAEC,MAAM,EAAEC,IAAI,EAAEC,SAAS,gCAEpE;AAKA,OAAO,MAAMC,SAAS,GAAGJ,gBAAgB,EAAkB,CAAC;EAC1DK,IAAI,EAAE,WAAW;EAEjBC,YAAY,EAAE,KAAK;EAEnBC,KAAK,EAAE;IACL,GAAGd,eAAe,EAAE;IACpB,GAAGS,IAAI,CAACP,qBAAqB,EAAE,EAAE,CAAC,QAAQ,CAAC;EAC7C,CAAC;EAEDa,KAAK,EAAE;IACL,gBAAgB,EAAGC,OAAgB,IAAK;EAC1C,CAAC;EAEDC,KAAKA,CAAEH,KAAK,EAAAI,IAAA,EAAoB;IAAA,IAAlB;MAAEC,KAAK;MAAEC;IAAM,CAAC,GAAAF,IAAA;IAC5B,MAAM;MAAEG,SAAS;MAAEC,KAAK;MAAEC;IAAK,CAAC,GAAGnB,QAAQ,CAACU,KAAK,CAAC;IAElD,MAAMU,GAAG,GAAGhB,MAAM,EAAE;IACpB,MAAMiB,EAAE,GAAGpB,QAAQ,CAAC,MAAMS,KAAK,CAACW,EAAE,IAAK,YAAWD,GAAI,EAAC,CAAC;IAExDd,SAAS,CAAC,MAAM;MACd,MAAM,CAACgB,UAAU,EAAEC,YAAY,CAAC,GAAGrB,gBAAgB,CAACa,KAAK,CAAC;MAC1D,MAAM,CAACS,UAAU,EAAEC,EAAE,CAAC,GAAG5B,MAAM,CAAC6B,WAAW,CAAChB,KAAK,CAAC;MAClD,MAAM,CAACiB,aAAa,EAAEC,EAAE,CAAC,GAAG7B,YAAY,CAAC2B,WAAW,CAAChB,KAAK,CAAC;MAE3D,OAAAmB,YAAA,CAAAhC,MAAA,EAAAiC,WAAA;QAAA,SAEU;MAAY,GACbR,UAAU,EACVE,UAAU;QAAA,MACVH,EAAE,CAACU,KAAK;QAAA,WACHd,SAAS,CAACc;MAAK;QAGvB,GAAGf,KAAK;QACRgB,OAAO,EAAEC,KAAA;UAAA,IAAC;YACRZ,EAAE;YACFa,UAAU;YACVC,UAAU;YACVC;UACF,CAAC,GAAAH,KAAA;UAAA,OAAAJ,YAAA,CAAA9B,YAAA,EAAA+B,WAAA,CAEQH,aAAa;YAAA,MACbN,EAAE,CAACU,KAAK;YAAA,oBACMG,UAAU,CAACH,KAAK;YAAA,YACxBI,UAAU,CAACJ,KAAK;YAAA,YAChBK,UAAU,CAACL;UAAK,GACtBR,YAAY;YAAA,WACPL,KAAK;YAAA,UACNC;UAAI,IACHH,KAAK;QAAA;MAElB;IAIT,CAAC,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}