vuetify 3.1.4 → 3.1.6

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

@@ -1,81 +1,258 @@
 import * as vue from 'vue';
-import { JSXComponent, PropType } from 'vue';
+import { JSXComponent, PropType, ComponentInternalInstance, Ref, ComputedRef } from 'vue';
 
-declare type IconValue = string | JSXComponent;
+type IconValue = string | JSXComponent;
 declare const IconValue: PropType<IconValue>;
 
+interface GroupItem {
+    id: number;
+    value: Ref<unknown>;
+    disabled: Ref<boolean | undefined>;
+}
+interface GroupProvide {
+    register: (item: GroupItem, cmp: ComponentInternalInstance) => void;
+    unregister: (id: number) => void;
+    select: (id: number, value: boolean) => void;
+    selected: Ref<Readonly<number[]>>;
+    isSelected: (id: number) => boolean;
+    prev: () => void;
+    next: () => void;
+    selectedClass: Ref<string | undefined>;
+    items: ComputedRef<{
+        id: number;
+        value: unknown;
+        disabled: boolean | undefined;
+    }[]>;
+    disabled: Ref<boolean | undefined>;
+    getItemIndex: (value: unknown) => number;
+}
+
 declare const VCarousel: vue.DefineComponent<{
-    color: StringConstructor;
-    cycle: BooleanConstructor;
-    delimiterIcon: {
-        type: PropType<IconValue>;
-        default: string;
-    };
-    height: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-    };
-    hideDelimiters: BooleanConstructor;
-    hideDelimiterBackground: BooleanConstructor;
-    interval: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-        validator: (value: string | number) => boolean;
-    };
-    modelValue: null;
-    progress: (StringConstructor | BooleanConstructor)[];
-    showArrows: {
-        type: (StringConstructor | BooleanConstructor)[];
-        default: boolean;
-        validator: (v: any) => boolean;
+    interval: string | number;
+    height: string | number;
+    showArrows: string | boolean;
+    cycle: boolean;
+    hideDelimiters: boolean;
+    hideDelimiterBackground: boolean;
+    delimiterIcon: IconValue;
+} & {
+    progress?: string | boolean | undefined;
+    color?: 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;
     };
-    verticalDelimiters: PropType<boolean | "left" | "right">;
+    'v-slots'?: {
+        default?: false | ((args_0: {
+            group: GroupProvide;
+        }) => vue.VNodeChild) | undefined;
+        additional?: false | ((args_0: {
+            group: GroupProvide;
+        }) => vue.VNodeChild) | undefined;
+        prev?: false | ((args_0: {
+            props: {
+                icon: IconValue;
+                class: string;
+                onClick: () => void;
+                ariaLabel: string;
+            };
+        }) => vue.VNodeChild) | undefined;
+        next?: false | ((args_0: {
+            props: {
+                icon: IconValue;
+                class: string;
+                onClick: () => void;
+                ariaLabel: string;
+            };
+        }) => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | ((args_0: {
+        group: GroupProvide;
+    }) => vue.VNodeChild) | undefined;
+    "v-slot:additional"?: false | ((args_0: {
+        group: GroupProvide;
+    }) => vue.VNodeChild) | undefined;
+    "v-slot:prev"?: false | ((args_0: {
+        props: {
+            icon: IconValue;
+            class: string;
+            onClick: () => void;
+            ariaLabel: string;
+        };
+    }) => vue.VNodeChild) | undefined;
+    "v-slot:next"?: false | ((args_0: {
+        props: {
+            icon: IconValue;
+            class: string;
+            onClick: () => void;
+            ariaLabel: string;
+        };
+    }) => vue.VNodeChild) | undefined;
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    'update:modelValue': (val: any) => true;
-}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
-    color: StringConstructor;
-    cycle: BooleanConstructor;
-    delimiterIcon: {
-        type: PropType<IconValue>;
-        default: string;
-    };
-    height: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-    };
-    hideDelimiters: BooleanConstructor;
-    hideDelimiterBackground: BooleanConstructor;
-    interval: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-        validator: (value: string | number) => boolean;
-    };
-    modelValue: null;
-    progress: (StringConstructor | BooleanConstructor)[];
-    showArrows: {
-        type: (StringConstructor | BooleanConstructor)[];
-        default: boolean;
-        validator: (v: any) => boolean;
+    'update:modelValue': (val: any) => boolean;
+}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
+    interval: string | number;
+    height: string | number;
+    showArrows: string | boolean;
+    cycle: boolean;
+    hideDelimiters: boolean;
+    hideDelimiterBackground: boolean;
+    delimiterIcon: IconValue;
+} & {
+    progress?: string | boolean | undefined;
+    color?: 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;
     };
-    verticalDelimiters: PropType<boolean | "left" | "right">;
-}>> & {
+    'v-slots'?: {
+        default?: false | ((args_0: {
+            group: GroupProvide;
+        }) => vue.VNodeChild) | undefined;
+        additional?: false | ((args_0: {
+            group: GroupProvide;
+        }) => vue.VNodeChild) | undefined;
+        prev?: false | ((args_0: {
+            props: {
+                icon: IconValue;
+                class: string;
+                onClick: () => void;
+                ariaLabel: string;
+            };
+        }) => vue.VNodeChild) | undefined;
+        next?: false | ((args_0: {
+            props: {
+                icon: IconValue;
+                class: string;
+                onClick: () => void;
+                ariaLabel: string;
+            };
+        }) => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | ((args_0: {
+        group: GroupProvide;
+    }) => vue.VNodeChild) | undefined;
+    "v-slot:additional"?: false | ((args_0: {
+        group: GroupProvide;
+    }) => vue.VNodeChild) | undefined;
+    "v-slot:prev"?: false | ((args_0: {
+        props: {
+            icon: IconValue;
+            class: string;
+            onClick: () => void;
+            ariaLabel: string;
+        };
+    }) => vue.VNodeChild) | undefined;
+    "v-slot:next"?: false | ((args_0: {
+        props: {
+            icon: IconValue;
+            class: string;
+            onClick: () => void;
+            ariaLabel: string;
+        };
+    }) => vue.VNodeChild) | undefined;
+} & {
     "onUpdate:modelValue"?: ((val: any) => any) | undefined;
 }, {
     interval: string | number;
     height: string | number;
     showArrows: string | boolean;
     cycle: boolean;
-    delimiterIcon: IconValue;
     hideDelimiters: boolean;
     hideDelimiterBackground: boolean;
+    delimiterIcon: IconValue;
 }>;
-declare type VCarousel = InstanceType<typeof VCarousel>;
+type VCarousel = InstanceType<typeof VCarousel>;
 
-declare const VCarouselItem: vue.DefineComponent<{
-    value: null;
-}, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
-    value: null;
-}>>, {}>;
-declare type VCarouselItem = InstanceType<typeof VCarouselItem>;
+declare const VCarouselItem: vue.DefineComponent<{} & {
+    value?: any;
+} & {
+    $children?: {} | vue.VNodeChild | {
+        default?: (() => vue.VNodeChild) | undefined;
+        placeholder?: (() => vue.VNodeChild) | undefined;
+        error?: (() => vue.VNodeChild) | undefined;
+        sources?: (() => vue.VNodeChild) | undefined;
+    };
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+        placeholder?: false | (() => vue.VNodeChild) | undefined;
+        error?: false | (() => vue.VNodeChild) | undefined;
+        sources?: false | (() => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+    "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, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {} & {
+    value?: any;
+} & {
+    $children?: {} | vue.VNodeChild | {
+        default?: (() => vue.VNodeChild) | undefined;
+        placeholder?: (() => vue.VNodeChild) | undefined;
+        error?: (() => vue.VNodeChild) | undefined;
+        sources?: (() => vue.VNodeChild) | undefined;
+    };
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+        placeholder?: false | (() => vue.VNodeChild) | undefined;
+        error?: false | (() => vue.VNodeChild) | undefined;
+        sources?: false | (() => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:placeholder"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:error"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:sources"?: false | (() => vue.VNodeChild) | undefined;
+}, {}>;
+type VCarouselItem = InstanceType<typeof VCarouselItem>;
 
 export { VCarousel, VCarouselItem };

package/lib/components/VCheckbox/VCheckbox.mjs

@@ -7,8 +7,8 @@ import { filterInputProps, makeVInputProps, VInput } from "../VInput/VInput.mjs"
 import { filterCheckboxBtnProps, makeVCheckboxBtnProps, VCheckboxBtn } from "./VCheckboxBtn.mjs"; // Composables
 import { useFocus } from "../../composables/focus.mjs"; // Utilities
 import { computed } from 'vue';
-import { defineComponent, filterInputAttrs, getUid, useRender } from "../../util/index.mjs";
-export const VCheckbox = defineComponent({
+import { filterInputAttrs, genericComponent, getUid, useRender } from "../../util/index.mjs"; // Types
+export const VCheckbox = genericComponent()({
   name: 'VCheckbox',
   inheritAttrs: false,
   props: {

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

@@ -1 +1 @@
-{"version":3,"file":"VCheckbox.mjs","names":["filterInputProps","makeVInputProps","VInput","filterCheckboxBtnProps","makeVCheckboxBtnProps","VCheckboxBtn","useFocus","computed","defineComponent","filterInputAttrs","getUid","useRender","VCheckbox","name","inheritAttrs","props","emits","focused","setup","attrs","slots","isFocused","focus","blur","uid","id","inputAttrs","controlAttrs","inputProps","_1","checkboxProps","_2","value","default","messagesId","isDisabled","isReadonly"],"sources":["../../../src/components/VCheckbox/VCheckbox.tsx"],"sourcesContent":["// Styles\nimport './VCheckbox.sass'\n\n// Components\nimport { filterInputProps, makeVInputProps, VInput } from '@/components/VInput/VInput'\nimport { filterCheckboxBtnProps, makeVCheckboxBtnProps, VCheckboxBtn } from './VCheckboxBtn'\n\n// Composables\nimport { useFocus } from '@/composables/focus'\n\n// Utilities\nimport { computed } from 'vue'\nimport { defineComponent, filterInputAttrs, getUid, useRender } from '@/util'\n\nexport const VCheckbox = defineComponent({\n  name: 'VCheckbox',\n\n  inheritAttrs: false,\n\n  props: {\n    ...makeVInputProps(),\n    ...makeVCheckboxBtnProps(),\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] = filterInputProps(props)\n      const [checkboxProps, _2] = filterCheckboxBtnProps(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,SACSA,gBAAgB,EAAEC,eAAe,EAAEC,MAAM;AAAA,SACzCC,sBAAsB,EAAEC,qBAAqB,EAAEC,YAAY,8BAEpE;AAAA,SACSC,QAAQ,uCAEjB;AACA,SAASC,QAAQ,QAAQ,KAAK;AAAA,SACrBC,eAAe,EAAEC,gBAAgB,EAAEC,MAAM,EAAEC,SAAS;AAE7D,OAAO,MAAMC,SAAS,GAAGJ,eAAe,CAAC;EACvCK,IAAI,EAAE,WAAW;EAEjBC,YAAY,EAAE,KAAK;EAEnBC,KAAK,EAAE;IACL,GAAGd,eAAe,EAAE;IACpB,GAAGG,qBAAqB;EAC1B,CAAC;EAEDY,KAAK,EAAE;IACL,gBAAgB,EAAGC,OAAgB,IAAK;EAC1C,CAAC;EAEDC,KAAK,CAAEH,KAAK,QAAoB;IAAA,IAAlB;MAAEI,KAAK;MAAEC;IAAM,CAAC;IAC5B,MAAM;MAAEC,SAAS;MAAEC,KAAK;MAAEC;IAAK,CAAC,GAAGjB,QAAQ,CAACS,KAAK,CAAC;IAElD,MAAMS,GAAG,GAAGd,MAAM,EAAE;IACpB,MAAMe,EAAE,GAAGlB,QAAQ,CAAC,MAAMQ,KAAK,CAACU,EAAE,IAAK,YAAWD,GAAI,EAAC,CAAC;IAExDb,SAAS,CAAC,MAAM;MACd,MAAM,CAACe,UAAU,EAAEC,YAAY,CAAC,GAAGlB,gBAAgB,CAACU,KAAK,CAAC;MAC1D,MAAM,CAACS,UAAU,EAAEC,EAAE,CAAC,GAAG7B,gBAAgB,CAACe,KAAK,CAAC;MAChD,MAAM,CAACe,aAAa,EAAEC,EAAE,CAAC,GAAG5B,sBAAsB,CAACY,KAAK,CAAC;MAEzD;QAAA,SAEU;MAAY,GACbW,UAAU,EACVE,UAAU;QAAA,MACVH,EAAE,CAACO,KAAK;QAAA,WACHX,SAAS,CAACW;MAAK;QAGvB,GAAGZ,KAAK;QACRa,OAAO,EAAE;UAAA,IAAC;YACRR,EAAE;YACFS,UAAU;YACVC,UAAU;YACVC;UACF,CAAC;UAAA,8CAEQN,aAAa;YAAA,MACbL,EAAE,CAACO,KAAK;YAAA,oBACME,UAAU,CAACF,KAAK;YAAA,YACxBG,UAAU,CAACH,KAAK;YAAA,YAChBI,UAAU,CAACJ;UAAK,GACtBL,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":["filterInputProps","makeVInputProps","VInput","filterCheckboxBtnProps","makeVCheckboxBtnProps","VCheckboxBtn","useFocus","computed","filterInputAttrs","genericComponent","getUid","useRender","VCheckbox","name","inheritAttrs","props","emits","focused","setup","attrs","slots","isFocused","focus","blur","uid","id","inputAttrs","controlAttrs","inputProps","_1","checkboxProps","_2","value","default","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 { filterInputProps, makeVInputProps, VInput } from '@/components/VInput/VInput'\nimport { filterCheckboxBtnProps, makeVCheckboxBtnProps, VCheckboxBtn } from './VCheckboxBtn'\n\n// Composables\nimport { useFocus } from '@/composables/focus'\n\n// Utilities\nimport { computed } from 'vue'\nimport { filterInputAttrs, genericComponent, getUid, 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    ...makeVCheckboxBtnProps(),\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] = filterInputProps(props)\n      const [checkboxProps, _2] = filterCheckboxBtnProps(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,gBAAgB,EAAEC,eAAe,EAAEC,MAAM;AAAA,SACzCC,sBAAsB,EAAEC,qBAAqB,EAAEC,YAAY,8BAEpE;AAAA,SACSC,QAAQ,uCAEjB;AACA,SAASC,QAAQ,QAAQ,KAAK;AAAA,SACrBC,gBAAgB,EAAEC,gBAAgB,EAAEC,MAAM,EAAEC,SAAS,gCAE9D;AAKA,OAAO,MAAMC,SAAS,GAAGH,gBAAgB,EAAkB,CAAC;EAC1DI,IAAI,EAAE,WAAW;EAEjBC,YAAY,EAAE,KAAK;EAEnBC,KAAK,EAAE;IACL,GAAGd,eAAe,EAAE;IACpB,GAAGG,qBAAqB;EAC1B,CAAC;EAEDY,KAAK,EAAE;IACL,gBAAgB,EAAGC,OAAgB,IAAK;EAC1C,CAAC;EAEDC,KAAK,CAAEH,KAAK,QAAoB;IAAA,IAAlB;MAAEI,KAAK;MAAEC;IAAM,CAAC;IAC5B,MAAM;MAAEC,SAAS;MAAEC,KAAK;MAAEC;IAAK,CAAC,GAAGjB,QAAQ,CAACS,KAAK,CAAC;IAElD,MAAMS,GAAG,GAAGd,MAAM,EAAE;IACpB,MAAMe,EAAE,GAAGlB,QAAQ,CAAC,MAAMQ,KAAK,CAACU,EAAE,IAAK,YAAWD,GAAI,EAAC,CAAC;IAExDb,SAAS,CAAC,MAAM;MACd,MAAM,CAACe,UAAU,EAAEC,YAAY,CAAC,GAAGnB,gBAAgB,CAACW,KAAK,CAAC;MAC1D,MAAM,CAACS,UAAU,EAAEC,EAAE,CAAC,GAAG7B,gBAAgB,CAACe,KAAK,CAAC;MAChD,MAAM,CAACe,aAAa,EAAEC,EAAE,CAAC,GAAG5B,sBAAsB,CAACY,KAAK,CAAC;MAEzD;QAAA,SAEU;MAAY,GACbW,UAAU,EACVE,UAAU;QAAA,MACVH,EAAE,CAACO,KAAK;QAAA,WACHX,SAAS,CAACW;MAAK;QAGvB,GAAGZ,KAAK;QACRa,OAAO,EAAE;UAAA,IAAC;YACRR,EAAE;YACFS,UAAU;YACVC,UAAU;YACVC;UACF,CAAC;UAAA,8CAEQN,aAAa;YAAA,MACbL,EAAE,CAACO,KAAK;YAAA,oBACME,UAAU,CAACF,KAAK;YAAA,YACxBG,UAAU,CAACH,KAAK;YAAA,YAChBI,UAAU,CAACJ;UAAK,GACtBL,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

@@ -4,7 +4,7 @@ import { makeSelectionControlProps, VSelectionControl } from "../VSelectionContr
 import { IconValue } from "../../composables/icons.mjs";
 import { useProxiedModel } from "../../composables/proxiedModel.mjs"; // Utilities
 import { computed } from 'vue';
-import { defineComponent, pick, propsFactory, useRender } from "../../util/index.mjs"; // Types
+import { genericComponent, pick, propsFactory, useRender } from "../../util/index.mjs"; // Types
 export const makeVCheckboxBtnProps = propsFactory({
   indeterminate: Boolean,
   indeterminateIcon: {
@@ -16,7 +16,7 @@ export const makeVCheckboxBtnProps = propsFactory({
     trueIcon: '$checkboxOn'
   })
 }, 'v-checkbox-btn');
-export const VCheckboxBtn = defineComponent({
+export const VCheckboxBtn = genericComponent()({
   name: 'VCheckboxBtn',
   props: makeVCheckboxBtnProps(),
   emits: {

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

@@ -1 +1 @@
-{"version":3,"file":"VCheckboxBtn.mjs","names":["makeSelectionControlProps","VSelectionControl","IconValue","useProxiedModel","computed","defineComponent","pick","propsFactory","useRender","makeVCheckboxBtnProps","indeterminate","Boolean","indeterminateIcon","type","default","falseIcon","trueIcon","VCheckboxBtn","name","props","emits","value","val","setup","slots","model","onChange","v","undefined","filterCheckboxBtnProps","Object","keys"],"sources":["../../../src/components/VCheckbox/VCheckboxBtn.tsx"],"sourcesContent":["// Components\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 { defineComponent, pick, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { ExtractPropTypes } from 'vue'\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 = defineComponent({\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\nexport function filterCheckboxBtnProps (props: ExtractPropTypes<ReturnType<typeof makeVCheckboxBtnProps>>) {\n  return pick(props, Object.keys(VCheckboxBtn.props) as any)\n}\n"],"mappings":";AAAA;AAAA,SACSA,yBAAyB,EAAEC,iBAAiB,sDAErD;AAAA,SACSC,SAAS;AAAA,SACTC,eAAe,8CAExB;AACA,SAASC,QAAQ,QAAQ,KAAK;AAAA,SACrBC,eAAe,EAAEC,IAAI,EAAEC,YAAY,EAAEC,SAAS,gCAEvD;AAGA,OAAO,MAAMC,qBAAqB,GAAGF,YAAY,CAAC;EAChDG,aAAa,EAAEC,OAAO;EACtBC,iBAAiB,EAAE;IACjBC,IAAI,EAAEX,SAAS;IACfY,OAAO,EAAE;EACX,CAAC;EAED,GAAGd,yBAAyB,CAAC;IAC3Be,SAAS,EAAE,cAAc;IACzBC,QAAQ,EAAE;EACZ,CAAC;AACH,CAAC,EAAE,gBAAgB,CAAC;AAEpB,OAAO,MAAMC,YAAY,GAAGZ,eAAe,CAAC;EAC1Ca,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,KAAK,CAAEJ,KAAK,QAAa;IAAA,IAAX;MAAEK;IAAM,CAAC;IACrB,MAAMd,aAAa,GAAGP,eAAe,CAACgB,KAAK,EAAE,eAAe,CAAC;IAC7D,MAAMM,KAAK,GAAGtB,eAAe,CAACgB,KAAK,EAAE,YAAY,CAAC;IAElD,SAASO,QAAQ,CAAEC,CAAM,EAAE;MACzB,IAAIjB,aAAa,CAACW,KAAK,EAAE;QACvBX,aAAa,CAACW,KAAK,GAAG,KAAK;MAC7B;IACF;IAEA,MAAMN,SAAS,GAAGX,QAAQ,CAAC,MAAM;MAC/B,OAAOe,KAAK,CAACT,aAAa,GACtBS,KAAK,CAACP,iBAAiB,GACvBO,KAAK,CAACJ,SAAS;IACrB,CAAC,CAAC;IAEF,MAAMC,QAAQ,GAAGZ,QAAQ,CAAC,MAAM;MAC9B,OAAOe,KAAK,CAACT,aAAa,GACtBS,KAAK,CAACP,iBAAiB,GACvBO,KAAK,CAACH,QAAQ;IACpB,CAAC,CAAC;IAEFR,SAAS,CAAC,kDAEDW,KAAK;MAAA,cACAM,KAAK,CAACJ,KAAK;MAAA,kCAAXI,KAAK,CAACJ,KAAK,WAICK,QAAQ;MAAA,SAHxB,gBAAgB;MAAA,QACjB,UAAU;MAAA;MAAA,aAGHX,SAAS,CAACM,KAAK;MAAA,YAChBL,QAAQ,CAACK,KAAK;MAAA,gBACVF,KAAK,CAACT,aAAa,GAAG,OAAO,GAAGkB;IAAS,IAC9CJ,KAAK,CAElB,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC;AAIF,OAAO,SAASK,sBAAsB,CAAEV,KAAiE,EAAE;EACzG,OAAOb,IAAI,CAACa,KAAK,EAAEW,MAAM,CAACC,IAAI,CAACd,YAAY,CAACE,KAAK,CAAC,CAAQ;AAC5D"}
+{"version":3,"file":"VCheckboxBtn.mjs","names":["makeSelectionControlProps","VSelectionControl","IconValue","useProxiedModel","computed","genericComponent","pick","propsFactory","useRender","makeVCheckboxBtnProps","indeterminate","Boolean","indeterminateIcon","type","default","falseIcon","trueIcon","VCheckboxBtn","name","props","emits","value","val","setup","slots","model","onChange","v","undefined","filterCheckboxBtnProps","Object","keys"],"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, pick, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { ExtractPropTypes } from 'vue'\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\nexport function filterCheckboxBtnProps (props: ExtractPropTypes<ReturnType<typeof makeVCheckboxBtnProps>>) {\n  return pick(props, Object.keys(VCheckboxBtn.props) as any)\n}\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,IAAI,EAAEC,YAAY,EAAEC,SAAS,gCAExD;AAGA,OAAO,MAAMC,qBAAqB,GAAGF,YAAY,CAAC;EAChDG,aAAa,EAAEC,OAAO;EACtBC,iBAAiB,EAAE;IACjBC,IAAI,EAAEX,SAAS;IACfY,OAAO,EAAE;EACX,CAAC;EAED,GAAGd,yBAAyB,CAAC;IAC3Be,SAAS,EAAE,cAAc;IACzBC,QAAQ,EAAE;EACZ,CAAC;AACH,CAAC,EAAE,gBAAgB,CAAC;AAEpB,OAAO,MAAMC,YAAY,GAAGZ,gBAAgB,EAA0B,CAAC;EACrEa,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,KAAK,CAAEJ,KAAK,QAAa;IAAA,IAAX;MAAEK;IAAM,CAAC;IACrB,MAAMd,aAAa,GAAGP,eAAe,CAACgB,KAAK,EAAE,eAAe,CAAC;IAC7D,MAAMM,KAAK,GAAGtB,eAAe,CAACgB,KAAK,EAAE,YAAY,CAAC;IAElD,SAASO,QAAQ,CAAEC,CAAM,EAAE;MACzB,IAAIjB,aAAa,CAACW,KAAK,EAAE;QACvBX,aAAa,CAACW,KAAK,GAAG,KAAK;MAC7B;IACF;IAEA,MAAMN,SAAS,GAAGX,QAAQ,CAAC,MAAM;MAC/B,OAAOe,KAAK,CAACT,aAAa,GACtBS,KAAK,CAACP,iBAAiB,GACvBO,KAAK,CAACJ,SAAS;IACrB,CAAC,CAAC;IAEF,MAAMC,QAAQ,GAAGZ,QAAQ,CAAC,MAAM;MAC9B,OAAOe,KAAK,CAACT,aAAa,GACtBS,KAAK,CAACP,iBAAiB,GACvBO,KAAK,CAACH,QAAQ;IACpB,CAAC,CAAC;IAEFR,SAAS,CAAC,kDAEDW,KAAK;MAAA,cACAM,KAAK,CAACJ,KAAK;MAAA,kCAAXI,KAAK,CAACJ,KAAK,WAICK,QAAQ;MAAA,SAHxB,gBAAgB;MAAA,QACjB,UAAU;MAAA;MAAA,aAGHX,SAAS,CAACM,KAAK;MAAA,YAChBL,QAAQ,CAACK,KAAK;MAAA,gBACVF,KAAK,CAACT,aAAa,GAAG,OAAO,GAAGkB;IAAS,IAC9CJ,KAAK,CAElB,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC;AAIF,OAAO,SAASK,sBAAsB,CAAEV,KAAiE,EAAE;EACzG,OAAOb,IAAI,CAACa,KAAK,EAAEW,MAAM,CAACC,IAAI,CAACd,YAAY,CAACE,KAAK,CAAC,CAAQ;AAC5D"}