@vuetify/nightly 4.0.0-dev-20230426.0 → 4.0.0-dev-20230427.0

package/lib/components/VCarousel/VCarousel.mjs

@@ -77,10 +77,10 @@ export const VCarousel = genericComponent()({
       "class": ['v-carousel', {
         'v-carousel--hide-delimiter-background': props.hideDelimiterBackground,
         'v-carousel--vertical-delimiters': props.verticalDelimiters
-      }],
-      "style": {
+      }, props.class],
+      "style": [{
         height: convertToUnit(props.height)
-      },
+      }, props.style],
       "continuous": true,
       "mandatory": "force",
       "showArrows": props.showArrows

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","useRender","onMounted","ref","watch","VCarousel","name","props","color","String","cycle","Boolean","delimiterIcon","type","default","height","Number","hideDelimiters","hideDelimiterBackground","interval","validator","value","progress","verticalDelimiters","continuous","mandatory","showArrows","emits","val","setup","_ref","slots","model","t","windowRef","slideTimeout","restartTimeout","window","clearTimeout","startTimeout","setTimeout","group","next","requestAnimationFrame","_createVNode","$event","additional","_ref2","_Fragment","left","right","items","length","icon","size","variant","map","item","index","id","class","isSelected","onClick","select","_mergeProps","undefined","getItemIndex","prev"],"sources":["../../../src/components/VCarousel/VCarousel.tsx"],"sourcesContent":["// Styles\nimport './VCarousel.sass'\n\n// Components\nimport { makeVWindowProps, VWindow } 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, useRender } from '@/util'\nimport { onMounted, ref, watch } from 'vue'\n\n// Types\nimport type { GroupProvide } from '@/composables/group'\nimport type { PropType } from 'vue'\nimport type { VWindowSlots } from '../VWindow/VWindow'\n\nexport const VCarousel = genericComponent<VWindowSlots>()({\n  name: 'VCarousel',\n\n  props: {\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  },\n\n  emits: {\n    'update:modelValue': (val: any) => true,\n  },\n\n  setup (props, { slots }) {\n    const model = useProxiedModel(props, 'modelValue')\n    const { t } = useLocale()\n    const windowRef = ref<typeof VWindow>()\n\n    let slideTimeout = -1\n    watch(model, restartTimeout)\n    watch(() => props.interval, restartTimeout)\n    watch(() => props.cycle, val => {\n      if (val) restartTimeout()\n      else window.clearTimeout(slideTimeout)\n    })\n\n    onMounted(startTimeout)\n\n    function startTimeout () {\n      if (!props.cycle || !windowRef.value) return\n\n      slideTimeout = window.setTimeout(windowRef.value.group.next, +props.interval > 0 ? +props.interval : 6000)\n    }\n\n    function restartTimeout () {\n      window.clearTimeout(slideTimeout)\n      window.requestAnimationFrame(startTimeout)\n    }\n\n    useRender(() => (\n      <VWindow\n        ref={ windowRef }\n        v-model={ model.value }\n        class={[\n          'v-carousel',\n          {\n            'v-carousel--hide-delimiter-background': props.hideDelimiterBackground,\n            'v-carousel--vertical-delimiters': props.verticalDelimiters,\n          },\n        ]}\n        style={{ height: convertToUnit(props.height) }}\n        continuous\n        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":["makeVWindowProps","VWindow","VBtn","VDefaultsProvider","VProgressLinear","IconValue","useLocale","useProxiedModel","convertToUnit","genericComponent","useRender","onMounted","ref","watch","VCarousel","name","props","color","String","cycle","Boolean","delimiterIcon","type","default","height","Number","hideDelimiters","hideDelimiterBackground","interval","validator","value","progress","verticalDelimiters","continuous","mandatory","showArrows","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 } 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, useRender } from '@/util'\nimport { onMounted, ref, watch } from 'vue'\n\n// Types\nimport type { GroupProvide } from '@/composables/group'\nimport type { PropType } from 'vue'\nimport type { VWindowSlots } from '../VWindow/VWindow'\n\nexport const VCarousel = genericComponent<VWindowSlots>()({\n  name: 'VCarousel',\n\n  props: {\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  },\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

@@ -1,13 +1,15 @@
 import { createVNode as _createVNode, resolveDirective as _resolveDirective } from "vue";
 // Components
 import { VImg } from "../VImg/index.mjs";
-import { VWindowItem } from "../VWindow/index.mjs"; // Utilities
+import { VWindowItem } from "../VWindow/index.mjs"; // Composables
+import { makeComponentProps } from "../../composables/component.mjs"; // Utilities
 import { genericComponent, useRender } from "../../util/index.mjs"; // Types
 export const VCarouselItem = genericComponent()({
   name: 'VCarouselItem',
   inheritAttrs: false,
   props: {
-    value: null
+    value: null,
+    ...makeComponentProps()
   },
   setup(props, _ref) {
     let {
@@ -15,7 +17,8 @@ export const VCarouselItem = genericComponent()({
       attrs
     } = _ref;
     useRender(() => _createVNode(VWindowItem, {
-      "class": "v-carousel-item",
+      "class": ['v-carousel-item', props.class],
+      "style": props.style,
       "value": props.value
     }, {
       default: () => [_createVNode(VImg, attrs, slots)]

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

@@ -1 +1 @@
-{"version":3,"file":"VCarouselItem.mjs","names":["VImg","VWindowItem","genericComponent","useRender","VCarouselItem","name","inheritAttrs","props","value","setup","_ref","slots","attrs","_createVNode","default"],"sources":["../../../src/components/VCarousel/VCarouselItem.tsx"],"sourcesContent":["// Components\nimport { VImg } from '@/components/VImg'\nimport { VWindowItem } from '@/components/VWindow'\n\n// Utilities\nimport { genericComponent, useRender } from '@/util'\n\n// Types\nimport type { VImgSlots } from '@/components/VImg/VImg'\n\nexport const VCarouselItem = genericComponent<VImgSlots>()({\n  name: 'VCarouselItem',\n\n  inheritAttrs: false,\n\n  props: {\n    value: null,\n  },\n\n  setup (props, { slots, attrs }) {\n    useRender(() => (\n      <VWindowItem class=\"v-carousel-item\" value={ props.value }>\n        <VImg { ...attrs } v-slots={ slots } />\n      </VWindowItem>\n    ))\n  },\n})\n\nexport type VCarouselItem = InstanceType<typeof VCarouselItem>\n"],"mappings":";AAAA;AAAA,SACSA,IAAI;AAAA,SACJC,WAAW,gCAEpB;AAAA,SACSC,gBAAgB,EAAEC,SAAS,gCAEpC;AAGA,OAAO,MAAMC,aAAa,GAAGF,gBAAgB,EAAa,CAAC;EACzDG,IAAI,EAAE,eAAe;EAErBC,YAAY,EAAE,KAAK;EAEnBC,KAAK,EAAE;IACLC,KAAK,EAAE;EACT,CAAC;EAEDC,KAAKA,CAAEF,KAAK,EAAAG,IAAA,EAAoB;IAAA,IAAlB;MAAEC,KAAK;MAAEC;IAAM,CAAC,GAAAF,IAAA;IAC5BP,SAAS,CAAC,MAAAU,YAAA,CAAAZ,WAAA;MAAA,SACW,iBAAiB;MAAA,SAASM,KAAK,CAACC;IAAK;MAAAM,OAAA,EAAAA,CAAA,MAAAD,YAAA,CAAAb,IAAA,EAC3CY,KAAK,EAAaD,KAAK;IAAA,EAErC,CAAC;EACJ;AACF,CAAC,CAAC"}
+{"version":3,"file":"VCarouselItem.mjs","names":["VImg","VWindowItem","makeComponentProps","genericComponent","useRender","VCarouselItem","name","inheritAttrs","props","value","setup","_ref","slots","attrs","_createVNode","class","style","default"],"sources":["../../../src/components/VCarousel/VCarouselItem.tsx"],"sourcesContent":["// Components\nimport { VImg } from '@/components/VImg'\nimport { VWindowItem } from '@/components/VWindow'\n\n// Composables\nimport { makeComponentProps } from '@/composables/component'\n\n// Utilities\nimport { genericComponent, useRender } from '@/util'\n\n// Types\nimport type { VImgSlots } from '@/components/VImg/VImg'\n\nexport const VCarouselItem = genericComponent<VImgSlots>()({\n  name: 'VCarouselItem',\n\n  inheritAttrs: false,\n\n  props: {\n    value: null,\n\n    ...makeComponentProps(),\n  },\n\n  setup (props, { slots, attrs }) {\n    useRender(() => (\n      <VWindowItem\n        class={[\n          'v-carousel-item',\n          props.class,\n        ]}\n        style={ props.style }\n        value={ props.value }\n      >\n        <VImg { ...attrs } v-slots={ slots } />\n      </VWindowItem>\n    ))\n  },\n})\n\nexport type VCarouselItem = InstanceType<typeof VCarouselItem>\n"],"mappings":";AAAA;AAAA,SACSA,IAAI;AAAA,SACJC,WAAW,gCAEpB;AAAA,SACSC,kBAAkB,2CAE3B;AAAA,SACSC,gBAAgB,EAAEC,SAAS,gCAEpC;AAGA,OAAO,MAAMC,aAAa,GAAGF,gBAAgB,EAAa,CAAC;EACzDG,IAAI,EAAE,eAAe;EAErBC,YAAY,EAAE,KAAK;EAEnBC,KAAK,EAAE;IACLC,KAAK,EAAE,IAAI;IAEX,GAAGP,kBAAkB;EACvB,CAAC;EAEDQ,KAAKA,CAAEF,KAAK,EAAAG,IAAA,EAAoB;IAAA,IAAlB;MAAEC,KAAK;MAAEC;IAAM,CAAC,GAAAF,IAAA;IAC5BP,SAAS,CAAC,MAAAU,YAAA,CAAAb,WAAA;MAAA,SAEC,CACL,iBAAiB,EACjBO,KAAK,CAACO,KAAK,CACZ;MAAA,SACOP,KAAK,CAACQ,KAAK;MAAA,SACXR,KAAK,CAACC;IAAK;MAAAQ,OAAA,EAAAA,CAAA,MAAAH,YAAA,CAAAd,IAAA,EAERa,KAAK,EAAaD,KAAK;IAAA,EAErC,CAAC;EACJ;AACF,CAAC,CAAC"}

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

@@ -31,7 +31,7 @@ interface TouchData {
     offsetY: number;
 }
 
-type IconValue = string | JSXComponent;
+type IconValue = string | (string | [path: string, opacity: number])[] | JSXComponent;
 declare const IconValue: PropType<IconValue>;
 
 interface GroupItem {
@@ -66,6 +66,7 @@ declare const VCarousel: {
             interval: string | number;
             height: string | number;
             direction: string;
+            style: vue.StyleValue;
             disabled: boolean;
             tag: string;
             mandatory: "force";
@@ -84,6 +85,7 @@ declare const VCarousel: {
             interval: string | number;
             height: string | number;
             direction: string;
+            style: vue.StyleValue;
             disabled: boolean;
             tag: string;
             mandatory: "force";
@@ -99,12 +101,13 @@ declare const VCarousel: {
         } & {
             progress?: string | boolean | undefined;
             color?: string | undefined;
+            class?: any;
             touch?: boolean | TouchHandlers | undefined;
             theme?: string | undefined;
             modelValue?: any;
             verticalDelimiters?: boolean | "left" | "right" | undefined;
         } & {
-            $children?: {} | vue.VNodeChild | {
+            $children?: vue.VNodeChild | {
                 default?: ((args_0: {
                     group: GroupProvide;
                 }) => vue.VNodeChild) | undefined;
@@ -127,31 +130,9 @@ declare const VCarousel: {
                         ariaLabel: string;
                     };
                 }) => vue.VNodeChild) | undefined;
-            };
-            $slots?: {
-                default?: ((args_0: {
-                    group: GroupProvide;
-                }) => vue.VNodeChild) | undefined;
-                additional?: ((args_0: {
-                    group: GroupProvide;
-                }) => vue.VNodeChild) | undefined;
-                prev?: ((args_0: {
-                    props: {
-                        icon: IconValue;
-                        class: string;
-                        onClick: () => void;
-                        ariaLabel: string;
-                    };
-                }) => vue.VNodeChild) | undefined;
-                next?: ((args_0: {
-                    props: {
-                        icon: IconValue;
-                        class: string;
-                        onClick: () => void;
-                        ariaLabel: string;
-                    };
-                }) => vue.VNodeChild) | undefined;
-            } | undefined;
+            } | ((args_0: {
+                group: GroupProvide;
+            }) => vue.VNodeChild);
             'v-slots'?: {
                 default?: false | ((args_0: {
                     group: GroupProvide;
@@ -201,7 +182,7 @@ declare const VCarousel: {
             }) => vue.VNodeChild) | undefined;
         } & {
             "onUpdate:modelValue"?: ((val: any) => any) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "reverse" | "interval" | "height" | "direction" | "disabled" | "tag" | "mandatory" | "touch" | "selectedClass" | "continuous" | "nextIcon" | "prevIcon" | "showArrows" | "cycle" | "hideDelimiters" | "hideDelimiterBackground" | "delimiterIcon">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "reverse" | "interval" | "height" | "direction" | "style" | "disabled" | "tag" | "mandatory" | "touch" | "selectedClass" | "continuous" | "nextIcon" | "prevIcon" | "showArrows" | "cycle" | "hideDelimiters" | "hideDelimiterBackground" | "delimiterIcon">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -220,6 +201,7 @@ declare const VCarousel: {
             interval: string | number;
             height: string | number;
             direction: string;
+            style: vue.StyleValue;
             disabled: boolean;
             tag: string;
             mandatory: "force";
@@ -235,36 +217,13 @@ declare const VCarousel: {
         } & {
             progress?: string | boolean | undefined;
             color?: string | undefined;
+            class?: any;
             touch?: boolean | TouchHandlers | undefined;
             theme?: string | undefined;
             modelValue?: any;
             verticalDelimiters?: boolean | "left" | "right" | undefined;
         } & {
-            $children?: {} | vue.VNodeChild | {
-                default?: ((args_0: {
-                    group: GroupProvide;
-                }) => vue.VNodeChild) | undefined;
-                additional?: ((args_0: {
-                    group: GroupProvide;
-                }) => vue.VNodeChild) | undefined;
-                prev?: ((args_0: {
-                    props: {
-                        icon: IconValue;
-                        class: string;
-                        onClick: () => void;
-                        ariaLabel: string;
-                    };
-                }) => vue.VNodeChild) | undefined;
-                next?: ((args_0: {
-                    props: {
-                        icon: IconValue;
-                        class: string;
-                        onClick: () => void;
-                        ariaLabel: string;
-                    };
-                }) => vue.VNodeChild) | undefined;
-            };
-            $slots?: {
+            $children?: vue.VNodeChild | {
                 default?: ((args_0: {
                     group: GroupProvide;
                 }) => vue.VNodeChild) | undefined;
@@ -287,7 +246,9 @@ declare const VCarousel: {
                         ariaLabel: string;
                     };
                 }) => vue.VNodeChild) | undefined;
-            } | undefined;
+            } | ((args_0: {
+                group: GroupProvide;
+            }) => vue.VNodeChild);
             'v-slots'?: {
                 default?: false | ((args_0: {
                     group: GroupProvide;
@@ -344,6 +305,7 @@ declare const VCarousel: {
             interval: string | number;
             height: string | number;
             direction: string;
+            style: vue.StyleValue;
             disabled: boolean;
             tag: string;
             mandatory: "force";
@@ -382,6 +344,7 @@ declare const VCarousel: {
         interval: string | number;
         height: string | number;
         direction: string;
+        style: vue.StyleValue;
         disabled: boolean;
         tag: string;
         mandatory: "force";
@@ -397,12 +360,13 @@ declare const VCarousel: {
     } & {
         progress?: string | boolean | undefined;
         color?: string | undefined;
+        class?: any;
         touch?: boolean | TouchHandlers | undefined;
         theme?: string | undefined;
         modelValue?: any;
         verticalDelimiters?: boolean | "left" | "right" | undefined;
     } & {
-        $children?: {} | vue.VNodeChild | {
+        $children?: vue.VNodeChild | {
             default?: ((args_0: {
                 group: GroupProvide;
             }) => vue.VNodeChild) | undefined;
@@ -425,31 +389,9 @@ declare const VCarousel: {
                     ariaLabel: string;
                 };
             }) => vue.VNodeChild) | undefined;
-        };
-        $slots?: {
-            default?: ((args_0: {
-                group: GroupProvide;
-            }) => vue.VNodeChild) | undefined;
-            additional?: ((args_0: {
-                group: GroupProvide;
-            }) => vue.VNodeChild) | undefined;
-            prev?: ((args_0: {
-                props: {
-                    icon: IconValue;
-                    class: string;
-                    onClick: () => void;
-                    ariaLabel: string;
-                };
-            }) => vue.VNodeChild) | undefined;
-            next?: ((args_0: {
-                props: {
-                    icon: IconValue;
-                    class: string;
-                    onClick: () => void;
-                    ariaLabel: string;
-                };
-            }) => vue.VNodeChild) | undefined;
-        } | undefined;
+        } | ((args_0: {
+            group: GroupProvide;
+        }) => vue.VNodeChild);
         'v-slots'?: {
             default?: false | ((args_0: {
                 group: GroupProvide;
@@ -508,6 +450,7 @@ declare const VCarousel: {
     interval: string | number;
     height: string | number;
     direction: string;
+    style: vue.StyleValue;
     disabled: boolean;
     tag: string;
     mandatory: "force";
@@ -523,36 +466,13 @@ declare const VCarousel: {
 } & {
     progress?: string | boolean | undefined;
     color?: string | undefined;
+    class?: any;
     touch?: boolean | TouchHandlers | undefined;
     theme?: string | undefined;
     modelValue?: any;
     verticalDelimiters?: boolean | "left" | "right" | undefined;
 } & {
-    $children?: {} | vue.VNodeChild | {
-        default?: ((args_0: {
-            group: GroupProvide;
-        }) => vue.VNodeChild) | undefined;
-        additional?: ((args_0: {
-            group: GroupProvide;
-        }) => vue.VNodeChild) | undefined;
-        prev?: ((args_0: {
-            props: {
-                icon: IconValue;
-                class: string;
-                onClick: () => void;
-                ariaLabel: string;
-            };
-        }) => vue.VNodeChild) | undefined;
-        next?: ((args_0: {
-            props: {
-                icon: IconValue;
-                class: string;
-                onClick: () => void;
-                ariaLabel: string;
-            };
-        }) => vue.VNodeChild) | undefined;
-    };
-    $slots?: {
+    $children?: vue.VNodeChild | {
         default?: ((args_0: {
             group: GroupProvide;
         }) => vue.VNodeChild) | undefined;
@@ -575,7 +495,9 @@ declare const VCarousel: {
                 ariaLabel: string;
             };
         }) => vue.VNodeChild) | undefined;
-    } | undefined;
+    } | ((args_0: {
+        group: GroupProvide;
+    }) => vue.VNodeChild);
     'v-slots'?: {
         default?: false | ((args_0: {
             group: GroupProvide;
@@ -632,6 +554,7 @@ declare const VCarousel: {
     interval: string | number;
     height: string | number;
     direction: string;
+    style: vue.StyleValue;
     disabled: boolean;
     tag: string;
     mandatory: "force";
@@ -651,6 +574,11 @@ declare const VCarousel: {
         type: StringConstructor;
         default: string;
     };
+    class: PropType<any>;
+    style: {
+        type: PropType<vue.StyleValue>;
+        default: null;
+    };
     continuous: {
         type: PropType<boolean>;
         default: boolean;
@@ -716,6 +644,11 @@ declare const VCarousel: {
         type: StringConstructor;
         default: string;
     };
+    class: PropType<any>;
+    style: {
+        type: PropType<vue.StyleValue>;
+        default: null;
+    };
     continuous: {
         type: PropType<boolean>;
         default: boolean;
@@ -782,21 +715,20 @@ declare const VCarouselItem: {
     new (...args: any[]): {
         $: vue.ComponentInternalInstance;
         $data: {};
-        $props: Partial<{}> & Omit<{} & {
+        $props: Partial<{
+            style: vue.StyleValue;
+        }> & Omit<{
+            style: vue.StyleValue;
+        } & {
             value?: any;
+            class?: any;
         } & {
-            $children?: {} | vue.VNodeChild | {
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
                 placeholder?: (() => vue.VNodeChild) | undefined;
                 error?: (() => vue.VNodeChild) | undefined;
                 sources?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-                placeholder?: (() => vue.VNodeChild) | undefined;
-                error?: (() => vue.VNodeChild) | undefined;
-                sources?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
                 placeholder?: false | (() => vue.VNodeChild) | undefined;
@@ -808,7 +740,7 @@ declare const VCarouselItem: {
             "v-slot:placeholder"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:error"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:sources"?: false | (() => vue.VNodeChild) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, never>;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "style">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -822,21 +754,18 @@ declare const VCarouselItem: {
         $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
-        $options: vue.ComponentOptionsBase<{} & {
+        $options: vue.ComponentOptionsBase<{
+            style: vue.StyleValue;
+        } & {
             value?: any;
+            class?: any;
         } & {
-            $children?: {} | vue.VNodeChild | {
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
                 placeholder?: (() => vue.VNodeChild) | undefined;
                 error?: (() => vue.VNodeChild) | undefined;
                 sources?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-                placeholder?: (() => vue.VNodeChild) | undefined;
-                error?: (() => vue.VNodeChild) | undefined;
-                sources?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
                 placeholder?: false | (() => vue.VNodeChild) | undefined;
@@ -848,7 +777,9 @@ declare const VCarouselItem: {
             "v-slot:placeholder"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:error"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:sources"?: false | (() => vue.VNodeChild) | undefined;
-        }, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {}, {}, string> & {
+        }, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
+            style: vue.StyleValue;
+        }, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
             beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -868,21 +799,18 @@ declare const VCarouselItem: {
         $forceUpdate: () => void;
         $nextTick: typeof vue.nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
-    } & {} & {
+    } & {
+        style: vue.StyleValue;
+    } & {
         value?: any;
+        class?: any;
     } & {
-        $children?: {} | vue.VNodeChild | {
+        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             default?: (() => vue.VNodeChild) | undefined;
             placeholder?: (() => vue.VNodeChild) | undefined;
             error?: (() => vue.VNodeChild) | undefined;
             sources?: (() => vue.VNodeChild) | undefined;
         };
-        $slots?: {
-            default?: (() => vue.VNodeChild) | undefined;
-            placeholder?: (() => vue.VNodeChild) | undefined;
-            error?: (() => vue.VNodeChild) | undefined;
-            sources?: (() => vue.VNodeChild) | undefined;
-        } | undefined;
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
             placeholder?: false | (() => vue.VNodeChild) | undefined;
@@ -898,21 +826,18 @@ declare const VCarouselItem: {
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
-} & vue.ComponentOptionsBase<{} & {
+} & vue.ComponentOptionsBase<{
+    style: vue.StyleValue;
+} & {
     value?: any;
+    class?: any;
 } & {
-    $children?: {} | vue.VNodeChild | {
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         default?: (() => vue.VNodeChild) | undefined;
         placeholder?: (() => vue.VNodeChild) | undefined;
         error?: (() => vue.VNodeChild) | undefined;
         sources?: (() => vue.VNodeChild) | undefined;
     };
-    $slots?: {
-        default?: (() => vue.VNodeChild) | undefined;
-        placeholder?: (() => vue.VNodeChild) | undefined;
-        error?: (() => vue.VNodeChild) | undefined;
-        sources?: (() => vue.VNodeChild) | undefined;
-    } | undefined;
     'v-slots'?: {
         default?: false | (() => vue.VNodeChild) | undefined;
         placeholder?: false | (() => vue.VNodeChild) | undefined;
@@ -924,9 +849,21 @@ declare const VCarouselItem: {
     "v-slot:placeholder"?: false | (() => vue.VNodeChild) | undefined;
     "v-slot:error"?: false | (() => vue.VNodeChild) | undefined;
     "v-slot:sources"?: false | (() => vue.VNodeChild) | undefined;
-}, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {}, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+}, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
+    style: vue.StyleValue;
+}, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+    class: vue.PropType<any>;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
     value: null;
 }, vue.ExtractPropTypes<{
+    class: vue.PropType<any>;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
     value: null;
 }>>;
 type VCarouselItem = InstanceType<typeof VCarouselItem>;

package/lib/components/VCheckbox/VCheckbox.mjs

@@ -35,10 +35,11 @@ export const VCheckbox = genericComponent()({
       const [inputProps, _1] = VInput.filterProps(props);
       const [checkboxProps, _2] = VCheckboxBtn.filterProps(props);
       return _createVNode(VInput, _mergeProps({
-        "class": "v-checkbox"
+        "class": ['v-checkbox', props.class]
       }, inputAttrs, inputProps, {
         "id": id.value,
-        "focused": isFocused.value
+        "focused": isFocused.value,
+        "style": props.style
       }), {
         ...slots,
         default: _ref2 => {

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","useRender","VCheckbox","name","inheritAttrs","props","emits","focused","setup","_ref","attrs","slots","isFocused","focus","blur","uid","id","inputAttrs","controlAttrs","inputProps","_1","filterProps","checkboxProps","_2","_createVNode","_mergeProps","value","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, useRender } from '@/util'\n\n// Types\nimport type { VSelectionControlSlots } from '../VSelectionControl/VSelectionControl'\n\nexport type VCheckboxSlots = VInputSlots & VSelectionControlSlots\n\nexport const VCheckbox = genericComponent<VCheckboxSlots>()({\n  name: 'VCheckbox',\n\n  inheritAttrs: false,\n\n  props: {\n    ...makeVInputProps(),\n    ...omit(makeVCheckboxBtnProps(), ['inline']),\n  },\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=\"v-checkbox\"\n          { ...inputAttrs }\n          { ...inputProps }\n          id={ id.value }\n          focused={ isFocused.value }\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,SAAS,gCAEpE;AAKA,OAAO,MAAMC,SAAS,GAAGJ,gBAAgB,EAAkB,CAAC;EAC1DK,IAAI,EAAE,WAAW;EAEjBC,YAAY,EAAE,KAAK;EAEnBC,KAAK,EAAE;IACL,GAAGd,eAAe,EAAE;IACpB,GAAGS,IAAI,CAACP,qBAAqB,EAAE,EAAE,CAAC,QAAQ,CAAC;EAC7C,CAAC;EAEDa,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,GAAGnB,QAAQ,CAACU,KAAK,CAAC;IAElD,MAAMU,GAAG,GAAGhB,MAAM,EAAE;IACpB,MAAMiB,EAAE,GAAGpB,QAAQ,CAAC,MAAMS,KAAK,CAACW,EAAE,IAAK,YAAWD,GAAI,EAAC,CAAC;IAExDd,SAAS,CAAC,MAAM;MACd,MAAM,CAACgB,UAAU,EAAEC,YAAY,CAAC,GAAGrB,gBAAgB,CAACa,KAAK,CAAC;MAC1D,MAAM,CAACS,UAAU,EAAEC,EAAE,CAAC,GAAG5B,MAAM,CAAC6B,WAAW,CAAChB,KAAK,CAAC;MAClD,MAAM,CAACiB,aAAa,EAAEC,EAAE,CAAC,GAAG7B,YAAY,CAAC2B,WAAW,CAAChB,KAAK,CAAC;MAE3D,OAAAmB,YAAA,CAAAhC,MAAA,EAAAiC,WAAA;QAAA,SAEU;MAAY,GACbR,UAAU,EACVE,UAAU;QAAA,MACVH,EAAE,CAACU,KAAK;QAAA,WACHd,SAAS,CAACc;MAAK;QAGvB,GAAGf,KAAK;QACRgB,OAAO,EAAEC,KAAA;UAAA,IAAC;YACRZ,EAAE;YACFa,UAAU;YACVC,UAAU;YACVC;UACF,CAAC,GAAAH,KAAA;UAAA,OAAAJ,YAAA,CAAA9B,YAAA,EAAA+B,WAAA,CAEQH,aAAa;YAAA,MACbN,EAAE,CAACU,KAAK;YAAA,oBACMG,UAAU,CAACH,KAAK;YAAA,YACxBI,UAAU,CAACJ,KAAK;YAAA,YAChBK,UAAU,CAACL;UAAK,GACtBR,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":["makeVInputProps","VInput","makeVCheckboxBtnProps","VCheckboxBtn","useFocus","computed","filterInputAttrs","genericComponent","getUid","omit","useRender","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, useRender } from '@/util'\n\n// Types\nimport type { VSelectionControlSlots } from '../VSelectionControl/VSelectionControl'\n\nexport type VCheckboxSlots = VInputSlots & VSelectionControlSlots\n\nexport const VCheckbox = genericComponent<VCheckboxSlots>()({\n  name: 'VCheckbox',\n\n  inheritAttrs: false,\n\n  props: {\n    ...makeVInputProps(),\n    ...omit(makeVCheckboxBtnProps(), ['inline']),\n  },\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,SAAS,gCAEpE;AAKA,OAAO,MAAMC,SAAS,GAAGJ,gBAAgB,EAAkB,CAAC;EAC1DK,IAAI,EAAE,WAAW;EAEjBC,YAAY,EAAE,KAAK;EAEnBC,KAAK,EAAE;IACL,GAAGd,eAAe,EAAE;IACpB,GAAGS,IAAI,CAACP,qBAAqB,EAAE,EAAE,CAAC,QAAQ,CAAC;EAC7C,CAAC;EAEDa,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,GAAGnB,QAAQ,CAACU,KAAK,CAAC;IAElD,MAAMU,GAAG,GAAGhB,MAAM,EAAE;IACpB,MAAMiB,EAAE,GAAGpB,QAAQ,CAAC,MAAMS,KAAK,CAACW,EAAE,IAAK,YAAWD,GAAI,EAAC,CAAC;IAExDd,SAAS,CAAC,MAAM;MACd,MAAM,CAACgB,UAAU,EAAEC,YAAY,CAAC,GAAGrB,gBAAgB,CAACa,KAAK,CAAC;MAC1D,MAAM,CAACS,UAAU,EAAEC,EAAE,CAAC,GAAG5B,MAAM,CAAC6B,WAAW,CAAChB,KAAK,CAAC;MAClD,MAAM,CAACiB,aAAa,EAAEC,EAAE,CAAC,GAAG7B,YAAY,CAAC2B,WAAW,CAAChB,KAAK,CAAC;MAE3D,OAAAmB,YAAA,CAAAhC,MAAA,EAAAiC,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,CAAA9B,YAAA,EAAA+B,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"}

package/lib/components/VCheckbox/VCheckboxBtn.mjs

@@ -43,7 +43,8 @@ export const VCheckboxBtn = genericComponent()({
     useRender(() => _createVNode(VSelectionControl, _mergeProps(props, {
       "modelValue": model.value,
       "onUpdate:modelValue": [$event => model.value = $event, onChange],
-      "class": "v-checkbox-btn",
+      "class": ['v-checkbox-btn', props.class],
+      "style": props.style,
       "type": "checkbox",
       "inline": true,
       "falseIcon": falseIcon.value,

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","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 props.indeterminate\n        ? props.indeterminateIcon\n        : props.falseIcon\n    })\n\n    const trueIcon = computed(() => {\n      return props.indeterminate\n        ? props.indeterminateIcon\n        : props.trueIcon\n    })\n\n    useRender(() => (\n      <VSelectionControl\n        { ...props }\n        v-model={ model.value }\n        class=\"v-checkbox-btn\"\n        type=\"checkbox\"\n        inline\n        onUpdate:modelValue={ onChange }\n        falseIcon={ falseIcon.value }\n        trueIcon={ trueIcon.value }\n        aria-checked={ props.indeterminate ? '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,OAAOc,KAAK,CAACT,aAAa,GACtBS,KAAK,CAACP,iBAAiB,GACvBO,KAAK,CAACJ,SAAS;IACrB,CAAC,CAAC;IAEF,MAAMC,QAAQ,GAAGX,QAAQ,CAAC,MAAM;MAC9B,OAAOc,KAAK,CAACT,aAAa,GACtBS,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,EAICJ,QAAQ;MAAA,SAHxB,gBAAgB;MAAA,QACjB,UAAU;MAAA;MAAA,aAGHZ,SAAS,CAACM,KAAK;MAAA,YAChBL,QAAQ,CAACK,KAAK;MAAA,gBACVF,KAAK,CAACT,aAAa,GAAG,OAAO,GAAGsB;IAAS,IAC9CP,KAAK,CAElB,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}
+{"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 props.indeterminate\n        ? props.indeterminateIcon\n        : props.falseIcon\n    })\n\n    const trueIcon = computed(() => {\n      return props.indeterminate\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        inline\n        onUpdate:modelValue={ onChange }\n        falseIcon={ falseIcon.value }\n        trueIcon={ trueIcon.value }\n        aria-checked={ props.indeterminate ? '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,OAAOc,KAAK,CAACT,aAAa,GACtBS,KAAK,CAACP,iBAAiB,GACvBO,KAAK,CAACJ,SAAS;IACrB,CAAC,CAAC;IAEF,MAAMC,QAAQ,GAAGX,QAAQ,CAAC,MAAM;MAC9B,OAAOc,KAAK,CAACT,aAAa,GACtBS,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,EAQCJ,QAAQ;MAAA,SAPvB,CACL,gBAAgB,EAChBR,KAAK,CAACa,KAAK,CACZ;MAAA,SACOb,KAAK,CAACc,KAAK;MAAA,QACd,UAAU;MAAA;MAAA,aAGHlB,SAAS,CAACM,KAAK;MAAA,YAChBL,QAAQ,CAACK,KAAK;MAAA,gBACVF,KAAK,CAACT,aAAa,GAAG,OAAO,GAAGwB;IAAS,IAC9CT,KAAK,CAElB,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}