@vuetify/nightly 3.1.3 → 3.1.4-dev-20230205.0

package/dist/vuetify-labs.d.ts

@@ -4435,7 +4435,7 @@ declare const VBtnGroup: vue.DefineComponent<{
     };
     border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     divided: BooleanConstructor;
-}, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+}, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<ExtractPropTypes<{
     color: StringConstructor;
     variant: {
         type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
@@ -4481,7 +4481,12 @@ declare const VBtnToggle: {
         $props: Partial<{
             disabled: boolean;
             multiple: boolean;
+            tag: string;
+            rounded: string | number | boolean;
+            density: Density;
+            variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
             modelValue: any;
+            divided: boolean;
         }> & Omit<Readonly<vue.ExtractPropTypes<Omit<{
             modelValue: {
                 type: null;
@@ -4492,9 +4497,35 @@ declare const VBtnToggle: {
             max: NumberConstructor;
             selectedClass: StringConstructor;
             disabled: BooleanConstructor;
+            color: StringConstructor;
+            variant: {
+                type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+                default: string;
+                validator: (v: any) => boolean;
+            };
+            theme: StringConstructor;
+            tag: {
+                type: StringConstructor;
+                default: string;
+            };
+            rounded: {
+                type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+                default: undefined;
+            };
+            elevation: {
+                type: (StringConstructor | NumberConstructor)[];
+                validator(v: any): boolean;
+            };
+            density: {
+                type: vue.PropType<Density>;
+                default: string;
+                validator: (v: any) => boolean;
+            };
+            border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+            divided: BooleanConstructor;
         }, "$children" | "v-slots" | "v-slot:default">>> & {
             "onUpdate:modelValue"?: ((value: any) => any) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "disabled" | "multiple" | "modelValue">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "disabled" | "multiple" | "tag" | "rounded" | "density" | "variant" | "modelValue" | "divided">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -4518,6 +4549,32 @@ declare const VBtnToggle: {
             max: NumberConstructor;
             selectedClass: StringConstructor;
             disabled: BooleanConstructor;
+            color: StringConstructor;
+            variant: {
+                type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+                default: string;
+                validator: (v: any) => boolean;
+            };
+            theme: StringConstructor;
+            tag: {
+                type: StringConstructor;
+                default: string;
+            };
+            rounded: {
+                type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+                default: undefined;
+            };
+            elevation: {
+                type: (StringConstructor | NumberConstructor)[];
+                validator(v: any): boolean;
+            };
+            density: {
+                type: vue.PropType<Density>;
+                default: string;
+                validator: (v: any) => boolean;
+            };
+            border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+            divided: BooleanConstructor;
         }, "$children" | "v-slots" | "v-slot:default">>> & {
             "onUpdate:modelValue"?: ((value: any) => any) | undefined;
         }, {
@@ -4529,7 +4586,12 @@ declare const VBtnToggle: {
         }, "$children" | "v-slots" | "v-slot:default">, string, {
             disabled: boolean;
             multiple: boolean;
+            tag: string;
+            rounded: string | number | boolean;
+            density: Density;
+            variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
             modelValue: any;
+            divided: boolean;
         }> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -4560,6 +4622,32 @@ declare const VBtnToggle: {
         max: NumberConstructor;
         selectedClass: StringConstructor;
         disabled: BooleanConstructor;
+        color: StringConstructor;
+        variant: {
+            type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+            default: string;
+            validator: (v: any) => boolean;
+        };
+        theme: StringConstructor;
+        tag: {
+            type: StringConstructor;
+            default: string;
+        };
+        rounded: {
+            type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+            default: undefined;
+        };
+        elevation: {
+            type: (StringConstructor | NumberConstructor)[];
+            validator(v: any): boolean;
+        };
+        density: {
+            type: vue.PropType<Density>;
+            default: string;
+            validator: (v: any) => boolean;
+        };
+        border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        divided: BooleanConstructor;
     }, "$children" | "v-slots" | "v-slot:default">>> & {
         "onUpdate:modelValue"?: ((value: any) => any) | undefined;
     } & vue.ShallowUnwrapRef<{
@@ -4580,6 +4668,32 @@ declare const VBtnToggle: {
     max: NumberConstructor;
     selectedClass: StringConstructor;
     disabled: BooleanConstructor;
+    color: StringConstructor;
+    variant: {
+        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    theme: StringConstructor;
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    rounded: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    elevation: {
+        type: (StringConstructor | NumberConstructor)[];
+        validator(v: any): boolean;
+    };
+    density: {
+        type: vue.PropType<Density>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    divided: BooleanConstructor;
 }, "$children" | "v-slots" | "v-slot:default">>> & {
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
 }, {
@@ -4591,7 +4705,12 @@ declare const VBtnToggle: {
 }, "$children" | "v-slots" | "v-slot:default">, string, {
     disabled: boolean;
     multiple: boolean;
+    tag: string;
+    rounded: string | number | boolean;
+    density: Density;
+    variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     modelValue: any;
+    divided: boolean;
 }> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>() => {
     $props: SlotsToProps<{
         default: [DefaultBtnToggleSlot];

package/dist/vuetify-labs.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.1.3
+* Vuetify v3.1.4-dev-20230205.0
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -3382,18 +3382,21 @@ function useVariant(props) {
   };
 }
 
+// Types
+
+const makeVBtnGroupProps = propsFactory({
+  divided: Boolean,
+  ...makeBorderProps(),
+  ...makeDensityProps(),
+  ...makeElevationProps(),
+  ...makeRoundedProps(),
+  ...makeTagProps(),
+  ...makeThemeProps(),
+  ...makeVariantProps()
+}, 'v-btn-group');
 const VBtnGroup = defineComponent({
   name: 'VBtnGroup',
-  props: {
-    divided: Boolean,
-    ...makeBorderProps(),
-    ...makeDensityProps(),
-    ...makeElevationProps(),
-    ...makeRoundedProps(),
-    ...makeTagProps(),
-    ...makeThemeProps(),
-    ...makeVariantProps()
-  },
+  props: makeVBtnGroupProps(),
   setup(props, _ref) {
     let {
       slots
@@ -3431,6 +3434,9 @@ const VBtnGroup = defineComponent({
     });
   }
 });
+function filterVBtnGroupProps(props) {
+  return pick(props, Object.keys(VBtnGroup.props));
+}
 
 // Composables
 
@@ -3638,7 +3644,10 @@ function getValues(items, ids) {
 const VBtnToggleSymbol = Symbol.for('vuetify:v-btn-toggle');
 const VBtnToggle = genericComponent()({
   name: 'VBtnToggle',
-  props: makeGroupProps(),
+  props: {
+    ...makeVBtnGroupProps(),
+    ...makeGroupProps()
+  },
   emits: {
     'update:modelValue': value => true
   },
@@ -3655,9 +3664,10 @@ const VBtnToggle = genericComponent()({
     } = useGroup(props, VBtnToggleSymbol);
     useRender(() => {
       var _slots$default;
-      return createVNode(VBtnGroup, {
+      const [btnGroupProps] = filterVBtnGroupProps(props);
+      return createVNode(VBtnGroup, mergeProps({
         "class": "v-btn-toggle"
-      }, {
+      }, btnGroupProps), {
         default: () => [(_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots, {
           isSelected,
           next,
@@ -19054,7 +19064,7 @@ function createPagination(props, items) {
     return Math.min(itemsLength.value, startIndex.value + itemsPerPage.value);
   });
   const pageCount = computed(() => {
-    if (itemsPerPage.value === -1) return 1;
+    if (itemsPerPage.value === -1 || itemsLength.value === 0) return 1;
     return Math.ceil(itemsLength.value / itemsPerPage.value);
   });
   watchEffect(() => {
@@ -19157,7 +19167,7 @@ const VDataTableFooter = defineComponent({
         "hide-details": true
       }, null)]), createVNode("div", {
         "class": "v-data-table-footer__info"
-      }, [createVNode("div", null, [(startIndex.value ?? -1) + 1, createTextVNode(" - "), stopIndex.value ?? 0, createTextVNode(" of "), itemsLength.value ?? 0])]), createVNode("div", {
+      }, [createVNode("div", null, [!itemsLength.value ? 0 : startIndex.value + 1, createTextVNode(" - "), stopIndex.value, createTextVNode(" of "), itemsLength.value])]), createVNode("div", {
         "class": "v-data-table-footer__pagination"
       }, [createVNode(VBtn, {
         "icon": props.firstIcon,
@@ -20227,7 +20237,7 @@ function createVuetify$1() {
     locale
   };
 }
-const version$1 = "3.1.3";
+const version$1 = "3.1.4-dev-20230205.0";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -20240,7 +20250,7 @@ function inject(key) {
   }
 }
 
-const version = "3.1.3";
+const version = "3.1.4-dev-20230205.0";
 
 const createVuetify = function () {
   let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};