@vuetify/nightly 3.0.0-next-20220112.0 → 3.0.0-next-20220128.0

package/dist/json/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "http://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "vuetify",
-  "version": "3.0.0-next-20220112.0",
+  "version": "3.0.0-next-20220128.0",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -6591,6 +6591,15 @@
                 "kind": "expression",
                 "type": "string"
               }
+            },
+            {
+              "name": "theme",
+              "description": "Specify a theme for this component and all of its children",
+              "doc-url": "https://vuetifyjs.com/api/v-icon#props",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
             }
           ],
           "events": [],
@@ -7565,19 +7574,6 @@
                 "type": "any"
               }
             },
-            {
-              "name": "subheader",
-              "description": "Removes the top padding from `v-list-subheader` components. When used as a **String**, renders a subheader for you",
-              "doc-url": "https://vuetifyjs.com/api/v-list#props",
-              "default": "false",
-              "value": {
-                "kind": "expression",
-                "type": [
-                  "boolean",
-                  "string"
-                ]
-              }
-            },
             {
               "name": "items",
               "description": "",
@@ -7866,6 +7862,24 @@
                 "type": "any"
               }
             },
+            {
+              "name": "sticky",
+              "description": "",
+              "doc-url": "https://vuetifyjs.com/api/v-list-subheader#props",
+              "value": {
+                "kind": "expression",
+                "type": "any"
+              }
+            },
+            {
+              "name": "text",
+              "description": "",
+              "doc-url": "https://vuetifyjs.com/api/v-list-subheader#props",
+              "value": {
+                "kind": "expression",
+                "type": "any"
+              }
+            },
             {
               "name": "tag",
               "description": "Specify a custom tag used on the root element.",
@@ -8503,15 +8517,6 @@
                 "type": "string"
               }
             },
-            {
-              "name": "items",
-              "description": "",
-              "doc-url": "https://vuetifyjs.com/api/v-list-group#props",
-              "value": {
-                "kind": "expression",
-                "type": "any"
-              }
-            },
             {
               "name": "tag",
               "description": "Specify a custom tag used on the root element.",
@@ -9632,6 +9637,20 @@
                 "type": "any"
               }
             },
+            {
+              "name": "rounded",
+              "description": "",
+              "doc-url": "https://vuetifyjs.com/api/v-pagination#props",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": [
+                  "boolean",
+                  "number",
+                  "string"
+                ]
+              }
+            },
             {
               "name": "border",
               "description": "Applies border styles to component.",
@@ -10828,7 +10847,7 @@
               "name": "show-ticks",
               "description": "",
               "doc-url": "https://vuetifyjs.com/api/v-range-slider#props",
-              "default": "true",
+              "default": "false",
               "value": {
                 "kind": "expression",
                 "type": [
@@ -10959,6 +10978,15 @@
                   "string"
                 ]
               }
+            },
+            {
+              "name": "strict",
+              "description": "",
+              "doc-url": "https://vuetifyjs.com/api/v-range-slider#props",
+              "value": {
+                "kind": "expression",
+                "type": "any"
+              }
             }
           ],
           "events": [
@@ -12188,7 +12216,7 @@
               "name": "show-ticks",
               "description": "",
               "doc-url": "https://vuetifyjs.com/api/v-slider#props",
-              "default": "true",
+              "default": "false",
               "value": {
                 "kind": "expression",
                 "type": [
@@ -14672,6 +14700,307 @@
             "prop": "modelValue",
             "event": "update:modelValue"
           }
+        },
+        {
+          "name": "VWindow",
+          "source": {
+            "module": "./src/components/index.ts",
+            "symbol": "VWindow"
+          },
+          "description": "",
+          "doc-url": "https://vuetifyjs.com/api/v-window",
+          "attributes": [
+            {
+              "name": "touch",
+              "description": "Provide a custom **left** and **right** function when swiped left or right.",
+              "doc-url": "https://vuetifyjs.com/api/v-window#props",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": [
+                  "object",
+                  "boolean"
+                ]
+              }
+            },
+            {
+              "name": "continuous",
+              "description": "If `true`, window will \"wrap around\" from the last item to the first, and from the first item to the last",
+              "doc-url": "https://vuetifyjs.com/api/v-window#props",
+              "value": {
+                "kind": "expression",
+                "type": "any"
+              }
+            },
+            {
+              "name": "next-icon",
+              "description": "Icon used for the \"next\" button if `show-arrows` is `true`",
+              "doc-url": "https://vuetifyjs.com/api/v-window#props",
+              "default": "'$next'",
+              "value": {
+                "kind": "expression",
+                "type": [
+                  "boolean",
+                  "string"
+                ]
+              }
+            },
+            {
+              "name": "prev-icon",
+              "description": "Icon used for the \"prev\" button if `show-arrows` is `true`",
+              "doc-url": "https://vuetifyjs.com/api/v-window#props",
+              "default": "'$prev'",
+              "value": {
+                "kind": "expression",
+                "type": [
+                  "boolean",
+                  "string"
+                ]
+              }
+            },
+            {
+              "name": "reverse",
+              "description": "Reverse the normal transition direction.",
+              "doc-url": "https://vuetifyjs.com/api/v-window#props",
+              "value": {
+                "kind": "expression",
+                "type": "any"
+              }
+            },
+            {
+              "name": "show-arrows",
+              "description": "Display the \"next\" and \"prev\" buttons",
+              "doc-url": "https://vuetifyjs.com/api/v-window#props",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": [
+                  "boolean",
+                  "string"
+                ]
+              }
+            },
+            {
+              "name": "direction",
+              "description": "",
+              "doc-url": "https://vuetifyjs.com/api/v-window#props",
+              "default": "'horizontal'",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "model-value",
+              "description": "",
+              "doc-url": "https://vuetifyjs.com/api/v-window#props",
+              "value": {
+                "kind": "expression",
+                "type": "any"
+              }
+            },
+            {
+              "name": "disabled",
+              "description": "",
+              "doc-url": "https://vuetifyjs.com/api/v-window#props",
+              "value": {
+                "kind": "expression",
+                "type": "any"
+              }
+            },
+            {
+              "name": "selected-class",
+              "description": "",
+              "doc-url": "https://vuetifyjs.com/api/v-window#props",
+              "default": "'v-window-item--active'",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "mandatory",
+              "description": "",
+              "doc-url": "https://vuetifyjs.com/api/v-window#props",
+              "default": "'force'",
+              "value": {
+                "kind": "expression",
+                "type": "any"
+              }
+            },
+            {
+              "name": "tag",
+              "description": "Specify a custom tag used on the root element.",
+              "doc-url": "https://vuetifyjs.com/api/v-window#props",
+              "default": "'div'",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "theme",
+              "description": "Specify a theme for this component and all of its children",
+              "doc-url": "https://vuetifyjs.com/api/v-window#props",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "change",
+              "description": "Emitted when the component value is changed by user interaction",
+              "doc-url": "https://vuetifyjs.com/api/v-window#events",
+              "arguments": [
+                {
+                  "name": "argument",
+                  "type": "number"
+                }
+              ]
+            },
+            {
+              "name": "update:modelValue",
+              "description": "",
+              "doc-url": "https://vuetifyjs.com/api/v-window#events",
+              "arguments": [
+                {
+                  "name": "argument"
+                }
+              ]
+            }
+          ],
+          "slots": [
+            {
+              "name": "default",
+              "description": "The default Vue slot.",
+              "doc-url": "https://vuetifyjs.com/api/v-window#slots"
+            },
+            {
+              "name": "next",
+              "description": "Slot displaying the arrow switching to the next item",
+              "doc-url": "https://vuetifyjs.com/api/v-window#slots",
+              "vue-properties": [
+                {
+                  "name": "attrs",
+                  "type": "{ aria-label: string }"
+                },
+                {
+                  "name": "on",
+                  "type": "{ click: eventHandler }"
+                }
+              ]
+            },
+            {
+              "name": "prev",
+              "description": "Slot displaying the arrow switching to the previous item",
+              "doc-url": "https://vuetifyjs.com/api/v-window#slots",
+              "vue-properties": [
+                {
+                  "name": "attrs",
+                  "type": "{ aria-label: string }"
+                },
+                {
+                  "name": "on",
+                  "type": "{ click: eventHandler }"
+                }
+              ]
+            }
+          ],
+          "vue-model": {
+            "prop": "modelValue",
+            "event": "update:modelValue"
+          }
+        },
+        {
+          "name": "VWindowItem",
+          "source": {
+            "module": "./src/components/index.ts",
+            "symbol": "VWindowItem"
+          },
+          "description": "",
+          "doc-url": "https://vuetifyjs.com/api/v-window-item",
+          "attributes": [
+            {
+              "name": "reverse-transition",
+              "description": "Sets the reverse transition",
+              "doc-url": "https://vuetifyjs.com/api/v-window-item#props",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": [
+                  "boolean",
+                  "string"
+                ]
+              }
+            },
+            {
+              "name": "transition",
+              "description": "The transition used when the component progressing through items. Can be one of the [built in transitions](/styles/transitions) or one your own.",
+              "doc-url": "https://vuetifyjs.com/api/v-window-item#props",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": [
+                  "boolean",
+                  "string"
+                ]
+              }
+            },
+            {
+              "name": "eager",
+              "description": "",
+              "doc-url": "https://vuetifyjs.com/api/v-window-item#props",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "type": "boolean"
+            },
+            {
+              "name": "value",
+              "description": "The value used when the component is selected in a group. If not provided, a unique ID will be used.",
+              "doc-url": "https://vuetifyjs.com/api/v-window-item#props",
+              "value": {
+                "kind": "expression",
+                "type": "any"
+              }
+            },
+            {
+              "name": "disabled",
+              "description": "Prevents the item from becoming active when using the \"next\" and \"prev\" buttons or the `toggle` method",
+              "doc-url": "https://vuetifyjs.com/api/v-window-item#props",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "type": "boolean"
+            },
+            {
+              "name": "selected-class",
+              "description": "Configure the active CSS class applied when the item is selected.",
+              "doc-url": "https://vuetifyjs.com/api/v-window-item#props",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            }
+          ],
+          "events": [],
+          "slots": [
+            {
+              "name": "default",
+              "description": "The default Vue slot.",
+              "doc-url": "https://vuetifyjs.com/api/v-window-item#slots"
+            }
+          ],
+          "vue-model": {
+            "prop": "modelValue",
+            "event": "update:modelValue"
+          }
         }
       ],
       "attributes": [

package/dist/vuetify.css

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.0.0-next-20220112.0
+* Vuetify v3.0.0-next-20220128.0
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -19621,35 +19621,6 @@ html.overflow-y-hidden {
 }
 .v-banner--three-line .v-banner-text {
   -webkit-line-clamp: 3;
-}.v-bottom-navigation {
-  display: flex;
-  max-width: 100%;
-  overflow: hidden;
-  position: fixed;
-  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
-  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
-  border-style: solid;
-  border-width: 0;
-  background: rgb(var(--v-theme-surface));
-  color: rgb(var(--v-theme-on-surface));
-}
-.v-bottom-navigation--border {
-  border-width: thin;
-  box-shadow: none;
-}
-.v-bottom-navigation--is-active {
-  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
-}
-.v-bottom-navigation--absolute {
-  position: absolute;
-}
-
-.v-bottom-navigation__content {
-  display: flex;
-  flex: none;
-  justify-content: center;
-  transition: inherit;
-  width: 100%;
 }.v-breadcrumbs {
   line-height: 1.375rem;
   padding: 16px;
@@ -19699,6 +19670,35 @@ html.overflow-y-hidden {
   display: inline-block;
   padding: 0 8px;
   vertical-align: middle;
+}.v-bottom-navigation {
+  display: flex;
+  max-width: 100%;
+  overflow: hidden;
+  position: fixed;
+  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
+  border-style: solid;
+  border-width: 0;
+  background: rgb(var(--v-theme-surface));
+  color: rgb(var(--v-theme-on-surface));
+}
+.v-bottom-navigation--border {
+  border-width: thin;
+  box-shadow: none;
+}
+.v-bottom-navigation--is-active {
+  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
+}
+.v-bottom-navigation--absolute {
+  position: absolute;
+}
+
+.v-bottom-navigation__content {
+  display: flex;
+  flex: none;
+  justify-content: center;
+  transition: inherit;
+  width: 100%;
 }.v-btn {
   align-items: center;
   border-radius: 4px;
@@ -22672,8 +22672,6 @@ html.overflow-y-hidden {
   line-height: 1.375rem;
   -webkit-padding-end: 16px;
           padding-inline-end: 16px;
-  -webkit-padding-start: 16px;
-          padding-inline-start: 16px;
   min-height: 48px;
   transition: 0.2s min-height cubic-bezier(0.4, 0, 0.2, 1);
 }
@@ -22685,14 +22683,20 @@ html.overflow-y-hidden {
 }
 .v-list--density-default .v-list-subheader {
   min-height: 48px;
+  -webkit-padding-start: calc(16px + var(--indent-padding)) !important;
+          padding-inline-start: calc(16px + var(--indent-padding)) !important;
 }
 
 .v-list--density-comfortable .v-list-subheader {
   min-height: 44px;
+  -webkit-padding-start: calc(16px + var(--indent-padding)) !important;
+          padding-inline-start: calc(16px + var(--indent-padding)) !important;
 }
 
 .v-list--density-compact .v-list-subheader {
   min-height: 40px;
+  -webkit-padding-start: calc(16px + var(--indent-padding)) !important;
+          padding-inline-start: calc(16px + var(--indent-padding)) !important;
 }
 
 .v-list-subheader--inset {
@@ -22702,7 +22706,7 @@ html.overflow-y-hidden {
 .v-list--nav .v-list-subheader {
   font-size: 0.75rem;
 }
-.v-list--subheader-sticky .v-list-subheader {
+.v-list-subheader--sticky {
   background: inherit;
   left: 0;
   position: sticky;
@@ -23872,6 +23876,8 @@ html.overflow-y-hidden {
 }
 .v-slider.v-input--horizontal .v-input__control {
   min-height: 32px;
+  display: flex;
+  align-items: center;
 }
 
 .v-slider.v-input--vertical {
@@ -24515,6 +24521,75 @@ html.overflow-y-hidden {
 .v-tooltip .v-overlay__content[class*=leave-active] {
   transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
   transition-duration: 75ms;
+}.v-window {
+  overflow: hidden;
+}
+.v-window__container {
+  display: flex;
+  flex-direction: column;
+  height: inherit;
+  position: relative;
+  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
+}
+.v-window__controls {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 16px;
+  pointer-events: none;
+}
+.v-window__controls * {
+  pointer-events: auto;
+}
+.v-window--show-arrows-on-hover {
+  overflow: hidden;
+}
+.v-window--show-arrows-on-hover .v-window__left {
+  transform: translateX(-200%);
+}
+.v-window--show-arrows-on-hover .v-window__right {
+  transform: translateX(200%);
+}
+.v-window--show-arrows-on-hover:hover .v-window__left,
+.v-window--show-arrows-on-hover:hover .v-window__right {
+  transform: translateX(0);
+}
+.v-window-x-transition-enter-active, .v-window-x-transition-leave-active, .v-window-x-reverse-transition-enter-active, .v-window-x-reverse-transition-leave-active, .v-window-y-transition-enter-active, .v-window-y-transition-leave-active, .v-window-y-reverse-transition-enter-active, .v-window-y-reverse-transition-leave-active {
+  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
+}
+.v-window-x-transition-leave-from, .v-window-x-transition-leave-to, .v-window-x-reverse-transition-leave-from, .v-window-x-reverse-transition-leave-to, .v-window-y-transition-leave-from, .v-window-y-transition-leave-to, .v-window-y-reverse-transition-leave-from, .v-window-y-reverse-transition-leave-to {
+  position: absolute !important;
+  top: 0;
+  width: 100%;
+}
+.v-window-x-transition-enter-from {
+  transform: translateX(100%);
+}
+.v-window-x-transition-leave-to {
+  transform: translateX(-100%);
+}
+.v-window-x-reverse-transition-enter-from {
+  transform: translateX(-100%);
+}
+.v-window-x-reverse-transition-leave-to {
+  transform: translateX(100%);
+}
+.v-window-y-transition-enter-from {
+  transform: translateY(100%);
+}
+.v-window-y-transition-leave-to {
+  transform: translateY(-100%);
+}
+.v-window-y-reverse-transition-enter-from {
+  transform: translateY(-100%);
+}
+.v-window-y-reverse-transition-leave-to {
+  transform: translateY(100%);
 }.v-slider-thumb {
   color: rgb(var(--v-theme-surface-variant));
 }
@@ -24575,9 +24650,10 @@ html.overflow-y-hidden {
   align-items: center;
   justify-content: center;
   font-size: 0.75rem;
-  width: 35px;
+  min-width: 35px;
   height: 25px;
   border-radius: 4px;
+  padding: 6px;
   position: absolute;
   -webkit-user-select: none;
      -moz-user-select: none;
@@ -24609,9 +24685,14 @@ html.overflow-y-hidden {
   top: 0;
 }
 .v-slider.v-input--horizontal .v-slider-thumb__label {
-  left: -17.5px;
   bottom: calc(var(--v-slider-thumb-size) / 2);
 }
+.v-slider.v-input--horizontal .v-slider-thumb__label.v-locale--is-ltr, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-thumb__label {
+  transform: translateX(-50%);
+}
+.v-slider.v-input--horizontal .v-slider-thumb__label.v-locale--is-rtl, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-thumb__label {
+  transform: translateX(50%);
+}
 .v-slider.v-input--horizontal .v-slider-thumb__label::before {
   border-left: 6px solid transparent;
   border-right: 6px solid transparent;