vuetify 3.3.1 → 3.3.3

package/lib/components/VCard/index.d.mts

@@ -336,7 +336,9 @@ declare const VCard: {
             rounded?: string | number | boolean | undefined;
             density?: Density | undefined;
             variant?: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain"> | undefined;
-            ripple?: boolean | undefined;
+            ripple?: boolean | {
+                class: string;
+            } | undefined;
             hover?: boolean | undefined;
             key?: string | number | symbol | undefined;
             location?: Anchor | undefined;
@@ -374,6 +376,7 @@ declare const VCard: {
             ref_key?: string | undefined;
             theme?: string | undefined;
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
                 prepend?: false | (() => vue.VNodeChild) | undefined;
@@ -424,7 +427,6 @@ declare const VCard: {
             }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>) => void)[] | undefined;
-            "v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:image"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
@@ -490,7 +492,9 @@ declare const VCard: {
             tag: string;
             density: Density;
             variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-            ripple: boolean;
+            ripple: boolean | {
+                class: string;
+            } | undefined;
             hover: boolean;
         } & {
             link?: boolean | undefined;
@@ -566,7 +570,9 @@ declare const VCard: {
             rounded: string | number | boolean;
             density: Density;
             variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-            ripple: boolean;
+            ripple: boolean | {
+                class: string;
+            } | undefined;
             hover: boolean;
         }, {}, string, vue.SlotsType<Partial<{
             default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
@@ -628,7 +634,9 @@ declare const VCard: {
         tag: string;
         density: Density;
         variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-        ripple: boolean;
+        ripple: boolean | {
+            class: string;
+        } | undefined;
         hover: boolean;
     } & {
         link?: boolean | undefined;
@@ -706,7 +714,9 @@ declare const VCard: {
     tag: string;
     density: Density;
     variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-    ripple: boolean;
+    ripple: boolean | {
+        class: string;
+    } | undefined;
     hover: boolean;
 } & {
     link?: boolean | undefined;
@@ -782,7 +792,9 @@ declare const VCard: {
     rounded: string | number | boolean;
     density: Density;
     variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-    ripple: boolean;
+    ripple: boolean | {
+        class: string;
+    } | undefined;
     hover: boolean;
 }, {}, string, vue.SlotsType<Partial<{
     default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
@@ -818,11 +830,11 @@ declare const VCard: {
 }>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     color: StringConstructor;
     variant: Omit<{
-        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         default: string;
         validator: (v: any) => boolean;
     }, "type" | "default"> & {
-        type: vue.PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+        type: PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
         default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
     };
     theme: StringConstructor;
@@ -832,17 +844,17 @@ declare const VCard: {
     };
     href: StringConstructor;
     replace: BooleanConstructor;
-    to: vue.PropType<vue_router.RouteLocationRaw>;
+    to: PropType<vue_router.RouteLocationRaw>;
     exact: BooleanConstructor;
     rounded: {
         type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: undefined;
     };
     position: {
-        type: vue.PropType<"fixed" | "absolute" | "static" | "relative" | "sticky">;
+        type: PropType<"fixed" | "absolute" | "static" | "relative" | "sticky">;
         validator: (v: any) => boolean;
     };
-    location: vue.PropType<Anchor>;
+    location: PropType<Anchor>;
     loading: (StringConstructor | BooleanConstructor)[];
     elevation: {
         type: (StringConstructor | NumberConstructor)[];
@@ -855,18 +867,18 @@ declare const VCard: {
     minWidth: (StringConstructor | NumberConstructor)[];
     width: (StringConstructor | NumberConstructor)[];
     density: {
-        type: vue.PropType<Density>;
+        type: PropType<Density>;
         default: string;
         validator: (v: any) => boolean;
     };
-    class: vue.PropType<any>;
+    class: PropType<any>;
     style: {
-        type: vue.PropType<vue.StyleValue>;
+        type: PropType<vue.StyleValue>;
         default: null;
     };
     border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     appendAvatar: StringConstructor;
-    appendIcon: vue.PropType<IconValue>;
+    appendIcon: PropType<IconValue>;
     disabled: BooleanConstructor;
     flat: BooleanConstructor;
     hover: BooleanConstructor;
@@ -876,9 +888,11 @@ declare const VCard: {
         default: undefined;
     };
     prependAvatar: StringConstructor;
-    prependIcon: vue.PropType<IconValue>;
+    prependIcon: PropType<IconValue>;
     ripple: {
-        type: BooleanConstructor;
+        type: PropType<boolean | {
+            class: string;
+        } | undefined>;
         default: boolean;
     };
     subtitle: StringConstructor;
@@ -887,11 +901,11 @@ declare const VCard: {
 }, vue.ExtractPropTypes<{
     color: StringConstructor;
     variant: Omit<{
-        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         default: string;
         validator: (v: any) => boolean;
     }, "type" | "default"> & {
-        type: vue.PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+        type: PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
         default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
     };
     theme: StringConstructor;
@@ -901,17 +915,17 @@ declare const VCard: {
     };
     href: StringConstructor;
     replace: BooleanConstructor;
-    to: vue.PropType<vue_router.RouteLocationRaw>;
+    to: PropType<vue_router.RouteLocationRaw>;
     exact: BooleanConstructor;
     rounded: {
         type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: undefined;
     };
     position: {
-        type: vue.PropType<"fixed" | "absolute" | "static" | "relative" | "sticky">;
+        type: PropType<"fixed" | "absolute" | "static" | "relative" | "sticky">;
         validator: (v: any) => boolean;
     };
-    location: vue.PropType<Anchor>;
+    location: PropType<Anchor>;
     loading: (StringConstructor | BooleanConstructor)[];
     elevation: {
         type: (StringConstructor | NumberConstructor)[];
@@ -924,18 +938,18 @@ declare const VCard: {
     minWidth: (StringConstructor | NumberConstructor)[];
     width: (StringConstructor | NumberConstructor)[];
     density: {
-        type: vue.PropType<Density>;
+        type: PropType<Density>;
         default: string;
         validator: (v: any) => boolean;
     };
-    class: vue.PropType<any>;
+    class: PropType<any>;
     style: {
-        type: vue.PropType<vue.StyleValue>;
+        type: PropType<vue.StyleValue>;
         default: null;
     };
     border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     appendAvatar: StringConstructor;
-    appendIcon: vue.PropType<IconValue>;
+    appendIcon: PropType<IconValue>;
     disabled: BooleanConstructor;
     flat: BooleanConstructor;
     hover: BooleanConstructor;
@@ -945,9 +959,11 @@ declare const VCard: {
         default: undefined;
     };
     prependAvatar: StringConstructor;
-    prependIcon: vue.PropType<IconValue>;
+    prependIcon: PropType<IconValue>;
     ripple: {
-        type: BooleanConstructor;
+        type: PropType<boolean | {
+            class: string;
+        } | undefined>;
         default: boolean;
     };
     subtitle: StringConstructor;

package/lib/components/VCarousel/VCarousel.mjs

@@ -3,18 +3,15 @@ import { createVNode as _createVNode, mergeProps as _mergeProps, Fragment as _Fr
 import "./VCarousel.css";
 
 // Components
-import { makeVWindowProps, VWindow } from "../VWindow/VWindow.mjs";
 import { VBtn } from "../VBtn/index.mjs";
 import { VDefaultsProvider } from "../VDefaultsProvider/index.mjs";
-import { VProgressLinear } from "../VProgressLinear/index.mjs"; // Composables
+import { VProgressLinear } from "../VProgressLinear/index.mjs";
+import { makeVWindowProps, VWindow } from "../VWindow/VWindow.mjs"; // Composables
 import { IconValue } from "../../composables/icons.mjs";
 import { useLocale } from "../../composables/locale.mjs";
 import { useProxiedModel } from "../../composables/proxiedModel.mjs"; // Utilities
-import { convertToUnit, genericComponent, propsFactory, useRender } from "../../util/index.mjs";
 import { onMounted, ref, watch } from 'vue';
-
-// Types
-
+import { convertToUnit, genericComponent, propsFactory, useRender } from "../../util/index.mjs"; // Types
 export const makeVCarouselProps = propsFactory({
   color: String,
   cycle: Boolean,
@@ -40,7 +37,7 @@ export const makeVCarouselProps = propsFactory({
     mandatory: 'force',
     showArrows: true
   })
-}, 'v-carousel');
+}, 'VCarousel');
 export const VCarousel = genericComponent()({
   name: 'VCarousel',
   props: makeVCarouselProps(),

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

@@ -1 +1 @@
-{"version":3,"file":"VCarousel.mjs","names":["makeVWindowProps","VWindow","VBtn","VDefaultsProvider","VProgressLinear","IconValue","useLocale","useProxiedModel","convertToUnit","genericComponent","propsFactory","useRender","onMounted","ref","watch","makeVCarouselProps","color","String","cycle","Boolean","delimiterIcon","type","default","height","Number","hideDelimiters","hideDelimiterBackground","interval","validator","value","progress","verticalDelimiters","continuous","mandatory","showArrows","VCarousel","name","props","emits","val","setup","_ref","slots","model","t","windowRef","slideTimeout","restartTimeout","window","clearTimeout","startTimeout","setTimeout","group","next","requestAnimationFrame","_createVNode","$event","class","style","additional","_ref2","_Fragment","left","right","items","length","icon","size","variant","map","item","index","id","isSelected","onClick","select","_mergeProps","undefined","getItemIndex","prev"],"sources":["../../../src/components/VCarousel/VCarousel.tsx"],"sourcesContent":["// Styles\nimport './VCarousel.sass'\n\n// Components\nimport { makeVWindowProps, VWindow, type VWindowSlots } from '@/components/VWindow/VWindow'\nimport { VBtn } from '@/components/VBtn'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VProgressLinear } from '@/components/VProgressLinear'\n\n// Composables\nimport { IconValue } from '@/composables/icons'\nimport { useLocale } from '@/composables/locale'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { convertToUnit, genericComponent, propsFactory, useRender } from '@/util'\nimport { onMounted, ref, watch } from 'vue'\n\n// Types\nimport type { GroupProvide } from '@/composables/group'\nimport type { PropType } from 'vue'\n\nexport const makeVCarouselProps = propsFactory({\n  color: String,\n  cycle: Boolean,\n  delimiterIcon: {\n    type: IconValue,\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) => Number(value) > 0,\n  },\n  progress: [Boolean, String],\n  verticalDelimiters: [Boolean, String] as PropType<boolean | 'left' | 'right'>,\n\n  ...makeVWindowProps({\n    continuous: true,\n    mandatory: 'force' as const,\n    showArrows: true,\n  }),\n}, 'v-carousel')\n\ntype VCarouselSlots = VWindowSlots & {\n  item: {\n    props: Record<string, any>\n    item: {\n      id: number\n      value: unknown\n      disabled: boolean | undefined\n    }\n  }\n}\n\nexport const VCarousel = genericComponent<VCarouselSlots>()({\n  name: 'VCarousel',\n\n  props: makeVCarouselProps(),\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          props.class,\n        ]}\n        style={[\n          { height: convertToUnit(props.height) },\n          props.style,\n        ]}\n        continuous\n        mandatory=\"force\"\n        showArrows={ props.showArrows }\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, index) => {\n                        const props = {\n                          id: `carousel-item-${item.id}`,\n                          'aria-label': t('$vuetify.carousel.ariaLabel.delimiter', index + 1, group.items.value.length),\n                          class: [group.isSelected(item.id) && 'v-btn--active'],\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    return {}\n  },\n})\n\nexport type VCarousel = InstanceType<typeof VCarousel>\n"],"mappings":"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"}
+{"version":3,"file":"VCarousel.mjs","names":["VBtn","VDefaultsProvider","VProgressLinear","makeVWindowProps","VWindow","IconValue","useLocale","useProxiedModel","onMounted","ref","watch","convertToUnit","genericComponent","propsFactory","useRender","makeVCarouselProps","color","String","cycle","Boolean","delimiterIcon","type","default","height","Number","hideDelimiters","hideDelimiterBackground","interval","validator","value","progress","verticalDelimiters","continuous","mandatory","showArrows","VCarousel","name","props","emits","val","setup","_ref","slots","model","t","windowRef","slideTimeout","restartTimeout","window","clearTimeout","startTimeout","setTimeout","group","next","requestAnimationFrame","_createVNode","$event","class","style","additional","_ref2","_Fragment","left","right","items","length","icon","size","variant","map","item","index","id","isSelected","onClick","select","_mergeProps","undefined","getItemIndex","prev"],"sources":["../../../src/components/VCarousel/VCarousel.tsx"],"sourcesContent":["// Styles\nimport './VCarousel.sass'\n\n// Components\nimport { VBtn } from '@/components/VBtn'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VProgressLinear } from '@/components/VProgressLinear'\nimport { makeVWindowProps, VWindow } from '@/components/VWindow/VWindow'\n\n// Composables\nimport { IconValue } from '@/composables/icons'\nimport { useLocale } from '@/composables/locale'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { onMounted, ref, watch } from 'vue'\nimport { convertToUnit, genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { VWindowSlots } from '@/components/VWindow/VWindow'\nimport type { GroupProvide } from '@/composables/group'\n\nexport const makeVCarouselProps = propsFactory({\n  color: String,\n  cycle: Boolean,\n  delimiterIcon: {\n    type: IconValue,\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) => Number(value) > 0,\n  },\n  progress: [Boolean, String],\n  verticalDelimiters: [Boolean, String] as PropType<boolean | 'left' | 'right'>,\n\n  ...makeVWindowProps({\n    continuous: true,\n    mandatory: 'force' as const,\n    showArrows: true,\n  }),\n}, 'VCarousel')\n\ntype VCarouselSlots = VWindowSlots & {\n  item: {\n    props: Record<string, any>\n    item: {\n      id: number\n      value: unknown\n      disabled: boolean | undefined\n    }\n  }\n}\n\nexport const VCarousel = genericComponent<VCarouselSlots>()({\n  name: 'VCarousel',\n\n  props: makeVCarouselProps(),\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          props.class,\n        ]}\n        style={[\n          { height: convertToUnit(props.height) },\n          props.style,\n        ]}\n        continuous\n        mandatory=\"force\"\n        showArrows={ props.showArrows }\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, index) => {\n                        const props = {\n                          id: `carousel-item-${item.id}`,\n                          'aria-label': t('$vuetify.carousel.ariaLabel.delimiter', index + 1, group.items.value.length),\n                          class: [group.isSelected(item.id) && 'v-btn--active'],\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    return {}\n  },\n})\n\nexport type VCarousel = InstanceType<typeof VCarousel>\n"],"mappings":"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"}

package/lib/components/VCarousel/VCarouselItem.mjs

@@ -6,7 +6,7 @@ import { genericComponent, propsFactory, useRender } from "../../util/index.mjs"
 export const makeVCarouselItemProps = propsFactory({
   ...makeVImgProps(),
   ...makeVWindowItemProps()
-}, 'v-carousel-item');
+}, 'VCarouselItem');
 export const VCarouselItem = genericComponent()({
   name: 'VCarouselItem',
   inheritAttrs: false,

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

@@ -1 +1 @@
-{"version":3,"file":"VCarouselItem.mjs","names":["makeVImgProps","VImg","makeVWindowItemProps","VWindowItem","genericComponent","propsFactory","useRender","makeVCarouselItemProps","VCarouselItem","name","inheritAttrs","props","setup","_ref","slots","attrs","imgProps","filterProps","windowItemProps","_createVNode","_mergeProps","default"],"sources":["../../../src/components/VCarousel/VCarouselItem.tsx"],"sourcesContent":["// Components\nimport { makeVImgProps, VImg } from '@/components/VImg/VImg'\nimport { makeVWindowItemProps, VWindowItem } from '@/components/VWindow/VWindowItem'\n\n// Utilities\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { VImgSlots } from '@/components/VImg/VImg'\n\nexport const makeVCarouselItemProps = propsFactory({\n  ...makeVImgProps(),\n  ...makeVWindowItemProps(),\n}, 'v-carousel-item')\n\nexport const VCarouselItem = genericComponent<VImgSlots>()({\n  name: 'VCarouselItem',\n\n  inheritAttrs: false,\n\n  props: makeVCarouselItemProps(),\n\n  setup (props, { slots, attrs }) {\n    useRender(() => {\n      const [imgProps] = VImg.filterProps(props)\n      const [windowItemProps] = VWindowItem.filterProps(props)\n\n      return (\n        <VWindowItem\n          class=\"v-carousel-item\"\n          { ...windowItemProps }\n        >\n          <VImg\n            { ...attrs }\n            { ...imgProps }\n            v-slots={ slots }\n          />\n        </VWindowItem>\n      )\n    })\n  },\n})\n\nexport type VCarouselItem = InstanceType<typeof VCarouselItem>\n"],"mappings":";AAAA;AAAA,SACSA,aAAa,EAAEC,IAAI;AAAA,SACnBC,oBAAoB,EAAEC,WAAW,sCAE1C;AAAA,SACSC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS,gCAElD;AAGA,OAAO,MAAMC,sBAAsB,GAAGF,YAAY,CAAC;EACjD,GAAGL,aAAa,EAAE;EAClB,GAAGE,oBAAoB;AACzB,CAAC,EAAE,iBAAiB,CAAC;AAErB,OAAO,MAAMM,aAAa,GAAGJ,gBAAgB,EAAa,CAAC;EACzDK,IAAI,EAAE,eAAe;EAErBC,YAAY,EAAE,KAAK;EAEnBC,KAAK,EAAEJ,sBAAsB,EAAE;EAE/BK,KAAKA,CAAED,KAAK,EAAAE,IAAA,EAAoB;IAAA,IAAlB;MAAEC,KAAK;MAAEC;IAAM,CAAC,GAAAF,IAAA;IAC5BP,SAAS,CAAC,MAAM;MACd,MAAM,CAACU,QAAQ,CAAC,GAAGf,IAAI,CAACgB,WAAW,CAACN,KAAK,CAAC;MAC1C,MAAM,CAACO,eAAe,CAAC,GAAGf,WAAW,CAACc,WAAW,CAACN,KAAK,CAAC;MAExD,OAAAQ,YAAA,CAAAhB,WAAA,EAAAiB,WAAA;QAAA,SAEU;MAAiB,GAClBF,eAAe;QAAAG,OAAA,EAAAA,CAAA,MAAAF,YAAA,CAAAlB,IAAA,EAAAmB,WAAA,CAGbL,KAAK,EACLC,QAAQ,GACHF,KAAK;MAAA;IAIvB,CAAC,CAAC;EACJ;AACF,CAAC,CAAC"}
+{"version":3,"file":"VCarouselItem.mjs","names":["makeVImgProps","VImg","makeVWindowItemProps","VWindowItem","genericComponent","propsFactory","useRender","makeVCarouselItemProps","VCarouselItem","name","inheritAttrs","props","setup","_ref","slots","attrs","imgProps","filterProps","windowItemProps","_createVNode","_mergeProps","default"],"sources":["../../../src/components/VCarousel/VCarouselItem.tsx"],"sourcesContent":["// Components\nimport { makeVImgProps, VImg } from '@/components/VImg/VImg'\nimport { makeVWindowItemProps, VWindowItem } from '@/components/VWindow/VWindowItem'\n\n// Utilities\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { VImgSlots } from '@/components/VImg/VImg'\n\nexport const makeVCarouselItemProps = propsFactory({\n  ...makeVImgProps(),\n  ...makeVWindowItemProps(),\n}, 'VCarouselItem')\n\nexport const VCarouselItem = genericComponent<VImgSlots>()({\n  name: 'VCarouselItem',\n\n  inheritAttrs: false,\n\n  props: makeVCarouselItemProps(),\n\n  setup (props, { slots, attrs }) {\n    useRender(() => {\n      const [imgProps] = VImg.filterProps(props)\n      const [windowItemProps] = VWindowItem.filterProps(props)\n\n      return (\n        <VWindowItem\n          class=\"v-carousel-item\"\n          { ...windowItemProps }\n        >\n          <VImg\n            { ...attrs }\n            { ...imgProps }\n            v-slots={ slots }\n          />\n        </VWindowItem>\n      )\n    })\n  },\n})\n\nexport type VCarouselItem = InstanceType<typeof VCarouselItem>\n"],"mappings":";AAAA;AAAA,SACSA,aAAa,EAAEC,IAAI;AAAA,SACnBC,oBAAoB,EAAEC,WAAW,sCAE1C;AAAA,SACSC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS,gCAElD;AAGA,OAAO,MAAMC,sBAAsB,GAAGF,YAAY,CAAC;EACjD,GAAGL,aAAa,EAAE;EAClB,GAAGE,oBAAoB;AACzB,CAAC,EAAE,eAAe,CAAC;AAEnB,OAAO,MAAMM,aAAa,GAAGJ,gBAAgB,EAAa,CAAC;EACzDK,IAAI,EAAE,eAAe;EAErBC,YAAY,EAAE,KAAK;EAEnBC,KAAK,EAAEJ,sBAAsB,EAAE;EAE/BK,KAAKA,CAAED,KAAK,EAAAE,IAAA,EAAoB;IAAA,IAAlB;MAAEC,KAAK;MAAEC;IAAM,CAAC,GAAAF,IAAA;IAC5BP,SAAS,CAAC,MAAM;MACd,MAAM,CAACU,QAAQ,CAAC,GAAGf,IAAI,CAACgB,WAAW,CAACN,KAAK,CAAC;MAC1C,MAAM,CAACO,eAAe,CAAC,GAAGf,WAAW,CAACc,WAAW,CAACN,KAAK,CAAC;MAExD,OAAAQ,YAAA,CAAAhB,WAAA,EAAAiB,WAAA;QAAA,SAEU;MAAiB,GAClBF,eAAe;QAAAG,OAAA,EAAAA,CAAA,MAAAF,YAAA,CAAAlB,IAAA,EAAAmB,WAAA,CAGbL,KAAK,EACLC,QAAQ,GACHF,KAAK;MAAA;IAIvB,CAAC,CAAC;EACJ;AACF,CAAC,CAAC"}

package/lib/components/VCheckbox/VCheckbox.mjs

@@ -3,20 +3,22 @@ import { createVNode as _createVNode, mergeProps as _mergeProps, resolveDirectiv
 import "./VCheckbox.css";
 
 // Components
-import { makeVInputProps, VInput } from "../VInput/VInput.mjs";
-import { makeVCheckboxBtnProps, VCheckboxBtn } from "./VCheckboxBtn.mjs"; // Composables
-import { useFocus } from "../../composables/focus.mjs"; // Utilities
+import { makeVCheckboxBtnProps, VCheckboxBtn } from "./VCheckboxBtn.mjs";
+import { makeVInputProps, VInput } from "../VInput/VInput.mjs"; // Composables
+import { useFocus } from "../../composables/focus.mjs";
+import { useProxiedModel } from "../../composables/proxiedModel.mjs"; // Utilities
 import { computed } from 'vue';
 import { filterInputAttrs, genericComponent, getUid, omit, propsFactory, useRender } from "../../util/index.mjs"; // Types
 export const makeVCheckboxProps = propsFactory({
   ...makeVInputProps(),
   ...omit(makeVCheckboxBtnProps(), ['inline'])
-}, 'v-checkbox');
+}, 'VCheckbox');
 export const VCheckbox = genericComponent()({
   name: 'VCheckbox',
   inheritAttrs: false,
   props: makeVCheckboxProps(),
   emits: {
+    'update:modelValue': value => true,
     'update:focused': focused => true
   },
   setup(props, _ref) {
@@ -24,6 +26,7 @@ export const VCheckbox = genericComponent()({
       attrs,
       slots
     } = _ref;
+    const model = useProxiedModel(props, 'modelValue');
     const {
       isFocused,
       focus,
@@ -38,6 +41,8 @@ export const VCheckbox = genericComponent()({
       return _createVNode(VInput, _mergeProps({
         "class": ['v-checkbox', props.class]
       }, inputAttrs, inputProps, {
+        "modelValue": model.value,
+        "onUpdate:modelValue": $event => model.value = $event,
         "id": id.value,
         "focused": isFocused.value,
         "style": props.style
@@ -56,6 +61,8 @@ export const VCheckbox = genericComponent()({
             "disabled": isDisabled.value,
             "readonly": isReadonly.value
           }, controlAttrs, {
+            "modelValue": model.value,
+            "onUpdate:modelValue": $event => model.value = $event,
             "onFocus": focus,
             "onBlur": blur
           }), slots);

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

@@ -1 +1 @@
-{"version":3,"file":"VCheckbox.mjs","names":["makeVInputProps","VInput","makeVCheckboxBtnProps","VCheckboxBtn","useFocus","computed","filterInputAttrs","genericComponent","getUid","omit","propsFactory","useRender","makeVCheckboxProps","VCheckbox","name","inheritAttrs","props","emits","focused","setup","_ref","attrs","slots","isFocused","focus","blur","uid","id","inputAttrs","controlAttrs","inputProps","_1","filterProps","checkboxProps","_2","_createVNode","_mergeProps","class","value","style","default","_ref2","messagesId","isDisabled","isReadonly"],"sources":["../../../src/components/VCheckbox/VCheckbox.tsx"],"sourcesContent":["// Styles\nimport './VCheckbox.sass'\n\n// Components\nimport type { VInputSlots } from '@/components/VInput/VInput'\nimport { makeVInputProps, VInput } from '@/components/VInput/VInput'\nimport { makeVCheckboxBtnProps, VCheckboxBtn } from './VCheckboxBtn'\n\n// Composables\nimport { useFocus } from '@/composables/focus'\n\n// Utilities\nimport { computed } from 'vue'\nimport { filterInputAttrs, genericComponent, getUid, omit, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { VSelectionControlSlots } from '../VSelectionControl/VSelectionControl'\n\nexport type VCheckboxSlots = VInputSlots & VSelectionControlSlots\n\nexport const makeVCheckboxProps = propsFactory({\n  ...makeVInputProps(),\n  ...omit(makeVCheckboxBtnProps(), ['inline']),\n}, 'v-checkbox')\n\nexport const VCheckbox = genericComponent<VCheckboxSlots>()({\n  name: 'VCheckbox',\n\n  inheritAttrs: false,\n\n  props: makeVCheckboxProps(),\n\n  emits: {\n    'update:focused': (focused: boolean) => true,\n  },\n\n  setup (props, { attrs, slots }) {\n    const { isFocused, focus, blur } = useFocus(props)\n\n    const uid = getUid()\n    const id = computed(() => props.id || `checkbox-${uid}`)\n\n    useRender(() => {\n      const [inputAttrs, controlAttrs] = filterInputAttrs(attrs)\n      const [inputProps, _1] = VInput.filterProps(props)\n      const [checkboxProps, _2] = VCheckboxBtn.filterProps(props)\n\n      return (\n        <VInput\n          class={[\n            'v-checkbox',\n            props.class,\n          ]}\n          { ...inputAttrs }\n          { ...inputProps }\n          id={ id.value }\n          focused={ isFocused.value }\n          style={ props.style }\n        >\n          {{\n            ...slots,\n            default: ({\n              id,\n              messagesId,\n              isDisabled,\n              isReadonly,\n            }) => (\n              <VCheckboxBtn\n                { ...checkboxProps }\n                id={ id.value }\n                aria-describedby={ messagesId.value }\n                disabled={ isDisabled.value }\n                readonly={ isReadonly.value }\n                { ...controlAttrs }\n                onFocus={ focus }\n                onBlur={ blur }\n                v-slots={ slots }\n              />\n            ),\n          }}\n        </VInput>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VCheckbox = InstanceType<typeof VCheckbox>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SAESA,eAAe,EAAEC,MAAM;AAAA,SACvBC,qBAAqB,EAAEC,YAAY,8BAE5C;AAAA,SACSC,QAAQ,uCAEjB;AACA,SAASC,QAAQ,QAAQ,KAAK;AAAA,SACrBC,gBAAgB,EAAEC,gBAAgB,EAAEC,MAAM,EAAEC,IAAI,EAAEC,YAAY,EAAEC,SAAS,gCAElF;AAKA,OAAO,MAAMC,kBAAkB,GAAGF,YAAY,CAAC;EAC7C,GAAGV,eAAe,EAAE;EACpB,GAAGS,IAAI,CAACP,qBAAqB,EAAE,EAAE,CAAC,QAAQ,CAAC;AAC7C,CAAC,EAAE,YAAY,CAAC;AAEhB,OAAO,MAAMW,SAAS,GAAGN,gBAAgB,EAAkB,CAAC;EAC1DO,IAAI,EAAE,WAAW;EAEjBC,YAAY,EAAE,KAAK;EAEnBC,KAAK,EAAEJ,kBAAkB,EAAE;EAE3BK,KAAK,EAAE;IACL,gBAAgB,EAAGC,OAAgB,IAAK;EAC1C,CAAC;EAEDC,KAAKA,CAAEH,KAAK,EAAAI,IAAA,EAAoB;IAAA,IAAlB;MAAEC,KAAK;MAAEC;IAAM,CAAC,GAAAF,IAAA;IAC5B,MAAM;MAAEG,SAAS;MAAEC,KAAK;MAAEC;IAAK,CAAC,GAAGrB,QAAQ,CAACY,KAAK,CAAC;IAElD,MAAMU,GAAG,GAAGlB,MAAM,EAAE;IACpB,MAAMmB,EAAE,GAAGtB,QAAQ,CAAC,MAAMW,KAAK,CAACW,EAAE,IAAK,YAAWD,GAAI,EAAC,CAAC;IAExDf,SAAS,CAAC,MAAM;MACd,MAAM,CAACiB,UAAU,EAAEC,YAAY,CAAC,GAAGvB,gBAAgB,CAACe,KAAK,CAAC;MAC1D,MAAM,CAACS,UAAU,EAAEC,EAAE,CAAC,GAAG9B,MAAM,CAAC+B,WAAW,CAAChB,KAAK,CAAC;MAClD,MAAM,CAACiB,aAAa,EAAEC,EAAE,CAAC,GAAG/B,YAAY,CAAC6B,WAAW,CAAChB,KAAK,CAAC;MAE3D,OAAAmB,YAAA,CAAAlC,MAAA,EAAAmC,WAAA;QAAA,SAEW,CACL,YAAY,EACZpB,KAAK,CAACqB,KAAK;MACZ,GACIT,UAAU,EACVE,UAAU;QAAA,MACVH,EAAE,CAACW,KAAK;QAAA,WACHf,SAAS,CAACe,KAAK;QAAA,SACjBtB,KAAK,CAACuB;MAAK;QAGjB,GAAGjB,KAAK;QACRkB,OAAO,EAAEC,KAAA;UAAA,IAAC;YACRd,EAAE;YACFe,UAAU;YACVC,UAAU;YACVC;UACF,CAAC,GAAAH,KAAA;UAAA,OAAAN,YAAA,CAAAhC,YAAA,EAAAiC,WAAA,CAEQH,aAAa;YAAA,MACbN,EAAE,CAACW,KAAK;YAAA,oBACMI,UAAU,CAACJ,KAAK;YAAA,YACxBK,UAAU,CAACL,KAAK;YAAA,YAChBM,UAAU,CAACN;UAAK,GACtBT,YAAY;YAAA,WACPL,KAAK;YAAA,UACNC;UAAI,IACHH,KAAK;QAAA;MAElB;IAIT,CAAC,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}
+{"version":3,"file":"VCheckbox.mjs","names":["makeVCheckboxBtnProps","VCheckboxBtn","makeVInputProps","VInput","useFocus","useProxiedModel","computed","filterInputAttrs","genericComponent","getUid","omit","propsFactory","useRender","makeVCheckboxProps","VCheckbox","name","inheritAttrs","props","emits","value","focused","setup","_ref","attrs","slots","model","isFocused","focus","blur","uid","id","inputAttrs","controlAttrs","inputProps","_1","filterProps","checkboxProps","_2","_createVNode","_mergeProps","class","$event","style","default","_ref2","messagesId","isDisabled","isReadonly"],"sources":["../../../src/components/VCheckbox/VCheckbox.tsx"],"sourcesContent":["// Styles\nimport './VCheckbox.sass'\n\n// Components\nimport { makeVCheckboxBtnProps, VCheckboxBtn } from './VCheckboxBtn'\nimport { makeVInputProps, VInput } from '@/components/VInput/VInput'\n\n// Composables\nimport { useFocus } from '@/composables/focus'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { computed } from 'vue'\nimport { filterInputAttrs, genericComponent, getUid, omit, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { VSelectionControlSlots } from '../VSelectionControl/VSelectionControl'\nimport type { VInputSlots } from '@/components/VInput/VInput'\n\nexport type VCheckboxSlots = VInputSlots & VSelectionControlSlots\n\nexport const makeVCheckboxProps = propsFactory({\n  ...makeVInputProps(),\n  ...omit(makeVCheckboxBtnProps(), ['inline']),\n}, 'VCheckbox')\n\nexport const VCheckbox = genericComponent<VCheckboxSlots>()({\n  name: 'VCheckbox',\n\n  inheritAttrs: false,\n\n  props: makeVCheckboxProps(),\n\n  emits: {\n    'update:modelValue': (value: boolean) => true,\n    'update:focused': (focused: boolean) => true,\n  },\n\n  setup (props, { attrs, slots }) {\n    const model = useProxiedModel(props, 'modelValue')\n    const { isFocused, focus, blur } = useFocus(props)\n\n    const uid = getUid()\n    const id = computed(() => props.id || `checkbox-${uid}`)\n\n    useRender(() => {\n      const [inputAttrs, controlAttrs] = filterInputAttrs(attrs)\n      const [inputProps, _1] = VInput.filterProps(props)\n      const [checkboxProps, _2] = VCheckboxBtn.filterProps(props)\n\n      return (\n        <VInput\n          class={[\n            'v-checkbox',\n            props.class,\n          ]}\n          { ...inputAttrs }\n          { ...inputProps }\n          v-model={ model.value }\n          id={ id.value }\n          focused={ isFocused.value }\n          style={ props.style }\n        >\n          {{\n            ...slots,\n            default: ({\n              id,\n              messagesId,\n              isDisabled,\n              isReadonly,\n            }) => (\n              <VCheckboxBtn\n                { ...checkboxProps }\n                id={ id.value }\n                aria-describedby={ messagesId.value }\n                disabled={ isDisabled.value }\n                readonly={ isReadonly.value }\n                { ...controlAttrs }\n                v-model={ model.value }\n                onFocus={ focus }\n                onBlur={ blur }\n                v-slots={ slots }\n              />\n            ),\n          }}\n        </VInput>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VCheckbox = InstanceType<typeof VCheckbox>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,qBAAqB,EAAEC,YAAY;AAAA,SACnCC,eAAe,EAAEC,MAAM,gCAEhC;AAAA,SACSC,QAAQ;AAAA,SACRC,eAAe,8CAExB;AACA,SAASC,QAAQ,QAAQ,KAAK;AAAA,SACrBC,gBAAgB,EAAEC,gBAAgB,EAAEC,MAAM,EAAEC,IAAI,EAAEC,YAAY,EAAEC,SAAS,gCAElF;AAMA,OAAO,MAAMC,kBAAkB,GAAGF,YAAY,CAAC;EAC7C,GAAGT,eAAe,EAAE;EACpB,GAAGQ,IAAI,CAACV,qBAAqB,EAAE,EAAE,CAAC,QAAQ,CAAC;AAC7C,CAAC,EAAE,WAAW,CAAC;AAEf,OAAO,MAAMc,SAAS,GAAGN,gBAAgB,EAAkB,CAAC;EAC1DO,IAAI,EAAE,WAAW;EAEjBC,YAAY,EAAE,KAAK;EAEnBC,KAAK,EAAEJ,kBAAkB,EAAE;EAE3BK,KAAK,EAAE;IACL,mBAAmB,EAAGC,KAAc,IAAK,IAAI;IAC7C,gBAAgB,EAAGC,OAAgB,IAAK;EAC1C,CAAC;EAEDC,KAAKA,CAAEJ,KAAK,EAAAK,IAAA,EAAoB;IAAA,IAAlB;MAAEC,KAAK;MAAEC;IAAM,CAAC,GAAAF,IAAA;IAC5B,MAAMG,KAAK,GAAGpB,eAAe,CAACY,KAAK,EAAE,YAAY,CAAC;IAClD,MAAM;MAAES,SAAS;MAAEC,KAAK;MAAEC;IAAK,CAAC,GAAGxB,QAAQ,CAACa,KAAK,CAAC;IAElD,MAAMY,GAAG,GAAGpB,MAAM,EAAE;IACpB,MAAMqB,EAAE,GAAGxB,QAAQ,CAAC,MAAMW,KAAK,CAACa,EAAE,IAAK,YAAWD,GAAI,EAAC,CAAC;IAExDjB,SAAS,CAAC,MAAM;MACd,MAAM,CAACmB,UAAU,EAAEC,YAAY,CAAC,GAAGzB,gBAAgB,CAACgB,KAAK,CAAC;MAC1D,MAAM,CAACU,UAAU,EAAEC,EAAE,CAAC,GAAG/B,MAAM,CAACgC,WAAW,CAAClB,KAAK,CAAC;MAClD,MAAM,CAACmB,aAAa,EAAEC,EAAE,CAAC,GAAGpC,YAAY,CAACkC,WAAW,CAAClB,KAAK,CAAC;MAE3D,OAAAqB,YAAA,CAAAnC,MAAA,EAAAoC,WAAA;QAAA,SAEW,CACL,YAAY,EACZtB,KAAK,CAACuB,KAAK;MACZ,GACIT,UAAU,EACVE,UAAU;QAAA,cACLR,KAAK,CAACN,KAAK;QAAA,uBAAAsB,MAAA,IAAXhB,KAAK,CAACN,KAAK,GAAAsB,MAAA;QAAA,MAChBX,EAAE,CAACX,KAAK;QAAA,WACHO,SAAS,CAACP,KAAK;QAAA,SACjBF,KAAK,CAACyB;MAAK;QAGjB,GAAGlB,KAAK;QACRmB,OAAO,EAAEC,KAAA;UAAA,IAAC;YACRd,EAAE;YACFe,UAAU;YACVC,UAAU;YACVC;UACF,CAAC,GAAAH,KAAA;UAAA,OAAAN,YAAA,CAAArC,YAAA,EAAAsC,WAAA,CAEQH,aAAa;YAAA,MACbN,EAAE,CAACX,KAAK;YAAA,oBACM0B,UAAU,CAAC1B,KAAK;YAAA,YACxB2B,UAAU,CAAC3B,KAAK;YAAA,YAChB4B,UAAU,CAAC5B;UAAK,GACtBa,YAAY;YAAA,cACPP,KAAK,CAACN,KAAK;YAAA,uBAAAsB,MAAA,IAAXhB,KAAK,CAACN,KAAK,GAAAsB,MAAA;YAAA,WACXd,KAAK;YAAA,UACNC;UAAI,IACHJ,KAAK;QAAA;MAElB;IAIT,CAAC,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}

package/lib/components/VCheckbox/VCheckboxBtn.mjs

@@ -1,21 +1,21 @@
 import { createVNode as _createVNode, mergeProps as _mergeProps, resolveDirective as _resolveDirective } from "vue";
 // Components
-import { makeSelectionControlProps, VSelectionControl } from "../VSelectionControl/VSelectionControl.mjs"; // Composables
+import { makeVSelectionControlProps, VSelectionControl } from "../VSelectionControl/VSelectionControl.mjs"; // Composables
 import { IconValue } from "../../composables/icons.mjs";
 import { useProxiedModel } from "../../composables/proxiedModel.mjs"; // Utilities
 import { computed } from 'vue';
-import { genericComponent, propsFactory, useRender } from "../../util/index.mjs";
+import { genericComponent, propsFactory, useRender } from "../../util/index.mjs"; // Types
 export const makeVCheckboxBtnProps = propsFactory({
   indeterminate: Boolean,
   indeterminateIcon: {
     type: IconValue,
     default: '$checkboxIndeterminate'
   },
-  ...makeSelectionControlProps({
+  ...makeVSelectionControlProps({
     falseIcon: '$checkboxOff',
     trueIcon: '$checkboxOn'
   })
-}, 'v-checkbox-btn');
+}, 'VCheckboxBtn');
 export const VCheckboxBtn = genericComponent()({
   name: 'VCheckboxBtn',
   props: makeVCheckboxBtnProps(),

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

@@ -1 +1 @@
-{"version":3,"file":"VCheckboxBtn.mjs","names":["makeSelectionControlProps","VSelectionControl","IconValue","useProxiedModel","computed","genericComponent","propsFactory","useRender","makeVCheckboxBtnProps","indeterminate","Boolean","indeterminateIcon","type","default","falseIcon","trueIcon","VCheckboxBtn","name","props","emits","value","val","setup","_ref","slots","model","onChange","v","_createVNode","_mergeProps","$event","class","style","undefined"],"sources":["../../../src/components/VCheckbox/VCheckboxBtn.tsx"],"sourcesContent":["// Components\nimport type { VSelectionControlSlots } from '@/components/VSelectionControl/VSelectionControl'\nimport { makeSelectionControlProps, VSelectionControl } from '@/components/VSelectionControl/VSelectionControl'\n\n// Composables\nimport { IconValue } from '@/composables/icons'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { computed } from 'vue'\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\nexport const makeVCheckboxBtnProps = propsFactory({\n  indeterminate: Boolean,\n  indeterminateIcon: {\n    type: IconValue,\n    default: '$checkboxIndeterminate',\n  },\n\n  ...makeSelectionControlProps({\n    falseIcon: '$checkboxOff',\n    trueIcon: '$checkboxOn',\n  }),\n}, 'v-checkbox-btn')\n\nexport const VCheckboxBtn = genericComponent<VSelectionControlSlots>()({\n  name: 'VCheckboxBtn',\n\n  props: makeVCheckboxBtnProps(),\n\n  emits: {\n    'update:modelValue': (value: any) => true,\n    'update:indeterminate': (val: boolean) => true,\n  },\n\n  setup (props, { slots }) {\n    const indeterminate = useProxiedModel(props, 'indeterminate')\n    const model = useProxiedModel(props, 'modelValue')\n\n    function onChange (v: any) {\n      if (indeterminate.value) {\n        indeterminate.value = false\n      }\n    }\n\n    const falseIcon = computed(() => {\n      return indeterminate.value\n        ? props.indeterminateIcon\n        : props.falseIcon\n    })\n\n    const trueIcon = computed(() => {\n      return indeterminate.value\n        ? props.indeterminateIcon\n        : props.trueIcon\n    })\n\n    useRender(() => (\n      <VSelectionControl\n        { ...props }\n        v-model={ model.value }\n        class={[\n          'v-checkbox-btn',\n          props.class,\n        ]}\n        style={ props.style }\n        type=\"checkbox\"\n        onUpdate:modelValue={ onChange }\n        falseIcon={ falseIcon.value }\n        trueIcon={ trueIcon.value }\n        aria-checked={ indeterminate.value ? 'mixed' : undefined }\n        v-slots={ slots }\n      />\n    ))\n\n    return {}\n  },\n})\n\nexport type VCheckboxBtn = InstanceType<typeof VCheckboxBtn>\n"],"mappings":";AAAA;AAAA,SAESA,yBAAyB,EAAEC,iBAAiB,sDAErD;AAAA,SACSC,SAAS;AAAA,SACTC,eAAe,8CAExB;AACA,SAASC,QAAQ,QAAQ,KAAK;AAAA,SACrBC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS;AAElD,OAAO,MAAMC,qBAAqB,GAAGF,YAAY,CAAC;EAChDG,aAAa,EAAEC,OAAO;EACtBC,iBAAiB,EAAE;IACjBC,IAAI,EAAEV,SAAS;IACfW,OAAO,EAAE;EACX,CAAC;EAED,GAAGb,yBAAyB,CAAC;IAC3Bc,SAAS,EAAE,cAAc;IACzBC,QAAQ,EAAE;EACZ,CAAC;AACH,CAAC,EAAE,gBAAgB,CAAC;AAEpB,OAAO,MAAMC,YAAY,GAAGX,gBAAgB,EAA0B,CAAC;EACrEY,IAAI,EAAE,cAAc;EAEpBC,KAAK,EAAEV,qBAAqB,EAAE;EAE9BW,KAAK,EAAE;IACL,mBAAmB,EAAGC,KAAU,IAAK,IAAI;IACzC,sBAAsB,EAAGC,GAAY,IAAK;EAC5C,CAAC;EAEDC,KAAKA,CAAEJ,KAAK,EAAAK,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrB,MAAMd,aAAa,GAAGN,eAAe,CAACe,KAAK,EAAE,eAAe,CAAC;IAC7D,MAAMO,KAAK,GAAGtB,eAAe,CAACe,KAAK,EAAE,YAAY,CAAC;IAElD,SAASQ,QAAQA,CAAEC,CAAM,EAAE;MACzB,IAAIlB,aAAa,CAACW,KAAK,EAAE;QACvBX,aAAa,CAACW,KAAK,GAAG,KAAK;MAC7B;IACF;IAEA,MAAMN,SAAS,GAAGV,QAAQ,CAAC,MAAM;MAC/B,OAAOK,aAAa,CAACW,KAAK,GACtBF,KAAK,CAACP,iBAAiB,GACvBO,KAAK,CAACJ,SAAS;IACrB,CAAC,CAAC;IAEF,MAAMC,QAAQ,GAAGX,QAAQ,CAAC,MAAM;MAC9B,OAAOK,aAAa,CAACW,KAAK,GACtBF,KAAK,CAACP,iBAAiB,GACvBO,KAAK,CAACH,QAAQ;IACpB,CAAC,CAAC;IAEFR,SAAS,CAAC,MAAAqB,YAAA,CAAA3B,iBAAA,EAAA4B,WAAA,CAEDX,KAAK;MAAA,cACAO,KAAK,CAACL,KAAK;MAAA,wBAAAU,MAAA,IAAXL,KAAK,CAACL,KAAK,GAAAU,MAAA,EAOCJ,QAAQ;MAAA,SANvB,CACL,gBAAgB,EAChBR,KAAK,CAACa,KAAK,CACZ;MAAA,SACOb,KAAK,CAACc,KAAK;MAAA,QACd,UAAU;MAAA,aAEHlB,SAAS,CAACM,KAAK;MAAA,YAChBL,QAAQ,CAACK,KAAK;MAAA,gBACVX,aAAa,CAACW,KAAK,GAAG,OAAO,GAAGa;IAAS,IAC9CT,KAAK,CAElB,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}
+{"version":3,"file":"VCheckboxBtn.mjs","names":["makeVSelectionControlProps","VSelectionControl","IconValue","useProxiedModel","computed","genericComponent","propsFactory","useRender","makeVCheckboxBtnProps","indeterminate","Boolean","indeterminateIcon","type","default","falseIcon","trueIcon","VCheckboxBtn","name","props","emits","value","val","setup","_ref","slots","model","onChange","v","_createVNode","_mergeProps","$event","class","style","undefined"],"sources":["../../../src/components/VCheckbox/VCheckboxBtn.tsx"],"sourcesContent":["// Components\nimport { makeVSelectionControlProps, VSelectionControl } from '@/components/VSelectionControl/VSelectionControl'\n\n// Composables\nimport { IconValue } from '@/composables/icons'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { computed } from 'vue'\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { VSelectionControlSlots } from '@/components/VSelectionControl/VSelectionControl'\n\nexport const makeVCheckboxBtnProps = propsFactory({\n  indeterminate: Boolean,\n  indeterminateIcon: {\n    type: IconValue,\n    default: '$checkboxIndeterminate',\n  },\n\n  ...makeVSelectionControlProps({\n    falseIcon: '$checkboxOff',\n    trueIcon: '$checkboxOn',\n  }),\n}, 'VCheckboxBtn')\n\nexport const VCheckboxBtn = genericComponent<VSelectionControlSlots>()({\n  name: 'VCheckboxBtn',\n\n  props: makeVCheckboxBtnProps(),\n\n  emits: {\n    'update:modelValue': (value: any) => true,\n    'update:indeterminate': (val: boolean) => true,\n  },\n\n  setup (props, { slots }) {\n    const indeterminate = useProxiedModel(props, 'indeterminate')\n    const model = useProxiedModel(props, 'modelValue')\n\n    function onChange (v: any) {\n      if (indeterminate.value) {\n        indeterminate.value = false\n      }\n    }\n\n    const falseIcon = computed(() => {\n      return indeterminate.value\n        ? props.indeterminateIcon\n        : props.falseIcon\n    })\n\n    const trueIcon = computed(() => {\n      return indeterminate.value\n        ? props.indeterminateIcon\n        : props.trueIcon\n    })\n\n    useRender(() => (\n      <VSelectionControl\n        { ...props }\n        v-model={ model.value }\n        class={[\n          'v-checkbox-btn',\n          props.class,\n        ]}\n        style={ props.style }\n        type=\"checkbox\"\n        onUpdate:modelValue={ onChange }\n        falseIcon={ falseIcon.value }\n        trueIcon={ trueIcon.value }\n        aria-checked={ indeterminate.value ? 'mixed' : undefined }\n        v-slots={ slots }\n      />\n    ))\n\n    return {}\n  },\n})\n\nexport type VCheckboxBtn = InstanceType<typeof VCheckboxBtn>\n"],"mappings":";AAAA;AAAA,SACSA,0BAA0B,EAAEC,iBAAiB,sDAEtD;AAAA,SACSC,SAAS;AAAA,SACTC,eAAe,8CAExB;AACA,SAASC,QAAQ,QAAQ,KAAK;AAAA,SACrBC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS,gCAElD;AAGA,OAAO,MAAMC,qBAAqB,GAAGF,YAAY,CAAC;EAChDG,aAAa,EAAEC,OAAO;EACtBC,iBAAiB,EAAE;IACjBC,IAAI,EAAEV,SAAS;IACfW,OAAO,EAAE;EACX,CAAC;EAED,GAAGb,0BAA0B,CAAC;IAC5Bc,SAAS,EAAE,cAAc;IACzBC,QAAQ,EAAE;EACZ,CAAC;AACH,CAAC,EAAE,cAAc,CAAC;AAElB,OAAO,MAAMC,YAAY,GAAGX,gBAAgB,EAA0B,CAAC;EACrEY,IAAI,EAAE,cAAc;EAEpBC,KAAK,EAAEV,qBAAqB,EAAE;EAE9BW,KAAK,EAAE;IACL,mBAAmB,EAAGC,KAAU,IAAK,IAAI;IACzC,sBAAsB,EAAGC,GAAY,IAAK;EAC5C,CAAC;EAEDC,KAAKA,CAAEJ,KAAK,EAAAK,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrB,MAAMd,aAAa,GAAGN,eAAe,CAACe,KAAK,EAAE,eAAe,CAAC;IAC7D,MAAMO,KAAK,GAAGtB,eAAe,CAACe,KAAK,EAAE,YAAY,CAAC;IAElD,SAASQ,QAAQA,CAAEC,CAAM,EAAE;MACzB,IAAIlB,aAAa,CAACW,KAAK,EAAE;QACvBX,aAAa,CAACW,KAAK,GAAG,KAAK;MAC7B;IACF;IAEA,MAAMN,SAAS,GAAGV,QAAQ,CAAC,MAAM;MAC/B,OAAOK,aAAa,CAACW,KAAK,GACtBF,KAAK,CAACP,iBAAiB,GACvBO,KAAK,CAACJ,SAAS;IACrB,CAAC,CAAC;IAEF,MAAMC,QAAQ,GAAGX,QAAQ,CAAC,MAAM;MAC9B,OAAOK,aAAa,CAACW,KAAK,GACtBF,KAAK,CAACP,iBAAiB,GACvBO,KAAK,CAACH,QAAQ;IACpB,CAAC,CAAC;IAEFR,SAAS,CAAC,MAAAqB,YAAA,CAAA3B,iBAAA,EAAA4B,WAAA,CAEDX,KAAK;MAAA,cACAO,KAAK,CAACL,KAAK;MAAA,wBAAAU,MAAA,IAAXL,KAAK,CAACL,KAAK,GAAAU,MAAA,EAOCJ,QAAQ;MAAA,SANvB,CACL,gBAAgB,EAChBR,KAAK,CAACa,KAAK,CACZ;MAAA,SACOb,KAAK,CAACc,KAAK;MAAA,QACd,UAAU;MAAA,aAEHlB,SAAS,CAACM,KAAK;MAAA,YAChBL,QAAQ,CAACK,KAAK;MAAA,gBACVX,aAAa,CAACW,KAAK,GAAG,OAAO,GAAGa;IAAS,IAC9CT,KAAK,CAElB,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}