@vuetify/nightly 3.0.0-beta.0 → 3.0.0-beta.2

package/lib/components/VCard/_variables.scss

@@ -2,31 +2,36 @@
 @use '../../styles/tools';
 
 // Defaults
+$card-actions-flex: none !default;
 $card-actions-min-height: 52px !default;
 $card-actions-padding: .5rem !default;
 $card-avatar-align-self: flex-start !default;
 $card-avatar-header-padding: 0 !default;
-$card-avatar-margin-end: 1rem !default;
-$card-avatar-margin-start: 1rem !default;
 $card-avatar-padding: .5rem 1rem !default;
 $card-background: rgb(var(--v-theme-surface)) !default;
-$card-plain-opacity: .62 !default;
 $card-border-color: settings.$border-color-root !default;
 $card-border-radius: settings.$border-radius-root !default;
 $card-border-style: settings.$border-style-root !default;
 $card-border-thin-width: thin !default;
 $card-border-width: 0 !default;
 $card-color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity)) !default;
+$card-content-flex: 1 1 auto !default;
+$card-content-padding: 16px !default;
 $card-disabled-opacity: 0.6 !default;
 $card-elevation: 1 !default;
+$card-header-flex: none !default;
+$card-header-text-flex: 1 1 auto !default;
 $card-hover-elevation: 8 !default;
+$card-img-flex: 1 1 auto !default;
 $card-item-align-items: center !default;
 $card-item-padding: .625rem 1rem !default;
 $card-padding: 0 !default;
+$card-plain-opacity: .62 !default;
 $card-positions: absolute fixed !default;
 $card-subtitle-color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity)) !default;
 $card-subtitle-comfortable-line-height: 1.125rem !default;
 $card-subtitle-compact-line-height: 1rem !default;
+$card-subtitle-flex: none !default;
 $card-subtitle-font-size: tools.map-deep-get(settings.$typography, 'body-2', 'size') !default;
 $card-subtitle-font-weight: tools.map-deep-get(settings.$typography, 'body-2', 'weight') !default;
 $card-subtitle-header-padding: 0 0 .25rem !default;
@@ -35,9 +40,9 @@ $card-subtitle-line-height: tools.map-deep-get(settings.$typography, 'body-2', '
 $card-subtitle-opacity: var(--v-medium-emphasis-opacity) !default;
 $card-subtitle-padding: 0 1rem !default;
 $card-subtitle-text-transform: none !default;
-$card-text-color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity)) !default;
 $card-text-comfortable-line-height: 1.2rem !default;
 $card-text-compact-line-height: 1.15rem !default;
+$card-text-flex: 1 1 auto !default;
 $card-text-font-size: tools.map-deep-get(settings.$typography, 'body-2', 'size') !default;
 $card-text-font-weight: tools.map-deep-get(settings.$typography, 'body-2', 'weight') !default;
 $card-text-letter-spacing: tools.map-deep-get(settings.$typography, 'body-2', 'letter-spacing') !default;
@@ -48,6 +53,7 @@ $card-text-text-transform: tools.map-deep-get(settings.$typography, 'body-2', 't
 $card-tile-border-radius: 0 !default;
 $card-title-comfortable-line-height: 1.75rem !default;
 $card-title-compact-line-height: 1.55rem !default;
+$card-title-flex: none !default;
 $card-title-font-size: tools.map-deep-get(settings.$typography, 'h6', 'size') !default;
 $card-title-font-weight: tools.map-deep-get(settings.$typography, 'h6', 'weight') !default;
 $card-title-header-padding: 0 !default;
@@ -60,8 +66,8 @@ $card-title-padding: .5rem 1rem !default;
 $card-title-text-transform: none !default;
 $card-title-word-break: normal !default;
 $card-title-word-wrap: break-word !default;
-$card-transition-property: box-shadow, opacity, background !default;
 $card-transition-duration: 0.28s !default;
+$card-transition-property: box-shadow, opacity, background !default;
 $card-transition-timing-function: settings.$standard-easing !default;
 
 $card-border: (

package/lib/components/VCard/index.mjs

@@ -1,6 +1,7 @@
 export { VCard } from "./VCard.mjs";
 export { VCardActions } from "./VCardActions.mjs";
 export { VCardAvatar } from "./VCardAvatar.mjs";
+export { VCardContent } from "./VCardContent.mjs";
 export { VCardHeader } from "./VCardHeader.mjs";
 export { VCardHeaderText } from "./VCardHeaderText.mjs";
 export { VCardImg } from "./VCardImg.mjs";

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VCard/index.ts"],"names":["VCard","VCardActions","VCardAvatar","VCardHeader","VCardHeaderText","VCardImg","VCardSubtitle","VCardText","VCardTitle"],"mappings":"SAASA,K;SACAC,Y;SACAC,W;SACAC,W;SACAC,e;SACAC,Q;SACAC,a;SACAC,S;SACAC,U","sourcesContent":["export { VCard } from './VCard'\nexport { VCardActions } from './VCardActions'\nexport { VCardAvatar } from './VCardAvatar'\nexport { VCardHeader } from './VCardHeader'\nexport { VCardHeaderText } from './VCardHeaderText'\nexport { VCardImg } from './VCardImg'\nexport { VCardSubtitle } from './VCardSubtitle'\nexport { VCardText } from './VCardText'\nexport { VCardTitle } from './VCardTitle'\n"],"file":"index.mjs"}
+{"version":3,"sources":["../../../src/components/VCard/index.ts"],"names":["VCard","VCardActions","VCardAvatar","VCardContent","VCardHeader","VCardHeaderText","VCardImg","VCardSubtitle","VCardText","VCardTitle"],"mappings":"SAASA,K;SACAC,Y;SACAC,W;SACAC,Y;SACAC,W;SACAC,e;SACAC,Q;SACAC,a;SACAC,S;SACAC,U","sourcesContent":["export { VCard } from './VCard'\nexport { VCardActions } from './VCardActions'\nexport { VCardAvatar } from './VCardAvatar'\nexport { VCardContent } from './VCardContent'\nexport { VCardHeader } from './VCardHeader'\nexport { VCardHeaderText } from './VCardHeaderText'\nexport { VCardImg } from './VCardImg'\nexport { VCardSubtitle } from './VCardSubtitle'\nexport { VCardText } from './VCardText'\nexport { VCardTitle } from './VCardTitle'\n"],"file":"index.mjs"}

package/lib/components/VCarousel/VCarousel.mjs

@@ -124,7 +124,7 @@ export const VCarousel = defineComponent({
         })]), 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
+          "modelValue": (group.getItemIndex(model.value) + 1) / group.items.value.length * 100
         }, null)]);
       },
       prev: slots.prev,

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

@@ -1 +1 @@
-{"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"}
+{"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/VCheckbox/VCheckbox.mjs

@@ -1,4 +1,4 @@
-import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
+import { createVNode as _createVNode, mergeProps as _mergeProps, resolveDirective as _resolveDirective } from "vue";
 // Styles
 import "./VCheckbox.css"; // Components
 
@@ -72,7 +72,7 @@ export const VCheckbox = defineComponent({
             "aria-checked": indeterminate.value ? 'mixed' : undefined,
             "disabled": isDisabled.value,
             "readonly": isReadonly.value
-          }, controlAttrs), null);
+          }, controlAttrs), slots);
         }
       });
     });

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

@@ -1 +1 @@
-{"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;AAAA;AARf;AA2BD,KAhCQ,CAAT;AAkCA,WAAO,EAAP;AACD;;AAnFsC,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              />\n            ),\n          }}\n        </VInput>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VCheckbox = InstanceType<typeof VCheckbox>\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/VChip/VChip.css

@@ -3,8 +3,11 @@
   cursor: default;
   display: inline-flex;
   font-weight: 400;
+  max-width: 100%;
+  overflow: hidden;
   position: relative;
   text-decoration: none;
+  white-space: nowrap;
   vertical-align: middle;
   border-color: rgba(var(--v-border-color), var(--v-border-opacity));
   border-style: solid;

package/lib/components/VChip/VChip.sass

@@ -8,8 +8,11 @@
   cursor: default
   display: inline-flex
   font-weight: $chip-font-weight
+  max-width: $chip-max-width
+  overflow: hidden
   position: relative
   text-decoration: none
+  white-space: $chip-white-space
   vertical-align: middle
 
   @at-root

package/lib/components/VChip/_variables.scss

@@ -24,9 +24,12 @@ $chip-font-weight: 400 !default;
 $chip-height: 32px !default;
 $chip-icon-font-size: 1.25rem !default;
 $chip-label-border-radius: settings.$border-radius-root !default;
+$chip-max-width: 100% !default;
+$chip-overflow: hidden !default;
 $chip-padding-ratio: 2 + math.div(2, 3) !default;
 $chip-plain-opacity: 0.26 !default;
 $chip-rounded-border-radius: settings.$border-radius-root !default;
+$chip-white-space: nowrap !default;
 
 $chip-sizes: (
   "height": $chip-height,

package/lib/components/VColorPicker/VColorPickerCanvas.css

@@ -11,7 +11,7 @@
   height: 15px;
   background: transparent;
   border-radius: 50%;
-  box-shadow: 0px 0px 0px 1.5px white, inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
+  box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
 }
 .v-color-picker-canvas__dot--disabled {
   box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.7), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);

package/lib/components/VCombobox/VCombobox.mjs

@@ -2,7 +2,7 @@ import { createTextVNode as _createTextVNode, createVNode as _createVNode, Fragm
 // Styles
 import "./VCombobox.css"; // Components
 
-import { genItem, makeSelectProps } from "../VSelect/VSelect.mjs";
+import { makeSelectProps } from "../VSelect/VSelect.mjs";
 import { VChip } from "../VChip/index.mjs";
 import { VDefaultsProvider } from "../VDefaultsProvider/index.mjs";
 import { VList, VListItem } from "../VList/index.mjs";
@@ -11,6 +11,7 @@ import { VTextField } from "../VTextField/index.mjs"; // Composables
 
 import { makeFilterProps, useFilter } from "../../composables/filter.mjs";
 import { makeTransitionProps } from "../../composables/transition.mjs";
+import { transformItem, useItems } from "../../composables/items.mjs";
 import { useForwardRef } from "../../composables/forwardRef.mjs";
 import { useLocale } from "../../composables/locale.mjs";
 import { useProxiedModel } from "../../composables/proxiedModel.mjs";
@@ -47,11 +48,13 @@ export const VCombobox = genericComponent()({
     })
   },
   emits: {
-    'update:modelValue': val => true
+    'update:modelValue': val => true,
+    'update:searchInput': val => true
   },
 
   setup(props, _ref) {
     let {
+      emit,
       slots
     } = _ref;
     const {
@@ -68,7 +71,9 @@ export const VCombobox = genericComponent()({
 
       return (_vTextFieldRef$value = vTextFieldRef.value) == null ? void 0 : _vTextFieldRef$value.color;
     });
-    const items = computed(() => props.items.map(genItem));
+    const {
+      items
+    } = useItems(props);
     const {
       textColorClasses,
       textColorStyles
@@ -78,7 +83,7 @@ export const VCombobox = genericComponent()({
     const _search = ref('');
 
     const search = computed({
-      get: () => props.multiple ? _search.value : genItem(model.value[0]).value,
+      get: () => props.multiple ? _search.value : transformItem(props, model.value[0]).value,
       set: val => {
         var _props$delimiters;
 
@@ -107,6 +112,9 @@ export const VCombobox = genericComponent()({
         isPristine.value = !val;
       }
     });
+    watch(_search, value => {
+      emit('update:searchInput', value);
+    });
     const {
       filteredItems
     } = useFilter(props, items, computed(() => isPristine.value ? undefined : search.value));
@@ -115,7 +123,7 @@ export const VCombobox = genericComponent()({
       let index = 0;
 
       for (const unwrapped of model.value) {
-        const item = genItem(unwrapped);
+        const item = transformItem(props, unwrapped);
         const found = array.find(selection => selection.value === item.value);
 
         if (found == null) {
@@ -209,18 +217,24 @@ export const VCombobox = genericComponent()({
       }
     }
 
+    function onInput(e) {
+      search.value = e.target.value;
+    }
+
     function onAfterLeave() {
       if (isFocused.value) isPristine.value = true;
     }
 
     function select(item) {
       if (props.multiple) {
-        const index = selections.value.findIndex(selection => selection.value === item.value);
+        const index = selected.value.findIndex(selection => selection === item.value);
 
         if (index === -1) {
-          model.value.push(item.value);
+          model.value = [...model.value, item.value];
         } else {
-          model.value = selected.value.filter(selection => selection !== item.value);
+          const value = [...model.value];
+          value.splice(index, 1);
+          model.value = value;
         }
 
         search.value = '';
@@ -246,7 +260,7 @@ export const VCombobox = genericComponent()({
       } else {
         menu.value = false;
         if (!props.multiple || !search.value) return;
-        model.value.push(search.value);
+        model.value = [...model.value, search.value];
         search.value = '';
       }
     });
@@ -255,7 +269,7 @@ export const VCombobox = genericComponent()({
       return _createVNode(VTextField, {
         "ref": vTextFieldRef,
         "modelValue": search.value,
-        "onUpdate:modelValue": $event => search.value = $event,
+        "onInput": onInput,
         "class": ['v-combobox', {
           'v-combobox--active-menu': menu.value,
           'v-combobox--chips': !!props.chips,
@@ -271,75 +285,79 @@ export const VCombobox = genericComponent()({
         "onBlur": () => isFocused.value = false,
         "onKeydown": onKeydown
       }, { ...slots,
-        default: () => _createVNode(_Fragment, null, [activator.value && _createVNode(VMenu, {
-          "modelValue": menu.value,
-          "onUpdate:modelValue": $event => menu.value = $event,
-          "activator": activator.value,
-          "contentClass": "v-combobox__content",
-          "eager": props.eager,
-          "openOnClick": false,
-          "transition": props.transition,
-          "onAfterLeave": onAfterLeave
-        }, {
-          default: () => [_createVNode(VList, {
-            "selected": selected.value,
-            "selectStrategy": props.multiple ? 'independent' : 'single-independent'
+        default: () => {
+          var _slots$noData, _slots$noData2;
+
+          return _createVNode(_Fragment, null, [activator.value && _createVNode(VMenu, {
+            "modelValue": menu.value,
+            "onUpdate:modelValue": $event => menu.value = $event,
+            "activator": activator.value,
+            "contentClass": "v-combobox__content",
+            "eager": props.eager,
+            "openOnClick": false,
+            "transition": props.transition,
+            "onAfterLeave": onAfterLeave
           }, {
-            default: () => [!filteredItems.value.length && !props.hideNoData && _createVNode(VListItem, {
-              "title": t(props.noDataText)
-            }, null), filteredItems.value.map(_ref2 => {
-              let {
-                item,
-                matches
-              } = _ref2;
-              return _createVNode(VListItem, {
-                "value": item.value,
-                "onMousedown": e => e.preventDefault(),
-                "onClick": () => select(item)
-              }, {
-                title: () => {
-                  var _search$value$length, _search$value;
-
-                  return isPristine.value ? item.title : highlightResult(item.title, matches.title, (_search$value$length = (_search$value = search.value) == null ? void 0 : _search$value.length) != null ? _search$value$length : 0);
-                }
-              });
+            default: () => [_createVNode(VList, {
+              "selected": selected.value,
+              "selectStrategy": props.multiple ? 'independent' : 'single-independent'
+            }, {
+              default: () => [!filteredItems.value.length && !props.hideNoData && ((_slots$noData = (_slots$noData2 = slots['no-data']) == null ? void 0 : _slots$noData2.call(slots)) != null ? _slots$noData : _createVNode(VListItem, {
+                "title": t(props.noDataText)
+              }, null)), filteredItems.value.map(_ref2 => {
+                let {
+                  item,
+                  matches
+                } = _ref2;
+                return _createVNode(VListItem, {
+                  "value": item.value,
+                  "onMousedown": e => e.preventDefault(),
+                  "onClick": () => select(item)
+                }, {
+                  title: () => {
+                    var _search$value$length, _search$value;
+
+                    return isPristine.value ? item.title : highlightResult(item.title, matches.title, (_search$value$length = (_search$value = search.value) == null ? void 0 : _search$value.length) != null ? _search$value$length : 0);
+                  }
+                });
+              })]
             })]
-          })]
-        }), selections.value.map((selection, index) => {
-          function onChipClose(e) {
-            e.stopPropagation();
-            e.preventDefault();
-            select(selection);
-          }
+          }), selections.value.map((selection, index) => {
+            function onChipClose(e) {
+              e.stopPropagation();
+              e.preventDefault();
+              select(selection);
+            }
 
-          const slotProps = {
-            'onClick:close': onChipClose,
-            modelValue: true
-          };
-          return _createVNode("div", {
-            "class": ['v-combobox__selection', selection.selected && ['v-combobox__selection--selected', textColorClasses.value]],
-            "style": selection.selected ? textColorStyles.value : {}
-          }, [hasChips && _createVNode(VDefaultsProvider, {
-            "defaults": {
-              VChip: {
-                closable: props.closableChips,
-                size: 'small',
-                text: selection.title
+            const slotProps = {
+              'onClick:close': onChipClose,
+              modelValue: true
+            };
+            return _createVNode("div", {
+              "class": ['v-combobox__selection', selection.selected && ['v-combobox__selection--selected', textColorClasses.value]],
+              "style": selection.selected ? textColorStyles.value : {}
+            }, [hasChips && _createVNode(VDefaultsProvider, {
+              "defaults": {
+                VChip: {
+                  closable: props.closableChips,
+                  size: 'small',
+                  text: selection.title
+                }
               }
-            }
-          }, {
-            default: () => [slots.chip ? slots.chip({
-              props: slotProps,
+            }, {
+              default: () => [slots.chip ? slots.chip({
+                props: slotProps,
+                selection
+              }) : _createVNode(VChip, slotProps, null)]
+            }), !hasChips && (slots.selection ? slots.selection({
               selection
-            }) : _createVNode(VChip, slotProps, null)]
-          }), !hasChips && (slots.selection ? slots.selection({
-            selection
-          }) : _createVNode("span", {
-            "class": "v-combobox__selection-text"
-          }, [selection.title, props.multiple && index < selections.value.length - 1 && _createVNode("span", {
-            "class": "v-combobox__selection-comma"
-          }, [_createTextVNode(",")])]))]);
-        })])
+            }) : _createVNode("span", {
+              "class": "v-combobox__selection-text"
+            }, [selection.title, props.multiple && index < selections.value.length - 1 && _createVNode("span", {
+              "class": "v-combobox__selection-comma"
+            }, [_createTextVNode(",")])]))]);
+          })]);
+        }
       });
     });
     return useForwardRef({