@vuetify/nightly 3.0.0-beta.13 → 3.0.0-beta.15

package/lib/components/VCheckbox/index.d.ts

@@ -11,9 +11,11 @@ declare type ValidationRule = ValidationResult | PromiseLike<ValidationResult> |
 declare type IconValue = string | JSXComponent;
 declare const IconValue: PropType<IconValue>;
 
+declare type Density = null | 'default' | 'comfortable' | 'compact';
+
 declare const VCheckbox: vue.DefineComponent<{
     density: {
-        type: vue.PropType<"default" | "compact" | "comfortable" | null>;
+        type: vue.PropType<Density>;
         default: string;
         validator: (v: any) => boolean;
     };
@@ -23,7 +25,6 @@ declare const VCheckbox: vue.DefineComponent<{
     error: BooleanConstructor;
     id: StringConstructor;
     inline: BooleanConstructor;
-    label: StringConstructor;
     falseIcon: {
         type: vue.PropType<(string & {}) | IconValue>;
         default: (string & {}) | IconValue;
@@ -42,15 +43,16 @@ declare const VCheckbox: vue.DefineComponent<{
     };
     name: StringConstructor;
     readonly: BooleanConstructor;
-    trueValue: null;
-    falseValue: null;
     modelValue: null;
     type: StringConstructor;
-    value: null;
     valueComparator: {
         type: vue.PropType<typeof deepEqual>;
         default: typeof deepEqual;
     };
+    label: StringConstructor;
+    trueValue: null;
+    falseValue: null;
+    value: null;
     indeterminate: BooleanConstructor;
     indeterminateIcon: {
         type: vue.PropType<IconValue>;
@@ -85,7 +87,7 @@ declare const VCheckbox: vue.DefineComponent<{
     'onClick:append': vue.PropType<EventProp<(...args: any[]) => any>>;
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
     density: {
-        type: vue.PropType<"default" | "compact" | "comfortable" | null>;
+        type: vue.PropType<Density>;
         default: string;
         validator: (v: any) => boolean;
     };
@@ -95,7 +97,6 @@ declare const VCheckbox: vue.DefineComponent<{
     error: BooleanConstructor;
     id: StringConstructor;
     inline: BooleanConstructor;
-    label: StringConstructor;
     falseIcon: {
         type: vue.PropType<(string & {}) | IconValue>;
         default: (string & {}) | IconValue;
@@ -114,15 +115,16 @@ declare const VCheckbox: vue.DefineComponent<{
     };
     name: StringConstructor;
     readonly: BooleanConstructor;
-    trueValue: null;
-    falseValue: null;
     modelValue: null;
     type: StringConstructor;
-    value: null;
     valueComparator: {
         type: vue.PropType<typeof deepEqual>;
         default: typeof deepEqual;
     };
+    label: StringConstructor;
+    trueValue: null;
+    falseValue: null;
+    value: null;
     indeterminate: BooleanConstructor;
     indeterminateIcon: {
         type: vue.PropType<IconValue>;
@@ -164,7 +166,7 @@ declare const VCheckbox: vue.DefineComponent<{
     readonly: boolean;
     indeterminate: boolean;
     messages: string | string[];
-    density: "default" | "compact" | "comfortable" | null;
+    density: Density;
     ripple: boolean;
     errorMessages: string | string[];
     maxErrors: string | number;
@@ -178,7 +180,7 @@ declare type VCheckbox = InstanceType<typeof VCheckbox>;
 
 declare const VCheckboxBtn: vue.DefineComponent<{
     density: {
-        type: vue.PropType<"default" | "compact" | "comfortable" | null>;
+        type: vue.PropType<Density>;
         default: string;
         validator: (v: any) => boolean;
     };
@@ -188,7 +190,6 @@ declare const VCheckboxBtn: vue.DefineComponent<{
     error: BooleanConstructor;
     id: StringConstructor;
     inline: BooleanConstructor;
-    label: StringConstructor;
     falseIcon: {
         type: vue.PropType<(string & {}) | IconValue>;
         default: (string & {}) | IconValue;
@@ -207,15 +208,16 @@ declare const VCheckboxBtn: vue.DefineComponent<{
     };
     name: StringConstructor;
     readonly: BooleanConstructor;
-    trueValue: null;
-    falseValue: null;
     modelValue: null;
     type: StringConstructor;
-    value: null;
     valueComparator: {
         type: vue.PropType<typeof deepEqual>;
         default: typeof deepEqual;
     };
+    label: StringConstructor;
+    trueValue: null;
+    falseValue: null;
+    value: null;
     indeterminate: BooleanConstructor;
     indeterminateIcon: {
         type: vue.PropType<IconValue>;
@@ -226,7 +228,7 @@ declare const VCheckboxBtn: vue.DefineComponent<{
     'update:indeterminate': (val: boolean) => true;
 }, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<ExtractPropTypes<{
     density: {
-        type: vue.PropType<"default" | "compact" | "comfortable" | null>;
+        type: vue.PropType<Density>;
         default: string;
         validator: (v: any) => boolean;
     };
@@ -236,7 +238,6 @@ declare const VCheckboxBtn: vue.DefineComponent<{
     error: BooleanConstructor;
     id: StringConstructor;
     inline: BooleanConstructor;
-    label: StringConstructor;
     falseIcon: {
         type: vue.PropType<(string & {}) | IconValue>;
         default: (string & {}) | IconValue;
@@ -255,15 +256,16 @@ declare const VCheckboxBtn: vue.DefineComponent<{
     };
     name: StringConstructor;
     readonly: BooleanConstructor;
-    trueValue: null;
-    falseValue: null;
     modelValue: null;
     type: StringConstructor;
-    value: null;
     valueComparator: {
         type: vue.PropType<typeof deepEqual>;
         default: typeof deepEqual;
     };
+    label: StringConstructor;
+    trueValue: null;
+    falseValue: null;
+    value: null;
     indeterminate: BooleanConstructor;
     indeterminateIcon: {
         type: vue.PropType<IconValue>;
@@ -279,7 +281,7 @@ declare const VCheckboxBtn: vue.DefineComponent<{
     multiple: boolean | null;
     readonly: boolean;
     indeterminate: boolean;
-    density: "default" | "compact" | "comfortable" | null;
+    density: Density;
     ripple: boolean;
     falseIcon: (string & {}) | IconValue;
     trueIcon: (string & {}) | IconValue;

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["VCheckbox","VCheckboxBtn"],"sources":["../../../src/components/VCheckbox/index.ts"],"sourcesContent":["export { VCheckbox } from './VCheckbox'\nexport { VCheckboxBtn } from './VCheckboxBtn'\n"],"mappings":"SAASA,S;SACAC,Y"}
+{"version":3,"file":"index.mjs","names":["VCheckbox","VCheckboxBtn"],"sources":["../../../src/components/VCheckbox/index.ts"],"sourcesContent":["export { VCheckbox } from './VCheckbox'\nexport { VCheckboxBtn } from './VCheckboxBtn'\n"],"mappings":"SAASA,SAAS;AAAA,SACTC,YAAY"}

package/lib/components/VChip/VChip.css

@@ -251,6 +251,31 @@
   height: calc(var(--v-chip-height) + -12px);
 }
 
+.v-chip:hover > .v-chip__overlay {
+  opacity: calc(0.04 * var(--v-theme-overlay-multiplier));
+}
+.v-chip:focus-visible > .v-chip__overlay {
+  opacity: calc(0.12 * var(--v-theme-overlay-multiplier));
+}
+@supports not selector(:focus-visible) {
+  .v-chip:focus > .v-chip__overlay {
+    opacity: calc(0.12 * var(--v-theme-overlay-multiplier));
+  }
+}
+.v-chip--active > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true] > .v-chip__overlay {
+  opacity: calc(0.12 * var(--v-theme-overlay-multiplier));
+}
+.v-chip--active:hover > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:hover > .v-chip__overlay {
+  opacity: calc(0.16 * var(--v-theme-overlay-multiplier));
+}
+.v-chip--active:focus-visible > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-chip__overlay {
+  opacity: calc(0.24 * var(--v-theme-overlay-multiplier));
+}
+@supports not selector(:focus-visible) {
+  .v-chip--active:focus > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus > .v-chip__overlay {
+    opacity: calc(0.24 * var(--v-theme-overlay-multiplier));
+  }
+}
 .v-chip--variant-plain, .v-chip--variant-outlined, .v-chip--variant-text, .v-chip--variant-tonal {
   background: transparent;
   color: inherit;

package/lib/components/VChip/VChip.mjs

@@ -1,15 +1,14 @@
 import { resolveDirective as _resolveDirective, withDirectives as _withDirectives, vShow as _vShow, createVNode as _createVNode } from "vue";
-
 /* eslint-disable complexity */
 // Styles
-import "./VChip.css"; // Components
+import "./VChip.css";
 
+// Components
 import { VAvatar } from "../VAvatar/index.mjs";
 import { VChipGroupSymbol } from "../VChipGroup/VChipGroup.mjs";
 import { VDefaultsProvider } from "../VDefaultsProvider/index.mjs";
 import { VExpandXTransition } from "../transitions/index.mjs";
 import { VIcon } from "../VIcon/index.mjs"; // Composables
-
 import { genOverlays, makeVariantProps, useVariant } from "../../composables/variant.mjs";
 import { makeBorderProps, useBorder } from "../../composables/border.mjs";
 import { makeDensityProps, useDensity } from "../../composables/density.mjs";
@@ -22,9 +21,7 @@ import { makeTagProps } from "../../composables/tag.mjs";
 import { makeThemeProps, provideTheme } from "../../composables/theme.mjs";
 import { useProxiedModel } from "../../composables/proxiedModel.mjs";
 import { IconValue } from "../../composables/icons.mjs"; // Directives
-
 import { Ripple } from "../../directives/ripple/index.mjs"; // Utilities
-
 import { defineComponent } from "../../util/index.mjs";
 export const VChip = defineComponent({
   name: 'VChip',
@@ -85,7 +82,6 @@ export const VChip = defineComponent({
     'update:modelValue': value => true,
     'group:selected': val => true
   },
-
   setup(props, _ref) {
     let {
       attrs,
@@ -118,15 +114,12 @@ export const VChip = defineComponent({
     const isActive = useProxiedModel(props, 'modelValue');
     const group = useGroupItem(props, VChipGroupSymbol, false);
     const link = useLink(props, attrs);
-
     function onCloseClick(e) {
       isActive.value = false;
       emit('click:close', e);
     }
-
     return () => {
       var _slots$default;
-
       const Tag = link.isLink.value ? 'a' : props.tag;
       const hasAppend = !!(slots.append || props.appendIcon || props.appendAvatar);
       const hasClose = !!(slots.close || props.closable);
@@ -222,6 +215,5 @@ export const VChip = defineComponent({
       }), [[_resolveDirective("ripple"), isClickable && props.ripple, null]]);
     };
   }
-
 });
 //# sourceMappingURL=VChip.mjs.map

package/lib/components/VChip/VChip.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VChip.mjs","names":["VAvatar","VChipGroupSymbol","VDefaultsProvider","VExpandXTransition","VIcon","genOverlays","makeVariantProps","useVariant","makeBorderProps","useBorder","makeDensityProps","useDensity","makeElevationProps","useElevation","makeGroupItemProps","useGroupItem","makeRoundedProps","useRounded","makeRouterProps","useLink","makeSizeProps","useSize","makeTagProps","makeThemeProps","provideTheme","useProxiedModel","IconValue","Ripple","defineComponent","VChip","name","directives","props","activeClass","String","appendAvatar","appendIcon","closable","Boolean","closeIcon","type","default","closeLabel","draggable","filter","filterIcon","label","link","pill","prependAvatar","prependIcon","ripple","text","modelValue","tag","variant","emits","e","value","val","setup","attrs","emit","slots","borderClasses","colorClasses","colorStyles","variantClasses","densityClasses","elevationClasses","roundedClasses","sizeClasses","themeClasses","isActive","group","onCloseClick","Tag","isLink","hasAppend","append","hasClose","close","hasFilter","hasPrepend","prepend","hasColor","isSelected","isClickable","disabled","onClickFunc","toggle","undefined","selectedClass","href","icon","image","select","size"],"sources":["../../../src/components/VChip/VChip.tsx"],"sourcesContent":["/* eslint-disable complexity */\n// Styles\nimport './VChip.sass'\n\n// Components\nimport { VAvatar } from '@/components/VAvatar'\nimport { VChipGroupSymbol } from '@/components/VChipGroup/VChipGroup'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VExpandXTransition } from '@/components/transitions'\nimport { VIcon } from '@/components/VIcon'\n\n// Composables\nimport { genOverlays, makeVariantProps, useVariant } from '@/composables/variant'\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makeGroupItemProps, useGroupItem } from '@/composables/group'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeRouterProps, useLink } from '@/composables/router'\nimport { makeSizeProps, useSize } from '@/composables/size'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { IconValue } from '@/composables/icons'\n\n// Directives\nimport { Ripple } from '@/directives/ripple'\n\n// Utilities\nimport { defineComponent } from '@/util'\n\nexport const VChip = defineComponent({\n  name: 'VChip',\n\n  directives: { Ripple },\n\n  props: {\n    activeClass: String,\n    appendAvatar: String,\n    appendIcon: IconValue,\n    closable: Boolean,\n    closeIcon: {\n      type: IconValue,\n      default: '$delete',\n    },\n    closeLabel: {\n      type: String,\n      default: '$vuetify.close',\n    },\n    draggable: Boolean,\n    filter: Boolean,\n    filterIcon: {\n      type: String,\n      default: '$complete',\n    },\n    label: Boolean,\n    link: Boolean,\n    pill: Boolean,\n    prependAvatar: String,\n    prependIcon: IconValue,\n    ripple: {\n      type: Boolean,\n      default: true,\n    },\n    text: String,\n    modelValue: {\n      type: Boolean,\n      default: true,\n    },\n\n    ...makeBorderProps(),\n    ...makeDensityProps(),\n    ...makeElevationProps(),\n    ...makeGroupItemProps(),\n    ...makeRoundedProps(),\n    ...makeRouterProps(),\n    ...makeSizeProps(),\n    ...makeTagProps({ tag: 'span' }),\n    ...makeThemeProps(),\n    ...makeVariantProps({ variant: 'tonal' } as const),\n  },\n\n  emits: {\n    'click:close': (e: Event) => true,\n    'update:active': (value: boolean) => true,\n    'update:modelValue': (value: boolean) => true,\n    'group:selected': (val: { value: boolean }) => true,\n  },\n\n  setup (props, { attrs, emit, slots }) {\n    const { borderClasses } = useBorder(props)\n    const { colorClasses, colorStyles, variantClasses } = useVariant(props)\n    const { densityClasses } = useDensity(props)\n    const { elevationClasses } = useElevation(props)\n    const { roundedClasses } = useRounded(props)\n    const { sizeClasses } = useSize(props)\n    const { themeClasses } = provideTheme(props)\n\n    const isActive = useProxiedModel(props, 'modelValue')\n    const group = useGroupItem(props, VChipGroupSymbol, false)\n    const link = useLink(props, attrs)\n\n    function onCloseClick (e: Event) {\n      isActive.value = false\n\n      emit('click:close', e)\n    }\n\n    return () => {\n      const Tag = (link.isLink.value) ? 'a' : props.tag\n      const hasAppend = !!(slots.append || props.appendIcon || props.appendAvatar)\n      const hasClose = !!(slots.close || props.closable)\n      const hasFilter = !!(slots.filter || props.filter) && group\n      const hasPrepend = !!(slots.prepend || props.prependIcon || props.prependAvatar)\n      const hasColor = !group || group.isSelected.value\n      const isClickable = !props.disabled && (!!group || link.isClickable.value || props.link)\n      const onClickFunc = props.link ? props.link : group?.toggle\n\n      return isActive.value && (\n        <Tag\n          class={[\n            'v-chip',\n            {\n              'v-chip--disabled': props.disabled,\n              'v-chip--label': props.label,\n              'v-chip--link': isClickable,\n              'v-chip--filter': hasFilter,\n              'v-chip--pill': props.pill,\n            },\n            themeClasses.value,\n            borderClasses.value,\n            hasColor ? colorClasses.value : undefined,\n            densityClasses.value,\n            elevationClasses.value,\n            roundedClasses.value,\n            sizeClasses.value,\n            variantClasses.value,\n            group?.selectedClass.value,\n          ]}\n          style={[\n            hasColor ? colorStyles.value : undefined,\n          ]}\n          disabled={ props.disabled || undefined }\n          draggable={ props.draggable }\n          href={ link.href.value }\n          v-ripple={ [isClickable && props.ripple, null] }\n          onClick={ isClickable && onClickFunc }\n        >\n          { genOverlays(isClickable, 'v-chip') }\n\n          { hasFilter && (\n            <VDefaultsProvider\n              key=\"filter\"\n              defaults={{\n                VIcon: { icon: props.filterIcon },\n              }}\n            >\n              <VExpandXTransition>\n                <div\n                  class=\"v-chip__filter\"\n                  v-show={ group.isSelected.value }\n                >\n                  { slots.filter ? slots.filter() : (<VIcon />) }\n                </div>\n              </VExpandXTransition>\n            </VDefaultsProvider>\n          ) }\n\n          { hasPrepend && (\n            <VDefaultsProvider\n              key=\"prepend\"\n              defaults={{\n                VAvatar: {\n                  image: props.prependAvatar,\n                },\n                VIcon: {\n                  icon: props.prependIcon,\n                },\n              }}\n            >\n              { slots.prepend\n                ? (\n                  <div class=\"v-chip__prepend\">\n                    { slots.prepend() }\n                  </div>\n                )\n                : props.prependAvatar ? (<VAvatar start />)\n                : props.prependIcon ? (<VIcon start />)\n                : undefined\n              }\n            </VDefaultsProvider>\n          ) }\n\n          { slots.default?.({\n            isSelected: group?.isSelected.value,\n            selectedClass: group?.selectedClass.value,\n            select: group?.select,\n            toggle: group?.toggle,\n            value: group?.value.value,\n            disabled: props.disabled,\n          }) ?? props.text }\n\n          { hasAppend && (\n            <VDefaultsProvider\n              key=\"append\"\n              defaults={{\n                VAvatar: {\n                  image: props.appendAvatar,\n                },\n                VIcon: {\n                  icon: props.appendIcon,\n                },\n              }}\n            >\n              { slots.append\n                ? (\n                  <div class=\"v-chip__append\">\n                    { slots.append() }\n                  </div>\n                )\n                : props.appendAvatar ? (<VAvatar end />)\n                : props.appendIcon ? (<VIcon end />)\n                : undefined\n              }\n            </VDefaultsProvider>\n          ) }\n\n          { hasClose && (\n            <VDefaultsProvider\n              key=\"close\"\n              defaults={{\n                VIcon: {\n                  icon: props.closeIcon,\n                  size: 'x-small',\n                },\n              }}\n            >\n              <div\n                class=\"v-chip__close\"\n                onClick={ onCloseClick }\n              >\n                { slots.close ? slots.close() : (<VIcon />) }\n              </div>\n            </VDefaultsProvider>\n          ) }\n        </Tag>\n      )\n    }\n  },\n})\n\nexport type VChip = InstanceType<typeof VChip>\n"],"mappings":"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"}
+{"version":3,"file":"VChip.mjs","names":["VAvatar","VChipGroupSymbol","VDefaultsProvider","VExpandXTransition","VIcon","genOverlays","makeVariantProps","useVariant","makeBorderProps","useBorder","makeDensityProps","useDensity","makeElevationProps","useElevation","makeGroupItemProps","useGroupItem","makeRoundedProps","useRounded","makeRouterProps","useLink","makeSizeProps","useSize","makeTagProps","makeThemeProps","provideTheme","useProxiedModel","IconValue","Ripple","defineComponent","VChip","name","directives","props","activeClass","String","appendAvatar","appendIcon","closable","Boolean","closeIcon","type","default","closeLabel","draggable","filter","filterIcon","label","link","pill","prependAvatar","prependIcon","ripple","text","modelValue","tag","variant","emits","e","value","val","setup","attrs","emit","slots","borderClasses","colorClasses","colorStyles","variantClasses","densityClasses","elevationClasses","roundedClasses","sizeClasses","themeClasses","isActive","group","onCloseClick","Tag","isLink","hasAppend","append","hasClose","close","hasFilter","hasPrepend","prepend","hasColor","isSelected","isClickable","disabled","onClickFunc","toggle","undefined","selectedClass","href","icon","image","select","size"],"sources":["../../../src/components/VChip/VChip.tsx"],"sourcesContent":["/* eslint-disable complexity */\n// Styles\nimport './VChip.sass'\n\n// Components\nimport { VAvatar } from '@/components/VAvatar'\nimport { VChipGroupSymbol } from '@/components/VChipGroup/VChipGroup'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VExpandXTransition } from '@/components/transitions'\nimport { VIcon } from '@/components/VIcon'\n\n// Composables\nimport { genOverlays, makeVariantProps, useVariant } from '@/composables/variant'\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makeGroupItemProps, useGroupItem } from '@/composables/group'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeRouterProps, useLink } from '@/composables/router'\nimport { makeSizeProps, useSize } from '@/composables/size'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { IconValue } from '@/composables/icons'\n\n// Directives\nimport { Ripple } from '@/directives/ripple'\n\n// Utilities\nimport { defineComponent } from '@/util'\n\nexport const VChip = defineComponent({\n  name: 'VChip',\n\n  directives: { Ripple },\n\n  props: {\n    activeClass: String,\n    appendAvatar: String,\n    appendIcon: IconValue,\n    closable: Boolean,\n    closeIcon: {\n      type: IconValue,\n      default: '$delete',\n    },\n    closeLabel: {\n      type: String,\n      default: '$vuetify.close',\n    },\n    draggable: Boolean,\n    filter: Boolean,\n    filterIcon: {\n      type: String,\n      default: '$complete',\n    },\n    label: Boolean,\n    link: Boolean,\n    pill: Boolean,\n    prependAvatar: String,\n    prependIcon: IconValue,\n    ripple: {\n      type: Boolean,\n      default: true,\n    },\n    text: String,\n    modelValue: {\n      type: Boolean,\n      default: true,\n    },\n\n    ...makeBorderProps(),\n    ...makeDensityProps(),\n    ...makeElevationProps(),\n    ...makeGroupItemProps(),\n    ...makeRoundedProps(),\n    ...makeRouterProps(),\n    ...makeSizeProps(),\n    ...makeTagProps({ tag: 'span' }),\n    ...makeThemeProps(),\n    ...makeVariantProps({ variant: 'tonal' } as const),\n  },\n\n  emits: {\n    'click:close': (e: Event) => true,\n    'update:active': (value: boolean) => true,\n    'update:modelValue': (value: boolean) => true,\n    'group:selected': (val: { value: boolean }) => true,\n  },\n\n  setup (props, { attrs, emit, slots }) {\n    const { borderClasses } = useBorder(props)\n    const { colorClasses, colorStyles, variantClasses } = useVariant(props)\n    const { densityClasses } = useDensity(props)\n    const { elevationClasses } = useElevation(props)\n    const { roundedClasses } = useRounded(props)\n    const { sizeClasses } = useSize(props)\n    const { themeClasses } = provideTheme(props)\n\n    const isActive = useProxiedModel(props, 'modelValue')\n    const group = useGroupItem(props, VChipGroupSymbol, false)\n    const link = useLink(props, attrs)\n\n    function onCloseClick (e: Event) {\n      isActive.value = false\n\n      emit('click:close', e)\n    }\n\n    return () => {\n      const Tag = (link.isLink.value) ? 'a' : props.tag\n      const hasAppend = !!(slots.append || props.appendIcon || props.appendAvatar)\n      const hasClose = !!(slots.close || props.closable)\n      const hasFilter = !!(slots.filter || props.filter) && group\n      const hasPrepend = !!(slots.prepend || props.prependIcon || props.prependAvatar)\n      const hasColor = !group || group.isSelected.value\n      const isClickable = !props.disabled && (!!group || link.isClickable.value || props.link)\n      const onClickFunc = props.link ? props.link : group?.toggle\n\n      return isActive.value && (\n        <Tag\n          class={[\n            'v-chip',\n            {\n              'v-chip--disabled': props.disabled,\n              'v-chip--label': props.label,\n              'v-chip--link': isClickable,\n              'v-chip--filter': hasFilter,\n              'v-chip--pill': props.pill,\n            },\n            themeClasses.value,\n            borderClasses.value,\n            hasColor ? colorClasses.value : undefined,\n            densityClasses.value,\n            elevationClasses.value,\n            roundedClasses.value,\n            sizeClasses.value,\n            variantClasses.value,\n            group?.selectedClass.value,\n          ]}\n          style={[\n            hasColor ? colorStyles.value : undefined,\n          ]}\n          disabled={ props.disabled || undefined }\n          draggable={ props.draggable }\n          href={ link.href.value }\n          v-ripple={ [isClickable && props.ripple, null] }\n          onClick={ isClickable && onClickFunc }\n        >\n          { genOverlays(isClickable, 'v-chip') }\n\n          { hasFilter && (\n            <VDefaultsProvider\n              key=\"filter\"\n              defaults={{\n                VIcon: { icon: props.filterIcon },\n              }}\n            >\n              <VExpandXTransition>\n                <div\n                  class=\"v-chip__filter\"\n                  v-show={ group.isSelected.value }\n                >\n                  { slots.filter ? slots.filter() : (<VIcon />) }\n                </div>\n              </VExpandXTransition>\n            </VDefaultsProvider>\n          ) }\n\n          { hasPrepend && (\n            <VDefaultsProvider\n              key=\"prepend\"\n              defaults={{\n                VAvatar: {\n                  image: props.prependAvatar,\n                },\n                VIcon: {\n                  icon: props.prependIcon,\n                },\n              }}\n            >\n              { slots.prepend\n                ? (\n                  <div class=\"v-chip__prepend\">\n                    { slots.prepend() }\n                  </div>\n                )\n                : props.prependAvatar ? (<VAvatar start />)\n                : props.prependIcon ? (<VIcon start />)\n                : undefined\n              }\n            </VDefaultsProvider>\n          ) }\n\n          { slots.default?.({\n            isSelected: group?.isSelected.value,\n            selectedClass: group?.selectedClass.value,\n            select: group?.select,\n            toggle: group?.toggle,\n            value: group?.value.value,\n            disabled: props.disabled,\n          }) ?? props.text }\n\n          { hasAppend && (\n            <VDefaultsProvider\n              key=\"append\"\n              defaults={{\n                VAvatar: {\n                  image: props.appendAvatar,\n                },\n                VIcon: {\n                  icon: props.appendIcon,\n                },\n              }}\n            >\n              { slots.append\n                ? (\n                  <div class=\"v-chip__append\">\n                    { slots.append() }\n                  </div>\n                )\n                : props.appendAvatar ? (<VAvatar end />)\n                : props.appendIcon ? (<VIcon end />)\n                : undefined\n              }\n            </VDefaultsProvider>\n          ) }\n\n          { hasClose && (\n            <VDefaultsProvider\n              key=\"close\"\n              defaults={{\n                VIcon: {\n                  icon: props.closeIcon,\n                  size: 'x-small',\n                },\n              }}\n            >\n              <div\n                class=\"v-chip__close\"\n                onClick={ onCloseClick }\n              >\n                { slots.close ? slots.close() : (<VIcon />) }\n              </div>\n            </VDefaultsProvider>\n          ) }\n        </Tag>\n      )\n    }\n  },\n})\n\nexport type VChip = InstanceType<typeof VChip>\n"],"mappings":"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"}

package/lib/components/VChip/VChip.sass

@@ -19,6 +19,7 @@
     @include chip-density('height', $chip-density)
 
   @include tools.border($chip-border...)
+  @include tools.states('.v-chip__overlay')
   @include tools.rounded($chip-border-radius)
   @include tools.variant($chip-variants...)
 

package/lib/components/VChip/index.d.ts

@@ -2,6 +2,8 @@ import * as vue_router from 'vue-router';
 import * as vue from 'vue';
 import { JSXComponent, PropType } from 'vue';
 
+declare type Density = null | 'default' | 'comfortable' | 'compact';
+
 declare type IconValue = string | JSXComponent;
 declare const IconValue: PropType<IconValue>;
 
@@ -43,7 +45,7 @@ declare const VChip: vue.DefineComponent<{
         validator(v: any): boolean;
     };
     density: {
-        type: vue.PropType<"default" | "compact" | "comfortable" | null>;
+        type: vue.PropType<Density>;
         default: string;
         validator: (v: any) => boolean;
     };
@@ -125,7 +127,7 @@ declare const VChip: vue.DefineComponent<{
         validator(v: any): boolean;
     };
     density: {
-        type: vue.PropType<"default" | "compact" | "comfortable" | null>;
+        type: vue.PropType<Density>;
         default: string;
         validator: (v: any) => boolean;
     };
@@ -180,7 +182,7 @@ declare const VChip: vue.DefineComponent<{
     size: string | number;
     tag: string;
     rounded: string | number | boolean;
-    density: "default" | "compact" | "comfortable" | null;
+    density: Density;
     variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     modelValue: boolean;
     ripple: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["VChip"],"sources":["../../../src/components/VChip/index.ts"],"sourcesContent":["export { VChip } from './VChip'\n"],"mappings":"SAASA,K"}
+{"version":3,"file":"index.mjs","names":["VChip"],"sources":["../../../src/components/VChip/index.ts"],"sourcesContent":["export { VChip } from './VChip'\n"],"mappings":"SAASA,KAAK"}

package/lib/components/VChipGroup/VChipGroup.mjs

@@ -1,15 +1,17 @@
 import { createVNode as _createVNode } from "vue";
 // Styles
-import "./VChipGroup.css"; // Composables
+import "./VChipGroup.css";
 
+// Composables
 import { makeGroupProps, useGroup } from "../../composables/group.mjs";
 import { makeTagProps } from "../../composables/tag.mjs";
 import { makeThemeProps, provideTheme } from "../../composables/theme.mjs";
 import { makeVariantProps } from "../../composables/variant.mjs";
 import { provideDefaults } from "../../composables/defaults.mjs"; // Utilities
-
 import { deepEqual, defineComponent, useRender } from "../../util/index.mjs";
-import { toRef } from 'vue'; // Types
+import { toRef } from 'vue';
+
+// Types
 
 export const VChipGroupSymbol = Symbol.for('vuetify:v-chip-group');
 export const VChipGroup = defineComponent({
@@ -33,7 +35,6 @@ export const VChipGroup = defineComponent({
   emits: {
     'update:modelValue': value => true
   },
-
   setup(props, _ref) {
     let {
       slots
@@ -57,7 +58,6 @@ export const VChipGroup = defineComponent({
     });
     useRender(() => {
       var _slots$default;
-
       return _createVNode(props.tag, {
         "class": ['v-chip-group', {
           'v-chip-group--column': props.column
@@ -74,6 +74,5 @@ export const VChipGroup = defineComponent({
     });
     return {};
   }
-
 });
 //# sourceMappingURL=VChipGroup.mjs.map

package/lib/components/VChipGroup/VChipGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VChipGroup.mjs","names":["makeGroupProps","useGroup","makeTagProps","makeThemeProps","provideTheme","makeVariantProps","provideDefaults","deepEqual","defineComponent","useRender","toRef","VChipGroupSymbol","Symbol","for","VChipGroup","name","props","column","Boolean","filter","valueComparator","type","Function","default","selectedClass","variant","emits","value","setup","slots","themeClasses","isSelected","select","next","prev","selected","VChip","color"],"sources":["../../../src/components/VChipGroup/VChipGroup.tsx"],"sourcesContent":["// Styles\nimport './VChipGroup.sass'\n\n// Composables\nimport { makeGroupProps, useGroup } from '@/composables/group'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { makeVariantProps } from '@/composables/variant'\nimport { provideDefaults } from '@/composables/defaults'\n\n// Utilities\nimport { deepEqual, defineComponent, useRender } from '@/util'\nimport { toRef } from 'vue'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport const VChipGroupSymbol = Symbol.for('vuetify:v-chip-group')\n\nexport const VChipGroup = defineComponent({\n  name: 'VChipGroup',\n\n  props: {\n    column: Boolean,\n    filter: Boolean,\n    valueComparator: {\n      type: Function as PropType<typeof deepEqual>,\n      default: deepEqual,\n    },\n\n    ...makeGroupProps({ selectedClass: 'v-chip--selected' }),\n    ...makeTagProps(),\n    ...makeThemeProps(),\n    ...makeVariantProps({ variant: 'tonal' } as const),\n  },\n\n  emits: {\n    'update:modelValue': (value: any) => true,\n  },\n\n  setup (props, { slots }) {\n    const { themeClasses } = provideTheme(props)\n    const { isSelected, select, next, prev, selected } = useGroup(props, VChipGroupSymbol)\n\n    provideDefaults({\n      VChip: {\n        color: toRef(props, 'color'),\n        filter: toRef(props, 'filter'),\n        variant: toRef(props, 'variant'),\n      },\n    })\n\n    useRender(() => (\n      <props.tag\n        class={[\n          'v-chip-group',\n          {\n            'v-chip-group--column': props.column,\n          },\n          themeClasses.value,\n        ]}\n      >\n        { slots.default?.({\n          isSelected,\n          select,\n          next,\n          prev,\n          selected: selected.value,\n        }) }\n      </props.tag>\n    ))\n\n    return {}\n  },\n})\n\nexport type VChipGroup = InstanceType<typeof VChipGroup>\n"],"mappings":";AAAA;AACA,0B,CAEA;;SACSA,c,EAAgBC,Q;SAChBC,Y;SACAC,c,EAAgBC,Y;SAChBC,gB;SACAC,e,0CAET;;SACSC,S,EAAWC,e,EAAiBC,S;AACrC,SAASC,KAAT,QAAsB,KAAtB,C,CAEA;;AAGA,OAAO,MAAMC,gBAAgB,GAAGC,MAAM,CAACC,GAAP,CAAW,sBAAX,CAAzB;AAEP,OAAO,MAAMC,UAAU,GAAGN,eAAe,CAAC;EACxCO,IAAI,EAAE,YADkC;EAGxCC,KAAK,EAAE;IACLC,MAAM,EAAEC,OADH;IAELC,MAAM,EAAED,OAFH;IAGLE,eAAe,EAAE;MACfC,IAAI,EAAEC,QADS;MAEfC,OAAO,EAAEhB;IAFM,CAHZ;IAQL,GAAGP,cAAc,CAAC;MAAEwB,aAAa,EAAE;IAAjB,CAAD,CARZ;IASL,GAAGtB,YAAY,EATV;IAUL,GAAGC,cAAc,EAVZ;IAWL,GAAGE,gBAAgB,CAAC;MAAEoB,OAAO,EAAE;IAAX,CAAD;EAXd,CAHiC;EAiBxCC,KAAK,EAAE;IACL,qBAAsBC,KAAD,IAAgB;EADhC,CAjBiC;;EAqBxCC,KAAK,CAAEZ,KAAF,QAAoB;IAAA,IAAX;MAAEa;IAAF,CAAW;IACvB,MAAM;MAAEC;IAAF,IAAmB1B,YAAY,CAACY,KAAD,CAArC;IACA,MAAM;MAAEe,UAAF;MAAcC,MAAd;MAAsBC,IAAtB;MAA4BC,IAA5B;MAAkCC;IAAlC,IAA+ClC,QAAQ,CAACe,KAAD,EAAQL,gBAAR,CAA7D;IAEAL,eAAe,CAAC;MACd8B,KAAK,EAAE;QACLC,KAAK,EAAE3B,KAAK,CAACM,KAAD,EAAQ,OAAR,CADP;QAELG,MAAM,EAAET,KAAK,CAACM,KAAD,EAAQ,QAAR,CAFR;QAGLS,OAAO,EAAEf,KAAK,CAACM,KAAD,EAAQ,SAAR;MAHT;IADO,CAAD,CAAf;IAQAP,SAAS,CAAC;MAAA;;MAAA;QAAA,SAEC,CACL,cADK,EAEL;UACE,wBAAwBO,KAAK,CAACC;QADhC,CAFK,EAKLa,YAAY,CAACH,KALR;MAFD;QAAA,kCAUJE,KAAK,CAACN,OAVF,qBAUJ,oBAAAM,KAAK,EAAW;UAChBE,UADgB;UAEhBC,MAFgB;UAGhBC,IAHgB;UAIhBC,IAJgB;UAKhBC,QAAQ,EAAEA,QAAQ,CAACR;QALH,CAAX,CAVD;MAAA;IAAA,CAAD,CAAT;IAoBA,OAAO,EAAP;EACD;;AAtDuC,CAAD,CAAlC"}
+{"version":3,"file":"VChipGroup.mjs","names":["makeGroupProps","useGroup","makeTagProps","makeThemeProps","provideTheme","makeVariantProps","provideDefaults","deepEqual","defineComponent","useRender","toRef","VChipGroupSymbol","Symbol","for","VChipGroup","name","props","column","Boolean","filter","valueComparator","type","Function","default","selectedClass","variant","emits","value","setup","slots","themeClasses","isSelected","select","next","prev","selected","VChip","color"],"sources":["../../../src/components/VChipGroup/VChipGroup.tsx"],"sourcesContent":["// Styles\nimport './VChipGroup.sass'\n\n// Composables\nimport { makeGroupProps, useGroup } from '@/composables/group'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { makeVariantProps } from '@/composables/variant'\nimport { provideDefaults } from '@/composables/defaults'\n\n// Utilities\nimport { deepEqual, defineComponent, useRender } from '@/util'\nimport { toRef } from 'vue'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport const VChipGroupSymbol = Symbol.for('vuetify:v-chip-group')\n\nexport const VChipGroup = defineComponent({\n  name: 'VChipGroup',\n\n  props: {\n    column: Boolean,\n    filter: Boolean,\n    valueComparator: {\n      type: Function as PropType<typeof deepEqual>,\n      default: deepEqual,\n    },\n\n    ...makeGroupProps({ selectedClass: 'v-chip--selected' }),\n    ...makeTagProps(),\n    ...makeThemeProps(),\n    ...makeVariantProps({ variant: 'tonal' } as const),\n  },\n\n  emits: {\n    'update:modelValue': (value: any) => true,\n  },\n\n  setup (props, { slots }) {\n    const { themeClasses } = provideTheme(props)\n    const { isSelected, select, next, prev, selected } = useGroup(props, VChipGroupSymbol)\n\n    provideDefaults({\n      VChip: {\n        color: toRef(props, 'color'),\n        filter: toRef(props, 'filter'),\n        variant: toRef(props, 'variant'),\n      },\n    })\n\n    useRender(() => (\n      <props.tag\n        class={[\n          'v-chip-group',\n          {\n            'v-chip-group--column': props.column,\n          },\n          themeClasses.value,\n        ]}\n      >\n        { slots.default?.({\n          isSelected,\n          select,\n          next,\n          prev,\n          selected: selected.value,\n        }) }\n      </props.tag>\n    ))\n\n    return {}\n  },\n})\n\nexport type VChipGroup = InstanceType<typeof VChipGroup>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,cAAc,EAAEC,QAAQ;AAAA,SACxBC,YAAY;AAAA,SACZC,cAAc,EAAEC,YAAY;AAAA,SAC5BC,gBAAgB;AAAA,SAChBC,eAAe,0CAExB;AAAA,SACSC,SAAS,EAAEC,eAAe,EAAEC,SAAS;AAC9C,SAASC,KAAK,QAAQ,KAAK;;AAE3B;;AAGA,OAAO,MAAMC,gBAAgB,GAAGC,MAAM,CAACC,GAAG,CAAC,sBAAsB,CAAC;AAElE,OAAO,MAAMC,UAAU,GAAGN,eAAe,CAAC;EACxCO,IAAI,EAAE,YAAY;EAElBC,KAAK,EAAE;IACLC,MAAM,EAAEC,OAAO;IACfC,MAAM,EAAED,OAAO;IACfE,eAAe,EAAE;MACfC,IAAI,EAAEC,QAAsC;MAC5CC,OAAO,EAAEhB;IACX,CAAC;IAED,GAAGP,cAAc,CAAC;MAAEwB,aAAa,EAAE;IAAmB,CAAC,CAAC;IACxD,GAAGtB,YAAY,EAAE;IACjB,GAAGC,cAAc,EAAE;IACnB,GAAGE,gBAAgB,CAAC;MAAEoB,OAAO,EAAE;IAAQ,CAAC;EAC1C,CAAC;EAEDC,KAAK,EAAE;IACL,mBAAmB,EAAGC,KAAU,IAAK;EACvC,CAAC;EAEDC,KAAK,CAAEZ,KAAK,QAAa;IAAA,IAAX;MAAEa;IAAM,CAAC;IACrB,MAAM;MAAEC;IAAa,CAAC,GAAG1B,YAAY,CAACY,KAAK,CAAC;IAC5C,MAAM;MAAEe,UAAU;MAAEC,MAAM;MAAEC,IAAI;MAAEC,IAAI;MAAEC;IAAS,CAAC,GAAGlC,QAAQ,CAACe,KAAK,EAAEL,gBAAgB,CAAC;IAEtFL,eAAe,CAAC;MACd8B,KAAK,EAAE;QACLC,KAAK,EAAE3B,KAAK,CAACM,KAAK,EAAE,OAAO,CAAC;QAC5BG,MAAM,EAAET,KAAK,CAACM,KAAK,EAAE,QAAQ,CAAC;QAC9BS,OAAO,EAAEf,KAAK,CAACM,KAAK,EAAE,SAAS;MACjC;IACF,CAAC,CAAC;IAEFP,SAAS,CAAC;MAAA;MAAA;QAAA,SAEC,CACL,cAAc,EACd;UACE,sBAAsB,EAAEO,KAAK,CAACC;QAChC,CAAC,EACDa,YAAY,CAACH,KAAK;MACnB;QAAA,kCAECE,KAAK,CAACN,OAAO,qBAAb,oBAAAM,KAAK,EAAW;UAChBE,UAAU;UACVC,MAAM;UACNC,IAAI;UACJC,IAAI;UACJC,QAAQ,EAAEA,QAAQ,CAACR;QACrB,CAAC,CAAC;MAAA;IAAA,CAEL,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["VChipGroup"],"sources":["../../../src/components/VChipGroup/index.ts"],"sourcesContent":["export { VChipGroup } from './VChipGroup'\n"],"mappings":"SAASA,U"}
+{"version":3,"file":"index.mjs","names":["VChipGroup"],"sources":["../../../src/components/VChipGroup/index.ts"],"sourcesContent":["export { VChipGroup } from './VChipGroup'\n"],"mappings":"SAASA,UAAU"}

package/lib/components/VCode/index.d.ts

@@ -15,5 +15,6 @@ declare const VCode: vue.DefineComponent<{
 }>>, {
     tag: string;
 }>;
+declare type VCode = InstanceType<typeof VCode>;
 
 export { VCode };

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["createSimpleFunctional","VCode"],"sources":["../../../src/components/VCode/index.ts"],"sourcesContent":["import './VCode.sass'\n\nimport { createSimpleFunctional } from '@/util'\n\nexport const VCode = createSimpleFunctional('v-code')\n"],"mappings":"AAAA;SAESA,sB;AAET,OAAO,MAAMC,KAAK,GAAGD,sBAAsB,CAAC,QAAD,CAApC"}
+{"version":3,"file":"index.mjs","names":["createSimpleFunctional","VCode"],"sources":["../../../src/components/VCode/index.ts"],"sourcesContent":["import './VCode.sass'\n\nimport { createSimpleFunctional } from '@/util'\n\nexport const VCode = createSimpleFunctional('v-code')\n\nexport type VCode = InstanceType<typeof VCode>\n"],"mappings":"AAAA;AAAqB,SAEZA,sBAAsB;AAE/B,OAAO,MAAMC,KAAK,GAAGD,sBAAsB,CAAC,QAAQ,CAAC"}

package/lib/components/VColorPicker/VColorPicker.mjs

@@ -1,21 +1,22 @@
 import { createVNode as _createVNode } from "vue";
 // Styles
-import "./VColorPicker.css"; // Components
+import "./VColorPicker.css";
 
+// Components
 import { VColorPickerCanvas } from "./VColorPickerCanvas.mjs";
 import { VColorPickerEdit } from "./VColorPickerEdit.mjs";
 import { VColorPickerPreview } from "./VColorPickerPreview.mjs";
 import { VColorPickerSwatches } from "./VColorPickerSwatches.mjs";
 import { VSheet } from "../VSheet/index.mjs"; // Composables
-
 import { makeElevationProps } from "../../composables/elevation.mjs";
 import { makeRoundedProps } from "../../composables/rounded.mjs";
 import { makeThemeProps } from "../../composables/theme.mjs";
 import { useProxiedModel } from "../../composables/proxiedModel.mjs"; // Utilities
-
 import { defineComponent, HSVAtoCSS, useRender } from "../../util/index.mjs";
 import { extractColor, modes, nullColor, parseColor } from "./util/index.mjs";
-import { onMounted, ref } from 'vue'; // Types
+import { onMounted, ref } from 'vue';
+
+// Types
 
 export const VColorPicker = defineComponent({
   name: 'VColorPicker',
@@ -64,32 +65,28 @@ export const VColorPicker = defineComponent({
     'update:modelValue': color => true,
     'update:mode': mode => true
   },
-
   setup(props) {
     const mode = useProxiedModel(props, 'mode');
     const lastPickedColor = ref(null);
     const currentColor = useProxiedModel(props, 'modelValue', undefined, v => {
       let c = parseColor(v);
       if (!c) return null;
-
       if (lastPickedColor.value) {
-        c = { ...c,
+        c = {
+          ...c,
           h: lastPickedColor.value.h
         };
         lastPickedColor.value = null;
       }
-
       return c;
     }, v => {
       if (!v) return null;
       return extractColor(v, props.modelValue);
     });
-
     const updateColor = hsva => {
       currentColor.value = hsva;
       lastPickedColor.value = hsva;
     };
-
     onMounted(() => {
       if (!props.modes.includes(mode.value)) mode.value = props.modes[0];
     });
@@ -99,7 +96,8 @@ export const VColorPicker = defineComponent({
       "theme": props.theme,
       "class": ['v-color-picker'],
       "style": {
-        '--v-color-picker-color-hsv': HSVAtoCSS({ ...(currentColor.value ?? nullColor),
+        '--v-color-picker-color-hsv': HSVAtoCSS({
+          ...(currentColor.value ?? nullColor),
           a: 1
         })
       },
@@ -141,6 +139,5 @@ export const VColorPicker = defineComponent({
     }));
     return {};
   }
-
 });
 //# sourceMappingURL=VColorPicker.mjs.map

package/lib/components/VColorPicker/VColorPicker.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VColorPicker.mjs","names":["VColorPickerCanvas","VColorPickerEdit","VColorPickerPreview","VColorPickerSwatches","VSheet","makeElevationProps","makeRoundedProps","makeThemeProps","useProxiedModel","defineComponent","HSVAtoCSS","useRender","extractColor","modes","nullColor","parseColor","onMounted","ref","VColorPicker","name","inheritAttrs","props","canvasHeight","type","String","Number","default","disabled","Boolean","dotSize","hideCanvas","hideSliders","hideInputs","mode","validator","v","Object","keys","includes","Array","isArray","every","m","showSwatches","swatches","swatchesMaxHeight","modelValue","width","emits","color","setup","lastPickedColor","currentColor","undefined","c","value","h","updateColor","hsva","rounded","elevation","theme","a","endsWith"],"sources":["../../../src/components/VColorPicker/VColorPicker.tsx"],"sourcesContent":["// Styles\nimport './VColorPicker.sass'\n\n// Components\nimport { VColorPickerCanvas } from './VColorPickerCanvas'\nimport { VColorPickerEdit } from './VColorPickerEdit'\nimport { VColorPickerPreview } from './VColorPickerPreview'\nimport { VColorPickerSwatches } from './VColorPickerSwatches'\nimport { VSheet } from '@/components/VSheet'\n\n// Composables\nimport { makeElevationProps } from '@/composables/elevation'\nimport { makeRoundedProps } from '@/composables/rounded'\nimport { makeThemeProps } from '@/composables/theme'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { defineComponent, HSVAtoCSS, useRender } from '@/util'\nimport { extractColor, modes, nullColor, parseColor } from './util'\nimport { onMounted, ref } from 'vue'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { HSVA } from '@/util'\n\nexport const VColorPicker = defineComponent({\n  name: 'VColorPicker',\n\n  inheritAttrs: false,\n\n  props: {\n    canvasHeight: {\n      type: [String, Number],\n      default: 150,\n    },\n    disabled: Boolean,\n    dotSize: {\n      type: [Number, String],\n      default: 10,\n    },\n    hideCanvas: Boolean,\n    hideSliders: Boolean,\n    hideInputs: Boolean,\n    mode: {\n      type: String,\n      default: 'rgba',\n      validator: (v: string) => Object.keys(modes).includes(v),\n    },\n    modes: {\n      type: Array as PropType<string[]>,\n      default: () => Object.keys(modes),\n      validator: (v: any) => Array.isArray(v) && v.every(m => Object.keys(modes).includes(m)),\n    },\n    showSwatches: Boolean,\n    swatches: Array as PropType<string[][]>,\n    swatchesMaxHeight: {\n      type: [Number, String],\n      default: 150,\n    },\n    modelValue: {\n      type: [Object, String] as PropType<Record<string, unknown> | string | undefined | null>,\n    },\n    width: {\n      type: [Number, String],\n      default: 300,\n    },\n\n    ...makeElevationProps(),\n    ...makeRoundedProps(),\n    ...makeThemeProps(),\n  },\n\n  emits: {\n    'update:modelValue': (color: any) => true,\n    'update:mode': (mode: string) => true,\n  },\n\n  setup (props) {\n    const mode = useProxiedModel(props, 'mode')\n    const lastPickedColor = ref<HSVA | null>(null)\n    const currentColor = useProxiedModel(\n      props,\n      'modelValue',\n      undefined,\n      v => {\n        let c = parseColor(v)\n\n        if (!c) return null\n\n        if (lastPickedColor.value) {\n          c = { ...c, h: lastPickedColor.value.h }\n          lastPickedColor.value = null\n        }\n\n        return c\n      },\n      v => {\n        if (!v) return null\n\n        return extractColor(v, props.modelValue)\n      }\n    )\n\n    const updateColor = (hsva: HSVA) => {\n      currentColor.value = hsva\n      lastPickedColor.value = hsva\n    }\n\n    onMounted(() => {\n      if (!props.modes.includes(mode.value)) mode.value = props.modes[0]\n    })\n\n    useRender(() => (\n      <VSheet\n        rounded={ props.rounded }\n        elevation={ props.elevation }\n        theme={ props.theme }\n        class={[\n          'v-color-picker',\n        ]}\n        style={{\n          '--v-color-picker-color-hsv': HSVAtoCSS({ ...(currentColor.value ?? nullColor), a: 1 }),\n        }}\n        maxWidth={ props.width }\n      >\n        { !props.hideCanvas && (\n          <VColorPickerCanvas\n            key=\"canvas\"\n            color={ currentColor.value }\n            onUpdate:color={ updateColor }\n            disabled={ props.disabled }\n            dotSize={ props.dotSize }\n            width={ props.width }\n            height={ props.canvasHeight }\n          />\n        ) }\n\n        { (!props.hideSliders || !props.hideInputs) && (\n          <div key=\"controls\" class=\"v-color-picker__controls\">\n            { !props.hideSliders && (\n              <VColorPickerPreview\n                key=\"preview\"\n                color={ currentColor.value }\n                onUpdate:color={ updateColor }\n                hideAlpha={ !mode.value.endsWith('a') }\n                disabled={ props.disabled }\n              />\n            ) }\n\n            { !props.hideInputs && (\n              <VColorPickerEdit\n                key=\"edit\"\n                modes={ props.modes }\n                mode={ mode.value }\n                onUpdate:mode={ m => mode.value = m }\n                color={ currentColor.value }\n                onUpdate:color={ updateColor }\n                disabled={ props.disabled }\n              />\n            ) }\n          </div>\n        ) }\n\n        { props.showSwatches && (\n          <VColorPickerSwatches\n            key=\"swatches\"\n            color={ currentColor.value }\n            onUpdate:color={ updateColor }\n            maxHeight={ props.swatchesMaxHeight }\n            swatches={ props.swatches }\n            disabled={ props.disabled }\n          />\n        ) }\n      </VSheet>\n    ))\n\n    return {}\n  },\n})\n\nexport type VColorPicker = InstanceType<typeof VColorPicker>\n"],"mappings":"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"}
+{"version":3,"file":"VColorPicker.mjs","names":["VColorPickerCanvas","VColorPickerEdit","VColorPickerPreview","VColorPickerSwatches","VSheet","makeElevationProps","makeRoundedProps","makeThemeProps","useProxiedModel","defineComponent","HSVAtoCSS","useRender","extractColor","modes","nullColor","parseColor","onMounted","ref","VColorPicker","name","inheritAttrs","props","canvasHeight","type","String","Number","default","disabled","Boolean","dotSize","hideCanvas","hideSliders","hideInputs","mode","validator","v","Object","keys","includes","Array","isArray","every","m","showSwatches","swatches","swatchesMaxHeight","modelValue","width","emits","color","setup","lastPickedColor","currentColor","undefined","c","value","h","updateColor","hsva","rounded","elevation","theme","a","endsWith"],"sources":["../../../src/components/VColorPicker/VColorPicker.tsx"],"sourcesContent":["// Styles\nimport './VColorPicker.sass'\n\n// Components\nimport { VColorPickerCanvas } from './VColorPickerCanvas'\nimport { VColorPickerEdit } from './VColorPickerEdit'\nimport { VColorPickerPreview } from './VColorPickerPreview'\nimport { VColorPickerSwatches } from './VColorPickerSwatches'\nimport { VSheet } from '@/components/VSheet'\n\n// Composables\nimport { makeElevationProps } from '@/composables/elevation'\nimport { makeRoundedProps } from '@/composables/rounded'\nimport { makeThemeProps } from '@/composables/theme'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { defineComponent, HSVAtoCSS, useRender } from '@/util'\nimport { extractColor, modes, nullColor, parseColor } from './util'\nimport { onMounted, ref } from 'vue'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { HSVA } from '@/util'\n\nexport const VColorPicker = defineComponent({\n  name: 'VColorPicker',\n\n  inheritAttrs: false,\n\n  props: {\n    canvasHeight: {\n      type: [String, Number],\n      default: 150,\n    },\n    disabled: Boolean,\n    dotSize: {\n      type: [Number, String],\n      default: 10,\n    },\n    hideCanvas: Boolean,\n    hideSliders: Boolean,\n    hideInputs: Boolean,\n    mode: {\n      type: String,\n      default: 'rgba',\n      validator: (v: string) => Object.keys(modes).includes(v),\n    },\n    modes: {\n      type: Array as PropType<string[]>,\n      default: () => Object.keys(modes),\n      validator: (v: any) => Array.isArray(v) && v.every(m => Object.keys(modes).includes(m)),\n    },\n    showSwatches: Boolean,\n    swatches: Array as PropType<string[][]>,\n    swatchesMaxHeight: {\n      type: [Number, String],\n      default: 150,\n    },\n    modelValue: {\n      type: [Object, String] as PropType<Record<string, unknown> | string | undefined | null>,\n    },\n    width: {\n      type: [Number, String],\n      default: 300,\n    },\n\n    ...makeElevationProps(),\n    ...makeRoundedProps(),\n    ...makeThemeProps(),\n  },\n\n  emits: {\n    'update:modelValue': (color: any) => true,\n    'update:mode': (mode: string) => true,\n  },\n\n  setup (props) {\n    const mode = useProxiedModel(props, 'mode')\n    const lastPickedColor = ref<HSVA | null>(null)\n    const currentColor = useProxiedModel(\n      props,\n      'modelValue',\n      undefined,\n      v => {\n        let c = parseColor(v)\n\n        if (!c) return null\n\n        if (lastPickedColor.value) {\n          c = { ...c, h: lastPickedColor.value.h }\n          lastPickedColor.value = null\n        }\n\n        return c\n      },\n      v => {\n        if (!v) return null\n\n        return extractColor(v, props.modelValue)\n      }\n    )\n\n    const updateColor = (hsva: HSVA) => {\n      currentColor.value = hsva\n      lastPickedColor.value = hsva\n    }\n\n    onMounted(() => {\n      if (!props.modes.includes(mode.value)) mode.value = props.modes[0]\n    })\n\n    useRender(() => (\n      <VSheet\n        rounded={ props.rounded }\n        elevation={ props.elevation }\n        theme={ props.theme }\n        class={[\n          'v-color-picker',\n        ]}\n        style={{\n          '--v-color-picker-color-hsv': HSVAtoCSS({ ...(currentColor.value ?? nullColor), a: 1 }),\n        }}\n        maxWidth={ props.width }\n      >\n        { !props.hideCanvas && (\n          <VColorPickerCanvas\n            key=\"canvas\"\n            color={ currentColor.value }\n            onUpdate:color={ updateColor }\n            disabled={ props.disabled }\n            dotSize={ props.dotSize }\n            width={ props.width }\n            height={ props.canvasHeight }\n          />\n        ) }\n\n        { (!props.hideSliders || !props.hideInputs) && (\n          <div key=\"controls\" class=\"v-color-picker__controls\">\n            { !props.hideSliders && (\n              <VColorPickerPreview\n                key=\"preview\"\n                color={ currentColor.value }\n                onUpdate:color={ updateColor }\n                hideAlpha={ !mode.value.endsWith('a') }\n                disabled={ props.disabled }\n              />\n            ) }\n\n            { !props.hideInputs && (\n              <VColorPickerEdit\n                key=\"edit\"\n                modes={ props.modes }\n                mode={ mode.value }\n                onUpdate:mode={ m => mode.value = m }\n                color={ currentColor.value }\n                onUpdate:color={ updateColor }\n                disabled={ props.disabled }\n              />\n            ) }\n          </div>\n        ) }\n\n        { props.showSwatches && (\n          <VColorPickerSwatches\n            key=\"swatches\"\n            color={ currentColor.value }\n            onUpdate:color={ updateColor }\n            maxHeight={ props.swatchesMaxHeight }\n            swatches={ props.swatches }\n            disabled={ props.disabled }\n          />\n        ) }\n      </VSheet>\n    ))\n\n    return {}\n  },\n})\n\nexport type VColorPicker = InstanceType<typeof VColorPicker>\n"],"mappings":"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"}