@vuetify/nightly 3.0.0-alpha.3 → 3.0.0-beta.2

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VCarousel/VCarousel.ts"],"names":["VWindow","VBtn","VIcon","VProgressLinear","VThemeProvider","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","data","internalHeight","slideTimeout","computed","classes","options","call","isVertical","isDark","dark","light","watch","internalValue","val","oldVal","restartTimeout","clearTimeout","created","$attrs","hasOwnProperty","mounted","startTimeout","methods","genDefaultSlot","$slots","map","item","$createElement","theme","genControlIcons","genDelimiters","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'\nimport { VThemeProvider } from '../VThemeProvider'\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  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    genDefaultSlot () {\n      return this.$slots.default?.map(item => {\n        return this.$createElement(VThemeProvider, {\n          props: {\n            light: !this.theme.isDark,\n            dark: this.theme.isDark,\n          },\n        }, [item])\n      })\n    },\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","getItemIndex","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'\nimport type { GroupProvide } from '@/composables/group'\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 }: { group: GroupProvide }) => (\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={ (group.getItemIndex(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,48 +1,28 @@
-// @ts-nocheck
+import { createVNode as _createVNode, resolveDirective as _resolveDirective } from "vue";
+// Components
+import { VImg } from "../VImg/index.mjs";
+import { VWindowItem } from "../VWindow/index.mjs"; // Utilities
 
-/* 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({
-  name: 'v-carousel-item',
+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","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;AAKA;;AACA,eAAeC,UAAU,CAACC,MAAX,CAAkB;AAC/BC,EAAAA,IAAI,EAAE,iBADyB;AAG/BC,EAAAA,YAAY,EAAE,KAHiB;AAK/BC,EAAAA,OAAO,EAAE;AACPC,IAAAA,cAAc,GAAI;AAChB,aAAO,CACL,KAAKC,cAAL,CAAoBV,IAApB,EAA0B;AACxBW,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,EAUGlB,OAAO,CAAC,IAAD,CAVV,CADK,CAAP;AAaD,KAfM;;AAgBPoB,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;AACpBrB,QAAAA,IAAI,EAAE,MADc;AAEpBsB,QAAAA,KAAK,EAAE,KAAKC;AAFQ,OAAtB;AAKA,aAAO,KAAKnB,cAAL,CAAoBa,GAApB,EAAyBC,IAAzB,EAA+B,KAAKf,cAAL,EAA/B,CAAP;AACD;;AA1BM;AALsB,CAAlB,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 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\n/* @vue/component */\nexport default baseMixins.extend({\n  name: 'v-carousel-item',\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);
+}

package/lib/components/VCheckbox/VCheckbox.mjs

@@ -1,110 +1,83 @@
-// @ts-nocheck
-
-/* eslint-disable */
+import { createVNode as _createVNode, mergeProps as _mergeProps, resolveDirective as _resolveDirective } from "vue";
 // Styles
-import "./VCheckbox.sass";
-import "../../styles/components/_selection-controls.sass"; // Components
+import "./VCheckbox.css"; // Components
 
-import VIcon from "../VIcon/index.mjs";
-import VInput from "../VInput/index.mjs"; // Mixins
+import { filterInputProps, makeVInputProps, VInput } from "../VInput/VInput.mjs";
+import { filterControlProps, makeSelectionControlProps, VSelectionControl } from "../VSelectionControl/VSelectionControl.mjs"; // Composables
 
-import Selectable from "../../mixins/selectable/index.mjs";
-/* @vue/component */
+import { useProxiedModel } from "../../composables/proxiedModel.mjs"; // Utility
 
-export default Selectable.extend({
-  name: 'v-checkbox',
+import { computed } from 'vue';
+import { defineComponent, filterInputAttrs, useRender } from "../../util/index.mjs";
+export const VCheckbox = defineComponent({
+  name: 'VCheckbox',
+  inheritAttrs: false,
   props: {
     indeterminate: Boolean,
     indeterminateIcon: {
       type: String,
       default: '$checkboxIndeterminate'
     },
-    offIcon: {
+    ...makeVInputProps(),
+    ...makeSelectionControlProps(),
+    falseIcon: {
       type: String,
       default: '$checkboxOff'
     },
-    onIcon: {
+    trueIcon: {
       type: String,
       default: '$checkboxOn'
     }
   },
-
-  data() {
-    return {
-      inputIndeterminate: this.indeterminate
-    };
+  emits: {
+    'update:indeterminate': val => true
   },
 
-  computed: {
-    classes() {
-      return { ...VInput.options.computed.classes.call(this),
-        'v-input--selection-controls': true,
-        'v-input--checkbox': true,
-        'v-input--indeterminate': this.inputIndeterminate
-      };
-    },
+  setup(props, _ref) {
+    let {
+      attrs,
+      slots
+    } = _ref;
+    const indeterminate = useProxiedModel(props, 'indeterminate');
+    const falseIcon = computed(() => {
+      return indeterminate.value ? props.indeterminateIcon : props.falseIcon;
+    });
+    const trueIcon = computed(() => {
+      return indeterminate.value ? props.indeterminateIcon : props.trueIcon;
+    });
 
-    computedIcon() {
-      if (this.inputIndeterminate) {
-        return this.indeterminateIcon;
-      } else if (this.isActive) {
-        return this.onIcon;
-      } else {
-        return this.offIcon;
+    function onChange() {
+      if (indeterminate.value) {
+        indeterminate.value = false;
       }
-    },
-
-    // Do not return undefined if disabled,
-    // according to spec, should still show
-    // a color when disabled and active
-    validationState() {
-      if (this.isDisabled && !this.inputIndeterminate) return undefined;
-      if (this.hasError && this.shouldValidate) return 'error';
-      if (this.hasSuccess) return 'success';
-      if (this.hasColor !== null) return this.computedColor;
-      return undefined;
-    }
-
-  },
-  watch: {
-    indeterminate(val) {
-      // https://github.com/vuetifyjs/vuetify/issues/8270
-      this.$nextTick(() => this.inputIndeterminate = val);
-    },
-
-    inputIndeterminate(val) {
-      this.$emit('update:indeterminate', val);
-    },
-
-    isActive() {
-      if (!this.indeterminate) return;
-      this.inputIndeterminate = false;
     }
 
-  },
-  methods: {
-    genCheckbox() {
-      const {
-        title,
-        ...checkboxAttrs
-      } = this.attrs$;
-      return this.$createElement('div', {
-        staticClass: 'v-input--selection-controls__input'
-      }, [this.$createElement(VIcon, this.setTextColor(this.validationState, {
-        props: {
-          dense: this.dense,
-          dark: this.dark,
-          light: this.light
+    useRender(() => {
+      const [inputAttrs, controlAttrs] = filterInputAttrs(attrs);
+      const [inputProps, _1] = filterInputProps(props);
+      const [controlProps, _2] = filterControlProps(props);
+      return _createVNode(VInput, _mergeProps({
+        "class": "v-checkbox"
+      }, inputAttrs, inputProps), { ...slots,
+        default: _ref2 => {
+          let {
+            isDisabled,
+            isReadonly
+          } = _ref2;
+          return _createVNode(VSelectionControl, _mergeProps(controlProps, {
+            "type": "checkbox",
+            "onUpdate:modelValue": onChange,
+            "falseIcon": falseIcon.value,
+            "trueIcon": trueIcon.value,
+            "aria-checked": indeterminate.value ? 'mixed' : undefined,
+            "disabled": isDisabled.value,
+            "readonly": isReadonly.value
+          }, controlAttrs), slots);
         }
-      }), this.computedIcon), this.genInput('checkbox', { ...checkboxAttrs,
-        'aria-checked': this.inputIndeterminate ? 'mixed' : this.isActive.toString()
-      }), this.genRipple(this.setTextColor(this.rippleState))]);
-    },
-
-    genDefaultSlot() {
-      return [this.genCheckbox(), this.genLabel()];
-    }
-
+      });
+    });
+    return {};
   }
+
 });
 //# sourceMappingURL=VCheckbox.mjs.map

package/lib/components/VCheckbox/VCheckbox.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VCheckbox/VCheckbox.ts"],"names":["VIcon","VInput","Selectable","extend","name","props","indeterminate","Boolean","indeterminateIcon","type","String","default","offIcon","onIcon","data","inputIndeterminate","computed","classes","options","call","computedIcon","isActive","validationState","isDisabled","undefined","hasError","shouldValidate","hasSuccess","hasColor","computedColor","watch","val","$nextTick","$emit","methods","genCheckbox","title","checkboxAttrs","attrs$","$createElement","staticClass","setTextColor","dense","dark","light","genInput","toString","genRipple","rippleState","genDefaultSlot","genLabel"],"mappings":"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","sourcesContent":["// @ts-nocheck\n/* eslint-disable */\n\n// Styles\nimport './VCheckbox.sass'\nimport '../../styles/components/_selection-controls.sass'\n\n// Components\nimport VIcon from '../VIcon'\nimport VInput from '../VInput'\n\n// Mixins\nimport Selectable from '../../mixins/selectable'\n\n/* @vue/component */\nexport default Selectable.extend({\n  name: 'v-checkbox',\n\n  props: {\n    indeterminate: Boolean,\n    indeterminateIcon: {\n      type: String,\n      default: '$checkboxIndeterminate',\n    },\n    offIcon: {\n      type: String,\n      default: '$checkboxOff',\n    },\n    onIcon: {\n      type: String,\n      default: '$checkboxOn',\n    },\n  },\n\n  data () {\n    return {\n      inputIndeterminate: this.indeterminate,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...VInput.options.computed.classes.call(this),\n        'v-input--selection-controls': true,\n        'v-input--checkbox': true,\n        'v-input--indeterminate': this.inputIndeterminate,\n      }\n    },\n    computedIcon (): string {\n      if (this.inputIndeterminate) {\n        return this.indeterminateIcon\n      } else if (this.isActive) {\n        return this.onIcon\n      } else {\n        return this.offIcon\n      }\n    },\n    // Do not return undefined if disabled,\n    // according to spec, should still show\n    // a color when disabled and active\n    validationState (): string | undefined {\n      if (this.isDisabled && !this.inputIndeterminate) return undefined\n      if (this.hasError && this.shouldValidate) return 'error'\n      if (this.hasSuccess) return 'success'\n      if (this.hasColor !== null) return this.computedColor\n      return undefined\n    },\n  },\n\n  watch: {\n    indeterminate (val) {\n      // https://github.com/vuetifyjs/vuetify/issues/8270\n      this.$nextTick(() => (this.inputIndeterminate = val))\n    },\n    inputIndeterminate (val) {\n      this.$emit('update:indeterminate', val)\n    },\n    isActive () {\n      if (!this.indeterminate) return\n      this.inputIndeterminate = false\n    },\n  },\n\n  methods: {\n    genCheckbox () {\n      const { title, ...checkboxAttrs } = this.attrs$\n      return this.$createElement('div', {\n        staticClass: 'v-input--selection-controls__input',\n      }, [\n        this.$createElement(VIcon, this.setTextColor(this.validationState, {\n          props: {\n            dense: this.dense,\n            dark: this.dark,\n            light: this.light,\n          },\n        }), this.computedIcon),\n        this.genInput('checkbox', {\n          ...checkboxAttrs,\n          'aria-checked': this.inputIndeterminate\n            ? 'mixed'\n            : this.isActive.toString(),\n        }),\n        this.genRipple(this.setTextColor(this.rippleState)),\n      ])\n    },\n    genDefaultSlot () {\n      return [\n        this.genCheckbox(),\n        this.genLabel(),\n      ]\n    },\n  },\n})\n"],"file":"VCheckbox.mjs"}
+{"version":3,"sources":["../../../src/components/VCheckbox/VCheckbox.tsx"],"names":["filterInputProps","makeVInputProps","VInput","filterControlProps","makeSelectionControlProps","VSelectionControl","useProxiedModel","computed","defineComponent","filterInputAttrs","useRender","VCheckbox","name","inheritAttrs","props","indeterminate","Boolean","indeterminateIcon","type","String","default","falseIcon","trueIcon","emits","val","setup","attrs","slots","value","onChange","inputAttrs","controlAttrs","inputProps","_1","controlProps","_2","isDisabled","isReadonly","undefined"],"mappings":";AAAA;AACA,yB,CAEA;;SACSA,gB,EAAkBC,e,EAAiBC,M;SACnCC,kB,EAAoBC,yB,EAA2BC,iB,sDAExD;;SACSC,e,8CAET;;AACA,SAASC,QAAT,QAAyB,KAAzB;SACSC,e,EAAiBC,gB,EAAkBC,S;AAE5C,OAAO,MAAMC,SAAS,GAAGH,eAAe,CAAC;AACvCI,EAAAA,IAAI,EAAE,WADiC;AAGvCC,EAAAA,YAAY,EAAE,KAHyB;AAKvCC,EAAAA,KAAK,EAAE;AACLC,IAAAA,aAAa,EAAEC,OADV;AAELC,IAAAA,iBAAiB,EAAE;AACjBC,MAAAA,IAAI,EAAEC,MADW;AAEjBC,MAAAA,OAAO,EAAE;AAFQ,KAFd;AAOL,OAAGnB,eAAe,EAPb;AAQL,OAAGG,yBAAyB,EARvB;AAULiB,IAAAA,SAAS,EAAE;AACTH,MAAAA,IAAI,EAAEC,MADG;AAETC,MAAAA,OAAO,EAAE;AAFA,KAVN;AAcLE,IAAAA,QAAQ,EAAE;AACRJ,MAAAA,IAAI,EAAEC,MADE;AAERC,MAAAA,OAAO,EAAE;AAFD;AAdL,GALgC;AAyBvCG,EAAAA,KAAK,EAAE;AACL,4BAAyBC,GAAD,IAAkB;AADrC,GAzBgC;;AA6BvCC,EAAAA,KAAK,CAAEX,KAAF,QAA2B;AAAA,QAAlB;AAAEY,MAAAA,KAAF;AAASC,MAAAA;AAAT,KAAkB;AAC9B,UAAMZ,aAAa,GAAGT,eAAe,CAACQ,KAAD,EAAQ,eAAR,CAArC;AACA,UAAMO,SAAS,GAAGd,QAAQ,CAAC,MAAM;AAC/B,aAAOQ,aAAa,CAACa,KAAd,GACHd,KAAK,CAACG,iBADH,GAEHH,KAAK,CAACO,SAFV;AAGD,KAJyB,CAA1B;AAKA,UAAMC,QAAQ,GAAGf,QAAQ,CAAC,MAAM;AAC9B,aAAOQ,aAAa,CAACa,KAAd,GACHd,KAAK,CAACG,iBADH,GAEHH,KAAK,CAACQ,QAFV;AAGD,KAJwB,CAAzB;;AAMA,aAASO,QAAT,GAAqB;AACnB,UAAId,aAAa,CAACa,KAAlB,EAAyB;AACvBb,QAAAA,aAAa,CAACa,KAAd,GAAsB,KAAtB;AACD;AACF;;AAEDlB,IAAAA,SAAS,CAAC,MAAM;AACd,YAAM,CAACoB,UAAD,EAAaC,YAAb,IAA6BtB,gBAAgB,CAACiB,KAAD,CAAnD;AACA,YAAM,CAACM,UAAD,EAAaC,EAAb,IAAmBjC,gBAAgB,CAACc,KAAD,CAAzC;AACA,YAAM,CAACoB,YAAD,EAAeC,EAAf,IAAqBhC,kBAAkB,CAACW,KAAD,CAA7C;AAEA;AAAA,iBAEU;AAFV,SAGSgB,UAHT,EAISE,UAJT,KAOM,GAAGL,KAPT;AAQMP,QAAAA,OAAO,EAAE;AAAA,cAAC;AACRgB,YAAAA,UADQ;AAERC,YAAAA;AAFQ,WAAD;AAAA,6DAKAH,YALA;AAAA,oBAMA,UANA;AAAA,mCAOiBL,QAPjB;AAAA,yBAQOR,SAAS,CAACO,KARjB;AAAA,wBASMN,QAAQ,CAACM,KATf;AAAA,4BAUUb,aAAa,CAACa,KAAd,GAAsB,OAAtB,GAAgCU,SAV1C;AAAA,wBAWMF,UAAU,CAACR,KAXjB;AAAA,wBAYMS,UAAU,CAACT;AAZjB,aAaAG,YAbA,GAcKJ,KAdL;AAAA;AARf;AA4BD,KAjCQ,CAAT;AAmCA,WAAO,EAAP;AACD;;AApFsC,CAAD,CAAjC","sourcesContent":["// Styles\nimport './VCheckbox.sass'\n\n// Components\nimport { filterInputProps, makeVInputProps, VInput } from '@/components/VInput/VInput'\nimport { filterControlProps, makeSelectionControlProps, VSelectionControl } from '@/components/VSelectionControl/VSelectionControl'\n\n// Composables\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utility\nimport { computed } from 'vue'\nimport { defineComponent, filterInputAttrs, useRender } from '@/util'\n\nexport const VCheckbox = defineComponent({\n  name: 'VCheckbox',\n\n  inheritAttrs: false,\n\n  props: {\n    indeterminate: Boolean,\n    indeterminateIcon: {\n      type: String,\n      default: '$checkboxIndeterminate',\n    },\n\n    ...makeVInputProps(),\n    ...makeSelectionControlProps(),\n\n    falseIcon: {\n      type: String,\n      default: '$checkboxOff',\n    },\n    trueIcon: {\n      type: String,\n      default: '$checkboxOn',\n    },\n  },\n\n  emits: {\n    'update:indeterminate': (val: boolean) => true,\n  },\n\n  setup (props, { attrs, slots }) {\n    const indeterminate = useProxiedModel(props, 'indeterminate')\n    const falseIcon = computed(() => {\n      return indeterminate.value\n        ? props.indeterminateIcon\n        : props.falseIcon\n    })\n    const trueIcon = computed(() => {\n      return indeterminate.value\n        ? props.indeterminateIcon\n        : props.trueIcon\n    })\n\n    function onChange () {\n      if (indeterminate.value) {\n        indeterminate.value = false\n      }\n    }\n\n    useRender(() => {\n      const [inputAttrs, controlAttrs] = filterInputAttrs(attrs)\n      const [inputProps, _1] = filterInputProps(props)\n      const [controlProps, _2] = filterControlProps(props)\n\n      return (\n        <VInput\n          class=\"v-checkbox\"\n          { ...inputAttrs }\n          { ...inputProps }\n        >\n          {{\n            ...slots,\n            default: ({\n              isDisabled,\n              isReadonly,\n            }) => (\n              <VSelectionControl\n                { ...controlProps }\n                type=\"checkbox\"\n                onUpdate:modelValue={ onChange }\n                falseIcon={ falseIcon.value }\n                trueIcon={ trueIcon.value }\n                aria-checked={ indeterminate.value ? 'mixed' : undefined }\n                disabled={ isDisabled.value }\n                readonly={ isReadonly.value }\n                { ...controlAttrs }\n                v-slots={ slots }\n              />\n            ),\n          }}\n        </VInput>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VCheckbox = InstanceType<typeof VCheckbox>\n"],"file":"VCheckbox.mjs"}

package/lib/components/VCheckbox/VCheckbox.sass

@@ -1,9 +1,9 @@
-@import './_variables.scss'
+@forward './variables'
+@use 'sass:map'
+@use '../../styles/settings'
+@use '../../styles/tools'
+@use './variables' as *
 
-.v-input--checkbox
-  &.v-input--indeterminate
-    &.v-input--is-disabled
-      opacity: $checkbox-disabled-opacity
-
-  &.v-input--dense
-    margin-top: $checkbox-dense-margin-top
+.v-checkbox
+  .v-selection-control
+    height: var(--v-input-control-height)

package/lib/components/VCheckbox/_variables.scss

@@ -1,4 +1,2 @@
-@import '../../styles/styles.sass';
-
-$checkbox-disabled-opacity: .6 !default;
-$checkbox-dense-margin-top: 4px !default;
+$checkbox-disabled-color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) !default;
+$checkbox-error-color: rgb(var(--v-theme-error)) !default;

package/lib/components/VCheckbox/index.mjs

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

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

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