@vuetify/nightly 3.0.0-alpha.11 → 3.0.0-beta.0

package/lib/components/VCarousel/VCarousel.mjs

@@ -1,28 +1,22 @@
-// @ts-nocheck
-
-/* eslint-disable */
+import { createVNode as _createVNode, mergeProps as _mergeProps, Fragment as _Fragment } from "vue";
 // Styles
-import "./VCarousel.css"; // Extensions
-
-import VWindow from "../VWindow/VWindow.mjs"; // Components
+import "./VCarousel.css"; // Components
 
-import VBtn from "../VBtn/index.mjs";
-import VIcon from "../VIcon/index.mjs";
-import VProgressLinear from "../VProgressLinear/index.mjs"; // Mixins
-// TODO: Move this into core components v2.0
+import { VBtn } from "../VBtn/index.mjs";
+import { VDefaultsProvider } from "../VDefaultsProvider/index.mjs";
+import { VProgressLinear } from "../VProgressLinear/index.mjs";
+import { VWindow } from "../VWindow/index.mjs"; // Composables
 
-import ButtonGroup from "../../mixins/button-group/index.mjs"; // Utilities
+import { useLocale } from "../../composables/locale.mjs";
+import { useProxiedModel } from "../../composables/proxiedModel.mjs"; // Utilities
 
-import { convertToUnit } from "../../util/helpers.mjs";
-import { breaking } from "../../util/console.mjs"; // Types
+import { convertToUnit, defineComponent, useRender } from "../../util/index.mjs";
+import { onMounted, ref, watch } from 'vue'; // Types
 
-export default VWindow.extend({
-  name: 'v-carousel',
+export const VCarousel = defineComponent({
+  name: 'VCarousel',
   props: {
-    continuous: {
-      type: Boolean,
-      default: true
-    },
+    color: String,
     cycle: Boolean,
     delimiterIcon: {
       type: String,
@@ -39,176 +33,103 @@ export default VWindow.extend({
       default: 6000,
       validator: value => value > 0
     },
-    mandatory: {
-      type: Boolean,
-      default: true
-    },
-    progress: Boolean,
-    progressColor: String,
+    modelValue: null,
+    progress: [Boolean, String],
     showArrows: {
-      type: Boolean,
-      default: true
+      type: [Boolean, String],
+      default: true,
+      validator: v => typeof v === 'boolean' || v === 'hover'
     },
-    verticalDelimiters: {
-      type: String,
-      default: undefined
-    }
+    verticalDelimiters: [Boolean, String]
   },
-
-  // pass down the parent's theme
-  provide() {
-    return {
-      parentTheme: this.theme
-    };
+  emits: {
+    'update:modelValue': val => true
   },
 
-  data() {
-    return {
-      internalHeight: this.height,
-      slideTimeout: undefined
-    };
-  },
-
-  computed: {
-    classes() {
-      return { ...VWindow.options.computed.classes.call(this),
-        'v-carousel': true,
-        'v-carousel--hide-delimiter-background': this.hideDelimiterBackground,
-        'v-carousel--vertical-delimiters': this.isVertical
-      };
-    },
-
-    isDark() {
-      return this.dark || !this.light;
-    },
-
-    isVertical() {
-      return this.verticalDelimiters != null;
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
+    const model = useProxiedModel(props, 'modelValue');
+    const {
+      t
+    } = useLocale();
+    const windowRef = ref();
+    let slideTimeout = -1;
+    watch(model, restartTimeout);
+    watch(() => props.interval, restartTimeout);
+    watch(() => props.cycle, val => {
+      if (val) restartTimeout();else window.clearTimeout(slideTimeout);
+    });
+    onMounted(startTimeout);
+
+    function startTimeout() {
+      if (!props.cycle || !windowRef.value) return;
+      slideTimeout = window.setTimeout(windowRef.value.group.next, +props.interval > 0 ? +props.interval : 6000);
     }
 
-  },
-  watch: {
-    internalValue: 'restartTimeout',
-    interval: 'restartTimeout',
-
-    height(val, oldVal) {
-      if (val === oldVal || !val) return;
-      this.internalHeight = val;
-    },
-
-    cycle(val) {
-      if (val) {
-        this.restartTimeout();
-      } else {
-        clearTimeout(this.slideTimeout);
-        this.slideTimeout = undefined;
-      }
-    }
-
-  },
-
-  created() {
-    /* istanbul ignore next */
-    if (this.$attrs.hasOwnProperty('hide-controls')) {
-      breaking('hide-controls', ':show-arrows="false"', this);
+    function restartTimeout() {
+      window.clearTimeout(slideTimeout);
+      window.requestAnimationFrame(startTimeout);
     }
-  },
-
-  mounted() {
-    this.startTimeout();
-  },
-
-  methods: {
-    genControlIcons() {
-      if (this.isVertical) return null;
-      return VWindow.options.methods.genControlIcons.call(this);
-    },
-
-    genDelimiters() {
-      return this.$createElement('div', {
-        staticClass: 'v-carousel__controls',
-        style: {
-          left: this.verticalDelimiters === 'left' && this.isVertical ? 0 : 'auto',
-          right: this.verticalDelimiters === 'right' ? 0 : 'auto'
-        }
-      }, [this.genItems()]);
-    },
-
-    genItems() {
-      const length = this.items.length;
-      const children = [];
 
-      for (let i = 0; i < length; i++) {
-        const child = this.$createElement(VBtn, {
-          staticClass: 'v-carousel__controls__item',
-          attrs: {
-            'aria-label': this.$vuetify.lang.t('$vuetify.carousel.ariaLabel.delimiter', i + 1, length)
-          },
-          props: {
-            icon: true,
-            small: true,
-            value: this.getValue(this.items[i], i)
-          }
-        }, [this.$createElement(VIcon, {
-          props: {
-            size: 18
+    useRender(() => _createVNode(VWindow, {
+      "ref": windowRef,
+      "modelValue": model.value,
+      "onUpdate:modelValue": $event => model.value = $event,
+      "class": ['v-carousel', {
+        'v-carousel--hide-delimiter-background': props.hideDelimiterBackground,
+        'v-carousel--vertical-delimiters': props.verticalDelimiters
+      }],
+      "style": {
+        height: convertToUnit(props.height)
+      },
+      "continuous": true,
+      "showArrows": props.showArrows,
+      "mandatory": "force"
+    }, {
+      default: slots.default,
+      additional: _ref2 => {
+        let {
+          group
+        } = _ref2;
+        return _createVNode(_Fragment, null, [!props.hideDelimiters && _createVNode("div", {
+          "class": "v-carousel__controls",
+          "style": {
+            left: props.verticalDelimiters === 'left' && props.verticalDelimiters ? 0 : 'auto',
+            right: props.verticalDelimiters === 'right' ? 0 : 'auto'
           }
-        }, this.delimiterIcon)]);
-        children.push(child);
-      }
-
-      return this.$createElement(ButtonGroup, {
-        props: {
-          value: this.internalValue,
-          mandatory: this.mandatory
-        },
-        on: {
-          change: val => {
-            this.internalValue = val;
-          }
-        }
-      }, children);
-    },
-
-    genProgress() {
-      return this.$createElement(VProgressLinear, {
-        staticClass: 'v-carousel__progress',
-        props: {
-          color: this.progressColor,
-          value: (this.internalIndex + 1) / this.items.length * 100
-        }
-      });
-    },
-
-    restartTimeout() {
-      this.slideTimeout && clearTimeout(this.slideTimeout);
-      this.slideTimeout = undefined;
-      window.requestAnimationFrame(this.startTimeout);
-    },
-
-    startTimeout() {
-      if (!this.cycle) return;
-      this.slideTimeout = window.setTimeout(this.next, +this.interval > 0 ? +this.interval : 6000);
-    }
-
-  },
-
-  render(h) {
-    const render = VWindow.options.render.call(this, h);
-    render.data.style = `height: ${convertToUnit(this.height)};`;
-    /* istanbul ignore else */
-
-    if (!this.hideDelimiters) {
-      render.children.push(this.genDelimiters());
-    }
-    /* istanbul ignore else */
-
-
-    if (this.progress || this.progressColor) {
-      render.children.push(this.genProgress());
-    }
-
-    return render;
+        }, [group.items.value.length > 0 && _createVNode(VDefaultsProvider, {
+          "defaults": {
+            VBtn: {
+              color: props.color,
+              icon: props.delimiterIcon,
+              size: 'x-small',
+              variant: 'text'
+            }
+          },
+          "scoped": true
+        }, {
+          default: () => [group.items.value.map(item => {
+            const props = {
+              'aria-label': t('$vuetify.carousel.ariaLabel.delimiter'),
+              class: [group.isSelected(item.id) && 'v-btn--selected'],
+              onClick: () => group.select(item.id, true)
+            };
+            return slots.item ? slots.item({
+              props,
+              item
+            }) : _createVNode(VBtn, _mergeProps(item, props), null);
+          })]
+        })]), props.progress && _createVNode(VProgressLinear, {
+          "class": "v-carousel__progress",
+          "color": typeof props.progress === 'string' ? props.progress : undefined,
+          "modelValue": (+model.value + 1) / group.items.value.length * 100
+        }, null)]);
+      },
+      prev: slots.prev,
+      next: slots.next
+    }));
   }
 
 });

package/lib/components/VCarousel/VCarousel.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VCarousel/VCarousel.ts"],"names":["VWindow","VBtn","VIcon","VProgressLinear","ButtonGroup","convertToUnit","breaking","extend","name","props","continuous","type","Boolean","default","cycle","delimiterIcon","String","height","Number","hideDelimiters","hideDelimiterBackground","interval","validator","value","mandatory","progress","progressColor","showArrows","verticalDelimiters","undefined","provide","parentTheme","theme","data","internalHeight","slideTimeout","computed","classes","options","call","isVertical","isDark","dark","light","watch","internalValue","val","oldVal","restartTimeout","clearTimeout","created","$attrs","hasOwnProperty","mounted","startTimeout","methods","genControlIcons","genDelimiters","$createElement","staticClass","style","left","right","genItems","length","items","children","i","child","attrs","$vuetify","lang","t","icon","small","getValue","size","push","on","change","genProgress","color","internalIndex","window","requestAnimationFrame","setTimeout","next","render","h"],"mappings":"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","sourcesContent":["// @ts-nocheck\n/* eslint-disable */\n\n// Styles\nimport './VCarousel.sass'\n\n// Extensions\nimport VWindow from '../VWindow/VWindow'\n\n// Components\nimport VBtn from '../VBtn'\nimport VIcon from '../VIcon'\nimport VProgressLinear from '../VProgressLinear'\n\n// Mixins\n// TODO: Move this into core components v2.0\nimport ButtonGroup from '../../mixins/button-group'\n\n// Utilities\nimport { convertToUnit } from '../../util/helpers'\nimport { breaking } from '../../util/console'\n\n// Types\nimport { VNode, PropType } from 'vue'\n\nexport default VWindow.extend({\n  name: 'v-carousel',\n\n  props: {\n    continuous: {\n      type: Boolean,\n      default: true,\n    },\n    cycle: Boolean,\n    delimiterIcon: {\n      type: String,\n      default: '$delimiter',\n    },\n    height: {\n      type: [Number, String],\n      default: 500,\n    },\n    hideDelimiters: Boolean,\n    hideDelimiterBackground: Boolean,\n    interval: {\n      type: [Number, String],\n      default: 6000,\n      validator: (value: string | number) => value > 0,\n    },\n    mandatory: {\n      type: Boolean,\n      default: true,\n    },\n    progress: Boolean,\n    progressColor: String,\n    showArrows: {\n      type: Boolean,\n      default: true,\n    },\n    verticalDelimiters: {\n      type: String as PropType<'' | 'left' | 'right'>,\n      default: undefined,\n    },\n  },\n\n  // pass down the parent's theme\n  provide (): object {\n    return {\n      parentTheme: this.theme,\n    }\n  },\n\n  data () {\n    return {\n      internalHeight: this.height,\n      slideTimeout: undefined as number | undefined,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...VWindow.options.computed.classes.call(this),\n        'v-carousel': true,\n        'v-carousel--hide-delimiter-background': this.hideDelimiterBackground,\n        'v-carousel--vertical-delimiters': this.isVertical,\n      }\n    },\n    isDark (): boolean {\n      return this.dark || !this.light\n    },\n    isVertical (): boolean {\n      return this.verticalDelimiters != null\n    },\n  },\n\n  watch: {\n    internalValue: 'restartTimeout',\n    interval: 'restartTimeout',\n    height (val, oldVal) {\n      if (val === oldVal || !val) return\n      this.internalHeight = val\n    },\n    cycle (val) {\n      if (val) {\n        this.restartTimeout()\n      } else {\n        clearTimeout(this.slideTimeout)\n        this.slideTimeout = undefined\n      }\n    },\n  },\n\n  created () {\n    /* istanbul ignore next */\n    if (this.$attrs.hasOwnProperty('hide-controls')) {\n      breaking('hide-controls', ':show-arrows=\"false\"', this)\n    }\n  },\n\n  mounted () {\n    this.startTimeout()\n  },\n\n  methods: {\n    genControlIcons () {\n      if (this.isVertical) return null\n\n      return VWindow.options.methods.genControlIcons.call(this)\n    },\n    genDelimiters (): VNode {\n      return this.$createElement('div', {\n        staticClass: 'v-carousel__controls',\n        style: {\n          left: this.verticalDelimiters === 'left' && this.isVertical ? 0 : 'auto',\n          right: this.verticalDelimiters === 'right' ? 0 : 'auto',\n        },\n      }, [this.genItems()])\n    },\n    genItems (): VNode {\n      const length = this.items.length\n      const children = []\n\n      for (let i = 0; i < length; i++) {\n        const child = this.$createElement(VBtn, {\n          staticClass: 'v-carousel__controls__item',\n          attrs: {\n            'aria-label': this.$vuetify.lang.t('$vuetify.carousel.ariaLabel.delimiter', i + 1, length),\n          },\n          props: {\n            icon: true,\n            small: true,\n            value: this.getValue(this.items[i], i),\n          },\n        }, [\n          this.$createElement(VIcon, {\n            props: { size: 18 },\n          }, this.delimiterIcon),\n        ])\n\n        children.push(child)\n      }\n\n      return this.$createElement(ButtonGroup, {\n        props: {\n          value: this.internalValue,\n          mandatory: this.mandatory,\n        },\n        on: {\n          change: (val: unknown) => {\n            this.internalValue = val\n          },\n        },\n      }, children)\n    },\n    genProgress () {\n      return this.$createElement(VProgressLinear, {\n        staticClass: 'v-carousel__progress',\n        props: {\n          color: this.progressColor,\n          value: (this.internalIndex + 1) / this.items.length * 100,\n        },\n      })\n    },\n    restartTimeout () {\n      this.slideTimeout && clearTimeout(this.slideTimeout)\n      this.slideTimeout = undefined\n\n      window.requestAnimationFrame(this.startTimeout)\n    },\n    startTimeout () {\n      if (!this.cycle) return\n\n      this.slideTimeout = window.setTimeout(this.next, +this.interval > 0 ? +this.interval : 6000)\n    },\n  },\n\n  render (h): VNode {\n    const render = VWindow.options.render.call(this, h)\n\n    render.data!.style = `height: ${convertToUnit(this.height)};`\n\n    /* istanbul ignore else */\n    if (!this.hideDelimiters) {\n      render.children!.push(this.genDelimiters())\n    }\n\n    /* istanbul ignore else */\n    if (this.progress || this.progressColor) {\n      render.children!.push(this.genProgress())\n    }\n\n    return render\n  },\n})\n"],"file":"VCarousel.mjs"}
+{"version":3,"sources":["../../../src/components/VCarousel/VCarousel.tsx"],"names":["VBtn","VDefaultsProvider","VProgressLinear","VWindow","useLocale","useProxiedModel","convertToUnit","defineComponent","useRender","onMounted","ref","watch","VCarousel","name","props","color","String","cycle","Boolean","delimiterIcon","type","default","height","Number","hideDelimiters","hideDelimiterBackground","interval","validator","value","modelValue","progress","showArrows","v","verticalDelimiters","emits","val","setup","slots","model","t","windowRef","slideTimeout","restartTimeout","window","clearTimeout","startTimeout","setTimeout","group","next","requestAnimationFrame","additional","left","right","items","length","icon","size","variant","map","item","class","isSelected","id","onClick","select","undefined","prev"],"mappings":"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","sourcesContent":["// Styles\nimport './VCarousel.sass'\n\n// Components\nimport { VBtn } from '@/components/VBtn'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VProgressLinear } from '@/components/VProgressLinear'\nimport { VWindow } from '@/components/VWindow'\n\n// Composables\nimport { useLocale } from '@/composables/locale'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { convertToUnit, defineComponent, useRender } from '@/util'\nimport { onMounted, ref, watch } from 'vue'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport const VCarousel = defineComponent({\n  name: 'VCarousel',\n\n  props: {\n    color: String,\n    cycle: Boolean,\n    delimiterIcon: {\n      type: String,\n      default: '$delimiter',\n    },\n    height: {\n      type: [Number, String],\n      default: 500,\n    },\n    hideDelimiters: Boolean,\n    hideDelimiterBackground: Boolean,\n    interval: {\n      type: [Number, String],\n      default: 6000,\n      validator: (value: string | number) => value > 0,\n    },\n    modelValue: null,\n    progress: [Boolean, String],\n    showArrows: {\n      type: [Boolean, String],\n      default: true,\n      validator: (v: any) => typeof v === 'boolean' || v === 'hover',\n    },\n    verticalDelimiters: [Boolean, String] as PropType<boolean | 'left' | 'right'>,\n  },\n\n  emits: {\n    'update:modelValue': (val: any) => true,\n  },\n\n  setup (props, { slots }) {\n    const model = useProxiedModel(props, 'modelValue')\n    const { t } = useLocale()\n    const windowRef = ref<typeof VWindow>()\n\n    let slideTimeout = -1\n    watch(model, restartTimeout)\n    watch(() => props.interval, restartTimeout)\n    watch(() => props.cycle, val => {\n      if (val) restartTimeout()\n      else window.clearTimeout(slideTimeout)\n    })\n\n    onMounted(startTimeout)\n\n    function startTimeout () {\n      if (!props.cycle || !windowRef.value) return\n\n      slideTimeout = window.setTimeout(windowRef.value.group.next, +props.interval > 0 ? +props.interval : 6000)\n    }\n\n    function restartTimeout () {\n      window.clearTimeout(slideTimeout)\n      window.requestAnimationFrame(startTimeout)\n    }\n\n    useRender(() => (\n      <VWindow\n        ref={ windowRef }\n        v-model={ model.value }\n        class={[\n          'v-carousel',\n          {\n            'v-carousel--hide-delimiter-background': props.hideDelimiterBackground,\n            'v-carousel--vertical-delimiters': props.verticalDelimiters,\n          },\n        ]}\n        style={{ height: convertToUnit(props.height) }}\n        continuous\n        showArrows={ props.showArrows }\n        mandatory=\"force\"\n      >\n        {{\n          default: slots.default,\n          additional: ({ group }: any) => (\n            <>\n              { !props.hideDelimiters && (\n                <div\n                  class=\"v-carousel__controls\"\n                  style={{\n                    left: props.verticalDelimiters === 'left' && props.verticalDelimiters ? 0 : 'auto',\n                    right: props.verticalDelimiters === 'right' ? 0 : 'auto',\n                  }}\n                >\n                  { group.items.value.length > 0 && (\n                    <VDefaultsProvider\n                      defaults={{\n                        VBtn: {\n                          color: props.color,\n                          icon: props.delimiterIcon,\n                          size: 'x-small',\n                          variant: 'text',\n                        },\n                      }}\n                      scoped\n                    >\n                      { group.items.value.map((item: any) => {\n                        const props = {\n                          'aria-label': t('$vuetify.carousel.ariaLabel.delimiter'),\n                          class: [group.isSelected(item.id) && 'v-btn--selected'],\n                          onClick: () => group.select(item.id, true),\n                        }\n\n                        return slots.item\n                          ? slots.item({ props, item })\n                          : (<VBtn { ...item } { ...props } />)\n                      }) }\n                    </VDefaultsProvider>\n                  ) }\n                </div>\n              )}\n\n              { props.progress && (\n                <VProgressLinear\n                  class=\"v-carousel__progress\"\n                  color={ typeof props.progress === 'string' ? props.progress : undefined }\n                  modelValue={ (+model.value + 1) / group.items.value.length * 100 }\n                />\n              )}\n            </>\n          ),\n          prev: slots.prev,\n          next: slots.next,\n        }}\n      </VWindow>\n    ))\n  },\n})\n"],"file":"VCarousel.mjs"}

package/lib/components/VCarousel/VCarousel.sass

@@ -1,4 +1,5 @@
-@import './_variables.scss'
+@forward './variables'
+@use './variables' as *
 
 .v-carousel
   overflow: hidden
@@ -45,11 +46,14 @@
   left: 0
   right: 0
 
-.v-carousel .v-window-item
+.v-carousel-item
   display: block
   height: inherit
   text-decoration: none
 
+  & > .v-img
+    height: inherit
+
 // Modifier
 .v-carousel--hide-delimiter-background
   .v-carousel__controls
@@ -57,5 +61,6 @@
 
 .v-carousel--vertical-delimiters
   .v-carousel__controls
+    flex-direction: column
     height: 100% !important
     width: $carousel-controls-size

package/lib/components/VCarousel/VCarouselItem.mjs

@@ -1,63 +1,28 @@
-// @ts-nocheck
-
-/* eslint-disable */
-// Extensions
-import VWindowItem from "../VWindow/VWindowItem.mjs"; // Components
-
-import { VImg } from "../VImg/index.mjs"; // Utilities
-
-import mixins from "../../util/mixins.mjs";
-import { getSlot } from "../../util/helpers.mjs";
-import Routable from "../../mixins/routable/index.mjs"; // Types
-
-const baseMixins = mixins(VWindowItem, Routable);
-
-/* @vue/component */
-export default baseMixins.extend().extend({
-  name: 'v-carousel-item',
-  inject: {
-    parentTheme: {
-      default: {
-        isDark: false
-      }
-    }
-  },
-
-  // pass down the parent's theme
-  provide() {
-    return {
-      theme: this.parentTheme
-    };
-  },
-
+import { createVNode as _createVNode, resolveDirective as _resolveDirective } from "vue";
+// Components
+import { VImg } from "../VImg/index.mjs";
+import { VWindowItem } from "../VWindow/index.mjs"; // Utilities
+
+import { defineComponent, useRender } from "../../util/index.mjs";
+export const VCarouselItem = defineComponent({
+  name: 'VCarouselItem',
   inheritAttrs: false,
-  methods: {
-    genDefaultSlot() {
-      return [this.$createElement(VImg, {
-        staticClass: 'v-carousel__item',
-        props: { ...this.$attrs,
-          height: this.windowGroup.internalHeight
-        },
-        on: this.$listeners,
-        scopedSlots: {
-          placeholder: this.$scopedSlots.placeholder
-        }
-      }, getSlot(this))];
-    },
-
-    genWindowItem() {
-      const {
-        tag,
-        data
-      } = this.generateRouteLink();
-      data.staticClass = 'v-window-item';
-      data.directives.push({
-        name: 'show',
-        value: this.isActive
-      });
-      return this.$createElement(tag, data, this.genDefaultSlot());
-    }
+  props: {
+    value: null
+  },
 
+  setup(props, _ref) {
+    let {
+      slots,
+      attrs
+    } = _ref;
+    useRender(() => _createVNode(VWindowItem, {
+      "class": "v-carousel-item",
+      "value": props.value
+    }, {
+      default: () => [_createVNode(VImg, attrs, slots)]
+    }));
   }
+
 });
 //# sourceMappingURL=VCarouselItem.mjs.map

package/lib/components/VCarousel/VCarouselItem.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VCarousel/VCarouselItem.ts"],"names":["VWindowItem","VImg","mixins","getSlot","Routable","baseMixins","extend","name","inject","parentTheme","default","isDark","provide","theme","inheritAttrs","methods","genDefaultSlot","$createElement","staticClass","props","$attrs","height","windowGroup","internalHeight","on","$listeners","scopedSlots","placeholder","$scopedSlots","genWindowItem","tag","data","generateRouteLink","directives","push","value","isActive"],"mappings":"AAAA;;AACA;AAEA;OACOA,W,oCAEP;;SACSC,I,6BAET;;OACOC,M;SACEC,O;OACFC,Q,yCAEP;;AACA,MAAMC,UAAU,GAAGH,MAAM,CACvBF,WADuB,EAEvBI,QAFuB,CAAzB;;AAWA;AACA,eAAeC,UAAU,CAACC,MAAX,GAA6BA,MAA7B,CAAoC;AACjDC,EAAAA,IAAI,EAAE,iBAD2C;AAGjDC,EAAAA,MAAM,EAAE;AACNC,IAAAA,WAAW,EAAE;AACXC,MAAAA,OAAO,EAAE;AACPC,QAAAA,MAAM,EAAE;AADD;AADE;AADP,GAHyC;;AAWjD;AACAC,EAAAA,OAAO,GAAY;AACjB,WAAO;AACLC,MAAAA,KAAK,EAAE,KAAKJ;AADP,KAAP;AAGD,GAhBgD;;AAkBjDK,EAAAA,YAAY,EAAE,KAlBmC;AAoBjDC,EAAAA,OAAO,EAAE;AACPC,IAAAA,cAAc,GAAI;AAChB,aAAO,CACL,KAAKC,cAAL,CAAoBhB,IAApB,EAA0B;AACxBiB,QAAAA,WAAW,EAAE,kBADW;AAExBC,QAAAA,KAAK,EAAE,EACL,GAAG,KAAKC,MADH;AAELC,UAAAA,MAAM,EAAE,KAAKC,WAAL,CAAiBC;AAFpB,SAFiB;AAMxBC,QAAAA,EAAE,EAAE,KAAKC,UANe;AAOxBC,QAAAA,WAAW,EAAE;AACXC,UAAAA,WAAW,EAAE,KAAKC,YAAL,CAAkBD;AADpB;AAPW,OAA1B,EAUGxB,OAAO,CAAC,IAAD,CAVV,CADK,CAAP;AAaD,KAfM;;AAgBP0B,IAAAA,aAAa,GAAI;AACf,YAAM;AAAEC,QAAAA,GAAF;AAAOC,QAAAA;AAAP,UAAgB,KAAKC,iBAAL,EAAtB;AAEAD,MAAAA,IAAI,CAACb,WAAL,GAAmB,eAAnB;AACAa,MAAAA,IAAI,CAACE,UAAL,CAAiBC,IAAjB,CAAsB;AACpB3B,QAAAA,IAAI,EAAE,MADc;AAEpB4B,QAAAA,KAAK,EAAE,KAAKC;AAFQ,OAAtB;AAKA,aAAO,KAAKnB,cAAL,CAAoBa,GAApB,EAAyBC,IAAzB,EAA+B,KAAKf,cAAL,EAA/B,CAAP;AACD;;AA1BM;AApBwC,CAApC,CAAf","sourcesContent":["// @ts-nocheck\n/* eslint-disable */\n\n// Extensions\nimport VWindowItem from '../VWindow/VWindowItem'\n\n// Components\nimport { VImg } from '../VImg'\n\n// Utilities\nimport mixins, { ExtractVue } from '../../util/mixins'\nimport { getSlot } from '../../util/helpers'\nimport Routable from '../../mixins/routable'\n\n// Types\nconst baseMixins = mixins(\n  VWindowItem,\n  Routable\n)\n\ninterface options extends ExtractVue<typeof baseMixins> {\n  parentTheme: {\n    isDark: boolean\n  }\n}\n\n/* @vue/component */\nexport default baseMixins.extend<options>().extend({\n  name: 'v-carousel-item',\n\n  inject: {\n    parentTheme: {\n      default: {\n        isDark: false,\n      },\n    },\n  },\n\n  // pass down the parent's theme\n  provide (): object {\n    return {\n      theme: this.parentTheme,\n    }\n  },\n\n  inheritAttrs: false,\n\n  methods: {\n    genDefaultSlot () {\n      return [\n        this.$createElement(VImg, {\n          staticClass: 'v-carousel__item',\n          props: {\n            ...this.$attrs,\n            height: this.windowGroup.internalHeight,\n          },\n          on: this.$listeners,\n          scopedSlots: {\n            placeholder: this.$scopedSlots.placeholder,\n          },\n        }, getSlot(this)),\n      ]\n    },\n    genWindowItem () {\n      const { tag, data } = this.generateRouteLink()\n\n      data.staticClass = 'v-window-item'\n      data.directives!.push({\n        name: 'show',\n        value: this.isActive,\n      })\n\n      return this.$createElement(tag, data, this.genDefaultSlot())\n    },\n  },\n})\n"],"file":"VCarouselItem.mjs"}
+{"version":3,"sources":["../../../src/components/VCarousel/VCarouselItem.tsx"],"names":["VImg","VWindowItem","defineComponent","useRender","VCarouselItem","name","inheritAttrs","props","value","setup","slots","attrs"],"mappings":";AAAA;SACSA,I;SACAC,W,gCAET;;SACSC,e,EAAiBC,S;AAE1B,OAAO,MAAMC,aAAa,GAAGF,eAAe,CAAC;AAC3CG,EAAAA,IAAI,EAAE,eADqC;AAG3CC,EAAAA,YAAY,EAAE,KAH6B;AAK3CC,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE;AADF,GALoC;;AAS3CC,EAAAA,KAAK,CAAEF,KAAF,QAA2B;AAAA,QAAlB;AAAEG,MAAAA,KAAF;AAASC,MAAAA;AAAT,KAAkB;AAC9BR,IAAAA,SAAS,CAAC;AAAA,eACW,iBADX;AAAA,eACqCI,KAAK,CAACC;AAD3C;AAAA,yCAGCG,KAHD,EAIMD,KAJN;AAAA,MAAD,CAAT;AAQD;;AAlB0C,CAAD,CAArC","sourcesContent":["// Components\nimport { VImg } from '@/components/VImg'\nimport { VWindowItem } from '@/components/VWindow'\n\n// Utilities\nimport { defineComponent, useRender } from '@/util'\n\nexport const VCarouselItem = defineComponent({\n  name: 'VCarouselItem',\n\n  inheritAttrs: false,\n\n  props: {\n    value: null,\n  },\n\n  setup (props, { slots, attrs }) {\n    useRender(() => (\n      <VWindowItem class=\"v-carousel-item\" value={ props.value }>\n        <VImg\n          { ...attrs }\n          v-slots={ slots }\n        />\n      </VWindowItem>\n    ))\n  },\n})\n\nexport type VCarouselItem = InstanceType<typeof VCarouselItem>\n"],"file":"VCarouselItem.mjs"}

package/lib/components/VCarousel/_variables.scss

@@ -1,6 +1,4 @@
-@import '../../styles/styles.sass';
-
-$carousel-controls-bg: rgba(0, 0, 0, .3) !default;
+$carousel-controls-bg: rgba(var(--v-theme-surface-variant), .3) !default;
 $carousel-controls-size: 50px !default;
 $carousel-dot-margin: 0 8px !default;
 $carousel-dot-inactive-opacity: .5 !default;

package/lib/components/VCarousel/index.mjs

@@ -1,10 +1,3 @@
-import VCarousel from "./VCarousel.mjs";
-import VCarouselItem from "./VCarouselItem.mjs";
-export { VCarousel, VCarouselItem };
-export default {
-  $_vuetify_subcomponents: {
-    VCarousel,
-    VCarouselItem
-  }
-};
+export { VCarousel } from "./VCarousel.mjs";
+export { VCarouselItem } from "./VCarouselItem.mjs";
 //# sourceMappingURL=index.mjs.map

package/lib/components/VCarousel/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VCarousel/index.ts"],"names":["VCarousel","VCarouselItem","$_vuetify_subcomponents"],"mappings":"OAAOA,S;OACAC,a;AAEP,SAASD,SAAT,EAAoBC,aAApB;AAEA,eAAe;AACbC,EAAAA,uBAAuB,EAAE;AACvBF,IAAAA,SADuB;AAEvBC,IAAAA;AAFuB;AADZ,CAAf","sourcesContent":["import VCarousel from './VCarousel'\nimport VCarouselItem from './VCarouselItem'\n\nexport { VCarousel, VCarouselItem }\n\nexport default {\n  $_vuetify_subcomponents: {\n    VCarousel,\n    VCarouselItem,\n  },\n}\n"],"file":"index.mjs"}
+{"version":3,"sources":["../../../src/components/VCarousel/index.ts"],"names":["VCarousel","VCarouselItem"],"mappings":"SAASA,S;SACAC,a","sourcesContent":["export { VCarousel } from './VCarousel'\nexport { VCarouselItem } from './VCarouselItem'\n"],"file":"index.mjs"}

package/lib/components/VCheckbox/VCheckbox.css

@@ -0,0 +1,3 @@
+.v-checkbox .v-selection-control {
+  height: var(--v-input-control-height);
+}